/*@import "../theme.less";*/
/* Main theme configuration file. Use 'custom-theme.less' to define project specific theme variables or to override existing. */
/* obsolete? */
/* Intended for project specific theme variables. */
body {
  background-color: #fff;
}
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 3px #1f1f1f;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 3px #1f1f1f;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #2d6ca2;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #2d6ca2;
  border-color: #2b669a;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-color: #357ebd;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
}
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
  background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25) 2px 3px #1f1f1f;
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25) 2px 3px #1f1f1f;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05) 2px 3px #1f1f1f;
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #3071a9;
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
  border-color: #3278b3;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) 2px 3px #1f1f1f;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) 2px 3px #1f1f1f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) 2px 3px #1f1f1f;
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 2px 3px #1f1f1f;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b 2px 3px #1f1f1f;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 2px 3px #1f1f1f;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
@font-face {
  font-family: 'PTSans';
  src: url('../../blib/tms-base-style/dist/fonts/PT_Sans-Regular.woff2') format('woff2'), /*src:*/ url('../../blib/tms-base-style/dist/fonts/PT_Sans-Web-Regular.ttf') format('truetype');
  /*~"url('@{fontPath}PT_Sans-Web-Regular.woff')" format('woff');*/
  /* DOESN'T WORK IN CHROME!*/
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSans';
  src: url('../../blib/tms-base-style/dist/fonts/PT_Sans-Web-Bold.ttf') format('truetype');
  /*~"url('@{fontPath}PT_Sans-Web-Bold.woff')" format('woff');*/
  font-weight: bold;
  font-style: normal;
}
/*

@font-face {
    font-family: 'PTSans'; 
    src: ~"url('@{fontPath}PT_Sans-Web-Italic.ttf')" format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PTSans'; 
    src: ~"url('@{fontPath}PT_Sans-Web-BoldItalic.ttf')" format('truetype');
    font-weight: bold;
    font-style: italic;
}*/
@font-face {
  font-family: 'PTLcd';
  src: url('../../blib/tms-base-style/dist/fonts/lcd.ttf') format('truetype');
}
@font-face {
  font-family: 'PTLed';
  src: url('../../blib/tms-base-style/dist/fonts/led.ttf') format('truetype');
}
@font-face {
  font-family: 'FiraSans';
  src: url('../../blib/tms-base-style/dist/fonts/FiraSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans';
  src: url('../../blib/tms-base-style/dist/fonts/FiraSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans';
  src: url('../../blib/tms-base-style/dist/fonts/FiraSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'FiraSans';
  src: url('../../blib/tms-base-style/dist/fonts/FiraSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'FiraSans';
  src: url('../../blib/tms-base-style/dist/fonts/FiraSans-Light.ttf') format('truetype');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans';
  src: url('../../blib/tms-base-style/dist/fonts/FiraSans-LightItalic.ttf') format('truetype');
  font-weight: lighter;
  font-style: italic;
}
@font-face {
  font-family: 'FiraSansWeb';
  src: url('../../blib/tms-base-style/dist/fonts/WEB-fira-sans.regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSansFallback';
  src: url('../../blib/tms-base-style/dist/fonts/WEB-fira-sans.regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.clear {
  clear: both;
}
img {
  border: none;
}
.bold {
  font-weight: bold;
}
.display_none {
  display: none;
}
.no-background {
  background: none !important;
}
.no_float {
  float: none !important;
}
.fixed {
  position: fixed !important;
}
.float_l {
  float: left;
}
.float_r {
  float: right !important;
}
/* font size */
.fsize12 {
  font-size: 12px;
}
/* --font size */
.line-height_auto {
  line-height: 14px !important;
}
.line-height_24 {
  line-height: 24px !important;
}
.line-height_32 {
  line-height: 32px !important;
}
.line-height_37 {
  line-height: 37px !important;
}
.opacity_75 {
  opacity: 0.75;
}
.tms-overall-margin-top {
  margin-top: 8px;
}
.tms-overall-margin-right {
  margin-right: 8px;
}
.tms-overall-margin-bottom {
  margin-bottom: 8px;
}
.tms-overall-margin-left {
  margin-left: 8px;
}
.tms-overall-margin {
  margin: 8px;
}
.tms-overall-margin-left {
  margin-left: 8px;
}
.tms-overall-padding-top {
  padding-top: 8px;
}
.tms-margin-top {
  margin-top: 15px;
}
.margin_5 {
  margin: 5px;
}
.margin_auto {
  margin: auto;
}
.margin_b0 {
  margin-bottom: 0;
}
.margin_b15 {
  margin-bottom: 15px;
}
.margin_b20 {
  margin-bottom: 20px;
}
.margin_l5 {
  margin-left: 5px;
}
.margin_l10 {
  margin-left: 10px;
}
.margin_l15 {
  margin-left: 15px;
}
.margin_l20 {
  margin-left: 20px;
}
.margin_l50 {
  margin-left: 50px;
}
.margin_l60 {
  margin-left: 60px !important;
}
.margin_l100 {
  margin-left: 100px;
}
.margin_l220 {
  margin-left: 220px;
}
.margin_r-5 {
  margin-right: -5px;
}
.margin_r0 {
  margin-right: 0;
}
.margin_r5 {
  margin-right: 5px;
}
.margin_r10 {
  margin-right: 10px;
}
.margin_r20 {
  margin-right: 20px;
}
.margin_r40 {
  margin-right: 58px;
}
.margin_t-5 {
  margin-top: -5px;
}
.margin_t-10 {
  margin-top: -10px;
}
.margin_t0 {
  margin-top: 0 !important;
}
.margin_t2 {
  margin-top: 2px !important;
}
.margin_t5 {
  margin-top: 5px;
}
.margin_t8 {
  margin-top: 8px !important;
}
.margin_t10 {
  margin-top: 10px !important;
}
.margin_t15 {
  margin-top: 15px;
}
.margin_t20 {
  margin-top: 20px !important;
}
.margin_t30 {
  margin-top: 30px;
}
.margin_t40 {
  margin-top: 40px;
}
.margin_t50 {
  margin-top: 50px;
}
.margin-tb_2 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.no-overflow {
  overflow: hidden;
}
.no_border {
  border: none !important;
}
.padding-lr-none {
  padding-left: 0;
  padding-right: 0;
}
.padding_l0 {
  padding-left: 0 !important;
}
.padding_l5 {
  padding-left: 5px !important;
}
.padding_lr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding_b0 {
  padding-bottom: 0 !important;
}
.padding_b10 {
  padding-bottom: 10px !important;
}
.padding_b20 {
  padding-bottom: 20px !important;
}
.padding_l20 {
  padding-left: 20px;
}
.padding_r5 {
  padding-right: 5px;
}
.padding_t0 {
  padding-top: 0 !important;
}
.padding_t2 {
  padding-top: 2px;
}
.padding_t5 {
  padding-top: 5px;
}
.padding_t7 {
  padding-top: 7px;
}
.padding_t8 {
  padding-top: 8px;
}
.padding_t10 {
  padding-top: 10px;
}
.padding_t15 {
  padding-top: 15px;
}
.padding_t20 {
  padding-top: 20px;
}
.padding_t30 {
  padding-top: 30px;
}
.padding_t40 {
  padding-top: 45px;
}
.padding_tb2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.padding_tb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding_tb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding_tb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding_b10 {
  padding-bottom: 10px;
}
.padding_t_overall {
  padding-top: 8px;
}
.padding_t_overall2 {
  padding-top: 16px !important;
}
.padding_b_overall2 {
  padding-bottom: 16px !important;
}
.rounded {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cursor_default {
  cursor: default;
}
.hidden {
  display: none;
}
.tacenter {
  text-align: center !important;
}
.ta-left {
  text-align: left !important;
}
.ta-right {
  text-align: right !important;
}
.tjustify {
  text-align: justify;
}
.underline {
  text-decoration: underline;
}
.visible-no {
  visibility: hidden;
}
.width-full {
  width: 100% !important;
}
.hidden {
  display: none;
}
.pointer {
  cursor: pointer;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.box-shadow-none {
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/**
 * NOTE: you need to display arrow manually, e.g.:
    &.tms-arrow:before{ visiblity: visible; }
    or
    &.tms-arrow:after{ visiblity: visible; }
    depending on which arrow you want to display (top or bottom - :before, :after)
*/
body {
  background: #E0E0E0 !important;
}
.tms-menu-logo {
  background: url("../../img/logo/lecip-logo.png") no-repeat left center;
  /*background-size: 90% 90%;//calc(~"100% - 10px") calc(~"100% - 10px");*/
  background-size: contain;
  background-position: center;
  width: calc(100% - 58px*2);
  height: 52px;
  /*margin-left: 36px + 14px;*/
  cursor: pointer;
  float: left;
}
.tms-overlay-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.tms-row {
  padding: 5px 0;
}
.tms-row.tms-odd {
  background: #f9fafc;
}
.tms-row.tms-even {
  background: #ffffff;
}
.tms-directive {
  float: left;
}
.tms-controls-row {
  padding-bottom: 5px;
}
.tms-controls-row:last-child {
  padding-bottom: 0;
}
.tms-controls-row .btn {
  margin-right: 5px/2;
}
.tms-controls-row .btn:last-child {
  margin-right: 0;
}
ul.tms-show-on-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  cursor: default;
  width: 214px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
ul.tms-show-on-menu ul.tms-elements {
  padding: 0;
  list-style: none;
}
ul.tms-show-on-menu ul.tms-elements li {
  height: 35px;
  line-height: 35px;
}
ul.tms-show-on-menu ul.tms-elements li.tms-doc-tab {
  background: #f7f9f9;
  border-top: 1px solid #dee3ec;
  border-bottom: 1px solid #dee3ec;
  padding-left: 17px;
  font-weight: bold;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
ul.tms-show-on-menu ul.tms-elements li.tms-doc {
  background: #f7f9f9;
  color: #0C1C34;
  padding-left: 27px;
  /*.pointer;*/
}
ul.tms-show-on-menu ul.tms-elements li.tms-doc:hover,
ul.tms-show-on-menu ul.tms-elements li.tms-doc.tms-hover {
  background: #ffffff !important;
  color: #0C1C34 !important;
  border-color: #0C1C34 !important;
}
ul.tms-show-on-menu ul.tms-elements li.tms-open-new-doc {
  background: #f7f9f9;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  padding-left: 27px;
  cursor: pointer;
  border: 1px solid transparent;
}
ul.tms-show-on-menu ul.tms-elements li.tms-open-new-doc:hover,
ul.tms-show-on-menu ul.tms-elements li.tms-open-new-doc.tms-hover {
  color: #0C1C34 !important;
  border-color: #0C1C34 !important;
}
ul.tms-show-on-menu ul.tms-elements li.tms-open-new-doc:disabled {
  border-color: #989ba2 !important;
  color: #7f7f7f !important;
  background: url('../../img/disabled-pattern.jpg') !important;
}
ul.tms-show-on-menu ul.tms-elements li.tms-open-new-doc:active,
ul.tms-show-on-menu ul.tms-elements li.tms-open-new-doc.active {
  background: #009fff !important;
  border-color: #009fff !important;
  color: #ffffff !important;
}
ul.tms-show-on-menu li.tms-open-new-tab {
  border-top-style: double;
  border-top-color: #dee3ec;
  cursor: pointer;
}
ul.tms-show-on-menu li.tms-open-new-tab .btn.btn-default.tms-open-btn {
  width: 100%;
  height: 35px !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
ul.tms-show-on-menu li.tms-open-new-tab .btn.btn-default.tms-open-btn:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
ul.tms-show-on-menu li.tms-open-new-tab .btn.btn-default.tms-open-btn:hover {
  border-right-color: transparent !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin: 0;
}
a {
  color: #0C1C34;
}
.user-profile {
  width: 306px;
  position: absolute;
  top: 0;
  z-index: 1001;
  background-color: rgba(250, 250, 250, 0.87);
  border-right: 2px solid #c7c7c7;
  min-height: 100%;
}
.user-profile .tms-close {
  color: #393939;
}
.user-profile .image-profile {
  height: 133px;
  width: 127px;
}
.user-profile .tms-title {
  float: left;
  font-size: 18pt;
  font-weight: bold;
  color: #393939;
}
.user-profile .logout {
  position: absolute;
  width: 100% !important;
  bottom: 0;
  left: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.user-profile .control-label {
  color: #393939;
}
.user-profile .control-label a {
  color: #393939;
}
.user-details-col .col-md-5 {
  padding-left: 0;
}
.strength {
  display: none;
}
.strength .point {
  background: #DDD;
  border-radius: 2px;
  display: inline-block;
  height: 5px;
  margin-right: 1px;
  width: 20px;
}
.tms-bus-position {
  height: 18px;
}
.tms-bus-position.tms-before {
  width: 29px;
  background: url('../../img/bus-position-before.png');
}
.tms-bus-position.tms-on {
  width: 14px;
  background: url('../../img/bus-position-on.png');
}
.tms-bus-position.tms-after {
  width: 30px;
  background: url('../../img/bus-position-after.png');
}
.table-align-right td {
  text-align: right;
}
.underline-bold {
  text-decoration: underline;
  font-weight: bold;
}
a.tms-active-link:after {
  content: "...";
}
.border-top {
  border-top: 1px solid #e5eaf5;
}
.row {
  margin-left: 0;
  margin-right: 0;
  /*width: calc(~"100% - 30px;") !important;*/
}
.row.tms-row > *[class^="col-md-"],
.row.tms-row > *[class*=" col-md-"],
.row.tms-row > *[class^="col-sm-"],
.row.tms-row > div[class*=" col-sm-"],
.row.tms-row > *[class^="col-lg-"],
.row.tms-row > *[class*=" col-lg-"]:not('label') {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.row.tms-row > *[class^="col-md-"]:first-child,
.row.tms-row > *[class*=" col-md-"]:first-child,
.row.tms-row > *[class^="col-sm-"]:first-child,
.row.tms-row > div[class*=" col-sm-"]:first-child,
.row.tms-row > *[class^="col-lg-"]:first-child,
.row.tms-row > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.row.tms-row > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.row.tms-row > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.row.tms-row > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.row.tms-row > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.row.tms-row > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.row.tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.row.tms-row > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.row.tms-row > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.row.tms-row > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.row.tms-row > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.row.tms-row > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.row.tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.row.tms-row > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.row.tms-row > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.row.tms-row > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.row.tms-row > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.row.tms-row > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.row.tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.row.tms-row > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.row.tms-row > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.row.tms-row > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.row.tms-row > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.row.tms-row > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.row.tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.row.tms-row > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.row.tms-row > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.row.tms-row > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.row.tms-row > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.row.tms-row > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.row.tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.row.tms-row > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.row.tms-row > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.row.tms-row > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.row.tms-row > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.row.tms-row > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.row.tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.row.tms-row > *[class^="col-md-"]:last-child,
.row.tms-row > *[class*=" col-md-"]:last-child,
.row.tms-row > *[class^="col-sm-"]:last-child,
.row.tms-row > div[class*=" col-sm-"]:last-child,
.row.tms-row > *[class^="col-lg-"]:last-child,
.row.tms-row > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.row.tms-row > *[class^="col-md-"] .btn-group-vertical,
.row.tms-row > *[class*=" col-md-"] .btn-group-vertical,
.row.tms-row > *[class^="col-sm-"] .btn-group-vertical,
.row.tms-row > div[class*=" col-sm-"] .btn-group-vertical,
.row.tms-row > *[class^="col-lg-"] .btn-group-vertical,
.row.tms-row > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.tms-color-coding-holder .tms-color-coding-number {
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 36px;
  position: absolute;
  margin-top: -36px;
}
.tms-color-coding-holder .tms-color-coding {
  opacity: 0;
  height: 36px;
  width: 36px;
}
.tms-color-coding-holder .tms-color-coding.tms-purple {
  background: #ff73fc;
}
.tms-color-coding-holder .tms-color-coding.tms-blue-light {
  background: #4dffff;
}
.tms-color-coding-holder .tms-color-coding.tms-yellow {
  background: #ffff4d;
}
.tms-color-coding-holder .tms-color-coding.tms-red {
  background: #ff4d4d;
}
.tms-rounded-alert {
  display: block;
  margin: 10px;
  width: 18px;
  height: 18px;
  border-radius: 10px;
}
.tms-rounded-alert.red {
  background-color: #ff0000;
}
.tms-rounded-alert.orange {
  background-color: #9ba400;
}
.tms-rounded-alert.green {
  background-color: #1eb91e;
}
/* 
    Created on : 06-Oct-2014, 16:00:26
    Author     : David Burulic <david.burulic@lecip-its.com>
*/
.btn {
  height: 37px;
  min-width: 148px;
  border: 1px solid #cdd7e1;
  margin: 0;
  padding: 0 5px;
  vertical-align: middle;
  text-align: center;
  font-size: 15px;
  text-shadow: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.btn.tms-big {
  width: 177px;
}
.btn:focus {
  outline: none !important;
  border-color: #cdd7e1;
  /*color: @colorTxt1;*/
}
.btn.btn-primary,
.btn.btn-default,
.btn.btn-warning {
  /*.gradient-background2color(@gradient1start, @gradient1stop);*/
  background: #f7f9f9;
  color: #0C1C34;
}
.btn.btn-primary:hover,
.btn.btn-default:hover,
.btn.btn-warning:hover,
.btn.btn-primary.tms-hover,
.btn.btn-default.tms-hover,
.btn.btn-warning.tms-hover {
  background: #ffffff !important;
  color: #0C1C34 !important;
  border-color: #0C1C34 !important;
}
.btn.btn-primary:disabled,
.btn.btn-default:disabled,
.btn.btn-warning:disabled {
  border-color: #989ba2 !important;
  color: #7f7f7f !important;
  background: url('../../blib/tms-base-style/dist/img/disabled-pattern.jpg') !important;
}
.btn.btn-primary:active,
.btn.btn-default:active,
.btn.btn-warning:active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.btn.btn-primary.active,
.btn.btn-default.active,
.btn.btn-warning.active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.btn.btn-primary.tms-hilit,
.btn.btn-default.tms-hilit,
.btn.btn-warning.tms-hilit {
  /*.gradient-background2color(@gradient2start, @gradient2stop);*/
  background: #ffffff !important;
  color: #0C1C34 !important;
  font-weight: bold;
}
.btn.btn-primary.tms-hilit:hover,
.btn.btn-default.tms-hilit:hover,
.btn.btn-warning.tms-hilit:hover,
.btn.btn-primary.tms-hilit.tms-hover,
.btn.btn-default.tms-hilit.tms-hover,
.btn.btn-warning.tms-hilit.tms-hover {
  color: #0C1C34 !important;
  border-color: #0C1C34 !important;
  background: #ffffff !important;
}
.btn.btn-primary.tms-hilit:disabled,
.btn.btn-default.tms-hilit:disabled,
.btn.btn-warning.tms-hilit:disabled {
  border-color: #989ba2 !important;
  color: #7f7f7f !important;
  background: url('../../blib/tms-base-style/dist/img/disabled-pattern.jpg') !important;
  font-weight: normal;
}
.btn.btn-primary.tms-hilit:active,
.btn.btn-default.tms-hilit:active,
.btn.btn-warning.tms-hilit:active,
.btn.btn-primary.tms-hilit.active,
.btn.btn-default.tms-hilit.active,
.btn.btn-warning.tms-hilit.active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.btn.btn-primary.tms-no-label .tms-label,
.btn.btn-default.tms-no-label .tms-label,
.btn.btn-warning.tms-no-label .tms-label {
  display: none;
}
.btn .tms-btn-flat {
  background: transparent !important;
  border: none !important;
}
.btn.btn-sm {
  min-width: 36px;
  width: 36px;
  padding: 0;
}
.btn.btn-xs {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.btn.tms-linetrack-menu-btn {
  min-width: 36px;
  width: 36px;
  background: #0C1C34;
  color: #ffffff;
}
.btn.tms-linetrack-menu-btn:hover {
  color: #0C1C34;
}
label.btn {
  line-height: 35px;
}
.tms-icon-btn.tms-main-nav .icon-bar {
  background-color: #3e3e40 !important;
}
.btn-group > .btn {
  border-right: 1px solid transparent;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.btn-group > .btn:first-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.btn-group > .btn:last-child {
  border-right: 1px solid #cdd7e1 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.btn-group > .btn:hover {
  border-right: 1px solid #989ba2 !important;
}
.btn-group > .btn.tms-btn-in-group {
  border-right: 1px solid transparent !important;
}
/* when buttons are groupped - NO NEED BY NEW DESIGN */
/*.btn-group-vertical{
    > .btn{
        .rounded(0, 0, 0, 0);
        text-align: left !important;
        
        &.text-center{
            text-align: center !important;
        }
        
        &:first-child{           
            .rounded(@overallRounded, @overallRounded, 0, 0);
        }
        &:last-child{
            .rounded(0, 0, @overallRounded, @overallRounded);
        }
    }
    &.text-center{
        > .btn{
            text-align: center !important;
        }
    }
}*/
.btn-group-vertical > .btn {
  margin-top: 8px !important;
}
.btn-group-vertical > .btn:first-child {
  margin-top: 0 !important;
}
.tms-btn-group {
  width: 100%;
}
.tms-btn-group .btn {
  width: 100% !important;
  line-height: 37px;
}
.tms-btn-group .btn:before,
.tms-btn-group .btn:after {
  content: " ";
  display: table;
}
.tms-btn-group .btn:after {
  clear: both;
}
.tms-btn-group .btn .tms-icon {
  float: left;
}
.tms-btn-group .btn .tms-label {
  float: left;
}
.tms-selection-group button.btn.btn-primary {
  background: #0C1C34;
  border: 2px solid #0C1C34;
}
.tms-selection-group button.btn.btn-primary:last-child {
  border-right: 2px solid #0C1C34 !important;
}
.tms-icon-btn {
  background: none;
  width: 36px;
  height: 36px;
  color: #0C1C34;
  font-size: 36px;
  border: none;
  padding: 0;
}
.tms-icon-btn:hover {
  color: #ffffff;
}
/* 
    Created on : 06-Oct-2014, 16:02:06
    Author     : David Burulic <david.burulic@lecip-its.com>
*/
.tms-info-group {
  padding: 15px;
  background: #f3f3f3;
}
.well {
  background: #f7f9f9;
  border-color: #cfcfcf important;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  /*font-size: 15pt;*/
}
.tms-well-group .well {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: transparent;
}
.tms-well-group .well:first-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.tms-well-group .well:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
  border-right-color: #dcdcdc;
}
.tms-well-group .tms-well-row:before,
.tms-well-group .tms-well-row:after {
  content: " ";
  display: table;
}
.tms-well-group .tms-well-row:after {
  clear: both;
}
.tms-well-group .tms-well-row .well {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-color: transparent;
  margin: 0;
}
.tms-well-group .tms-well-row:first-child .well:first-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-well-group .tms-well-row:first-child .well:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-well-group .tms-well-row:last-child .well {
  border-bottom-color: #dcdcdc;
}
.tms-well-group .tms-well-row:last-child .well:first-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.tms-well-group .tms-well-row:last-child .well:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.tms-well-group .tms-well-row:only-child .well:first-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.tms-well-group .tms-well-row:only-child .well:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.tms-panel {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  background: #f7f9f9;
  border-color: #cfcfcf important;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  /*font-size: 15pt;*/
}
.tms-panel:before,
.tms-panel:after {
  content: " ";
  display: table;
}
.tms-panel:after {
  clear: both;
}
.tms-panel.tms-panel-hilit {
  background: #ebeded;
}
.tms-panel .tms-panel-hilit {
  background: #ebeded;
}
.tms-panel .tms-inner {
  padding: 15px;
}
.panel {
  box-shadow: none;
  -moz-box-shadow: none;
  /*border-bottom: none;*/
  overflow: hidden;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.panel .panel-heading {
  background: #f7f9f9;
  color: #393939;
  min-height: 47px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #ffffff;
}
.panel .panel-heading .row {
  padding: 0;
  margin: 0;
}
.panel .panel-heading .row:before,
.panel .panel-heading .row:after {
  content: " ";
  display: table;
}
.panel .panel-heading .row:after {
  clear: both;
}
.panel .panel-heading .acc-head-main {
  padding: 5px 0;
}
.panel .panel-heading .acc-head-main > .btn {
  background: #f7f9f9;
  color: #393939;
  border: none;
  margin-top: -5px;
}
.panel .panel-heading .acc-head-main > b.title {
  line-height: 36px;
}
.panel .panel-heading .acc-head-add .btn-group {
  margin-top: 5px;
}
.panel .panel-heading .tms-panel-actions {
  float: right;
}
.panel .panel-heading .tms-panel-actions:before,
.panel .panel-heading .tms-panel-actions:after {
  content: " ";
  display: table;
}
.panel .panel-heading .tms-panel-actions:after {
  clear: both;
}
.panel .panel-heading .tms-panel-actions .btn {
  float: left;
  height: 47px !important;
  line-height: 47px !important;
  padding: 0 5px;
  min-width: 91px;
  border: none !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  font-size: 12px;
  font-weight: bold;
  margin: 0 !important;
  padding-left: 18px;
  padding-right: 18px;
  min-width: 0;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.panel .panel-heading .tms-panel-actions .btn:first-child {
  border-left-color: transparent !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.panel .panel-heading .tms-panel-actions .btn:last-child {
  border-right-color: transparent !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.panel .panel-heading .tms-panel-actions .btn:hover {
  border-right-color: #0C1C34 !important;
  border-left-color: #0C1C34 !important;
}
.panel .panel-heading .tms-panel-actions .btn:last-child {
  border-right-color: transparent !important;
}
.panel .panel-heading .tms-panel-actions .btn:last-child:hover {
  border-right-color: #0C1C34 !important;
}
.panel .panel-body {
  background: #ebeded;
}
input,
button,
select {
  outline: none !important;
}
label.control-label {
  font-size: 12px;
  padding-top: 8px;
  padding-left: 0 !important;
  text-align: left !important;
  font-weight: normal;
}
label.control-label.tms-label {
  min-height: 36px;
  font-size: 15px;
}
.tms-control-value {
  font-size: 14px;
  font-weight: normal;
}
label[class*='col-'].control-label {
  padding-left: 0 !important;
}
select.form-control {
  background: #f7f9f9 !important;
  color: #393939 !important;
  font-size: 12px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
}
input.form-control {
  height: 36px;
  line-height: 100%;
}
.form-control-neutral {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 3px #1f1f1f;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-neutral:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
}
.form-control-neutral::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control-neutral:-ms-input-placeholder {
  color: #999999;
}
.form-control-neutral::-webkit-input-placeholder {
  color: #999999;
}
.form-control-neutral[disabled],
.form-control-neutral[readonly],
fieldset[disabled] .form-control-neutral {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control-neutral {
  height: auto;
}
input.ng-valid.form-control-neutral,
input.ng-invalid.form-control-neutral {
  border-right: 1px solid #ccc;
}
input.form-control-neutral:focus {
  border-right: 1px solid #66afe9;
}
input[type=text],
input[type=password],
input[type=number] {
  line-height: 100%;
  border: 1px solid #e5eaf5;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input[type=text] ._tms-placeholder,
input[type=password] ._tms-placeholder,
input[type=number] ._tms-placeholder {
  font-style: italic;
  line-height: 100%;
  font-size: 14px;
}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder {
  font-style: italic;
  line-height: 100%;
  font-size: 14px;
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=number]::-moz-placeholder {
  font-style: italic;
  line-height: 100%;
  font-size: 14px;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder {
  font-style: italic;
  line-height: 100%;
  font-size: 14px;
}
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=number]:-moz-placeholder {
  font-style: italic;
  line-height: 100%;
  font-size: 14px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus {
  outline: 0;
}
.input-group {
  width: 100%;
}
.input-group .form-control:first-child {
  -moz-border-radius-topleft: 4px !important;
  -moz-border-radius-topright: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.input-group .form-control:last-child {
  -moz-border-radius-topleft: 4px !important;
  -moz-border-radius-topright: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.form-horizontal .tms-control-value {
  padding-top: 5px;
  display: inline-block;
}
.form-horizontal .control-label {
  text-align: left !important;
}
.form-horizontal .radio-align {
  padding-top: 5px;
}
.form-group:before,
.form-group:after {
  content: " ";
  display: table;
}
.form-group:after {
  clear: both;
}
input:focus {
  background-color: #ffffff;
  border-color: #0C1C34 !important;
}
.tms-card {
  background: #ffffff;
  display: table;
  width: 100%;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  /*    .form-generic{
            .tms-label{
                width: 200px !important;
                background: red;
            }
            .tms-control-value{
                width: calc(~"100% - 200px");
            }
        }*/
}
.tms-card .tms-row {
  margin: 0;
}
.tms-card .tms-card-header {
  padding: 8px;
  padding-bottom: 0;
}
.tms-card .tms-card-header > *[class^="col-md-"],
.tms-card .tms-card-header > *[class*=" col-md-"],
.tms-card .tms-card-header > *[class^="col-sm-"],
.tms-card .tms-card-header > div[class*=" col-sm-"],
.tms-card .tms-card-header > *[class^="col-lg-"],
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label') {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.tms-card .tms-card-header > *[class^="col-md-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-header > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-header > div[class*=" col-sm-"]:first-child,
.tms-card .tms-card-header > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.tms-card .tms-card-header > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-header > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-header > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-header > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-header > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-header > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-header > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-header > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-header > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-header > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-header > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-header > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-header > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-header > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-header > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-header > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-header > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-header > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-header > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-header > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-header > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-header > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-header > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-header > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.tms-card .tms-card-header > *[class^="col-md-"]:last-child,
.tms-card .tms-card-header > *[class*=" col-md-"]:last-child,
.tms-card .tms-card-header > *[class^="col-sm-"]:last-child,
.tms-card .tms-card-header > div[class*=" col-sm-"]:last-child,
.tms-card .tms-card-header > *[class^="col-lg-"]:last-child,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.tms-card .tms-card-header > *[class^="col-md-"] .btn-group-vertical,
.tms-card .tms-card-header > *[class*=" col-md-"] .btn-group-vertical,
.tms-card .tms-card-header > *[class^="col-sm-"] .btn-group-vertical,
.tms-card .tms-card-header > div[class*=" col-sm-"] .btn-group-vertical,
.tms-card .tms-card-header > *[class^="col-lg-"] .btn-group-vertical,
.tms-card .tms-card-header > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.tms-card .tms-card-header .home-menu-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  padding-left: 8px;
}
.tms-card .tms-card-body {
  padding: 16px;
  padding-top: 8px;
  color: rgba(0, 0, 0, 0.5);
  text-align: justify;
  font-size: 12px;
  min-height: 80px;
}
.tms-card .tms-card-body .tms-row:before,
.tms-card .tms-card-body .tms-row:after {
  content: " ";
  display: table;
}
.tms-card .tms-card-body .tms-row:after {
  clear: both;
}
.tms-card .tms-card-body .tms-row > *[class^="col-md-"],
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"],
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"],
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"],
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"],
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label') {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.tms-card .tms-card-body .tms-row > *[class^="col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.tms-card .tms-card-body .tms-row > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.tms-card .tms-card-body .tms-row > *[class^="col-md-"]:last-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"]:last-child,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"]:last-child,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"]:last-child,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"]:last-child,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.tms-card .tms-card-body .tms-row > *[class^="col-md-"] .btn-group-vertical,
.tms-card .tms-card-body .tms-row > *[class*=" col-md-"] .btn-group-vertical,
.tms-card .tms-card-body .tms-row > *[class^="col-sm-"] .btn-group-vertical,
.tms-card .tms-card-body .tms-row > div[class*=" col-sm-"] .btn-group-vertical,
.tms-card .tms-card-body .tms-row > *[class^="col-lg-"] .btn-group-vertical,
.tms-card .tms-card-body .tms-row > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.tms-card .tms-card-body .tms-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  padding-left: 8px;
}
.tms-card .tms-card-body .tms-label {
  font-size: 14px;
  font-weight: normal;
  width: calc(100% * 1 / 3);
  float: left;
  margin-right: 0 !important;
}
.tms-card .tms-card-body .tms-control-value {
  float: left;
  color: #393939;
  padding-left: 8px;
}
.tms-card .tms-card-body .tms-control-value .input-control {
  width: 100%;
}
.tms-card .tms-card-body .tms-control-value:first-child {
  padding-left: 0;
}
.tms-card .tms-card-footer .tms-card-btn {
  width: 100%;
  background: #f7f9f9;
  border: 1px solid transparent;
  border-top-color: #E0E0E0;
  color: #0C1C34;
  font-size: 14px;
  font-weight: bold;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-card .tms-card-footer .tms-card-btn:hover {
  background: #ffffff;
  color: #0C1C34;
  border-color: #0C1C34;
}
.tms-card .tms-card-footer.tms-btn-group {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-card .tms-card-footer.tms-btn-group .tms-card-btn:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-card.tms-form .tms-row {
  min-height: 36px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.tms-card.tms-form .tms-card-header {
  border-bottom: 2px solid #E0E0E0;
  padding-left: 16px;
  padding-right: 16px;
}
.tms-card.tms-form .tms-card-header .form-group {
  padding-left: 0;
}
.tms-card.tms-form .tms-card-body {
  /*padding-left: 36px;*/
  /*padding-right: 36px;*/
  /*position: relative;*/
}
.tms-card.tms-form .tms-card-body .tms-card-panel {
  /*position: relative;*/
  /*background: red;*/
}
.tms-card.tms-form .tms-card-body .tms-card-panel -tms-card-panel-inner {
  width: 100%;
  height: 100vh;
  /*position: absolute;*/
}
.tms-card.tms-form .tms-card-body.tms-row {
  width: 100%;
}
.tms-card.tms-form .tms-label {
  width: 120px;
  /*padding-top: 9px;*/
  height: 100%;
  margin-bottom: 0 !important;
}
.tms-card.tms-form .tms-label.tms-small {
  width: 72px !important;
}
.tms-card.tms-form .tms-label.tms-small + .tms-control-value {
  width: calc(100% - 72px);
}
.tms-card.tms-form .form-group {
  /*height: 36px;*/
  margin-bottom: 0;
  padding: 8px 24px;
}
.tms-card.tms-form .form-group .tms-label {
  width: 160px;
  padding-left: 0;
  line-height: 36px;
}
.tms-card.tms-form .form-group .tms-label span {
  line-height: 16px;
  display: inline-block;
  text-align: left;
}
.tms-card.tms-form .form-group .tms-label span:after {
  display: inline-block;
  /*content: ":";*/
}
.tms-card.tms-form .form-group .tms-control-value {
  line-height: 36px;
  width: calc(100% - 160px);
  padding-top: 0 !important;
}
.tms-card.tms-form .form-group .tms-control-value .form-control {
  width: 200px !important;
}
.tms-card.tms-form .form-group .tms-control-value .form-control:first-child:last-child {
  width: 300px !important;
}
.tms-card.tms-form .form-group .tms-control-value .form-control:first-child:last-child:hover {
  width: 300px !important;
}
.tms-card.tms-form .form-group .tms-control-value .form-control:hover {
  width: 200px !important;
}
.tms-card.tms-form .form-group .tms-control-value .form-controlselect {
  color: #0C1C34;
}
.tms-card.tms-form .form-group .tms-control-value.tms-units:before,
.tms-card.tms-form .form-group .tms-control-value.tms-units:after {
  content: " ";
  display: table;
}
.tms-card.tms-form .form-group .tms-control-value.tms-units:after {
  clear: both;
}
.tms-card.tms-form .form-group .tms-control-value.tms-units .form-control {
  float: left;
  display: inline-block;
}
.tms-card.tms-form .form-group .tms-control-value.tms-units .tms-units-label {
  float: left;
  display: inline-block;
  /*padding-left: 10px;*/
  margin-left: 7px;
}
.tms-card.tms-form .tms-form-title {
  font-weight: bold;
  padding-top: 15px;
}
/* 
    Created on : 06-Oct-2014, 16:03:31
    Author     : David Burulic <david.burulic@lecip-its.com>
*/
.modal-backdrop.in {
  opacity: 0.1;
}
.modal-window.medium .modal-dialog,
.login-container.medium .modal-dialog {
  width: 800px;
  min-width: 400px;
}
.modal-window.medium-large .modal-dialog,
.login-container.medium-large .modal-dialog {
  width: 1024px;
  min-width: 400px;
}
.modal-window.large .modal-dialog,
.login-container.large .modal-dialog {
  width: 90%;
  min-width: 400px;
}
.modal-window.user-menu-window .modal-dialog,
.login-container.user-menu-window .modal-dialog {
  width: 270px;
}
.modal-window.ims-move-modal .modal-dialog,
.login-container.ims-move-modal .modal-dialog {
  width: 270px;
}
.modal-header {
  background: #f7f9f9;
  height: 47px;
  line-height: 47px;
  padding: 0 !important;
  padding-left: 14px !important;
  border-color: #c7c7c7;
  border-bottom: 2px solid #c7c7c7;
  border-top-color: transparent;
  width: 100%;
  display: table;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.modal-header:before,
.modal-header:after {
  content: " ";
  display: table;
}
.modal-header:after {
  clear: both;
}
.modal-header .tms-modal-title {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-header .tms-modal-title:before,
.modal-header .tms-modal-title:after {
  content: " ";
  display: table;
}
.modal-header .tms-modal-title:after {
  clear: both;
}
.modal-header .tms-modal-title button.tms-icon-btn,
.modal-header .tms-modal-title input.tms-icon-btn,
.modal-header .tms-modal-title a.tms-icon-btn {
  float: left;
  margin-top: 4px;
}
.modal-header .tms-modal-title h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 47px;
}
.modal-header h3 {
  line-height: 47px;
  font-weight: bold;
  font-size: 18px;
}
.modal-header .tms-action-btns {
  float: right;
}
.modal-header .tms-action-btns:before,
.modal-header .tms-action-btns:after {
  content: " ";
  display: table;
}
.modal-header .tms-action-btns:after {
  clear: both;
}
.modal-header .tms-action-btns .btn {
  height: 46px;
  float: left;
  font-weight: bold;
  border-top: 1px solid transparent;
  min-width: 0;
  padding-left: 18px;
  padding-right: 18px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.modal-header .tms-action-btns .btn.btn-primary {
  background: #ffffff;
  color: #393939;
}
.modal-header .tms-action-btns .btn.btn-default {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  color: #0C1C34;
  background: transparent;
  border-right-color: transparent;
}
.modal-header .tms-action-btns .btn:hover {
  border-top: 1px solid transparent !important;
}
.modal-body {
  background: #c7c7c7;
  padding: 0;
  margin: 0;
  color: #393939;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.modal-body .tms-panel {
  padding-bottom: 9px;
  margin-top: 2px;
  /*custom-attributes-editor .form-group, group-items-select .form-group{*/
}
.modal-body .tms-panel:first-child,
.modal-body .tms-panel:only-child {
  margin-top: 0;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.modal-body .tms-panel:last-child {
  margin-bottom: 0;
}
.modal-body .tms-panel .btn.btn-primary {
  background-color: transparent;
  color: #0C1C34;
}
.modal-body .tms-panel .btn.btn-primary.active {
  background: #0C1C34;
  color: #646464;
}
.modal-body .tms-panel .tms-panel-hilit,
.modal-body .tms-panel .tms-inner {
  padding: 18px 36px;
  padding-bottom: 9px;
}
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"],
.modal-body .tms-panel .tms-inner > *[class^="col-md-"],
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"],
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"],
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"],
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"],
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"],
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"],
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"],
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"],
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'),
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label') {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'):first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"]:last-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:last-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"]:last-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:last-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"]:last-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:last-child,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"]:last-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:last-child,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"]:last-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:last-child,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label'):last-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-panel-hilit > div[class*=" col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-panel-hilit > *[class^="col-lg-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"] .btn-group-vertical,
.modal-body .tms-panel .tms-panel-hilit > *[class*=" col-lg-"]:not('label') .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.modal-body .tms-panel .tms-panel-hilit.tms-tab-group,
.modal-body .tms-panel .tms-inner.tms-tab-group {
  padding-bottom: 0;
}
.modal-body .tms-panel .form-group:last-child {
  margin-bottom: 0;
}
.modal-body .tms-panel .tms-inner {
  padding-top: 9px;
  padding-bottom: 0;
}
.modal-body .tms-panel .tms-inner:before,
.modal-body .tms-panel .tms-inner:after {
  content: " ";
  display: table;
}
.modal-body .tms-panel .tms-inner:after {
  clear: both;
}
.modal-body .tms-panel .tms-inner .row,
.modal-body .tms-panel .tms-inner .form-group {
  margin-left: 0;
  margin-right: 0;
}
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"],
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"],
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"],
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"],
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"],
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"],
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"],
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"],
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"],
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"],
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'),
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label') {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'):first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"]:last-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"]:last-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"]:last-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"]:last-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"]:last-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"]:last-child,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"]:last-child,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"]:last-child,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"]:last-child,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"]:last-child,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label'):last-child,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.modal-body .tms-panel .tms-inner .row > *[class^="col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .row > *[class^="col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .row > div[class*=" col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .form-group > div[class*=" col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .row > *[class^="col-lg-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .form-group > *[class^="col-lg-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner .row > *[class*=" col-lg-"]:not('label') .btn-group-vertical,
.modal-body .tms-panel .tms-inner .form-group > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.modal-body .tms-panel .tms-inner .nav.nav-tabs {
  margin-top: -9px;
}
.modal-body .tms-panel .tms-inner > *[class^="col-md-"],
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"],
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"],
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"],
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"],
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label') {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.modal-body .tms-panel .tms-inner > *[class^="col-md-"]:last-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"]:last-child,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"]:last-child,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"]:last-child,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"]:last-child,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.modal-body .tms-panel .tms-inner > *[class^="col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class*=" col-md-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class^="col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > div[class*=" col-sm-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class^="col-lg-"] .btn-group-vertical,
.modal-body .tms-panel .tms-inner > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.modal-body .tms-panel group-items-select .form-group:last-child,
.modal-body .tms-panel custom-attributes-editor:last-child {
  margin-bottom: 15px;
}
.modal-body .tms-panel group-items-select .form-group:last-child,
.modal-body .tms-panel custom-attributes-editor .form-group:last-child {
  margin-bottom: 15px;
}
.modal-body .tms-panel group-items-select:last-child .form-group:last-child,
.modal-body .tms-panel custom-attributes-editor:last-child .form-group:last-child {
  margin-bottom: 0;
}
.modal-body .control-label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}
.modal-body [data-ng-grid] .ngSelectionHeader {
  display: block;
}
.modal-body [ng-repeat] .form-group:last-child {
  margin-bottom: 15px;
}
.modal-content {
  -moz-box-shadow: 0 0 36px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 36px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 36px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 36px rgba(0, 0, 0, 0.5);
}
.tms-modal-help-holder {
  min-height: 50px;
  position: absolute;
  top: 46px;
  padding: 8px;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
  color: #646464;
  border-bottom: 1px solid #a3b0c3;
}
.tms-modal-help-holder .tms-modal-help-close {
  float: right;
  margin-top: -5px;
  margin-right: -5px;
  opacity: 0.5;
  cursor: pointer;
  color: #0C1C34;
}
.tms-modal-help-holder .tms-modal-help-close:hover {
  opacity: 1;
}
.tms-modal-help-holder:after,
.tms-modal-help-holder:before {
  bottom: 100%;
  right: 8px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tms-modal-help-holder:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.tms-modal-help-holder:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #ffffff;
  border-width: 9px;
  margin-left: -9px;
}
div,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
label,
input,
textarea,
button,
select,
body {
  font-family: 'FiraSans', 'FiraSansFallback', 'PTSans', 'Courier New' !important;
}
.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
}
.tms-font-small {
  font-size: 10px;
}
.tms-icon {
  font-size: 36px;
  vertical-align: middle;
  text-shadow: none;
}
.tms-icon.icon-trash {
  font-size: 24px;
}
.tms-icon.icon-routeflow {
  font-size: 24px;
}
.tms-icon.icon-legend {
  vertical-align: text-bottom;
  font-size: 20px;
}
.tms-label {
  vertical-align: middle;
  font-family: 'PTSans' !important;
  text-shadow: none;
}
/* 
    Created on : 06-Oct-2014, 16:09:29
    Author     : david_000
*/
.tms-tab-group {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}
.tms-tab-group:before,
.tms-tab-group:after {
  content: " ";
  display: table;
}
.tms-tab-group:after {
  clear: both;
}
.tms-tab-group .tms-tab {
  min-width: 122px;
  height: 35px;
  line-height: 35px;
  color: #393939;
  border: none;
  margin-top: 5px;
  background: none;
  text-align: center;
  cursor: pointer;
  background: transparent;
  float: left;
  margin-right: 5px;
  text-transform: capitalize;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-tab-group .tms-tab:last-child {
  margin-right: 0;
}
.tms-tab-group .tms-tab:hover {
  /*background: @colorBckg3;*/
  background: #ffffff;
  color: #393939;
}
.tms-tab-group .tms-tab.tms-active,
.tms-tab-group .tms-tab.active {
  background: #0C1C34;
  color: #ffffff;
}
.tms-tab-group .tms-tab span {
  line-height: 16px;
}
.tms-tab-group a.tms-tab {
  cursor: pointer;
  text-decoration: none;
  line-height: 35px;
  overflow: hidden;
  padding: 0 5px;
}
.tms-tab-group a.tms-tab span {
  line-height: 16px;
}
ul.nav.nav-tabs {
  padding: 0 8px;
  margin: 0 -8px;
  float: left;
  width: calc(100% + 8px * 2);
  height: 40px;
  border: none;
  background: #122849;
}
ul.nav.nav-tabs:before,
ul.nav.nav-tabs:after {
  content: " ";
  display: table;
}
ul.nav.nav-tabs:after {
  clear: both;
}
ul.nav.nav-tabs li {
  min-width: 122px;
  height: 35px;
  line-height: 35px;
  color: #393939;
  border: none !important;
  margin-top: 10px;
  background: transparent !important;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
ul.nav.nav-tabs li:last-child {
  margin-right: 0;
}
ul.nav.nav-tabs li.active {
  border: none;
}
ul.nav.nav-tabs li.active a {
  background: #0C1C34;
  color: #ffffff;
  border: none;
}
ul.nav.nav-tabs li.active a:hover {
  background: #ffffff;
  color: #393939;
}
ul.nav.nav-tabs li.active:hover {
  background: none;
}
ul.nav.nav-tabs li span {
  line-height: 16px;
}
ul.nav.nav-tabs li a {
  cursor: pointer;
  text-decoration: none;
  line-height: 35px;
  overflow: hidden;
  padding: 0 5px;
  color: #393939;
  background: transparent;
  border: none;
  text-transform: capitalize;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
ul.nav.nav-tabs li a span {
  line-height: 16px;
}
ul.nav.nav-tabs li a:hover {
  background: #ffffff;
  color: #393939;
}
.settings-edit-content {
  /*margin-top: -28px;*/
}
.tab-content .adjustment-add-container {
  border: none !important;
}
.tab-content .adjustment-add-container .control-label {
  text-align: left !important;
}
.modal-body ul.nav.nav-tabs {
  background: #ebeded;
  margin: 0 -36px;
  margin-bottom: 8px;
  width: calc(100% + 72px);
  padding-left: 16px;
}
.ui-select-multiple {
  border: 1px solid #e5eaf5;
  height: 36px;
  width: 100% !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -moz-border-radius-topleft: 4px !important;
  -moz-border-radius-topright: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  /*    .ui-select-search{
        &.input-xs{
            width: calc(~"100% - 24px") !important;
        }
    }*/
  /* this selector and it's children completely override select component, so we override them to look the same as select component */
}
.ui-select-multiple .ui-select-match-item,
.ui-select-multiple .select2-search-choice {
  padding: 0 5px !important;
}
.ui-select-multiple .ui-select-match-item .ui-select-match-close,
.ui-select-multiple .select2-search-choice .ui-select-match-close {
  color: #0C1C34 !important;
  opacity: 1 !important;
  margin-top: 2px !important;
}
.ui-select-multiple .ui-select-match-item .ng-binding.ng-scope,
.ui-select-multiple .select2-search-choice .ng-binding.ng-scope {
  color: #393939 !important;
}
.ui-select-multiple .ui-select-match-item:active .ui-select-match-close,
.ui-select-multiple .select2-search-choice:active .ui-select-match-close {
  color: #ffffff !important;
}
.ui-select-multiple .ui-select-match-item:active .ng-binding.ng-scope,
.ui-select-multiple .select2-search-choice:active .ng-binding.ng-scope {
  color: #ffffff !important;
}
.ui-select-multiple .ui-select-choices.ui-select-choices-content {
  border-top: none;
  background-color: #f7f9f9;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.ui-select-multiple .ui-select-choices.ui-select-choices-content .ui-select-choices-row {
  border: 1px solid transparent;
  background-color: #ffffff;
}
.ui-select-multiple .ui-select-choices.ui-select-choices-content .ui-select-choices-row .ui-select-choices-row-inner {
  color: #0C1C34;
  margin-top: 1px;
}
.ui-select-multiple .ui-select-choices.ui-select-choices-content .ui-select-choices-row:first-child {
  margin-top: 0;
}
.ui-select-multiple .ui-select-choices.ui-select-choices-content .ui-select-choices-row:nth-of-type(odd) {
  background: #f9fafc;
}
.ui-select-multiple .ui-select-choices.ui-select-choices-content .ui-select-choices-row.active,
.ui-select-multiple .ui-select-choices.ui-select-choices-content .ui-select-choices-row:hover {
  border-color: #ffffff;
  /*border-bottom-color:@interactionColor;*/
}
.ui-select-multiple .ui-select-choices.ui-select-choices-content .ui-select-choices-row.active .ui-select-choices-row-inner,
.ui-select-multiple .ui-select-choices.ui-select-choices-content .ui-select-choices-row:hover .ui-select-choices-row-inner {
  background-color: #0C1C34;
  color: #ffffff;
}
.ui-select-multiple.select2-container {
  height: auto;
}
.ui-select-multiple.select2-container .select2-choices {
  border: none;
  background-image: none;
  border-bottom: 1px solid #e5eaf5;
  -moz-border-radius-topleft: 4px !important;
  -moz-border-radius-topright: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice {
  padding: 0 5px !important;
  background: #f7f9f9;
  height: 26px;
  line-height: 26px;
  border-color: #e5eaf5;
  font-size: 14px;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -moz-border-radius-topleft: 4px !important;
  -moz-border-radius-topright: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  /* CANT MAKE THE BUTTON LOOK LIKE IT SHOULD */
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice:before,
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice:after {
  content: " ";
  display: table;
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice:after {
  clear: both;
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice .ui-select-match-close.select2-search-choice-close {
  color: #0C1C34 !important;
  opacity: 1 !important;
  display: block !important;
  float: right;
  position: static !important;
  font-size: 14px !important;
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice [uis-transclude-append] {
  float: left;
  display: block;
  font-size: 14px !important;
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice [uis-transclude-append] .ng-binding.ng-scope {
  color: #393939 !important;
  font-size: 14px !important;
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice:active .ui-select-match-close.select2-search-choice-close {
  color: #ffffff !important;
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice:active .ng-binding.ng-scope {
  color: #ffffff !important;
}
.ui-select-multiple.select2-container .select2-choices .select2-input {
  height: 36px;
  line-height: 100%;
  width: 100%;
}
.ui-select-multiple.select2-container.control-label {
  padding-top: 0 !important;
}
.ui-select-multiple.select2-container.select2-dropdown-open .select2-choices {
  border-color: #0C1C34;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.ui-select-multiple.select2-container.select2-dropdown-open .select2-drop.select2-drop-active {
  border-color: #e5eaf5;
}
.ui-select-multiple.select2-container.select2-dropdown-open .select2-drop.select2-drop-active .ui-select-choices.select2-results {
  padding: 0;
  margin: 0;
}
.ui-select-multiple.select2-container.select2-dropdown-open .select2-drop.select2-drop-active .ui-select-choices.select2-results .ui-select-choices-row {
  border: none;
  line-height: 36px;
}
.ui-select-multiple.ui-select-bootstrap {
  padding: 6px;
}
.ui-select-multiple.select2-container .select2-choices .ui-select-match-item.select2-search-choice {
  margin-top: 5px;
}
.ui-select-multiple .ui-select-match-item .ui-select-match-close,
.ui-select-multiple .select2-search-choice .ui-select-match-close {
  margin-top: 6px !important;
  margin-left: 4px;
}
.tms-search-control {
  margin-top: 5px;
}
.tms-search-control:before,
.tms-search-control:after {
  content: " ";
  display: table;
}
.tms-search-control:after {
  clear: both;
}
.tms-search-control input[type=text] {
  height: 37px;
  width: 240px;
  border: 1px solid #e5eaf5;
  float: left;
  padding-left: 5px;
  /*transition: width 0.25s ease-in-out 0.25s;*/
  /*        &:focus{
                    width: 200px;
                }*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-search-control input[type=text] ._tms-search-control-placeholder {
  font-style: italic;
}
.tms-search-control input[type=text]::-webkit-input-placeholder {
  font-style: italic;
}
.tms-search-control input[type=text]::-moz-placeholder {
  font-style: italic;
}
.tms-search-control input[type=text]:-ms-input-placeholder {
  font-style: italic;
}
.tms-search-control input[type=text]:-moz-placeholder {
  font-style: italic;
}
.tms-search-control button {
  min-width: 148px;
  border: 1px solid #cdd7e1;
  margin: 0;
  padding: 0 5px;
  vertical-align: middle;
  font-size: 15px;
  text-shadow: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  /*.gradient-background2color(@gradient1start, @gradient1stop);*/
  background: #f7f9f9;
  color: #0C1C34;
  background: transparent;
  border: transparent;
  color: #393939 !important;
  float: left;
  height: 37px;
  width: 35px !important;
  min-width: 35px !important;
  padding: 0;
  text-align: center;
  font-size: 35px;
  line-height: 35px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.tms-search-control button:active,
.tms-search-control button.active {
  background-image: none;
}
.tms-search-control button.tms-big {
  width: 177px;
}
.tms-search-control button:focus {
  outline: none !important;
  border-color: #cdd7e1;
  /*color: @colorTxt1;*/
}
.tms-search-control button.btn-primary,
.tms-search-control button.btn-default,
.tms-search-control button.btn-warning {
  /*.gradient-background2color(@gradient1start, @gradient1stop);*/
  background: #f7f9f9;
  color: #0C1C34;
}
.tms-search-control button.btn-primary:hover,
.tms-search-control button.btn-default:hover,
.tms-search-control button.btn-warning:hover,
.tms-search-control button.btn-primary.tms-hover,
.tms-search-control button.btn-default.tms-hover,
.tms-search-control button.btn-warning.tms-hover {
  background: #ffffff !important;
  color: #0C1C34 !important;
  border-color: #0C1C34 !important;
}
.tms-search-control button.btn-primary:disabled,
.tms-search-control button.btn-default:disabled,
.tms-search-control button.btn-warning:disabled {
  border-color: #989ba2 !important;
  color: #7f7f7f !important;
  background: url('../../blib/tms-base-style/dist/img/disabled-pattern.jpg') !important;
}
.tms-search-control button.btn-primary:active,
.tms-search-control button.btn-default:active,
.tms-search-control button.btn-warning:active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.tms-search-control button.btn-primary.active,
.tms-search-control button.btn-default.active,
.tms-search-control button.btn-warning.active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.tms-search-control button.btn-primary.tms-hilit,
.tms-search-control button.btn-default.tms-hilit,
.tms-search-control button.btn-warning.tms-hilit {
  /*.gradient-background2color(@gradient2start, @gradient2stop);*/
  background: #ffffff !important;
  color: #0C1C34 !important;
  font-weight: bold;
}
.tms-search-control button.btn-primary.tms-hilit:hover,
.tms-search-control button.btn-default.tms-hilit:hover,
.tms-search-control button.btn-warning.tms-hilit:hover,
.tms-search-control button.btn-primary.tms-hilit.tms-hover,
.tms-search-control button.btn-default.tms-hilit.tms-hover,
.tms-search-control button.btn-warning.tms-hilit.tms-hover {
  color: #0C1C34 !important;
  border-color: #0C1C34 !important;
  background: #ffffff !important;
}
.tms-search-control button.btn-primary.tms-hilit:disabled,
.tms-search-control button.btn-default.tms-hilit:disabled,
.tms-search-control button.btn-warning.tms-hilit:disabled {
  border-color: #989ba2 !important;
  color: #7f7f7f !important;
  background: url('../../blib/tms-base-style/dist/img/disabled-pattern.jpg') !important;
  font-weight: normal;
}
.tms-search-control button.btn-primary.tms-hilit:active,
.tms-search-control button.btn-default.tms-hilit:active,
.tms-search-control button.btn-warning.tms-hilit:active,
.tms-search-control button.btn-primary.tms-hilit.active,
.tms-search-control button.btn-default.tms-hilit.active,
.tms-search-control button.btn-warning.tms-hilit.active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.tms-search-control button.btn-primary.tms-no-label .tms-label,
.tms-search-control button.btn-default.tms-no-label .tms-label,
.tms-search-control button.btn-warning.tms-no-label .tms-label {
  display: none;
}
.tms-search-control button .tms-btn-flat {
  background: transparent !important;
  border: none !important;
}
.tms-search-control button.btn-sm {
  min-width: 36px;
  width: 36px;
  padding: 0;
}
.tms-search-control button.btn-xs {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.tms-search-control button.tms-linetrack-menu-btn {
  min-width: 36px;
  width: 36px;
  background: #0C1C34;
  color: #ffffff;
}
.tms-search-control button.tms-linetrack-menu-btn:hover {
  color: #0C1C34;
}
.tms-search-control button:hover,
.tms-search-control button.tms-hover {
  background: #ffffff !important;
  color: #0C1C34 !important;
  border-color: #0C1C34 !important;
}
.tms-search-control button:disabled {
  border-color: #989ba2 !important;
  color: #7f7f7f !important;
  background: url('../../blib/tms-base-style/dist/img/disabled-pattern.jpg') !important;
}
.tms-search-control button:active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.tms-search-control button.active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.tms-search-control button.tms-hilit {
  /*.gradient-background2color(@gradient2start, @gradient2stop);*/
  background: #ffffff !important;
  color: #0C1C34 !important;
  font-weight: bold;
}
.tms-search-control button.tms-hilit:hover,
.tms-search-control button.tms-hilit.tms-hover {
  color: #0C1C34 !important;
  border-color: #0C1C34 !important;
  background: #ffffff !important;
}
.tms-search-control button.tms-hilit:disabled {
  border-color: #989ba2 !important;
  color: #7f7f7f !important;
  background: url('../../blib/tms-base-style/dist/img/disabled-pattern.jpg') !important;
  font-weight: normal;
}
.tms-search-control button.tms-hilit:active,
.tms-search-control button.tms-hilit.active {
  background: #0C1C34 !important;
  border-color: #0C1C34 !important;
  color: #ffffff !important;
}
.tms-search-control button.tms-no-label .tms-label {
  display: none;
}
.tms-search-control button:hover {
  color: #0C1C34 !important;
  background: transparent !important;
  border: transparent !important;
}
.tms-grid-tool-col.tms-search-col {
  width: 290px !important;
}
[dir=rtl] .pull-left {
  float: right !important;
}
[dir=rtl] .pull-right {
  float: left !important;
}
[dir=rtl] .col-xs-1,
[dir=rtl] .col-xs-2,
[dir=rtl] .col-xs-3,
[dir=rtl] .col-xs-4,
[dir=rtl] .col-xs-5,
[dir=rtl] .col-xs-6,
[dir=rtl] .col-xs-7,
[dir=rtl] .col-xs-8,
[dir=rtl] .col-xs-9,
[dir=rtl] .col-xs-10,
[dir=rtl] .col-xs-11,
[dir=rtl] .col-xs-12 {
  float: right !important;
}
[dir=rtl] .col-xs-1.col-xs-offset-4,
[dir=rtl] .col-xs-2.col-xs-offset-4,
[dir=rtl] .col-xs-3.col-xs-offset-4,
[dir=rtl] .col-xs-4.col-xs-offset-4,
[dir=rtl] .col-xs-5.col-xs-offset-4,
[dir=rtl] .col-xs-6.col-xs-offset-4,
[dir=rtl] .col-xs-7.col-xs-offset-4,
[dir=rtl] .col-xs-8.col-xs-offset-4,
[dir=rtl] .col-xs-9.col-xs-offset-4,
[dir=rtl] .col-xs-10.col-xs-offset-4,
[dir=rtl] .col-xs-11.col-xs-offset-4,
[dir=rtl] .col-xs-12.col-xs-offset-4 {
  margin-left: auto;
  margin-right: 33.33333333%;
}
@media (min-width: 1200px) {
  [dir=rtl] .col-lg-1,
  [dir=rtl] .col-lg-2,
  [dir=rtl] .col-lg-3,
  [dir=rtl] .col-lg-4,
  [dir=rtl] .col-lg-5,
  [dir=rtl] .col-lg-6,
  [dir=rtl] .col-lg-7,
  [dir=rtl] .col-lg-8,
  [dir=rtl] .col-lg-9,
  [dir=rtl] .col-lg-10,
  [dir=rtl] .col-lg-11,
  [dir=rtl] .col-lg-12 {
    float: right !important;
  }
}
@media (min-width: 992px) {
  [dir=rtl] .col-md-1,
  [dir=rtl] .col-md-2,
  [dir=rtl] .col-md-3,
  [dir=rtl] .col-md-4,
  [dir=rtl] .col-md-5,
  [dir=rtl] .col-md-6,
  [dir=rtl] .col-md-7,
  [dir=rtl] .col-md-8,
  [dir=rtl] .col-md-9,
  [dir=rtl] .col-md-10,
  [dir=rtl] .col-md-11,
  [dir=rtl] .col-md-12 {
    float: right !important;
  }
}
@media (min-width: 768px) {
  [dir=rtl] .col-sm-1,
  [dir=rtl] .col-sm-2,
  [dir=rtl] .col-sm-3,
  [dir=rtl] .col-sm-4,
  [dir=rtl] .col-sm-5,
  [dir=rtl] .col-sm-6,
  [dir=rtl] .col-sm-7,
  [dir=rtl] .col-sm-8,
  [dir=rtl] .col-sm-9,
  [dir=rtl] .col-sm-10,
  [dir=rtl] .col-sm-11,
  [dir=rtl] .col-sm-12 {
    float: right !important;
  }
  [dir=rtl] .col-sm-1.col-sm-offset-2,
  [dir=rtl] .col-sm-2.col-sm-offset-2,
  [dir=rtl] .col-sm-3.col-sm-offset-2,
  [dir=rtl] .col-sm-4.col-sm-offset-2,
  [dir=rtl] .col-sm-5.col-sm-offset-2,
  [dir=rtl] .col-sm-6.col-sm-offset-2,
  [dir=rtl] .col-sm-7.col-sm-offset-2,
  [dir=rtl] .col-sm-8.col-sm-offset-2,
  [dir=rtl] .col-sm-9.col-sm-offset-2,
  [dir=rtl] .col-sm-10.col-sm-offset-2,
  [dir=rtl] .col-sm-11.col-sm-offset-2,
  [dir=rtl] .col-sm-12.col-sm-offset-2 {
    margin-left: auto !important;
    margin-right: 16.66666667%;
  }
}
[dir=rtl] .radio input[type="radio"],
[dir=rtl] .radio-inline input[type="radio"],
[dir=rtl] .checkbox input[type="checkbox"],
[dir=rtl] .checkbox-inline input[type="checkbox"] {
  float: right !important;
  margin-left: auto;
  margin-right: -20px !important;
}
[dir=rtl] label[class*='col-'].control-label {
  padding-right: 0 !important;
  padding-left: 15px !important;
}
[dir=rtl] .form-horizontal .control-label {
  text-align: right !important;
}
[dir=rtl] .radio-inline,
[dir=rtl] .checkbox-inline {
  padding-left: 0 !important;
  padding-right: 20px;
}
[dir=rtl] .radio-inline + .radio-inline,
[dir=rtl] .checkbox-inline + .checkbox-inline {
  margin-left: 0 !important;
  margin-right: 10px;
}
[dir=rtl] [uib-datepicker] [uib-daypicker] table thead tr th:nth-child(2) button {
  width: 100% !important;
}
[dir=rtl] .glyphicon.glyphicon-chevron-left,
[dir=rtl] .glyphicon.glyphicon-chevron-right {
  transform: scaleX(-1);
}
[dir=rtl] .modal-dialog .modal-content .modal-header {
  padding-left: 0 !important;
  padding-right: 16px !important;
}
[dir=rtl] .modal-dialog .modal-content .modal-header .tms-modal-title {
  float: right !important;
}
[dir=rtl] .modal-dialog .modal-content .modal-header .tms-action-btns {
  float: left !important;
}
[dir=rtl] .modal-dialog .modal-content .modal-header .tms-action-btns .btn {
  float: right !important;
}
[dir=rtl] .modal-dialog .modal-content .modal-header .tms-action-btns .btn.btn-default {
  border-right-color: #cdd7e1 !important;
  border-left-color: transparent !important;
}
[dir=rtl] .modal-dialog .modal-content .modal-header .tms-action-btns .btn.btn-primary {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[dir=rtl] .modal-dialog .modal-content .tms-modal-help-holder .tms-modal-help-close {
  float: left !important;
}
[dir=rtl] .panel .panel-heading .tms-panel-actions {
  float: left !important;
}
[dir=rtl] .panel .panel-heading .tms-panel-actions .btn {
  float: right !important;
}
[dir=rtl] .panel .panel-heading .tms-panel-actions .btn:first-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[dir=rtl] .panel .panel-heading .tms-panel-actions .btn:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[dir=rtl] .tms-tab-group .tms-tab {
  float: right !important;
  margin-right: auto !important;
  margin-left: 5px;
}
[dir=rtl] .tms-search-control input[type=text] {
  float: right !important;
  padding-left: 0 !important;
  padding-right: 5px !important;
}
[dir=rtl] .tms-search-control button {
  float: right !important;
}
[dir=rtl] .tms-main-tools-holder .tms-grid-tools-holder {
  float: right !important;
}
[dir=rtl] .tms-main-tools-holder .tms-grid-tools-holder .tms-grid-tool-col {
  float: right !important;
}
[dir=rtl] .tms-main-tools-holder .tms-main-tools-menu-holder {
  float: left !important;
}
[dir=rtl] .tms-main-tools-holder .tms-main-tools-menu-holder .tms-grid-items-count {
  float: right !important;
}
[dir=rtl] .pull-right > .dropdown-menu {
  left: 0;
  right: auto;
}
[dir=rtl] .list-group {
  padding-right: 0;
}
[dir=rtl] .user-profile .tms-title {
  float: right;
}
[dir=rtl] .margin_l20 {
  margin-left: auto;
  margin-right: 20px;
}
[dir=rtl] .icon-details,
[dir=rtl] .icon-previous,
[dir=rtl] .icon-next,
[dir=rtl] .icon-log_in,
[dir=rtl] .icon-log_out {
  transform: scaleX(-1);
  display: inline-block;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar:horizontal {
  height: 8px;
}
::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
  background: #747474;
  opacity: 0.1;
}
.tms-holder {
  position: relative;
  height: 100%;
  width: 100%;
}
.tms-holder.tms-scrollbar {
  overflow: auto;
}
[class^="icon-event_"],
[class*=" icon-event_"] {
  font-family: 'gtms-events' !important;
}
[class^="icon-icon-incident-"],
[class*=" icon-icon-incident-"] {
  font-family: 'LIT-INCIDENT-icons' !important;
}
[dir=rtl] .float_l {
  float: right !important;
}
[dir=rtl] .float_r {
  float: left !important;
}
tms-filter {
  display: inline-block;
}
tms-filter .filter-panel {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
tms-filter .filter-panel .filter-btn-group {
  padding-left: 2px;
}
tms-filter .filter-panel .filter-btn-group .btn {
  border: none;
  min-width: 0;
  padding: 0;
  background: transparent;
}
tms-filter .filter-panel .filter-btn-group .btn.no-selection {
  padding-right: 4px;
}
tms-filter .filter-panel tms-filter-indicator {
  display: flex;
  align-items: center;
  align-content: center;
  flex-flow: row nowrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 2px 6px;
  flex: 1;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex: 1;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item {
  display: flex;
  flex: 1;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  float: left;
  margin-right: 8px;
  line-height: 28px;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 2px 6px;
  border: 1px solid #efefef;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item > .f-label {
  padding-right: 6px;
  color: #595959;
  font-weight: bold;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item > .f-value {
  color: #4a4a4a;
  font-weight: bold;
  margin-right: 8px;
  white-space: nowrap;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item > .f-value-count {
  background-color: #4a4a4a;
  color: #ffffff;
  border-radius: 12px;
  padding: 2px 6px;
  font-weight: bold;
  margin-right: 8px;
  line-height: 1;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item .btn-indicator {
  font-size: 28px;
  cursor: pointer;
  color: #0C1C34;
  opacity: 0.7;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item .btn-indicator.btn-seperator {
  border-left: 1px solid #efefef;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item .btn-indicator:hover {
  color: #0C1C34;
  opacity: 1;
}
tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item-junction-operator {
  display: flex;
  flex: 1;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  float: left;
  line-height: 28px;
  margin-right: 8px;
  padding: 2px 0px;
  font-weight: bold;
}
tms-filter .filter-panel tms-filter-indicator refresh-button {
  margin: 0px 4px;
}
tms-filter tms-filter-body {
  display: block;
  position: absolute;
  padding-top: 8px;
  z-index: 100;
}
tms-filter tms-filter-body .filter-body-wrap {
  display: flex;
  align-items: stretch;
  align-content: stretch;
  justify-content: flex-start;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  background-color: #f6f6f6;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap {
  overflow: auto;
  border-right: 1px solid #c4c4c4;
  width: 154px;
  max-height: 467px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ffffff;
  border-radius: 6px 0px 0px 6px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap .operator-toggle {
  display: flex;
  height: 37px;
  margin-bottom: 8px;
  padding: 0px 8px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap .operator-toggle .btn {
  min-width: 0;
  flex: 1;
  height: 100%;
  line-height: 37px;
  color: #383954 !important;
  border: 1px solid #c4c4c4 !important;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap .operator-toggle .btn:active {
  color: #383954 !important;
  border: 1px solid #c4c4c4 !important;
  background-color: #e3e3e6 !important;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap .operator-toggle .btn.active {
  background-color: #e3e3e6 !important;
  cursor: default;
  font-weight: bold;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid #c4c4c4;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap ul li {
  padding: 8px 8px;
  padding-right: 0;
  list-style: none;
  border-bottom: 1px solid #c4c4c4;
  display: flex;
  align-items: center;
  align-content: center;
  cursor: pointer;
  height: 42px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap ul li.active {
  background-color: #e3e3e6;
  cursor: default;
  font-weight: bold;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap ul li.invalid {
  padding-left: 0px;
  color: #d50000;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap ul li.invalid span.filter-label {
  color: #d50000;
  font-weight: bold;
}
tms-filter tms-filter-body .filter-body-wrap .filter-items-wrap ul li span.filter-label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
  color: #383954;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content-wrap {
  display: flex;
  position: relative;
  min-height: 100%;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content-wrap .filter-body-content {
  display: flex;
  padding-bottom: 45px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content-wrap .filter-body-footer {
  width: 100%;
  height: 45px;
  position: absolute;
  padding: 0px 8px;
  bottom: 0;
  left: 0;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content-wrap .filter-body-footer button.apply-btn {
  width: 100%;
  background: #0C1C34;
  color: #ffffff;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content .input-group .input-group-btn:last-child > .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content .input-group .form-control:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content .btn {
  min-width: 0;
  padding: 6px 12px;
  height: 36px;
  line-height: 24px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content .btn.filter-icon-btn {
  padding: 0;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content .tms-filter-tabs .tms-filter-tabs-heading {
  display: flex;
  background-color: #ffffff;
  margin-top: 8px;
  height: 43px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content .tms-filter-tabs .tms-filter-tabs-heading button {
  flex: 1;
  border: 0;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #c4c4c4;
  border-left: none;
  line-height: 28px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content .tms-filter-tabs .tms-filter-tabs-heading button.active {
  color: #383954;
  background-color: #e3e3e6;
  font-weight: bold;
}
tms-filter tms-filter-body .filter-body-wrap .filter-body-content .tms-filter-tabs .tms-filter-tabs-body {
  margin: 8px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-info-label {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin-top: 6px;
  line-height: 36px;
  font-weight: bold;
}
tms-filter tms-filter-body .filter-body-wrap .filter-selected-indicator-wrap {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin-top: 6px;
}
tms-filter tms-filter-body .filter-body-wrap .filter-selected-indicator-wrap .filter-selected-indicator {
  line-height: 28px;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 2px 8px;
  padding-right: 1px;
  border: 1px solid #efefef;
  font-weight: bold;
}
tms-filter tms-filter-body .filter-body-wrap .filter-selected-indicator-wrap .filter-selected-indicator .btn-indicator {
  font-size: 28px;
  cursor: pointer;
  color: #0C1C34;
  opacity: 0.7;
}
tms-filter tms-filter-body .filter-body-wrap .filter-selected-indicator-wrap .filter-selected-indicator .btn-indicator.btn-seperator {
  border-left: 1px solid #efefef;
}
tms-filter tms-filter-body .filter-body-wrap .filter-selected-indicator-wrap .filter-selected-indicator .btn-indicator:hover {
  color: #0C1C34;
  opacity: 1;
}
tms-filter .filter-list {
  height: 200px;
  width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  margin: 8px 0px;
  border-radius: 6px;
}
tms-filter .filter-list .filter-list-item {
  display: block;
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 0;
  margin: 0;
  line-height: 34px;
  background-color: #ffffff;
}
tms-filter .filter-list .filter-list-item:nth-of-type(odd) {
  background-color: #f6f6f6;
}
tms-filter .filter-list .filter-list-item label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 6px;
  margin: 0;
  vertical-align: middle;
  margin-top: -4px;
  font-weight: normal;
}
tms-filter .filter-body-content button.apply-btn {
  width: 100%;
}
tms-filter .filter-body-content .filter-select-all-wrap {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
tms-filter .filter-body-content .filter-select-all-wrap.group {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
tms-filter .filter-body-content .filter-select-all-wrap.group button {
  margin-right: 8px;
}
.filter-blank-container {
  padding: 8px;
}
.tms-filter-indicator-ruler {
  position: fixed;
  bottom: 0;
  left: 0;
  visibility: hidden;
  white-space: nowrap;
}
.tmsFilterListLabelPopup .tooltip-inner {
  color: #000000;
  border: 1px solid #000000;
  background-color: #ffffff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.tmsFilterListLabelPopup .tooltip-arrow {
  border-top-color: #000000;
}
.tms-filter-popup-item {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  background-color: #f6f6f6;
  z-index: 100;
  box-shadow: 6px 6px 32px 0px rgba(0, 0, 0, 0.4);
}
.tms-filter-popup-item .filter-body-content-wrap {
  display: flex;
  position: relative;
  min-height: 100%;
}
.tms-filter-popup-item .filter-body-content-wrap .filter-body-content {
  display: flex;
  padding-bottom: 45px;
}
.tms-filter-popup-item .filter-body-content-wrap .filter-body-footer {
  width: 100%;
  height: 45px;
  position: absolute;
  padding: 0px 8px;
  bottom: 0;
  left: 0;
}
.tms-filter-popup-item .filter-body-content-wrap .filter-body-footer button.apply-btn {
  width: 100%;
  background: #0C1C34;
  color: #ffffff;
}
.tms-filter-popup-item .filter-body-content .input-group .input-group-btn:last-child > .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.tms-filter-popup-item .filter-body-content .input-group .form-control:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-filter-popup-item .filter-body-content .btn {
  min-width: 0;
  padding: 6px 12px;
  height: 36px;
  line-height: 24px;
}
.tms-filter-popup-item .filter-body-content .btn.filter-icon-btn {
  padding: 0;
}
.tms-filter-popup-item .filter-body-content .tms-filter-tabs .tms-filter-tabs-heading {
  display: flex;
  background-color: #ffffff;
  margin-top: 8px;
  height: 43px;
}
.tms-filter-popup-item .filter-body-content .tms-filter-tabs .tms-filter-tabs-heading button {
  flex: 1;
  border: 0;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #c4c4c4;
  border-left: none;
  line-height: 28px;
}
.tms-filter-popup-item .filter-body-content .tms-filter-tabs .tms-filter-tabs-heading button.active {
  color: #383954;
  background-color: #e3e3e6;
  font-weight: bold;
}
.tms-filter-popup-item .filter-body-content .tms-filter-tabs .tms-filter-tabs-body {
  margin: 8px;
}
.tms-filter-popup-item .filter-info-label {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin-top: 6px;
  line-height: 36px;
  font-weight: bold;
}
.tms-filter-popup-item .filter-selected-indicator-wrap {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin-top: 6px;
}
.tms-filter-popup-item .filter-selected-indicator-wrap .filter-selected-indicator {
  line-height: 28px;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 2px 8px;
  padding-right: 1px;
  border: 1px solid #efefef;
  font-weight: bold;
}
.tms-filter-popup-item .filter-selected-indicator-wrap .filter-selected-indicator .btn-indicator {
  font-size: 28px;
  cursor: pointer;
  color: #0C1C34;
  opacity: 0.7;
}
.tms-filter-popup-item .filter-selected-indicator-wrap .filter-selected-indicator .btn-indicator.btn-seperator {
  border-left: 1px solid #efefef;
}
.tms-filter-popup-item .filter-selected-indicator-wrap .filter-selected-indicator .btn-indicator:hover {
  color: #0C1C34;
  opacity: 1;
}
.tms-filter-popup-item .filter-list {
  height: 200px;
  width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  margin: 8px 0px;
  border-radius: 6px;
}
.tms-filter-popup-item .filter-list .filter-list-item {
  display: block;
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 0;
  margin: 0;
  line-height: 34px;
  background-color: #ffffff;
}
.tms-filter-popup-item .filter-list .filter-list-item:nth-of-type(odd) {
  background-color: #f6f6f6;
}
.tms-filter-popup-item .filter-list .filter-list-item label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 6px;
  margin: 0;
  vertical-align: middle;
  margin-top: -4px;
  font-weight: normal;
}
.tms-filter-popup-item .filter-body-content button.apply-btn {
  width: 100%;
}
.tms-filter-popup-item .filter-body-content .filter-select-all-wrap {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
.tms-filter-popup-item .filter-body-content .filter-select-all-wrap.group {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.tms-filter-popup-item .filter-body-content .filter-select-all-wrap.group button {
  margin-right: 8px;
}
tms-filter-item-popup.modal-filter-popup .tms-filter-popup-item {
  z-index: 1301;
}
tms-filter-item-popup .tms-filter-popup-item.modal-filter-popup {
  z-index: 1301;
}
tms-default-filter {
  display: block;
  min-width: 316px;
}
tms-default-filter .apply-btn {
  margin-top: 12px;
}
tms-date-filter {
  display: flex;
  flex-flow: column wrap;
  flex: 1;
}
tms-date-filter .clear-btn {
  margin: 8px;
}
tms-date-filter .filter-blank-container {
  padding-left: 8px;
}
tms-date-filter tms-date-filter-quick-settings {
  display: flex;
}
tms-date-filter tms-date-filter-quick-settings ul {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}
tms-date-filter tms-date-filter-quick-settings ul li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  list-style: none;
  line-height: 35px;
  margin: 8px 8px 0px 0px;
  width: 92px;
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
}
tms-date-filter tms-date-filter-quick-settings ul li.active {
  color: #383954;
  background-color: #e3e3e6;
  font-weight: bold;
}
tms-date-filter tms-date-filter-range {
  display: flex;
  flex-flow: column nowrap;
}
tms-date-filter tms-date-filter-range h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
  color: #4a4a4a;
}
tms-date-filter tms-date-filter-range .tms-filter-date-range-row {
  display: flex;
  flex-flow: row nowrap;
}
tms-date-filter tms-date-filter-range .tms-filter-date-copy-quick-settings-row {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 14px;
  margin-bottom: 2px;
}
tms-date-filter tms-date-filter-range .tms-filter-date-to {
  padding-left: 6px;
}
tms-date-filter tms-date-filter-range tms-filter-datetime-picker {
  width: 148px;
  padding: 6px 0px;
}
tms-date-filter tms-filter-datetime-picker {
  display: block;
}
tms-route-filter {
  display: block;
  min-width: 316px;
}
tms-route-filter .route-filter-search {
  margin-bottom: 10px;
}
tms-route-filter .route-filter-mode {
  line-height: 32px;
}
tms-route-filter .route-filter-mode .route-filter-mode-label {
  font-weight: bold;
}
tms-route-filter .route-filter-mode .filter-selected-indicator {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 6px 8px;
  padding-right: 1px;
  border: 1px solid #efefef;
  font-weight: bold;
}
tms-route-filter .route-filter-mode .filter-selected-indicator .btn-indicator {
  font-size: 28px;
  cursor: pointer;
  color: #0C1C34;
  opacity: 0.7;
}
tms-route-filter .route-filter-mode .filter-selected-indicator .btn-indicator.btn-seperator {
  border-left: 1px solid #efefef;
}
tms-route-filter .route-filter-mode .filter-selected-indicator .btn-indicator:hover {
  color: #0C1C34;
  opacity: 1;
}
tms-route-filter .route-filter-mode .btn-group .btn {
  min-width: 0;
  height: 32px;
  line-height: 30px;
  padding: 0px 8px;
}
tms-enum-filter {
  display: block;
  padding: 8px;
  min-width: 316px;
}
tms-enum-filter .filter-list {
  margin-top: 0;
}
tms-group-filter {
  display: block;
  min-width: 316px;
  padding: 8px;
  padding-bottom: 8px;
}
refresh-button {
  display: inline-block;
  cursor: pointer;
  background: #f7f9f9;
  color: #0C1C34;
  vertical-align: bottom;
}
refresh-button .refresh-btn {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
refresh-button:hover {
  background-color: #ffffff !important;
  color: #0C1C34 !important;
}
[dir=rtl] tms-filter .filter-panel tms-filter-indicator .filter-indicator-list .filter-indicator-list-item {
  float: right;
}
[dir=rtl] tms-filter tms-filter-body .filter-body-wrap .filter-body-content .input-group .input-group-btn:last-child > .btn {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0!important;
}
[dir=rtl] tms-filter tms-filter-body .filter-body-wrap .filter-body-content .input-group .form-control:first-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px!important;
}
[dir=rtl] tms-filter tms-filter-body tms-date-filter .tms-filter-date-wrap .tms-filter-date .tms-filter-date-to {
  padding-left: 0 !important;
  padding-right: 6px;
}
[dir=rtl] tms-filter tms-filter-body tms-date-filter [uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu {
  left: -143px !important;
}
[dir=rtl] tms-filter tms-filter-body tms-date-filter tms-filter-datetime-picker .ui-timepicker-wrapper {
  left: auto !important;
}
.tms-grid-tools {
  width: calc(100% + 2px);
  height: 42px;
  background: #FFF;
  border: 1px solid transparent;
  border-bottom: 1px solid #FFF;
}
.tms-grid-tools .tms-grid-tools-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: no-wrap;
  justify-content: flex-start;
  line-height: 38px;
}
.tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-separator {
  border: 1px solid transparent;
  /*margin: 6px;*/
}
.tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-filter-toggle {
  width: 36px;
  border-right: 1px solid transparent;
}
.tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-filter-toggle .btn.btn-primary {
  min-width: 0;
  height: 42px;
  padding: 0 0 0 1px;
  margin: 0 0 0 -1px;
  border-top: none;
  border-bottom: none;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-search {
  width: 424px;
  min-width: 424px;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
}
.tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-middle {
  width: 100%;
}
.tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-middle tms-filter {
  width: calc(100% - 1px);
  /*margin-top: -7px;*/
}
.tms-grid-tools .tms-grid-tools-inner refresh-button {
  padding: 0px 3px;
}
.tms-grid-tools .tms-grid-tools-inner refresh-button .refresh-btn-canvas {
  padding: 3px 0px;
}
.tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-item-count {
  min-width: 146px;
  color: #b4b4b4;
  text-align: center;
}
.tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-actions {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-grid-tools-menu .btn {
  min-width: 0;
  height: 42px;
  padding: 0 5px;
  border-top: none;
  border-bottom: none;
}
.tms-grid-tools-menu .tms-grid-tools-menu-inline .btn {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border: none;
}
.tms-grid-tools-menu .tms-grid-tools-menu-inline .btn:hover {
  border: none;
  z-index: auto;
}
.tms-grid-tools-menu .tms-grid-tools-menu-dropdown .dropdown-toggle {
  padding: 0 5px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-grid-tools-menu .tms-ui-grid-menu-dropdown-item {
  line-height: 35px;
  height: 35px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #a3b0c3;
}
.tms-grid-tools-menu .tms-ui-grid-menu-dropdown-item:last-child {
  border-bottom: none;
}
.tms-grid-tools-menu .tms-ui-grid-menu-dropdown-item a {
  color: #0C1C34 !important;
}
.tms-grid {
  position: relative;
}
.tms-grid .tms-ui-grid {
  background-color: #ffffff;
  width: 100%;
  height: calc(100% - 30px);
}
.tms-grid .tms-ui-grid.ng-animate {
  transition: height 0.51s linear;
  overflow: hidden;
}
.tms-grid .tms-ui-grid.filter-visible {
  height: calc(100% - 74px);
}
.tms-grid .tms-ui-grid .ui-grid-cell-contents > .ui-grid-selection-row-header-buttons {
  padding: 4px 0px 0px 4px;
}
.tms-grid .tms-ui-grid .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #ffffff;
}
.tms-grid .tms-ui-grid .ui-grid-row:nth-child(odd) .ui-grid-cell .tms-ui-grid-menu {
  background-color: #ffffff;
}
.tms-grid .tms-ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #ffffff;
}
.tms-grid .tms-ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell .tms-ui-grid-menu {
  background-color: #ffffff;
}
.tms-grid .tms-ui-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell {
  background-color: #edf2fc;
}
.tms-grid .tms-ui-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell .tms-ui-grid-menu {
  background-color: #edf2fc;
}
.tms-grid .tms-ui-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: rgba(237, 242, 252, 0.5);
}
.tms-grid .tms-ui-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell .tms-ui-grid-menu {
  background-color: rgba(237, 242, 252, 0.5);
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu {
  margin: -5px;
  padding-right: 10px;
  pointer-events: auto;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-inline-menu .tms-ui-grid-inline-menu-item {
  display: inline-block;
  width: 48px;
  padding: 0 5px;
  text-decoration: none;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-inline-menu .tms-ui-grid-inline-menu-item .tms-icon {
  font-size: 36px;
  color: #0C1C34;
  opacity: 0.5;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-inline-menu .tms-ui-grid-inline-menu-item:hover .tms-icon {
  opacity: 1;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-dropdown-menu {
  margin-left: -4px;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-dropdown-menu .dropdown-toggle {
  width: 36px !important;
  min-width: 30px !important;
  height: 36px !important;
  line-height: 36px !important;
  border: 1px solid transparent;
  font-size: 36px;
  text-align: center !important;
  padding: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-color: #ebeded;
  overflow: hidden;
  color: #0C1C34;
  background: transparent;
  cursor: pointer;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-dropdown-menu .dropdown-toggle:hover {
  background: transparent !important;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-dropdown-menu.open .tms-arrow:before {
  visibility: visible;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-dropdown-menu.open .tms-arrow:after {
  visibility: hidden;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-dropdown-menu.open .btn.btn-primary {
  color: #ffffff;
  background: #0C1C34;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-dropdown-menu.open .btn.btn-primary:hover {
  background: #0C1C34 !important;
  color: #ffffff !important;
  border-left: none !important;
  border-right: none !important;
}
.tms-grid .tms-ui-grid .ui-grid-top-panel,
.tms-grid .tms-ui-grid .ui-grid-menu-button {
  background: #FAFAFA !important;
}
.tms-grid .tms-ui-grid .ui-grid-render-container.ui-grid-render-container-body .ui-grid-top-panel .ui-grid-header-cell-row {
  background: #FAFAFA !important;
}
.tms-grid .tms-ui-grid .ui-grid-menu-button .ui-grid-icon-container {
  color: #0C1C34;
}
.tms-grid .tms-ui-grid .ui-grid-menu-button .ui-grid-icon-container:hover {
  color: #0C1C34 !important;
}
.tms-grid .tms-ui-grid .ui-grid-menu-button .ui-grid-icon-container .ui-grid-icon-menu:before {
  font-family: 'icomoon';
  content: "\e977";
  font-size: 36px;
  vertical-align: middle;
  text-shadow: none;
  padding: 0px;
  padding-top: 5px;
  margin: 0px;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell .ui-grid-selection-row-header-buttons.ui-grid-icon-ok {
  opacity: 1;
  color: #0C1C34 !important;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell .ui-grid-selection-row-header-buttons.ui-grid-icon-ok:hover {
  color: #0C1C34 !important;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell .ui-grid-selection-row-header-buttons.ui-grid-icon-ok:before {
  font-family: 'icomoon';
  content: "\e944";
  font-size: 36px;
  vertical-align: middle;
  text-shadow: none;
  padding: 0px;
  margin: 0px;
  margin-left: -8px;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell .ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-all-selected {
  color: #0C1C34 !important;
}
.tms-grid .tms-ui-grid .ui-grid-selection-row-header-buttons.ui-grid-icon-ok {
  opacity: 1;
  color: #e1e1e1 !important;
}
.tms-grid .tms-ui-grid .ui-grid-selection-row-header-buttons.ui-grid-icon-ok:hover {
  color: #0C1C34 !important;
}
.tms-grid .tms-ui-grid .ui-grid-selection-row-header-buttons.ui-grid-icon-ok:before {
  font-family: 'icomoon';
  content: "\e944";
  font-size: 36px;
  vertical-align: middle;
  text-shadow: none;
  padding: 0px;
  margin: 0px;
  margin-left: -8px;
  margin-top: -7px;
}
.tms-grid .tms-ui-grid .ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-row-selected {
  color: #0C1C34 !important;
}
.tms-grid .tms-ui-grid .ui-grid-cell {
  border-color: transparent;
}
.tms-grid .tms-ui-grid .ui-grid-cell.tms-ui-grid-cell-bordered {
  border-right: 1px solid #e0e0e0 !important;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell {
  border-color: transparent;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell:hover {
  border-color: #e0e0e0;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell .ui-grid-column-tms-filter {
  padding-right: 26px;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell .ui-grid-column-tms-filter-button {
  position: absolute;
  top: 2px;
  right: 1px;
  color: #0C1C34;
  opacity: 0.5;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell .ui-grid-column-tms-filter-button:hover {
  opacity: 1;
}
.tms-grid .tms-ui-grid .ui-grid-header-cell .ui-grid-column-tms-filter-button .tms-icon {
  font-size: 28px;
}
.tms-grid .tms-ui-grid .ui-grid-menu-button {
  border: none;
}
.tms-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-control button {
  color: red;
}
.tms-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-control input {
  width: 64px;
}
ul.tms-ui-grid-dropdown-list {
  padding: 0;
  background: #ffffff;
  -moz-box-shadow: 0 0 15px #1f1f1f;
  -o-box-shadow: 0 0 15px #1f1f1f;
  -webkit-box-shadow: 0 0 15px #1f1f1f;
  box-shadow: 0 0 15px #1f1f1f;
}
ul.tms-ui-grid-dropdown-list > li.tms-ui-grid-menu-dropdown-item {
  border-bottom: 1px solid #a3b0c3;
  height: 35px;
}
ul.tms-ui-grid-dropdown-list > li.tms-ui-grid-menu-dropdown-item:first-child a {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
ul.tms-ui-grid-dropdown-list > li.tms-ui-grid-menu-dropdown-item:last-child {
  border-bottom: none;
}
ul.tms-ui-grid-dropdown-list > li.tms-ui-grid-menu-dropdown-item:last-child a {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
ul.tms-ui-grid-dropdown-list > li.tms-ui-grid-menu-dropdown-item:hover a {
  background: #0C1C34 !important;
  color: #ffffff !important;
}
ul.tms-ui-grid-dropdown-list > li.tms-ui-grid-menu-dropdown-item > a {
  color: #0C1C34;
  font-size: 14px;
  padding: 0;
  padding-left: 5px;
  padding-right: 10px;
  cursor: pointer;
}
.tms-ui-grid-msg-overlay {
  width: 100%;
}
.tms-ui-grid-msg-overlay .msg {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 40px);
}
.tms-ui-grid-msg-overlay .preloader {
  display: inline-block;
  height: 36px;
  width: 36px;
  background: url('../../img/ring-alt.svg');
  background-repeat: no-repeat;
  background-size: cover;
}
.tms-ui-grid-new-rows-overlay {
  position: absolute;
  bottom: 0;
  height: 37px;
  width: 100%;
  background-color: #ffffff;
  border-top: 1px solid #a3b0c3;
  text-align: center;
  font-size: 16px;
  display: table;
  opacity: 0.75;
}
.tms-ui-grid-new-rows-overlay.top {
  bottom: auto;
  top: 34px;
}
.tms-ui-grid-new-rows-overlay span {
  display: table-cell;
  vertical-align: middle;
  opacity: 1;
}
.tms-ui-grid-new-rows-overlay span img {
  width: 36px;
  height: 36px;
  margin: 5px;
}
.tms-ui-grid-new-rows-overlay.ng-hide {
  opacity: 0;
  height: 0px;
}
.tms-ui-grid-new-rows-overlay.ng-hide-add .tms-ui-grid-new-rows-overlay.ng-hide-remove {
  transition: all 0.5s linear 0s;
}
.tms-ui-grid-multi-header-wrapper {
  position: relative;
  border-collapse: separate;
}
.tms-ui-grid-multi-header-wrapper .tms-ui-grid-multi-header-cell-row {
  position: relative;
}
.tms-ui-grid-multi-header-wrapper .tms-ui-grid-multi-header-cell-row .tms-ui-grid-multi-header-cell {
  position: relative;
  border: none;
  border-right: 1px solid #e0e0e0;
  vertical-align: middle;
  text-align: center;
}
.tms-spin {
  -webkit-animation: tms-spin 0.5s infinite linear;
  animation: tms-spin 0.5s infinite linear;
}
@-webkit-keyframes tms-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes tms-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
[dir=rtl] .tms-ui-grid .ui-grid-header-cell {
  border-right: none;
  border-left: 1px solid;
  border-left-color: transparent;
}
[dir=rtl] .tms-ui-grid .ui-grid-header-cell .ui-grid-column-tms-filter {
  padding-right: 0;
  padding-left: 26px;
}
[dir=rtl] .tms-ui-grid .ui-grid-header-cell .ui-grid-column-tms-filter-button {
  right: auto;
  left: 1px;
}
[dir=rtl] .tms-ui-grid .ui-grid-cell {
  float: right;
}
[dir=rtl] .tms-ui-grid .ui-grid-menu-button {
  right: auto !important;
  left: 0;
}
[dir=rtl] .tms-ui-grid .ui-grid-menu-button .ui-grid-menu {
  right: auto !important;
  left: 0;
}
[dir=rtl] .tms-ui-grid .tms-ui-grid-menu {
  padding-right: 0;
}
[dir=rtl] .tms-ui-grid .tms-ui-grid-dropdown-menu {
  padding-left: 12px;
}
[dir=rtl] .tms-ui-grid .ui-grid-pager-panel .ui-grid-pager-container {
  float: right !important;
}
[dir=rtl] .tms-ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-control {
  float: right !important;
}
[dir=rtl] .tms-ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-row-count-picker {
  float: right !important;
}
[dir=rtl] .tms-ui-grid .ui-grid-pager-panel .ui-grid-pager-count-container {
  float: left !important;
}
[dir=rtl] ul.tms-ui-grid-dropdown-list > li.tms-ui-grid-menu-dropdown-item > a {
  text-align: right;
}
litui-preloader-preinit {
  display: block;
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9) center center no-repeat;
  background-image: url(../../resource/litui/img/spinner.svg);
  z-index: 2000;
}
litui-preloader-preinit .litui-preloader-preinit-inner {
  width: 100%;
  height: 100%;
  position: relative;
}
litui-preloader-preinit .litui-preloader-preinit-text {
  /*text-align: center;*/
  position: absolute;
  height: 36px;
  width: 100%;
  top: 50%;
  margin-top: -16px;
  font-size: 22px;
}
litui-preloader-preinit .litui-preloader-preinit-text span {
  width: 100%;
  text-align: center;
  display: block;
  padding-top: 36px;
}
.litui-ripple-fx {
  position: relative;
  overflow: hidden;
}
.litui-ripple-fx .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
.litui-ripple-fx .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.5;
  }
  to {
    transform: scale(100);
    opacity: 0;
  }
}
.litui-transition-value {
  -webkit-animation: litui-color-change 1s;
  -moz-animation: litui-color-change 1s;
  -o-animation: litui-color-change 1s;
  -ms-animation: litui-color-change 1s;
  animation: litui-color-change 1s;
}
/*
@-webkit-keyframes litui-color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-moz-keyframes litui-color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-ms-keyframes litui-color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-o-keyframes litui-color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}*/
@keyframes litui-color-change {
  /*25% { color: red; }*/
  50% {
    background-color: #FFF;
    color: #54578b;
    opacity: 0.7;
  }
  /*75% { color: red; }*/
}
litui-form {
  display: block;
}
litui-form form {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  padding: 0 16px;
}
litui-form form:before,
litui-form form:after {
  content: " ";
  display: table;
}
litui-form form:after {
  clear: both;
}
litui-form form button[type=submit] {
  /*border-color: @lituiFormInvalidSubmitBorderC;*/
  /*color: @lituiFormInvalidSubmitC;*/
  /*width: 200px;*/
  /*height: 200px*0.33;*/
  float: right;
  line-height: 1;
}
litui-form form button[type=submit]:hover {
  background-color: white !important;
}
litui-form form button[type=submit]:disabled:hover {
  background-color: none !important;
}
litui-form form .litui-form-fields .litui-form-fields-error {
  color: #a80000;
  font-weight: bold;
}
litui-form form.litui-form-invalid {
  /*            input[type=password], input[type=text], input[type=email]{
                border-color: @lituiFormInvalidSubmitBorderC;
            }*/
}
litui-form form.litui-form-invalid button[type=submit] {
  border-color: #c93636;
  color: #c93636;
}
litui-form form.litui-form-valid button[type=submit] {
  border-color: #0e5600;
  color: #0e5600;
}
litui-form .litui-form-error-msg {
  background: #f2f2f2;
  padding: 8px;
  color: #A70000;
  border-bottom: 4px solid #dddddd;
  margin-bottom: 16px;
}
[dir=rtl] litui-form button[type=submit] {
  float: left !important;
}
[litui-preloader] .litui-preloader-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
}
[litui-preloader] .litui-preloader-holder .litui-preloader-spinner {
  background: url(../../resource/litui/img/spinner.svg);
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
}
.litui-preloader-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
}
.litui-preloader-holder .litui-preloader-spinner {
  background: url(../../resource/litui/img/spinner.svg);
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
}
litui-input {
  width: 100%;
}
litui-input:before,
litui-input:after {
  content: " ";
  display: table;
}
litui-input:after {
  clear: both;
}
litui-input .litui-input-inner {
  width: 100%;
  height: 100%;
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
  background: transparent !important;
  color: red;
}
litui-translator-value {
  display: block;
  width: 800px;
  height: 300px;
}
litui-translator-value .litui-translator-value-inner {
  height: calc(100% - 20px);
  padding-top: 20px;
}
litui-translator-value .litui-translator-value-inner .litui-transltor-value-key {
  float: left;
  width: 25%;
  min-height: 1px;
  height: 100%;
  overflow-x: auto;
  padding: 4px;
  font-size: 12px;
}
litui-translator-value .litui-translator-value-inner .litui-translator-ref-value {
  float: left;
  width: 33.33%;
  min-height: 1px;
  padding: 4px;
}
litui-translator-value .litui-translator-value-inner .litui-translator-value-actual {
  float: left;
  width: 41.67%;
  min-height: 1px;
  height: 100%;
  padding: 4px;
}
litui-translator-value .litui-translator-value-inner .litui-translator-value-actual litui-input {
  width: calc(100% - 36px);
  float: left;
  height: 100%;
}
litui-translator-value .litui-translator-value-inner .litui-translator-value-actual .litui-translator-value-actions {
  float: left;
  height: 100%;
  width: 36px;
}
litui-translator-value .litui-translator-value-inner .litui-translator-value-actual .litui-translator-value-actions button {
  padding: 0;
}
[litui-translate].litui-translate-value-no-translation {
  background: #eaa075 !important;
  color: black !important;
}
[litui-translate].litui-translate-value-translation {
  background: #87e5d7 !important;
  color: black !important;
}
litui-fancy-json {
  display: block;
}
litui-input-error {
  display: block;
  height: 36px;
}
litui-input-error .litui-input-error-inner {
  color: #c93636;
  padding: 8px;
  height: 100%;
}
litui-input-field {
  display: block;
  width: 100%;
  /*height: 100%;*/
  background: transparent;
}
litui-input-field:before,
litui-input-field:after {
  content: " ";
  display: table;
}
litui-input-field:after {
  clear: both;
}
litui-input-field .litui-input-field-inner {
  height: 100%;
  min-height: 60px;
}
litui-input-field .litui-input-field-inner.litui-nolabel {
  min-height: 40px;
}
litui-input-field .litui-input-field-inner.litui-nolabel .litui-input-field-control-holder {
  top: 0;
}
litui-input-field .litui-input-field-inner.litui-nolabel litui-input-error {
  display: none;
}
litui-input-field .litui-input-field-inner.litui-nolabel.litui-invalid litui-input-error {
  display: block;
}
litui-input-field .litui-input-field-inner.litui-noerror {
  padding-bottom: 16px;
}
litui-input-field .litui-input-field-control {
  position: relative;
  height: 100%;
  min-height: inherit;
}
litui-input-field .litui-input-field-control label {
  font-weight: normal;
  position: absolute;
  /*top: 2px;*/
  z-index: 3;
}
litui-input-field .litui-input-field-control label.litui-start-position {
  /*top: 50% - 20px/2 + 5;*/
  /*left: 14px;*/
  color: #777777;
  z-index: 1;
}
litui-input-field .litui-input-field-control label.litui-start-position:after {
  content: '';
}
litui-input-field .litui-input-field-control label:after {
  content: ':';
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder {
  position: absolute;
  top: 20px;
  display: flex;
  width: 100%;
  height: calc(100% - 22px);
  min-height: 40px;
  z-index: 2;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder ng-transclude {
  flex-grow: 1;
  width: 100%;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=text],
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=email],
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=number],
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=password] {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  padding: 6px 12px;
  border: 1px solid #eaeaea;
  border: none;
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: inline-block;
  color: #777777;
  background: none;
  border-bottom: 1px solid #eaeaea;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: 1px solid #cecece;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: 1px solid #54578b;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=text]:active,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=email]:active,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=number]:active,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=password]:active {
  border: none;
  border-bottom: 1px solid #54578b;
  color: #333333;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-field .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:focus {
  outline: none !important;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active:hover {
  border-color: #54578b;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-field .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-field litui-input-error {
  /*margin-top: 40px;*/
}
litui-input-field .litui-invalid input[type=text],
litui-input-field .litui-invalid input[type=email],
litui-input-field .litui-invalid input[type=number],
litui-input-field .litui-invalid input[type=password] {
  border-bottom-color: #c93636 !important;
  color: #c93636 !important;
}
litui-checkbox {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
litui-checkbox label {
  font-weight: normal;
  position: relative;
  padding-left: 23px;
  float: none;
  width: auto;
}
litui-checkbox [type=checkbox] {
  display: none;
}
litui-checkbox [type=checkbox]:not(:checked) + label:before,
litui-checkbox [type=checkbox]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
}
litui-checkbox [type=checkbox]:not(:checked) + label:after,
litui-checkbox [type=checkbox]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 18px;
  line-height: 0.8;
  color: #54578b;
  transition: all 0.2s;
}
litui-checkbox [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
litui-checkbox [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
litui-checkbox[disabled="disabled"] {
  opacity: 0.7;
}
litui-checkbox[disabled="disabled"] [type=checkbox]:not(:checked) + label:before,
litui-checkbox[disabled="disabled"] [type=checkbox]:checked + label:before {
  background: #eaeaea;
}
[dir=rtl] litui-checkbox label {
  padding-left: 0 !important;
  padding-right: 23px;
}
[dir=rtl] litui-checkbox label span {
  padding-left: 0 !important;
  padding-right: 8px;
}
[dir=rtl] litui-checkbox label:before {
  left: auto;
  right: 0;
}
[dir=rtl] litui-checkbox label:after {
  left: auto;
  right: 3px;
}
litui-input-email {
  display: block;
  width: 100%;
  /*height: 100%;*/
  background: transparent;
}
litui-input-email:before,
litui-input-email:after {
  content: " ";
  display: table;
}
litui-input-email:after {
  clear: both;
}
litui-input-email .litui-input-field-inner {
  height: 100%;
  min-height: 60px;
}
litui-input-email .litui-input-field-inner.litui-nolabel {
  min-height: 40px;
}
litui-input-email .litui-input-field-inner.litui-nolabel .litui-input-field-control-holder {
  top: 0;
}
litui-input-email .litui-input-field-inner.litui-nolabel litui-input-error {
  display: none;
}
litui-input-email .litui-input-field-inner.litui-nolabel.litui-invalid litui-input-error {
  display: block;
}
litui-input-email .litui-input-field-inner.litui-noerror {
  padding-bottom: 16px;
}
litui-input-email .litui-input-field-control {
  position: relative;
  height: 100%;
  min-height: inherit;
}
litui-input-email .litui-input-field-control label {
  font-weight: normal;
  position: absolute;
  /*top: 2px;*/
  z-index: 3;
}
litui-input-email .litui-input-field-control label.litui-start-position {
  /*top: 50% - 20px/2 + 5;*/
  /*left: 14px;*/
  color: #777777;
  z-index: 1;
}
litui-input-email .litui-input-field-control label.litui-start-position:after {
  content: '';
}
litui-input-email .litui-input-field-control label:after {
  content: ':';
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder {
  position: absolute;
  top: 20px;
  display: flex;
  width: 100%;
  height: calc(100% - 22px);
  min-height: 40px;
  z-index: 2;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder ng-transclude {
  flex-grow: 1;
  width: 100%;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=text],
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=email],
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=number],
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=password] {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  padding: 6px 12px;
  border: 1px solid #eaeaea;
  border: none;
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: inline-block;
  color: #777777;
  background: none;
  border-bottom: 1px solid #eaeaea;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: 1px solid #cecece;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: 1px solid #54578b;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=text]:active,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=email]:active,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=number]:active,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=password]:active {
  border: none;
  border-bottom: 1px solid #54578b;
  color: #333333;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-email .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:focus {
  outline: none !important;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active:hover {
  border-color: #54578b;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-email .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-email litui-input-error {
  /*margin-top: 40px;*/
}
litui-input-email .litui-invalid input[type=text],
litui-input-email .litui-invalid input[type=email],
litui-input-email .litui-invalid input[type=number],
litui-input-email .litui-invalid input[type=password] {
  border-bottom-color: #c93636 !important;
  color: #c93636 !important;
}
litui-input-number {
  display: block;
  width: 100%;
  /*height: 100%;*/
  background: transparent;
}
litui-input-number:before,
litui-input-number:after {
  content: " ";
  display: table;
}
litui-input-number:after {
  clear: both;
}
litui-input-number .litui-input-field-inner {
  height: 100%;
  min-height: 60px;
}
litui-input-number .litui-input-field-inner.litui-nolabel {
  min-height: 40px;
}
litui-input-number .litui-input-field-inner.litui-nolabel .litui-input-field-control-holder {
  top: 0;
}
litui-input-number .litui-input-field-inner.litui-nolabel litui-input-error {
  display: none;
}
litui-input-number .litui-input-field-inner.litui-nolabel.litui-invalid litui-input-error {
  display: block;
}
litui-input-number .litui-input-field-inner.litui-noerror {
  padding-bottom: 16px;
}
litui-input-number .litui-input-field-control {
  position: relative;
  height: 100%;
  min-height: inherit;
}
litui-input-number .litui-input-field-control label {
  font-weight: normal;
  position: absolute;
  /*top: 2px;*/
  z-index: 3;
}
litui-input-number .litui-input-field-control label.litui-start-position {
  /*top: 50% - 20px/2 + 5;*/
  /*left: 14px;*/
  color: #777777;
  z-index: 1;
}
litui-input-number .litui-input-field-control label.litui-start-position:after {
  content: '';
}
litui-input-number .litui-input-field-control label:after {
  content: ':';
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder {
  position: absolute;
  top: 20px;
  display: flex;
  width: 100%;
  height: calc(100% - 22px);
  min-height: 40px;
  z-index: 2;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder ng-transclude {
  flex-grow: 1;
  width: 100%;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=text],
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=email],
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=number],
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=password] {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  padding: 6px 12px;
  border: 1px solid #eaeaea;
  border: none;
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: inline-block;
  color: #777777;
  background: none;
  border-bottom: 1px solid #eaeaea;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: 1px solid #cecece;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: 1px solid #54578b;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=text]:active,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=email]:active,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=number]:active,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=password]:active {
  border: none;
  border-bottom: 1px solid #54578b;
  color: #333333;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-number .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:focus {
  outline: none !important;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active:hover {
  border-color: #54578b;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-number .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-number litui-input-error {
  /*margin-top: 40px;*/
}
litui-input-number .litui-invalid input[type=text],
litui-input-number .litui-invalid input[type=email],
litui-input-number .litui-invalid input[type=number],
litui-input-number .litui-invalid input[type=password] {
  border-bottom-color: #c93636 !important;
  color: #c93636 !important;
}
litui-input-password {
  display: block;
  width: 100%;
  /*height: 100%;*/
  background: transparent;
  /*    label + input[type=text]{
        width: ~"calc(100% - @{labelW})";
        float: left;
    }*/
}
litui-input-password:before,
litui-input-password:after {
  content: " ";
  display: table;
}
litui-input-password:after {
  clear: both;
}
litui-input-password .litui-input-field-inner {
  height: 100%;
  min-height: 60px;
}
litui-input-password .litui-input-field-inner.litui-nolabel {
  min-height: 40px;
}
litui-input-password .litui-input-field-inner.litui-nolabel .litui-input-field-control-holder {
  top: 0;
}
litui-input-password .litui-input-field-inner.litui-nolabel litui-input-error {
  display: none;
}
litui-input-password .litui-input-field-inner.litui-nolabel.litui-invalid litui-input-error {
  display: block;
}
litui-input-password .litui-input-field-inner.litui-noerror {
  padding-bottom: 16px;
}
litui-input-password .litui-input-field-control {
  position: relative;
  height: 100%;
  min-height: inherit;
}
litui-input-password .litui-input-field-control label {
  font-weight: normal;
  position: absolute;
  /*top: 2px;*/
  z-index: 3;
}
litui-input-password .litui-input-field-control label.litui-start-position {
  /*top: 50% - 20px/2 + 5;*/
  /*left: 14px;*/
  color: #777777;
  z-index: 1;
}
litui-input-password .litui-input-field-control label.litui-start-position:after {
  content: '';
}
litui-input-password .litui-input-field-control label:after {
  content: ':';
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder {
  position: absolute;
  top: 20px;
  display: flex;
  width: 100%;
  height: calc(100% - 22px);
  min-height: 40px;
  z-index: 2;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder ng-transclude {
  flex-grow: 1;
  width: 100%;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=text],
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=email],
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=number],
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=password] {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  padding: 6px 12px;
  border: 1px solid #eaeaea;
  border: none;
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: inline-block;
  color: #777777;
  background: none;
  border-bottom: 1px solid #eaeaea;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: 1px solid #cecece;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: 1px solid #54578b;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=text]:active,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=email]:active,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=number]:active,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=password]:active {
  border: none;
  border-bottom: 1px solid #54578b;
  color: #333333;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-password .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:focus {
  outline: none !important;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active:hover {
  border-color: #54578b;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-password .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-password litui-input-error {
  /*margin-top: 40px;*/
}
litui-input-password .litui-invalid input[type=text],
litui-input-password .litui-invalid input[type=email],
litui-input-password .litui-invalid input[type=number],
litui-input-password .litui-invalid input[type=password] {
  border-bottom-color: #c93636 !important;
  color: #c93636 !important;
}
litui-input-string {
  display: block;
  width: 100%;
  /*height: 100%;*/
  background: transparent;
  /*    label + input[type=text]{
        width: ~"calc(100% - @{labelW})";
        float: left;
    }*/
}
litui-input-string:before,
litui-input-string:after {
  content: " ";
  display: table;
}
litui-input-string:after {
  clear: both;
}
litui-input-string .litui-input-field-inner {
  height: 100%;
  min-height: 60px;
}
litui-input-string .litui-input-field-inner.litui-nolabel {
  min-height: 40px;
}
litui-input-string .litui-input-field-inner.litui-nolabel .litui-input-field-control-holder {
  top: 0;
}
litui-input-string .litui-input-field-inner.litui-nolabel litui-input-error {
  display: none;
}
litui-input-string .litui-input-field-inner.litui-nolabel.litui-invalid litui-input-error {
  display: block;
}
litui-input-string .litui-input-field-inner.litui-noerror {
  padding-bottom: 16px;
}
litui-input-string .litui-input-field-control {
  position: relative;
  height: 100%;
  min-height: inherit;
}
litui-input-string .litui-input-field-control label {
  font-weight: normal;
  position: absolute;
  /*top: 2px;*/
  z-index: 3;
}
litui-input-string .litui-input-field-control label.litui-start-position {
  /*top: 50% - 20px/2 + 5;*/
  /*left: 14px;*/
  color: #777777;
  z-index: 1;
}
litui-input-string .litui-input-field-control label.litui-start-position:after {
  content: '';
}
litui-input-string .litui-input-field-control label:after {
  content: ':';
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder {
  position: absolute;
  top: 20px;
  display: flex;
  width: 100%;
  height: calc(100% - 22px);
  min-height: 40px;
  z-index: 2;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder ng-transclude {
  flex-grow: 1;
  width: 100%;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=text],
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=email],
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=number],
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=password] {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  padding: 6px 12px;
  border: 1px solid #eaeaea;
  border: none;
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: inline-block;
  color: #777777;
  background: none;
  border-bottom: 1px solid #eaeaea;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: 1px solid #cecece;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: 1px solid #54578b;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=text]:hover,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=email]:hover,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=number]:hover,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=password]:hover {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=text]:active,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=email]:active,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=number]:active,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=password]:active {
  border: none;
  border-bottom: 1px solid #54578b;
  color: #333333;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=text]:focus,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=email]:focus,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=number]:focus,
litui-input-string .litui-input-field-control .litui-input-field-control-holder input[type=password]:focus {
  border: none;
  border-bottom: 1px solid #cecece;
  color: #333333;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:focus {
  outline: none !important;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button.litui-active:hover {
  border-color: #54578b;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-string .litui-input-field-control .litui-input-field-control-holder .litui-input-field-inline-actions button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-input-string litui-input-error {
  /*margin-top: 40px;*/
}
litui-input-string .litui-invalid input[type=text],
litui-input-string .litui-invalid input[type=email],
litui-input-string .litui-invalid input[type=number],
litui-input-string .litui-invalid input[type=password] {
  border-bottom-color: #c93636 !important;
  color: #c93636 !important;
}
litui-plain-text {
  display: block;
  width: 100%;
  height: 100%;
}
litui-plain-text textarea {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  padding: 6px 12px;
  border: 1px solid #eaeaea;
  width: 100%;
  height: 100%;
  min-height: 70px;
}
litui-plain-text textarea:hover {
  border: 1px solid #cecece;
}
litui-plain-text textarea:focus {
  border: 1px solid #54578b;
}
litui-select {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  /*    .litui-btn-primary{
        .litui-clearfix();
        width: 100%;
        height: 100%;
        text-align: center;
        
        .litui-label-single{
            display: inline-block;
        }
        .litui-label{
            float: left;
        }
        .litui-icon{
            float: right !important;
            line-height: 28px;
        }
    }*/
}
litui-select .litui-select-trigger {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  color: #333333;
  border: none;
  margin: 0;
  outline: none !important;
  background: none;
  height: 36px;
  line-height: 36px;
  padding: 10px 15px;
  border: 1px solid #cdd7e1;
  background: #FFF;
  font-weight: bold;
  color: #54578b;
  background-color: #FFF;
  border-color: #54578b;
  border-width: 1px;
  overflow: hidden;
  padding: 0;
  /*padding-right: @lituiOffsetD*2;*/
  cursor: default;
  position: relative;
}
litui-select .litui-select-trigger:focus {
  outline: none !important;
}
litui-select .litui-select-trigger:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-select .litui-select-trigger.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-select .litui-select-trigger.litui-active:hover {
  border-color: #54578b;
}
litui-select .litui-select-trigger:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-select .litui-select-trigger:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-select .litui-select-trigger:hover {
  color: #FFF;
  border-color: #424351;
  background-color: #54578b;
}
litui-select .litui-select-trigger:focus {
  color: #FFF;
  border-color: #424351;
  background-color: #54578b;
}
litui-select .litui-select-trigger .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-select .litui-select-trigger .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-select .litui-select-trigger .litui-select-label-holder {
  padding-left: 8px;
  padding-right: 8px;
  float: left;
  width: calc(100% - 36px - 1px);
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  white-space: nowrap;
}
litui-select .litui-select-trigger .litui-select-delimiter {
  float: left;
  width: 1px;
  height: calc(100% - 5px);
  margin-top: 2.5px;
  background: #cdd7e1;
}
litui-select .litui-select-trigger .litui-select-icon-holder {
  float: left;
  width: 36px;
  color: #54578b;
}
litui-select .litui-select-trigger.litui-select-trigger-empty .litui-select-actions {
  right: 0;
}
litui-select .litui-select-trigger.litui-active .litui-select-icon-holder {
  color: #FFF;
}
litui-select .litui-select-trigger.litui-active .litui-select-actions button {
  border-color: #FFF;
}
litui-select .litui-select-trigger.litui-active .litui-select-actions button .litui-icon {
  color: #FFF;
}
litui-select .litui-select-actions {
  position: absolute;
  right: 37px;
  top: 0;
  height: 100%;
  padding-right: 12px;
}
litui-select .litui-select-actions button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  /*.litui-btn-icon();*/
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  width: 28px;
  height: 28px;
  margin-top: 8px / 2;
  background: transparent;
  color: #54578b;
  line-height: 28px;
  font-size: 36px;
  text-align: center;
  position: relative;
  border: 1px solid #cdd7e1;
}
litui-select .litui-select-actions button:focus {
  outline: none !important;
}
litui-select .litui-select-actions button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-select .litui-select-actions button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-select .litui-select-actions button.litui-active:hover {
  border-color: #54578b;
}
litui-select .litui-select-actions button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-select .litui-select-actions button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-select .litui-select-actions button .litui-icon {
  height: 36px;
  line-height: 36px;
  width: 36px;
  position: absolute;
  left: -8px/2 - 1px/2;
  top: -8px/2 - 1px;
  color: #aaaaaa;
}
litui-select .litui-select-actions button:hover {
  border-color: #54578b;
}
litui-select .litui-select-actions button:hover .litui-icon {
  color: #54578b;
}
[dir=rtl] litui-select .litui-select-trigger .litui-select-label-holder,
[dir=rtl] litui-select .litui-select-trigger .litui-select-delimiter,
[dir=rtl] litui-select .litui-select-trigger .litui-select-icon-holder {
  float: right !important;
}
[dir=rtl] litui-select .litui-select-actions {
  right: auto !important;
  left: 37px;
  padding-right: 0 !important;
  padding-left: 12px;
}
.litui-ripple-fx {
  position: relative;
  overflow: hidden;
}
.litui-ripple-fx .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
.litui-ripple-fx .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.5;
  }
  to {
    transform: scale(100);
    opacity: 0;
  }
}
litui-fancy-json {
  display: block;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar:horizontal {
  height: 8px;
}
::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
  background: #747474;
  opacity: 0.1;
}
button.litui-btn-primary {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  padding: 10px 15px;
  border: 1px solid #cdd7e1;
  background: #FFF;
  font-weight: bold;
  color: #54578b;
  background-color: #FFF;
  border-color: #54578b;
  border-width: 1px;
  position: relative;
  overflow: hidden;
}
button.litui-btn-primary:focus {
  outline: none !important;
}
button.litui-btn-primary:hover {
  border-color: #cecece;
  color: #54578b;
}
button.litui-btn-primary.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
button.litui-btn-primary.litui-active:hover {
  border-color: #54578b;
}
button.litui-btn-primary:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-primary:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-primary:hover {
  color: #FFF;
  border-color: #424351;
  background-color: #54578b;
}
button.litui-btn-primary:focus {
  color: #FFF;
  border-color: #424351;
  background-color: #54578b;
}
button.litui-btn-primary .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
button.litui-btn-primary .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
button.litui-btn-submit {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  padding: 10px 15px;
  border: 1px solid #cdd7e1;
  background: #FFF;
  font-weight: bold;
  color: #FFF;
  background-color: #54578b;
  border-color: #54578b;
  border-width: 1px;
  position: relative;
  overflow: hidden;
}
button.litui-btn-submit:focus {
  outline: none !important;
}
button.litui-btn-submit:hover {
  border-color: #cecece;
  color: #54578b;
}
button.litui-btn-submit.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
button.litui-btn-submit.litui-active:hover {
  border-color: #54578b;
}
button.litui-btn-submit:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-submit:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-submit:hover {
  color: #54578b;
  border-color: #424351;
  background-color: #FFF;
}
button.litui-btn-submit:focus {
  color: #54578b;
  border-color: #424351;
  background-color: #FFF;
}
button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
button.litui-btn-icon {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  /*padding: 4px;*/
  font-size: 36px;
  color: #c8c8D0;
  background: #383954;
}
button.litui-btn-icon:focus {
  outline: none !important;
}
button.litui-btn-icon:hover {
  border-color: #cecece;
  color: #54578b;
}
button.litui-btn-icon.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
button.litui-btn-icon.litui-active:hover {
  border-color: #54578b;
}
button.litui-btn-icon:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-icon:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-icon:hover {
  color: #FFF;
  background: #383954;
}
button.litui-btn-icon2 {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  /*padding: 4px;*/
  font-size: 36px;
  color: #c8c8D0;
  background: #383954;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  padding: 4px;
  background-color: #FFF;
  color: #54578b;
  width: 44px;
  height: 44px;
  /*line-height: 44px;*/
  position: relative;
  overflow: hidden;
}
button.litui-btn-icon2:focus {
  outline: none !important;
}
button.litui-btn-icon2:hover {
  border-color: #cecece;
  color: #54578b;
}
button.litui-btn-icon2.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
button.litui-btn-icon2.litui-active:hover {
  border-color: #54578b;
}
button.litui-btn-icon2:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-icon2:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-icon2:hover {
  color: #FFF;
  background: #383954;
}
button.litui-btn-icon2 .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
button.litui-btn-icon2 .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
button.litui-btn-icon2:hover {
  background-color: #54578b;
  color: #FFF !important;
}
button.litui-btn-minimal {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  color: #54578b;
  padding: 0 6px;
}
button.litui-btn-minimal:focus {
  outline: none !important;
}
button.litui-btn-minimal:hover {
  border-color: #cecece;
  color: #54578b;
}
button.litui-btn-minimal.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
button.litui-btn-minimal.litui-active:hover {
  border-color: #54578b;
}
button.litui-btn-minimal:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-minimal:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
button.litui-btn-minimal:hover {
  color: #383954;
  background: rgba(56, 57, 84, 0.1);
}
button.litui-btn-minimal:hover.litui-active {
  background: #54578b;
  color: #FFF;
  border: none;
}
button.litui-btn-minimal:focus {
  color: #383954;
  background: rgba(56, 57, 84, 0.1);
}
button.litui-btn-minimal.litui-active {
  background: #54578b;
  color: #FFF;
  border: none;
}
button.litui-btn-post {
  display: flex;
  align-items: center;
  justify-content: center;
}
button.litui-btn-post span.litui-icon {
  order: 1;
}
button.litui-btn-post span.litui-label {
  order: 0;
}
button.litui-btn-post.litui-btn-submit {
  padding-right: 4px;
}
.litui-component {
  display: block;
}
.litui-scrollable-y {
  overflow-y: auto !important;
}
.litui-icon {
  font-size: 36px;
  vertical-align: middle;
}
.litui-clearfix:before,
.litui-clearfix:after {
  content: " ";
  display: table;
}
.litui-clearfix:after {
  clear: both;
}
.litui-capitalize {
  text-transform: capitalize;
}
.litui-bold {
  font-weight: bold;
}
.litui-float-left {
  float: left;
}
.litui-float-right {
  float: right;
}
.litui-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(1, 1, 1, 0.7);
  z-index: 100;
}
.litui-noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
.litui-flex {
  display: flex;
}
.litui-items-middle {
  align-items: middle;
}
[dir=rtl] .icon-details,
[dir=rtl] .icon-previous,
[dir=rtl] .icon-next,
[dir=rtl] .icon-log_in,
[dir=rtl] .icon-log_out {
  transform: scaleX(-1);
  display: inline-block;
}
[dir=rtl] .litui-float-left {
  float: right !important;
}
[dir=rtl] .litui-float-right {
  float: left !important;
}
[dir=rtl] .btn-group > .btn {
  float: right !important;
}
[dir=rtl] .btn-group > .btn:first-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
  border-right: 1px solid #cdd7e1;
  border-left: none !important;
}
[dir=rtl] .btn-group > .btn:last-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.litui-col-1 {
  width: calc((100% / 12) * 1);
  float: left;
  min-height: 1px;
}
.litui-col-1.litui-holder {
  height: 100%;
}
.litui-col-2 {
  width: calc((100% / 12) * 2);
  float: left;
  min-height: 1px;
}
.litui-col-2.litui-holder {
  height: 100%;
}
.litui-col-3 {
  width: calc((100% / 12) * 3);
  float: left;
  min-height: 1px;
}
.litui-col-3.litui-holder {
  height: 100%;
}
.litui-col-4 {
  width: calc((100% / 12) * 4);
  float: left;
  min-height: 1px;
}
.litui-col-4.litui-holder {
  height: 100%;
}
.litui-col-5 {
  width: calc((100% / 12) * 5);
  float: left;
  min-height: 1px;
}
.litui-col-5.litui-holder {
  height: 100%;
}
.litui-col-6 {
  width: calc((100% / 12) * 6);
  float: left;
  min-height: 1px;
}
.litui-col-6.litui-holder {
  height: 100%;
}
.litui-col-7 {
  width: calc((100% / 12) * 7);
  float: left;
  min-height: 1px;
}
.litui-col-7.litui-holder {
  height: 100%;
}
.litui-col-8 {
  width: calc((100% / 12) * 8);
  float: left;
  min-height: 1px;
}
.litui-col-8.litui-holder {
  height: 100%;
}
.litui-col-9 {
  width: calc((100% / 12) * 9);
  float: left;
  min-height: 1px;
}
.litui-col-9.litui-holder {
  height: 100%;
}
.litui-col-10 {
  width: calc((100% / 12) * 10);
  float: left;
  min-height: 1px;
}
.litui-col-10.litui-holder {
  height: 100%;
}
.litui-col-11 {
  width: calc((100% / 12) * 11);
  float: left;
  min-height: 1px;
}
.litui-col-11.litui-holder {
  height: 100%;
}
.litui-col-12 {
  width: calc((100% / 12) * 12);
  float: left;
  min-height: 1px;
}
.litui-col-12.litui-holder {
  height: 100%;
}
.litui-row:before,
.litui-row:after {
  content: " ";
  display: table;
}
.litui-row:after {
  clear: both;
}
.litui-row.litui-holder [class^="litui-col-"],
.litui-row.litui-holder [class*=" litui-col-"] {
  height: inherit;
}
.litui-row-holder {
  height: 100%;
}
.litui-row-1 {
  height: calc((100% / (28)) * 1);
  width: 100%;
}
.litui-row-1:before,
.litui-row-1:after {
  content: " ";
  display: table;
}
.litui-row-1:after {
  clear: both;
}
.litui-row-1.litui-holder [class^="litui-col-"],
.litui-row-1.litui-holder [class*=" litui-col-"] {
  height: inherit;
}
.litui-row-1.litui-holder {
  height: 100%;
}
.litui-row-2 {
  height: calc((100% / (28)) * 2);
  width: 100%;
}
.litui-row-2.litui-holder {
  height: 100%;
}
.litui-row-3 {
  height: calc((100% / (28)) * 3);
  width: 100%;
}
.litui-row-3.litui-holder {
  height: 100%;
}
.litui-row-4 {
  height: calc((100% / (28)) * 4);
  width: 100%;
}
.litui-row-4.litui-holder {
  height: 100%;
}
.litui-row-5 {
  height: calc((100% / (28)) * 5);
  width: 100%;
}
.litui-row-5.litui-holder {
  height: 100%;
}
.litui-row-6 {
  height: calc((100% / (28)) * 6);
  width: 100%;
}
.litui-row-6.litui-holder {
  height: 100%;
}
.litui-row-7 {
  height: calc((100% / (28)) * 7);
  width: 100%;
}
.litui-row-7.litui-holder {
  height: 100%;
}
.litui-row-8 {
  height: calc((100% / (28)) * 8);
  width: 100%;
}
.litui-row-8.litui-holder {
  height: 100%;
}
.litui-row-9 {
  height: calc((100% / (28)) * 9);
  width: 100%;
}
.litui-row-9.litui-holder {
  height: 100%;
}
.litui-row-10 {
  height: calc((100% / (28)) * 10);
  width: 100%;
}
.litui-row-10.litui-holder {
  height: 100%;
}
.litui-row-11 {
  height: calc((100% / (28)) * 11);
  width: 100%;
}
.litui-row-11.litui-holder {
  height: 100%;
}
.litui-row-12 {
  height: calc((100% / (28)) * 12);
  width: 100%;
}
.litui-row-12.litui-holder {
  height: 100%;
}
.litui-row-13 {
  height: calc((100% / (28)) * 13);
  width: 100%;
}
.litui-row-13.litui-holder {
  height: 100%;
}
.litui-row-14 {
  height: calc((100% / (28)) * 14);
  width: 100%;
}
.litui-row-14.litui-holder {
  height: 100%;
}
.litui-row-15 {
  height: calc((100% / (28)) * 15);
  width: 100%;
}
.litui-row-15.litui-holder {
  height: 100%;
}
.litui-row-16 {
  height: calc((100% / (28)) * 16);
  width: 100%;
}
.litui-row-16.litui-holder {
  height: 100%;
}
.litui-row-17 {
  height: calc((100% / (28)) * 17);
  width: 100%;
}
.litui-row-17.litui-holder {
  height: 100%;
}
.litui-row-18 {
  height: calc((100% / (28)) * 18);
  width: 100%;
}
.litui-row-18.litui-holder {
  height: 100%;
}
.litui-row-19 {
  height: calc((100% / (28)) * 19);
  width: 100%;
}
.litui-row-19.litui-holder {
  height: 100%;
}
.litui-row-20 {
  height: calc((100% / (28)) * 20);
  width: 100%;
}
.litui-row-20.litui-holder {
  height: 100%;
}
.litui-row-21 {
  height: calc((100% / (28)) * 21);
  width: 100%;
}
.litui-row-21.litui-holder {
  height: 100%;
}
.litui-row-22 {
  height: calc((100% / (28)) * 22);
  width: 100%;
}
.litui-row-22.litui-holder {
  height: 100%;
}
.litui-row-23 {
  height: calc((100% / (28)) * 23);
  width: 100%;
}
.litui-row-23.litui-holder {
  height: 100%;
}
.litui-row-24 {
  height: calc((100% / (28)) * 24);
  width: 100%;
}
.litui-row-24.litui-holder {
  height: 100%;
}
.litui-row-25 {
  height: calc((100% / (28)) * 25);
  width: 100%;
}
.litui-row-25.litui-holder {
  height: 100%;
}
.litui-row-26 {
  height: calc((100% / (28)) * 26);
  width: 100%;
}
.litui-row-26.litui-holder {
  height: 100%;
}
.litui-row-27 {
  height: calc((100% / (28)) * 27);
  width: 100%;
}
.litui-row-27.litui-holder {
  height: 100%;
}
.litui-row-28 {
  height: calc((100% / (28)) * 28);
  width: 100%;
}
.litui-row-28.litui-holder {
  height: 100%;
}
.litui-align-center {
  text-align: center;
}
.litui-align-center span {
  vertical-align: middle;
}
[dir=rtl] .litui-col-1,
[dir=rtl] .litui-col-2,
[dir=rtl] .litui-col-3,
[dir=rtl] .litui-col-4,
[dir=rtl] .litui-col-5,
[dir=rtl] .litui-col-6,
[dir=rtl] .litui-col-7,
[dir=rtl] .litui-col-8,
[dir=rtl] .litui-col-9,
[dir=rtl] .litui-col-10,
[dir=rtl] .litui-col-11,
[dir=rtl] .litui-col-12 {
  float: right !important;
}
.litui-list {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
.litui-list .litui-list-item {
  padding: 8px;
}
.litui-list .litui-list-item:hover {
  background: #e7f1fa;
}
.litui-list .litui-list-item:hover span {
  font-weight: bold;
}
.litui-screen {
  display: block;
  height: 100%;
  width: 100%;
}
.litui-tab-group {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}
.litui-tab-group:before,
.litui-tab-group:after {
  content: " ";
  display: table;
}
.litui-tab-group:after {
  clear: both;
}
.litui-tab-group .litui-tab {
  min-width: 122px;
  height: 35px;
  line-height: 35px;
  color: #333333;
  border: none;
  margin-top: 5px;
  background: none;
  text-align: center;
  cursor: pointer;
  background: transparent;
  float: left;
  margin-right: 5px;
  text-transform: capitalize;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.litui-tab-group .litui-tab:last-child {
  margin-right: 0;
}
.litui-tab-group .litui-tab:hover {
  /*background: @colorBckg3;*/
  background: #FFF;
  color: #333333;
}
.litui-tab-group .litui-tab.tms-active,
.litui-tab-group .litui-tab.active {
  background: #54578b;
  color: #FFF;
}
.litui-tab-group .litui-tab span {
  line-height: 16px;
}
.litui-tab-group a.litui-tab {
  cursor: pointer;
  text-decoration: none;
  line-height: 35px;
  overflow: hidden;
  padding: 0 5px;
}
.litui-tab-group a.litui-tab span {
  line-height: 16px;
}
ul.nav.nav-tabs {
  padding: 0 4px;
  margin: 0 -4px;
  float: left;
  width: calc(100% + 4px * 2);
  height: 40px;
  border: none;
  background: #383954;
}
ul.nav.nav-tabs:before,
ul.nav.nav-tabs:after {
  content: " ";
  display: table;
}
ul.nav.nav-tabs:after {
  clear: both;
}
ul.nav.nav-tabs li {
  min-width: 122px;
  height: 35px;
  line-height: 35px;
  color: #333333;
  border: none !important;
  margin-top: 5px;
  background: transparent !important;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
ul.nav.nav-tabs li:last-child {
  margin-right: 0;
}
ul.nav.nav-tabs li.active {
  border: none;
}
ul.nav.nav-tabs li.active a {
  background: #54578b;
  color: #FFF;
  border: none;
}
ul.nav.nav-tabs li.active a:hover {
  background: #FFF;
  color: #333333;
}
ul.nav.nav-tabs li.active:hover {
  background: none;
}
ul.nav.nav-tabs li span {
  line-height: 16px;
}
ul.nav.nav-tabs li a {
  cursor: pointer;
  text-decoration: none;
  line-height: 35px;
  overflow: hidden;
  padding: 0 5px;
  color: #333333;
  background: transparent;
  border: none;
  text-transform: capitalize;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
ul.nav.nav-tabs li a span {
  line-height: 16px;
}
ul.nav.nav-tabs li a:hover {
  background: #FFF;
  color: #333333;
}
.settings-edit-content {
  /*margin-top: -28px;*/
}
.tab-content .adjustment-add-container {
  border: none !important;
}
.tab-content .adjustment-add-container .control-label {
  text-align: left !important;
}
.modal-body ul.nav.nav-tabs {
  background: #FFF;
  margin: 0 -36px;
  margin-bottom: 4px;
  width: calc(100% + 72px);
  padding-left: 8px;
}
.litui-table-holder {
  display: block;
  height: auto;
  overflow: hidden;
  position: relative;
  background: white;
  border-bottom: 1px solid #cdd7e1;
}
.litui-table-holder table {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.litui-table-holder table thead {
  background: #d8d8d8;
}
.litui-table-holder table thead tr {
  height: 40px;
  display: table;
  table-layout: fixed;
  /* even columns width , fix width of table too*/
  width: 100%;
}
.litui-table-holder table thead tr th {
  padding-left: 8px;
  padding-right: 8px;
}
.litui-table-holder table tbody {
  width: 100%;
  height: 100%;
  /*height: ~"calc(100% - 40px)";*/
  display: block;
  overflow: auto;
}
.litui-table-holder table tbody tr {
  height: 36px;
  width: 100%;
  display: table;
  table-layout: fixed;
  /* even columns width , fix width of table too*/
  background: white;
  visibility: hidden;
}
.litui-table-holder table tbody tr td {
  padding-left: 8px;
  padding-right: 8px;
}
.litui-table-holder table tbody tr td.litui-inline-menu-column button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.litui-table-holder table tbody tr td.litui-inline-menu-column button.litui-active {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.litui-table-holder table tbody tr:nth-child(2n+1) {
  background: #fafafa;
}
.litui-table-holder table tbody tr:hover {
  background: #edf2fc;
}
.litui-table-holder .litui-datatable-nodata {
  position: absolute;
  width: 300px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  left: 50%;
  margin-left: -18px;
  top: 50%;
  margin-top: -18px;
}
.litui-table-holder.litui-basic-table table {
  height: auto;
}
.litui-table-holder.litui-basic-table table tbody tr {
  visibility: visible;
}
litui-interacted {
  display: block;
}
litui-state {
  display: block;
  height: 100%;
}
litui-state .litui-state-body {
  height: 100%;
}
litui-tabset {
  display: block;
}
litui-tabset .litui-tabset-inner .litui-tabset-header {
  padding: 0 16px;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 0 12px;
  line-height: 36px;
  background: white;
  color: #54578b;
  border: 1px solid #cdd7e1;
  border-right: none;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item button:focus {
  outline: none !important;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item button.litui-active:hover {
  border-color: #54578b;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item:first-child button {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item:last-child button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
  border: 1px solid #cdd7e1;
}
litui-tabset .litui-tabset-inner .litui-tabset-body {
  padding: 16px;
}
[dir=rtl] litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item:first-child button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
  border-right: 1px solid #cdd7e1;
}
[dir=rtl] litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item:last-child button {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
}
litui-datagrid-screen {
  display: block;
  height: 100%;
  overflow: hidden;
}
litui-datagrid-screen .tms-grid {
  height: 100%;
}
select.litui-select-options {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  padding-left: 4px;
  padding-right: 4px;
  border-color: #a3b0c3;
  background: white;
  color: #54578b;
}
select.litui-select-options option :focus {
  background: red;
}
litui-image {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
}
litui-image .litui-image-inner {
  width: 100%;
  height: 100%;
  background-size: inherit;
  background-attachment: inherit;
  background-repeat: inherit;
  background-position: inherit;
  position: relative;
}
litui-image .litui-image-inner .litui-image-elt {
  background-size: inherit;
  background-attachment: inherit;
  background-repeat: inherit;
  background-position: inherit;
  width: 100%;
  height: 100%;
}
litui-image .litui-image-inner .litui-image-not-found {
  background: url(../../resource/litui/img/img-404.png);
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -36px / 2;
  margin-top: -36px / 2;
}
litui-image .litui-image-inner.litui-image-error {
  background-color: rgba(0, 0, 0, 0.5);
  /*            &:hover{
                background-color: transparent;
            }*/
}
litui-range {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 22px;
  width: 44px;
  position: absolute;
  left: 0;
}
litui-range:before,
litui-range:after {
  content: " ";
  display: table;
}
litui-range:after {
  clear: both;
}
litui-range .litui-range-inner {
  position: relative;
  height: 100%;
}
litui-range .litui-range-inner .litui-range-bar {
  position: absolute;
  width: 0;
  height: 100%;
  text-align: center;
  background: #eeecf1;
  line-height: 22px;
  overflow: hidden;
  z-index: 3;
  left: 11px;
  opacity: 0.5 !important;
}
litui-range .litui-range-inner .litui-range-handle {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  position: absolute;
  height: 100%;
  text-align: center;
  background: #54578b;
  color: #FFF;
  line-height: 22px;
  width: 22px;
  height: 22px;
  z-index: 4;
}
litui-range .litui-range-inner .litui-range-handle:first-child {
  left: 0;
}
litui-range .litui-range-inner .litui-range-handle:last-child {
  right: 0;
}
litui-range .litui-range-inner .litui-range-handle:first-child:last-child {
  left: 0;
  right: auto;
}
litui-range .litui-range-inner .litui-range-handle.litui-dragging {
  -moz-box-shadow: 0 2px 3px #1f1f1f;
  -o-box-shadow: 0 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 2px 3px #1f1f1f;
  box-shadow: 0 2px 3px #1f1f1f;
}
litui-range.litui-dragging .litui-range-bar {
  opacity: 0.5 !important;
}
.litui-wizard_proto {
  display: block;
  height: 100%;
  background: #E0E0E0;
}
.litui-wizard_proto .litui-wizard-header {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 40px;
  background: #383954;
  position: relative;
}
.litui-wizard_proto .litui-wizard-header:before,
.litui-wizard_proto .litui-wizard-header:after {
  content: " ";
  display: table;
}
.litui-wizard_proto .litui-wizard-header:after {
  clear: both;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-left {
  position: absolute;
  left: 0;
  height: 100%;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-left:before,
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-left:after {
  content: " ";
  display: table;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-left:after {
  clear: both;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-center {
  position: absolute;
  height: 100%;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-center .litui-wizard-header-state-info {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  background: black;
  color: white;
  text-align: center;
  /*height: ~"calc(100% - @{lituiOffsetD})";*/
  height: 100%;
  line-height: 32px;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-center .litui-wizard-header-state-info .litui-wizard-current-state {
  font-size: 18px;
  font-weight: bold;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-center .litui-wizard-header-state-info .litui-wizard-state {
  font-size: 15px;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-right {
  position: absolute;
  height: 100%;
  right: 0;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-right:before,
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-right:after {
  content: " ";
  display: table;
}
.litui-wizard_proto .litui-wizard-header .litui-wizard-header-right:after {
  clear: both;
}
.litui-wizard_proto .litui-wizard-header button {
  float: left;
}
.litui-wizard_proto .litui-wizard-header button.litui-btn-minimal span {
  color: #FFF;
}
.litui-wizard_proto .litui-wizard-header button.litui-btn-primary {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top: none;
  border-bottom: none;
  padding: 0;
  padding-left: 4px;
  padding-right: 4px;
  height: 100%;
}
.litui-wizard_proto .litui-wizard-header button.litui-btn-submit {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top: none;
  border-bottom: none;
  padding: 0;
  height: 100%;
}
.litui-wizard_proto .litui-wizard-header button.litui-btn-submit.litui-wizard-btn-previous {
  padding-right: 12px;
}
.litui-wizard_proto .litui-wizard-header button.litui-btn-submit.litui-wizard-btn-next {
  padding-left: 12px;
}
.litui-wizard_proto .litui-wizard-body {
  padding: 4px;
  height: calc(100% - 40px);
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 60px;
  border-bottom: 1px solid #cdd7e1;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps:before,
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps:after {
  content: " ";
  display: table;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps:after {
  clear: both;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-title {
  line-height: 60px;
  font-size: 28px;
  color: #777777;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder {
  overflow: hidden;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step {
  float: left;
  position: relative;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step:first-child .litui-arrow {
  padding-left: 8px;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow {
  color: #FFF;
  text-decoration: none;
  padding: 10px 0 10px 35px;
  background: #54578b;
  position: relative;
  display: block;
  float: left;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #54578b;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #FFF;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow:hover {
  background: #FFF;
  color: #54578b;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow:hover:after {
  border-left-color: #FFF !important;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-active .litui-arrow {
  font-weight: bold;
  background: #FFF;
  color: #54578b;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-active .litui-arrow:after {
  border-left-color: #FFF !important;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-active .litui-arrow:before {
  border-left-color: #54578b !important;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-wizard-no-discrete-switch .litui-arrow:hover {
  background: #54578b;
  color: #FFF;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-wizard-no-discrete-switch .litui-arrow:hover:after {
  border-left-color: #54578b !important;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-body-state {
  height: calc(100% - 60px);
  padding: 8px;
  overflow: auto;
}
.litui-wizard_proto .litui-wizard-body .litui-wizard-body-state litui-state {
  height: 100%;
}
litui-date-period-activity {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  overflow: hidden;
  border: 1px solid #cdd7e1;
  background: silver;
}
litui-date-period-activity .litui-date-period-activity-inner {
  height: 100%;
}
litui-date-period-activity .litui-date-period-activity-inner.litui-active {
  background: lightgreen;
}
litui-date-period-activity .litui-date-period-activity-inner.litui-mark-current-activity {
  background: green;
  color: white;
}
litui-date-period-activity .litui-date-period-activity-inner.litui-mark-obsolete {
  background: gray;
  color: white;
}
litui-date-period-picker {
  display: block;
}
litui-date-period-picker .litui-row {
  height: 38px;
}
litui-date-period-picker .litui-row .litui-date-period-picker-to-sign {
  line-height: 38px;
  font-size: 18px;
}
litui-date-period-picker .litui-row .litui-date-period-infinity {
  padding-top: 12px;
  position: relative;
}
litui-date-period-picker .litui-row .litui-date-period-infinity litui-input {
  position: absolute;
  width: 120px;
  left: 50%;
  margin-left: -60px;
}
litui-date-picker {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  display: inline-block;
  background: white;
  cursor: default;
}
litui-date-picker .litui-date-picker-inner {
  padding: 8px;
  width: 304px;
  height: 100%;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-current {
  text-align: center;
  font-size: 1em;
  height: 24px;
  line-height: 24px;
  color: #777777;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-current:hover {
  color: #333333;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder {
  overflow: hidden;
  height: 100%;
  margin: auto;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder [ng-switch] {
  display: block;
  height: 100%;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table {
  width: 100%;
  height: 100%;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table thead {
  border-bottom: 2px solid #eaeaea;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table thead tr th button {
  width: 100%;
  background: #f4f4f4;
  color: #54578b;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 36px;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table thead tr th button .glyphicon {
  line-height: 36px;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table thead tr th button:hover {
  color: #54578b !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table thead tr th button:active {
  background: #f4f4f4 !important;
  color: #54578b !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table thead tr th:nth-child(1) button {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table thead tr th:nth-child(2) button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table thead tr th:nth-child(3) button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background: #f4f4f4;
  color: #777777 !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button span.text-info {
  color: #54578b !important;
  font-weight: bold;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button.active {
  background: #54578b !important;
  border-color: #54578b !important;
  color: #FFF !important;
  font-weight: bold;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button.active span.text-info {
  color: #FFF !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button.active:hover {
  color: #FFF !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button:active {
  background: #f4f4f4 !important;
  color: #54578b !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button:active.active {
  color: #FFF !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button:active.active:hover {
  color: #54578b !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder table tbody tr td button:hover {
  font-weight: bold;
  color: #54578b !important;
  border-color: #54578b !important;
  background: white;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder [uib-monthpicker],
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder [uib-yearpicker] {
  width: 100%;
  height: 100%;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder [uib-monthpicker] table,
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder [uib-yearpicker] table {
  border-spacing: 12px;
  border-collapse: collapse;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder [uib-yearpicker] table tbody tr td button:hover {
  font-weight: normal !important;
}
litui-date-picker .litui-date-picker-inner .litui-date-picker-calendar-holder [uib-yearpicker] table tbody tr td button:hover.active {
  font-weight: bold !important;
}
litui-date-picker .litui-date-picker-inner.litui-show-input .litui-date-picker-calendar-holder {
  height: calc(100% - 24px);
}
litui-date-time-picker {
  display: block;
}
litui-date-time-picker .litui-date-time-picker-datetime:before,
litui-date-time-picker .litui-date-time-picker-datetime:after {
  content: " ";
  display: table;
}
litui-date-time-picker .litui-date-time-picker-datetime:after {
  clear: both;
}
litui-date-time-picker .litui-date-time-picker-datetime .litui-date-time-picker-date-holder {
  float: left;
  border-right: 2px solid #cdd7e1;
  padding-right: 8px;
}
litui-date-time-picker .litui-date-time-picker-datetime .litui-date-time-picker-time-holder {
  float: left;
  padding-left: 8px;
}
litui-date-time-picker .litui-date-time-picker-datetime .litui-date-time-picker-datetime-date-title {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  font-size: 18px;
  cursor: default;
}
litui-date-time-picker .litui-date-time-picker-datetime .litui-date-time-picker-datetime-time-title {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  font-size: 18px;
  padding-bottom: 17px;
  cursor: default;
}
litui-date-time-picker-trigger {
  display: block;
}
litui-date-time-picker-trigger button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  border-bottom: 1px solid #eaeaea;
  padding-right: 8px;
  width: 100%;
  height: 38px;
  color: #777777;
}
litui-date-time-picker-trigger button:focus {
  outline: none !important;
}
litui-date-time-picker-trigger button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-date-time-picker-trigger button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-date-time-picker-trigger button.litui-active:hover {
  border-color: #54578b;
}
litui-date-time-picker-trigger button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-date-time-picker-trigger button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-date-time-picker-trigger button:hover {
  border-bottom-color: #cecece;
  color: #333333;
}
litui-date-time-picker-trigger button:active {
  border-bottom-color: #54578b;
  color: #333333;
}
litui-date-time-picker-trigger button:focus {
  border-bottom-color: #cecece;
  color: #333333;
}
litui-date-time-picker-trigger button:disabled {
  color: #333333 !important;
}
litui-date-time-picker-trigger button:disabled:hover {
  color: #333333 !important;
}
litui-day-of-week-activity {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
litui-day-of-week-activity:before,
litui-day-of-week-activity:after {
  content: " ";
  display: table;
}
litui-day-of-week-activity:after {
  clear: both;
}
litui-day-of-week-activity .litui-day-of-week-day {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid #cdd7e1;
  border-left: none;
  background: silver;
  width: 28px;
}
litui-day-of-week-activity .litui-day-of-week-day.litui-day-of-week-today.litui-mark-current-activity {
  background: green;
  color: white;
}
litui-day-of-week-activity .litui-day-of-week-day.litui-active {
  background: lightgreen;
}
litui-day-of-week-activity .litui-day-of-week-day.litui-mark-obsolete {
  background: gray;
  color: white;
}
litui-day-of-week-activity .litui-day-of-week-day.litui-day-of-week-activity-weekend-start {
  margin-left: 8px;
  border-left: 1px solid #cdd7e1;
}
litui-day-of-week-activity .litui-day-of-week-day:first-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
  border-left: 1px solid #cdd7e1;
}
litui-day-of-week-activity .litui-day-of-week-day:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
[dir=rtl] litui-day-of-week-activity .litui-day-of-week-day {
  float: right !important;
}
[dir=rtl] litui-day-of-week-activity .litui-day-of-week-day.litui-day-of-week-activity-weekend-start {
  margin-left: auto !important;
  margin-right: 8px;
}
[dir=rtl] litui-day-of-week-activity .litui-day-of-week-day:first-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
  border-left: 1px solid #cdd7e1;
}
[dir=rtl] litui-day-of-week-activity .litui-day-of-week-day:last-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
litui-day-of-week-indentifier {
  display: block;
  display: inline;
}
litui-day-of-week-picker {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
litui-day-of-week-picker:before,
litui-day-of-week-picker:after {
  content: " ";
  display: table;
}
litui-day-of-week-picker:after {
  clear: both;
}
litui-day-of-week-picker .litui-day-of-week-day {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  position: relative;
  overflow: hidden;
  float: left;
  background: silver;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 8px;
}
litui-day-of-week-picker .litui-day-of-week-day .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-day-of-week-picker .litui-day-of-week-day .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-day-of-week-picker .litui-day-of-week-day.litui-active {
  background: #54578b;
  color: #FFF;
}
litui-day-of-week-picker .litui-day-of-week-day.litui-disabled {
  opacity: 0.5;
}
litui-day-of-week-picker .litui-day-of-week-day.litui-disabled span {
  opacity: 1;
}
litui-day-of-week-picker .litui-day-of-week-day.litui-disabled.litui-active {
  opacity: 1;
}
litui-day-of-week-picker .litui-day-of-week-day:last-child {
  margin-right: 0;
}
[dir=rtl] litui-day-of-week-picker .litui-day-of-week-day {
  float: right !important;
  margin-right: auto !important;
  margin-left: 8px;
}
litui-period-activity {
  display: block;
}
litui-period-activity .litui-period-activity-inner {
  height: 28px;
  position: relative;
}
litui-period-activity .litui-period-activity-inner litui-date-period-activity {
  position: absolute;
  height: 100%;
  top: 0;
  width: 204px;
  text-align: center;
  line-height: 28px;
  left: 0;
}
litui-period-activity .litui-period-activity-inner litui-day-of-week-activity {
  position: absolute;
  height: 100%;
  top: 0;
  width: 204px;
  text-align: center;
  line-height: 28px;
  left: 50%;
  margin-left: -102px;
}
litui-period-activity .litui-period-activity-inner litui-time-period-activity {
  position: absolute;
  height: 100%;
  top: 0;
  width: 204px;
  text-align: center;
  line-height: 28px;
  right: 0;
}
[dir=rtl] litui-period-activity litui-date-period-activity {
  left: auto !important;
  right: 0;
}
[dir=rtl] litui-period-activity litui-time-period-activity {
  right: auto !important;
  left: 0;
}
litui-period-selection {
  display: block;
  cursor: default;
  padding: 16px;
  padding-top: 0;
}
litui-period-selection .litui-period-selection-inner {
  height: 100%;
}
litui-period-selection .litui-period-selection-inner:before,
litui-period-selection .litui-period-selection-inner:after {
  content: " ";
  display: table;
}
litui-period-selection .litui-period-selection-inner:after {
  clear: both;
}
litui-period-selection .litui-period-selection-inner .litui-period-selection-period-holder {
  padding-top: 24px;
}
litui-period-selection .litui-period-selection-inner .litui-period-selection-period-holder .litui-period-selection-period-header {
  font-size: 18px;
}
litui-period-selection .litui-period-selection-inner .litui-period-selection-period-holder .litui-period-selection-period-body {
  padding: 8px;
}
litui-period-selection .litui-period-selection-inner .litui-period-selection-period-holder .litui-period-selection-period-body .litui-period-selection-reccurance-day-of-week {
  padding-top: 16px;
}
litui-period-selection .litui-period-selection-inner .litui-period-selection-period-holder .litui-period-selection-period-body .litui-period-selection-reccurance-day-of-week .litui-label {
  padding-bottom: 8px;
}
litui-period-selection .litui-period-selection-inner .litui-period-selection-period-holder:first-child {
  padding-top: 0;
}
litui-time-period-activity {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border: 1px solid #cdd7e1;
  overflow: hidden;
  background: silver;
}
litui-time-period-activity .litui-time-period-activity-inner {
  height: 100%;
}
litui-time-period-activity .litui-time-period-activity-inner.litui-active {
  background: lightgreen;
}
litui-time-period-activity .litui-time-period-activity-inner.litui-mark-current-activity {
  background: green;
  color: white;
}
litui-time-period-activity .litui-time-period-activity-inner.litui-mark-obsolete {
  background: gray;
  color: white;
}
litui-time-period-picker {
  display: block;
}
litui-time-period-picker .litui-row {
  height: 38px;
}
litui-time-period-picker .litui-row .litui-time-period-picker-to-sign {
  line-height: 38px;
  font-size: 18px;
}
litui-time-picker {
  display: block;
}
litui-time-picker .litui-time-picker-inner:before,
litui-time-picker .litui-time-picker-inner:after {
  content: " ";
  display: table;
}
litui-time-picker .litui-time-picker-inner:after {
  clear: both;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes {
  float: left;
  width: 60px;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  padding: 10px 15px;
  border: 1px solid #cdd7e1;
  background: #FFF;
  font-weight: bold;
  color: #54578b;
  background-color: #FFF;
  border-color: #54578b;
  border-width: 1px;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button:focus,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button:focus {
  outline: none !important;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button:hover,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button.litui-active,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button.litui-active:hover,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button.litui-active:hover {
  border-color: #54578b;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button:disabled,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button:disabled:hover,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button:hover,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button:hover {
  color: #FFF;
  border-color: #424351;
  background-color: #54578b;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button:focus,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button:focus {
  color: #FFF;
  border-color: #424351;
  background-color: #54578b;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button .litui-ripple-effect,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button .litui-ripple-effect,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button .litui-icon,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button .litui-icon {
  font-size: 28px;
  color: #777777;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours button:hover .litui-icon,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes button:hover .litui-icon {
  color: #FFF;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-hours input,
litui-time-picker .litui-time-picker-inner .litui-time-picker-minutes input {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 100%;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-delimiter {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  float: left;
  padding: 0 12px;
  cursor: default;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-delimiter .litui-time-picker-delimiter-top {
  height: 28px;
}
litui-time-picker .litui-time-picker-inner .litui-time-picker-delimiter span {
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  font-weight: bold;
  font-size: 18px;
}
litui-file-explorer {
  display: block;
  width: 100%;
  height: 100%;
}
litui-file-explorer .litui-file-explorer-inner {
  padding: 4px;
  width: 100%;
  height: 100%;
}
litui-file-explorer .litui-file-explorer-inner .litui-file-explorer-location {
  height: 72px;
  display: flex;
}
litui-file-explorer .litui-file-explorer-inner .litui-file-explorer-location .litui-file-explorer-location-input {
  flex-grow: 1;
}
litui-file-explorer .litui-file-explorer-inner .litui-file-explorer-stage {
  height: calc(100% - 40px);
}
litui-file-explorer .litui-file-explorer-inner .litui-file-explorer-stage .litui-file-group {
  margin: 32px 4px;
}
litui-file-explorer .litui-file-explorer-inner .litui-file-explorer-stage .litui-file-group .litui-file-group-header {
  height: 20px;
  display: flex;
}
litui-file-explorer .litui-file-explorer-inner .litui-file-explorer-stage .litui-file-group .litui-file-group-header .litui-file-group-title {
  background: #f0f0f0;
  padding: 0 4px;
}
litui-file-explorer .litui-file-explorer-inner .litui-file-explorer-stage .litui-file-group .litui-file-group-body {
  height: calc(100% - 20px);
  display: flex;
  padding: 4px 8px;
  border: 1px solid #f0f0f0;
}
litui-file-explorer .litui-file {
  width: 100px;
  height: 100px;
  margin: 0 4px;
  border: 1px solid transparent;
}
litui-file-explorer .litui-file .litui-file-icon {
  width: 100%;
  height: calc(100% - 30px);
}
litui-file-explorer .litui-file .litui-file-icon.litui-file-icon-folder {
  background: url(../resource/litui/img/folder.png) no-repeat center;
  background-size: contain;
}
litui-file-explorer .litui-file .litui-file-icon.litui-file-icon-file {
  background: url(../resource/litui/img/file.png) no-repeat center;
  background-size: contain;
}
litui-file-explorer .litui-file .litui-file-name {
  height: 30px;
  text-align: center;
}
litui-file-explorer .litui-file:hover {
  background: #fafafa;
  border: 1px solid #f0ecec;
}
litui-file-explorer .litui-file.litui-selected {
  background: #ececec;
  border: 1px solid #f0ecec;
}
media-lib {
  display: block;
  width: 100%;
  height: 100%;
  background: white;
}
litui-countdown {
  display: block;
  height: 100%;
}
litui-countdown .litui-countdown-inner {
  height: 100%;
}
litui-dashboard {
  display: block;
}
litui-dashboard .litui-dashboard-holder {
  opacity: 0;
  display: none;
}
litui-dashboard .litui-dashboard-holder .litui-dashboard-header {
  height: 160px;
  position: relative;
}
litui-dashboard .litui-dashboard-holder .litui-dashboard-header .litui-dashboard-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0;
  display: none;
}
litui-dashboard .litui-dashboard-holder .litui-dashboard-body {
  min-height: calc(100vh - 160px);
  background: #F6F6F6;
  position: relative;
}
litui-dashboard .litui-dashboard-holder .litui-dashboard-body.litui-nocontent {
  min-height: calc(100vh - 160px);
}
litui-dashboard .litui-dashboard-holder .litui-dashboard-widgets-holder {
  height: 100%;
}
litui-dashboard .litui-dashboard-holder .litui-dashboard-widgets-holder .litui-dashboard-widgets-content {
  height: 100%;
}
litui-dashboard .litui-dashboard-holder .litui-dashboard-widgets-holder .litui-dashboard-widgets-content litui-dashboard-widgets {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-left: 12px;
  padding-right: 12px;
  height: calc(100% - 37px);
  padding-bottom: 10px;
}
litui-dashboard .litui-dashboard-holder.litui-noheader .litui-dashboard-header {
  display: none;
}
litui-dashboard .litui-dashboard-holder.litui-noheader .litui-dashboard-body {
  min-height: 100vh;
}
litui-dashboard.litui-scrollable {
  overflow: auto;
}
litui-datatable {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: white;
  border-bottom: 1px solid #cdd7e1;
}
litui-datatable table {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
litui-datatable table thead {
  background: #d8d8d8;
}
litui-datatable table thead tr {
  height: 40px;
  display: table;
  table-layout: fixed;
  /* even columns width , fix width of table too*/
  width: 100%;
}
litui-datatable table thead tr th {
  padding-left: 8px;
  padding-right: 8px;
}
litui-datatable table tbody {
  width: 100%;
  height: 100%;
  /*height: ~"calc(100% - 40px)";*/
  display: block;
  overflow: auto;
}
litui-datatable table tbody tr {
  height: 36px;
  width: 100%;
  display: table;
  table-layout: fixed;
  /* even columns width , fix width of table too*/
  background: white;
  visibility: hidden;
}
litui-datatable table tbody tr td {
  padding-left: 8px;
  padding-right: 8px;
}
litui-datatable table tbody tr td.litui-inline-menu-column button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
litui-datatable table tbody tr td.litui-inline-menu-column button.litui-active {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
litui-datatable table tbody tr:nth-child(2n+1) {
  background: #fafafa;
}
litui-datatable table tbody tr:hover {
  background: #edf2fc;
}
litui-datatable .litui-datatable-nodata {
  position: absolute;
  width: 300px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  left: 50%;
  margin-left: -18px;
  top: 50%;
  margin-top: -18px;
}
litui-details {
  display: block;
  cursor: default;
  padding: 8px 0;
}
litui-details .litui-details-row {
  height: 36px;
}
litui-details .litui-details-row:before,
litui-details .litui-details-row:after {
  content: " ";
  display: table;
}
litui-details .litui-details-row:after {
  clear: both;
}
litui-details .litui-details-row .litui-details-label {
  float: left;
  width: 120px;
  color: #646464;
  font-size: 0.875em;
  height: 100%;
}
litui-details .litui-details-row .litui-details-label > span {
  line-height: 36px;
}
litui-details .litui-details-row .litui-details-label > span > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
}
litui-details .litui-details-row .litui-details-value {
  float: left;
  width: calc(100% - 120px);
  color: #333333;
  font-size: 1em;
  height: 100%;
}
litui-details .litui-details-row .litui-details-value > span {
  line-height: 36px;
}
litui-details .litui-details-row .litui-details-value > span > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
}
litui-details litui-details {
  padding: 0;
}
litui-help-legend:before,
litui-help-legend:after {
  content: " ";
  display: table;
}
litui-help-legend:after {
  clear: both;
}
litui-help-legend .litui-help-legend-header {
  font-weight: bold;
  color: #333333;
}
litui-help-legend .litui-help-legend-body {
  display: flex;
}
litui-help-legend .litui-help-legend-body .litui-help-legend-description {
  padding-bottom: 8px;
  padding-right: 8px;
  padding-left: 8px;
  color: #646464;
  text-align: justify;
  text-align-last: left;
}
litui-help-legend .litui-help-legend-body .litui-help-legend-items {
  padding-bottom: 8px;
  padding-right: 8px;
  padding-left: 8px;
  border-right: 2px solid #cdd7e1;
}
litui-help-legend .litui-help-legend-body .litui-help-legend-items .litui-help-legend-item-title {
  color: #333333;
}
litui-help-legend .litui-help-legend-body .litui-help-legend-items .litui-help-legend-item {
  padding-top: 4px;
  padding-bottom: 4px;
  background: white;
  display: flex;
}
litui-help-legend .litui-help-legend-body .litui-help-legend-items .litui-help-legend-item .litui-help-legend-item-symbol .litui-help-legend-item-color {
  width: 20px;
  height: 20px;
}
litui-help-legend .litui-help-legend-body .litui-help-legend-items .litui-help-legend-item .litui-help-legend-item-symbol .litui-help-legend-item-component litui-compile {
  display: block;
}
litui-help-legend .litui-help-legend-body .litui-help-legend-items .litui-help-legend-item .litui-help-legend-item-description {
  padding-left: 8px;
  color: #646464;
}
litui-help-legend .litui-help-legend-body .litui-help-legend-items:last-child:first-child {
  border-right: none;
}
.litui-help-legend-popover {
  max-width: 400px;
}
.litui-help-legend-popover .litui-pop-component-marker {
  /*border-bottom-color: black !important;*/
}
.litui-help-legend-popover litui-popover {
  /*background: rgba(255,255,255,0.5);*/
  /*color: white !important;*/
  /*border-bottom-color: black !important;*/
}
[dir=rtl] litui-help-legend .litui-help-legend-items {
  border-right: none !important;
  border-left: 2px solid #cdd7e1;
}
[dir=rtl] litui-help-legend .litui-help-legend-items .litui-help-legend-item .litui-help-legend-item-description {
  padding-left: 0 !important;
  padding-right: 8px;
}
[dir=rtl] litui-help-legend .litui-help-legend-items:last-child:first-child {
  border-left: none !important;
}
.litui-notification .notify-container {
  position: fixed;
  top: 10px;
  right: 0;
  z-index: 1300;
}
.litui-notification .notify-container .notification {
  position: relative;
  width: 348px;
  margin-bottom: 5px;
  display: table;
  -moz-box-shadow: -1px 2px 7px #1f1f1f;
  -o-box-shadow: -1px 2px 7px #1f1f1f;
  -webkit-box-shadow: -1px 2px 7px #1f1f1f;
  box-shadow: -1px 2px 7px #1f1f1f;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.litui-notification .notify-container .notification .notification-inner {
  display: table-row;
}
.litui-notification .notify-container .notification .notification-inner .icon-container {
  padding: 0;
  margin: 0;
  padding-left: 5px;
  padding-bottom: 5px;
  color: white;
  cursor: pointer;
  width: 46px;
  display: table-cell;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.litui-notification .notify-container .notification .notification-inner .icon-container .litui-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.litui-notification .notify-container .notification .notification-inner .notification-body {
  width: calc(100% - 46px);
  display: table-cell;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .content-holder {
  padding-left: 10px;
  padding-right: 10px;
  min-height: 46px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .content-holder .notify-title {
  font-weight: bold;
  padding-top: 5px;
  color: #333333;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .content-holder .notify-message {
  padding-bottom: 5px;
  color: #333333;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .content-holder .notify-close {
  position: absolute;
  top: -4px;
  right: 0;
  opacity: 0.2;
  cursor: pointer;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .content-holder .notify-close:hover {
  opacity: 0.8;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .notification-actions {
  padding: 2px 4px 5px 4px;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .notification-actions:before,
.litui-notification .notify-container .notification .notification-inner .notification-body .notification-actions:after {
  content: " ";
  display: table;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .notification-actions:after {
  clear: both;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .notification-actions button {
  border: none;
  background: none;
  /*                            .litui-icon{
                                font-size: 24px;
                            }*/
}
.litui-notification .notify-container .notification .notification-inner .notification-body .notification-actions button .litui-label {
  font-weight: bold;
  font-size: 15px;
}
.litui-notification .notify-container .notification .notification-inner .notification-body .notification-actions button:hover .litui-label {
  text-decoration: underline;
}
.litui-notification .notify-container .notification.success {
  background-color: #b5e8b5;
}
.litui-notification .notify-container .notification.success .icon-container {
  background-color: #1eb91e;
}
.litui-notification .notify-container .notification.info {
  background-color: #bbdefb;
}
.litui-notification .notify-container .notification.info .icon-container {
  background-color: #2196f3;
}
.litui-notification .notify-container .notification.warning {
  background-color: #ffd17f;
}
.litui-notification .notify-container .notification.warning .icon-container {
  background-color: #ffa400;
}
.litui-notification .notify-container .notification.error {
  background-color: #ffaaaa;
}
.litui-notification .notify-container .notification.error .icon-container {
  background-color: #ff0000;
}
.litui-notification .notify-container.collapsed {
  right: -302px;
}
.litui-notification .notify-container.animated {
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.litui-notification .notify-container.animated .notification.ng-enter {
  right: -350px;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.litui-notification .notify-container.animated .notification.ng-enter.ng-enter-active {
  right: 0;
}
.litui-notification .notify-container.animated .notification.ng-leave {
  right: 0;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.litui-notification .notify-container.animated .notification.ng-leave.ng-leave-active {
  right: -350px;
}
[dir=rtl] .litui-notification .notify-container {
  right: auto !important;
  left: 0;
}
[dir=rtl] .litui-notification .notify-container .notification .notification-inner .icon-container {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
[dir=rtl] .litui-notification .notify-container.collapsed {
  left: -302px;
}
[dir=rtl] .litui-notification .notify-container.animated {
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
[dir=rtl] .litui-notification .notify-container.animated .notification.ng-enter {
  right: auto !important;
  left: -350px;
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
[dir=rtl] .litui-notification .notify-container.animated .notification.ng-enter.ng-enter-active {
  right: auto !important;
  left: 0;
}
[dir=rtl] .litui-notification .notify-container.animated .notification.ng-leave {
  right: auto !important;
  left: 0;
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
[dir=rtl] .litui-notification .notify-container.animated .notification.ng-leave.ng-leave-active {
  right: auto !important;
  left: -350px;
}
[dir=rtl] .litui-notification .notify-close {
  right: auto !important;
  left: 0;
}
[dir=rtl] .litui-notification.collapsed {
  right: auto !important;
  left: -302px;
}
litui-infobox {
  display: block;
  display: inline;
}
litui-infobox .litui-infobox-header:before,
litui-infobox .litui-infobox-header:after {
  content: " ";
  display: table;
}
litui-infobox .litui-infobox-header:after {
  clear: both;
}
litui-infobox .litui-infobox-header .litui-infobox-title {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  float: left;
  margin-bottom: 2px;
  height: 100%;
  padding-right: 8px;
  color: #333333;
}
litui-infobox .litui-infobox-body {
  display: inline;
  padding: 8px;
  /*background: #f1e9f5;*/
  text-align: justify;
  text-align-last: left;
  color: #333333;
}
litui-pagination {
  display: block;
  height: 100%;
}
litui-pagination .litui-pagination-holder {
  height: 100%;
}
litui-pagination .litui-pagination-holder:before,
litui-pagination .litui-pagination-holder:after {
  content: " ";
  display: table;
}
litui-pagination .litui-pagination-holder:after {
  clear: both;
}
litui-pagination .litui-pagination-holder .litui-pagination-section {
  width: calc(50% - 432px/2);
  float: left;
  height: 100%;
}
litui-pagination .litui-pagination-holder .litui-pagination-section .litui-pagination-info-holder {
  height: 100%;
}
litui-pagination .litui-pagination-holder .litui-pagination-section .litui-pagination-info-holder span.litui-pagination-info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
}
litui-pagination .litui-pagination-holder .litui-pagination-section .litui-pagination-info-holder span.litui-pagination-info .litui-label {
  color: #595959;
}
litui-pagination .litui-pagination-holder .litui-pagination-section .litui-pagination-info-holder span.litui-pagination-info .litui-label:after {
  content: ':';
}
litui-pagination .litui-pagination-holder .litui-pagination-inner {
  height: 100%;
  width: 432px;
  float: left;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame {
  height: 100%;
  padding: 8px;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame:before,
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame:after {
  content: " ";
  display: table;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame:after {
  clear: both;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame button.litui-pagination-action {
  height: 100%;
  float: left;
  margin-right: 4px;
  padding: 0;
  border: 1px solid #cdd7e1 !important;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame button.litui-pagination-action .litui-icon {
  display: block;
  margin-top: -1px;
  font-size: 28px;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame button.litui-pagination-action:last-child {
  margin-right: 0;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame .litui-pagination-links-holder {
  float: left;
  height: 100%;
  width: 200px;
  overflow: hidden;
  position: relative;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame .litui-pagination-links-holder .litui-pagination-links-holder-inner {
  height: 100%;
  position: absolute;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame .litui-pagination-links-holder .litui-pagination-links-holder-inner:before,
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame .litui-pagination-links-holder .litui-pagination-links-holder-inner:after {
  content: " ";
  display: table;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame .litui-pagination-links-holder .litui-pagination-links-holder-inner:after {
  clear: both;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame .litui-pagination-links-holder .litui-pagination-links-holder-inner button {
  position: relative;
  overflow: hidden;
  float: left;
  padding: 0;
  height: 100%;
  line-height: 28px;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame .litui-pagination-links-holder .litui-pagination-links-holder-inner button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-pagination .litui-pagination-holder .litui-pagination-inner .litui-pagination-frame .litui-pagination-links-holder .litui-pagination-links-holder-inner button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
[dir=rtl] litui-pagination .litui-pagination-holder .litui-pagination-section {
  float: right !important;
}
[dir=rtl] litui-pagination .litui-pagination-holder .litui-pagination-inner {
  float: right !important;
  /*                .litui-pagination-frame{
                    button.litui-pagination-action{
                        float: right !important;
                        margin-right: auto !important;
                        margin-left: 4px;
                    }
                    .litui-pagination-links-holder{     
                        float: right !important;
                        
                        .litui-pagination-links-holder-inner{
                            left: auto !important;
                            right: 0;
                            
                            button{
                                float: right !important; 
                            }
                        }
                    }
                }*/
}
[dir=rtl] litui-pagination .litui-pagination-holder .litui-pagination-inner .icon-previous,
[dir=rtl] litui-pagination .litui-pagination-holder .litui-pagination-inner .icon-next {
  transform: none !important;
}
#litui-tooltip-layer {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 21000;
}
.litui-tooltip {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}
.litui-tooltip.tooltip-arrow-bottom {
  background: url("../../resource/litui/img/ttarrow.png") no-repeat center bottom;
  padding-bottom: 3px;
}
.litui-tooltip.tooltip-arrow-top {
  background: url("../../resource/litui/img/ttarrow-up.png") no-repeat center top;
  padding-top: 3px;
}
.litui-tooltip.tooltip-arrow-left {
  background: url("../../resource/litui/img/ttarrow-left.png") no-repeat left center;
  padding-left: 3px;
}
.litui-tooltip.tooltip-arrow-right {
  background: url("../../resource/litui/img/ttarrow-right.png") no-repeat right center;
  padding-right: 3px;
}
.litui-tooltip.error.tooltip-arrow-left {
  background: url("../../resource/litui/img/ttarrow-left.png") no-repeat left center;
}
.litui-tooltip.error.tooltip-arrow-right {
  background: url("../../resource/litui/img/ttarrow-right.png") no-repeat left center;
}
.litui-tooltip.error.tooltip-arrow-top {
  background: url("../../resource/litui/img/ttarrow-up.png") no-repeat left center;
}
.litui-tooltip.error.tooltip-arrow-bottom {
  background: url("../../resource/litui/img/ttarrow.png") no-repeat left center;
}
.litui-tooltip.error .tooltip-inner {
  background: red;
  width: 150px;
}
.litui-tooltip.hint.tooltip-arrow-left {
  background: none;
}
.litui-tooltip.hint.tooltip-arrow-bottom {
  background: url(../../resource/img/litui/ttarrow-hint.png) no-repeat bottom center;
  background-size: 15px 10px;
  padding-bottom: 10px;
  margin-top: 10px;
}
.litui-tooltip.hint .tooltip-inner {
  background: white;
  color: black;
  max-width: 300px;
  text-align: justify;
  text-align-last: left;
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  -moz-box-shadow: 1px -1px 4px rgba(51, 51, 51, 0.5);
  -o-box-shadow: 1px -1px 4px rgba(51, 51, 51, 0.5);
  -webkit-box-shadow: 1px -1px 4px rgba(51, 51, 51, 0.5);
  box-shadow: 1px -1px 4px rgba(51, 51, 51, 0.5);
}
.litui-tooltip .tooltip-inner {
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 2px 5px;
  min-height: 20px;
  color: #FFF;
  font-size: 12px;
  display: inline-block;
  max-width: 300px;
  float: left;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
litui-user-info {
  display: block;
}
litui-user-info .user-info-signature {
  height: 100%;
}
litui-user-profile-info {
  display: block;
  height: 100%;
}
litui-user-profile-info .litui-user-profile-info-inner {
  padding: 8px;
  padding-top: 0;
  height: 100%;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-header {
  height: 0;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-header litui-img {
  width: 127px;
  height: 100%;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body {
  height: calc(100% - 52px);
  overflow: auto;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner {
  /*                width: 88%;*/
  /*margin: auto;*/
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-name {
  font-size: 18px;
  padding-top: 8px;
  padding-bottom: 16px;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner litui-details {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  padding-top: 0;
  /*padding-bottom: @lituiOffsetD * 4;*/
  background: #f4f4f4;
  padding-left: 8px;
  padding-right: 8px;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner litui-details .litui-details-label {
  font-size: 14px;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu {
  padding-top: 36px;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  padding: 10px 15px;
  border: 1px solid #cdd7e1;
  background: #FFF;
  font-weight: bold;
  color: #54578b;
  background-color: #FFF;
  border-color: #54578b;
  border-width: 1px;
  position: relative;
  overflow: hidden;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: none;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action:focus {
  outline: none !important;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action.litui-active:hover {
  border-color: #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action:hover {
  color: #FFF;
  border-color: #424351;
  background-color: #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action:focus {
  color: #FFF;
  border-color: #424351;
  background-color: #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item button.litui-user-profile-info-action .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item .litui-user-profile-info-action-custom {
  padding-top: 8px;
  padding-bottom: 8px;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item:last-child button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border-bottom: 1px solid #cdd7e1;
  border-color: #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-body .litui-user-profile-info-body-inner .litui-user-profile-info-action-menu .litui-user-profile-info-action-item:last-child button:hover {
  border-color: #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer {
  height: 52px;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  padding: 10px 15px;
  border: 1px solid #cdd7e1;
  background: #FFF;
  font-weight: bold;
  color: #FFF;
  background-color: #54578b;
  border-color: #54578b;
  border-width: 1px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button:focus {
  outline: none !important;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button.litui-active:hover {
  border-color: #54578b;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button:hover {
  color: #54578b;
  border-color: #424351;
  background-color: #FFF;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button:focus {
  color: #54578b;
  border-color: #424351;
  background-color: #FFF;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-user-profile-info .litui-user-profile-info-inner .litui-user-profile-info-footer button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
@media screen and (max-width: 400px) {
  litui-user-profile-info {
    width: 100%;
  }
  litui-user-profile-info .litui-user-profile-info-footer {
    margin-left: -8px;
    margin-right: -8px;
  }
  litui-user-profile-info .litui-user-profile-info-footer button {
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
litui-drawer {
  display: block;
  position: absolute;
  opacity: 0;
}
litui-drawer .litui-drawer-inner {
  height: 100%;
}
.litui-layout {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.litui-layout:before,
.litui-layout:after {
  content: " ";
  display: table;
}
.litui-layout:after {
  clear: both;
}
.litui-layout .litui-layout-panel-drawer-west {
  position: absolute;
  height: 100%;
  width: 220px;
  top: 0;
  left: -220px;
  display: none;
  opacity: 0;
  z-index: 999;
}
.litui-layout .litui-layout-panel-north {
  height: 40px;
}
.litui-layout .litui-layout-panel-south {
  height: 20px;
}
.litui-layout .litui-layout-panel-middle {
  height: calc(100% - (40px + 20px));
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-west {
  float: left;
  width: 220px;
  height: 100%;
  overflow: hidden;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-west.litui-collapsed {
  width: 47px;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-central {
  float: left;
  width: calc(100% - (220px + 220px));
  height: 100%;
  overflow: hidden;
  position: relative;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-central .litui-layout-panel-view-header {
  height: 40px;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-central .litui-layout-panel-ribbon {
  height: 166px;
  overflow: hidden;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-central .litui-layout-panel-ribbon.litui-collapsed {
  height: 40px;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-central .litui-layout-panel-viewport {
  height: calc(100% - (40px + 140px + 166px));
  position: relative;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-central .litui-layout-panel-view-footer {
  height: 140px;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-central .litui-layout-panel-view-footer.litui-collapsed {
  height: 40px;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-east {
  float: left;
  width: 220px;
  height: 100%;
  overflow: hidden;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-east.litui-collapsed {
  width: 47px;
}
.litui-layout .litui-layout-panel-middle .litui-layout-panel-wizard {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.litui-layout .litui-layout-panel-middle button.litui-layout-skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.litui-layout .litui-layout-panel-middle button.litui-layout-skip-main:focus,
.litui-layout .litui-layout-panel-middle button.litui-layout-skip-main:active {
  color: #000;
  background-color: #ffffffd9;
  left: 0;
  top: 0;
  width: 141px;
  height: auto;
  overflow: auto;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  z-index: 999;
}
.litui-active-viewport {
  height: 100%;
  overflow: auto;
  /*position: relative;*/
}
@media screen and (max-width: 620px) {
  .litui-layout .litui-layout-panel-drawer-west {
    width: 100%;
  }
}
[dir=rtl] .litui-layout-panel-west,
[dir=rtl] .litui-layout-panel-central,
[dir=rtl] .litui-layout-panel-east {
  float: right !important;
}
.litui-side-panel {
  display: block;
  height: 100%;
  background: #C0C0C0;
}
.litui-side-panel .litui-side-panel-header {
  height: 40px;
}
.litui-side-panel .litui-side-panel-header .litui-side-panel-header-inner {
  background: #282942;
  height: 40px;
}
.litui-side-panel .litui-side-panel-header .litui-side-panel-header-inner:before,
.litui-side-panel .litui-side-panel-header .litui-side-panel-header-inner:after {
  content: " ";
  display: table;
}
.litui-side-panel .litui-side-panel-header .litui-side-panel-header-inner:after {
  clear: both;
}
.litui-side-panel .litui-side-panel-header .litui-side-panel-header-inner .litui-side-panel-header-title {
  line-height: 40px;
  padding-left: 16px;
  color: #c8c8c8;
  font-size: 18px;
  font-weight: bold;
  float: left;
}
.litui-side-panel .litui-side-panel-header .litui-side-panel-header-inner .litui-side-panel-header-close {
  float: right;
}
.litui-side-panel .litui-side-panel-body {
  height: calc(100% - 40px);
}
.litui-side-panel .litui-side-panel-body .litui-side-panel-body-inner {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /*background: #FFFFFF;*/
  height: 100%;
  display: block;
  padding: 8px;
}
litui-view-footer {
  display: block;
  height: 100%;
  position: relative;
  background: #383954;
}
.litui-view-header {
  /*@lituiViewHeaderWidth: calc(~"100% + @{overallMargin} + @{overallMargin}");*/
  background: #383954;
  min-height: 40px;
  /*margin-left: -@lituiOffsetD;*/
  width: 100%;
  /*position: relative;*/
  /*margin-bottom: @lituiOffsetD;*/
  /*position: fixed;*/
  z-index: 1000;
  left: 219px;
  top: 0;
  /*border-left: 1px solid @lituiViewHeaderLeftBorderC;*/
  /*border-bottom: 2px solid @lituiViewHeaderBottomBorderC;*/
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  /*                .litui-view-nav-holder{
                        padding-top: @lituiViewHeaderPaddingT - 5px;
                        min-height: @lituiViewHeaderH;
                        position: absolute; 
                        left: 50%;
                        display: none; 
                        
                        a.litui-tab{
                            background: transparent;
                            &.litui-active{
                                background: @lituiInteractionC;
                            }
                            &:hover{
                                background: @plainColor;
                                color: @plainColorI;
                            }
                        }
                    }*/
}
.litui-view-header:before,
.litui-view-header:after {
  content: " ";
  display: table;
}
.litui-view-header:after {
  clear: both;
}
.litui-view-header .litui-view-header-inner {
  padding-left: 4px;
  padding-right: 0;
}
.litui-view-header .litui-view-header-inner:before,
.litui-view-header .litui-view-header-inner:after {
  content: " ";
  display: table;
}
.litui-view-header .litui-view-header-inner:after {
  clear: both;
}
.litui-view-header .litui-view-header-inner.litui-has-navigation {
  background: #383954;
}
.litui-view-header .litui-view-header-inner .litui-view-header-app-menu-btn {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  outline: none !important;
  height: auto;
  line-height: auto;
  float: left;
  padding: 0;
  color: #FFF;
  background: none;
}
.litui-view-header .litui-view-header-inner .litui-view-header-app-menu-btn:focus {
  outline: none !important;
}
.litui-view-header .litui-view-header-inner .litui-view-header-app-menu-btn:hover {
  border-color: #cecece;
  color: #54578b;
}
.litui-view-header .litui-view-header-inner .litui-view-header-app-menu-btn.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
.litui-view-header .litui-view-header-inner .litui-view-header-app-menu-btn.litui-active:hover {
  border-color: #54578b;
}
.litui-view-header .litui-view-header-inner .litui-view-header-app-menu-btn:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
.litui-view-header .litui-view-header-inner .litui-view-header-app-menu-btn:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
.litui-view-header .litui-view-header-inner .litui-view-header-app-menu-btn .litui-icon {
  line-height: 36px;
}
.litui-view-header .litui-view-header-inner .litui-title {
  float: left;
  padding-right: 10px;
  font-size: 19px;
  font-weight: bold;
  color: #c8c8D0;
  height: 40px;
  line-height: 40px;
  min-width: 200px;
}
.litui-view-header .litui-view-header-inner .litui-title span.litui-icon {
  display: inline-block;
  vertical-align: middle;
}
.litui-view-header .litui-view-header-inner .litui-title .litui-back-btn {
  height: 40px;
  overflow-y: hidden;
  float: left;
  margin-left: -4px;
}
.litui-view-header .litui-view-header-inner .litui-title .litui-back-btn button {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px;
  line-height: 40px;
  background: #383954 !important;
  border: none !important;
  color: #c8c8D0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.litui-view-header .litui-view-header-inner .litui-title .litui-back-btn button:hover {
  background: #282942 !important;
  color: #383954 !important;
}
.litui-view-header .litui-view-header-inner .litui-icon {
  line-height: 40px;
  color: #c8c8c8;
}
.litui-view-header .litui-view-nav-holder {
  float: left;
  display: none;
}
.litui-view-header .litui-view-nav-holder .litui-tab-group .litui-tab {
  background: #D2D2D2;
  color: #393939;
}
.litui-view-header .litui-view-nav-holder .litui-tab-group .litui-tab.litui-active {
  font-weight: bold;
  background: #E0E0E0;
  color: #393939;
  cursor: default;
}
.litui-view-header .litui-view-nav-holder .litui-tab-group .litui-tab.litui-active:hover {
  background: #E0E0E0;
  color: #393939;
}
.litui-view-header .litui-view-nav-holder .litui-tab-group .litui-tab:hover {
  background: #F5F5F5;
  color: #54578b;
  font-weight: bold;
}
.litui-view-header .litui-view-nav-holder.litui-new-line {
  /*float: none;*/
  /*background: @lituiViewHeaderColor;*/
  /*clear: both;*/
}
.litui-view-header .litui-view-nav2-holder {
  /*position: absolute;*/
  background: #dedede;
  /*width: calc(~"100%");*/
  height: 36px;
  padding: 0 8px;
  /*margin: @lituiOffsetD -@lituiOffsetD;*/
  margin-top: 0;
  display: none;
  /*                        .litui-nav2-item-active:after {
                                    top: 100%;
                                    left: 50%;
                                    border: solid transparent;
                                    content: " ";
                                    position: absolute;
                                    border-top-color: #ffffff;
                                    border-width: 7px;
                                    margin-left: -7px;
                                }*/
}
.litui-view-header .litui-view-nav2-holder .litui-nav2-item {
  position: relative;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 50px;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  display: inline-block;
}
.litui-view-header .litui-view-nav2-holder .litui-nav2-item-active {
  font-weight: bold;
  color: #000000;
  border-bottom: 3px solid #54578b;
}
.litui-view-header .litui-view-help-holder {
  min-height: 50px;
  /*position: absolute;*/
  top: 40px;
  /*width: calc(~"100% + @{overallMargin}");*/
  background-color: #FFF;
  /*                        margin-left: -@lituiOffsetD;
                                margin-right: -@lituiOffsetD;*/
  margin-top: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid #ffffff;
}
.litui-view-header .litui-view-help-holder .litui-view-help-close {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  color: #54578b;
}
.litui-view-header .litui-view-help-holder .litui-view-help-close:hover {
  opacity: 1;
}
.litui-view-header .litui-view-help-holder .litui-view-help-content {
  color: #646464;
  padding: 4px;
}
.litui-view-header .litui-view-help-holder .litui-help-arrow {
  width: 20px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  top: -10px;
  right: 0;
  display: none;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
}
.litui-view-header .litui-view-options {
  float: right;
  height: 40px;
}
.litui-view-header .litui-view-options .litui-icon-btn {
  height: 40px;
  color: #c8c8D0;
}
.litui-view-header .litui-view-options .litui-icon-btn:hover {
  color: #FFF;
}
.litui-view-header .litui-view-options:before,
.litui-view-header .litui-view-options:after {
  content: " ";
  display: table;
}
.litui-view-header .litui-view-options:after {
  clear: both;
}
.litui-view-header .litui-breadcrumbs {
  float: left;
  padding-right: 10px;
}
.litui-view-header .litui-breadcrumbs:before,
.litui-view-header .litui-breadcrumbs:after {
  content: " ";
  display: table;
}
.litui-view-header .litui-breadcrumbs:after {
  clear: both;
}
.litui-view-header .litui-breadcrumbs .litui-back-btn {
  float: left;
  margin-left: -4px;
}
.litui-view-header .litui-breadcrumbs .litui-back-btn button {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px;
  line-height: 40px;
  background: #383954 !important;
  border: none !important;
  color: #c8c8D0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.litui-view-header .litui-breadcrumbs .litui-back-btn button:hover {
  background: #282942 !important;
  color: #383954 !important;
}
.litui-view-header .litui-breadcrumbs .litui-breadcrumbs-title {
  line-height: 40px;
  padding-left: 15px;
  cursor: default;
  font-size: 19px;
  color: #c8c8D0;
  float: left;
  font-weight: bold;
  text-transform: capitalize;
}
.litui-view-header .litui-breadcrumbs .litui-breadcrumbs-title2 {
  line-height: 40px;
  padding-left: 15px;
  cursor: default;
  font-size: 19px;
  color: #c8c8D0;
  float: left;
  font-weight: bold;
}
.litui-view-header .litui-main-tools {
  /*margin-top: -25px;*/
  margin: 0;
  padding-top: 5px;
  /*            .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
                        .litui-rounded(@lituiOverallRounded, 0, @lituiOverallRounded, 0);
                    }*/
}
.litui-view-header .litui-main-tools .btn {
  background: #f7f9f9;
}
.litui-view-header .litui-main-tools .btn:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.litui-view-header.litui-has-navigation {
  background: #383954;
}
[dir=rtl] .litui-view-header-inner {
  padding-left: 0 !important;
  padding-right: 4px !important;
}
[dir=rtl] .litui-view-header-inner .litui-title {
  float: right !important;
  padding-right: 0 !important;
  padding-left: 10px;
}
[dir=rtl] .litui-view-header-inner .litui-view-nav-holder,
[dir=rtl] .litui-view-header-inner .litui-view-options {
  float: left !important;
}
litui-view-options-panel {
  display: block;
  background: white;
  overflow: hidden;
  height: 100%;
}
litui-view-options-panel .litui-view-options-panel-header {
  height: 40px;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}
litui-view-options-panel .litui-view-options-panel-header:before,
litui-view-options-panel .litui-view-options-panel-header:after {
  content: " ";
  display: table;
}
litui-view-options-panel .litui-view-options-panel-header:after {
  clear: both;
}
litui-view-options-panel .litui-view-options-panel-header .litui-view-options-header-outlet {
  float: left;
  width: calc(100% - 138px);
}
litui-view-options-panel .litui-view-options-panel-header .litui-view-options-header-outlet button.litui-btn-minimal {
  height: 100%;
  line-height: 40px;
  width: 40px;
  font-size: 28px;
}
litui-view-options-panel .litui-view-options-panel-header .litui-view-options-header-outlet.litui-view-options-notrigger {
  width: 100%;
}
litui-view-options-panel .litui-view-options-panel-header .litui-view-options-actions {
  float: right;
  padding: 4px/2 4px;
  width: 138px;
}
litui-view-options-panel .litui-view-options-panel-header .litui-view-options-actions button.litui-btn-primary.litui-view-options-trigger {
  /*border-right: none;*/
}
litui-view-options-panel .litui-view-options-panel-header .litui-view-options-actions button.litui-btn-primary.litui-view-options-trigger.litui-active {
  background: #54578B;
  color: #FFF;
}
litui-view-options-panel .litui-view-options-panel-body {
  height: calc(100% - 40px);
  overflow: hidden;
  border-bottom: 1px solid #e0e0e0;
}
litui-view-options-panel .litui-view-options-panel-body:before,
litui-view-options-panel .litui-view-options-panel-body:after {
  content: " ";
  display: table;
}
litui-view-options-panel .litui-view-options-panel-body:after {
  clear: both;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder {
  width: calc(100% - 200px);
  height: 100%;
  position: relative;
  display: flex;
  float: left;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group {
  height: 100%;
  flex-grow: 1;
  border-right: 1px solid #e0e0e0;
  padding: 8px;
  padding-top: 0;
  padding-bottom: 0;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-header {
  font-size: 18px;
  height: 36px;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body {
  /*display: flex;*/
  height: calc(100% - 36px);
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body:before,
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body:after {
  content: " ";
  display: table;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body:after {
  clear: both;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body .litui-view-option {
  /*flex-grow: 1;*/
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  /*                    display: flex;
                                            align-items:center;
                                            justify-content:center;*/
  height: 50%;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body .litui-view-option button.litui-btn-primary {
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body .litui-view-option button.litui-btn-primary .litui-icon {
  line-height: 36px;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body .litui-view-option button.litui-btn-primary .litui-label {
  line-height: 36px;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body.litui-view-options-controls-inline {
  display: flex;
  /*flex-basis: 120px;*/
  flex-wrap: wrap;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group .litui-view-options-group-body.litui-view-options-controls-inline .litui-view-option {
  flex-grow: 1;
  width: 50%;
  /*float: left;*/
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder .litui-view-options-group:last-child {
  border-right: none;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-controls-holder {
  width: 200px;
  padding: 8px;
  float: left;
  border-left: 1px solid #e0e0e0;
  height: 100%;
}
litui-view-options-panel .litui-view-options-panel-body .litui-view-options-controls-holder button {
  width: 100%;
}
litui-view-options-panel .litui-view-options-panel-body.litui-view-options-panel-no-header {
  height: 100%;
}
.litui-layout-panel-view-options-collapsed litui-view-options-panel {
  height: 40px;
}
[dir=rtl] litui-view-options-panel .litui-view-options-panel-header .litui-view-options-header-outlet {
  float: right !important;
}
[dir=rtl] litui-view-options-panel .litui-view-options-panel-header .litui-view-options-actions {
  float: left !important;
}
[dir=rtl] litui-view-options-panel .litui-view-options-panel-body .litui-view-options-group-holder {
  float: right !important;
}
[dir=rtl] litui-view-options-panel .litui-view-options-panel-body .litui-view-options-controls-holder {
  float: right !important;
}
litui-wizard {
  display: block;
  height: 100%;
  background: #E0E0E0;
}
litui-wizard .litui-wizard-header {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 40px;
  background: #383954;
  position: relative;
}
litui-wizard .litui-wizard-header:before,
litui-wizard .litui-wizard-header:after {
  content: " ";
  display: table;
}
litui-wizard .litui-wizard-header:after {
  clear: both;
}
litui-wizard .litui-wizard-header .litui-wizard-header-left {
  position: absolute;
  left: 0;
  height: 100%;
}
litui-wizard .litui-wizard-header .litui-wizard-header-left:before,
litui-wizard .litui-wizard-header .litui-wizard-header-left:after {
  content: " ";
  display: table;
}
litui-wizard .litui-wizard-header .litui-wizard-header-left:after {
  clear: both;
}
litui-wizard .litui-wizard-header .litui-wizard-header-center {
  position: absolute;
  height: 100%;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  padding-top: 4px;
  padding-bottom: 4px;
}
litui-wizard .litui-wizard-header .litui-wizard-header-center .litui-wizard-header-state-info {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  background: black;
  color: white;
  text-align: center;
  /*height: ~"calc(100% - @{lituiOffsetD})";*/
  height: 100%;
  line-height: 32px;
}
litui-wizard .litui-wizard-header .litui-wizard-header-center .litui-wizard-header-state-info .litui-wizard-current-state {
  font-size: 18px;
  font-weight: bold;
}
litui-wizard .litui-wizard-header .litui-wizard-header-center .litui-wizard-header-state-info .litui-wizard-state {
  font-size: 15px;
}
litui-wizard .litui-wizard-header .litui-wizard-header-right {
  position: absolute;
  height: 100%;
  right: 0;
}
litui-wizard .litui-wizard-header .litui-wizard-header-right:before,
litui-wizard .litui-wizard-header .litui-wizard-header-right:after {
  content: " ";
  display: table;
}
litui-wizard .litui-wizard-header .litui-wizard-header-right:after {
  clear: both;
}
litui-wizard .litui-wizard-header button {
  float: left;
}
litui-wizard .litui-wizard-header button.litui-btn-minimal span {
  color: #FFF;
}
litui-wizard .litui-wizard-header button.litui-btn-primary {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top: none;
  border-bottom: none;
  padding: 0;
  padding-left: 4px;
  padding-right: 4px;
  height: 100%;
}
litui-wizard .litui-wizard-header button.litui-btn-submit {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top: none;
  border-bottom: none;
  padding: 0;
  height: 100%;
}
litui-wizard .litui-wizard-header button.litui-btn-submit.litui-wizard-btn-previous {
  padding-right: 12px;
}
litui-wizard .litui-wizard-header button.litui-btn-submit.litui-wizard-btn-next {
  padding-left: 12px;
}
litui-wizard .litui-wizard-body {
  padding: 4px;
  height: calc(100% - 40px);
}
litui-wizard .litui-wizard-body .litui-wizard-steps {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 60px;
  border-bottom: 1px solid #cdd7e1;
}
litui-wizard .litui-wizard-body .litui-wizard-steps:before,
litui-wizard .litui-wizard-body .litui-wizard-steps:after {
  content: " ";
  display: table;
}
litui-wizard .litui-wizard-body .litui-wizard-steps:after {
  clear: both;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-title {
  line-height: 60px;
  font-size: 28px;
  color: #777777;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder {
  overflow: hidden;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step {
  float: left;
  position: relative;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step:first-child .litui-arrow {
  padding-left: 8px;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow {
  color: #FFF;
  text-decoration: none;
  padding: 10px 0 10px 35px;
  background: #54578b;
  position: relative;
  display: block;
  float: left;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #54578b;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #FFF;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow:hover {
  background: #FFF;
  color: #54578b;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step .litui-arrow:hover:after {
  border-left-color: #FFF !important;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-active .litui-arrow {
  font-weight: bold;
  background: #FFF;
  color: #54578b;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-active .litui-arrow:after {
  border-left-color: #FFF !important;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-active .litui-arrow:before {
  border-left-color: #54578b !important;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-wizard-no-discrete-switch .litui-arrow:hover {
  background: #54578b;
  color: #FFF;
}
litui-wizard .litui-wizard-body .litui-wizard-steps .litui-steps-holder .litui-wizard-step.litui-wizard-no-discrete-switch .litui-arrow:hover:after {
  border-left-color: #54578b !important;
}
litui-wizard .litui-wizard-body .litui-wizard-body-state {
  height: calc(100% - 60px);
  padding: 8px;
  overflow: auto;
}
litui-wizard .litui-wizard-body .litui-wizard-body-state litui-state {
  height: 100%;
}
litui-angle-picker {
  display: block;
}
litui-angle-picker:before,
litui-angle-picker:after {
  content: " ";
  display: table;
}
litui-angle-picker:after {
  clear: both;
}
litui-angle-picker .litui-angle-picker-circle-holder {
  float: left;
  position: relative;
  margin-top: 2px;
  margin-right: 4px;
}
litui-angle-picker .litui-angle-picker-circle-holder .litui-angle-picker-circle {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  width: 18px;
  height: 18px;
  border: 2px solid #eaeaea;
}
litui-angle-picker .litui-angle-picker-circle-holder .litui-angle-picker-handle {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  width: 8px;
  height: 8px;
  background: #54578b;
  position: absolute;
  top: 18px/2 - 8px/2;
  left: -8px/2;
}
litui-angle-picker .litui-angle-picker-input-holder {
  float: left;
  margin-right: 4px;
}
litui-angle-picker .litui-angle-picker-input-holder:before,
litui-angle-picker .litui-angle-picker-input-holder:after {
  content: " ";
  display: table;
}
litui-angle-picker .litui-angle-picker-input-holder:after {
  clear: both;
}
litui-angle-picker .litui-angle-picker-input-holder input {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  width: 40px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  float: left;
}
litui-angle-picker .litui-angle-picker-input-holder input.litui-invalid {
  border-color: #930000 !important;
  color: #930000 !important;
}
litui-angle-picker .litui-angle-picker-input-holder input.litui-invalid:active {
  border-color: #930000 !important;
  color: #930000 !important;
}
litui-angle-picker .litui-angle-picker-input-holder input.litui-invalid:focus {
  border-color: #930000 !important;
  color: #930000 !important;
}
litui-angle-picker .litui-angle-picker-input-holder span {
  font-size: 18px;
  display: block;
  float: left;
}
litui-angle-picker .litui-angle-picker-input-holder .litui-angle-picker-label {
  font-size: 14px;
}
litui-button {
  display: block;
  position: relative;
}
litui-button .litui-button-loader {
  background: url(../../resource/litui/img/spinner.svg);
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
}
litui-button .litui-button-confirmation {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
}
litui-button .litui-button-confirmation .litui-button-confirmation-choice {
  position: absolute;
  right: 0;
  height: 100%;
}
litui-interval {
  display: block;
}
litui-interval .litui-interval-scale {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  -moz-border-radius-topleft: 11px !important;
  -moz-border-radius-topright: 11px !important;
  -moz-border-radius-bottomleft: 11px !important;
  -moz-border-radius-bottomright: 11px !important;
  -webkit-border-top-left-radius: 11px !important;
  -webkit-border-top-right-radius: 11px !important;
  -webkit-border-bottom-left-radius: 11px !important;
  -webkit-border-bottom-right-radius: 11px !important;
  border-top-left-radius: 11px !important;
  border-top-right-radius: 11px !important;
  border-bottom-left-radius: 11px !important;
  border-bottom-right-radius: 11px !important;
  overflow: hidden;
  position: relative;
  background: #b1b1b3;
  height: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
}
litui-interval .litui-interval-scale:before,
litui-interval .litui-interval-scale:after {
  content: " ";
  display: table;
}
litui-interval .litui-interval-scale:after {
  clear: both;
}
litui-interval .litui-interval-scale .litui-interval-scale-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
litui-interval .litui-interval-scale .litui-interval-scale-inner:before,
litui-interval .litui-interval-scale .litui-interval-scale-inner:after {
  content: " ";
  display: table;
}
litui-interval .litui-interval-scale .litui-interval-scale-inner:after {
  clear: both;
}
litui-interval .litui-interval-scale .litui-interval-scale-inner .litui-interval-scale-numbers-holder {
  position: relative;
  width: 100%;
  height: 100%;
}
litui-interval .litui-interval-scale .litui-interval-scale-inner .litui-interval-scale-numbers-holder .litui-interval-scale-number {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  position: absolute;
  color: #54578b;
  opacity: 0;
}
litui-interval .litui-interval-scale .litui-interval-scale-inner .litui-interval-scale-numbers-holder .litui-interval-scale-number span {
  font-weight: bold;
}
litui-interval .litui-interval-scale .litui-interval-scale-inner .litui-interval-scale-numbers-holder .litui-interval-scale-number.litui-selectable:hover {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  background: #A8A8A8;
  color: #1C1C1C;
}
litui-interval .litui-interval-scale litui-range {
  z-index: 3;
  top: 4px;
}
litui-checklist {
  display: block;
}
litui-checklist ul {
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 120px;
}
litui-checklist ul li {
  position: relative;
  height: 36px;
  line-height: 36px;
  padding-right: 8px;
  padding-left: 8px;
  border-bottom: 1px solid #cdd7e1;
  overflow: hidden;
}
litui-checklist ul li .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: red;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-checklist ul li .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: red;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-checklist ul li litui-input label {
  width: 100%;
}
litui-checklist ul li litui-input label span {
  padding-left: 8px;
}
litui-checklist ul li litui-input label:before {
  top: 8px !important;
}
litui-checklist ul li litui-input label:after {
  top: 11px !important;
}
litui-checklist ul li:last-child {
  border-bottom: none;
}
litui-checklist ul li:hover {
  background-color: #f3f3f3;
}
.litui-checklist-dropdown .litui-pop-component-marker {
  border-bottom-color: white !important;
}
.litui-checklist-dropdown .litui-pop-component-marker:after {
  background-color: white !important;
}
.litui-checklist-dropdown litui-popover {
  -moz-box-shadow: 0 0 8px #1f1f1f;
  -o-box-shadow: 0 0 8px #1f1f1f;
  -webkit-box-shadow: 0 0 8px #1f1f1f;
  box-shadow: 0 0 8px #1f1f1f;
  border-color: white;
  padding: 0;
}
litui-number-picker {
  display: block;
}
litui-number-picker:before,
litui-number-picker:after {
  content: " ";
  display: table;
}
litui-number-picker:after {
  clear: both;
}
litui-number-picker input {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  text-align: right;
  width: 60px;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 3px;
  padding-right: 3px;
}
litui-number-picker button {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  background: none;
  width: 18px;
  height: 18px;
  line-height: 14px;
  padding: 0;
  float: left;
  margin-top: 2px;
  border: 1px solid #eaeaea;
  color: #54578b;
}
litui-number-picker button span {
  font-size: 16px;
  color: #54578b;
  font-weight: bold;
}
litui-number-picker button:hover {
  border-color: #54578b;
  background-color: #54578b;
}
litui-number-picker button:hover span {
  color: #FFF;
}
[dir=rtl] litui-number-picker input {
  text-align: left !important;
}
litui-list-assignment {
  display: block;
  height: 100%;
}
litui-list-assignment .litui-list-assignment-inner {
  height: 100%;
}
litui-list-assignment .litui-list-assignment-inner:before,
litui-list-assignment .litui-list-assignment-inner:after {
  content: " ";
  display: table;
}
litui-list-assignment .litui-list-assignment-inner:after {
  clear: both;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-a {
  float: left;
  width: calc(50% - 20px);
  height: 100%;
  overflow: hidden;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-b {
  float: left;
  width: calc(50% - 20px);
  height: 100%;
  overflow: hidden;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-controls {
  float: left;
  width: 40px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-controls button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  width: 100%;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-controls button:focus {
  outline: none !important;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-controls button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-controls button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-controls button.litui-active:hover {
  border-color: #54578b;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-controls button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-list-assignment .litui-list-assignment-inner .litui-list-assignment-controls button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-search-box {
  display: block;
}
litui-search-box:before,
litui-search-box:after {
  content: " ";
  display: table;
}
litui-search-box:after {
  clear: both;
}
litui-search-box litui-input {
  float: left;
  width: calc(100% - 36px);
}
litui-search-box button.litui-btn-minimal {
  padding: 0;
  float: right;
  margin-top: 3px;
}
.litui-search-box-results-popover {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
litui-select-list {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 100%;
}
litui-select-list .litui-select-list-inner {
  height: 100%;
}
litui-select-list .litui-select-list-inner:before,
litui-select-list .litui-select-list-inner:after {
  content: " ";
  display: table;
}
litui-select-list .litui-select-list-inner:after {
  clear: both;
}
litui-select-list .litui-select-list-inner .litui-select-list-title {
  height: 40px;
  padding-bottom: 12px;
}
litui-select-list .litui-select-list-inner .litui-select-list-title span {
  font-size: 18px;
}
litui-select-list .litui-select-list-inner .litui-select-list-body {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  height: calc(100% - 40px);
  overflow: auto;
  border: 1px solid #eaeaea;
}
litui-select-list .litui-select-list-inner .litui-select-list-body .litui-select-list-item {
  height: 36px;
  line-height: 36px;
  padding-left: 8px;
  padding-right: 8px;
}
litui-select-list .litui-select-list-inner .litui-select-list-body .litui-select-list-item span {
  font-size: 15px;
}
litui-select-list .litui-select-list-inner .litui-select-list-body .litui-select-list-item.litui-selected {
  background: #d9e0fc;
  font-weight: bold;
}
litui-select-list .litui-select-list-inner .litui-select-list-body:hover {
  border: 1px solid #54578b;
}
litui-state-switch {
  display: block;
  height: 36px;
}
litui-state-switch:before,
litui-state-switch:after {
  content: " ";
  display: table;
}
litui-state-switch:after {
  clear: both;
}
litui-state-switch .litui-state-switch-bar {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  background: #f4f4f4;
  border: 1px solid #cdd7e1;
  height: 100%;
  position: relative;
}
litui-state-switch .litui-state-switch-bar .litui-state-switch-state-label-a {
  position: absolute;
  height: 100%;
  z-index: 1;
  line-height: 36px;
  padding-left: 8px;
  padding-right: 8px;
  color: #888888;
  left: 0;
}
litui-state-switch .litui-state-switch-bar .litui-state-switch-state-label-b {
  position: absolute;
  height: 100%;
  z-index: 1;
  line-height: 36px;
  padding-left: 8px;
  padding-right: 8px;
  color: #888888;
  right: 0;
}
litui-state-switch .litui-state-switch-bar button {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border: none;
  background: white;
  height: calc(100% + 2px);
  width: calc(50% + 2px);
  z-index: 2;
  position: absolute;
  border: 1px solid #54578b;
  margin: -1px;
}
litui-state-switch .litui-state-switch-bar .litui-state-switch-state-label {
  position: absolute;
  height: 100%;
  z-index: 1;
  line-height: 36px;
  padding-left: 8px;
  padding-right: 8px;
  color: #888888;
}
.litui-upload .litui-upload-file-drop-holder {
  float: left;
  position: relative;
  width: 82px;
}
.litui-upload .litui-upload-file-drop-holder .litui-upload-file-drop-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}
.litui-upload .litui-upload-file-drop-holder .litui-upload-drop-box {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  background: #f8f8f8;
  border: 5px dashed #dddddd;
  width: 100%;
  height: 100px;
  text-align: center;
}
.litui-upload .litui-upload-file-drop-holder .litui-upload-drop-box span {
  line-height: 100px;
  display: inline-block;
}
.litui-upload .litui-upload-file-drop-holder .litui-upload-drop-box span span {
  line-height: 15px;
}
.litui-upload .litui-upload-file-drop-holder .litui-upload-drop-box.litui-active {
  border-color: #009fff;
}
.litui-upload .litui-upload-inner {
  float: left;
  padding-left: 4px;
  width: calc(100% - 82px - 2px);
}
.litui-upload .litui-upload-inner .litui-upload-text {
  /*height: ~"calc(100% - 74px)";*/
}
.litui-upload .litui-upload-inner .litui-upload-inner-body {
  height: 80px;
}
.litui-upload .litui-upload-inner .litui-upload-inner-body .litui-upload-file-info {
  height: calc(100% - 37px);
}
.litui-upload .litui-upload-inner .litui-upload-inner-body .litui-upload-file-info span.litui-upload-file-error {
  font-weight: bold;
  color: red;
}
.litui-upload .litui-upload-inner .litui-upload-inner-body .litui-upload-actions-row {
  height: 37px;
}
[dir=rtl] .litui-upload .litui-upload-file-drop-holder {
  float: right !important;
}
[dir=rtl] .litui-upload .litui-upload-inner {
  float: right !important;
  padding-left: 0 !important;
  padding-right: 4px;
}
litui-upload-img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
litui-upload-img .litui-upload-img-droparea {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  /*margin: 10%;*/
  background-color: rgba(255, 255, 255, 0.3);
  border: 5px dashed gray;
}
litui-upload-img .litui-upload-img-droparea .litui-upload-img-droparea-txt-holder {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}
litui-upload-img .litui-upload-img-droparea .litui-upload-img-droparea-txt-holder .litui-upload-img-droparea-txt {
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  color: #8c8c91;
  text-transform: uppercase;
}
litui-upload-img .litui-upload-img-droparea.litui-active {
  background-color: rgba(0, 0, 0, 0.3);
}
litui-upload-img .litui-upload-img-droparea.litui-active .litui-upload-img-droparea-txt {
  color: #FFF;
}
litui-upload-img .litui-upload-img-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
litui-upload-img .litui-upload-img-preview img {
  width: 100%;
}
litui-value-list {
  display: block;
}
.litui-app-menu {
  background: #282942;
  border-right: 2px solid #1e1f33;
  overflow: hidden;
  height: 100%;
  margin-left: -1px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
.litui-app-menu .litui-app-menu-header {
  position: relative;
  height: 80px;
  border-bottom: 2px solid #282942;
  background: #282942;
}
.litui-app-menu .litui-app-menu-header:before,
.litui-app-menu .litui-app-menu-header:after {
  content: " ";
  display: table;
}
.litui-app-menu .litui-app-menu-header:after {
  clear: both;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-top {
  height: 40px;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-top .litui-app-menu-btn-holder {
  border: none;
  background: #282942;
  float: left;
  width: 47px;
  height: 100%;
  color: #c8c8D0;
  padding: 0;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-top .litui-app-menu-btn-holder .litui-icon {
  line-height: 40px;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-top .litui-app-menu-btn-holder:hover {
  background: none;
  color: white;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-top .litui-app-menu-brand-holder {
  float: left;
  width: calc(100% - 47px);
  height: 40px;
  position: relative;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-quick-tools {
  height: 50%;
}
.litui-app-menu .litui-app-menu-body {
  position: relative;
  height: calc(100% - (80px + 47px));
  overflow: hidden;
  border-top: 1px solid #282942;
  border-bottom: 2px solid #1e1f33;
}
.litui-app-menu .litui-app-menu-body > ul.litui-app-menu-list {
  overflow-y: auto !important;
}
.litui-app-menu .litui-app-menu-footer {
  position: relative;
  border-top: 1px solid #32334c;
}
.litui-app-menu .litui-app-menu-footer .litui-app-menu-footer-menu-list {
  position: relative;
  border-bottom: 1px solid #1e1f33;
}
.litui-app-menu .litui-app-menu-footer .litui-app-menu-features {
  position: relative;
  border-top: 1px solid #32334c;
}
.litui-app-menu .litui-app-menu-footer .litui-app-menu-features .litui-app-menu-features-inner {
  height: 100%;
}
.litui-app-menu .litui-app-menu-footer .litui-app-menu-features .litui-app-menu-features-inner:before,
.litui-app-menu .litui-app-menu-footer .litui-app-menu-features .litui-app-menu-features-inner:after {
  content: " ";
  display: table;
}
.litui-app-menu .litui-app-menu-footer .litui-app-menu-features .litui-app-menu-features-inner:after {
  clear: both;
}
.litui-app-menu .litui-app-menu-footer .litui-app-menu-features .litui-app-menu-features-inner .litui-app-menu-feature-holder {
  position: relative;
  height: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}
.litui-app-menu .litui-app-menu-footer .litui-app-menu-features .litui-app-menu-features-inner .litui-app-menu-feature-holder.litui-app-menu-weather {
  float: left;
  height: 82px;
  width: 100%;
}
.litui-app-menu .litui-app-menu-footer .litui-app-menu-features .litui-app-menu-features-inner .litui-app-menu-feature-holder.litui-app-menu-server-time {
  float: left;
  height: 82px;
  width: 174px;
  margin-left: 46px;
}
.litui-app-menu.litui-app-menu-feature-weather.litui-app-menu-feature-time .litui-app-menu-feature-holder.litui-app-menu-weather {
  width: 33% !important;
}
.litui-app-menu.litui-app-menu-feature-weather.litui-app-menu-feature-time .litui-app-menu-feature-holder.litui-app-menu-server-time {
  width: 67% !important;
  margin-left: 0 !important;
}
.litui-app-menu.litui-app-menu-header-collapsed .litui-app-menu-header {
  height: 40px;
}
.litui-app-menu.litui-app-menu-header-collapsed .litui-app-menu-header .litui-app-menu-quick-tools {
  display: none;
}
.litui-app-menu.litui-app-menu-header-collapsed .litui-app-menu-body {
  height: calc(100% - (80px / 2 + 47px));
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-feature-holder {
  float: none !important;
  height: auto !important;
  width: 100% !important;
  text-align: center;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-feature-holder.litui-app-menu-server-time {
  margin-left: 0 !important;
  width: 100% !important;
}
.litui-app-menu.litui-app-menu-collapsed.litui-app-menu-feature-weather.litui-app-menu-feature-time .litui-app-menu-feature-holder.litui-app-menu-weather {
  width: 100% !important;
}
.litui-app-menu.litui-app-menu-collapsed.litui-app-menu-feature-weather.litui-app-menu-feature-time .litui-app-menu-feature-holder.litui-app-menu-server-time {
  margin-left: 0 !important;
  width: 100% !important;
}
[dir=rtl] .litui-app-menu-btn-holder,
[dir=rtl] .litui-app-menu-brand-holder,
[dir=rtl] .litui-app-menu-list-item-p1,
[dir=rtl] .litui-app-menu-list-item-p2,
[dir=rtl] .litui-app-menu-list-item-p3,
[dir=rtl] .litui-app-menu-weather,
[dir=rtl] .litui-app-menu-server-time {
  float: right !important;
}
[dir=rtl] ul.litui-app-menu-list ul li.litui-menu-item-has-no-children .litui-app-menu-list-item div.litui-app-menu-list-item-inner {
  padding-left: 0 !important;
  padding-right: 42px !important;
}
[dir=rtl] .litui-app-menu-list-item-p3 {
  padding-right: 0 !important;
  padding-left: 16px !important;
}
[dir=rtl] .litui-app-menu-server-time {
  padding-right: 0 !important;
  padding-left: 4px !important;
  margin-left: 0 !important;
  margin-right: 36px;
  text-align: right;
}
[dir=rtl] .litui-app-menu.litui-app-menu-feature-weather.litui-app-menu-feature-time .litui-app-menu-feature-holder.litui-app-menu-server-time {
  margin-right: 0 !important;
  padding-right: 0 !important;
  padding-left: 4px !important;
}
litui-inline-menu {
  display: block;
  height: 100%;
}
litui-inline-menu .litui-inline-menu-inner {
  height: 100%;
}
litui-inline-menu .litui-inline-menu-inner:before,
litui-inline-menu .litui-inline-menu-inner:after {
  content: " ";
  display: table;
}
litui-inline-menu .litui-inline-menu-inner:after {
  clear: both;
}
litui-inline-menu .litui-inline-menu-inner .litui-inline-menu-item {
  float: left;
  position: relative;
  height: 100%;
}
litui-inline-menu .litui-inline-menu-inner .litui-inline-menu-item button {
  width: 100%;
  height: 100%;
}
[dir=rtl] litui-inline-menu .litui-inline-menu-item {
  float: right !important;
}
litui-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  /*border: 1px solid rgb(226, 226, 226);*/
  border: 1px solid #54578b;
  overflow: hidden;
  z-index: 11;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  /*.box-shadow(0,5px,7px,86, 86, 86);*/
}
litui-dropdown .litui-dropdown-item-slots {
  width: 100%;
  background: #fcfcfc;
  overflow: auto;
}
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item {
  background: #fcfcfc;
}
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item button {
  /*.litui-clearfix();*/
  width: 100%;
  background: none;
  border: none;
  padding: 0 8px;
  margin: 0;
  height: 48px;
  line-height: 48px;
  background-color: #fcfcfc;
  color: #54578b;
  text-align: left;
  border-bottom: 1px solid #e2e2e2;
  border-left: 5px solid transparent;
}
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item button .ltui-icon {
  width: 36px;
  height: 36px;
  line-height: 22px;
}
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item button .ltui-label {
  font-size: 15px;
  line-height: 48px;
  width: calc(100% - 36px);
  padding-left: 10px;
}
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item button:focus {
  background-color: #f6f6f6;
  /*border-bottom-color: @lituiInteractionC;*/
  border-left-color: #54578b;
  font-weight: bold;
  color: #54578b;
  border-left-color: #282942;
}
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item.litui-selected button,
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item.litui-active button {
  background-color: #f6f6f6;
  /*border-bottom-color: @lituiInteractionC;*/
  border-left-color: #54578b;
  font-weight: bold;
}
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item.litui-selected:hover button,
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item.litui-active:hover button {
  color: #54578b;
  border-left-color: #282942;
}
litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item:hover button {
  background-color: #f6f6f6;
  /*border-bottom-color: @lituiInteractionC;*/
  border-left-color: #54578b;
  font-weight: bold;
  color: #54578b;
  border-left-color: #282942;
}
[litui-dropdown-trigger].litui-active {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.litui-dropdown {
  width: inherit;
  height: inherit;
}
.litui-popup-layer {
  z-index: 1000;
}
[dir=rtl] litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item button {
  text-align: right !important;
  border-left: none !important;
  border-right: 5px solid transparent !important;
}
[dir=rtl] litui-dropdown .litui-dropdown-item-slots .litui-dropdown-item:hover button {
  border-left-color: transparent !important;
  border-right-color: #282942 !important;
}
litui-toggle-panel {
  height: 36px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
litui-toggle-panel:before,
litui-toggle-panel:after {
  content: " ";
  display: table;
}
litui-toggle-panel:after {
  clear: both;
}
litui-toggle-panel .litui-toggle-item {
  background: none;
  height: inherit;
  padding: 0 4px;
}
litui-toggle-panel .litui-toggle-item:before,
litui-toggle-panel .litui-toggle-item:after {
  content: " ";
  display: table;
}
litui-toggle-panel .litui-toggle-item:after {
  clear: both;
}
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control {
  color: #54578b;
  height: 100%;
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control:before,
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control:after {
  content: " ";
  display: table;
}
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control:after {
  clear: both;
}
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control .litui-icon {
  line-height: 36px;
}
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control .litui-label {
  font-size: 15px;
  line-height: 36px;
  color: #333333;
  font-weight: bold;
}
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control .litui-label:hover {
  color: #54578b;
}
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control.litui-toggle-off .litui-label {
  color: #595959;
}
litui-toggle-panel .litui-toggle-item .litui-toggle-item-control.litui-toggle-off .litui-icon {
  color: #777777;
}
litui-dialog {
  display: block;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  background: #FFF;
  border: 1px solid #54578b;
  border-color: #54578b;
  padding: 8px;
  max-height: inherit;
  -moz-box-shadow: 0 2px 3px #1f1f1f;
  -o-box-shadow: 0 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 2px 3px #1f1f1f;
  box-shadow: 0 2px 3px #1f1f1f;
  border-color: #d4d4d4;
  width: 100%;
  height: 100%;
}
litui-dialog .litui-dialog-inner {
  height: 100%;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder {
  margin-right: -8px;
  width: calc(100% + 4px * 2);
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
  line-height: 34px;
  padding-left: 4px;
  border-bottom: 2px solid silver;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-title {
  font-size: 24px;
  font-weight: bold;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder button.litui-popup-header-btn {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  height: 40px;
  color: #54578b;
  border-bottom: 2px solid transparent;
  float: left;
  margin-top: 8px;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder button.litui-popup-header-btn:hover {
  color: #383954;
  border-bottom: 2px solid #54578b;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder button.litui-popup-header-btn:active {
  opacity: 0.5;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-controls {
  float: right;
  height: calc(100% + 4px * 2);
  margin-top: -8px;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-controls:before,
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-controls:after {
  content: " ";
  display: table;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-controls:after {
  clear: both;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions {
  float: left;
  height: 100%;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions:before,
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions:after {
  content: " ";
  display: table;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions:after {
  clear: both;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-color: #cdd7e1;
  border-bottom: none;
  color: #777777;
  background: transparent;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions button.litui-btn-submit {
  position: relative;
  overflow: hidden;
  border-color: #54578b;
  color: #54578b;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions button.litui-btn-submit:hover {
  color: #FFF;
  background: #54578b;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions button:hover {
  color: #333333;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions:last-child {
  /*margin-right: -@lituiOffsetD*2;*/
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-actions:last-child button:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
litui-dialog .litui-dialog-inner .litui-dialog-body-holder {
  height: calc(100% - 40px);
  overflow: auto;
  position: relative;
}
litui-dialog .litui-dialog-inner.litui-dialog-no-header .litui-dialog-body-holder {
  height: 100%;
}
.litui-overlay litui-dialog {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border: none;
}
[dir=rtl] litui-dialog .litui-dialog-inner .litui-dialog-header-holder {
  margin-right: auto !important;
  margin-left: -8px;
  padding-left: 0 !important;
  padding-right: 4px;
}
litui-pop-component {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1100;
}
litui-pop-component .litui-pop-component-holder {
  /** top, left, right, bottom define popover position (not marker position) */
}
litui-pop-component .litui-pop-component-holder .litui-pop-component-marker-holder {
  position: absolute;
  height: 20px;
  width: 100%;
  top: 0;
}
litui-pop-component .litui-pop-component-holder .litui-pop-component-inner {
  /*.litui-box-shadow();*/
  /*width: 100%;*/
  z-index: 1;
  position: relative;
}
litui-pop-component .litui-pop-component-holder .litui-pop-component-inner .litui-pop-close-holder {
  position: absolute;
  right: 0;
}
litui-pop-component .litui-pop-component-holder .litui-pop-component-marker {
  z-index: 2;
  position: relative;
}
litui-pop-component .litui-pop-component-holder .litui-pop-component-marker:after {
  content: " ";
}
litui-pop-component .litui-pop-component-holder.litui-top .litui-pop-component-marker {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid #54578b;
  margin: auto;
}
litui-pop-component .litui-pop-component-holder.litui-right:before,
litui-pop-component .litui-pop-component-holder.litui-right:after {
  content: " ";
  display: table;
}
litui-pop-component .litui-pop-component-holder.litui-right:after {
  clear: both;
}
litui-pop-component .litui-pop-component-holder.litui-right .litui-pop-component-marker {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid #54578b;
  border-bottom: 10px solid transparent;
  float: left;
}
litui-pop-component .litui-pop-component-holder.litui-right .litui-pop-component-inner {
  float: left;
}
litui-pop-component .litui-pop-component-holder.litui-bottom .litui-pop-component-marker {
  /*        width: 0;
                height: 0;
                border-left: @d/2 solid transparent;
                border-right: @d/2 solid transparent;
                border-bottom: @d solid @color;*/
  /*box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);*/
  width: 20px;
  height: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
  margin: auto;
}
litui-pop-component .litui-pop-component-holder.litui-bottom .litui-pop-component-marker:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: #54578b;
  transform: rotate(45deg);
  /* Prefixes... */
  top: 10px;
  left: 50%;
  margin-left: -20px;
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
}
litui-pop-component .litui-pop-component-holder.litui-left .litui-pop-component-marker {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 20px solid #54578b;
  border-bottom: 10px solid transparent;
  float: left;
}
litui-pop-component .litui-pop-component-holder.litui-left .litui-pop-component-inner {
  float: left;
}
litui-pop-component .litui-pop-component-content-holder {
  opacity: 0;
}
litui-pop-component litui-compile {
  display: block;
  max-height: inherit;
  height: 100%;
}
[dir=rtl] litui-pop-component .litui-pop-component-holder .litui-pop-component-inner .litui-pop-close-holder {
  right: auto !important;
  left: 0;
}
/*
.litui-popover-content{
        overflow: auto;
        height: 100%;
    }

*/
litui-popover {
  display: block;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  background: #FFF;
  border: 1px solid #54578b;
  border-color: #54578b;
  padding: 8px;
  height: 100%;
  max-height: inherit;
}
.litui-popover-tooltip .litui-pop-component-marker {
  border-bottom-color: black !important;
}
.litui-popover-tooltip litui-popover {
  -moz-box-shadow: 0 2px 3px #1f1f1f;
  -o-box-shadow: 0 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 2px 3px #1f1f1f;
  box-shadow: 0 2px 3px #1f1f1f;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
.litui-popover-trigger-hover {
  text-decoration: underline;
}
.litui-popover-trigger-hover span.litui-label {
  text-decoration: underline;
}
litui-popup-header {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
  line-height: 34px;
  padding-left: 4px;
  border-bottom: 2px solid silver;
}
litui-popup-header .litui-popup-header-title {
  font-size: 24px;
  font-weight: bold;
}
litui-popup-header button.litui-popup-header-btn {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  height: 40px;
  color: #54578b;
  border-bottom: 2px solid transparent;
  float: left;
  margin-top: 8px;
}
litui-popup-header button.litui-popup-header-btn:hover {
  color: #383954;
  border-bottom: 2px solid #54578b;
}
litui-popup-header button.litui-popup-header-btn:active {
  opacity: 0.5;
}
litui-popup-header .litui-popup-header-controls {
  float: right;
  height: calc(100% + 4px * 2);
  margin-top: -8px;
}
litui-popup-header .litui-popup-header-controls:before,
litui-popup-header .litui-popup-header-controls:after {
  content: " ";
  display: table;
}
litui-popup-header .litui-popup-header-controls:after {
  clear: both;
}
litui-popup-header .litui-popup-header-actions {
  float: left;
  height: 100%;
}
litui-popup-header .litui-popup-header-actions:before,
litui-popup-header .litui-popup-header-actions:after {
  content: " ";
  display: table;
}
litui-popup-header .litui-popup-header-actions:after {
  clear: both;
}
litui-popup-header .litui-popup-header-actions button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-color: #cdd7e1;
  border-bottom: none;
  color: #777777;
  background: transparent;
}
litui-popup-header .litui-popup-header-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-popup-header .litui-popup-header-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-popup-header .litui-popup-header-actions button.litui-btn-submit {
  position: relative;
  overflow: hidden;
  border-color: #54578b;
  color: #54578b;
}
litui-popup-header .litui-popup-header-actions button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-popup-header .litui-popup-header-actions button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-popup-header .litui-popup-header-actions button.litui-btn-submit:hover {
  color: #FFF;
  background: #54578b;
}
litui-popup-header .litui-popup-header-actions button:hover {
  color: #333333;
}
litui-popup-header .litui-popup-header-actions:last-child {
  /*margin-right: -@lituiOffsetD*2;*/
}
litui-popup-header .litui-popup-header-actions:last-child button:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[dir=rtl] litui-popup-header {
  padding-left: 0 !important;
  padding-right: 4px;
}
[dir=rtl] litui-popup-header .litui-popup-header-controls {
  float: left !important;
}
[dir=rtl] litui-popup-header .litui-popup-header-controls .litui-popup-header-actions {
  float: right !important;
}
[dir=rtl] litui-popup-header .litui-popup-header-controls .litui-popup-header-actions button:last-child.litui-btn-submit {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
litui-popup {
  display: block;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  background: #FFF;
  border: 1px solid #54578b;
  border-color: #54578b;
  padding: 8px;
  max-height: inherit;
  -moz-box-shadow: 0 2px 3px #1f1f1f;
  -o-box-shadow: 0 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 2px 3px #1f1f1f;
  box-shadow: 0 2px 3px #1f1f1f;
  border-color: #d4d4d4;
  width: 100%;
  height: 100%;
}
litui-popup .litui-popup-inner {
  height: 100%;
}
litui-popup .litui-popup-inner .litui-popup-header-holder {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
  line-height: 34px;
  padding-left: 4px;
  border-bottom: 2px solid silver;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-title {
  font-size: 24px;
  font-weight: bold;
}
litui-popup .litui-popup-inner .litui-popup-header-holder button.litui-popup-header-btn {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  height: 40px;
  color: #54578b;
  border-bottom: 2px solid transparent;
  float: left;
  margin-top: 8px;
}
litui-popup .litui-popup-inner .litui-popup-header-holder button.litui-popup-header-btn:hover {
  color: #383954;
  border-bottom: 2px solid #54578b;
}
litui-popup .litui-popup-inner .litui-popup-header-holder button.litui-popup-header-btn:active {
  opacity: 0.5;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-controls {
  float: right;
  height: calc(100% + 4px * 2);
  margin-top: -8px;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-controls:before,
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-controls:after {
  content: " ";
  display: table;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-controls:after {
  clear: both;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions {
  float: left;
  height: 100%;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions:before,
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions:after {
  content: " ";
  display: table;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions:after {
  clear: both;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-color: #cdd7e1;
  border-bottom: none;
  color: #777777;
  background: transparent;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions button.litui-btn-submit {
  position: relative;
  overflow: hidden;
  border-color: #54578b;
  color: #54578b;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions button.litui-btn-submit:hover {
  color: #FFF;
  background: #54578b;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions button:hover {
  color: #333333;
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions:last-child {
  /*margin-right: -@lituiOffsetD*2;*/
}
litui-popup .litui-popup-inner .litui-popup-header-holder .litui-popup-header-actions:last-child button:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
litui-popup .litui-popup-inner .litui-popup-body-holder {
  height: calc(100% - 40px);
  overflow: auto;
  position: relative;
  width: 100%;
}
litui-popup .litui-popup-inner.litui-popup-no-header .litui-popup-body-holder {
  height: 100%;
}
.litui-overlay litui-popup {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border: none;
}
litui-translate-preview-notification {
  display: block;
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 4px;
  z-index: 10000;
}
litui-translate-preview-notification:before,
litui-translate-preview-notification:after {
  content: " ";
  display: table;
}
litui-translate-preview-notification:after {
  clear: both;
}
litui-translate-preview-notification .litui-translate-preview-holder {
  float: left;
  height: 28px;
  line-height: 28px;
  padding-right: 8px;
}
litui-translate-preview-notification .litui-translate-preview-holder button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
litui-translate-preview-notification .litui-translate-preview-holder button .litui-label {
  line-height: 28px;
}
litui-translate-preview-notification .litui-translate-preview-holder:last-child {
  padding-right: 0;
}
litui-translation-importer {
  display: block;
  width: 900px;
  height: 200px;
}
litui-translation-importer .litui-translation-importer-instructions p {
  text-align: justify;
  text-align-last: left;
  padding: 8px;
}
litui-translation-importer .litui-translation-importer-body {
  padding-top: 16px;
}
litui-translation-importer .litui-translation-importer-body:before,
litui-translation-importer .litui-translation-importer-body:after {
  content: " ";
  display: table;
}
litui-translation-importer .litui-translation-importer-body:after {
  clear: both;
}
litui-translation-importer .litui-translation-importer-body litui-tabset {
  width: 50%;
  float: left;
  border-right: 2px solid #cdd7e1;
}
litui-translation-importer .litui-translation-importer-body litui-tabset .litui-tabset-body {
  padding-top: 0;
}
litui-translation-importer .litui-translation-importer-body litui-form {
  width: 50%;
  float: left;
}
litui-translation-tool {
  display: block;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
litui-translation-tool:before,
litui-translation-tool:after {
  content: " ";
  display: table;
}
litui-translation-tool:after {
  clear: both;
}
litui-translation-tool .litui-translation-tool-main-tools {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  overflow: hidden;
  background: #FFF;
  height: 42px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
litui-translation-tool .litui-translation-tool-main-tools:before,
litui-translation-tool .litui-translation-tool-main-tools:after {
  content: " ";
  display: table;
}
litui-translation-tool .litui-translation-tool-main-tools:after {
  clear: both;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info {
  float: left;
  height: 100%;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info:before,
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info:after {
  content: " ";
  display: table;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info:after {
  clear: both;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info .litui-translation-tool-main-tools-info-item {
  font-size: 15px;
  float: left;
  padding: 0 8px;
  line-height: 42px;
  height: 100%;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info .litui-translation-tool-main-tools-info-item span.litui-label {
  color: #595959;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info .litui-translation-tool-main-tools-info-item span.litui-value {
  color: #333333;
  font-weight: bold;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions {
  float: right;
  height: 100%;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions:before,
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions:after {
  content: " ";
  display: table;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions:after {
  clear: both;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions button {
  position: relative;
  overflow: hidden;
  float: left;
  height: 100%;
  margin-right: 8px;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions button.litui-translation-tool-publish {
  border-left: 2px solid #cdd7e1;
}
litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions button:last-child {
  margin-right: 0;
}
litui-translation-tool .litui-translation-tool-body {
  height: calc(100% - 42px);
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-translator {
  /*height: ~"calc(100% - 42px)";*/
  height: 100%;
  background: #FFF;
  float: left;
  width: calc(100% - 200px);
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu {
  float: left;
  width: 200px;
  height: 100%;
  padding: 0 8px;
  padding-top: 8px;
  background: #d8d8d8;
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-item button {
  position: relative;
  overflow: hidden;
  width: 100%;
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-item button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-item button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-category .litui-translation-tool-menu-category-header {
  height: 36px;
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-category .litui-translation-tool-menu-category-header span {
  font-weight: bold;
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-category .litui-translation-tool-menu-category-header span:after {
  content: ':';
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-category .litui-translation-tool-menu-category-body {
  height: calc(100% - 36px);
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-category.litui-translation-tool-menu-apps {
  height: 20%;
}
litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu .litui-translation-tool-menu-category.litui-translation-tool-menu-languages {
  height: 80%;
}
[dir=rtl] litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info {
  float: right !important;
}
[dir=rtl] litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-info .litui-translation-tool-main-tools-info-item {
  float: right !important;
}
[dir=rtl] litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions {
  float: left !important;
}
[dir=rtl] litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions button {
  float: right !important;
}
[dir=rtl] litui-translation-tool .litui-translation-tool-main-tools .litui-translation-tool-main-tools-actions button.litui-translation-tool-publish {
  border-left: none !important;
  border-right: 2px solid #cdd7e1;
}
[dir=rtl] litui-translation-tool .litui-translation-tool-body .litui-translation-tool-translator,
[dir=rtl] litui-translation-tool .litui-translation-tool-body .litui-translation-tool-menu {
  float: right !important;
}
litui-translator {
  display: block;
  height: 100%;
}
litui-translator .litui-translator-sheet {
  overflow: hidden;
  height: calc(100% - 44px);
}
litui-translator .litui-translator-sheet:before,
litui-translator .litui-translator-sheet:after {
  content: " ";
  display: table;
}
litui-translator .litui-translator-sheet:after {
  clear: both;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header {
  height: 76px;
  overflow: hidden;
  border-top: 1px solid #cdd7e1;
  border-bottom: 1px solid #cdd7e1;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header:before,
litui-translator .litui-translator-sheet .litui-translator-sheet-header:after {
  content: " ";
  display: table;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header:after {
  clear: both;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header .litui-translator-sheet-cell {
  padding: 0;
  background: #E4E4E4;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header .litui-translator-sheet-cell .litui-translator-sheet-header-cell-label {
  font-weight: bold;
  padding: 4px;
  height: 28px;
  color: #333333;
  background: #d8d8d8;
  padding-left: 8px;
  padding-right: 8px;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header .litui-translator-sheet-cell .litui-translator-sheet-header-search {
  height: calc(100% - 28px - 4px);
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header .litui-translator-sheet-cell .litui-translator-sheet-header-search litui-input {
  width: 100% !important;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header .litui-translator-sheet-cell .litui-translator-sheet-header-search litui-input litui-input-string {
  height: 100%;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header .litui-translator-sheet-cell .litui-translator-sheet-header-search litui-input litui-input-string litui-input-field {
  height: 100%;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header .litui-translator-sheet-cell .litui-translator-sheet-header-search litui-input litui-input-string litui-input-field .litui-input-field-inner {
  min-height: 0;
  height: 100%;
  padding-bottom: 0;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-header .litui-translator-sheet-cell .litui-translator-sheet-header-search litui-input litui-input-string litui-input-field .litui-input-field-inner .litui-input-field-control-holder {
  min-height: 0;
  height: 100%;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-body {
  height: calc(100% - 76px);
}
litui-translator .litui-translator-sheet .litui-translator-sheet-body .litui-translator-sheet-body-inner {
  height: 100%;
  overflow: auto;
  position: relative;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-body .litui-translator-sheet-body-inner .litui-translator-sheet-row {
  background: #fafafa;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-body .litui-translator-sheet-body-inner .litui-translator-sheet-row:before,
litui-translator .litui-translator-sheet .litui-translator-sheet-body .litui-translator-sheet-body-inner .litui-translator-sheet-row:after {
  content: " ";
  display: table;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-body .litui-translator-sheet-body-inner .litui-translator-sheet-row:after {
  clear: both;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-body .litui-translator-sheet-body-inner .litui-translator-sheet-row:nth-child(2n+1) {
  background: white;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-body .litui-translator-sheet-body-inner .litui-translator-sheet-row:hover .litui-translator-sheet-cell {
  color: #333333;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-body .litui-translator-sheet-body-inner .litui-translator-sheet-nodata {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 36px;
  line-height: 36px;
  top: 50%;
  margin-top: -18px;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell {
  float: left;
  width: 25%;
  height: 100%;
  min-height: 1px;
  padding: 8px;
  color: #595959;
  text-align: justify;
  text-align-last: left;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell:before,
litui-translator .litui-translator-sheet .litui-translator-sheet-cell:after {
  content: " ";
  display: table;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell:after {
  clear: both;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell litui-input {
  width: calc(100% - 36px);
  float: left;
  height: 100%;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell .litui-translator-sheet-value-tools {
  float: left;
  height: 100%;
  width: 36px;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell .litui-translator-sheet-value-tools button {
  position: relative;
  overflow: hidden;
  padding: 0;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell .litui-translator-sheet-value-tools button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell .litui-translator-sheet-value-tools button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell.litui-translator-sheet-unpublished-value {
  background: #eaf2f1;
}
litui-translator .litui-translator-sheet .litui-translator-sheet-cell.litrui-translator-key {
  font-size: 12px;
  overflow-x: auto;
}
litui-translator .litui-translator-footer {
  border-top: 1px solid #cdd7e1;
  height: 44px;
}
litui-translator .litui-translator-footer:before,
litui-translator .litui-translator-footer:after {
  content: " ";
  display: table;
}
litui-translator .litui-translator-footer:after {
  clear: both;
}
litui-translator .litui-translator-footer .litui-pagination-info-holder {
  padding-left: 8px;
}
litui-translator .litui-translator-footer .litui-pagination-info-holder span.litui-pagination-info {
  line-height: 44px;
}
[dir=rtl] litui-translator .litui-translator-sheet .litui-translator-sheet-cell {
  float: right !important;
  text-align-last: right !important;
}
[dir=rtl] litui-translator .litui-translator-sheet .litui-translator-sheet-cell litui-input {
  float: right !important;
}
[dir=rtl] litui-translator .litui-translator-sheet .litui-translator-sheet-cell .litui-translator-sheet-value-tools {
  float: right !important;
}
litui-banner {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  position: relative;
  height: 100%;
  cursor: default;
}
litui-banner .litui-banner-img-holder {
  height: 100%;
  overflow: hidden;
  position: relative;
}
litui-banner .litui-banner-img-holder litui-image {
  position: absolute;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
}
litui-banner .litui-banner-tape {
  width: 100%;
  height: 80px;
  background: none;
  position: absolute;
  bottom: 0;
  color: #FFF;
}
litui-banner .litui-banner-tape .litui-banner-tape-title-holder {
  padding-left: 25px;
  padding-right: 15px;
  line-height: 46px;
}
litui-banner .litui-banner-tape .litui-banner-tape-title-holder .litui-banner-tape-title {
  display: table;
}
litui-banner .litui-banner-tape .litui-banner-tape-title-holder .litui-banner-tape-title span {
  display: table-cell;
  vertical-align: middle;
  font-size: 46px;
  /*line-height: 10px;*/
}
litui-banner .litui-banner-tape.litui-banner-options {
  text-shadow: 1px 1px 2px #969696;
}
litui-banner .litui-banner-tape.litui-banner-options:before,
litui-banner .litui-banner-tape.litui-banner-options:after {
  content: " ";
  display: table;
}
litui-banner .litui-banner-tape.litui-banner-options:after {
  clear: both;
}
litui-banner .litui-banner-tape.litui-banner-options .litui-banner-tape-title-holder {
  float: left;
  /*width: 75%;*/
}
litui-banner .litui-banner-tape.litui-banner-options .litui-banner-tape-options-holder {
  float: right;
  /*width: 25%;*/
  height: 100%;
  line-height: 46px;
}
litui-banner .litui-banner-tape.litui-banner-options .litui-banner-tape-options-holder:hover {
  text-shadow: none;
}
litui-banner button.litui-banner-edit-btn {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  /*padding: 4px;*/
  font-size: 36px;
  color: #c8c8D0;
  background: #383954;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  padding: 4px;
  background-color: #FFF;
  color: #54578b;
  width: 44px;
  height: 44px;
  /*line-height: 44px;*/
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 55px;
  right: 15px;
  display: none;
}
litui-banner button.litui-banner-edit-btn:focus {
  outline: none !important;
}
litui-banner button.litui-banner-edit-btn:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-banner button.litui-banner-edit-btn.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-banner button.litui-banner-edit-btn.litui-active:hover {
  border-color: #54578b;
}
litui-banner button.litui-banner-edit-btn:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-banner button.litui-banner-edit-btn:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-banner button.litui-banner-edit-btn:hover {
  color: #FFF;
  background: #383954;
}
litui-banner button.litui-banner-edit-btn .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-banner button.litui-banner-edit-btn .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-banner button.litui-banner-edit-btn:hover {
  background-color: #54578b;
  color: #FFF !important;
}
litui-banner .litui-banner-edit-panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-dropbox {
  width: 100%;
  height: 100%;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools {
  position: absolute;
  right: 15px;
  top: 55px;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  /*padding: 4px;*/
  font-size: 36px;
  color: #c8c8D0;
  background: #383954;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  padding: 4px;
  background-color: #FFF;
  color: #54578b;
  width: 44px;
  height: 44px;
  /*line-height: 44px;*/
  position: relative;
  overflow: hidden;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn:focus {
  outline: none !important;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn.litui-active:hover {
  border-color: #54578b;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn:hover {
  color: #FFF;
  background: #383954;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-tools .litui-banner-edit-panel-tool-btn:hover {
  background-color: #54578b;
  color: #FFF !important;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-instructions {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  color: #646464;
  font-weight: bold;
  width: 400px;
  left: 50%;
  margin-left: -400px/2;
  text-align: center;
  padding: 4px;
  top: 15px;
}
litui-banner .litui-banner-edit-panel .litui-banner-edit-panel-instructions .litui-icon {
  display: inline-block;
  vertical-align: middle;
}
litui-banner .litui-banner-edit-panel.litui-banner-edit-panel-position-img {
  cursor: move;
}
litui-banner:hover .litui-banner-edit-btn {
  display: block;
}
/*@media screen and (max-width: 1610px) {
    litui-banner{
        .litui-banner-tape{
            &.litui-banner-options{
                .litui-banner-tape-title-holder{
                    width: 100%;
                }
                .litui-banner-tape-options-holder{
                    display: none;
                }
            }
        }
    }
}*/
[dir=rtl] litui-banner .litui-banner-tape-title-holder {
  float: right !important;
}
[dir=rtl] litui-banner .litui-banner-tape-options-holder {
  float: left !important;
}
[dir=rtl] litui-banner button.litui-banner-edit-btn {
  right: auto;
  left: 15px;
}
[dir=rtl] litui-banner .litui-banner-edit-panel-tools {
  right: auto;
  left: 15px;
}
litui-dashboard-header {
  display: block;
  position: absolute;
  height: 62px;
  top: 0;
  left: 0;
  z-index: 990;
  width: 100%;
}
litui-dashboard-header .litui-dashboard-header-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner {
  align-self: flex-start;
  display: flex;
  width: 100%;
  height: 41px;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-content-inner-dynamic {
  display: flex;
  flex-grow: 2;
  height: 100%;
  align-items: center;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-content-inner-dynamic .litui-dashboard-header-app-menu-btn {
  height: 100%;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-content-inner-dynamic .litui-dashboard-header-app-menu-btn .litui-app-menu-btn-holder {
  border: none;
  background: none;
  float: left;
  width: 47px;
  height: 100%;
  color: #333333;
  padding: 0;
  padding-left: 20px;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-content-inner-dynamic .litui-dashboard-header-title {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  flex-grow: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: default;
  line-height: 41px;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-content-inner-dynamic .litui-dashboard-header-title span {
  color: #333333;
  font-size: 24px;
  text-transform: uppercase;
  display: block;
  /*position: absolute;*/
  top: 0;
  left: 0;
  padding: 0 24px;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-content-inner-dynamic .litui-dashboard-header-component {
  flex-grow: 2;
  max-height: 100%;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options {
  height: 100%;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options:before,
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options:after {
  content: " ";
  display: table;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options:after {
  clear: both;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu {
  height: 100%;
  float: left;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu:before,
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu:after {
  content: " ";
  display: table;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu:after {
  clear: both;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  height: 100%;
  padding: 0 12px;
  color: #333333;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu button.litui-active {
  text-decoration: italic;
  color: #54578b;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu litui-inline-menu {
  float: left;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu litui-inline-menu button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  height: 100%;
  padding: 0 12px;
  color: #333333;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-menu litui-inline-menu button.litui-active {
  text-decoration: italic;
  color: #54578b;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-loading-indicator {
  height: 100%;
  float: left;
  /*width: 62px;*/
  margin-left: 16px;
  padding-left: 16px;
  padding-right: 16px;
  border-left: 1px solid gray;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-loading-indicator:before,
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-loading-indicator:after {
  content: " ";
  display: table;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-loading-indicator:after {
  clear: both;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-loading-indicator refresh-button {
  background: none;
  /*display: none;*/
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-content .litui-dashboard-header-content-inner .litui-dashboard-header-options .litui-dashboard-header-loading-indicator refresh-button:hover {
  background: none;
  background-color: transparent !important;
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-background {
  width: 100%;
  height: 160px;
  position: relative;
  opacity: 0.5;
  /*            litui-image{
                position: absolute;
                left: 0;
                margin-top: -@lituiDashboardHeaderH - 62px;
                opacity: 0;
                width: 100%;
                height: 100%;
                img{
                    width: 100%;
                    height: 100%;
                    opacity: 0.5;
                }
            }*/
}
litui-dashboard-header .litui-dashboard-header-inner .litui-dashboard-header-background litui-banner {
  position: absolute;
  width: 100%;
  top: calc(-160px + 62px);
  opacity: 0;
}
litui-dashboard-header.litui-dashboard-hassection .litui-dashboard-header-content {
  animation: fadeColor 0.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  -webkit-animation: fadeColor 0.2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  /*            .litui-dashboard-header-loading-indicator{
                border-left: 1px solid gray;
                
                refresh-button{
                    display: block !important;
                }
            }*/
}
litui-dashboard-header.litui-dashboard-hassection .litui-dashboard-header-background {
  /*            litui-image{
                .litui-dashboard-header-anime(fadeOpacity);
            }*/
}
litui-dashboard-header.litui-dashboard-hassection .litui-dashboard-header-background litui-banner {
  animation: fadeOpacity 0.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  -webkit-animation: fadeOpacity 0.2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
}
@-webkit-keyframes fadeColor {
  100% {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
@keyframes fadeColor {
  100% {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
@-webkit-keyframes fadeOpacity {
  100% {
    opacity: 1;
  }
}
@keyframes fadeOpacity {
  100% {
    opacity: 1;
  }
}
[dir=rtl] .litui-dashboard-header-options .litui-dashboard-header-menu {
  float: right !important;
}
[dir=rtl] .litui-dashboard-header-options .litui-dashboard-header-menu button {
  float: right !important;
}
[dir=rtl] .litui-dashboard-header-options .litui-dashboard-header-loading-indicator {
  float: right !important;
  border-left: none !important;
  border-right: 1px solid gray;
}
litui-banner-options {
  display: block;
  padding-left: 25px;
  padding-right: 25px;
  /*width: 300px * 2;*/
  float: right;
}
litui-banner-options:before,
litui-banner-options:after {
  content: " ";
  display: table;
}
litui-banner-options:after {
  clear: both;
}
litui-banner-options .litui-banner-option-holder {
  float: left;
  height: 100%;
}
litui-banner-options .litui-banner-option-holder:before,
litui-banner-options .litui-banner-option-holder:after {
  content: " ";
  display: table;
}
litui-banner-options .litui-banner-option-holder:after {
  clear: both;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option {
  line-height: 46px;
  text-align: right;
  margin-right: 30px;
  padding: 5px;
  padding-right: 10px;
  height: 60px;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option:before,
litui-banner-options .litui-banner-option-holder .litui-banner-option:after {
  content: " ";
  display: table;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option:after {
  clear: both;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option .litui-icon {
  font-size: 50px;
  float: left;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option .litui-label {
  font-size: 28px;
  padding-left: 15px;
  float: left;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option .litui-label-single {
  font-size: 28px;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option litui-select .litui-select-trigger {
  height: 50px;
  background: none;
  color: #FFF;
  border-width: 3px;
  border-color: #FFF;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option litui-select .litui-select-trigger .litui-select-label-holder {
  line-height: 46px;
  font-size: 28px;
  width: calc(100% - 50px - 1px);
}
litui-banner-options .litui-banner-option-holder .litui-banner-option litui-select .litui-select-trigger .litui-select-delimiter {
  background: #FFF;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option litui-select .litui-select-trigger .litui-select-icon-holder {
  width: 50px;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option litui-select .litui-select-trigger .litui-select-icon-holder .litui-icon {
  color: #FFF;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option litui-select .litui-select-trigger.litui-active {
  border-bottom: none;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option:last-child {
  margin-right: 0;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option:hover {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  color: #54578b;
  background: #FFF;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option:hover litui-select .litui-select-trigger {
  color: #54578b;
  border-color: #54578b;
  border-width: 1px;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option:hover litui-select .litui-select-trigger .litui-select-delimiter {
  background: #54578b;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option:hover litui-select .litui-select-trigger .litui-icon {
  color: #54578b;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component {
  line-height: 46px;
  text-align: right;
  margin-right: 30px;
  padding: 5px;
  padding-right: 10px;
  height: 60px;
  padding-right: 5px;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component:before,
litui-banner-options .litui-banner-option-holder .litui-banner-option-component:after {
  content: " ";
  display: table;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component:after {
  clear: both;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component .litui-icon {
  font-size: 50px;
  float: left;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component .litui-label {
  font-size: 28px;
  padding-left: 15px;
  float: left;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component .litui-label-single {
  font-size: 28px;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component litui-select .litui-select-trigger {
  height: 50px;
  background: none;
  color: #FFF;
  border-width: 3px;
  border-color: #FFF;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component litui-select .litui-select-trigger .litui-select-label-holder {
  line-height: 46px;
  font-size: 28px;
  width: calc(100% - 50px - 1px);
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component litui-select .litui-select-trigger .litui-select-delimiter {
  background: #FFF;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component litui-select .litui-select-trigger .litui-select-icon-holder {
  width: 50px;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component litui-select .litui-select-trigger .litui-select-icon-holder .litui-icon {
  color: #FFF;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component litui-select .litui-select-trigger.litui-active {
  border-bottom: none;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component:last-child {
  margin-right: 0;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component:hover {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  color: #54578b;
  background: #FFF;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component:hover litui-select .litui-select-trigger {
  color: #54578b;
  border-color: #54578b;
  border-width: 1px;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component:hover litui-select .litui-select-trigger .litui-select-delimiter {
  background: #54578b;
}
litui-banner-options .litui-banner-option-holder .litui-banner-option-component:hover litui-select .litui-select-trigger .litui-icon {
  color: #54578b;
}
/*@media screen and (max-width: 1610px) {
    litui-banner-options{
        .litui-banner-option{
                display: none;
        }
    }
}*/
[dir=rtl] litui-banner-options .litui-banner-option-holder {
  float: right !important;
}
litui-dashboard-widget {
  display: block;
  order: 1;
  width: 100%;
  flex-basis: 100%/3;
  /*height: @lituiDashboardWidgetH;*/
  overflow: hidden;
  margin-top: 37px;
  padding-left: 12px;
  padding-right: 12px;
  min-height: 250px;
  max-height: 250px;
}
litui-dashboard-widget .litui-dashboard-widget-header {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  height: 26px;
  cursor: default;
}
litui-dashboard-widget .litui-dashboard-widget-header span.litui-dashboard-widget-title {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
litui-dashboard-widget .litui-dashboard-widget-body {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  padding: 10px;
  background: white;
  height: calc(100% - 26px);
  border: 1px solid #eeeeee;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  litui-dashboard-widget {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 1200px) {
  litui-dashboard-widget {
    flex-basis: 100%;
    height: 100%;
  }
}
litui-dashboard-section {
  display: block;
}
litui-dashboard-section .litui-dashboard-section-inner {
  /*        &.litui-noheader{
                    .litui-dashboard-section-header{
                        display: none;
                    }                    
                }*/
}
litui-dashboard-section .litui-dashboard-section-inner .litui-dashboard-section-header {
  height: 62px;
  position: relative;
  overflow: hidden;
}
litui-dashboard-section .litui-dashboard-section-inner .litui-dashboard-section-header .litui-dashboard-section-header-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: white;
}
litui-dashboard-section .litui-dashboard-section-inner .litui-dashboard-section-header .litui-dashboard-section-header-inner .litui-dashboard-section-title {
  font-size: 24px;
  padding: 0 24px;
  text-transform: uppercase;
  flex-grow: 0;
}
litui-dashboard-section .litui-dashboard-section-inner .litui-dashboard-section-header .litui-dashboard-section-header-inner .litui-dashboard-header-component {
  flex-grow: 2;
  max-height: 100%;
}
litui-dashboard-section .litui-dashboard-section-inner .litui-dashboard-section-body {
  min-height: 400px;
}
litui-dashboard-sections {
  display: block;
}
litui-datatable-cell {
  display: block;
}
litui-view-footer-drawer {
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 10;
}
litui-view-footer-drawer .litui-view-footer-drawer-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
litui-view-footer-drawer .litui-view-footer-drawer-inner .litui-view-footer-drawer-content {
  position: absolute;
  top: 100%;
  height: 100%;
  width: 100%;
  background: #383954;
}
litui-checklist-trigger {
  display: block;
}
litui-search-box-results {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
litui-search-box-results .litui-search-box-results-none {
  text-align: center;
}
.litui-app-menu-brand {
  height: inherit;
  cursor: pointer;
}
.litui-app-menu-brand .litui-brandname {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  height: inherit;
  color: #c8c8D0;
  line-height: 80px/2;
  font-size: 24px;
}
.litui-app-menu-brand .litui-logo-img {
  background-size: contain;
  background-position: center;
  /*margin-top: 4px !important;*/
  background-repeat: no-repeat;
  height: 100%;
}
.litui-app-menu-brand .litui-logo-html {
  text-align: center;
  color: #c8c8D0;
  line-height: 80px;
  font-size: 28px;
}
.litui-app-menu-brand .litui-logo-html span {
  font-family: 'PTSans' !important;
}
.litui-app-menu-brand .litui-logo-html span:first-child {
  font-weight: bolder;
  margin-right: 5px;
}
.litui-app-menu-brand:hover .litui-brandname,
.litui-app-menu-brand:hover .litui-logo-html {
  color: #FFF;
}
.litui-app-menu-collapsed .litui-app-menu-brand {
  display: none;
}
.litui-app-menu-collapsed-sub-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 184px;
  background: white;
  height: auto;
  z-index: 300;
  border: 1px solid #e0e0e0;
  border-left: none;
  display: none;
  overflow: hidden;
  -moz-box-shadow: 2.5px 5px 5px #000 2px 3px #1f1f1f;
  -o-box-shadow: 2.5px 5px 5px #000 2px 3px #1f1f1f;
  -webkit-box-shadow: 2.5px 5px 5px #000 2px 3px #1f1f1f;
  box-shadow: 2.5px 5px 5px #000 2px 3px #1f1f1f;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-title {
  padding-left: 4px;
  font-weight: bold;
  color: #333333;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body {
  overflow: auto;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list {
  height: auto;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list li {
  position: relative;
  color: #54578b;
  background: white;
  border-bottom: none;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list li div.litui-app-menu-list-item a {
  color: #54578b;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list li div.litui-app-menu-list-item a:focus {
  background-color: #EFEFEF !important;
  color: #54578b !important;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list li div.litui-app-menu-list-item div.litui-app-menu-list-item-inner {
  padding-left: 24px;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-selected {
  background: #f9f9f9;
  color: #54578b;
  font-weight: bold;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list li div.litui-app-menu-list-item:hover {
  background-color: #EFEFEF !important;
  color: #54578b;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list li:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  left: 8px;
  top: 47px/2;
  border-top: 1px solid #7A7A7A;
  z-index: 1;
}
.litui-app-menu-collapsed-sub-menu div.litui-app-menu-collapsed-sub-menu-body ul.litui-app-menu-list:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 8px;
  top: 0;
  bottom: 0;
  border-left: 1px solid #7A7A7A;
}
ul.litui-app-menu-list {
  position: relative;
  padding: 0;
  margin: 0 !important;
  list-style: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
ul.litui-app-menu-list li {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  min-height: 47px;
  color: #c8c8D0;
  border-bottom: 1px solid #282942;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item {
  height: 47px;
  position: relative;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item:before,
ul.litui-app-menu-list li div.litui-app-menu-list-item:after {
  content: " ";
  display: table;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item:after {
  clear: both;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item a {
  color: #c8c8D0;
  cursor: pointer;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item a:hover {
  color: #ffffff;
  font-weight: bold;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item a:focus {
  color: #ffffff;
  font-weight: bold;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item .litui-app-menu-list-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item .litui-app-menu-list-item-inner .litui-app-menu-list-item-p1 {
  position: relative;
  float: left;
  width: 47px;
  height: inherit;
  text-align: center;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item .litui-app-menu-list-item-inner .litui-app-menu-list-item-p1 span {
  line-height: 47px;
  font-size: 32px;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item .litui-app-menu-list-item-inner .litui-app-menu-list-item-p1 .litui-app-menu-notification {
  width: 20px;
  height: 20px;
  line-height: 22px;
  position: absolute;
  right: 3px;
  bottom: 3px;
  font-weight: bold;
  text-align: center;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  -moz-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  -o-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item .litui-app-menu-list-item-inner .litui-app-menu-list-item-p1 .litui-app-menu-notification.litui-app-menu-notification-alert {
  background: #B30000;
  color: white;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item .litui-app-menu-list-item-inner .litui-app-menu-list-item-p2 {
  float: left;
  width: calc(100% - 47px - 36px);
  height: inherit;
  line-height: 47px;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item .litui-app-menu-list-item-inner .litui-app-menu-list-item-p2 span {
  line-height: 18px;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item .litui-app-menu-list-item-inner .litui-app-menu-list-item-p3 {
  float: left;
  height: 47px;
  text-align: center;
  line-height: 47px;
  font-size: 36px;
  width: 36px;
  padding-right: 16px;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-app-menu-list-item-no-icon .litui-app-menu-list-item-p1 {
  display: none;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-app-menu-list-item-no-icon .litui-app-menu-list-item-p2 {
  width: calc(100% - 36px) !important;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-app-menu-list-item-no-sub-menu .litui-app-menu-list-item-p2 {
  width: calc(100% - 47px);
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-app-menu-list-item-no-sub-menu .litui-app-menu-list-item-p3 {
  display: none;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-app-menu-list-item-no-sub-menu.litui-app-menu-list-item-no-icon .litui-app-menu-list-item-p2 {
  width: 100%;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-additional-icon .litui-app-menu-list-item-p2 {
  width: calc(100% - 47px - 36px);
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-additional-icon .litui-app-menu-list-item-p3 {
  display: block !important;
  font-size: 36px;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-link {
  cursor: pointer;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-selected {
  /*                background: @lituiAppMenuItemActiveBg;
                color: @lituiAppMenuItemActiveC;*/
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-selected > a > .litui-app-menu-list-item-inner {
  background: #383954;
  color: #ffffff;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-selected > .litui-app-menu-list-item-inner {
  background: #383954;
  color: #ffffff;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item:hover,
ul.litui-app-menu-list li div.litui-app-menu-list-item .hovered {
  /*background-color: @lituiAppMenuActiveItemHoverBg;*/
  color: #ffffff;
  font-weight: bold;
}
ul.litui-app-menu-list li .litui-app-menu-list-holder {
  position: relative;
  /*height: ~"calc(100% - @{lituiAppMenuListItemH})";*/
  overflow: hidden;
}
ul.litui-app-menu-list li .litui-app-menu-list-holder .litui-app-menu-list-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
ul.litui-app-menu-list li:hover {
  background-color: #383954;
  color: #ffffff;
  font-weight: bold;
}
ul.litui-app-menu-list li:last-child {
  border-bottom: none;
}
ul.litui-app-menu-list ul {
  position: relative;
  background: #282942;
}
ul.litui-app-menu-list ul li {
  position: relative;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-no-children .litui-app-menu-list-item div.litui-app-menu-list-item-inner {
  padding-left: 42px;
  /*                    .litui-app-menu-list-item-p2{
                                                width: 100% !important;
                                                padding-left: 8px;
                                            }*/
}
ul.litui-app-menu-list ul li.litui-menu-item-has-no-children .litui-app-menu-list-item div.litui-app-menu-list-item-inner:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  left: 23px;
  top: 50%;
  margin-top: -0.5px;
  border-top: 1px solid #7A7A7A;
  z-index: 1;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-no-children .litui-app-menu-list-item:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 23px;
  height: calc(100% + 1px);
  top: 0;
  bottom: 0;
  border-left: 1px solid #7A7A7A;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-no-children:last-child .litui-app-menu-list-item:before {
  height: 50%;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-children > litui-app-menu-list-item > .litui-app-menu-list-item div.litui-app-menu-list-item-inner {
  padding-left: 42px;
  /*                    .litui-app-menu-list-item-p2{
                                                width: 100% !important;
                                                padding-left: 8px;
                                            }*/
}
ul.litui-app-menu-list ul li.litui-menu-item-has-children > litui-app-menu-list-item > .litui-app-menu-list-item div.litui-app-menu-list-item-inner:before {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 23px;
  margin-left: -4px;
  top: 23.5px;
  margin-top: -4px;
  z-index: 1;
  background: #7A7A7A;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-children > litui-app-menu-list-item > .litui-app-menu-list-item.litui-is-expanded:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 23px;
  height: 50%;
  top: 50%;
  bottom: 0;
  border-left: 1px solid #7A7A7A;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-children .litui-app-menu-list-holder ul li.litui-menu-item-has-no-children {
  min-height: 36px;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-children .litui-app-menu-list-holder ul li.litui-menu-item-has-no-children > litui-app-menu-list-item > .litui-app-menu-list-item {
  height: 36px;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-children .litui-app-menu-list-holder ul li.litui-menu-item-has-no-children > litui-app-menu-list-item > .litui-app-menu-list-item .litui-app-menu-list-item-p2 {
  line-height: 36px;
}
ul.litui-app-menu-list ul li.litui-menu-item-has-children .litui-app-menu-list-holder ul li.litui-menu-item-has-no-children > litui-app-menu-list-item > .litui-app-menu-list-item .litui-app-menu-list-item-p2 span {
  font-size: 12px;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-body > ul.litui-app-menu-list li > litui-app-menu-list-item div.litui-app-menu-list-item {
  background-image: url(../../resource/litui/img/sub_indicator_down-downstate.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-body > ul.litui-app-menu-list li > litui-app-menu-list-item div.litui-app-menu-list-item.litui-app-menu-list-item-no-sub-menu {
  background-image: none;
}
[dir=rtl] ul.litui-app-menu-list ul li.litui-menu-item-has-no-children .litui-app-menu-list-item div.litui-app-menu-list-item-inner {
  padding-left: 0 !important;
  padding-right: 42px;
}
[dir=rtl] ul.litui-app-menu-list ul li.litui-menu-item-has-no-children .litui-app-menu-list-item div.litui-app-menu-list-item-inner:before {
  left: auto !important;
  right: 23px;
}
[dir=rtl] ul.litui-app-menu-list ul li.litui-menu-item-has-no-children .litui-app-menu-list-item:before {
  left: auto !important;
  right: 23px;
  border-left: none !important;
  border-right: 1px solid #7A7A7A;
}
[dir=rtl] ul.litui-app-menu-list ul li.litui-menu-item-has-children > litui-app-menu-list-item > .litui-app-menu-list-item div.litui-app-menu-list-item-inner {
  padding-left: 0 !important;
  padding-right: 42px;
}
[dir=rtl] ul.litui-app-menu-list ul li.litui-menu-item-has-children > litui-app-menu-list-item > .litui-app-menu-list-item div.litui-app-menu-list-item-inner:before {
  left: auto !important;
  right: 23px;
  margin-left: auto !important;
  margin-right: -4px;
}
[dir=rtl] ul.litui-app-menu-list ul li.litui-menu-item-has-children > litui-app-menu-list-item > .litui-app-menu-list-item.litui-is-expanded:before {
  left: auto !important;
  right: 23px;
  border-left: none !important;
  border-right: 1px solid #7A7A7A;
}
.litui-app-menu-server-time {
  /*text-align: center;*/
  padding-right: 4px;
}
.litui-app-menu-server-time .litui-server-time-tempus {
  font-size: 30px;
  color: #c8c8D0;
  letter-spacing: 4px;
}
.litui-app-menu-server-time .litui-server-time-date {
  font-size: 18px;
  color: #c8c8D0;
  letter-spacing: 4px;
}
.litui-app-menu-collapsed .litui-app-menu-server-time {
  padding-top: 1px;
  text-align: center;
  padding-right: 0;
}
.litui-app-menu-collapsed .litui-app-menu-server-time .litui-server-time-tempus {
  font-size: 16px;
  letter-spacing: normal;
  font-weight: bold;
}
.litui-app-menu-collapsed .litui-app-menu-server-time .litui-server-time-date {
  font-size: 13px;
  letter-spacing: normal;
}
litui-app-menu-sys-version {
  display: block;
  clear: both;
}
litui-app-menu-sys-version .litui-app-menu-sys-version {
  text-align: center;
  height: 100%;
}
litui-app-menu-sys-version .litui-app-menu-sys-version span {
  color: #c8c8D0;
  font-size: 10px;
  display: block;
  height: 100%;
}
.litui-app-menu-weather .litui-app-menu-weather-inner {
  text-align: center;
  padding-top: 7px;
}
.litui-app-menu-weather .litui-weather-icon {
  font-weight: bold;
  color: #c8c8D0;
  font-size: 22px;
  font-family: weathericons !important;
  display: block;
}
.litui-app-menu-weather .litui-weather-temperature {
  color: #c8c8D0;
  font-size: 15px;
  display: block;
  padding-top: 6px;
}
.litui-app-menu-weather .litui-label {
  color: #c8c8D0;
  display: block;
  margin-top: 19px;
}
.litui-app-menu-collapsed .litui-app-menu-weather {
  /*margin-top: -7px;*/
  padding-top: 0;
  line-height: 14px;
}
.litui-app-menu-collapsed .litui-app-menu-weather .litui-weather-icon {
  display: block;
  margin-top: 7px;
}
.litui-app-menu-collapsed .litui-app-menu-weather .litui-weather-temperature {
  display: block;
  font-size: 14px;
  /*margin-top: -10px;*/
  margin-top: 3px;
  padding-top: 0;
}
.litui-app-menu-collapsed .litui-app-menu-weather .litui-label {
  margin-top: auto;
}
litui-app-menu-drawer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  display: none;
  z-index: 1000;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder {
  opacity: 0;
  position: absolute;
  left: -300px;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(250, 250, 250, 0.9);
  border-right: 1px solid #c7c7c7;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 4px;
  padding-left: 8px;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header .litui-app-menu-drawer-header-title {
  flex-grow: 1;
  font-size: 22px;
  font-weight: bold;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header .litui-app-menu-drawer-header-options button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header .litui-app-menu-drawer-header-options button:focus {
  outline: none !important;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header .litui-app-menu-drawer-header-options button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header .litui-app-menu-drawer-header-options button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header .litui-app-menu-drawer-header-options button.litui-active:hover {
  border-color: #54578b;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header .litui-app-menu-drawer-header-options button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-header .litui-app-menu-drawer-header-options button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-app-menu-drawer .litui-app-menu-drawer-inner .litui-app-menu-drawer-holder .litui-app-menu-drawer-body {
  height: calc(100% - (36px));
}
@media screen and (max-width: 400px) {
  litui-app-menu-drawer {
    width: 100%;
  }
}
[dir=rtl] litui-app-menu-drawer {
  right: 0 !important;
  left: auto;
}
[dir=rtl] litui-app-menu-drawer .litui-app-menu-drawer-holder {
  left: auto;
  right: -300px;
}
litui-voice-comm {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
litui-voice-comm .litui-voice-comm-call-info {
  color: white;
  padding: 8px 16px;
  font-size: 15px;
  text-align: center;
}
litui-voice-comm .litui-voice-comm-call-info .litui-voice-comm-contact-name {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}
litui-voice-comm .litui-voice-comm-call-info .litui-voice-comm-contact-list .litui-voice-comm-contact-availability {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: red;
  margin-top: 2px;
}
litui-voice-comm .litui-voice-comm-call-info .litui-voice-comm-contact-list .litui-voice-comm-contact-availability.litui-active {
  background-color: green;
}
litui-voice-comm .litui-voice-comm-duration {
  text-align: center;
  font-size: 15px;
  color: #f8f8f8;
}
litui-voice-comm .litui-voice-comm-message {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 15px;
}
litui-voice-comm .litui-voice-comm-message span {
  color: #f8f8f8;
}
litui-voice-comm .litui-voice-comm-controls {
  padding-bottom: 8px;
  padding-top: 8px;
}
litui-voice-comm .litui-voice-comm-controls:before,
litui-voice-comm .litui-voice-comm-controls:after {
  content: " ";
  display: table;
}
litui-voice-comm .litui-voice-comm-controls:after {
  clear: both;
}
litui-voice-comm .litui-voice-comm-controls button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  display: block;
}
litui-voice-comm .litui-voice-comm-controls button:focus {
  outline: none !important;
}
litui-voice-comm .litui-voice-comm-controls button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-voice-comm .litui-voice-comm-controls button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-voice-comm .litui-voice-comm-controls button.litui-active:hover {
  border-color: #54578b;
}
litui-voice-comm .litui-voice-comm-controls button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm .litui-voice-comm-controls button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-end-call {
  position: relative;
  overflow: hidden;
  background: #9d2020;
  color: white;
  margin: auto;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-end-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-end-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-end-call .litui-icon {
  /*transform: rotate(119deg);*/
  display: block;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-end-call:hover {
  background: #bc5858;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-decline-call {
  position: relative;
  overflow: hidden;
  background: #9d2020;
  color: white;
  margin: auto;
  float: right;
  margin-right: 24px;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-decline-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-decline-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-decline-call .litui-icon {
  /*transform: rotate(119deg);*/
  display: block;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-decline-call:hover {
  background: #bc5858;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-accept-call {
  position: relative;
  overflow: hidden;
  background: #209d2b;
  color: white;
  float: left;
  margin-left: 24px;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-accept-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-accept-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm .litui-voice-comm-controls button.litui-voice-comm-accept-call:hover {
  background: #4ac454;
}
.litui-voice-comm-pop {
  width: 200px;
}
.litui-voice-comm-pop .litui-pop-component-inner {
  width: 100%;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup {
  background: rgba(0, 0, 0, 0.7);
  padding: 0;
  border-color: black;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder {
  height: 26px;
  padding: 0;
  background: transparent;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 26px;
  background: rgba(255, 255, 255, 0.7);
  line-height: 20px;
  padding-left: 4px;
  border-bottom: 2px solid silver;
  background: transparent;
  color: #f8f8f8;
  line-height: 24px;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-title {
  font-size: 18px;
  font-weight: bold;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header button.litui-popup-header-btn {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  height: 26px;
  color: #54578b;
  border-bottom: 2px solid transparent;
  float: left;
  margin-top: 8px;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header button.litui-popup-header-btn:hover {
  color: #383954;
  border-bottom: 2px solid #54578b;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header button.litui-popup-header-btn:active {
  opacity: 0.5;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-controls {
  float: right;
  height: calc(100% + 4px * 2);
  margin-top: -8px;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-controls:before,
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-controls:after {
  content: " ";
  display: table;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-controls:after {
  clear: both;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions {
  float: left;
  height: 100%;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions:before,
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions:after {
  content: " ";
  display: table;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions:after {
  clear: both;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions button {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-color: #cdd7e1;
  border-bottom: none;
  color: #777777;
  background: transparent;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions button .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #54578b;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions button.litui-btn-submit {
  position: relative;
  overflow: hidden;
  border-color: #54578b;
  color: #54578b;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions button.litui-btn-submit .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: #FFF;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions button.litui-btn-submit:hover {
  color: #FFF;
  background: #54578b;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions button:hover {
  color: #333333;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions:last-child {
  /*margin-right: -@lituiOffsetD*2;*/
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header .litui-popup-header-actions:last-child button:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header button .litui-icon {
  font-size: 26px;
  color: #f8f8f8;
}
.litui-voice-comm-pop .litui-pop-component-inner litui-popup .litui-popup-header-holder litui-popup-header button:hover {
  border-color: white;
  color: white;
}
litui-voice-comm-contacts {
  display: block;
  width: 300px;
  height: 500px;
  overflow: hidden;
}
litui-voice-comm-contacts .litui-voice-comm-contacts-searchbox {
  height: 76px;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: calc(100% - 22px);
  padding-top: 16px;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list {
  height: calc(100% - 46px - 40px - 4px * 2);
  overflow: auto;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group {
  padding-top: 16px;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-category {
  border-bottom: 1px solid #cdd7e1;
  padding-left: 8px;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-category span {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  color: #777777;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-contact:before,
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-contact:after {
  content: " ";
  display: table;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-contact:after {
  clear: both;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-contact span {
  display: block;
  float: left;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-contact span.litui-icon {
  width: 36px;
  height: 36px;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-contact span.litui-voice-comm-contacts-list-contact-name {
  line-height: 36px;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group:first-child {
  padding-top: 0;
}
litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-selected {
  padding-top: 8px;
}
[dir=rtl] litui-voice-comm-contacts .litui-voice-com-contacts-body .litui-voice-comm-contacts-list .litui-voice-comm-contacts-list-group .litui-voice-comm-contacts-list-contact span {
  float: right !important;
}
litui-voice-comm-dial {
  display: block;
}
.litui-voice-comm-dial-popover .litui-pop-component-inner litui-tabset .litui-tabset-inner .litui-tabset-header {
  padding: 0;
}
.litui-voice-comm-dial-popover .litui-pop-component-inner litui-tabset .litui-tabset-inner .litui-tabset-header litui-inline-menu .litui-inline-menu-item {
  width: 50%;
}
.litui-voice-comm-dial-popover .litui-pop-component-inner .litui-voice-comm-dial-pad-input-action {
  padding-top: 8px;
}
.litui-voice-comm-dial-popover .litui-pop-component-inner .litui-voice-comm-dial-pad-input-action button {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
litui-voice-comm-numpad {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner:before,
litui-voice-comm-numpad .litui-voice-comm-numpad-inner:after {
  content: " ";
  display: table;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner:after {
  clear: both;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol {
  float: left;
  overflow: hidden;
  padding: 4px;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  width: 36px;
  height: 36px;
  border: 2px solid #cdd7e1;
  overflow: hidden;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol button:focus {
  outline: none !important;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol button.litui-active:hover {
  border-color: #54578b;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol button:hover {
  border-color: #54578b;
}
litui-voice-comm-numpad .litui-voice-comm-numpad-inner .litui-voice-comm-numpad-symbol.litui-hilit button {
  background-color: #54578b;
  color: #FFF;
}
litui-voice-comm-dial-pad {
  display: block;
  width: 300px;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value:before,
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value:after {
  content: " ";
  display: table;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value:after {
  clear: both;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value litui-input {
  float: left;
  width: calc(100% - 36px);
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  float: left;
  width: 36px;
  height: 36px;
  margin-top: 22px;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value button:focus {
  outline: none !important;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value button.litui-active:hover {
  border-color: #54578b;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input .litui-voice-comm-dial-pad-input-value button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-dial-pad .litui-voice-comm-dial-pad-input litui-voice-comm-numpad {
  margin: auto;
  width: 140px;
  margin-bottom: 8px;
}
litui-voice-comm-quick-dial {
  display: block;
  height: 100%;
  overflow: hidden;
  background: #1c1d30;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default {
  height: 100%;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default:before,
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default:after {
  content: " ";
  display: table;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default:after {
  clear: both;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  width: 100%;
  color: #c8c8D0;
  /*line-height: 47px;*/
  height: 100%;
  display: block;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button:focus {
  outline: none !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button.litui-active:hover {
  border-color: #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button:before,
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button:after {
  content: " ";
  display: table;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button:after {
  clear: both;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button .litui-icon {
  float: left;
  display: block;
  width: 45px;
  line-height: 40px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button .litui-label {
  float: left;
  display: block;
  line-height: 40px;
  width: calc(100% - 45px);
  text-align: left;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button:hover {
  color: white;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  display: flex;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-info {
  color: white;
  padding: 8px 16px;
  font-size: 15px;
  text-align: center;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-info .litui-voice-comm-contact-name {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-info .litui-voice-comm-contact-list .litui-voice-comm-contact-availability {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: red;
  margin-top: 2px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-info .litui-voice-comm-contact-list .litui-voice-comm-contact-availability.litui-active {
  background-color: green;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-duration {
  text-align: center;
  font-size: 15px;
  color: #f8f8f8;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-message {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 15px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-message span {
  color: #f8f8f8;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls {
  padding-bottom: 8px;
  padding-top: 8px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls:before,
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls:after {
  content: " ";
  display: table;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls:after {
  clear: both;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  display: block;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button:focus {
  outline: none !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-active:hover {
  border-color: #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-end-call {
  position: relative;
  overflow: hidden;
  background: #9d2020;
  color: white;
  margin: auto;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-end-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-end-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-end-call .litui-icon {
  /*transform: rotate(119deg);*/
  display: block;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-end-call:hover {
  background: #bc5858;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-decline-call {
  position: relative;
  overflow: hidden;
  background: #9d2020;
  color: white;
  margin: auto;
  float: right;
  margin-right: 24px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-decline-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-decline-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-decline-call .litui-icon {
  /*transform: rotate(119deg);*/
  display: block;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-decline-call:hover {
  background: #bc5858;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-accept-call {
  position: relative;
  overflow: hidden;
  background: #209d2b;
  color: white;
  float: left;
  margin-left: 24px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-accept-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-accept-call .litui-ripple-effect {
  position: absolute;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background: white;
  opacity: 0;
  animation: ripple-animation 0.5s;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-accept-call:hover {
  background: #4ac454;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active:before,
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active:after {
  content: " ";
  display: table;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active:after {
  clear: both;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls {
  padding: 0;
  padding-left: 8px;
  padding-top: 3px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button {
  line-height: 30px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button .litui-icon {
  font-size: 30px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-accept-call {
  margin: 0;
  margin-right: 2px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-decline-call {
  margin: 0;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-data {
  flex-grow: 1;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-data .litui-voice-comm-call-info {
  padding: 0;
  font-size: 12px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-data .litui-voice-comm-call-info .litui-voice-comm-contact-name {
  font-size: 14px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-data .litui-voice-comm-duration {
  font-size: 12px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-call-data .litui-voice-comm-message {
  font-size: 12px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active.litui-voice-comm-incoming {
  animation: litui-voice-comm-quick-dial-incoming-call 2s;
  -moz-animation: litui-voice-comm-quick-dial-incoming-call 2s infinite;
  /* Firefox */
  -webkit-animation: litui-voice-comm-quick-dial-incoming-call 2s infinite;
  /* Safari and Chrome */
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active.litui-voice-comm-active {
  background: #d2e2ef;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active.litui-voice-comm-active button {
  color: black;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active.litui-voice-comm-active .litui-voice-comm-call-data .litui-voice-comm-call-info {
  color: black;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active.litui-voice-comm-active .litui-voice-comm-call-data .litui-voice-comm-duration {
  color: black;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active.litui-voice-comm-active .litui-voice-comm-call-data .litui-voice-comm-message span {
  color: black;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed {
  display: none;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  width: 100%;
  color: #c8c8D0;
  line-height: 36px;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed button:focus {
  outline: none !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed button:hover {
  border-color: #cecece;
  color: #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed button.litui-active:hover {
  border-color: #54578b;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed button:hover {
  color: white;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item {
  width: 100%;
  display: none;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item button .litui-icon {
  width: 100%;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-default .litui-voice-comm-menu-item.litui-voice-comm-dial-btn {
  display: block;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active {
  display: none;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls {
  padding: 0;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-accept-call {
  margin: 0;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed {
  display: block;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed.litui-voice-comm-incoming {
  animation: litui-voice-comm-quick-dial-incoming-call 2s;
  -moz-animation: litui-voice-comm-quick-dial-incoming-call 2s infinite;
  /* Firefox */
  -webkit-animation: litui-voice-comm-quick-dial-incoming-call 2s infinite;
  /* Safari and Chrome */
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed.litui-voice-comm-active {
  background: #d2e2ef;
}
.litui-collapsed litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-collapsed.litui-voice-comm-active button {
  color: black;
}
@-moz-keyframes litui-voice-comm-quick-dial-incoming-call {
  /* Firefox */
  0% {
    background: transparent;
  }
  50% {
    background: #d2e2ef;
    color: black;
  }
  100% {
    background: transparent;
  }
}
@-webkit-keyframes litui-voice-comm-quick-dial-incoming-call {
  /* Safari and Chrome */
  0% {
    background: transparent;
  }
  50% {
    background: #d2e2ef;
    color: black;
  }
  100% {
    background: transparent;
  }
}
[dir=rtl] litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls {
  padding-left: 0 !important;
  padding-right: 8px;
}
[dir=rtl] litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-accept-call {
  float: right !important;
  margin-right: 0 !important;
}
[dir=rtl] litui-voice-comm-quick-dial .litui-voice-comm-quick-dial-active .litui-voice-comm-controls button.litui-voice-comm-decline-call {
  float: left !important;
  margin-right: 2px !important;
}
[dir=rtl] .litui-voice-comm-menu-item button .litui-icon,
[dir=rtl] .litui-voice-comm-menu-item button .litui-label {
  float: right !important;
  text-align: right !important;
}
litui-dialog {
  background: #F7F9F9;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder {
  background: transparent;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-popup-header-title {
  font-size: 18px;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-btn-primary {
  color: #54578b !important;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-btn-primary:hover {
  color: #54578b !important;
  background: white !important;
  border-color: #54578b !important;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-btn-submit {
  background: white !important;
  color: #333333 !important;
}
litui-dialog .litui-dialog-inner .litui-dialog-header-holder .litui-btn-submit:hover {
  color: #54578b !important;
  background: white !important;
}
litui-date-picker {
  background: transparent;
}
litui-popup-header {
  background: transparent;
}
litui-input.litui-form-control input[type=text],
litui-input.litui-form-control input[type=password],
litui-input.litui-form-control input[type=number] {
  background: white !important;
  border: 1px solid #cdd7e1 !important;
  height: 36px !important;
}
litui-input.litui-form-control .litui-invalid input[type=text],
litui-input.litui-form-control .litui-invalid input[type=password],
litui-input.litui-form-control .litui-invalid input[type=number] {
  border: 1px solid #c93636 !important;
}
button.litui-btn-minimal {
  color: #0C1C34;
}
/*@import "../ui/layout.less";*/
.icon {
  font-size: 30px;
  padding: 0;
  margin: 0;
}
.preloader {
  margin-top: 18%;
  text-align: center;
}
.preloader img {
  width: 36px;
  height: 36px;
  -webkit-animation: spin 0.4s linear infinite;
  -moz-animation: spin 0.4s linear infinite;
  animation: spin 0.4s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
form input.ng-touched.ng-valid {
  border-right: 10px solid #38a636;
}
form input.ng-touched.ng-invalid {
  border-right: 10px solid #fd0100;
}
.tms-accordion .panel {
  margin-bottom: 5px;
  margin-top: 5px;
}
.acc-head-add {
  margin-left: 10px;
}
.acc-head-main .title {
  margin-left: 10px;
}
.odd {
  background-color: #f6f6f6;
}
.even {
  background-color: #ebebeb;
}
.tab-content-row {
  border: red 1px solid /*display: block;*/;
}
/*.tms-filter{
    min-height: 300px;
}

.tms-filter-grid{
    border: 1px solid rgb(212,212,212);
    width: 400px; 
    height: 300px
}*/
.shadow_l {
  width: 10px;
  background-image: url('../../img/shadow_l.png');
}
/*
 * Icon in grid header
 */
.grid-header-icon {
  height: 25px;
  vertical-align: middle;
  margin-right: 5px;
}
.pointer {
  cursor: pointer;
}
.border-right {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ddd;
}
.border-left {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ddd;
}
.ng-cloak {
  display: none !important;
}
/* MODALS */
.lg-modal .modal-dialog {
  width: 80%;
  min-width: 500px;
}
.jumbo-modal {
  /*    .modal-dialog {
      width: 100%;
      height: 100%;
      padding: 0;
    }
    
    .modal-content {
      height: 100%;
      border-radius: 0;
    }*/
}
.jumbo-modal .modal-dialog {
  width: 95%;
  height: 95%;
  /*        padding: 0px;
                margin: 0px;*/
  min-width: 500px;
}
.jumbo-modal .modal-dialog .modal-content {
  height: inherit;
}
.jumbo-modal .modal-dialog .modal-content .modal-body {
  height: inherit;
}
.jumbo-modal .modal-dialog .modal-content .modal-body .ng-scope {
  height: inherit;
}
.tms-console {
  height: 100%;
  background-color: black;
  overflow-y: scroll;
  word-wrap: break-word;
  padding: 5px;
}
div.fill {
  width: 100vw;
  height: 100vh;
}
.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.tms-btn-link:hover {
  text-decoration: none;
  cursor: pointer;
}
.tms-preloader {
  position: relative;
}
.tms-preloader .tms-preloader-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(210, 210, 210, 0.3);
}
.tms-preloader .tms-preloader-container .tms-preloader-holder {
  padding: 5px 15px;
  background-color: #ffffff;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  height: 62px;
}
.tms-preloader .tms-preloader-container .tms-preloader-holder .tms-preloader-icon {
  text-align: center;
  color: black;
}
.tms-preloader .tms-preloader-container .tms-preloader-holder .tms-preloader-icon img {
  height: 36px;
  width: 36px;
}
.tms-preloader .tms-preloader-container .tms-preloader-holder .tms-preloader-text {
  text-align: center;
  color: black;
}
.tms-spin {
  -webkit-animation: tms-spin 0.5s infinite linear;
  animation: tms-spin 0.5s infinite linear;
}
.tms-pulse {
  -webkit-animation: tms-spin 0.8s infinite steps(8);
  animation: tms-spin 0.8s infinite steps(8);
}
@-webkit-keyframes tms-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes tms-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.grid-cell-normal {
  /*color: rgb(30, 185, 30);*/
}
.grid-cell-warn {
  color: #ffac6d;
}
.grid-cell-error {
  color: #ff0000;
  /*.animation(blink 1.7s cubic-bezier(.5, 0, 0.5, 0.5) infinite alternate);*/
}
@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ui-select-multiple.ui-select-bootstrap {
  text-align: left !important;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn.btn-default.btn-xs {
  width: initial;
}
/*temp solution*/
.ui-select-choices-inherit-position .ui-select-choices {
  position: inherit;
}
.tms-invisible {
  visibility: hidden;
}
.timepicker .btn {
  height: inherit;
  min-width: 0px;
  border: none;
  margin: initial;
  padding: initial;
}
.tms-time-picker .btn {
  color: #0C1C34;
}
#loading-bar .bar {
  background-color: #0C1C34;
}
.tms-comm-status-icon {
  font-size: 14px;
  line-height: 36px;
  padding-left: 3px;
  opacity: 0.5;
}
.tms-comm-status-icon.icon-normal {
  color: green;
}
.tms-comm-status-icon.icon-normal:before {
  content: "\e84a";
}
.tms-comm-status-icon.icon-communication-interference {
  color: yellow;
}
.tms-comm-status-icon.icon-communication-interference:before {
  content: "\e84b";
}
.tms-comm-status-icon.icon-sleep {
  color: gainsboro;
}
.tms-comm-status-icon.icon-sleep:before {
  content: "\e84c";
}
.tms-comm-status-icon.icon-lost-communication {
  color: red;
}
.tms-comm-status-icon.icon-lost-communication:before {
  content: "\e84d";
}
.ui-grid-row:hover .tms-comm-status-icon {
  opacity: 1;
}
/* THIS DOESN'T WORK CORRECTLY, grids size is not set correctly */
.dialog-datagrid {
  height: 450px !important;
}
.uib-datepicker-popup .btn,
.uib-datepicker-popup .btn.btn-sm {
  min-width: inherit;
  width: inherit;
  padding: 5px 10px;
}
.uib-datepicker-popup .btn.uib-title,
.uib-datepicker-popup .btn.btn-sm.uib-title {
  width: 100%;
}
.uib-datepicker-popup .btn .uib-day .btn,
.uib-datepicker-popup .btn.btn-sm .uib-day .btn {
  min-width: 100%;
}
.uib-datepicker-popup .uib-button-bar .btn {
  background: #f7f9f9;
  color: #54578b;
}
dl {
  margin-bottom: 8px;
}
.table-align-middle tbody tr td {
  vertical-align: middle;
}
asset-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
}
.litui-app-menu {
  background-color: #0C1C34;
}
.litui-app-menu .litui-app-menu-list .litui-app-menu-list-item {
  background-color: #0C1C34;
  cursor: pointer;
}
.litui-app-menu .litui-app-menu-list .litui-app-menu-list-item.litui-selected > .litui-app-menu-list-item-inner {
  background-color: #314564;
}
.litui-app-menu .litui-app-menu-list .litui-app-menu-list-item-p3 {
  font-size: 18px !important;
}
.ats-switch:hover {
  border: #0C1C34;
}
.ats-switch .switch-on .switch-left {
  background: #0C1C34;
}
.font-weight-bold {
  font-weight: bold;
}
[dir=rtl] form input.ng-touched.ng-valid {
  border-right: 1px solid #e5eaf5 !important;
  border-left: 10px solid #38a636;
}
[dir=rtl] form input.ng-touched.ng-invalid {
  border-right: 1px solid #e5eaf5 !important;
  border-left: 10px solid #fd0100;
}
[dir=rtl] .acc-head-add {
  margin-left: auto !important;
  margin-right: 10px !important;
}
ul.litui-app-menu-list li div.litui-app-menu-list-item.litui-selected > a > .litui-app-menu-list-item-inner {
  background-color: #314564;
}
ul.litui-app-menu-list li {
  border-bottom: 1px solid #0C1C34;
}
.grecaptcha-badge {
  z-index: -1;
  visibility: hidden;
}
.grecaptcha-badge.show-grc-badge {
  z-index: 1000;
  visibility: visible;
}
.res-groups {
  height: 100%;
  overflow: auto;
}
.res-groups .res-group .res-group-items .res-group-items-header {
  padding: 0px 5px;
  background-color: #e3e3e3;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.05);
  line-height: 40px;
}
.res-groups .res-group .res-group-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.res-groups .res-group .res-group-items ul li {
  background-color: #f5f5f5;
  line-height: 40px;
  margin: 4px 0px;
  padding: 0px 5px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #e3e3e3;
}
.res-groups .res-group .res-group-items ul li.sort-placeholder {
  background-color: #ffffff;
  height: 40px;
}
.res-groups-screen {
  height: calc(100% - 115px);
}
.tms-splitter .tms-splitter-bottom {
  background-color: #E0E0E0;
  /*        .tms-label{
                    color: @labelColor !important;
                }*/
}
.tms-splitter .tms-splitter-bottom .tms-view-header {
  top: auto;
}
.tms-splitter .tms-splitter-bottom .splitter-preloader-holder {
  text-align: center;
}
.tms-splitter .tms-splitter-bottom .tms-splitter-bottom-content {
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}
.tms-splitter .tms-splitter-bottom .tms-splitter-bottom-content .tms-holder .tms-grid {
  height: calc(100% - 40px);
}
.tms-splitter .tms-splitter-bottom .data-holder .splitter-table {
  width: 100%;
  margin: 0px;
}
.tms-splitter .tms-splitter-bottom .data-holder .splitter-table tr td {
  padding: 0px 8px 0px 0px;
  vertical-align: top;
  border-top: none !important;
  padding-bottom: 18px;
}
.tms-splitter .tms-splitter-bottom .data-holder .splitter-table tr td:before,
.tms-splitter .tms-splitter-bottom .data-holder .splitter-table tr td:after {
  content: " ";
  display: table;
}
.tms-splitter .tms-splitter-bottom .data-holder .splitter-table tr td:after {
  clear: both;
}
.tms-splitter .tms-splitter-bottom .data-holder .splitter-table tr:last-child td {
  padding-bottom: 0;
}
.tms-splitter .tms-splitter-bottom .menu {
  padding-top: 8px;
}
.tms-splitter .tms-splitter-bottom .menu .btn {
  width: 100% !important;
}
.tms-splitter .tms-splitter-bottom .tms-grid {
  padding: 0px;
}
.tms-splitter .tms-splitter-bottom .tms-wizard .tms-grid {
  height: calc(100% - 102px);
  padding: 2px;
}
.tms-content-holder {
  padding-left: 16px !important;
  padding-right: 16px !important;
  /*height: 100% !important;*/
  position: relative;
  overflow: auto;
}
.tms-content-holder .tag-legend {
  width: 40%;
  float: right;
  margin-top: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #e3e3e3;
  background-color: #f7f9f9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-content-holder .tag-legend .tag-legend-item {
  display: block;
}
.tms-content-holder .tag-legend .tag-legend-item .color-tag {
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 5px;
}
.tms-layout.tms-is-splitted-layout .tms-splitter-bottom .tms-content-holder {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tms-main-options-holder {
  background: #E0E0E0;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-options-holder .tms-filter-holder {
  padding: 18px 0;
}
.tms-main-options-holder .tms-filter-holder:before,
.tms-main-options-holder .tms-filter-holder:after {
  content: " ";
  display: table;
}
.tms-main-options-holder .tms-filter-holder:after {
  clear: both;
}
.tms-main-options-holder .tms-filter-holder .btn-group .btn {
  min-width: 70px;
  width: 70px;
}
.tms-card-list {
  overflow-y: auto;
  background-color: #FFF;
  padding-left: 15px;
  padding-bottom: 15px;
}
.tms-card-list * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tms-card-list .card-list-preloader {
  padding-top: 10px;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tms-card-list .card-list-wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.tms-card-list .card-list-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 250px;
  margin-top: 15px;
  margin-right: 15px;
}
.tms-card-list .tms-card {
  background-color: #f7f9f9;
  border: 1px solid #a3b0c3;
}
.tms-card-list .tms-card-selected {
  color: rgba(0, 0, 0, 0.5);
}
.tms-card-list .tms-card-selected img {
  opacity: 0.5;
}
.tms-card-list .tms-card-selected .icon-check {
  font-weight: bold;
  color: #54578b !important;
}
.tms-card-list .tms-card-selected .tms-card-pic-text {
  color: #FFF !important;
  opacity: 0.5;
}
.tms-card-list .tms-card-header {
  overflow: hidden;
  padding-bottom: 8px;
}
.tms-card-list .tms-card-header .id-text {
  padding-top: 8px;
}
.tms-card-list .tms-card-header .tms-icon {
  color: #54578b;
}
.tms-card-list .tms-card-body {
  padding: 0px;
  border-top: 2px solid #88909b;
  border-bottom: 2px solid #88909b;
}
.tms-card-list .tms-card-body .pic {
  /*display: inline-block;*/
  position: relative;
  width: 100%;
}
.tms-card-list .tms-card-body .pic img {
  width: 100%;
  overflow: hidden;
}
.tms-card-list .tms-card-body .pic .tms-card-pic-text {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  background: #a3b0c3;
  color: #FFF;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  top: 0;
  opacity: 0.9;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
.tms-card-list .tms-card-body .pic .tms-card-pic-text .tms-card-pic-text-all {
  height: 0px;
  opacity: 0;
}
.tms-card-list .tms-card-body .pic .tms-card-pic-text:hover .tms-card-pic-text-all {
  height: inherit;
  opacity: 1;
}
.tms-card-list .tms-btn-group .tms-card-btn {
  border-right: 1px solid #a3b0c3;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.tms-card-list .tms-btn-group .tms-card-btn:hover {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-card-list .tms-btn-group.tms-btn-group {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-card-list .tms-btn-group.tms-btn-group .tms-card-btn {
  width: 60px;
  height: 60px;
}
.tms-card-list .tms-btn-group.tms-btn-group .tms-card-btn:first-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.tms-card-list .tms-btn-group.tms-btn-group .tms-card-btn:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.tms-dashboard {
  cursor: default;
  position: relative;
  height: 100%;
  background: #E0E0E0;
}
.tms-dashboard:before,
.tms-dashboard:after {
  content: " ";
  display: table;
}
.tms-dashboard:after {
  clear: both;
}
.tms-dashboard .tms-main-options-holder {
  padding-top: 15px;
  /*background: @panelColor !important;*/
}
.tms-dashboard .tms-main-options-holder:before,
.tms-dashboard .tms-main-options-holder:after {
  content: " ";
  display: table;
}
.tms-dashboard .tms-main-options-holder:after {
  clear: both;
}
.tms-dashboard .tms-time-diff {
  color: #878787;
  font-weight: bold;
}
.tms-dashboard .tms-view-header {
  width: calc(100%);
  margin-left: 0;
}
.tms-dashboard .tms-dashboard-body {
  /*@height: calc(~"100% - @{viewHeaderH}");*/
  height: 100%;
  overflow: hidden;
  background: #f7f9f9;
}
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"],
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"],
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"],
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"],
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"],
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label') {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"]:last-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"]:last-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"]:last-child,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"]:last-child,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"]:last-child,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.tms-dashboard .tms-dashboard-body > *[class^="col-md-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > *[class*=" col-md-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > *[class^="col-sm-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > div[class*=" col-sm-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > *[class^="col-lg-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.tms-dashboard .tms-dashboard-body > .row {
  margin-left: 0;
  margin-right: 0;
  padding-left: 18px;
  padding-right: 18px;
}
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"],
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"],
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"],
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"],
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"],
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label') {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"]:last-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"]:last-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"]:last-child,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"]:last-child,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"]:last-child,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-md-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-md-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-sm-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > .row > div[class*=" col-sm-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > .row > *[class^="col-lg-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body > .row > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.tms-dashboard .tms-dashboard-body > .row .data-holder {
  padding-top: 18px;
  padding-bottom: 18px;
  border-top: 1px solid #ddd;
}
.tms-dashboard .tms-dashboard-body > .row .data-holder .row {
  padding: 5px 0;
}
.tms-dashboard .tms-dashboard-body > .row .data-holder .row.tms-odd {
  background: #f9fafc;
}
.tms-dashboard .tms-dashboard-body > .row .data-holder .row.tms-even {
  background: #ffffff;
}
.tms-dashboard .tms-dashboard-body > .row:first-child .data-holder {
  border-top: none;
}
.tms-dashboard .tms-dashboard-body .border-top {
  border-top: 1px solid #ddd !important;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-label,
.tms-dashboard .tms-dashboard-body .control-label {
  font-weight: bold;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-value {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content {
  border-right: 1px solid #ddd;
  padding-right: 0 !important;
  height: 100%;
  overflow: auto;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row {
  margin-left: 0;
  margin-right: 0;
  padding-left: 18px;
  padding-right: 18px;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"],
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"],
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"],
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"],
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"],
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label') {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"]:last-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"]:last-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"]:last-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"]:last-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"]:last-child,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-md-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-md-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-sm-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > div[class*=" col-sm-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class^="col-lg-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row .data-holder {
  padding-top: 18px;
  padding-bottom: 18px;
  border-top: 1px solid #ddd;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row .data-holder .row {
  padding: 5px 0;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row .data-holder .row.tms-odd {
  background: #f9fafc;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row .data-holder .row.tms-even {
  background: #ffffff;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-content > .row:first-child .data-holder {
  border-top: none;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-menu {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 18px !important;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-menu .btn {
  width: 100%;
  margin-bottom: 18px;
}
.tms-dashboard .tms-dashboard-body .tms-main-options-holder {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-dashboard .tms-dashboard-body .splitter-table tr {
  border-bottom: 1px solid #ddd;
}
.tms-dashboard .tms-dashboard-body .splitter-table tr:last-child {
  border-bottom: none;
}
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"],
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"],
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"],
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"],
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"],
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label') {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"]:last-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"]:last-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"]:last-child,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"]:last-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"]:last-child,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-md-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-md-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-sm-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body group-list > div > div[class*=" col-sm-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body group-list > div > *[class^="col-lg-"] .btn-group-vertical,
.tms-dashboard .tms-dashboard-body group-list > div > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.tms-dashboard .tms-dashboard-body group-list > div .row {
  margin-left: 0;
  margin-right: 0;
}
.tms-dashboard .tms-dashboard-body group-list > div .row .col-md-4 {
  width: 100% / 6;
}
.tms-dashboard .tms-dashboard-body group-list > div .row .col-md-8 {
  width: 100% / 1.2;
}
.tms-dashboard .tms-dashboard-body .form-group {
  margin-left: 0;
  margin-right: 0;
}
.tms-dashboard .tms-dashboard-body .tms-dashboard-title {
  font-weight: bold;
  font-size: 15px;
}
.tms-main-preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 500;
}
.tms-main-preloader .tms-main-preloader-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.tms-main-preloader .tms-main-preloader-inner .tms-main-preloader-holder {
  position: absolute;
  width: 230px;
  height: 36px;
  left: 50%;
  top: 50%;
  margin-left: -115px;
  margin-top: -18px;
  text-align: center;
}
.tms-main-preloader .tms-main-preloader-inner .tms-main-preloader-holder:before,
.tms-main-preloader .tms-main-preloader-inner .tms-main-preloader-holder:after {
  content: " ";
  display: table;
}
.tms-main-preloader .tms-main-preloader-inner .tms-main-preloader-holder:after {
  clear: both;
}
.tms-main-preloader .tms-main-preloader-inner .tms-main-preloader-holder .tms-main-preloader-icon {
  float: left;
  width: 36px;
  height: 36px;
}
.tms-main-preloader .tms-main-preloader-inner .tms-main-preloader-holder .tms-main-preloader-txt {
  float: left;
  width: calc(100% - 36px);
  height: 36px;
  line-height: 36px;
}
.tms-main-preloader .tms-main-preloader-inner .tms-main-preloader-holder .tms-main-preloader-txt span {
  line-height: 18px;
  /*font-weight: bold;*/
  font-size: 18px;
}
.tms-preloader-icon-ring {
  background: url(../../img/ring-alt.svg);
  background-size: contain;
}
.tms-app-menu {
  background: #0C1C34;
  border-right: 2px solid #1e1f33;
  overflow: hidden;
  cursor: default;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    not supported by any browser */
}
.tms-app-menu .tms-app-menu-header {
  position: relative;
  height: 40px;
  border-bottom: 2px solid #0C1C34;
  background: #0C1C34;
}
.tms-app-menu .tms-app-menu-header:before,
.tms-app-menu .tms-app-menu-header:after {
  content: " ";
  display: table;
}
.tms-app-menu .tms-app-menu-header:after {
  clear: both;
}
.tms-app-menu .tms-app-menu-header .tms-app-menu-btn-holder {
  border: none;
  background: #0C1C34;
  float: left;
  width: 47px;
  height: 100%;
  color: #c8c8D0;
  padding: 0;
}
.tms-app-menu .tms-app-menu-header .tms-app-menu-btn-holder:hover {
  background: none;
  color: white;
}
.tms-app-menu .tms-app-menu-header .tms-app-menu-brand-holder {
  float: left;
  width: calc(100% - 47px);
  height: inherit;
  position: relative;
}
.tms-app-menu .tms-app-menu-body {
  position: relative;
  height: calc(100% - (40px + 160px));
  overflow: hidden;
  border-top: 1px solid #0C1C34;
  border-bottom: 2px solid #1e1f33;
}
.tms-app-menu .tms-app-menu-body > ul.tms-app-menu-list {
  overflow-y: auto !important;
}
.tms-app-menu .tms-app-menu-footer {
  position: relative;
  height: 160px;
  border-top: 1px solid #32334c;
}
.tms-app-menu .tms-app-menu-footer .tms-app-menu-footer-menu-list {
  position: relative;
  height: 47px;
}
.tms-app-menu .tms-app-menu-footer .tms-app-menu-features {
  position: relative;
  height: calc(100% - 47px);
}
.tms-app-menu .tms-app-menu-footer .tms-app-menu-features .tms-app-menu-features-inner {
  padding-bottom: 16px;
  height: 100%;
}
.tms-app-menu .tms-app-menu-footer .tms-app-menu-features .tms-app-menu-features-inner .tms-app-menu-feature-holder {
  position: relative;
  height: 50%;
}
.litui-app-menu .litui-app-menu-header {
  border-bottom: none;
  background-color: #0C1C34;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-top {
  background: #0C1C34;
  height: 80px;
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-top .litui-app-menu-btn-holder {
  height: unset;
  background-color: #0C1C34;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-top .litui-app-menu-brand-holder {
  width: unset;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-quick-tools {
  height: unset;
  max-height: 25%;
  margin-bottom: auto;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-quick-tools button {
  cursor: pointer;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-quick-tools litui-voice-comm-quick-dial {
  border: 1px solid white;
  border-radius: 10px;
  width: 80%;
  margin: auto;
  background-color: #122849;
}
.litui-app-menu .litui-app-menu-header .litui-app-menu-quick-tools litui-voice-comm-quick-dial .litui-icon {
  line-height: 1;
}
.litui-app-menu.litui-app-menu-header-collapsed .litui-app-menu-header {
  min-height: 80px;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-header {
  max-height: 80px;
  min-height: 40px;
  justify-content: normal;
  border-bottom: none;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-header .litui-app-menu-top {
  margin-top: 0;
  margin-bottom: 0;
  height: 40px;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-header .litui-app-menu-quick-tools {
  margin-bottom: 0;
  margin-top: 0;
  height: 40px;
  max-height: 40px;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-header .litui-app-menu-quick-tools .litui-icon {
  width: 100%;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-header .litui-app-menu-quick-tools .litui-voice-comm-quick-dial {
  background-color: #122849;
}
.litui-app-menu.litui-app-menu-collapsed .litui-app-menu-top .litui-app-menu-brand-holder {
  display: none;
}
ul.tms-app-menu-list {
  position: relative;
  padding: 0;
  margin: 0 !important;
  list-style: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
ul.tms-app-menu-list li {
  min-height: 47px;
  color: #c8c8D0;
  border-bottom: 1px solid #0C1C34;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item {
  height: 47px;
  position: relative;
  overflow: hidden;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item:before,
ul.tms-app-menu-list li div.tms-app-menu-list-item:after {
  content: " ";
  display: table;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item:after {
  clear: both;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item .tms-app-menu-list-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item .tms-app-menu-list-item-inner .tms-app-menu-list-item-p1 {
  position: relative;
  float: left;
  width: 47px;
  height: inherit;
  text-align: center;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item .tms-app-menu-list-item-inner .tms-app-menu-list-item-p1 span {
  line-height: 47px;
  font-size: 32px;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item .tms-app-menu-list-item-inner .tms-app-menu-list-item-p1 .tms-app-menu-notification {
  width: 20px;
  height: 20px;
  line-height: 22px;
  position: absolute;
  right: 3px;
  bottom: 3px;
  font-weight: bold;
  text-align: center;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  -webkit-box-shadow: 0 0 2px #888888;
  box-shadow: 0 0 2px #888888;
  -moz-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  -o-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item .tms-app-menu-list-item-inner .tms-app-menu-list-item-p1 .tms-app-menu-notification.tms-app-menu-notification-alert {
  background: red;
  color: white;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item .tms-app-menu-list-item-inner .tms-app-menu-list-item-p2 {
  float: left;
  width: calc(100% - 47px - 36px);
  height: inherit;
  line-height: 47px;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item .tms-app-menu-list-item-inner .tms-app-menu-list-item-p2 span {
  line-height: 18px;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item .tms-app-menu-list-item-inner .tms-app-menu-list-item-p3 {
  float: left;
  height: 47px;
  text-align: center;
  line-height: 47px;
  font-size: 18px;
  width: 36px;
  padding-right: 16px;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-app-menu-list-item-no-icon .tms-app-menu-list-item-p1 {
  display: none;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-app-menu-list-item-no-icon .tms-app-menu-list-item-p2 {
  width: calc(100% - 36px);
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-app-menu-list-item-no-sub-menu .tms-app-menu-list-item-p2 {
  width: calc(100% - 47px);
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-app-menu-list-item-no-sub-menu .tms-app-menu-list-item-p3 {
  display: none;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-app-menu-list-item-no-sub-menu.tms-app-menu-list-item-no-icon .tms-app-menu-list-item-p2 {
  width: 100%;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-additional-icon .tms-app-menu-list-item-p2 {
  width: calc(100% - 47px - 36px);
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-additional-icon .tms-app-menu-list-item-p3 {
  display: block !important;
  font-size: 28px;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-link {
  cursor: pointer;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-selected {
  background: #122849;
  color: #ffffff;
}
ul.tms-app-menu-list li div.tms-app-menu-list-item:hover,
ul.tms-app-menu-list li div.tms-app-menu-list-item .hovered {
  background-color: #314564;
  color: #ffffff;
  font-weight: bold;
}
ul.tms-app-menu-list li .tms-app-menu-list-holder {
  position: relative;
  /*height: ~"calc(100% - @{appMenuListIemH})";*/
  overflow: hidden;
}
ul.tms-app-menu-list li .tms-app-menu-list-holder .tms-app-menu-list-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
ul.tms-app-menu-list li:hover {
  background-color: #314564;
  color: #ffffff;
  font-weight: bold;
}
ul.tms-app-menu-list li:last-child {
  border-bottom: none;
}
ul.tms-app-menu-list ul {
  position: relative;
  background: #0C1C34;
}
ul.tms-app-menu-list ul li {
  position: relative;
}
ul.tms-app-menu-list ul li .tms-app-menu-list-item div.tms-app-menu-list-item-inner {
  padding-left: 42px;
  /*                    .tms-app-menu-list-item-p2{
                        width: 100% !important;
                        padding-left: 8px;
                    }*/
}
ul.tms-app-menu-list ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  left: 23px;
  top: 47px/2;
  border-top: 1px solid #7A7A7A;
  z-index: 1;
}
ul.tms-app-menu-list ul:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 23px;
  top: 0;
  bottom: 0;
  border-left: 1px solid #7A7A7A;
}
.tms-app-menu-collapsed .tms-app-menu .tms-app-menu-body > ul.tms-app-menu-list li > tms-app-menu-list-item div.tms-app-menu-list-item {
  background-image: url('../../img/sub_indicator_down-downstate.svg');
  background-repeat: no-repeat;
  background-position: right bottom;
}
.tms-app-menu-collapsed .tms-app-menu .tms-app-menu-body > ul.tms-app-menu-list li > tms-app-menu-list-item div.tms-app-menu-list-item.tms-app-menu-list-item-no-sub-menu {
  background-image: none;
}
.tms-app-menu-collapsed-sub-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 184px;
  background: white;
  height: auto;
  z-index: 300;
  border: 1px solid #e0e0e0;
  border-left: none;
  display: none;
  overflow: hidden;
  -webkit-box-shadow: 2.5px 5px 5px #888888;
  box-shadow: 2.5px 5px 5px #888888;
  -moz-box-shadow: 2.5px 5px 5px #888888 2px 3px #1f1f1f;
  -o-box-shadow: 2.5px 5px 5px #888888 2px 3px #1f1f1f;
  -webkit-box-shadow: 2.5px 5px 5px #888888 2px 3px #1f1f1f;
  box-shadow: 2.5px 5px 5px #888888 2px 3px #1f1f1f;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-title {
  padding-left: 8px;
  font-weight: bold;
  color: #393939;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-body {
  overflow: auto;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-body ul.tms-app-menu-list {
  height: auto;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-body ul.tms-app-menu-list li {
  position: relative;
  color: #0C1C34;
  background: white;
  border-bottom: none;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-body ul.tms-app-menu-list li div.tms-app-menu-list-item div.tms-app-menu-list-item-inner {
  padding-left: 24px;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-body ul.tms-app-menu-list li div.tms-app-menu-list-item.tms-selected {
  background: #f9f9f9;
  color: #0C1C34;
  font-weight: bold;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-body ul.tms-app-menu-list li div.tms-app-menu-list-item:hover {
  background-color: #EFEFEF !important;
  color: #0C1C34;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-body ul.tms-app-menu-list li:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  left: 8px;
  top: 47px/2;
  border-top: 1px solid #7A7A7A;
  z-index: 1;
}
.tms-app-menu-collapsed-sub-menu div.tms-app-menu-collapsed-sub-menu-body ul.tms-app-menu-list:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 8px;
  top: 0;
  bottom: 0;
  border-left: 1px solid #7A7A7A;
}
.tms-app-menu-brand {
  height: inherit;
  cursor: pointer;
}
.tms-app-menu-brand .tms-brandname {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  height: inherit;
  color: #c8c8D0;
  line-height: 40px;
  font-size: 24px;
}
.tms-app-menu-brand .tms-logo-img {
  background-size: contain;
  background-position: center;
  /*margin-top: 4px !important;*/
  background-repeat: no-repeat;
  height: 100%;
}
.tms-app-menu-brand .tms-logo-html {
  text-align: center;
  color: #c8c8D0;
  line-height: 40px;
  font-size: 28px;
}
.tms-app-menu-brand .tms-logo-html span {
  font-family: 'PTSans' !important;
}
.tms-app-menu-brand .tms-logo-html span:first-child {
  font-weight: bolder;
  margin-right: 5px;
}
.tms-app-menu-brand:hover .tms-brandname,
.tms-app-menu-brand:hover .tms-logo-html {
  color: #FFF;
}
.tms-app-menu-collapsed .tms-app-menu-brand {
  display: none;
}
.tms-app-menu-server-time {
  text-align: center;
}
.tms-app-menu-server-time .tms-server-time-tempus {
  font-weight: bold;
  font-size: 20px;
  color: #c8c8D0;
}
.tms-app-menu-server-time .tms-server-time-date {
  font-size: #c8c8D0;
  color: #c8c8D0;
}
.tms-app-menu-collapsed .tms-app-menu-server-time .tms-server-time-tempus {
  font-size: 16px;
}
.tms-app-menu-collapsed .tms-app-menu-server-time .tms-server-time-date {
  font-size: 13px;
}
.tms-app-menu-weather {
  text-align: center;
  padding-top: 8px;
}
.tms-app-menu-weather .tms-weather-icon {
  font-weight: bold;
  color: #c8c8D0;
  font-size: 22px;
  font-family: weathericons !important;
}
.tms-app-menu-weather .tms-weather-temperature {
  color: #c8c8D0;
  font-size: 20px;
}
.tms-app-menu-collapsed .tms-app-menu-weather {
  margin-bottom: 14px;
}
.tms-app-menu-collapsed .tms-app-menu-weather .tms-weather-icon {
  display: block;
}
.tms-app-menu-collapsed .tms-app-menu-weather .tms-weather-temperature {
  display: block;
  margin-top: -4px;
  font-size: 14px;
}
.tms-app-menu-sys-version {
  text-align: center;
}
.tms-app-menu-sys-version span {
  color: #c8c8D0;
  font-size: 10px;
}
/* 
    Created on : 06-Oct-2014, 16:04:55
    Author     : David Burulic <david.burulic@lecip-its.com>
*/
[data-ng-grid] {
  /*opacity: 0;*/
  /*    [data-grid-category-header] .ngHeaderContainer{
            background: red; //@gridHeaderLabel2Color !important;
        }*/
}
[data-ng-grid] .ngCellText,
[data-ng-grid] .ngHeaderText {
  padding-top: 8px;
}
[data-ng-grid] .ngHeaderText {
  font-weight: bold;
}
[data-ng-grid] .ngCellText.dateTime {
  padding: 2px;
  margin: 0px;
  padding-left: 5px;
}
[data-ng-grid] .ngRow {
  background-color: #ffffff;
}
[data-ng-grid] .ngRow.odd {
  background-color: #ffffff;
}
[data-ng-grid] .ngRow.selected {
  background-color: rgba(237, 242, 252, 0.5);
}
[data-ng-grid] .ngRow:hover {
  background-color: #edf2fc;
}
[data-ng-grid] .ngRow [ng-cell] {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
[data-ng-grid] .ngRow [ng-cell]:last-child {
  padding-right: 0;
}
[data-ng-grid] .ngHeaderContainer {
  background-color: #FAFAFA;
  color: #393939;
  height: 18px;
  border-bottom: 2px solid #e0e0e0;
}
[data-ng-grid] .categoryStyle .ngHeaderContainer {
  font-weight: normal !important;
}
[data-ng-grid] .ngSelectionHeader {
  display: none !important;
}
[data-ng-grid] .tms-trip-status-mark {
  /*border-left: 3px solid transparent;*/
  width: 3px;
  background: transparent;
  position: absolute;
  z-index: 1;
}
[data-ng-grid] .tms-trip-status-mark.red {
  background: #d81f1f;
}
[data-ng-grid] .tms-trip-status-mark.green {
  background: #3f9f3f;
}
[data-ng-grid] .tms-trip-status-mark.gray {
  background: #565656;
}
[data-ng-grid] .ngGridActionColumn {
  height: 36px;
  padding: 0;
  text-align: right;
  padding-right: 0;
}
[data-ng-grid] .ngGridActionColumn .icon {
  font-size: 36px;
  color: #0C1C34;
  opacity: 0.5;
}
[data-ng-grid] .ngGridActionColumn .icon:hover {
  opacity: 1;
  cursor: pointer;
}
[data-ng-grid] .ngGridActionColumn .icon:disabled {
  opacity: 0.3;
}
[data-ng-grid] .ng-grid-tooltip-menu {
  float: right;
}
[data-ng-grid] .ng-grid-tooltip-menu .btn.btn-primary {
  float: right;
  width: calc(36px - 10px) !important;
  height: 36px !important;
  line-height: 36px !important;
  border: 1px solid #a5a7ac;
  font-size: 36px;
  text-align: center !important;
  padding: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-color: #ebeded;
  overflow: hidden;
  color: #0C1C34;
  background: transparent;
  cursor: default;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[data-ng-grid] .ng-grid-tooltip-menu .btn.btn-primary:hover {
  background: transparent !important;
}
[data-ng-grid] .ng-grid-tooltip-menu .btn.btn-primary:active {
  color: #0C1C34;
}
[data-ng-grid] .ng-grid-tooltip-menu .btn.btn-primary:active:hover {
  color: #ffffff;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu {
  padding: 0;
  /*overflow: hidden;*/
  /*background: @left-backgroun-color;*/
  right: 0;
  left: auto;
  margin-top: 34px;
  -moz-box-shadow: 0 0 15px #1f1f1f;
  -o-box-shadow: 0 0 15px #1f1f1f;
  -webkit-box-shadow: 0 0 15px #1f1f1f;
  box-shadow: 0 0 15px #1f1f1f;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt {
  border-bottom: 1px solid #a3b0c3;
  height: 35px;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt a {
  color: #393939;
  font-size: 14px;
  text-align: left;
  padding: 0;
  padding-left: 5px;
  padding-right: 10px;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt:disabled {
  border-color: #989ba2 !important;
  color: #7f7f7f !important;
  background: url('../../img/disabled-pattern.jpg') !important;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt:active,
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt.active {
  background: #009fff !important;
  color: #0C1C34 !important;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt:hover a {
  background: transparent !important;
  color: #0C1C34 !important;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt:first-child a {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt:last-child {
  border-bottom: none;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu li.tms-grid-menu-elt:last-child a {
  border-bottom: none;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu.tms-arrow:before {
  left: auto;
  right: 10px;
  position: absolute;
  top: -6px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f7f9f9;
  border-left: 6px solid transparent;
  content: '';
  visibility: hidden;
}
[data-ng-grid] .ng-grid-tooltip-menu ul.tms-grid-menu.tms-arrow:after {
  left: auto;
  right: 10px;
  border-top-color: #f7f9f9;
  position: absolute;
  bottom: -6px;
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f7f9f9;
  content: '';
  visibility: hidden;
}
[data-ng-grid] .ng-grid-tooltip-menu .dropdown.open .tms-arrow:before {
  visibility: visible;
}
[data-ng-grid] .ng-grid-tooltip-menu .dropdown.open .tms-arrow:after {
  visibility: hidden;
}
[data-ng-grid] .ng-grid-tooltip-menu .dropdown.open .btn.btn-primary {
  color: #ffffff;
  background: #0C1C34;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
[data-ng-grid] .ng-grid-tooltip-menu .dropdown.open .btn.btn-primary:hover {
  background: #0C1C34 !important;
  color: #ffffff !important;
  border-left: none !important;
  border-right: none !important;
}
[data-ng-grid] .ng-grid-tooltip-menu.dropup .tms-arrow:before {
  visibility: hidden !important;
}
[data-ng-grid] .ng-grid-tooltip-menu.dropup .tms-arrow:after {
  visibility: visible !important;
}
.tms-datagrid-filter {
  padding-bottom: 8px;
  width: 100%;
}
.tms-grid-view-select {
  padding-top: 7px;
}
.ngCell .tms-bus-position {
  margin-top: 10px;
}
.ngCell .tms-bus-position.tms-before {
  margin-left: 20px;
}
.ngCell .tms-bus-position.tms-on {
  margin-left: 35px;
}
.ngCell .tms-bus-position.tms-after {
  margin-left: 35px;
}
.ngHeaderCell {
  font-weight: bold;
}
.ngHeaderCell:hover {
  background-color: #edf2fc;
}
.tms-datagrid-menu-holder {
  width: 200px;
}
.ng-grid-details {
  color: #0C1C34;
  cursor: pointer;
}
.ng-grid-details:hover {
  text-decoration: underline;
  background-color: #e1e8f7;
}
[ng-cell] .ngCellText {
  font-size: 12px;
}
.ngHeaderText {
  font-size: 12px;
  height: 36px;
  padding-top: 10px !important;
  padding-bottom: 5px !important;
  font-weight: normal;
}
.tms-datagrid-category-border {
  border-color: #e0e0e0;
}
table.tms-datagrid {
  width: 100%;
  cursor: default;
  /*    .cellWidth(){
    
        }*/
}
table.tms-datagrid thead {
  width: 100%;
  background: #FAFAFA !important;
  height: 36px !important;
  overflow: hidden;
}
table.tms-datagrid thead tr {
  width: 100%;
  height: 36px !important;
}
table.tms-datagrid thead tr th {
  /*padding: 0 9px;*/
  height: 36px !important;
  border-left: 1px solid red;
  border-right: 1px solid red;
  text-align: center;
}
table.tms-datagrid thead tr th div {
  overflow: hidden !important;
  display: block;
}
table.tms-datagrid tbody {
  width: 100%;
  height: auto;
}
table.tms-datagrid tbody tr {
  width: 100%;
  height: 36px;
  background: #ffffff !important;
  overflow: hidden;
}
table.tms-datagrid tbody tr td {
  /*padding: 9px;*/
  width: 20%;
  text-align: left;
  border-left: 1px solid red;
  border-right: 1px solid red;
}
table.tms-datagrid tbody tr.odd {
  background: #f9fafc !important;
}
table.tms-datagrid tbody tr:hover {
  background: #edf2fc;
}
@media print {
  table.tms-datagrid thead {
    border-top: 1px solid #E0E0E0;
  }
  table.tms-datagrid tbody {
    border-top: 1px solid #E0E0E0;
  }
}
.tms-cell-square-tpl {
  text-align: center;
  padding-top: 3px;
}
.tms-cell-square-tpl .tms-square {
  border: 1px solid #a3b0c3;
  text-align: center;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: auto;
  position: relative;
}
.ngTopPanel.categoryStyle {
  background: #FAFAFA;
}
.ngTopPanel.categoryStyle .ngHeaderContainer {
  font-weight: normal;
  font-size: 12px;
}
.ngTopPanel.categoryStyle .ngHeaderContainer .ngHeaderCell {
  padding-top: 2px;
  color: #393939;
}
.tms-datagrid-total-row {
  margin-top: 20px;
  line-height: 36px;
}
[dir=rtl] [data-ng-grid] .ngHeaderContainer .ngHeaderScroller {
  margin-right: 8px;
}
[dir=rtl] [data-ng-grid] .ngViewport {
  width: calc(100% - 8px) !important;
  margin-right: 8px;
}
[dir=rtl] [data-ng-grid] .ngViewport .ngCanvas {
  width: calc(100% - 8px) !important;
  margin-right: 8px;
}
.tms-view-header {
  /*@viewHeaderWidth: calc(~"100% + @{overallMargin} + @{overallMargin}");*/
  background: #122849;
  min-height: 40px;
  /*margin-left: -@overallMargin;*/
  width: 100%;
  /*position: relative;*/
  /*margin-bottom: @overallMargin;*/
  /*position: fixed;*/
  z-index: 1000;
  left: 219px;
  top: 0;
  /*border-left: 1px solid @viewHeaderLeftBorderC;*/
  /*border-bottom: 2px solid @viewHeaderBottomBorderC;*/
  /*                .tms-view-nav-holder{
                        padding-top: @viewHeaderPaddingT - 5px;
                        min-height: @viewHeaderH;
                        position: absolute; 
                        left: 50%;
                        display: none; 
                        
                        a.tms-tab{
                            background: transparent;
                            &.tms-active{
                                background: @interactionColor;
                            }
                            &:hover{
                                background: @plainColor;
                                color: @plainColorI;
                            }
                        }
                    }*/
}
.tms-view-header:before,
.tms-view-header:after {
  content: " ";
  display: table;
}
.tms-view-header:after {
  clear: both;
}
.tms-view-header .tms-view-header-inner {
  padding-left: 8px;
  padding-right: 0;
}
.tms-view-header .tms-view-header-inner:before,
.tms-view-header .tms-view-header-inner:after {
  content: " ";
  display: table;
}
.tms-view-header .tms-view-header-inner:after {
  clear: both;
}
.tms-view-header .tms-view-header-inner.tms-has-navigation {
  background: #122849;
}
.tms-view-header .tms-view-header-inner .tms-title {
  float: left;
  padding-right: 10px;
  font-size: 19px;
  font-weight: bold;
  color: #c8c8D0;
  height: 40px;
  line-height: 40px;
  min-width: 200px;
}
.tms-view-header .tms-view-header-inner .tms-title h1 {
  font-size: 1.17em !important;
  line-height: inherit !important;
}
.tms-view-header .tms-view-header-inner .tms-title .tms-back-btn {
  line-height: 1;
  height: 40px;
  overflow-y: hidden;
  float: left;
  margin-left: -8px;
}
.tms-view-header .tms-view-header-inner .tms-title .tms-back-btn button {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px;
  line-height: 40px;
  background: #122849 !important;
  border: none !important;
  color: #c8c8D0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-view-header .tms-view-header-inner .tms-title .tms-back-btn button:hover {
  background: #0C1C34 !important;
  color: #122849 !important;
}
.tms-view-header .tms-view-header-inner .tms-icon {
  line-height: 40px;
  color: #c8c8c8;
}
.tms-view-header .tms-view-nav-holder {
  float: left;
  display: none;
}
.tms-view-header .tms-view-nav-holder .tms-tab-group .tms-tab {
  background: #D2D2D2;
  color: #393939;
  border: none;
}
.tms-view-header .tms-view-nav-holder .tms-tab-group .tms-tab.tms-active {
  font-weight: bold;
  background: #E0E0E0;
  background: #fafafa;
  color: #393939;
  cursor: default;
}
.tms-view-header .tms-view-nav-holder .tms-tab-group .tms-tab.tms-active:hover {
  background: #fafafa;
  color: #393939;
}
.tms-view-header .tms-view-nav-holder .tms-tab-group .tms-tab:hover {
  background: #F5F5F5;
  color: #0C1C34;
  font-weight: bold;
}
.tms-view-header .tms-view-nav-holder.tms-new-line {
  /*float: none;*/
  /*background: @viewHeaderColor;*/
  /*clear: both;*/
}
.tms-view-header .tms-view-nav2-holder {
  /*position: absolute;*/
  background: #dedede;
  /*width: calc(~"100%");*/
  height: 36px;
  padding: 0 16px;
  /*margin: @overallMargin -@overallMargin;*/
  margin-top: 0;
  display: none;
  /*                        .tms-nav2-item-active:after {
                                    top: 100%;
                                    left: 50%;
                                    border: solid transparent;
                                    content: " ";
                                    position: absolute;
                                    border-top-color: #ffffff;
                                    border-width: 7px;
                                    margin-left: -7px;
                                }*/
}
.tms-view-header .tms-view-nav2-holder .tms-nav2-item {
  position: relative;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 50px;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  display: inline-block;
}
.tms-view-header .tms-view-nav2-holder .tms-nav2-item-active {
  font-weight: bold;
  color: #000000;
  border-bottom: 3px solid #0C1C34;
}
.tms-view-header .tms-view-help-holder {
  min-height: 50px;
  /*position: absolute;*/
  top: 40px;
  /*width: calc(~"100% + @{overallMargin}");*/
  background-color: #ffffff;
  /*                        margin-left: -@overallMargin;
                                margin-right: -@overallMargin;*/
  margin-top: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ffffff;
}
.tms-view-header .tms-view-help-holder .tms-view-help-close {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  color: #0C1C34;
}
.tms-view-header .tms-view-help-holder .tms-view-help-close:hover {
  opacity: 1;
}
.tms-view-header .tms-view-help-holder .tms-view-help-content {
  color: #646464;
  padding: 8px;
}
.tms-view-header .tms-view-help-holder .tms-help-arrow {
  width: 20px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  top: -10px;
  right: 0;
  display: none;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
}
.tms-view-header .tms-view-options {
  float: right;
  height: 40px;
}
.tms-view-header .tms-view-options .tms-icon-btn {
  opacity: 0.5;
  height: 40px;
  color: #c8c8D0;
}
.tms-view-header .tms-view-options .tms-icon-btn:hover {
  color: #FFF;
}
.tms-view-header .tms-view-options:before,
.tms-view-header .tms-view-options:after {
  content: " ";
  display: table;
}
.tms-view-header .tms-view-options:after {
  clear: both;
}
.tms-view-header .tms-breadcrumbs {
  float: left;
  padding-right: 10px;
}
.tms-view-header .tms-breadcrumbs:before,
.tms-view-header .tms-breadcrumbs:after {
  content: " ";
  display: table;
}
.tms-view-header .tms-breadcrumbs:after {
  clear: both;
}
.tms-view-header .tms-breadcrumbs .tms-back-btn {
  float: left;
  margin-left: -8px;
}
.tms-view-header .tms-breadcrumbs .tms-back-btn button {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px;
  line-height: 40px;
  background: #122849 !important;
  border: none !important;
  color: #c8c8D0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-view-header .tms-breadcrumbs .tms-back-btn button:hover {
  background: #0C1C34 !important;
  color: #122849 !important;
}
.tms-view-header .tms-breadcrumbs .tms-breadcrumbs-title {
  line-height: 40px;
  padding-left: 15px;
  cursor: default;
  font-size: 19px;
  color: #c8c8D0;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
}
.tms-view-header .tms-breadcrumbs .tms-breadcrumbs-title2 {
  line-height: 40px;
  padding-left: 15px;
  cursor: default;
  font-size: 19px;
  color: #c8c8D0;
  font-weight: bold;
  float: left;
}
.tms-view-header .tms-main-tools {
  /*margin-top: -25px;*/
  margin: 0;
  padding-top: 5px;
  /*            .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
                        .rounded(@overallRounded, 0, @overallRounded, 0);
                    }*/
}
.tms-view-header .tms-main-tools .btn {
  background: #f7f9f9;
}
.tms-view-header .tms-main-tools .btn:last-child {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.tms-view-header .tms-tab.tms-view-header-tab {
  display: flex;
  align-items: center;
}
.tms-view-header .tms-tab.tms-view-header-tab .tms-view-header-title {
  flex-grow: 2;
  text-align: center;
  padding-left: 22px;
  padding-right: 2px;
}
.tms-view-header .tms-tab.tms-view-header-tab .tms-view-header-tab-tag {
  flex-grow: 0;
}
.tms-view-header .tms-tab.tms-view-header-tab .tms-view-header-tab-tag .tms-view-header-tab-tag-value {
  bottom: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: #666666;
  text-align: center;
  line-height: 22px;
  color: white;
  font-size: 0.85rem;
  font-weight: bold;
}
.tms-view-header .tms-tab.tms-active.tms-view-header-tab .tms-view-header-tab-tag .tms-view-header-tab-tag-value {
  background: black;
}
.tms-view-header .tms-tab:hover.tms-view-header-tab .tms-view-header-tab-tag .tms-view-header-tab-tag-value {
  background: black;
}
.tms-view-header.tms-has-navigation {
  background: #122849;
}
[dir=rtl] .tms-view-header .tms-view-header-inner {
  padding-right: 8px !important;
  padding-left: 0 !important;
}
[dir=rtl] .tms-view-header .tms-view-header-inner .tms-title {
  float: right !important;
}
[dir=rtl] .tms-view-header .tms-view-header-inner .tms-view-nav-holder {
  float: right !important;
}
[dir=rtl] .tms-view-header .tms-view-header-inner .tms-view-help-holder .tms-view-help-close {
  float: left !important;
}
[dir=rtl] .tms-view-header .tms-view-header-inner .tms-view-help-holder .tms-help-arrow {
  right: auto !important;
  left: 0;
}
[dir=rtl] .tms-view-header .tms-view-header-inner .tms-view-options {
  float: left !important;
  opacity: 0.5;
}
[dir=rtl] .tms-view-header .tms-view-header-inner .tms-breadcrumbs {
  float: right !important;
}
[dir=rtl] .tms-view-header .tms-view-header-inner .tms-tab.tms-view-header-tab.tms-view-header-tab-tag {
  padding-left: 2px;
  padding-right: 22px;
}
.tms-main-tools-holder {
  height: 40px;
  background: #FFF !important;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  /*overflow-y: hidden;*/
  display: table;
  width: 100%;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /* a part of main tools: grid status label + main tools buttons */
}
.tms-main-tools-holder:before,
.tms-main-tools-holder:after {
  content: " ";
  display: table;
}
.tms-main-tools-holder:after {
  clear: both;
}
.tms-main-tools-holder .tms-main-tools-filter {
  float: left;
}
.tms-main-tools-holder .tms-main-tools-filter:first-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-tools-holder .btn {
  background: transparent;
  color: #0C1C34;
}
.tms-main-tools-holder .btn.tms-grid-select {
  width: 37px !important;
  min-width: 37px !important;
  border-left: none;
  padding: 0;
  font-size: 36px;
  vertical-align: middle;
  text-shadow: none;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /*.gradient-background2color(@gradient1start, @gradient1stop);*/
  /*                    &:active{
                            background: @colorBckg7 !important;
                            border-color: @colorBorder6 !important;
                            color: @colorTxt2 !important;
                        }*/
}
.tms-main-tools-holder .btn.tms-grid-select.icon-trash {
  font-size: 24px;
}
.tms-main-tools-holder .btn.tms-grid-select.icon-routeflow {
  font-size: 24px;
}
.tms-main-tools-holder .btn.tms-grid-select.icon-legend {
  vertical-align: text-bottom;
  font-size: 20px;
}
.tms-main-tools-holder .btn.tms-filter-toggle {
  width: 37px !important;
  min-width: 37px !important;
  border-left: none;
  padding: 0;
  font-size: 36px;
  vertical-align: middle;
  text-shadow: none;
  /*.rounded(0, 0, 0, 0);*/
}
.tms-main-tools-holder .btn.tms-filter-toggle.icon-trash {
  font-size: 24px;
}
.tms-main-tools-holder .btn.tms-filter-toggle.icon-routeflow {
  font-size: 24px;
}
.tms-main-tools-holder .btn.tms-filter-toggle.icon-legend {
  vertical-align: text-bottom;
  font-size: 20px;
}
.tms-main-tools-holder .tms-grid-tools-holder {
  float: left;
}
.tms-main-tools-holder .tms-grid-tools-holder .tms-grid-tool-col {
  float: left;
  display: inline-block;
  margin-left: 9px;
  min-width: 125px;
  /*                    .btn{
                            margin-top: 5px;
                            margin-bottom: 5px;
                            height: calc(~"@{mainToolsH} - 10px") !important;
                            width: 125px;
                        }*/
}
.tms-main-tools-holder .tms-grid-tools-holder .tms-grid-tool-col:first-child {
  width: 250px;
}
.tms-main-tools-holder .queue-grid-tools-holder {
  float: left;
}
.tms-main-tools-holder .queue-grid-tools-holder .queue-grid-tool-col {
  float: left;
  display: inline-block;
  margin-left: 9px;
  min-width: 90px;
}
.tms-main-tools-holder .queue-grid-tools-holder .queue-grid-tool-col .btn {
  width: 90px !important;
  min-width: 90px !important;
}
.tms-main-tools-holder .tms-grid-items-count {
  float: left;
  line-height: 40px;
  padding: 0 10px;
  font-weight: bold;
  color: #393939;
}
.tms-main-tools-holder .tms-grid-items-count img {
  height: 40px;
}
.tms-main-tools-holder .btn {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 5px;
  min-width: 91px;
  border: none !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  font-size: 12px;
  font-weight: bold;
  margin: 0 !important;
  padding-left: 18px;
  padding-right: 18px;
  min-width: 0;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /*
                &.tms-grid-options-all{
                    width: 37px !important;
                    min-width: 37px !important;
        background: red !important;
                    .tms-icon();
                    .rounded(@overallRounded, 0, 0, 0);
                    
                    &:hover{
                        border-right: transparent !important;
                    }
                }*/
}
.tms-main-tools-holder .btn:first-child {
  border-left-color: transparent !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-tools-holder .btn:last-child {
  border-right-color: transparent !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-tools-holder .btn:hover {
  border-right-color: #0C1C34 !important;
  border-left-color: #0C1C34 !important;
}
.tms-main-tools-holder .btn.tms-grid-options-all {
  font-size: 36px;
  width: 40px;
  height: 40px;
  padding: 0;
  font-weight: normal;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-tools-holder .btn.tms-grid-options-all:focus {
  background-color: #0C1C34;
  color: #ffffff;
}
.tms-main-tools-holder .btn:hover {
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  color: #0C1C34 !important;
  background: #f9f9f9 !important;
}
.tms-main-tools-holder .btn.tms-grid-select {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-tools-holder .btn-group.tms-main-tools {
  float: right;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-tools-holder .btn-group.tms-main-tools:before,
.tms-main-tools-holder .btn-group.tms-main-tools:after {
  content: " ";
  display: table;
}
.tms-main-tools-holder .btn-group.tms-main-tools:after {
  clear: both;
}
.tms-main-tools-holder .btn-group.tms-main-tools > .tms-directive .btn {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 1px solid transparent;
}
.tms-main-tools-holder .btn-group.tms-main-tools > .tms-directive:first-child .btn {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-tools-holder .btn-group.tms-main-tools > .tms-directive:last-child .btn {
  border-right: 1px solid transparent !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-main-tools-holder .btn-group.tms-main-tools > .tms-directive:hover .btn {
  border-right: 1px solid transparent !important;
}
.tms-main-tools-holder .tms-main-tools-menu-holder {
  float: right !important;
}
.tms-main-tools-holder .tms-main-tools-menu-holder:before,
.tms-main-tools-holder .tms-main-tools-menu-holder:after {
  content: " ";
  display: table;
}
.tms-main-tools-holder .tms-main-tools-menu-holder:after {
  clear: both;
}
.tms-main-tools-holder .tms-main-tools-menu-holder.tms-no-labels .btn .tms-label {
  display: none;
}
.tms-main-tools-holder .tms-search-control input[type=text] {
  height: 30px;
}
.tms-main-tools-holder .tms-search-control button {
  height: 30px;
  line-height: 30px;
}
[dir=rtl] .tms-main-tools-holder .tms-grid-tools-holder .tms-grid-tool-col {
  margin-left: auto !important;
  margin-right: 9px;
}
/*@media (max-width: @tms-main-tools-min-width){
    .tms-main-tools{
        .tms-label{
            display: none;
        }
    }
}*/
/*@media print{
    .tms-main-tools-holder{
        border-top: 1px solid @backgroundColor;
        border-bottom: 1px solid @backgroundColor;
    }
}*/
.tms-drop-down {
  padding: 0;
  /*overflow: hidden;*/
  /*background: @left-backgroun-color;*/
  right: 0;
  left: auto;
  -moz-box-shadow: 0 0 15px #1f1f1f;
  -o-box-shadow: 0 0 15px #1f1f1f;
  -webkit-box-shadow: 0 0 15px #1f1f1f;
  box-shadow: 0 0 15px #1f1f1f;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-drop-down.tms-arrow:before {
  left: auto;
  right: 10px;
  position: absolute;
  top: -6px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f7f9f9;
  border-left: 6px solid transparent;
  content: '';
  visibility: hidden;
}
.tms-drop-down.tms-arrow:after {
  left: auto;
  right: 10px;
  border-top-color: #f7f9f9;
  position: absolute;
  bottom: -6px;
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f7f9f9;
  content: '';
  visibility: hidden;
}
.tms-drop-down li.tms-grid-menu-elt {
  height: 35px;
  border-bottom: 1px solid #a3b0c3 !important;
}
.tms-drop-down li.tms-grid-menu-elt button.btn.btn-primary {
  width: 100%;
  height: 32px !important;
  border: none !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-drop-down li.tms-grid-menu-elt button.btn.btn-primary .tms-icon {
  float: left;
}
.tms-drop-down li.tms-grid-menu-elt button.btn.btn-primary .tms-label {
  float: left;
}
.tms-drop-down li.tms-grid-menu-elt:first-child button.btn.btn-primary {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tms-drop-down li.tms-grid-menu-elt:last-child {
  border-bottom: none !important;
}
.tms-drop-down li.tms-grid-menu-elt:last-child button.btn.btn-primary {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-drop-down li.tms-grid-menu-elt:first-child:last-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.open .tms-arrow:before {
  visibility: visible;
}
.open .tms-arrow:after {
  visibility: hidden;
}
[main-nav] {
  /*background: @panelColor !important;*/
  border-right: 1px solid #1e1f33;
  overflow-y: hidden !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
[main-nav] ul li {
  cursor: default;
}
[main-nav] ul li a .menu-title {
  color: #c8c8c8;
}
[main-nav] ul li a .tms-icon {
  color: #c8c8c8 !important;
}
[main-nav] ul li a:hover .tms-icon {
  color: #c8c8c8 !important;
}
[main-nav] ul li .menu-item-arrow {
  font-size: 24px;
  line-height: 44px;
  margin-right: 10px;
}
[main-nav] ul li.current > a {
  background: #122849 !important;
  font-weight: bold;
  color: #ffffff !important;
}
[main-nav] ul li.current > a .menu-title {
  color: #ffffff !important;
}
[main-nav] ul li.current > a .tms-icon {
  color: #ffffff !important;
}
[main-nav] ul li:hover > a {
  background: #122849 !important;
}
[main-nav] ul li:hover > a .tms-icon {
  color: #ffffff !important;
}
[main-nav] ul li:hover > a .menu-title {
  font-weight: bold;
  color: #ffffff;
}
[main-nav] ul.small-menu-list li:hover > a {
  background: #f9f9f9 !important;
  color: #0C1C34 !important;
}
[main-nav] ul.small-menu-list li:hover > a .menu-title {
  color: #0C1C34;
}
[main-nav]:not(.small-menu) ul ul {
  position: relative;
}
[main-nav]:not(.small-menu) ul ul:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 23px;
  top: 0;
  bottom: 0;
  border-left: 1px solid #7A7A7A;
}
[main-nav]:not(.small-menu) ul ul li {
  position: relative;
}
[main-nav]:not(.small-menu) ul ul li a {
  padding-left: 42px !important;
}
[main-nav]:not(.small-menu) ul ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  left: 23px;
  top: 47px/2;
  border-top: 1px solid #7A7A7A;
  z-index: 1;
}
.tms-brand {
  height: 40px;
  background: #0C1C34;
  /*    padding-top: 24px;*/
  border-bottom: 1px solid #1e1f33;
  overflow: hidden;
  position: relative;
}
.tms-brand:before,
.tms-brand:after {
  content: " ";
  display: table;
}
.tms-brand:after {
  clear: both;
}
.tms-brand .tms-icon-btn {
  float: left;
  color: #dedede;
  margin-left: 7px;
  margin-top: 2px;
}
.tms-brand .menu-header {
  float: left;
  /*margin-top: 17px;*/
}
.tms-brand .menu-header .tms-nav-logo {
  /*            width: 153px;
            height: 44px;*/
}
.tms-brand .menu-header.tms-long-text {
  width: calc(100% - 66px - 10px);
  color: #c8c8c8;
  font-size: 24px;
  height: 100%;
  line-height: 40px;
}
li .tms-triangle-right {
  font-size: 36px;
  margin-top: 3px;
}
li.active > a .tms-icon {
  color: #c8c8c8 !important;
}
li.active > a .tms-title {
  color: #c8c8c8 !important;
}
li.active > a .tms-triangle-right {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
}
li.active:hover > a .tms-icon {
  color: #c8c8c8 !important;
}
li.active:hover > a .tms-title {
  color: #c8c8c8 !important;
}
li.active:hover .sub-level .active > .tms-sub-title {
  color: #c8c8c8 !important;
}
li a.tms-sub-title:hover {
  color: #c8c8c8;
}
/* 
    Created on : 06-Oct-2014, 16:10:03
    Author     : david_000
*/
.btn.tms-side-menu-right {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.btn.tms-side-menu-btn.side-menu-vertical.side-menu-vertical-right {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.btn.tms-side-menu-btn.side-menu-vertical.side-menu-vertical-left {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.btn.tms-side-menu-btn.side-menu-horizontal.side-menu-horizontal-top {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.btn.tms-side-menu-btn.side-menu-horizontal.side-menu-horizontal-bottom {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.nav-user-menu {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.tms-build-version {
  position: absolute;
  top: 33px;
  /*left: 85px;*/
  width: 100%;
}
.tms-build-version .tms-build-version-inner {
  position: relative;
  font-size: 10px;
  line-height: 18px;
  padding-right: 8px;
  padding-left: 60px;
}
.tms-build-version.tms-generic-id .tms-build-version-inner {
  padding-left: 50px;
}
.small-menu .tms-build-version {
  display: none;
}
#tooltip-layer {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 21000;
}
.tms-tooltip {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}
.tms-tooltip.tooltip-arrow-bottom {
  background: url("../../img/ttarrow.png") no-repeat center bottom;
  padding-bottom: 3px;
}
.tms-tooltip.tooltip-arrow-top {
  background: url("../../img/ttarrow-up.png") no-repeat center top;
  padding-top: 3px;
}
.tms-tooltip.tooltip-arrow-left {
  background: url("../../img/ttarrow-left.png") no-repeat left center;
  padding-left: 3px;
}
.tms-tooltip.tooltip-arrow-right {
  background: url("../../img/ttarrow-right.png") no-repeat right center;
  padding-right: 3px;
}
.tms-tooltip.error.tooltip-arrow-left {
  background: url("../../img/ttarrow-left.png") no-repeat left center;
}
.tms-tooltip.error.tooltip-arrow-right {
  background: url("../../img/ttarrow-right.png") no-repeat left center;
}
.tms-tooltip.error.tooltip-arrow-top {
  background: url("../../img/ttarrow-up.png") no-repeat left center;
}
.tms-tooltip.error.tooltip-arrow-bottom {
  background: url("../../img/ttarrow.png") no-repeat left center;
}
.tms-tooltip.error .tooltip-inner {
  background: red;
  width: 150px;
}
.tms-tooltip.hint.tooltip-arrow-left {
  background: none;
}
.tms-tooltip.hint.tooltip-arrow-bottom {
  background: url(../../img/ttarrow-hint.png) no-repeat bottom center;
  background-size: 15px 10px;
  padding-bottom: 10px;
  margin-top: 10px;
}
.tms-tooltip.hint .tooltip-inner {
  background: white;
  color: black;
  max-width: 300px;
  text-align: justify;
  text-align-last: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-box-shadow: 1px -1px 4px rgba(51, 51, 51, 0.5);
  -o-box-shadow: 1px -1px 4px rgba(51, 51, 51, 0.5);
  -webkit-box-shadow: 1px -1px 4px rgba(51, 51, 51, 0.5);
  box-shadow: 1px -1px 4px rgba(51, 51, 51, 0.5);
}
.tms-tooltip .tooltip-inner {
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 2px 5px;
  min-height: 20px;
  color: #ffffff;
  font-size: 12px;
  display: inline-block;
  max-width: 300px;
  float: left;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-active-call {
  position: fixed;
  width: 300px;
  height: 240px;
  top: 10px;
  /*margin-left: -200px;*/
  z-index: 20000;
  background: transparent;
  overflow: hidden;
  border: 1px solid #cdd7e1;
  display: none;
  cursor: default;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  -moz-box-shadow: 0 2px 10px #1f1f1f;
  -o-box-shadow: 0 2px 10px #1f1f1f;
  -webkit-box-shadow: 0 2px 10px #1f1f1f;
  box-shadow: 0 2px 10px #1f1f1f;
}
.tms-active-call .tms-active-call-inner {
  background: #f7f9f9;
  height: 240px;
}
.tms-active-call .tms-active-call-inner:before,
.tms-active-call .tms-active-call-inner:after {
  content: " ";
  display: table;
}
.tms-active-call .tms-active-call-inner:after {
  clear: both;
}
.tms-active-call .tms-active-call-inner .tms-call-actions {
  float: left;
  width: 100px;
  height: 240px;
  padding: 5px 0;
}
.tms-active-call .tms-active-call-inner .tms-call-actions .tms-call-icon {
  /*background: red;*/
  width: 100px;
  text-align: center;
  line-height: 80%;
  font-size: 60px;
  cursor: pointer;
  color: #0C1C34;
  transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  /* IE 9 */
  -webkit-transform: rotate(120deg);
  /* Safari and Chrome */
}
.tms-active-call .tms-active-call-inner .tms-call-actions .tms-call-duration {
  text-align: center;
  height: 20px;
  width: 100%;
}
.tms-active-call .tms-active-call-inner .tms-call-info {
  /*background: green;*/
  float: left;
  width: calc(100% - 130px);
  height: 240px;
  overflow-y: auto;
}
.tms-active-call .tms-active-call-inner .tms-call-info .tms-call-item {
  width: calc(100% - 10px);
  border-bottom: 1px solid black;
}
.tms-active-call .tms-active-call-inner .tms-call-info .tms-call-item .tms-reg-num {
  font-weight: bold;
  padding: 5px;
  padding-top: 10px;
  font-size: 18px;
}
.tms-active-call .tms-active-call-inner .tms-call-info .tms-call-item .tms-driver {
  padding: 5px;
  padding-top: 0;
}
.tms-active-call .tms-active-call-inner .tms-call-info .tms-call-item-active {
  border-bottom: 1px solid #0C1C34 !important;
  color: #0C1C34 !important;
}
.tms-active-call .tms-active-call-inner .tms-call-info .tms-tms-call-item-calling {
  border-bottom: 1px solid black !important;
  color: black !important;
}
.tms-active-call .tms-active-call-inner .tms-call-info .tms-tms-call-item-inactive {
  border-bottom: 1px solid red !important;
  color: red !important;
}
.tms-active-call .tms-active-call-inner .tms-call-actions {
  /*background: blue;*/
  float: left;
  width: 100px;
  height: 240px;
}
.tms-active-call .tms-active-call-inner .tms-call-actions .tms-call-duration {
  text-align: center;
}
.tms-active-call .tms-call-reject {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  /*display: none;*/
}
.tms-active-call .tms-call-reject:hover {
  color: #0C1C34;
}
.tms-active-call.tms-active-state {
  border-color: red;
}
.tms-active-call.tms-active-state .tms-call-icon {
  color: red !important;
}
.tms-active-call.tms-active-state .tms-call-reject {
  display: none;
}
.tms-active-call.tms-incoming-call-state {
  border-color: green;
}
.tms-active-call.tms-incoming-call-state .tms-call-icon {
  color: green !important;
}
.tms-active-call.tms-incoming-call-state .tms-call-duration {
  display: none;
}
.ltui-vertical-scroll {
  overflow-y: auto;
}
.lt-scrollable-x {
  overflow-x: auto;
}
.lt-scrollable-y {
  overflow-y: auto;
}
.lt-scrollable {
  overflow: auto;
}
.lt-holder {
  /*width: 100%;*/
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
.ltui-component {
  display: block;
}
.lt-canvas-holder {
  height: 100%;
  width: calc(100% - 20px);
  position: absolute;
  top: 0;
  left: 10px;
  /*background-color: white;*/
}
.ltui-stressed {
  font-weight: bold;
}
.ltui-icon {
  font-size: 36px;
  vertical-align: middle;
}
.ltui-float-left {
  float: left !important;
}
.ltui-float-right {
  float: right !important;
}
.ltui-btn {
  display: block;
  height: 36px;
  float: left;
  border: none;
  padding: 0 6px;
  margin: 0;
  background: none;
  color: #54578b;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.ltui-btn.litui-active {
  background: #54578b;
  border-color: #54578b;
  color: #FFF;
}
.ltui-btn:hover {
  color: #383954;
  background: rgba(56, 57, 84, 0.1);
}
.ltui-btn:hover.litui-active {
  background: #54578b;
  border-color: #54578b;
  color: #FFF;
}
.ltui-row {
  padding: 8px;
}
.ltui-row:before,
.ltui-row:after {
  content: " ";
  display: table;
}
.ltui-row:after {
  clear: both;
}
.ltui-row .ltui-label {
  float: left;
  width: 33%;
}
.ltui-row .ltui-label label {
  color: #848484;
}
.ltui-row .ltui-label label:after {
  content: ":";
}
.ltui-row .ltui-value {
  float: left;
  width: 67%;
}
.ltui-row .ltui-value label {
  color: #393939;
}
.ltui-title {
  font-size: 18px;
  font-weight: bold;
}
.ltui-empty-icon {
  opacity: 0;
}
.ltui-popup-bus-stop-info {
  /*height: 289px;*/
  max-height: 289px !important;
}
.ltui-popup-bus-stop-info .litui-popup-body-holder {
  max-height: 289px !important;
  overflow: auto;
}
.ltui-popup-asset-info {
  /*height: 289px;*/
  /*max-height: 478px !important;*/
  /*width: 496px !important;*/
}
.ltui-popup-asset-info .litui-pop-component-inner {
  width: 100%;
}
.ltui-popup-asset-info .litui-popup-body-holder {
  /*max-height: 478px !important;*/
  overflow: auto;
}
.ltui-common-popup .litui-popup-body-holder {
  overflow: hidden !important;
}
.ltui-send-message-popup {
  border: none;
}
.ltui-send-message-popup litui-popup-header {
  background: #383954;
  color: #c8c8D0;
  border-bottom-color: #383954;
}
.ltui-send-message-popup litui-popup-header .litui-popup-header-title {
  font-size: 19px;
}
.ltui-send-message-popup litui-popup-header button {
  color: #c8c8D0;
}
.ltui-send-message-popup litui-popup-header button:hover {
  color: #FFF !important;
  border-bottom-color: #383954 !important;
}
.lt-linetrack-send-msg-popup {
  z-index: 1000 !important;
}
.ltui-main-viewport litui-dropdown {
  min-width: 200px;
}
.ltui-asset-marker-thickness-control {
  width: 100%;
}
.ltui-asset-marker-thickness-control:before,
.ltui-asset-marker-thickness-control:after {
  content: " ";
  display: table;
}
.ltui-asset-marker-thickness-control:after {
  clear: both;
}
.ltui-asset-marker-thickness-control litui-number-picker {
  float: left;
}
.ltui-asset-marker-thickness-control label {
  padding-right: 16px;
  width: 50%;
  display: block;
  float: left;
  font-weight: normal;
  color: #333333;
}
.ltui-linetrack-help-ha-gapping {
  display: flex;
  width: 20px;
  height: 20px;
}
.ltui-linetrack-help-ha-gapping .lt-linetrack-help-ha-stripe {
  margin-left: 2px;
  margin-right: 2px;
  background: #efceeb;
  height: 100%;
  width: 4px;
}
.ltui-linetrack-help-ha-gapping .lt-linetrack-help-ha-stripe:first-child {
  margin-left: 0;
}
.ltui-linetrack-help-ha-gapping .lt-linetrack-help-ha-stripe:last-child {
  margin-right: 0;
}
.litui-view-options-group:first-child {
  width: 412px !important;
}
.litui-view-options-group:first-child .litui-view-options-group-body {
  display: block !important;
}
.litui-view-options-group:first-child .litui-view-options-group-body .litui-view-option {
  width: 33.33% !important;
  float: left !important;
}
/**
 * Solution adapted from: https://stackoverflow.com/questions/23989463/how-to-set-tbody-height-with-overflow-scroll
 */
.ltui-eta .ltui-eta-header {
  background: #cdcdcd;
  padding-top: 8px;
  padding-bottom: 8px;
}
.ltui-eta .ltui-eta-header:before,
.ltui-eta .ltui-eta-header:after {
  content: " ";
  display: table;
}
.ltui-eta .ltui-eta-header:after {
  clear: both;
}
.ltui-eta .ltui-eta-header .ltui-eta-col {
  text-align: center;
  font-weight: bold;
}
.ltui-eta .ltui-eta-col {
  float: left;
}
.ltui-eta .ltui-eta-row {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ltui-eta .ltui-eta-row:before,
.ltui-eta .ltui-eta-row:after {
  content: " ";
  display: table;
}
.ltui-eta .ltui-eta-row:after {
  clear: both;
}
.ltui-eta.ltui-eta-cols-3 .ltui-eta-col {
  width: 33.33%;
}
.ltui-eta.ltui-eta-cols-4 .ltui-eta-col {
  width: 25%;
}
.ltui-no-eta {
  color: #393939;
  font-size: 15px;
  font-weight: bold;
  color: #848484;
  text-align: center;
  pointer: default;
}
ltui-main-tools {
  display: block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    not supported by any browser */
  background: #fff;
  height: 40px;
  /*overflow: hidden;*/
  cursor: default;
}
ltui-main-tools:before,
ltui-main-tools:after {
  content: " ";
  display: table;
}
ltui-main-tools:after {
  clear: both;
}
ltui-main-tools .ltui-main-tools {
  height: 100%;
  padding: 2px 6px;
  border-bottom: 1px solid #e0e0e0;
}
ltui-main-tools .ltui-main-tools .ltui-filter-holder {
  float: left;
  width: calc(100% - 250px);
}
ltui-main-tools .ltui-main-tools .ltui-main-tools-controls {
  width: 250px;
  float: left;
}
ltui-main-tools .ltui-main-tools .ltui-main-tools-controls:before,
ltui-main-tools .ltui-main-tools .ltui-main-tools-controls:after {
  content: " ";
  display: table;
}
ltui-main-tools .ltui-main-tools .ltui-main-tools-controls:after {
  clear: both;
}
ltui-main-tools .ltui-main-tools .ltui-main-tools-controls .ltui-tool-holder {
  float: left;
}
.ltui-ribbon-expanded ltui-main-tools {
  height: 166px;
}
.ltui-ribbon-expanded ltui-main-tools .ltui-tool-holder button.ltui-btn[name=view-settings] {
  background: #54578b;
  color: #fff;
}
.ltui-ribbon-expanded ltui-main-tools litui-view-options-panel .litui-view-options-actions button.litui-view-options-trigger {
  background: #54578b;
  color: #fff;
}
ltui-linetrack-controls {
  display: block;
}
ltui-linetrack-controls .ltui-slot-controls-holder {
  width: calc(100% - 20px);
  position: absolute;
  left: 10px;
  background: #FFF;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-linetrack-color-marker {
  width: 5px;
  height: 100%;
  background: orange;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control {
  font-size: 40px;
  height: 40px;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control ltui-inline-menu .ltui-inline-menu-item.ltui-icon-mode .ltui-icon {
  vertical-align: baseline;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel {
  height: 39px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel:before,
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel:after {
  content: " ";
  display: table;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel:after {
  clear: both;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item {
  background: none;
  height: inherit;
  padding: 0 4px;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item:before,
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item:after {
  content: " ";
  display: table;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item:after {
  clear: both;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control {
  color: #54578b;
  height: 100%;
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control:before,
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control:after {
  content: " ";
  display: table;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control:after {
  clear: both;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control .litui-icon {
  line-height: 39px;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control .litui-label {
  font-size: 15px;
  line-height: 39px;
  color: #333333;
  font-weight: bold;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control .litui-label:hover {
  color: #54578b;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control.litui-toggle-off .litui-label {
  color: #595959;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control litui-toggle-panel .litui-toggle-item .litui-toggle-item-control.litui-toggle-off .litui-icon {
  color: #777777;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control .ltui-btn {
  height: 39px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls .ltui-slot-control-delimiter {
  height: 39px;
  width: 2px;
  background: #e0e0e0;
  float: left;
}
ltui-linetrack-controls .ltui-slot-controls-holder .ltui-slot-controls:first-child {
  border-top-color: transparent;
}
ltui-linetrack-controls .ltui-slot-controls-holder.ltui-collapsed .ltui-range-zoom-holder {
  display: none;
}
ltui-linetrack-controls .ltui-slot-controls-holder.ltui-collapsed ltui-terminal-box-more-btn {
  display: none;
}
ltui-linetrack-header {
  display: block;
  padding-left: 10px;
}
ltui-linetrack-header .ltui-header-info {
  line-height: inherit;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 16px;
  color: #595959;
}
ltui-linetrack-header .ltui-header-info .ltui-stressed {
  color: #333333 !important;
}
ltui-linetrack-header .ltui-header-info.ltui-scheduled-buses {
  cursor: default;
}
ltui-linetrack-header .ltui-header-info.ltui-scheduled-buses:hover {
  color: #54578b;
  font-weight: bold;
}
ltui-range-zoom {
  display: block;
  position: absolute;
  width: 100%;
}
ltui-range-zoom .ltui-range-zoom-holder {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  position: relative;
  height: 100%;
  width: 100%;
  background: #a0a0a0;
  overflow: hidden;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar {
  height: 100%;
  position: absolute;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar:before,
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar:after {
  content: " ";
  display: table;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar:after {
  clear: both;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar .ltui-zoom-center-handle {
  float: left;
  width: calc(100% - 42px);
  height: 100%;
  background: silver;
  cursor: default;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar .ltui-zoom-center-handle:before,
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar .ltui-zoom-center-handle:after {
  content: " ";
  display: table;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar .ltui-zoom-center-handle:after {
  clear: both;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar .ltui-zoom-center-handle .ltui-range-zoom-item-a {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  cursor: default;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar .ltui-zoom-center-handle .ltui-range-zoom-item-b {
  float: right;
  padding-left: 4px;
  padding-right: 4px;
  cursor: default;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar .ltui-zoom-left-handle {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
  float: left;
  width: 21px;
  height: 100%;
  background: gray;
  cursor: grab;
}
ltui-range-zoom .ltui-range-zoom-holder .ltui-zoom-bar .ltui-zoom-right-handle {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
  float: left;
  width: 21px;
  height: 100%;
  background: gray;
  cursor: default;
}
ltui-replay-tools {
  display: block;
  height: 56px;
  background: #fff;
}
ltui-replay-tools ltui-replay-trackbar {
  display: block;
  height: 18px;
  background-color: #B4B4B4;
}
ltui-replay-tools ltui-replay-trackbar input[type=range] {
  width: 100%;
  height: 18px;
  margin: 0;
}
ltui-replay-tools .ltui-replay-tools-controls {
  height: 38px;
}
ltui-replay-tools .ltui-replay-tools-controls:before,
ltui-replay-tools .ltui-replay-tools-controls:after {
  content: " ";
  display: table;
}
ltui-replay-tools .ltui-replay-tools-controls:after {
  clear: both;
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-control {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  float: left;
  width: 38px;
  height: 38px;
  color: #54578b;
  padding: 0 6px;
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-control.ltui-icon:before {
  margin-left: -5px;
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-control.ltui-icon.glyphicon {
  font-size: 24px;
  line-height: 36px;
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-control.ltui-icon.glyphicon:before {
  margin-left: 0;
  margin-top: -5px;
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-control:hover {
  color: #383954;
  background: rgba(56, 57, 84, 0.1);
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-controls {
  float: left;
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-controls .ltui-replay-tools-main-controls {
  /*width: 100%;*/
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  border-right: 1px solid #e0e0e0;
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-controls .ltui-replay-datetime-holder {
  float: left;
  line-height: 38px;
  padding-left: 8px;
}
ltui-replay-tools .ltui-replay-tools-controls .ltui-replay-settings-holder {
  /*width: 100%;*/
  position: relative;
  display: block;
  overflow: hidden;
  float: right;
  height: 100%;
  border-left: 1px solid #e0e0e0;
}
ltui-route-direction-marker {
  display: block;
}
ltui-replay-trackbar {
  display: block;
  cursor: default;
}
ltui-replay-trackbar .ltui-trackbar-holder {
  height: 100%;
  position: relative;
}
ltui-replay-trackbar .ltui-trackbar-holder .ltui-trackbar-label-start {
  position: absolute;
  color: #262626;
  left: 10px;
}
ltui-replay-trackbar .ltui-trackbar-holder .ltui-trackbar-label-end {
  position: absolute;
  color: #262626;
  right: 10px;
}
ltui-replay-trackbar .ltui-trackbar-holder .ltui-trackbar-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #54578B;
}
.ltui-replay-hint {
  /*width: 120px;*/
  text-align: center;
}
.ltui-replay-hint litui-popover {
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  border: 1px solid #000000;
}
.ltui-replay-hint .litui-pop-component-marker {
  border-top-color: rgba(0, 0, 0, 0.75) !important;
}
.ltui-replay-hint .ltui-replay-trackbar-frame-info {
  width: 60px;
  font-size: 10px;
  font-weight: bold;
}
ltui-replay-speed {
  display: block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    not supported by any browser */
  cursor: default;
}
ltui-replay-speed:before,
ltui-replay-speed:after {
  content: " ";
  display: table;
}
ltui-replay-speed:after {
  clear: both;
}
ltui-replay-speed button {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  float: left;
  width: 38px;
  height: 38px;
  color: #54578b;
  padding: 0 6px;
}
ltui-replay-speed button.ltui-icon:before {
  margin-left: -5px;
}
ltui-replay-speed button:hover {
  color: #383954;
  background: rgba(56, 57, 84, 0.1);
}
ltui-replay-speed .ltui-replay-speed-current {
  float: left;
  height: 100%;
  width: 62px;
  line-height: 38px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
ltui-skip-stop-info {
  width: 400px;
}
ltui-skip-stop-info table {
  max-width: 640px;
  border-spacing: 10px;
  border-collapse: separate;
}
ltui-skip-stop-info table thead {
  height: 40px;
  background: #FAFAFA;
  color: #393939;
}
ltui-skip-stop-info table tbody {
  display: block;
  max-height: 400px;
  min-height: 200px;
  overflow: auto;
}
ltui-skip-stop-info table tbody tr {
  background: #f9fafc;
}
ltui-skip-stop-info table tbody tr:nth-child(2n+1) {
  background: #ffffff;
}
ltui-skip-stop-info table thead,
ltui-skip-stop-info table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  /* even columns width , fix width of table too*/
  height: 36px;
}
ltui-skip-stop-info table th,
ltui-skip-stop-info table td {
  /*            span{
                
                display: inline-block;
            }*/
}
ltui-skip-stop-info table th .ltui-table-cell,
ltui-skip-stop-info table td .ltui-table-cell {
  white-space: nowrap;
}
ltui-terminal-box-more-btn {
  display: block;
  position: absolute;
  height: 21px;
  padding-left: 15px;
  padding-right: 15px;
}
ltui-terminal-box-more-btn div.litui-terminal-box-more-btn-inner {
  position: relative;
  cursor: pointer;
}
ltui-terminal-box-more-btn div.litui-terminal-box-more-btn-inner button.litui-btn-minimal {
  height: 100%;
  line-height: 21px;
  width: 100%;
}
ltui-terminal-box-more-btn div.litui-terminal-box-more-btn-inner button.litui-btn-minimal span.litui-label {
  line-height: 21px;
  font-size: 28px;
  color: #54578b;
  vertical-align: middle;
  display: inline-block;
}
ltui-terminal-box-more-btn div.litui-terminal-box-more-btn-inner button.litui-btn-minimal span.litui-label:after {
  vertical-align: middle;
  content: "...";
  line-height: 21px;
  margin-top: -16px;
  display: block;
  height: 21px;
}
ltui-terminal-box-more-btn div.litui-terminal-box-more-btn-inner div.litui-terminal-box-more-btn-count {
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  margin-top: -24px/2;
  color: white;
  text-align: center;
  font-size: 0.7em;
  line-height: 24px;
  background: #D4D5DA;
  color: #4c4c4c;
  font-weight: bold;
}
ltui-terminal-box-more-btn div.litui-terminal-box-more-btn-inner.ltui-orientation-rl div.litui-terminal-box-more-btn-count {
  left: -24px;
}
ltui-terminal-box-more-btn div.litui-terminal-box-more-btn-inner.ltui-orientation-lr div.litui-terminal-box-more-btn-count {
  right: -24px;
}
ltui-route-trips {
  display: block;
}
ltui-route-trips table {
  max-width: 640px;
  border-spacing: 10px;
  border-collapse: separate;
}
ltui-route-trips table thead {
  height: 40px;
  background: #FAFAFA;
  color: #393939;
}
ltui-route-trips table tbody {
  display: block;
  max-height: 400px;
  min-height: 200px;
  overflow: auto;
}
ltui-route-trips table tbody tr {
  background: #f9fafc;
}
ltui-route-trips table tbody tr:nth-child(2n+1) {
  background: #ffffff;
}
ltui-route-trips table thead,
ltui-route-trips table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  /* even columns width , fix width of table too*/
  height: 36px;
}
ltui-route-trips table th,
ltui-route-trips table td {
  /*            span{
                
                display: inline-block;
            }*/
}
ltui-route-trips table th .ltui-table-cell,
ltui-route-trips table td .ltui-table-cell {
  white-space: nowrap;
}
ltui-route-trips .ltui-table-data .ltui-route-trips-actions {
  width: 60px;
}
ltui-route-trips .ltui-table-action {
  width: 48px;
  padding: 0;
}
ltui-route-trips .ltui-relative-time {
  margin-left: 16px;
}
ltui-route-trips .ltui-relative-time:before {
  content: "~";
  margin-right: 8px;
}
ltui-route-trips .ltui-no-data {
  height: 40px;
  position: relative;
  background: #FFF;
}
ltui-route-trips .ltui-no-data .ltui-no-data-label {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.2em;
  line-height: 40px;
}
.ltui-linetrack-scheduled-buses-popover {
  /*max-height: 200px;*/
}
ltui-filter {
  display: flex;
}
ltui-filter tms-filter,
ltui-filter .tms-filter-mock {
  display: block;
  width: calc(100% - 90px);
}
ltui-filter .tms-filter-mock .tms-filter-btn-mock {
  background: #E4E4E4;
  width: 104px;
  height: 18px;
  margin-top: 10px;
  margin-left: 10px;
}
ltui-filter .ltui-route-count {
  margin-top: -2px;
  line-height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  overflow: visible;
}
ltui-filter .ltui-route-count .litui-icon {
  line-height: 40px;
}
ltui-filter .ltui-route-count .ltui-number {
  line-height: 40px;
  margin-left: 4px;
  margin-right: 4px;
}
ltui-filter .ltui-loading-indicator refresh-button {
  background: none;
  margin-top: 1px;
}
ltui-filter .ltui-view-mode-label {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #505050;
}
ltui-filter .ltui-filter-view-mode-trigger {
  display: flex;
  align-items: center;
  white-space: nowrap;
  background: none;
  border: none;
  font-size: 16px;
  height: 100%;
  line-height: 1;
}
ltui-filter .ltui-filter-view-mode-trigger .litui-icon {
  color: #D4D4D4;
}
ltui-filter .ltui-filter-btn {
  background: none;
  border: 1px solid transparent;
  height: 100%;
  line-height: 1;
  color: #54578b;
}
ltui-filter .ltui-filter-btn:hover {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-color: #E5E5E5;
  background-color: rgba(255, 255, 255, 0.5);
}
ltui-filter .ltui-filter-divider {
  background-color: #E5E5E5;
  width: 1px;
  margin: 8px;
}
.ltui-view-modes-dropdown {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  -moz-box-shadow: 0 6px 16px rgba(31, 31, 31, 0.75);
  -o-box-shadow: 0 6px 16px rgba(31, 31, 31, 0.75);
  -webkit-box-shadow: 0 6px 16px rgba(31, 31, 31, 0.75);
  box-shadow: 0 6px 16px rgba(31, 31, 31, 0.75);
  border: none;
}
.ltui-view-modes-dropdown .litui-dropdown-item-slots {
  padding-top: 4px;
  padding-bottom: 4px;
}
.ltui-view-modes-dropdown .litui-dropdown-item-slots .litui-dropdown-item button {
  border-left: none;
  color: #505050;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: none;
  height: 36px;
  line-height: 36px;
}
.ltui-view-modes-dropdown .litui-dropdown-item-slots .litui-dropdown-item.litui-active button {
  font-weight: normal;
  background: #54578b;
  color: #FFF;
}
.ltui-view-modes-dropdown .litui-dropdown-item-slots .litui-dropdown-item:hover button {
  font-weight: normal;
  color: #54578b;
}
.ltui-view-modes-dropdown .litui-dropdown-item-slots .litui-dropdown-item:hover.litui-active button {
  color: #FFF;
}
lt-linetrack-supervisor {
  display: block;
  height: 100%;
}
lt-linetrack-supervisor .ltui-main-viewport {
  height: calc(100% - 0px);
  width: 100%;
  position: relative;
  overflow-y: scroll;
}
lt-linetrack-supervisor .ltui-main-viewport litui-dropdown {
  min-width: 200px;
}
lt-linetrack-supervisor .ltui-ribbon-expanded .ltui-main-viewport {
  height: calc(100% - 166px);
  width: 100%;
  position: relative;
  overflow-y: scroll;
}
lt-linetrack-supervisor .ltui-ribbon-expanded ltui-main-tools litui-select .litui-select-trigger {
  border-color: #cdd7e1;
  color: #777777;
}
lt-linetrack-supervisor .ltui-ribbon-expanded ltui-main-tools litui-select .litui-select-trigger.litui-active {
  color: #FFF !important;
}
lt-linetrack-supervisor .ltui-ribbon-expanded ltui-main-tools litui-select .litui-select-trigger:hover {
  color: #FFF;
}
lt-linetrack-replay-terminal {
  display: block;
  height: 100%;
}
lt-linetrack-replay-terminal .ltui-main-viewport {
  height: calc(100% - 96px);
  width: 100%;
  position: relative;
  overflow-y: scroll;
}
lt-linetrack-replay-terminal .ltui-ribbon-expanded .ltui-main-viewport {
  height: calc(100% - 222px);
  width: 100%;
  position: relative;
  overflow-y: scroll;
}
ltui-multi-linetrack-filter {
  background-color: white;
  border-bottom: 1px solid #e0e0e0;
}
ltui-multi-linetrack-filter.el-block {
  display: flex;
  justify-content: space-between;
}
ltui-multi-linetrack-filter refresh-button {
  background: none;
}
ltui-multi-linetrack-filter .ltui-filter-btn {
  background: none;
  border: 1px solid transparent;
  height: 100%;
  line-height: 1;
  color: #54578b;
}
ltui-multi-linetrack-filter .ltui-filter-btn:hover {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-color: #E5E5E5;
  background-color: rgba(255, 255, 255, 0.5);
}
ltui-multilinetrack .ltui-pixi-canvas {
  background: none;
}
ltui-multilinetrack ltui-linetrack-ui {
  background: #FFF;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.tms-sos-alert-dialog {
  border: 2px solid red;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-sos-alert-dialog .tms-sos-header {
  height: 48px;
  line-height: 48px;
  background-color: red;
  color: white;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
.tms-sos-alert-dialog .tms-sos-content {
  background: white;
  padding: 8px;
}
.tms-sos-alert-dialog .tms-sos-content:before,
.tms-sos-alert-dialog .tms-sos-content:after {
  content: " ";
  display: table;
}
.tms-sos-alert-dialog .tms-sos-content:after {
  clear: both;
}
.tms-sos-alert-dialog .tms-sos-content .tms-sos-data {
  float: left;
  width: calc(100% - 148px);
}
.tms-sos-alert-dialog .tms-sos-content .tms-sos-data .tms-sos-row:before,
.tms-sos-alert-dialog .tms-sos-content .tms-sos-data .tms-sos-row:after {
  content: " ";
  display: table;
}
.tms-sos-alert-dialog .tms-sos-content .tms-sos-data .tms-sos-row:after {
  clear: both;
}
.tms-sos-alert-dialog .tms-sos-content .tms-sos-data .tms-sos-row label {
  width: 160px;
  float: left;
  text-align: right;
  padding-right: 5px;
}
.tms-sos-alert-dialog .tms-sos-content .tms-sos-data .tms-sos-row .tms-sos-info {
  float: left;
  padding-left: 5px;
  width: calc(100% - 160px);
}
.tms-sos-alert-dialog .tms-sos-content .tms-sos-actions {
  width: 148px;
  float: left;
}
.tms-sos-alert-dialog .tms-sos-footer {
  padding: 8px;
}
.tms-sos-alert-dialog .tms-sos-footer button {
  width: 100% !important;
}
.tms-sos-alert-dialog .tms-sos-footer button .tms-label {
  color: red;
}
.tms-notification-bar {
  margin-left: -15px !important;
  margin-right: -15px !important;
  padding-bottom: 8px;
}
.tms-notification-bar .tms-notification-item-holder {
  position: relative;
  height: 26px;
}
.tms-notification-bar .tms-notification-item {
  position: absolute;
  width: 44px;
  margin-left: -44px/2;
  left: 50%;
}
.tms-notification-bar .tms-notification-item .tms-icon {
  font-size: 26px;
  float: left;
}
.tms-notification-bar .tms-notification-item .tms-notification-bubble {
  font-size: 9px;
  font-weight: bold;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  line-height: 18px;
  color: #ffffff;
  min-width: 10px;
  background-color: #999999;
  width: 18px;
  height: 18px;
  float: left;
  margin-top: 4px;
  margin-left: -3px;
  cursor: default;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
}
.tms-notification-bar .tms-notification-item .tms-notification-bubble.sos {
  background-color: #FF0000;
}
.tms-notification-bar .tms-notification-item.pointer .tms-notification-bubble {
  cursor: pointer;
}
.tms-notification-bar .tms-notification-item.tms-disabled {
  opacity: 0.3;
}
/* 
    Created on : 21-Aug-2014, 16:12:02
    Author     : David Burulic <david.burulic@lecip-its.com>
*/
.tms-progress-chart-svg-text {
  text-anchor: end;
}
[dir=rtl] .tms-progress-chart-svg-text {
  text-anchor: start;
}
.tms-datagrid-chart {
  padding-top: 5px;
  cursor: default;
}
.tms-datagrid-chart.blue .tms-stat-info-row .tms-marker {
  background: #1f77b4 !important;
}
.tms-datagrid-chart.orange .tms-stat-info-row .tms-marker {
  background: orange !important;
}
.tms-datagrid-chart.green .tms-stat-info-row .tms-marker {
  background: green !important;
}
.tms-datagrid-chart .tms-stat-info-row {
  padding: 0 40px 40px 40px;
  width: 100%;
}
.tms-datagrid-chart .tms-stat-info-row:before,
.tms-datagrid-chart .tms-stat-info-row:after {
  content: " ";
  display: table;
}
.tms-datagrid-chart .tms-stat-info-row:after {
  clear: both;
}
.tms-datagrid-chart .tms-stat-info-row .tms-chart-col {
  width: calc(33.33% - 20px);
  height: 40px;
  float: left;
  border: 1px solid #9aa2bf;
  overflow: hidden;
  margin-left: 20px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-datagrid-chart .tms-stat-info-row .tms-chart-col:before,
.tms-datagrid-chart .tms-stat-info-row .tms-chart-col:after {
  content: " ";
  display: table;
}
.tms-datagrid-chart .tms-stat-info-row .tms-chart-col:after {
  clear: both;
}
.tms-datagrid-chart .tms-stat-info-row .tms-chart-col .tms-marker {
  height: 40px;
  width: 5px;
  float: left;
}
.tms-datagrid-chart .tms-stat-info-row .tms-chart-col .tms-txt {
  padding: 10px;
  float: left;
  width: calc(100% - 5px);
}
.tms-column-chart-holder {
  width: 30px;
  height: 30px;
  border: 1px solid #cdd7e1;
  background: #ffffff !important;
  margin: auto;
  margin-top: 3px;
  position: relative;
  overflow: hidden;
}
.tms-column-chart-holder:hover {
  cursor: pointer;
  border: black 1px solid;
}
.tms-column-chart-holder:before,
.tms-column-chart-holder:after {
  content: " ";
  display: table;
}
.tms-column-chart-holder:after {
  clear: both;
}
.tms-column-chart-holder .tms-column-chart {
  background: #FFEBAD;
  /*        float: left;
                width: 100%;*/
}
.tms-column-chart-holder .tms-column-chart-lbl {
  text-align: center;
  font-size: 12px;
  /*float: left;*/
  /*width: 100%;*/
}
/*.tms-busload-chart-component{
    .clearfix();

    .tms-busload-chart-holder{    
        float: left;
        width: 50%;

        svg.tms-busload-chart-canvas{
            g.tms-busload-chart{                
                rect.tms-busload-avg-bar{
                    fill: @colorBckg17;
                }
                > rect.tms-busload-bar{
                    fill: white;
                }
                line{
                    &.tms-border{
                        stroke: @colorBorder1;
                        stroke-width: 1px !important;
                    }

                    &.tms-min{
                        stroke-dasharray: 2,2;
                        stroke: #FF0000;
                    }
                    &.tms-max{
                        stroke-dasharray: 2,2;
                        stroke: #3A3AD8;
                    }
                    &.tms-avg{
                        stroke: @colorBorder2;
                    }
                }
                text.tms-lbl{
                    font-size: 5px;
                }
            }
        }
    }
    .tms-busload-info{
        float: left;
        width: 50%;

        .tms-busload-info-inner{
            padding-left: 15px;
        }
    }
}*/
svg.tms-busload-chart rect.tms-busload-bckg {
  fill: #ffffff !important;
}
svg.tms-busload-chart rect.tms-avg-bar {
  fill: #FFEBAD !important;
}
svg.tms-busload-chart line.tms-busload-border {
  stroke: #cdd7e1;
}
svg.tms-busload-chart line.tms-busload-tick {
  stroke-dasharray: 2,2;
}
svg.tms-busload-chart line.tms-busload-tick.tms-tick-avg {
  stroke: #cdd7e1;
}
svg.tms-busload-chart line.tms-busload-tick.tms-tick-min {
  stroke: #FF0000;
}
svg.tms-busload-chart line.tms-busload-tick.tms-tick-max {
  stroke: #3A3AD8;
}
svg.tms-busload-chart text.tms-avg-lbl {
  text-transform: lowercase;
}
svg.tms-busload-chart text.tms-min-lbl {
  text-transform: lowercase;
  fill: #FF0000 !important;
}
svg.tms-busload-chart text.tms-max-lbl {
  text-transform: lowercase;
  fill: #3A3AD8 !important;
}
.tms-progress-chart {
  width: 100%;
  height: 100%;
  background: #dce7f0 !important;
}
.tms-progress-chart.tms-complete {
  background: #acc2a3 !important;
}
.tms-progress-chart.tms-complete rect {
  fill: green  !important;
}
.tms-progress-chart.tms-complete text {
  fill: #acc2a3 !important;
}
.tms-progress-chart rect {
  fill: #cfcfcf;
}
.tms-progress-chart text {
  text-align: right;
  width: 40px;
  fill: black  !important;
}
.tms-horizonal-bar-chart rect {
  fill: #cfcfcf !important;
}
.tms-passengers-chart rect {
  fill: #cfcfcf !important;
}
/**
 * This is adaptation for NVD3 charts' style as it conflicts the OpenLayers' style (NVD3 overrides OL SVG "features"), so every chart needs to be a child of tms chart holder.
 */
.tms-chart-holder .chartWrap {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tms-chart-holder .nvtooltip.with-3d-shadow,
.tms-chart-holder .with-3d-shadow .nvtooltip {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.tms-chart-holder .nvtooltip {
  position: absolute;
  background-color: #ffffff;
  padding: 1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 10000;
  font-family: Arial;
  font-size: 13px;
  text-align: left;
  pointer-events: none;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tms-chart-holder .nvtooltip.with-transitions,
.tms-chart-holder .with-transitions .nvtooltip {
  transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -webkit-transition: opacity 250ms linear;
  transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
}
.tms-chart-holder .nvtooltip.x-nvtooltip,
.tms-chart-holder .nvtooltip.y-nvtooltip {
  padding: 8px;
}
.tms-chart-holder .nvtooltip h3 {
  margin: 0;
  padding: 4px 14px;
  line-height: 18px;
  font-weight: 400;
  background-color: rgba(247, 247, 247, 0.75);
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.tms-chart-holder .nvtooltip p {
  margin: 0;
  padding: 5px 14px;
  text-align: center;
}
.tms-chart-holder .nvtooltip span {
  display: inline-block;
  margin: 2px 0;
}
.tms-chart-holder .nvtooltip table {
  margin: 6px;
  border-spacing: 0;
}
.tms-chart-holder .nvtooltip table td {
  padding: 2px 9px 2px 0;
  vertical-align: middle;
}
.tms-chart-holder .nvtooltip table td.key {
  font-weight: 400;
}
.tms-chart-holder .nvtooltip table td.value {
  text-align: right;
  font-weight: 700;
}
.tms-chart-holder .nvtooltip table tr.highlight td {
  padding: 1px 9px 1px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
}
.tms-chart-holder .nvtooltip table td.legend-color-guide div {
  width: 8px;
  height: 8px;
  vertical-align: middle;
}
.tms-chart-holder .nvtooltip .footer {
  padding: 3px;
  text-align: center;
}
.tms-chart-holder .nvtooltip-pending-removal {
  position: absolute;
  pointer-events: none;
}
.tms-chart-holder svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  height: 100%;
}
.tms-chart-holder svg text {
  font: 400 12px Arial;
}
.tms-chart-holder svg .title {
  font: 700 14px Arial;
}
.tms-chart-holder .nvd3 .nv-background {
  fill: #fff;
  fill-opacity: 0;
}
.tms-chart-holder .nvd3.nv-noData {
  font-size: 18px;
  font-weight: 700;
}
.tms-chart-holder .nv-brush .extent {
  fill-opacity: 0.125;
  shape-rendering: crispEdges;
}
.tms-chart-holder .nvd3 .nv-legend .nv-series {
  cursor: pointer;
}
.tms-chart-holder .nvd3 .nv-legend .disabled circle {
  fill-opacity: 0;
}
.tms-chart-holder .nvd3 .nv-axis {
  pointer-events: none;
}
.tms-chart-holder .nvd3 .nv-axis path {
  fill: none;
  stroke: #000;
  stroke-opacity: 0.75;
  shape-rendering: crispEdges;
}
.tms-chart-holder .nvd3 .nv-axis path.domain {
  stroke-opacity: 0.75;
}
.tms-chart-holder .nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0;
}
.tms-chart-holder .nvd3 .nv-axis line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering: crispEdges;
}
.tms-chart-holder .nvd3 .nv-axis .zero line,
.tms-chart-holder .nvd3 .nv-axis line.zero {
  stroke-opacity: 0.75;
}
.tms-chart-holder .nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: 700;
}
.tms-chart-holder .nvd3 .x .nv-axis .nv-axisMaxMin text,
.tms-chart-holder .nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.tms-chart-holder .nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle;
}
.tms-chart-holder .nv-brush .resize path {
  fill: #eee;
  stroke: #666;
}
.tms-chart-holder .nvd3 .nv-bars .negative rect {
  zfill: brown;
}
.tms-chart-holder .nvd3 .nv-bars rect {
  zfill: #4682b4;
  fill-opacity: 0.75;
  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear;
}
.tms-chart-holder .nvd3 .nv-bars rect.hover {
  fill-opacity: 1;
}
.tms-chart-holder .nvd3 .nv-bars .hover rect {
  fill: #add8e6;
}
.tms-chart-holder .nvd3 .nv-bars text {
  fill: rgba(0, 0, 0, 0);
}
.tms-chart-holder .nvd3 .nv-bars .hover text {
  fill: #000000;
}
.tms-chart-holder .nvd3 .nv-multibar .nv-groups rect,
.tms-chart-holder .nvd3 .nv-multibarHorizontal .nv-groups rect,
.tms-chart-holder .nvd3 .nv-discretebar .nv-groups rect {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear;
}
.tms-chart-holder .nvd3 .nv-multibar .nv-groups rect:hover,
.tms-chart-holder .nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.tms-chart-holder .nvd3 .nv-discretebar .nv-groups rect:hover {
  fill-opacity: 1;
}
.tms-chart-holder .nvd3 .nv-discretebar .nv-groups text,
.tms-chart-holder .nvd3 .nv-multibarHorizontal .nv-groups text {
  font-weight: 700;
  fill: #000000;
  stroke: rgba(0, 0, 0, 0);
}
.tms-chart-holder .nvd3.nv-pie path {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.tms-chart-holder .nvd3.nv-pie .nv-slice text {
  stroke: #000;
  stroke-width: 0;
}
.tms-chart-holder .nvd3.nv-pie path {
  stroke: #fff;
  stroke-width: 1px;
  stroke-opacity: 1;
}
.tms-chart-holder .nvd3.nv-pie .hover path {
  fill-opacity: 0.7;
}
.tms-chart-holder .nvd3.nv-pie .nv-label {
  pointer-events: none;
}
.tms-chart-holder .nvd3.nv-pie .nv-label rect {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.tms-chart-holder .nvd3 .nv-groups path.nv-line {
  fill: none;
  stroke-width: 1.5px;
}
.tms-chart-holder .nvd3 .nv-groups path.nv-line.nv-thin-line {
  stroke-width: 1px;
}
.tms-chart-holder .nvd3 .nv-groups path.nv-area {
  stroke: none;
}
.tms-chart-holder .nvd3 .nv-line.hover path {
  stroke-width: 6px;
}
.tms-chart-holder .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.tms-chart-holder .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
  fill-opacity: 0.5 !important;
  stroke-opacity: 0.5 !important;
}
.tms-chart-holder .with-transitions .nvd3 .nv-groups .nv-point {
  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.tms-chart-holder .nvd3.nv-scatter .nv-groups .nv-point.hover,
.tms-chart-holder .nvd3 .nv-groups .nv-point.hover {
  stroke-width: 7px;
  fill-opacity: 0.95 !important;
  stroke-opacity: 0.95 !important;
}
.tms-chart-holder .nvd3 .nv-point-paths path {
  stroke: #aaa;
  stroke-opacity: 0;
  fill: #eee;
  fill-opacity: 0;
}
.tms-chart-holder .nvd3 .nv-indexLine {
  cursor: ew-resize;
}
.tms-chart-holder .nvd3 .nv-distribution {
  pointer-events: none;
}
.tms-chart-holder .nvd3 .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: 0.5;
}
.tms-chart-holder .nvd3 .nv-scatter .nv-point.hover {
  fill-opacity: 1;
}
.tms-chart-holder .nvd3.nv-stackedarea path.nv-area {
  fill-opacity: 0.7;
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
}
.tms-chart-holder .nvd3.nv-stackedarea path.nv-area.hover {
  fill-opacity: 0.9;
}
.tms-chart-holder .nvd3.nv-stackedarea .nv-groups .nv-point {
  stroke-opacity: 0;
  fill-opacity: 0;
}
.tms-chart-holder .nvd3.nv-linePlusBar .nv-bar rect {
  fill-opacity: 0.75;
}
.tms-chart-holder .nvd3.nv-linePlusBar .nv-bar rect:hover {
  fill-opacity: 1;
}
.tms-chart-holder .nvd3.nv-bullet {
  font: 10px sans-serif;
}
.tms-chart-holder .nvd3.nv-bullet .nv-measure {
  fill-opacity: 0.8;
}
.tms-chart-holder .nvd3.nv-bullet .nv-measure:hover {
  fill-opacity: 1;
}
.tms-chart-holder .nvd3.nv-bullet .nv-marker {
  stroke: #000;
  stroke-width: 2px;
}
.tms-chart-holder .nvd3.nv-bullet .nv-markerTriangle {
  stroke: #000;
  fill: #fff;
  stroke-width: 1.5px;
}
.tms-chart-holder .nvd3.nv-bullet .nv-tick line {
  stroke: #666;
  stroke-width: 0.5px;
}
.tms-chart-holder .nvd3.nv-bullet .nv-range.nv-s0 {
  fill: #eee;
}
.tms-chart-holder .nvd3.nv-bullet .nv-range.nv-s1 {
  fill: #ddd;
}
.tms-chart-holder .nvd3.nv-bullet .nv-range.nv-s2 {
  fill: #ccc;
}
.tms-chart-holder .nvd3.nv-bullet .nv-title {
  font-size: 14px;
  font-weight: 700;
}
.tms-chart-holder .nvd3.nv-bullet .nv-subtitle {
  fill: #999;
}
.tms-chart-holder .nvd3.nv-bullet .nv-range {
  fill: #bababa;
  fill-opacity: 0.4;
}
.tms-chart-holder .nvd3.nv-bullet .nv-range:hover {
  fill-opacity: 0.7;
}
.tms-chart-holder .nvd3.nv-sparkline path {
  fill: none;
}
.tms-chart-holder .nvd3.nv-sparklineplus g.nv-hoverValue {
  pointer-events: none;
}
.tms-chart-holder .nvd3.nv-sparklineplus .nv-hoverValue line {
  stroke: #333;
  stroke-width: 1.5px;
}
.tms-chart-holder .nvd3.nv-sparklineplus,
.tms-chart-holder .nvd3.nv-sparklineplus g {
  pointer-events: all;
}
.tms-chart-holder .nvd3 .nv-hoverArea {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.tms-chart-holder .nvd3.nv-sparklineplus .nv-xValue,
.tms-chart-holder .nvd3.nv-sparklineplus .nv-yValue {
  stroke-width: 0;
  font-size: 0.9em;
  font-weight: 400;
}
.tms-chart-holder .nvd3.nv-sparklineplus .nv-yValue {
  stroke: #f66;
}
.tms-chart-holder .nvd3.nv-sparklineplus .nv-maxValue {
  stroke: #2ca02c;
  fill: #2ca02c;
}
.tms-chart-holder .nvd3.nv-sparklineplus .nv-minValue {
  stroke: #d62728;
  fill: #d62728;
}
.tms-chart-holder .nvd3.nv-sparklineplus .nv-currentValue {
  font-weight: 700;
  font-size: 1.1em;
}
.tms-chart-holder .nvd3.nv-ohlcBar .nv-ticks .nv-tick {
  stroke-width: 2px;
}
.tms-chart-holder .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
  stroke-width: 4px;
}
.tms-chart-holder .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
  stroke: #2ca02c;
}
.tms-chart-holder .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
  stroke: #d62728;
}
.tms-chart-holder .nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
  font-weight: 700;
}
.tms-chart-holder .nvd3.nv-historicalStockChart .nv-dragTarget {
  fill-opacity: 0;
  stroke: none;
  cursor: move;
}
.tms-chart-holder .nvd3 .nv-brush .extent {
  fill-opacity: 0 !important;
}
.tms-chart-holder .nvd3 .nv-brushBackground rect {
  stroke: #000;
  stroke-width: 0.4;
  fill: #fff;
  fill-opacity: 0.7;
}
.tms-chart-holder .nvd3.nv-indentedtree .name {
  margin-left: 5px;
}
.tms-chart-holder .nvd3.nv-indentedtree .clickable {
  color: #08C;
  cursor: pointer;
}
.tms-chart-holder .nvd3.nv-indentedtree span.clickable:hover {
  color: #005580;
  text-decoration: underline;
}
.tms-chart-holder .nvd3.nv-indentedtree .nv-childrenCount {
  display: inline-block;
  margin-left: 5px;
}
.tms-chart-holder .nvd3.nv-indentedtree .nv-treeicon {
  cursor: pointer;
}
.tms-chart-holder .nvd3.nv-indentedtree .nv-treeicon.nv-folded {
  cursor: pointer;
}
.tms-chart-holder .nvd3 .background path {
  fill: none;
  stroke: #ccc;
  stroke-opacity: 0.4;
  shape-rendering: crispEdges;
}
.tms-chart-holder .nvd3 .foreground path {
  fill: none;
  stroke: #4682b4;
  stroke-opacity: 0.7;
}
.tms-chart-holder .nvd3 .brush .extent {
  fill-opacity: 0.3;
  stroke: #fff;
  shape-rendering: crispEdges;
}
.tms-chart-holder .nvd3 .axis line,
.tms-chart-holder .axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.tms-chart-holder .nvd3 .axis text {
  text-shadow: 0 1px 0 #fff;
}
.tms-chart-holder .nvd3 .nv-interactiveGuideLine {
  pointer-events: none;
}
.tms-chart-holder .nvd3 line.nv-guideline {
  stroke: #ccc;
}
.tms-datagrid-chart.blue .nvtooltip {
  background: #1f77b4 !important;
  color: white;
}
.tms-datagrid-chart.orange .nvtooltip {
  background: orange  !important;
}
.tms-datagrid-chart.green .nvtooltip {
  background: green  !important;
}
.tms-datagrid-chart .with-3d-shadow .nvtooltip {
  box-shadow: none;
}
.side-menu-nav {
  overflow-y: auto;
  height: calc(100% - 160px - 9px);
  border-top: 1px solid #32334c;
}
.side-menu-nav .tms-icon {
  font-size: 36px;
  margin-left: -6px;
  margin-right: 0;
}
.side-menu-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.side-menu-nav ul li {
  border-bottom: 1px solid #0C1C34;
}
.side-menu-nav ul li:first-child {
  border-top: 1px solid #0C1C34;
}
.side-menu-nav ul li a {
  line-height: 47px;
}
.side-menu-nav ul li.current a {
  background-color: #122849;
  color: #ffffff;
}
.side-menu-nav ul li ul li {
  background-color: #0C1C34;
}
.side-menu-nav ul li ul li:nth-child(2) {
  border-top: 1px solid #0C1C34;
}
.side-menu-nav ul li ul li.current a {
  background-color: orange;
  color: pink;
}
.side-menu-nav ul li ul li a {
  padding-left: 20px;
}
.side-menu-nav ul li ul li ul li a {
  padding-left: 30px;
}
.side-menu-nav ul li.title {
  display: none;
}
.side-menu-nav ul[class="nav-menu-bottom"] a {
  line-height: 47px;
}
.side-menu-nav a {
  font-size: 14px;
  color: #c8c8c8;
  text-decoration: none;
  display: block;
  /*        -webkit-transition:  background 0.3s ease-in-out;
                -moz-transition:  background 0.3s ease-in-out;
                -ms-transition:  background 0.3s ease-in-out;
                -o-transition:  background 0.3s ease-in-out;
                transition:  background 0.3s ease-in-out;*/
}
.side-menu-nav a:hover {
  background-color: #122849;
  color: #ffffff !important;
  font-weight: bold;
}
.side-menu-nav .arrow {
  margin-right: 10px;
}
.side-menu-nav .glyphicon.arrow:before {
  content: "\e079";
}
.side-menu-nav .active > a > .glyphicon.arrow:before {
  content: "\e114";
}
.side-menu-nav .menu-icon {
  /*padding: 0px 12px;*/
  margin-left: 7px;
}
.side-menu-nav .menu-notification {
  font-size: 11px;
  font-weight: bold;
  position: relative;
  margin-left: -15px;
  padding: 2px 4px;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  line-height: 1;
  color: #ffffff;
  min-width: 10px;
  background-color: #999999;
  width: 15px;
  height: 15px;
  display: inline-block;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
}
.side-menu-nav .menu-notification.menu-notification-plus {
  width: 18px !important;
}
.side-menu-nav .menu-notification.sos {
  background-color: #FF0000;
}
.side-menu-nav .sub-level .menu-notification {
  float: right;
  margin-right: 8px;
  margin-top: 16px;
}
.side-menu-nav .menu-item-arrow {
  font-weight: normal !important;
  /*        margin-top: 10px;
                margin-right: 10px;*/
}
.nav-menu-build {
  font-size: x-small;
  -moz-user-select: all;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.side-menu-toggle {
  margin-right: 15px;
  /*margin-top: 8px;*/
  margin-bottom: 8px;
  border-radius: 4px;
}
.side-menu-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #c8c8c8;
  border-radius: 1px;
}
.side-menu-toggle .icon-bar + .icon-bar {
  /*margin-top: 4px;*/
}
.small-menu {
  width: 50px !important;
  overflow-y: hidden;
}
.small-menu .menu-title,
.small-menu .menu-header {
  display: none;
}
.small-menu .title {
  background-color: white !important;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  display: list-item !important;
  border-bottom: none;
}
.small-menu .nav-menu-build {
  display: none;
}
.small-menu .has-sub-menu > a {
  background-image: url('../../img/sub_indicator_down-downstate.svg');
  background-repeat: no-repeat;
  background-position: right bottom;
}
.small-menu .has-sub-menu > a:hover {
  background-image: url('../../img/sub_indicator_down-downstate.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
}
.small-menu .tms-menu-logo {
  display: none;
}
ul.small-menu-list {
  margin-right: 2px;
  left: 50px;
  z-index: 100000;
  position: fixed;
  background-color: transparent;
  border: 1px solid #0C1C34;
  box-shadow: 2.5px 5px 5px #888888;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-border-radius: 0px 5px 5px;
  -moz-border-radius: 0px 5px 5px;
  border-radius: 0px 5px 5px;
}
ul.small-menu-list li {
  background-color: #f9f9f9 !important;
  min-width: 150px;
}
ul.small-menu-list li a {
  padding-left: 10px;
  color: #393939;
}
ul.small-menu-list li ul.level-1 {
  margin-right: 2px;
  left: 50px;
  z-index: 100000;
  position: fixed;
  /*background-color: @navigation-gb;*/
  background: orange !important;
  border: 1px solid #0C1C34;
  box-shadow: 2.5px 5px 5px #888888;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-border-radius: 0px 5px 5px;
  -moz-border-radius: 0px 5px 5px;
  border-radius: 0px 5px 5px;
}
ul.small-menu-list li ul.level-1 li {
  background-color: #f9f9f9 !important;
  min-width: 150px;
  /*
                &.current a{
                    background-color: @navigation-item-active-sub-gb !important;
                    color: @navigation-item-active-color;
            }
                */
}
ul.small-menu-list li ul.level-1 li a {
  padding-left: 10px;
  color: #393939;
}
ul.small-menu-list li ul.level-1 li:first-child {
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  border-top: none;
}
ul.small-menu-list li ul.level-1 li:last-child {
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  border: none;
}
.menu-header {
  font-size: 24px;
}
.side-menu-nav-bottom-panel {
  /*    position: absolute; 
    bottom: 16px;
    left: 7px;*/
}
.nav-menu-bottom {
  width: 100%;
}
.nav-menu-bottom .nav-inner {
  height: 160px;
}
.nav-menu-bottom .nav-inner .mainnav-user-menu-toggle {
  cursor: pointer;
  line-height: 47px;
  border-top: 1px solid #0C1C34;
  border-bottom: 1px solid #0C1C34;
}
.nav-menu-bottom .nav-inner .mainnav-user-menu-toggle a {
  padding-left: 7px;
  line-height: 47px;
  font-size: 14px;
  color: #c8c8c8;
  text-decoration: none;
  display: block;
}
.nav-menu-bottom .nav-inner .mainnav-user-menu-toggle a .tms-icon {
  color: #c8c8c8 !important;
}
.nav-menu-bottom .nav-inner .mainnav-user-menu-toggle a .tms-title {
  color: #c8c8c8 !important;
}
.nav-menu-bottom .nav-inner .mainnav-user-menu-toggle a .tms-title.tms-triangle-right {
  padding-top: 5px;
}
.nav-menu-bottom .nav-inner .mainnav-user-menu-toggle a:hover {
  background-color: #122849;
  color: #ffffff;
}
.nav-menu-bottom .nav-inner .mainnav-user-menu-toggle a:hover .tms-icon {
  color: #ffffff !important;
}
.nav-menu-bottom .nav-inner .mainnav-user-menu-toggle a:hover .tms-title {
  color: #ffffff !important;
}
.nav-menu-bottom .nav-inner .mainnav-time-weather {
  padding-left: 7px;
  width: 100%;
  color: #c8c8c8;
}
.nav-menu-bottom .nav-inner .mainnav-time-weather .weather {
  padding-top: 15px;
  font-weight: bold;
}
.nav-menu-bottom .nav-inner .mainnav-time-weather .weather .wi {
  left: 5px;
  position: relative;
  font-size: 22px;
}
.nav-menu-bottom .nav-inner .mainnav-time-weather .weather .temperature {
  left: 50px;
  position: absolute;
  font-size: 20px;
}
.nav-menu-bottom .nav-inner .mainnav-time-weather .datetime {
  padding-top: 5px;
  left: 50px;
  position: absolute;
}
.nav-menu-bottom .nav-inner .mainnav-time-weather .datetime .time {
  font-weight: bold;
  font-size: 20px;
}
.nav-menu-bottom .nav-inner .mainnav-time-weather .datetime .date {
  font-size: 15px;
}
/*.side-menu-nav ul li.current a{
    
    .side-menu-nav ul li.current a{
        
        &:hover{
            color: @interactionColorI !important;
        }
    }
    
    &:hover{
        color: @interactionColorI !important;
    }
}*/
.map-document-tree {
  height: 90%;
  overflow-y: auto;
}
.map-document-tree .btn {
  margin-right: 8px;
}
.map-document-tree .angular-ui-tree-handle {
  border-bottom: 1px solid #cfcfcf;
  padding: 0px 10px;
  min-height: 40px !important;
}
.map-document-tree .angular-ui-tree-handle.document {
  border-top: 2px solid #cfcfcf;
  background: #eff7fb;
}
.map-document-tree .angular-ui-tree-handle.layer {
  background: #DDDDDD;
}
.map-document-tree .angular-ui-tree-handle.layer .layer-stops {
  border: 0px !important;
}
.map-document-tree .angular-ui-tree-handle.feature {
  border: none !important;
  line-height: 40px;
}
.map-document-tree .angular-ui-tree-handle.feature .tms-icon {
  line-height: 36px;
}
.map-document-tree .angular-ui-tree-handle.feature:hover {
  background: #eff7fb;
}
.map-document-tree .angular-ui-tree-handle.feature-closed {
  color: #DDDDDD !important;
}
.map-document-tree .angular-ui-tree-nodes {
  padding-left: 0px;
  border-bottom: px;
  border-top: 0px;
}
.map-document-tree .angular-ui-tree-placeholder {
  background: #ffffff;
  border: 2px dashed #cfcfcf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.map-document-tree .group-title {
  background-color: #687074 !important;
  color: #FFF !important;
}
.map-document-tree .route-box-color {
  width: 23px;
  height: 20px;
  margin: 2px;
}
.tms-assign-groups .tms-cell.tms-ag {
  width: calc(50% - 1px);
  display: inline-block;
  float: left;
}
.tms-assign-groups .tms-body.tms-ag {
  clear: both;
}
.tms-assign-groups .tms-body.tms-ag .tms-row.tms-ag {
  clear: both;
  padding: 0;
}
.tms-assign-groups .tms-body.tms-ag .tms-ag-row-undefined {
  padding: 5px 15px;
}
.tms-assign-groups .tms-body.tms-ag .tms-ag-row-defined {
  padding: 5px 0;
}
.tms-assign-groups .tms-assign-controls {
  float: right;
  width: 50%;
}
.tms-assign-groups .btn-group-vertical.tms-ag {
  width: 100%;
  padding-top: 20px;
  margin-left: 8px;
}
.tms-assign-groups .form-control.tms-ag-select {
  width: 100%;
  height: 100px;
}
.tms-assign-groups .tms-select-header.tms-ag {
  text-align: center;
  line-height: 18px;
}
.tms-assign-groups .tms-assign-group-counter {
  width: 60px;
  text-align: center;
  float: left;
  line-height: 42px;
}
[dir=rtl] .tms-assign-groups .tms-cell.tms-ag {
  float: right !important;
}
[dir=rtl] .tms-assign-groups .tms-assign-controls {
  float: left !important;
}
[dir=rtl] .tms-assign-groups .tms-assign-group-counter {
  float: right !important;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 18, 2014, 3:31:27 PM
    Author     : Jurij Šauperl
*/
#tableauViz {
  position: absolute;
  top: 8px;
  bottom: 15px;
  left: 8px;
  right: 8px;
  min-height: 400px;
  min-width: 400px;
  background-color: white;
  border-radius: 5px 5px 0px 0px;
  padding-top: 5px;
}
.audio-player {
  width: 400px;
  height: 36px;
}
.audio-player .audio-controls .timecode-control {
  margin-left: 5px;
  padding-top: 8px;
}
.audio-player .audio-controls .slider {
  padding-top: 6px;
}
.audio-player .audio-controls .slider input[type='range'] {
  width: 120px;
  border: 2px solid blue;
  display: block;
  z-index: 0;
}
.audio-player .audio-controls .vertical-slider {
  padding-top: 6px;
}
.audio-player .audio-controls .vertical-slider input[type='range'] {
  width: 30px;
  border: 2px solid blue;
  display: block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 0;
}
.tms-date-picker {
  width: 92%;
  float: left;
}
.uib-datepicker .btn.btn-primary.active .text-info,
.uib-datepicker .btn.btn-default.active .text-info,
.uib-datepicker .btn.btn-warning.active .text-info {
  color: white;
}
.tms-time-picker {
  margin-top: -23px;
  float: left;
}
.tms-time-picker .btn {
  height: inherit;
  min-width: 0px;
  border: none;
  margin: initial;
  padding: initial;
}
[dir=rtl] .tms-time-picker {
  float: right !important;
}
.inline-datetime-picker .tms-date-picker {
  width: calc(100% - 120px);
  margin-right: 8px;
}
[line-map] {
  position: relative;
  width: 100%;
  height: 100%;
}
[line-map] .ol-zoom {
  top: 6px;
  right: 6px;
  left: initial;
}
[line-map] .ol-zoom.ol-control button {
  font-size: 18px;
  background-color: #54578b;
}
.line-map-view {
  width: 100vw;
  height: 100%;
  /*position: fixed;*/
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #f7f9f9;
}
.line-map-view-inside {
  width: 100vw;
  height: 100%;
  /*position: fixed;*/
  /*top: 0;*/
  /*left: 0;*/
  overflow: hidden;
  background-color: #f7f9f9;
}
a.eye-checkbox {
  cursor: pointer;
  color: black;
  text-decoration: none;
}
.linemap-popup-test {
  position: fixed;
  padding: 5px;
  z-index: 100;
  background-color: whitesmoke;
  border: 1px solid black;
  border-radius: 5px;
}
.tms-splitter-linemap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tms-splitter-linemap .tms-splitter-bottom-content {
  position: relative;
  background-color: #e4e4e4 !important;
}
.linemap-splitter {
  /*background-color: @panelColor !important;*/
}
.linemap-splitter .tms-label {
  /*color: @labelColor !important;*/
}
.linemap-splitter .bg-warning {
  background-color: #ffff00 !important;
}
.linemap-splitter .gridStyle {
  width: 100%;
  height: 300px;
}
.linemap-splitter .tms-main-options-holder {
  background-color: #f7f9f9 !important;
}
.progress-bar.progress-bar-black {
  background-color: #cecece;
  color: #ffffff;
  background-image: none;
}
.popover.top.linemap {
  min-width: 50px;
  max-width: 800px;
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.popover.top.linemap tms-popup {
  max-width: 796px;
}
.popover.top.linemap .arrow {
  display: none;
}
.popover.top.linemap .popover-content {
  padding: 0px;
}
.popover.top.linemap .popover-content .popup-"xs" {
  width: 100;
}
.popover.top.linemap .popover-content .popup-min-"xs" {
  min-width: 100;
}
.popover.top.linemap .popover-content .popup-"sm" {
  width: 150;
}
.popover.top.linemap .popover-content .popup-min-"sm" {
  min-width: 150;
}
.popover.top.linemap .popover-content .popup-"md" {
  width: 200;
}
.popover.top.linemap .popover-content .popup-min-"md" {
  min-width: 200;
}
.popover.top.linemap .popover-content .popup-"lg" {
  width: 250;
}
.popover.top.linemap .popover-content .popup-min-"lg" {
  min-width: 250;
}
.popover.top.linemap .popover-content .popup-"xg" {
  width: 350;
}
.popover.top.linemap .popover-content .popup-min-"xg" {
  min-width: 350;
}
.popover.top.linemap .popover-content .hover-popup {
  padding-right: 5px;
}
.popover.top.linemap .popover-content .hover-popup.nowrap {
  white-space: nowrap;
}
.popover.top.linemap .popover-content .hover-popup.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popover.top.linemap .popover-content .popup-head {
  border-bottom: 1px solid #c7c7c7;
  vertical-align: middle;
  line-height: 35px;
}
.popover.top.linemap .popover-content .popup-head.movable {
  cursor: grab;
  cursor: -webkit-grab;
}
.popover.top.linemap .popover-content .popup-head.movable.move {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.popover.top.linemap .popover-content .popup-head .popup-title {
  font-size: 15px;
}
.popover.top.linemap .popover-content .popup-head .event-badge {
  color: #ffffff !important;
  background-color: #0C1C34 !important;
}
.popover.top.linemap .popover-content .popup-head img {
  width: 42px;
  height: 42px;
}
.popover.top.linemap .popover-content .popup-head.hover {
  border: none;
}
.popover.top.linemap .popover-content .popup-collapse .popup-collapse-toggle {
  background-color: #E0E0E0;
  cursor: pointer;
  border-top: 1px solid white;
}
.popover.top.linemap .popover-content .popup-collapse .popup-body.no-padding {
  padding: 0;
}
.popover.top.linemap .popover-content .popup-collapse .popup-body .popup-body-inner {
  overflow-y: auto;
  max-height: 250px;
}
.popover.top.linemap .popover-content .popup-head .lm-popup-header-menu .dropdown-menu li .tms-icon {
  color: #0C1C34;
}
.popover.top.linemap .popover-content .popup-head .lm-popup-header-menu .dropdown-menu li .tms-label {
  color: #0C1C34;
}
.popover.top.linemap .popover-content .popup-head .lm-popup-header-menu .dropdown-menu li:hover {
  background-color: #0C1C34;
}
.popover.top.linemap .popover-content .popup-head .lm-popup-header-menu .dropdown-menu li:hover .tms-icon {
  color: #ffffff;
}
.popover.top.linemap .popover-content .popup-head .lm-popup-header-menu .dropdown-menu li:hover .tms-label {
  color: #ffffff;
}
.popover.top.linemap .popover-content .popup-head .lm-popup-header-menu .dropdown-menu li:first-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.popover.top.linemap .popover-content .popup-head .lm-popup-header-menu .dropdown-menu li:first-child:last-child {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.popover.top.linemap .popover-content .popup-head .lm-popup-header-menu .dropdown-menu li:last-child {
  border-bottom: none;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.popover.top.linemap .popover-content .popup-body {
  min-height: 15px;
  padding: 0px 5px;
}
.popover.top.linemap .popover-content .popup-body.scrollable {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row {
  line-height: 20px;
  vertical-align: bottom;
  width: 100%;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row:before,
.popover.top.linemap .popover-content .popup-body .popup-lm-row:after {
  content: " ";
  display: table;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row:after {
  clear: both;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row:first-child {
  padding-top: 10px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row.image {
  line-height: 36px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row.image:first-child {
  padding-top: 6px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row.clickable:hover {
  background-color: #0C1C34;
  color: #ffffff;
  cursor: pointer;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row .popup-lm-label {
  float: left;
  color: #b4b4b4 !important;
  width: 100px;
  font-size: 11px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row .popup-lm-label.xlg {
  width: 145px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row .popup-lm-label.lg {
  width: 130px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row .popup-lm-label.sm {
  width: 50px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row .popup-lm-text {
  float: left;
  font-size: 14px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row .popup-lm-text.lg {
  width: 200px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row .popup-lm-text.xlg .inner-text {
  width: 310px;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row .popup-lm-text .inner-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.popover.top.linemap .popover-content .popup-body .popup-lm-row.sub-row .popup-lm-label {
  padding-left: 20px;
}
.popup-lm-info {
  position: absolute;
  bottom: 0px;
  right: 5px;
}
.line-map-menu {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: #f7f9f9;
  border-left: 1px solid #c7c7c7;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation .line-map-menu-panels ul.line-map-menu-panel {
  margin: 0;
  padding: 0;
  border-bottom: 3px solid #c7c7c7;
  list-style: none;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation .line-map-menu-panels ul.line-map-menu-panel li.line-map-menu-panel-item {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #0C1C34;
  border-bottom: 1px solid #c7c7c7;
  cursor: pointer;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation .line-map-menu-panels ul.line-map-menu-panel li.line-map-menu-panel-item .tms-icon {
  font-size: 43px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation .line-map-menu-panels ul.line-map-menu-panel li.line-map-menu-panel-item:hover {
  color: #ffffff !important;
  background-color: #0C1C34;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation .line-map-menu-panels ul.line-map-menu-panel li.line-map-menu-panel-item.active {
  color: #ffffff !important;
  background-color: #0C1C34;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation .line-map-menu-panels ul.line-map-menu-panel li.line-map-menu-panel-item.disabled {
  color: #393939 !important;
  background-color: transparent;
  cursor: default;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation .line-map-menu-panels ul.line-map-menu-panel li.line-map-menu-panel-item.disabled:hover {
  color: #393939;
  background-color: transparent;
}
.line-map-menu .line-map-menu-holder .line-map-menu-navigation .line-map-menu-panels ul.line-map-menu-panel:last-child {
  border-bottom: none;
}
.line-map-menu .line-map-menu-holder .line-map-menu-datetime {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.line-map-menu .line-map-menu-holder .line-map-menu-datetime .time {
  font-weight: bold;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view {
  position: absolute;
  height: 100%;
  width: 350px;
  top: 0;
  z-index: 99;
  background-color: #f7f9f9;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view.menu-view-show {
  right: 50px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view.menu-view-hide {
  right: -500px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder {
  position: relative;
  /*height: 100%;*/
  width: 100%;
  bottom: 0;
  background-color: #f7f9f9;
  border-left: 1px solid #c7c7c7;
  -webkit-transition: bottom 0.5s ease-in-out;
  transition: bottom 0.5s ease-in-out;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder {
  height: calc(100vh - 43px);
  width: 100%;
  margin-top: 43px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-content-header {
  padding: 5px;
  background-color: #122849;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-content-header .title {
  color: #c8c8D0;
  font-size: 14px;
  font-weight: bold;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-content-header .dropdown-toggle {
  color: #0C1C34;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-content-header .open .dropdown-toggle {
  color: #ffffff;
  background-color: #0C1C34;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-content-header .dropdown-menu li label {
  overflow: hidden;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-historical-events {
  padding: 5px;
  background-color: #f7f9f9;
  height: 50px;
  padding-top: 8px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-historical-events .tms-label {
  vertical-align: top;
  font-weight: bold;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-historical-events .datetime {
  width: 80px;
  display: inline-block;
  margin-left: 5px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .line-map-menu-historical-events .btn {
  min-width: 0px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .gridStyle {
  width: 100%;
  height: calc(100vh - 90px);
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .gridStyle .ngAggregate {
  color: #393939 !important;
  background-color: #edf2fc !important;
  cursor: pointer;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .gridStyle .ngAggregate .ngAggArrowCollapsed {
  border-color: transparent transparent transparent #393939;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .gridStyle .ngAggregate .ngAggArrowExpanded {
  border-color: transparent transparent transparent #393939;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .gridStyle.line-map-asset-grid .ngRow:hover {
  background-color: #edf2fc;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-view-holder .line-map-menu-view-content-holder .line-map-menu-view-content .gridStyle.line-map-asset-grid.historical-events {
  height: calc(100vh - 140px);
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-top-panel {
  position: absolute;
  z-index: 99;
  top: 0;
  height: 47px;
  width: 100%;
  background-color: #f7f9f9;
  border-bottom: 4px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-top-panel .document-select {
  width: 141px;
  display: inline-block;
  padding-left: 5px;
  padding-top: 3.5px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-top-panel .panel-icons .btn {
  min-width: 90px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-top-panel .panel-icons .btn .tms-label {
  margin-right: 7px;
}
.line-map-menu .line-map-menu-holder .line-map-menu-view .line-map-menu-top-panel .no-document-available {
  line-height: 42px;
  text-align: center;
  font-weight: bold;
}
.schematic-map-last-update {
  position: fixed;
  bottom: 5px;
  left: 0;
  width: 140px;
  height: 24px;
  text-align: center;
  line-height: 28px;
  vertical-align: middle;
  background-color: #f7f9f9;
  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.schematic-map-top-panel {
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  position: fixed;
  display: block;
  height: 47px;
  width: calc(100vw - 50px);
  background-color: #f7f9f9;
  border-bottom: 4px solid #c7c7c7;
}
.schematic-map-top-panel .schematic-map-legend-toggle {
  height: 43px;
  min-width: 50px;
  border-bottom: none;
  border-top: none;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.schematic-map-top-panel .inline-select {
  display: inline-block;
  width: 180px;
  padding-left: 10px;
  padding-right: 6px;
}
.schematic-map-top-panel .schematic-map-playback-control {
  display: inline-block;
  width: calc(100% - 260px);
}
.schematic-map-top-panel .schematic-map-legend {
  position: absolute;
  top: 47px;
  max-height: calc(100vh - 47px);
  width: 238px;
  background-color: #f7f9f9;
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding-left: 12px;
  padding-bottom: 10px;
  overflow-x: auto;
}
.schematic-map-top-panel .schematic-map-legend .schematic-map-legend-title {
  vertical-align: middle;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
.schematic-map-top-panel .schematic-map-legend .schematic-map-legend-frame-title {
  padding-top: 5px;
  padding-bottom: 5px;
}
.schematic-map-top-panel .schematic-map-legend .schematic-map-legend-inner {
  margin-top: 10px;
}
.schematic-map-top-panel .schematic-map-legend .schematic-map-legend-inner .schematic-map-legend-item .schematic-map-legend-item-color {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #c7c7c7;
}
.schematic-map-top-panel .schematic-map-legend .schematic-map-legend-inner .schematic-map-legend-item .schematic-map-legend-item-desc {
  padding-left: 10px;
}
.schematic-map-top-panel .schematic-map-legend.animation {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
}
.schematic-map-top-panel .schematic-map-legend.animation.ng-hide {
  opacity: 0;
}
.schematic-map-top-panel.animation.ng-enter,
.schematic-map-top-panel.animation.ng-leave {
  -webkit-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
}
.schematic-map-top-panel.animation.ng-enter,
.schematic-map-top-panel.animation.ng-leave.ng-leave-active {
  opacity: 0;
}
.schematic-map-top-panel.animation.ng-leave,
.schematic-map-top-panel.animation.ng-enter.ng-enter-active {
  opacity: 1;
}
.tms-notification .notify-container {
  position: fixed;
  top: 10px;
  right: 0;
  z-index: 1300;
}
.tms-notification .notify-container .notification {
  position: relative;
  width: 348px;
  margin-bottom: 5px;
  display: table;
  -moz-box-shadow: -1px 2px 7px #1f1f1f;
  -o-box-shadow: -1px 2px 7px #1f1f1f;
  -webkit-box-shadow: -1px 2px 7px #1f1f1f;
  box-shadow: -1px 2px 7px #1f1f1f;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-notification .notify-container .notification .notification-inner {
  display: table-row;
}
.tms-notification .notify-container .notification .notification-inner .icon-container {
  padding: 0;
  margin: 0;
  padding-left: 5px;
  padding-bottom: 5px;
  color: white;
  cursor: pointer;
  width: 46px;
  display: table-cell;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
}
.tms-notification .notify-container .notification .notification-inner .icon-container .tms-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tms-notification .notify-container .notification .notification-inner .notification-body {
  width: calc(100% - 46px);
  display: table-cell;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .content-holder {
  padding-left: 10px;
  padding-right: 10px;
  min-height: 46px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .content-holder .notify-title {
  font-weight: bold;
  padding-top: 5px;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .content-holder .notify-message {
  padding-bottom: 5px;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .content-holder .notify-close {
  position: absolute;
  top: -4px;
  right: 0;
  opacity: 0.2;
  cursor: pointer;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .content-holder .notify-close:hover {
  opacity: 0.8;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .notification-actions {
  padding: 2px 8px 5px 8px;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .notification-actions:before,
.tms-notification .notify-container .notification .notification-inner .notification-body .notification-actions:after {
  content: " ";
  display: table;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .notification-actions:after {
  clear: both;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .notification-actions button {
  border: none;
  background: none;
  font-weight: bold;
  font-size: 15px;
}
.tms-notification .notify-container .notification .notification-inner .notification-body .notification-actions button:hover {
  text-decoration: underline;
}
.tms-notification .notify-container .notification.success {
  background-color: #b5e8b5;
}
.tms-notification .notify-container .notification.success .icon-container {
  background-color: #1eb91e;
}
.tms-notification .notify-container .notification.info {
  background-color: #bbdefb;
}
.tms-notification .notify-container .notification.info .icon-container {
  background-color: #2196f3;
}
.tms-notification .notify-container .notification.warning {
  background-color: #ffd17f;
}
.tms-notification .notify-container .notification.warning .icon-container {
  background-color: #ffa400;
}
.tms-notification .notify-container .notification.error {
  background-color: #ffaaaa;
}
.tms-notification .notify-container .notification.error .icon-container {
  background-color: #ff0000;
}
.tms-notification .notify-container.collapsed {
  right: -302px;
}
.tms-notification .notify-container.animated {
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.tms-notification .notify-container.animated .notification.ng-enter {
  right: -350px;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.tms-notification .notify-container.animated .notification.ng-enter.ng-enter-active {
  right: 0;
}
.tms-notification .notify-container.animated .notification.ng-leave {
  right: 0;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.tms-notification .notify-container.animated .notification.ng-leave.ng-leave-active {
  right: -350px;
}
[dir=rtl] .tms-notification .notify-container {
  right: auto !important;
  left: 0;
}
[dir=rtl] .tms-notification .notify-container .notification .notification-inner .icon-container {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
[dir=rtl] .tms-notification .notify-container.collapsed {
  left: -302px;
}
[dir=rtl] .tms-notification .notify-container.animated {
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
[dir=rtl] .tms-notification .notify-container.animated .notification.ng-enter {
  right: auto !important;
  left: -350px;
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
[dir=rtl] .tms-notification .notify-container.animated .notification.ng-enter.ng-enter-active {
  right: auto !important;
  left: 0;
}
[dir=rtl] .tms-notification .notify-container.animated .notification.ng-leave {
  right: auto !important;
  left: 0;
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
[dir=rtl] .tms-notification .notify-container.animated .notification.ng-leave.ng-leave-active {
  right: auto !important;
  left: -350px;
}
[dir=rtl] .tms-notification .notify-close {
  right: auto !important;
  left: 0;
}
[dir=rtl] .tms-notification.collapsed {
  right: auto !important;
  left: -302px;
}
.playback-control > .action-panel-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.playback-control > .action-panel-group .action-panel-item {
  height: 43px;
  min-width: 50px;
  border-bottom: none;
  border-top: none;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.playback-control > .progress-panel {
  display: inline-block;
  width: calc(100% - 201px);
}
.playback-control > .progress-panel .playback-progress {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
}
.playback-control > .progress-panel .playback-progress .playback-current-time {
  flex: 1 1 auto;
  text-align: center;
}
.playback-control > .progress-panel .playback-progress .playback-progress-bar {
  flex: 20 1 auto;
}
.playback-control > .progress-panel .playback-progress .playback-progress-bar .playback-progress-bar-line {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 7px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  background-color: #0C1C34;
}
.playback-control > .progress-panel .playback-progress .playback-progress-bar .playback-progress-bar-line .playback-progress-bar-pointer {
  position: absolute;
  display: inline-block;
  z-index: 1;
  top: -8px;
  left: -11px;
  width: 22px;
  height: 22px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  /*.transition(left 1s linear);*/
  background-color: #ffffff;
  border: 10px double #0C1C34;
}
.playback-control > .progress-panel .playback-progress .playback-progress-bar .playback-progress-bar-line .playback-progress-bar-pointer:hover {
  border: 11px double #0C1C34;
}
.playback-control > .progress-panel .playback-progress .playback-progress-bar .playback-progress-bar-line .playback-progress-bar-line-inner {
  position: absolute;
  display: inline-block;
  left: 2px;
  top: 2px;
  height: 3px;
  background-color: #ffffff;
  width: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  /*.transition(width 1s linear);*/
}
.playback-control > .progress-panel .playback-progress .playback-total-time {
  flex: 1 1 auto;
  text-align: center;
  cursor: pointer;
}
.map-editor .map-editor-body {
  overflow: auto;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-header {
  padding: 5px;
  background-color: #122849;
  font-size: 14px;
  font-weight: bold;
  color: white;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-header .map-editor-content-help {
  float: right;
  margin-top: -6px;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body {
  padding: 10px;
  overflow-x: scroll;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table {
  width: 100%;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table thead {
  background-color: #FAFAFA;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table thead tr,
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table thead th {
  border-color: #E0E0E0;
  padding: 5px;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table tbody tr,
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table tbody td {
  padding: 5px;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table tbody tr:nth-child(odd) {
  background: #ffffff;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table tbody tr:nth-child(even) {
  background: #f9fafc;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table .right {
  text-align: right;
}
.map-editor .map-editor-body .map-editor-content .map-editor-content-body table .center {
  text-align: center;
}
.map-editor .map-editor-footer {
  padding: 10px;
}
.route-editor-holder {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
.side-menu-routeeditor {
  position: absolute;
  z-index: 4000;
}
.side-menu-routeeditor.side-menu-horizontal {
  width: 100%;
  right: 0px;
}
.side-menu-routeeditor.side-menu-horizontal .side-menu-horizontal-top {
  top: 0px;
}
.side-menu-routeeditor.side-menu-horizontal .side-menu-horizontal-bottom {
  bottom: 0px;
}
.side-menu-routeeditor.side-menu-vertical {
  height: 100%;
  top: 0px;
}
.side-menu-routeeditor.side-menu-vertical.side-menu-vertical-left {
  left: 0px;
}
.side-menu-routeeditor.side-menu-vertical.side-menu-vertical-right {
  right: 0px;
}
.side-menu-routeeditor .side-menu-holder {
  height: 100%;
}
.side-menu-routeeditor .side-menu-holder .side-menu-buttons .btn {
  position: absolute;
  z-index: 4000;
  width: 36px;
  height: 36px;
}
.side-menu-routeeditor .side-menu-holder .side-menu-content {
  background-color: #ebeded;
  display: none;
  height: 100%;
}
.side-menu-routeeditor .side-menu-holder .side-menu-content .side-menu-header {
  background-color: #f7f9f9;
  border-bottom: 2px solid #c7c7c7;
  height: 35px;
}
.side-menu-routeeditor .side-menu-holder .side-menu-content .side-menu-header * {
  line-height: 35px;
}
.side-menu-routeeditor .side-menu-holder .side-menu-content .side-menu-header h4 {
  margin-top: 0px;
  padding-left: 10px;
}
.side-menu-routeeditor .side-menu-holder .side-menu-content .side-menu-header .close {
  padding-right: 10px;
}
.side-menu-routeeditor .side-menu-holder .side-menu-content .side-menu-body {
  background: #c7c7c7;
  width: 100%;
  height: calc(( 100% - 35px ));
  overflow-y: auto;
}
.side-menu-routeeditor .side-menu-holder .side-menu-content .side-menu-body .form-group {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.side-menu-routeeditor .side-menu-holder .section {
  /*font-size: 15pt;*/
  border-bottom: 1px solid #DDD;
  padding-left: 10px;
  padding-right: 10px;
  /* From tms-panel.less */
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) 2px 3px #1f1f1f;
  background: #f7f9f9;
  border-color: #cfcfcf important;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  /*font-size: 15pt;*/
}
.side-menu-routeeditor .side-menu-holder .section h4 {
  margin-top: 0;
  padding-top: 10px;
}
.side-menu-routeeditor .side-menu-holder .section:before,
.side-menu-routeeditor .side-menu-holder .section:after {
  content: " ";
  display: table;
}
.side-menu-routeeditor .side-menu-holder .section:after {
  clear: both;
}
.side-menu-routeeditor .side-menu-holder .section.tms-panel-hilit {
  background: #ebeded;
}
.side-menu-routeeditor .side-menu-holder .section .tms-panel-hilit {
  background: #ebeded;
}
.side-menu-routeeditor .side-menu-holder .section .tms-inner {
  padding: 15px;
}
.side-menu-routeeditor .side-menu-holder .section table thead {
  background-color: #FAFAFA;
}
.side-menu-routeeditor .side-menu-holder .section table thead tr,
.side-menu-routeeditor .side-menu-holder .section table thead th {
  border-color: #E0E0E0;
}
.side-menu-routeeditor .side-menu-holder .section table tbody tr:nth-child(odd) {
  background: #ffffff;
}
.side-menu-routeeditor .side-menu-holder .section table tbody tr:nth-child(even) {
  background: #f9fafc;
}
.side-menu-routeeditor .side-menu-holder .section table .right {
  text-align: right;
}
.side-menu-routeeditor .side-menu-holder .section table .center {
  text-align: center;
}
.side-menu-tadej {
  position: absolute;
  z-index: 4000;
  right: -400px;
  height: 100%;
  top: 0px;
  background-color: white;
}
.side-menu-tadej .side-menu-holder {
  height: 100%;
}
.side-menu-tadej .side-menu-holder .side-menu-content {
  background-color: #ebeded;
  height: 100%;
}
.side-menu-tadej .side-menu-holder .side-menu-content .side-menu-header {
  height: 35px;
}
.side-menu-tadej .side-menu-holder .side-menu-content .side-menu-header * {
  line-height: 35px;
}
.side-menu-tadej .side-menu-holder .side-menu-content .side-menu-header h4 {
  margin-top: 0px;
  padding-left: 5px;
}
.side-menu-tadej .side-menu-holder .side-menu-content .side-menu-header .close {
  padding-right: 5px;
}
.side-menu-tadej .side-menu-holder .side-menu-content .side-menu-body {
  background: #f7f9f9;
  border-color: #cfcfcf important;
  width: 100%;
  height: calc(( 100% - 35px ));
  overflow-y: auto;
}
.side-menu-tadej .side-menu-holder .section {
  padding-left: 0px;
  padding-right: 0px;
}
terminal {
  display: block;
  height: 100%;
}
.terminal-x {
  /*height: ~"calc(100vh - 40px)";*/
  height: 100%;
}
.terminal-x .terminal-x-main-holder {
  float: left;
  width: calc(100% - 400px);
  height: 100%;
}
.terminal-x .terminal-x-main-holder .options {
  color: #393939;
  height: 36px;
  background: #dbdbdb;
  line-height: 36px;
}
.terminal-x .terminal-x-sidepanel {
  float: left;
  width: 400px;
  height: 100%;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-header {
  height: 36px;
  line-height: 36px;
  background: #dbdbdb;
  padding-left: 8px;
  padding-right: 8px;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body {
  height: calc(100% - 36px);
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder {
  height: 50%;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box-title-holder {
  height: 36px;
  line-height: 36px;
  padding-left: 8px;
  padding-right: 8px;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box-title-holder .terminal-x-sidepanel-box-title {
  font-weight: bold;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box-title-holder button {
  display: block;
  background: none;
  border: none;
  height: 36px;
  line-height: 36px;
  padding-top: 0;
  padding-left: 0;
  color: #0C1C34;
  padding-right: 8px;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box-title-holder button:hover {
  background: #0C1C34;
  color: #ffffff;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box {
  height: calc(100% - 36px);
  background: #ebeded;
  overflow-y: auto;
  margin-left: 8px;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box .terminal-x-sidepanel-box-row {
  height: 36px;
  line-height: 36px;
  cursor: default;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box .terminal-x-sidepanel-box-row button {
  display: block;
  background: none;
  border: none;
  height: 36px;
  line-height: 36px;
  padding-top: 0;
  padding-left: 0;
  color: #0C1C34;
  padding-right: 0;
  float: left;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box .terminal-x-sidepanel-box-row button:hover {
  background: #0C1C34;
  color: #ffffff;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box .terminal-x-sidepanel-box-row:nth-child(even) {
  background: #f9fafc;
}
.terminal-x .terminal-x-sidepanel .unit-terminal-x-sidepanel-body .terminal-x-sidepanel-box-holder .terminal-x-sidepanel-box .terminal-x-sidepanel-box-row:hover {
  background: #edf2fc;
}
.terminal-x .terminal-x-console-holder {
  height: calc(100% - 36px);
}
.terminal-x .terminal-x-console-holder .terminal-x-console {
  padding: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
}
.terminal-x .terminal-x-console-holder .terminal-x-console .terminal {
  height: calc(100% - 30%);
  color: white;
  font-family: 'Source Code Pro', monospace;
  font-weight: 200;
  font-size: 14px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid white;
}
.terminal-x .terminal-x-console-holder .terminal-x-console .terminal-x-input {
  color: white;
  font-family: 'Source Code Pro', monospace;
  font-weight: 200;
  font-size: 14px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  height: 30%;
  width: 100%;
  border: none;
  resize: none;
  outline: none;
  background: none;
}
.terminal-x .prompt {
  color: #bde371;
}
.terminal-x .path {
  color: #5ed7ff;
}
.trip-chart {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.trip-chart .trip-chart-interval-from {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  max-width: max-content;
}
.trip-chart .trip-chart-interval-from .time-picker {
  margin-top: 0;
}
.trip-chart .trip-chart-interval-from .time-picker .tms-time-picker {
  margin-top: 0;
}
.trip-chart .trip-chart-interval-from .tms-date-picker p {
  margin: 0;
}
.trip-chart .trip-bg-refresh-button {
  margin-inline-start: auto;
}
.trip-chart .trip-chart-slider-holder {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.trip-chart .trip-chart-settings-holder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
.trip-chart .trip-chart-settings-holder input[type=range] {
  -webkit-appearance: none;
  margin: 7.5px 0;
  width: 120px;
  vertical-align: middle;
}
.trip-chart .trip-chart-settings-holder input[type=range]:focus {
  outline: none;
}
.trip-chart .trip-chart-settings-holder input[type=range]::-webkit-slider-runnable-track {
  width: 120px;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #FAFAFA;
  border-radius: 2px;
  border: 1px solid #9aa2bf;
}
.trip-chart .trip-chart-settings-holder input[type=range]::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  border-radius: 4px;
  background: #555bc8;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}
.trip-chart .trip-chart-settings-holder input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fafafa;
}
.trip-chart .trip-chart-settings-holder input[type=range]::-moz-range-track {
  width: 120px;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #FAFAFA;
  border-radius: 2px;
  border: 1px solid #9aa2bf;
}
.trip-chart .trip-chart-settings-holder input[type=range]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  border-radius: 4px;
  background: #555bc8;
  cursor: pointer;
}
.trip-chart .trip-chart-settings-holder input[type=range]::-ms-track {
  width: 120px;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 15px 0;
  color: transparent;
}
.trip-chart .trip-chart-settings-holder input[type=range]::-ms-fill-lower {
  background: #fafafa;
  border: 1px solid #9aa2bf;
  border-radius: 4px;
}
.trip-chart .trip-chart-settings-holder input[type=range]::-ms-fill-upper {
  background: #FAFAFA;
  border: 1px solid #9aa2bf;
  border-radius: 4px;
}
.trip-chart .trip-chart-settings-holder input[type=range]::-ms-thumb {
  height: 15px;
  width: 15px;
  border-radius: 4px;
  background: #555bc8;
  cursor: pointer;
}
.trip-chart .trip-chart-settings-holder input[type=range]:focus::-ms-fill-lower {
  background: #FAFAFA;
}
.trip-chart .trip-chart-settings-holder input[type=range]:focus::-ms-fill-upper {
  background: #fafafa;
}
.trip-chart .trip-chart-settings-holder .trip-bg-loader {
  padding-left: 10px;
  margin-top: -5px;
}
.trip-chart .trip-chart-settings-holder .trip-bg-loader img {
  width: 25px;
}
.trip-bg-canvas-parrent {
  background-color: white;
  margin-left: 1px;
  margin-top: 1px;
  flex-grow: 1;
}
.user-profile .control-label a {
  font-weight: bold;
  color: #0C1C34;
}
.tms-grid {
  width: 100%;
  /*height: ~"calc(100vh - 64px)";*/
  height: 100%;
}
.tms-grid .tms-grid-tools {
  border: 1px solid #e0e0e0;
  background: #FAFAFA;
}
.tms-grid .tms-grid-tools .tms-grid-tools-inner .tms-grid-tools-separator {
  border: 1px solid #e0e0e0;
}
.tms-grid .tms-grid-tools .tms-grid-tools-inner .btn-group > .btn:last-child {
  border-right: none;
}
.tms-grid .tms-grid-tools .tms-grid-tools-inner refresh-button {
  padding: 0px 16px;
  height: 40px;
  background-color: transparent;
}
.tms-grid .tms-grid-tools .tms-grid-tools-inner refresh-button .refresh-btn-canvas {
  padding: 2px 0px;
}
.tms-grid .tms-ui-grid .ui-grid-disable-selection .ui-grid-cell-contents .ui-grid-selection-row-header-buttons.ui-grid-icon-ok {
  padding: 0;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu {
  margin-left: -5px;
  margin-right: -5px;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-dropdown-menu .dropdown-toggle {
  display: flex;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu .tms-ui-grid-inline-menu .tms-ui-grid-inline-menu-item:hover {
  cursor: pointer;
}
.tms-grid .ui-grid {
  border: 1px solid #cdcdcd;
  border-top: none;
  font-size: 12px;
  /*        .tms-ui-grid-multi-header-wrapper{
                    .tms-ui-grid-multi-header-cell-row{
                        .tms-ui-grid-multi-header-cell{
                            border-right: none;
                        }
                    }
                }*/
}
.tms-grid .ui-grid .ui-grid-canvas {
  display: flex;
  flex-direction: column;
}
.tms-grid .ui-grid .ui-grid-header-cell {
  min-height: 30px;
  height: 30px;
}
.tms-grid .ui-grid .ui-grid-header-canvas {
  min-height: 30px;
  height: 30px;
}
.tms-grid .ui-grid .tms-ui-grid-multi-header-wrapper {
  border-bottom: 1px solid #e0e0e0;
  font-size: 12px;
}
.tms-grid .ui-grid .ui-grid-header-cell-wrapper {
  font-size: 12px;
}
.tms-grid .ui-grid .ui-grid-top-panel {
  border: none;
}
.tms-grid .ui-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child,
.tms-grid .ui-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right-color: #e0e0e0;
}
.tms-grid .ui-grid .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child,
.tms-grid .ui-grid .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  border-left-color: #e0e0e0;
}
.tms-grid .ui-grid .ui-grid-row .ui-grid-cell-contents {
  padding-top: 10px;
}
.tms-grid .ui-grid .ui-grid-row .ui-grid-cell-contents[ng-click] {
  cursor: pointer;
}
.tms-grid .ui-grid .ui-grid-row .preserve-multiple-white-space > .ui-grid-cell-contents {
  white-space: pre-line;
}
.tms-grid .ui-grid .ui-grid-row .highlight-on-hover:hover {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
.tms-grid .ui-grid .ui-grid-row .ui-grid-cell-contents.padding_0 {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}
.tms-grid .ui-grid .ui-grid-row .ui-grid-cell-contents.padding_0 .tms-ui-grid-menu {
  margin-top: auto;
  margin-bottom: auto;
}
.tms-grid .ui-grid .ui-grid-row .multi-line-cell .ui-grid-cell-contents {
  white-space: pre-wrap;
  padding-top: 5px;
}
.tms-grid .ui-grid .ui-grid-render-container-body .ui-grid-cell:last-child,
.tms-grid .ui-grid .ui-grid-render-container-body .ui-grid-header-cell:last-child {
  border-right: none !important;
}
.tms-grid .ui-grid .ui-grid-filter-container {
  padding: 4px 5px;
}
.tms-grid .ui-grid .ui-grid-pager-panel {
  font-weight: bold;
  border-top: 1px solid #e0e0e0;
  font-size: 12px;
  color: #0C1C34;
}
.tms-grid .ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-control button {
  background: transparent;
  border: none;
  opacity: 1;
}
.tms-grid .ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-control .first-triangle {
  border-color: transparent #0C1C34 transparent transparent;
}
.tms-grid .ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-control .first-bar,
.tms-grid .ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-control .last-bar {
  border-left: 2px solid #0C1C34;
}
.tms-grid .ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-control .last-triangle {
  border-color: transparent transparent transparent #0C1C34;
}
.tms-grid .ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-row-count-picker select {
  padding: 0 0;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  height: 26px;
  width: 45px;
}
.tms-grid .ui-grid .ui-grid-pager-panel .ui-grid-pager-container .ui-grid-pager-max-pages-number {
  vertical-align: sub;
}
.tms-grid .tms-ui-grid .ui-grid-selection-row-header-buttons.ui-grid-icon-ok:before {
  margin: 0;
}
.tms-grid .tms-ui-grid .tms-ui-grid-menu {
  display: flex;
}
.tms-grid .tms-ui-grid .ui-grid-row .ui-grid-cell {
  border-bottom: 1px solid #e0e0e0;
}
.tms-grid .tms-ui-grid .ui-grid-row .ui-grid-cell-contents {
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.tms-grid .tms-ui-grid .ui-grid-row:hover {
  background-color: #edf2fc;
}
.tms-grid .tms-ui-grid .ui-grid-row:hover .tms-ui-grid-menu {
  background-color: #edf2fc;
}
.tms-grid .tms-ui-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #D4E2FC;
}
.tms-grid .tms-ui-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell .tms-ui-grid-menu {
  background-color: #D4E2FC;
}
.tms-grid .tms-ui-grid .ui-grid-row .ui-grid-disable-selection {
  height: 100%;
}
.tms-grid .tms-ui-grid .ui-grid-row .ui-grid-disable-selection .ui-grid-cell-contents {
  padding: 0;
}
litui-datatable table tbody tr:hover {
  background-color: #edf2fc;
}
.tms-grid-tools-menu {
  height: 40px;
}
.tms-grid-tools-menu .btn {
  height: 40px;
}
.tms-grid-tools-menu .tms-grid-tools-menu-inline {
  height: 40px;
  line-height: 36px;
}
.tms-grid-tools-menu .tms-grid-tools-menu-inline .btn {
  height: 40px;
}
.tms-grid-tools-menu .tms-ui-grid-menu-dropdown-item a {
  padding: 0;
  width: 100%;
  padding-inline-end: 1em;
}
.tms-grid-tools-menu .tms-ui-grid-menu-dropdown-item:hover {
  cursor: pointer;
}
.ui-grid-header-cell .ui-grid-cell-contents .ui-grid-selection-row-header-buttons.ui-grid-icon-ok {
  padding: 4px 0px 0px 4px !important;
}
.distance-on-route-chart {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.distance-on-route-chart .distance-on-route-text {
  padding-top: 5px;
  padding-bottom: 2.5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.distance-on-route-chart .distance-on-route-bar {
  height: 5px;
  width: 100%;
  background-color: #e0e0e0;
}
.distance-on-route-chart .distance-on-route-bar .distance-on-route-progress-bar {
  position: relative;
  width: 0%;
  height: 100%;
  background-color: #383954;
  transition-duration: 0.75s;
  transition-timing-function: ease-in;
  transition-property: width;
}
.tms-app-group-list .tms-label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}
.tms-app-group-list .tms-value {
  font-weight: bold;
}
.tms-upload .tms-upload-file-drop-holder {
  float: left;
  position: relative;
  width: 82px;
}
.tms-upload .tms-upload-file-drop-holder .tms-upload-file-drop-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}
.tms-upload .tms-upload-inner {
  float: left;
  padding-left: 8px;
  width: calc(100% - 82px - 2px);
}
.tms-upload .tms-upload-inner .tms-upload-text {
  /*height: ~"calc(100% - 74px)";*/
}
.tms-upload .tms-upload-inner .tms-upload-inner-body {
  height: 80px;
}
.tms-upload .tms-upload-inner .tms-upload-inner-body .tms-upload-file-info {
  height: calc(100% - 37px);
}
.tms-upload .tms-upload-inner .tms-upload-inner-body .tms-upload-file-info span.tms-upload-file-error {
  font-weight: bold;
  color: red;
}
.tms-upload .tms-upload-inner .tms-upload-inner-body .tms-upload-actions-row {
  height: 37px;
}
[dir=rtl] .tms-upload-file-drop-holder {
  float: right !important;
}
[dir=rtl] .tms-upload-inner {
  float: right !important;
  padding-left: 0 !important;
  padding-right: 8px;
}
.tms-wizard {
  height: 100%;
}
.tms-wizard .wizard-button {
  /*height: 30px;*/
  margin-left: 10px;
  margin-right: 10px;
}
.tms-wizard .wizard-button .wizard-button-icon {
  font-size: 30px;
}
.tms-wizard .wizard-button .wizard-button-label {
  font-size: 20px;
}
.tms-wizard .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
.tms-wizard .footer {
  margin-top: 20px;
}
.tms-wizard .flex-horizontal {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center;
}
.tms-wizard .flex-vertical {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}
.tms-wizard .ng-hide {
  display: none !important;
}
.tms-wizard .step-content {
  overflow-y: scroll;
  height: calc(100% - 47px);
}
.tms-wizard .steps {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.tms-wizard .steps li {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  float: left;
  margin: 0;
  padding: 0 20px 0 30px;
  height: 35px;
  line-height: 35px;
  position: relative;
  background: #ededed;
  color: #595959;
  font-size: 16px;
  cursor: not-allowed;
}
.tms-wizard .steps li:first-child {
  border-left: 1px solid #d4d4d4;
  border-radius: 4px 0 0 4px;
  padding-left: 20px;
}
.tms-wizard .steps li.active {
  color: #122849;
  background: #f1f6fc;
  cursor: pointer;
}
.tms-wizard .steps li.active .badge {
  background-color: #122849;
}
.tms-wizard .steps li.active .chevron:before {
  border-left: 14px solid #f1f6fc;
}
.tms-wizard .steps li .badge {
  background-color: #595959;
  margin-right: 8px;
}
.tms-wizard .steps li .chevron {
  border: 17px solid transparent;
  border-left: 14px solid #d4d4d4;
  border-right: 0;
  display: block;
  position: absolute;
  right: -14px;
  top: 0;
  z-index: 1;
}
.tms-wizard .steps li .chevron:before {
  border: 17px solid transparent;
  border-left: 14px solid #ededed;
  border-right: 0;
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: -17px;
}
.tms-wizard .steps li.complete {
  background: #f3f4f5;
  cursor: pointer;
  color: #515151;
}
.tms-wizard .steps li.complete .badge {
  background-color: #515151;
}
.tms-wizard .steps li.complete .chevron:before {
  border-left: 14px solid #f3f4f5;
}
.tms-wizard .wizard {
  background-color: #122849;
  margin-top: -20px;
  padding-bottom: 10px;
}
.tms-wizard .wizard-footer-left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62px;
  -ms-flex: 0 0 62px;
  flex: 0 0 62px;
  text-align: left;
}
.tms-wizard .wizard-footer-middle {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.tms-wizard .wizard-footer-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  text-align: right;
}
[dir=rtl] .tms-wizard .steps li {
  float: right !important;
  padding: 0 30px 0 20px;
}
[dir=rtl] .tms-wizard .steps li:first-child {
  border-left: 0;
  border-right: 1px solid #d4d4d4;
  border-radius: 4px 4px 0 0;
  padding-left: 0;
  padding-right: 20px;
}
[dir=rtl] .tms-wizard .steps li.active .chevron:before {
  border-left: 0;
  border-right: 14px solid #f1f6fc;
}
[dir=rtl] .tms-wizard .steps li .badge {
  margin-right: 0;
  margin-left: 8px;
}
[dir=rtl] .tms-wizard .steps li .chevron {
  border-left: 0;
  border-right: 14px solid #d4d4d4;
  right: 100%;
}
[dir=rtl] .tms-wizard .steps li .chevron:before {
  border-left: 0;
  border-right: 14px solid #ededed;
  right: -15px;
}
[dir=rtl] .tms-wizard .steps li.complete .chevron:before {
  border-left: 0;
  border-right: 14px solid #f3f4f5;
}
tms-popup {
  display: block;
}
tms-popup tms-popup-header {
  display: block;
  border-bottom: 1px solid rgba(141, 141, 141, 0.4);
}
tms-popup tms-popup-header .popup-head-wrap .popup-title {
  font-weight: bold;
  line-height: 34px;
  padding: 0 4px;
}
tms-popup tms-popup-header .popup-head-wrap .popup-title.text {
  padding-left: 4px;
}
tms-popup tms-popup-header .popup-head-wrap .popup-title.movable {
  cursor: grab;
  cursor: -webkit-grab;
}
tms-popup tms-popup-header .popup-head-wrap .popup-title.movable.move {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
tms-popup tms-popup-header tms-popup-header-menu .btn {
  min-width: 0;
  border: 0;
  border-radius: 0 !important;
  background-color: transparent;
  color: #0C1C34;
}
tms-popup tms-popup-header tms-popup-header-menu .dropdown li .tms-icon {
  color: #0C1C34;
}
tms-popup tms-popup-header tms-popup-header-menu .dropdown li .tms-label {
  color: #0C1C34;
}
tms-popup tms-popup-header tms-popup-header-menu .dropdown li:hover {
  background-color: #0C1C34;
}
tms-popup tms-popup-header tms-popup-header-menu .dropdown li:hover .tms-icon {
  color: #ffffff;
}
tms-popup tms-popup-header tms-popup-header-menu .dropdown li:hover .tms-label {
  color: #ffffff;
}
tms-popup tms-popup-body {
  display: block;
}
tms-popup tms-popup-body tms-popup-tabs .tms-popup-tabs-heading {
  display: flex;
  background-color: #e4e4e4;
  white-space: nowrap;
}
tms-popup tms-popup-body tms-popup-tabs .tms-popup-tabs-heading button {
  flex: 1;
  border: 0;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0);
  color: #757575;
}
tms-popup tms-popup-body tms-popup-tabs .tms-popup-tabs-heading button.active {
  color: #000000;
  font-weight: bold;
}
tms-popup tms-popup-body .popup-list {
  display: flex;
  flex-flow: column wrap;
  justify-content: stretch;
  align-items: flex-start;
  align-content: flex-start;
}
tms-popup tms-popup-body .popup-list .popup-list-heading {
  color: #8d8d8d;
  font-weight: bold;
}
tms-popup tms-popup-body .popup-list .popup-list-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: baseline;
  align-content: flex-start;
}
tms-popup tms-popup-body .popup-list .popup-list-item .popup-list-label {
  color: #8d8d8d;
  padding-right: 8px;
}
tms-popup tms-popup-body .popup-list .popup-list-item .popup-list-label:after {
  content: ":";
}
tms-popup tms-popup-body .popup-list .popup-list-item .popup-list-label.label-md {
  width: 100px;
}
tms-popup tms-popup-body .popup-list .popup-list-item .popup-list-value {
  display: flex;
  align-items: center;
  flex: 1;
}
tms-popup tms-popup-body .popup-list .popup-list-item .popup-list-value span {
  margin-right: 2px;
}
tms-popup tms-popup-body .table.table-align-middle tr th {
  vertical-align: middle;
}
tms-popup tms-popup-body hr {
  margin: 12px 0px;
  border: 0;
  border-top: 1px solid rgba(141, 141, 141, 0.4);
}
tms-popup.incident-popup tms-popup-header {
  background-color: #F44336;
  border-radius: 6px 6px 0px 0px;
}
tms-popup.incident-popup tms-popup-header .popup-head-wrap .popup-title {
  color: whitesmoke;
}
tms-popup.incident-popup tms-popup-header .popup-head-wrap .tms-icon {
  color: whitesmoke;
}
.tms-tab-group {
  display: flex;
  justify-content: space-between;
}
.tms-tab-group .tms-tab {
  margin-right: 15px;
}
.tms-tab-group .tms-tab.tms-active {
  cursor: pointer;
}
alarm-bar {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 100%;
}
alarm-bar .alarm-header {
  /*.litui-rounded(@lituiOverallRounded, @lituiOverallRounded, 0, 0);*/
  height: 40px;
  padding-left: 16px;
  /*        background: #ce0000;*/
}
alarm-bar .alarm-header:before,
alarm-bar .alarm-header:after {
  content: " ";
  display: table;
}
alarm-bar .alarm-header:after {
  clear: both;
}
alarm-bar .alarm-header .alarm-header-title {
  height: 100%;
  /*float: left;*/
}
alarm-bar .alarm-header .alarm-header-title span {
  font-size: 18px;
  color: #c8c8D0;
  line-height: 40px;
}
alarm-bar .alarm-header .alarm-header-actions {
  /*float: right;*/
  height: 100%;
}
alarm-bar .alarm-header .alarm-header-actions .alarm-header-action-label {
  color: #c8c8D0;
  font-size: 12px;
}
alarm-bar .alarm-header .alarm-header-actions button {
  height: 100%;
  color: #c8c8D0;
}
alarm-bar .alarm-header .alarm-header-actions button .litui-icon {
  color: #c8c8D0;
}
alarm-bar .alarm-header .alarm-header-actions button.alarm-sound-mute {
  padding-left: 16px;
  padding-right: 16px;
}
alarm-bar .alarm-body {
  height: calc(100% - 40px);
  overflow: auto;
  position: relative;
  background: white;
}
alarm-bar.alarm-has-alarms {
  animation: hasAlarmsBckgAnimation 1s infinite;
}
alarm-bar.alarm-has-alarms .alarm-header {
  background-color: #ce0000;
  animation: hasAlarmsBckgAnimation 1s infinite;
}
@keyframes hasAlarmsBorderAnimation {
  0% {
    border-color: #ce0000;
  }
  50% {
    border-color: #ff6060;
  }
  100% {
    border-color: #ce0000;
  }
}
@keyframes hasAlarmsBckgAnimation {
  0% {
    background-color: #ce0000;
  }
  50% {
    background-color: #ff6060;
  }
  100% {
    background-color: #ce0000;
  }
}
.tms-layout-view-footer .alarm-header-actions .icon-view_expand2 {
  transform: rotate(180deg);
  display: block;
}
.tms-layout-view-footer.tms-collapsed .alarm-header-actions .icon-view_expand2 {
  transform: rotate(0deg);
}
[dir=rtl] alarm-bar .alarm-header,
[dir=rtl] alarm-new-alarms .alarm-header {
  padding-left: 0;
  padding-right: 16px;
}
alarm-new-alarms {
  display: block;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  height: 400px;
  overflow: hidden;
  padding: 4px;
  background-color: #ce0000;
}
alarm-new-alarms .alarm-header {
  /*.litui-rounded(@lituiOverallRounded, @lituiOverallRounded, 0, 0);*/
  height: 40px;
  padding-left: 16px;
  /*        background: #ce0000;*/
}
alarm-new-alarms .alarm-header:before,
alarm-new-alarms .alarm-header:after {
  content: " ";
  display: table;
}
alarm-new-alarms .alarm-header:after {
  clear: both;
}
alarm-new-alarms .alarm-header .alarm-header-title {
  height: 100%;
  /*float: left;*/
}
alarm-new-alarms .alarm-header .alarm-header-title span {
  font-size: 18px;
  color: #c8c8D0;
  line-height: 40px;
}
alarm-new-alarms .alarm-header .alarm-header-actions {
  /*float: right;*/
  height: 100%;
}
alarm-new-alarms .alarm-header .alarm-header-actions .alarm-header-action-label {
  color: #c8c8D0;
  font-size: 12px;
}
alarm-new-alarms .alarm-header .alarm-header-actions button {
  height: 100%;
  color: #c8c8D0;
}
alarm-new-alarms .alarm-header .alarm-header-actions button .litui-icon {
  color: #c8c8D0;
}
alarm-new-alarms .alarm-header .alarm-header-actions button.alarm-sound-mute {
  padding-left: 16px;
  padding-right: 16px;
}
alarm-new-alarms .alarm-body {
  height: calc(100% - 40px);
  overflow: auto;
  position: relative;
  background: white;
}
alarm-new-alarms.alarm-has-alarms {
  animation: hasAlarmsBckgAnimation 1s infinite;
}
alarm-new-alarms.alarm-has-alarms .alarm-header {
  background-color: #ce0000;
  animation: hasAlarmsBckgAnimation 1s infinite;
}
@keyframes hasAlarmsBorderAnimation {
  0% {
    border-color: #ce0000;
  }
  50% {
    border-color: #ff6060;
  }
  100% {
    border-color: #ce0000;
  }
}
@keyframes hasAlarmsBckgAnimation {
  0% {
    background-color: #ce0000;
  }
  50% {
    background-color: #ff6060;
  }
  100% {
    background-color: #ce0000;
  }
}
alarm-new-alarms .alarm-body {
  overflow: visible;
  position: static;
}
alarm-new-alarms .alarm-body .alarm-summary-main-tools {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.alarm-new-alarms-popup litui-popup {
  padding: 0;
  width: 80%;
  margin: auto;
}
.alarm-new-alarms-popup litui-popup .litui-popup-body-holder {
  overflow: visible;
}
alarm-summary {
  display: block;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  height: 100%;
}
alarm-summary .alarm-summary-main-tools {
  background: #FFFFFF;
  height: 36px;
  border-bottom: 1px solid #cdd7e1;
  display: flex;
}
alarm-summary .alarm-summary-main-tools:before,
alarm-summary .alarm-summary-main-tools:after {
  content: " ";
  display: table;
}
alarm-summary .alarm-summary-main-tools:after {
  clear: both;
}
alarm-summary .alarm-summary-main-tools .alarm-summary-filter {
  flex-grow: 1;
  height: 100%;
}
alarm-summary .alarm-summary-main-tools .alarm-summary-tools {
  flex-grow: 0;
  display: flex;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
alarm-summary .alarm-summary-main-tools .alarm-summary-tools .alarm-summery-main-tools-extreme-rules {
  padding-top: 8px;
  padding-right: 16px;
  height: 100%;
  color: #777777;
}
alarm-summary .alarm-summary-main-tools .alarm-summary-tools .alarm-summery-main-tools-extreme-rules .alarm-summery-main-tools-extreme-rule {
  font-weight: bold;
  color: #333333;
}
alarm-summary .alarm-summary-main-tools .alarm-summary-tools .alarm-summary-main-tools-overspeeding-rule {
  padding-top: 8px;
  height: 100%;
}
alarm-summary .alarm-summary-body {
  height: calc(100% - 36px);
}
alarm-summary .alarm-summary-body .alarm-col-extreme {
  width: calc(15px - (100px - 15px) / 8);
}
alarm-summary .alarm-summary-body .alarm-col-extreme .alarm-extreme {
  color: red;
  font-weight: bold;
  font-size: 1.5rem;
}
alarm-summary .alarm-summary-body .alarm-col-type {
  width: calc(15% - (100px - 15px) / 8);
}
alarm-summary .alarm-summary-body .alarm-col-datetime {
  width: calc(15% - (100px - 15px) / 8);
}
alarm-summary .alarm-summary-body .alarm-col-rdv {
  width: calc(15% - (100px - 15px) / 8);
}
alarm-summary .alarm-summary-body .alarm-col-bcid {
  width: calc(15% - (100px - 15px) / 8);
}
alarm-summary .alarm-summary-body .alarm-col-regnumber {
  width: calc(15% - (100px - 15px) / 8);
}
alarm-summary .alarm-summary-body .alarm-col-value {
  width: calc(15% - (100px - 15px) / 8);
}
alarm-summary .alarm-summary-body .litui-inline-menu-column {
  width: 100px;
  padding-left: 0;
  padding-right: 0;
}
alarm-summary-value {
  display: inline;
}
alarm-summary-value span.alarm-summary-value-key {
  color: #777777;
}
alarm-summary-value span.alarm-summary-value-key:after {
  content: ":";
}
alarm-summary-value span.alarm-summary-value {
  font-weight: bold;
  color: #333333;
}
.dispatch-checkbox-switch {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 34px;
  padding-left: 4px;
  padding-right: 4px;
}
.dispatch-checkbox-switch > * {
  border-radius: 34px;
}
.dispatch-checkbox-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.dispatch-checkbox-switch .switch-element {
  width: 50%;
  padding: 10px;
  text-align: center;
  color: #676767;
  font-weight: bold;
}
.dispatch-checkbox-switch .switch-element.active {
  background-color: #676767;
  color: white;
}
.dispatch-checkbox-switch .switch-element.true {
  margin-left: auto;
  margin-right: 0;
}
.dispatch-checkbox-switch .switch-element.true [dir=rtl] {
  margin-left: 0;
  margin-right: auto;
}
.dispatch-checkbox-switch .switch-element.false {
  margin-left: 0;
  margin-right: auto;
}
.dispatch-checkbox-switch .switch-element.false [dir=rtl] {
  margin-left: auto;
  margin-right: 0;
}
/* STYLING FOR MAINTENACE/ROUTE */
.mr-row-deleted {
  background-color: #EAAAAA !important;
}
.mr-row-disabled {
  background-color: #FFEBAD !important;
}
.mr-row-even {
  background-color: #ffffff;
}
.mr-row-odd {
  background-color: #f9fafc;
}
[ng-row]:hover .mr-row-even,
[ng-row]:hover .mr-row-odd {
  background-color: #edf2fc !important;
}
.mr-item-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.mr-cell-version .version-id {
  float: left;
  width: 15%;
  min-width: 50px;
  line-height: 30px;
  height: 30px;
}
.mr-cell-version .version-stops {
  float: left;
  width: 20%;
  min-width: 50px;
  line-height: 30px;
  height: 30px;
}
.mr-cell-version .version-routeflow {
  float: left;
  width: 20%;
  min-width: 120px;
  line-height: 30px;
  height: 30px;
}
.mr-cell-version .version-deploy {
  float: left;
  width: 15%;
  min-width: 30px;
  line-height: 30px;
  height: 30px;
}
.mr-cell-version .version-noactive {
  float: left;
  width: 65%;
  min-width: 200px;
  line-height: 30px;
  height: 30px;
}
.import textarea {
  margin-top: 10px;
  width: 100%;
  resize: none;
  height: 500px;
}
/*
 * Override styling for timepicker
*/
.mr-form input {
  border-radius: 0px 4px 4px 0px !important;
}
.mr-form a.btn {
  height: auto;
  border-width: 0px;
}
.mr-form td input {
  border-right-width: 1px !important;
  border-right-color: #CCCCCC !important;
}
/* 
 * LEGACY CODE
*/
/*@testW: 360px;
@metaW: 120px; 
@margin: 8px;
@itemW: 90px;
@itemH: 35px;
@itemNoCommW: 350px;

@margin2: 12px;
@routeItemW: 100%;

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.maintenance-routes {
    
    @lineHSmall: 32px;
    @lineH: 37px;
    @padding: 5px;
    
    @scrollbarW: 17px;
    @actionButtonW: 47px;
    
    @margin: 8px;
    @marginSmall: 4px;
    @marginTiny: 2px;
    @marginCol: 4px;
    
     COLUMN WIDTH VARIABLES 
    @hRouteW: 15%;
    @hOfficeW: 10%;
    @hDestinationW: 35%;
    @hVariantW: 40%;
    
    @routeToOfficeRatio: 3;
    @officeToRouteRatio: 2;
    @destinationToVariantRatio: 7;
    @variantToDestinationRatio: 8;
    
    .clickable-text {
        &:hover {
            text-decoration: underline;
            cursor: pointer;
        }
    }
    
     ++HEADER 
    .mr-header-outter {
        background-color: lightgray;
        height: @lineHSmall;
        line-height: @lineHSmall;
        font-weight: bold;

        .rounded(5px, 5px, 0, 0);   
    }
    .mr-header-inner {
        width: calc(~"( 100% - @{scrollbarW} )");
        overflow: auto;
        
        div {
            padding-left: @padding;
            text-align: left;
            float: left;
        }
    }
    
    .mr-header-office { 
        width: @hOfficeW;
    }

    .mr-header-route {
        width: @hRouteW;
    }

    .mr-header-destination {
        width: @hDestinationW;
    }

    .mr-header-variant {
        width: @hVariantW;
    }
     --HEADER 
    
     ++CONTENT 
    .mr-data-grid {
        margin-top: 0;
    }
    
    .mr-item-group {
        margin-bottom: @margin;
        &:first-child {
            margin-top: @margin;
        }
        &:last-child{
            margin-bottom: 0;
        }
        overflow: auto;
        
        background-color: yellow;
    }
    
    .mr-item-group-route {
        float: left;
        width: calc(~"(@{hOfficeW} + @{hRouteW} )");
        overflow: auto;

        .mr-item-route_office {
            float: left;
            margin-bottom: @margin;
            padding-left: @padding;
            font-weight: bold;
            height: @lineH;
            line-height: @lineH;
        }
        
        .mr-item-route {
            width: calc(~"( (@{routeToOfficeRatio}/(@{routeToOfficeRatio} + @{officeToRouteRatio}))*100*1% )");
        } 
        .mr-item-office {
            width: calc(~"( (@{officeToRouteRatio}/(@{routeToOfficeRatio} + @{officeToRouteRatio}))*100*1% )");
        }
        
        
        .mr-item-group-route_office-buttons {
           width: 100%;
           float: left;
           overflow: auto;
           line-height: @lineHSmall;
           height: @lineHSmall;
           
           background-color: yellowgreen;
                      
            .button-wrapper {
                float: left;
            }
        }
        
    }
    
    .mr-item-group-destination {
        float: left;
        width: calc(~"(100% - (@{hOfficeW} + @{hRouteW}) )");
        min-height: @margin + @lineH + @lineHSmall;
        
        background-color: brown;

        .mr-row-destination {
            margin-top: @marginTiny;
            overflow: auto;
            &:first-child {
                margin-top: 0;
            }
            &:last-child {
                margin-bottom: 0;
            }
        }
        
        .mr-item-destination-add {
            margin-top: @marginSmall;
        }
        
        .mr-item-destination {
            float: left;
            width: calc(~"( (@{destinationToVariantRatio}/(@{destinationToVariantRatio} + @{variantToDestinationRatio}))*100*1% )");
            height: @lineH;
            line-height: @lineH;
            padding-left: @padding;
            
            background-color: #D5DBC1;
            
            .mr-destination-tools-panel {
                float: right;
            }
        }
    }
    
    .mr-item-group-variant {
        float: left;
        width: calc(~"( (@{variantToDestinationRatio}/(@{destinationToVariantRatio} + @{variantToDestinationRatio}))*100*1% )");
 
        background-color: #D5DBF0;
        
        .mr-item-variant-add {
            float: right;
            height: @lineH;
            line-height: @lineH;
            margin-right: @marginTiny;
        }
        
        .mr-row-variant {
            float: left;
            width: calc(~"( 100% - @{actionButtonW} )");
            overflow: auto;
            height: @lineH;
            line-height: @lineH;
            
            background-color: navajowhite;
        }
        
        .mr-item-variant {
            float: left;
            width: 35%;
            padding-left: @padding;
            
            background-color: orange;
        }
        
        .mr-variant-infobox {
            float: left;
            width: 35%;
            padding-left: @padding;
            
            background-color: #975300;
            
            div {
                float: left;
                text-align: right;
            }
            
            .mr-variant-infobox-geometry {
                width: 20px;
                text-align: center;
            }
            
            .mr-variant-infobox-stops {
                width: calc(~"( 45% - 10px )");
            }
            
            .mr-variant-infobox-length {
                width: calc(~"( 55% - 10px )");
            }
        }
        
        .mr-variant-tools-panel {
            float: right;
        }
        
        
    }
    
}*/
.message-modal-window .modal-dialog {
  width: 80%;
  min-width: 500px;
}
.template-add-modal-window .modal-dialog {
  width: 50%;
  min-width: 500px;
}
.message-group .timepicker {
  margin-top: -23px;
}
.message-group .timepicker .btn {
  height: inherit;
  min-width: 0px;
  border: none;
  margin: initial;
  padding: initial;
}
.message-modal {
  height: 700px;
  overflow-y: hidden;
}
.message-modal .gridStyle {
  height: 570px;
}
.message-modal .message-add-gridStyle {
  height: 580px;
}
.message-modal .message-send-gridStyle {
  border: 1px solid #d4d4d4;
  height: 590px;
}
.message-modal .select-from-template {
  height: 550px;
  width: 100%;
  overflow: scroll;
}
.message-tabs ul.nav.nav-tabs {
  margin: 0 !important;
  width: 100% !important;
}
.login-screen {
  width: 100vw;
  height: 100vh;
}
.login-screen .tms-login-screen .view-header-holder {
  height: 40px;
  background: #0C1C34;
}
.login-screen .tms-login-screen .view-header-holder:before,
.login-screen .tms-login-screen .view-header-holder:after {
  content: " ";
  display: table;
}
.login-screen .tms-login-screen .view-header-holder:after {
  clear: both;
}
.login-screen .tms-login-screen .view-header-holder .tms-icon-btn {
  color: #ffffff;
  height: 40px;
  line-height: 40px;
}
.login-screen .tms-login-screen .view-header-holder .tms-icon-btn:hover {
  background: #ffffff;
  color: #0C1C34;
}
.login-screen .tms-login-screen .view-header-holder h3 {
  color: #ffffff;
  line-height: 40px;
  padding-left: 8px;
}
.login-screen .tms-login-screen .view-license-header-holder {
  height: 40px;
  background: red;
}
.login-screen .tms-login-screen .view-license-header-holder:before,
.login-screen .tms-login-screen .view-license-header-holder:after {
  content: " ";
  display: table;
}
.login-screen .tms-login-screen .view-license-header-holder:after {
  clear: both;
}
.login-screen .tms-login-screen .view-license-header-holder .tms-login-license-msg {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  color: white;
  font-size: 20px;
}
.login-screen .tms-login-screen .tms-login-form-holder {
  width: 298px;
  left: 50%;
  margin-left: -149px;
  position: absolute;
}
.login-screen .tms-login-screen .tms-login-form-holder:before,
.login-screen .tms-login-screen .tms-login-form-holder:after {
  content: " ";
  display: table;
}
.login-screen .tms-login-screen .tms-login-form-holder:after {
  clear: both;
}
.login-screen .tms-login-screen .tms-login-form-holder .tms-logo-holder {
  width: 100%;
  background: #ffffff;
  padding-top: 83.5px;
  padding-bottom: 8px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 8px !important;
  -moz-border-radius-bottomright: 8px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 8px !important;
  -webkit-border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.login-screen .tms-login-screen .tms-login-form-holder .tms-logo-holder .tms-login-logo {
  background: url("../../img/logo/transit-cloud-logo.png");
  height: 52px;
  /*background-size: 100% 100%;*/
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  /*background-position-y: center;*/
  width: 212px;
  margin: auto;
}
.login-screen .tms-login-screen .tms-login-form-holder .tms-logo-holder h1 {
  text-align: center;
  /*margin-left: -(@loginFormW - @loginLogoW) / 2;*/
  font-weight: bold;
  color: #0C1C34;
}
.login-screen .tms-login-screen .tms-login-form-holder .tms-logo-holder .tms-login-welcome-msg {
  padding-top: 30px;
  padding-bottom: 4px;
  text-align: center;
}
.login-screen .tms-login-screen .tms-login-form-holder .tms-login-form {
  padding-top: 18px;
}
.login-screen .tms-login-screen .tms-login-form-holder .tms-login-form .tms-login-welcome-msg {
  /*                line-height: 48px;
                                    height: 48px;*/
  padding-top: 18px;
  padding-bottom: 18px;
  color: #393939;
  font-size: 14px;
  text-align: justify;
}
.login-screen .tms-login-screen .tms-login-form-holder .tms-login-form .tms-row {
  padding-top: 0;
  padding-bottom: 18px;
}
.login-screen .tms-login-screen .tms-login-form-holder .tms-login-form .btn.btn-primary {
  width: 130px;
  min-width: 130px;
  background: #ffffff;
  color: #0C1C34;
  font-weight: bold;
}
.login-screen .tms-login-screen .tms-login-form-holder .ccm-login-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.login-screen .tms-login-screen .tms-login-form-holder.change-password {
  width: 596px;
  left: 50%;
  margin-left: -298px;
  position: absolute;
}
.login-screen .tms-login-screen .auth-message-output {
  background: #fd8e8e;
  color: #a70000;
  border: 1px solid #a70000;
  padding: 5px;
  margin-bottom: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.login-screen .tms-login-screen .auth-message-output ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.login-screen .tms-login-screen .auth-message-output ul li {
  padding-bottom: 8px;
}
.login-screen .tms-login-screen .auth-message-output ul li:last-child {
  padding-bottom: 0;
}
/* 
    Created on : Aug 28, 2014, 8:31:32 AM
    Author     : Jurij Šauperl
*/
.ng-grid-que-tooltip-menu .btn.btn-primary {
  width: calc(36px - 10px) !important;
  height: 36px !important;
  line-height: 36px !important;
  border: 1px solid #a5a7ac;
  font-size: 36px;
  text-align: center !important;
  padding: 0px 1px 0px 0px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-color: #ebeded;
  overflow: hidden;
  color: #0C1C34;
  background: transparent;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /*.gradient-background2color(@gradient3start, @gradient3stop);*/
}
.ng-grid-que-tooltip-menu .btn.btn-primary:hover {
  background: transparent !important;
}
.ng-grid-que-tooltip-menu .btn.btn-primary:active {
  color: #0C1C34;
}
.ng-grid-que-tooltip-menu .btn.btn-primary:active:hover {
  color: #ffffff;
}
.ng-grid-que-tooltip-menu .glyphicon {
  top: 0px !important;
}
.ng-grid-que-tooltip-menu .glyphicon-thumbs-up {
  font-size: 22px !important;
  /*color: @colorThumb;*/
}
.ng-grid-que-tooltip-menu .glyphicon-ok {
  font-size: 19px !important;
  /*color: @colorOk;*/
}
.ng-grid-que-tooltip-menu .button-hidden {
  cursor: pointer;
}
.tms-splitter-bottom-content {
  padding-bottom: 2px;
}
.tms-splitter-bottom-content .queue-detail {
  height: 100%;
  margin: 0px 0px 0px 1px;
}
.tms-splitter-bottom-content .queue-detail h3 {
  margin-top: 5px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-options {
  font-size: 20px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 37px !important;
  min-width: 37px !important;
  font-size: 36px;
  vertical-align: middle;
  text-shadow: none;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-options.icon-trash {
  font-size: 24px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-options.icon-routeflow {
  font-size: 24px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-options.icon-legend {
  vertical-align: text-bottom;
  font-size: 20px;
}
.tms-splitter-bottom-content .queue-detail .glyphicon {
  top: 0px !important;
  font-size: 17px;
  padding-top: 1px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0px 1px;
  background: inherit;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-data,
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions {
  display: table-cell;
  border-spacing: 0px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-data div,
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div {
  padding: 0px 0px 0px 5px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-data {
  width: 75%;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created {
  margin: 5px 0px 7px 0px;
  padding: 0px !important;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created .tms-main-options-holder {
  padding: 0px !important;
  margin-bottom: 5px;
  background-color: transparent;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created .tms-main-options-holder div {
  padding: 0px !important;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created .tms-main-options-holder .tms-main-tools-holder {
  height: 39px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 6px !important;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created .tms-main-options-holder .tms-main-tools-holder .queue-detail-mini-btn {
  min-width: 21px !important;
  height: 39px !important;
  line-height: 0px;
  border-left: 0px;
  margin-right: 5px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created .tms-main-options-holder .tms-main-tools-holder .glyphicon {
  font-size: 10px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created .tms-main-options-holder .tms-main-tools-holder .glyphicon-chevron-down {
  padding-top: 2px !important;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created .tms-main-options-holder .tms-main-tools-holder h4 {
  margin-left: 8px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-created h4 {
  margin-top: 9px;
  padding-left: 5px;
  font-weight: bold;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions {
  width: 25%;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div {
  margin-bottom: 2px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div .tms-btn-queue {
  width: 100% !important;
  /*.rounded(0,0,0,0);*/
  /*border: 1px solid #cdcdcd;
                        .gradient-background2color(#efefef, #d7d7d7);*/
  /*                        text-align: start;*/
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div span {
  font-size: 20px;
  position: absolute;
  left: 42px;
  top: 7px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div .glyphicon {
  font-size: 20px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div .glyphicon:before {
  margin-left: 12px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div .glyphicon-thumbs-up {
  font-size: 22px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div .icon-voip_call,
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div .icon-send_message {
  font-size: 32px;
}
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div .icon-call:before,
.tms-splitter-bottom-content .queue-detail .queue-detail-content .queue-detail-actions div .icon-send_message:before {
  margin-left: 6px !important;
}
.tms-splitter-bottom-content .tms-queue-details {
  padding-bottom: 8px;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-header {
  height: 36px;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-header:before,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-header:after {
  content: " ";
  display: table;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-header:after {
  clear: both;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-header button.tms-icon-btn {
  float: left;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-header button.tms-icon-btn:hover {
  background: #ffffff;
  color: #0C1C34;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-header .tms-queue-details-title {
  float: left;
  line-height: 36px;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body {
  border-top: 1px solid #a3b0c3;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info {
  padding-top: 8px;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info:before,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info:after {
  content: " ";
  display: table;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info:after {
  clear: both;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"],
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"],
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"],
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"],
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"],
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label') {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label'):first-child {
  padding-left: 0;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"]:first-child > *[class^="col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"]:first-child > *[class^="col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"]:first-child > *[class^="col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"]:first-child > *[class*=" col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-md-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"]:first-child > *[class^="col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"]:first-child > *[class*=" col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-sm-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"]:first-child > *[class^="col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label'):first-child > *[class^="col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"]:first-child > *[class*=" col-lg-"]:first-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label'):first-child > *[class*=" col-lg-"]:first-child {
  padding-left: 0;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"]:last-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"]:last-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"]:last-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"]:last-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"]:last-child,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label'):last-child {
  padding-right: 0;
}
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-md-"] .btn-group-vertical,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-md-"] .btn-group-vertical,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-sm-"] .btn-group-vertical,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > div[class*=" col-sm-"] .btn-group-vertical,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class^="col-lg-"] .btn-group-vertical,
.tms-splitter-bottom-content .tms-queue-details .tms-queue-details-body .tms-queue-details-info > *[class*=" col-lg-"]:not('label') .btn-group-vertical {
  width: 100% !important;
}
.modal-header .glyphicon {
  font-size: 17px;
}
.modal-header .glyphicon-thumbs-up {
  font-size: 19px;
  /*color: @colorThumb;*/
}
.modal-header .glyphicon-ok {
  /*color: @colorOk;*/
}
.queue-modal-window .modal-dialog {
  width: 40%;
  min-width: 550px;
}
.queue-modal-window .modal-dialog .modal-body {
  height: 235px !important;
}
.queue-modal-window .modal-dialog .modal-body .form-horizontal {
  margin-top: 20px;
}
.queue-modal-window .modal-dialog .modal-body-cp {
  height: 285px !important;
}
.col-rg1 {
  width: 75%;
  float: right;
}
.col-rg2 {
  width: 65%;
  float: right;
}
.relative-l1 {
  position: relative;
  top: 20px;
}
.priority-table {
  /*display: table;
    table-layout:fixed;*/
  padding: 0px !important;
}
.priority-table div {
  float: left;
  padding: inherit !important;
}
.priority-table .priority-value {
  margin-right: 10px;
}
.priority-table .priority-rectangle {
  margin-left: 2px;
  width: 11px;
  height: 21px;
  /*border: 1px #efefef solid;*/
  background: #0C1C34;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  /*.gradient-background2color(#2f96b4, #59ABC3);*/
}
.priority-buttons button {
  font-weight: bold;
  margin-left: 2px;
  width: 35px;
  height: 37px;
  /*border: 1px #efefef solid;*/
  background: #0C1C34;
  color: #ffffff;
  border: none;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.priority-buttons .button-selected {
  /*.gradient-background2color(#2f96b4, #59ABC3);*/
  /*color: #eee;*/
  background: #0C1C34;
  color: #ffffff;
}
.priority-buttons .button-deselected {
  background-color: #ffffff;
  color: #0C1C34;
  border: 1px solid #0C1C34;
}
.special-announcements .annaouncment {
  background-color: whitesmoke;
  height: 36px;
  line-height: 36px;
  padding: 0px 0px 0px 8px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 4px;
}
.special-announcements .annaouncment .content-holder {
  float: left;
  line-height: 35px;
  height: 35px;
  padding-bottom: 0px;
  width: calc(100% - 25px);
}
.special-announcements .annaouncment .icon-holder {
  float: left;
  line-height: 35px;
  height: 35px;
  width: 25px;
  background-color: grey;
  padding: 0px 4px 0px 2px;
}
.location-announcements .announcements-header {
  background-color: #9c9c9c;
  color: whitesmoke;
  height: 36px;
  line-height: 36px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.drop-box {
  background: #f8f8f8;
  border: 5px dashed #dddddd;
  width: 100%;
  height: 100px;
  text-align: center;
  padding-top: 35px;
}
.drop-box.active {
  border-color: #009fff;
}
.absa-settings {
  height: 100%;
  overflow: auto;
}
.absa-settings data-ng-grid .tms-icon-btn {
  float: left;
  padding: 0;
  color: #204474;
}
.absa-settings .absa-title {
  line-height: 47px;
  float: left;
  padding-left: 18px;
}
.absa-settings .absa-title h3 {
  line-height: 47px;
}
.absa-settings .absa-grid-holder:before,
.absa-settings .absa-grid-holder:after {
  content: " ";
  display: table;
}
.absa-settings .absa-grid-holder:after {
  clear: both;
}
.absa-settings .absa-grid-holder .saa-data-grid {
  height: 300px;
}
.absa-settings .absa-grid-holder .rf-data-grid {
  height: 100px;
}
.absa-annoucement {
  background: #f7f9f9;
  width: 200px;
}
.absa-annoucement .absa-header {
  text-align: center;
  font-size: 18px;
  line-height: 36px;
}
.absa-annoucement .absa-body .absa-controls {
  background: #ebeded;
}
.absa-annoucement .absa-body .absa-controls:before,
.absa-annoucement .absa-body .absa-controls:after {
  content: " ";
  display: table;
}
.absa-annoucement .absa-body .absa-controls:after {
  clear: both;
}
.absa-annoucement .absa-body .absa-controls button.tms-icon-btn {
  float: left;
  padding: 0;
  color: #204474;
}
.absa-annoucement .absa-body .absa-mediums {
  padding: 5px 10px;
}
.absa-annoucement .absa-body .absa-mediums .absa-medium {
  margin-left: 10px;
}
.absa-annoucement .absa-body .absa-mediums .absa-medium:first-child {
  margin-left: 0;
}
.absa-display {
  margin-top: 8px;
  background: #f7f9f9;
}
.absa-display .absa-header {
  height: 36px;
  background: #d8d8d8;
}
.absa-display .absa-header:before,
.absa-display .absa-header:after {
  content: " ";
  display: table;
}
.absa-display .absa-header:after {
  clear: both;
}
.absa-display .absa-header .absa-title {
  float: left;
  line-height: 36px;
  font-size: 18px;
  margin-left: 9px;
}
.absa-display .absa-header .absa-actions {
  float: right;
  height: 36px;
}
.absa-display .absa-header .absa-actions .tms-icon-btn {
  height: 36px;
  line-height: 36px;
  font-size: 36px;
}
.absa-display .absa-body:before,
.absa-display .absa-body:after {
  content: " ";
  display: table;
}
.absa-display .absa-body:after {
  clear: both;
}
.absa-display .absa-body .absa-row {
  height: 36px;
}
.absa-display .absa-body .absa-row-marker {
  background: #d8d8d8;
  width: 36px;
  float: left;
}
.absa-display .absa-body .absa-row-marker .absa-row {
  border-top: 1px solid #f7f9f9;
  text-align: center;
  line-height: 36px;
}
.absa-display .absa-body .absa-viewport {
  overflow: hidden;
  overflow-x: auto;
  height: 144px;
  float: left;
  width: calc(100% - 36px);
}
.absa-display .absa-body .absa-viewport .absa-canvas {
  position: relative;
}
.absa-display .absa-body .absa-viewport .absa-canvas > .absa-row {
  border-top: 1px solid #d8d8d8;
}
.absa-display .absa-body .absa-viewport .absa-canvas > .absa-row:first-child {
  border-top: none;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer {
  position: absolute;
  top: 0;
  left: 10px;
  height: 144px;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer:before,
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer:after {
  content: " ";
  display: table;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer:after {
  clear: both;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item {
  min-width: 200px;
  height: 143px;
  border: 1px dashed #b8b8b8;
  float: left;
  margin-left: 50px;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item:before,
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item:after {
  content: " ";
  display: table;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item:after {
  clear: both;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item:first-child {
  margin-left: 0;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item:hover {
  border-color: #204474;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item.tms-active {
  border-color: #204474;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item .absa-row.absa-marked {
  background: #ffffff;
  height: 33px;
  margin-top: 2px;
  border-left: 4px solid orange;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item .absa-title-row {
  background: #ffffff;
  margin-top: 0;
  height: 35px;
  position: relative;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item .absa-title-row .absa-interaction-pan {
  position: absolute;
  width: 100%;
  background: white;
  height: 100%;
  display: none;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item .absa-title-row .absa-interaction-pan .tms-icon-btn {
  color: #204474;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item .absa-title-row .absa-item-name {
  float: left;
  /*width: calc(~"100% - 36px");*/
  height: 35px;
  padding: 0 4px;
  line-height: 35px;
}
.absa-display .absa-body .absa-viewport .absa-canvas .absa-items-layer .absa-item .absa-title-row .absa-item-appearance {
  float: right;
  width: 36px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-left: 1px solid #b8b8b8;
}
.absa-simulator .absa-simulator-body {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 10px;
  background-color: darkviolet;
}
.absa-simulator .absa-simulator-body .absa-simulator-map {
  height: 435px;
  width: 60%;
  float: left;
}
.absa-simulator .absa-simulator-body .absa-simulator-info {
  width: 40%;
  float: left;
}
.absa-simulator .absa-simulator-body .absa-simulator-info .absa-simulator-display {
  height: 100px;
  width: 100%;
  padding-left: 8px;
  padding-right: 15px;
  overflow: hidden;
  margin-bottom: 8px;
}
.absa-simulator .absa-simulator-body .absa-simulator-info .absa-simulator-display .absa-simulator-lcd {
  background-color: black;
  height: 100%;
  width: 100%;
  padding-left: 8px;
  padding-top: 10px;
  /*font-family: 'PTLcd' !important;*/
  font-size: 27px;
  line-height: 40px;
}
.absa-simulator .absa-simulator-body .absa-simulator-info .absa-simulator-console {
  height: 317px;
  width: 100%;
  padding-left: 8px;
  overflow: hidden;
}
[dir=rtl] .absa-settings .absa-title {
  float: right !important;
}
[dir=rtl] .absa-display .absa-header .absa-title {
  float: right !important;
}
[dir=rtl] .absa-display .absa-header .absa-actions {
  float: left!important;
}
[dir=rtl] .absa-display .absa-body .absa-row-marker {
  float: right !important;
}
[dir=rtl] .absa-display .absa-body .absa-viewport {
  float: right !important;
}
.configuration {
  height: 100%;
}
.configuration .body {
  /*height: ~"calc(100vh - 60px)";*/
  height: 100%;
  overflow-y: scroll;
  padding-right: 8px;
}
.configuration .body .panel .panel-body {
  padding-left: 30px;
  padding-right: 50%;
}
[dir=rtl] .configuration .body {
  padding-right: 0 !important;
  padding-left: 8px;
}
[dir=rtl] .configuration .body .panel .panel-body {
  padding-right: 30px !important;
  padding-left: 50% !important;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick {
  margin-top: 15px;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick:before,
.eta-reporting-export-period-dialog .eta-reporting-period-pick:after {
  content: " ";
  display: table;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick:after {
  clear: both;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-label {
  width: 50px;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-date {
  float: left;
  width: 180px;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-date:before,
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-date:after {
  content: " ";
  display: table;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-date:after {
  clear: both;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .date-time-controls {
  float: left;
  width: calc(100% - 180px);
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-from {
  /*float: left;*/
  width: 340px;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-from:before,
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-from:after {
  content: " ";
  display: table;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-from:after {
  clear: both;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-to {
  /*float: left;*/
  width: 340px;
  margin-right: -13px;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-to:before,
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-to:after {
  content: " ";
  display: table;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-to:after {
  clear: both;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .period-all-day {
  float: left;
  width: 346.66666667px;
  font-size: 22px;
  font-weight: bold;
}
.eta-reporting-export-period-dialog .eta-reporting-period-pick .tms-row {
  padding-top: 25px;
}
.eta-reporting-export-period-dialog .weird-fix {
  width: calc(100% - 50px);
}
.eta-reporting-export-period-dialog .weird-fix .eta-reporting-export:before,
.eta-reporting-export-period-dialog .weird-fix .eta-reporting-export:after {
  content: " ";
  display: table;
}
.eta-reporting-export-period-dialog .weird-fix .eta-reporting-export:after {
  clear: both;
}
.eta-reporting-export-period-dialog .weird-fix .eta-reporting-export .tms-date-picker {
  float: left;
  width: calc(100% - 107px - 10px);
}
.eta-reporting-export-period-dialog .weird-fix .eta-reporting-export .time-picker {
  float: right;
}
.eta-reporting-export-period-dialog .weird-fix .eta-reporting-export .time-picker input {
  padding: 5px;
}
.geofence .geofence-select {
  max-height: 500px;
  overflow-y: scroll;
}
.geofence .geofence-select .geofence-select-header {
  padding: 0px 5px;
  background-color: #e3e3e3;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.05);
  line-height: 40px;
}
.geofence .geofence-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.geofence .geofence-select ul li {
  background-color: #f5f5f5;
  line-height: 36px;
  margin: 4px 0px;
  padding: 0px 0px 0px 5px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #e3e3e3;
  border-radius: 8px;
}
.geofence .geofence-select.modal-select {
  min-height: 180px;
}
.geofence ul.nav.nav-tabs {
  margin: 0px !important;
  width: 100% !important;
}
.geofence .geofence-icon-select {
  max-height: 600px;
  display: inline-block;
}
.geofence .geofence-icon-select .geofence-icon-select-item {
  margin: 5px;
  float: left;
  border: 4px solid #f7f9f9;
  padding: 4px;
}
.geofence .geofence-icon-select .geofence-icon-select-item .image-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.geofence .geofence-icon-select .geofence-icon-select-item .image-wrapper img {
  position: relative;
}
.geofence .geofence-icon-select .geofence-icon-select-item .image-wrapper .image-options {
  position: absolute;
  top: -25px;
  right: 0;
  height: 25px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  color: #393939;
  -webkit-transition: top 0.25s linear;
  -moz-transition: top 0.25s linear;
  -ms-transition: top 0.25s linear;
  -o-transition: top 0.25s linear;
  transition: top 0.25s linear;
}
.geofence .geofence-icon-select .geofence-icon-select-item .image-wrapper .image-options .tms-icon {
  margin: -5px !important;
}
.geofence .geofence-icon-select .geofence-icon-select-item .image-wrapper:hover .image-options {
  top: 0;
  /*                .tms-icon{
                                    margin: -5px !important;
                                }*/
}
.geofence .geofence-icon-select .geofence-icon-select-item.geofence-icon-select-item-selected {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border: 4px solid #0C1C34;
}
.geofence .geofence-hover {
  padding: 5px !important;
}
.map-editor-box {
  position: absolute;
  z-index: 99;
  background-color: #f7f9f9;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  /*display: table;*/
  /*display: none;*/
}
.map-editor-box .menu {
  border-bottom: 1px solid #c7c7c7;
}
.map-editor-box .menu .draggable {
  position: absolute;
  cursor: move;
  font-size: 43px;
}
.map-editor-box .menu .controls {
  padding-left: 43px;
  display: flex;
}
.map-editor-box .menu .controls .controls-submenu {
  border-right: 3px solid #c7c7c7;
}
.map-editor-box .menu .controls .controls-submenu:last-child {
  border-right: none;
}
.map-editor-box .menu .controls .controls-submenu:last-child .item:last-child {
  /*width: 100%;*/
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.map-editor-box .menu .controls .item {
  color: #0C1C34;
  display: table-cell;
  border-left: 1px solid #c7c7c7;
}
.map-editor-box .menu .controls .item .tms-icon {
  font-size: 43px;
}
.map-editor-box .menu .controls .item:hover {
  color: #ffffff !important;
  background-color: #0C1C34;
}
.map-editor-box .menu .controls .item.active {
  color: #ffffff !important;
  background-color: #0C1C34;
}
.map-editor-box .menu .controls .item.disabled {
  color: #393939 !important;
  background-color: transparent;
  cursor: default;
}
.map-editor-box .menu .controls .item.disabled:hover {
  color: #393939;
  background-color: transparent;
}
.geofence-geometry-pagination {
  display: inline-flex;
}
.geofence-geometry-pagination .pagination {
  margin: 0px 20px !important;
  padding-top: 5px;
}
.geofence-geometry-pagination .pagination > li > a,
.geofence-geometry-pagination .pagination > li > span {
  color: black;
  /*border-color: @interactionColor !important;*/
}
.geofence-geometry-pagination .pagination > li.active > a {
  color: white;
  background-color: #0C1C34 !important;
  border-color: #0C1C34 !important;
}
.geofence-geometry-pagination .pagination-input {
  height: 29px;
  font-size: 10pt;
  /*border:1px solid @interactionColor;*/
  border-radius: 3px;
  margin-top: 5px;
}
.gtooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.gtooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.gtooltip-measure:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
tms-geofence-filter {
  display: block;
  min-width: 316px;
  padding: 8px;
  padding-bottom: 0px;
}
tms-geofence-filter .filter-select-all-wrap {
  justify-content: space-evenly !important;
  margin-bottom: 6px;
}
.geofence-base {
  height: 100%;
  overflow: auto;
}
.geofence-base .tms-grid {
  height: calc(100vh - 40px);
}
.geofence-deploy-activation-dialog .tms-date-picker {
  padding-bottom: 10px !important;
}
.tms-performance-service-overview .tms-current-ewt-col {
  height: 120px;
}
.tms-performance-service-overview .tms-current-ewt-label {
  margin-top: 40px;
}
.tms-chart-ewt-holder .tms-chart {
  width: 100% !important;
}
.tms-datagrid-ewt-holder .gridStyle {
  height: 400px;
}
.tms-adherance-details-table tr td {
  padding-right: 10px;
}
.tms-adherance-details-table tr td:last-child {
  text-align: right;
}
table tr td.tms-h-g {
  padding: 0px;
  vertical-align: bottom;
}
.table-adherence-bar {
  background-color: #FFEBAD;
}
.no-text-decoration:hover {
  text-decoration: none !important;
}
.tms-color-coding-number {
  font-size: 12px !important;
}
.map-replay-terminal {
  padding: 0;
  /*height: ~"calc(100% - 40px)";*/
  height: 100%;
}
.map-replay-terminal mrt-player {
  width: 100%;
  height: 100%;
}
mrt-player {
  display: block;
}
mrt-player .mrt-player-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
}
mrt-player .mrt-player-wrapper mrt-player-header {
  display: flex;
  padding: 2px 6px;
  background-color: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-header-middle {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  padding: 0px 12px;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-header-middle button {
  background-color: transparent;
  border: 0;
  color: #54578b;
  padding: 0px 10px;
  margin-left: 3px;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-header-middle button .tms-icon {
  margin-left: -5px;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-header-middle button.active,
mrt-player .mrt-player-wrapper mrt-player-header .mrt-header-middle button:hover {
  background-color: rgba(56, 57, 84, 0.1);
  color: #383954;
  border-radius: 6px;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-header-middle button .mrt-menu-title {
  font-weight: bold;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-menu-selection-group {
  display: flex;
  flex-flow: row;
  border-left: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-menu-selection-group button {
  margin-left: 3px;
  background-color: transparent;
  border: 0;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-menu-selection-group button.active,
mrt-player .mrt-player-wrapper mrt-player-header .mrt-menu-selection-group button:hover {
  background-color: rgba(56, 57, 84, 0.1);
  border-radius: 6px;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-menu-selection-group button.active .tms-icon,
mrt-player .mrt-player-wrapper mrt-player-header .mrt-menu-selection-group button:hover .tms-icon {
  color: #383954;
}
mrt-player .mrt-player-wrapper mrt-player-header .mrt-menu-selection-group button .mrt-menu-title {
  color: #4a4a4a;
  font-weight: bold;
  line-height: 35px;
  vertical-align: middle;
  margin-left: -3px;
}
mrt-player .mrt-player-wrapper .mrt-player-body {
  flex: auto;
  display: flex;
  flex-flow: row;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view {
  display: flex;
  flex-flow: column;
  flex: auto;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-view-settings {
  display: flex;
  flex-direction: row;
  padding: 6px;
  background-color: #ffffff;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-view-settings fieldset {
  margin: 0px 12px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-view-settings fieldset legend {
  margin: 0;
  font-size: 18px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view .mrt-player-map {
  position: relative;
  flex: auto;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view .mrt-player-map div[line-map] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view .mrt-player-map mrt-video {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  display: flex;
  flex-flow: column;
  width: 388px;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 0px 0px 4px 0px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view .mrt-player-map mrt-video .mrt-video-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view .mrt-player-map mrt-video .mrt-video-header .btn {
  margin-left: 8px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view .mrt-player-map mrt-video .mrt-video-wrapper {
  display: flex;
  flex-direction: row;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  background-color: #ffffff;
  color: #4a4a4a;
  border-top: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel {
  width: 100%;
  padding: 6px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item {
  /*flex-grow: 1;*/
  /*padding: 2px;*/
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item.mrt-separator,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item.mrt-separator {
  border-right: 1px solid #e2e2e2;
  margin-right: 6px;
  padding-right: 6px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-item-value,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-item-value {
  padding: 6px;
  font-size: 16px;
  min-width: 60px;
  text-align: center;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-speeding,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-speeding {
  color: #ee2e24;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-title,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-title {
  padding-top: 1px;
  color: #404040;
  transition: all 0.5s;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-title.highlight,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-title.highlight {
  color: #4a4a4a;
  font-weight: bold;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .tms-icon.mrt-indicator,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .tms-icon.mrt-indicator {
  font-size: 36px;
  color: #f9f9f9;
  background-color: #aaaaaa;
  border-radius: 33px;
  transition: all 0.5s;
  width: 36px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .tms-icon.mrt-indicator.active,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .tms-icon.mrt-indicator.active {
  background-color: #ee2e24;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-circle,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-indicator-circle {
  display: inline-block;
  color: #2e2e2e;
  background-color: #aaaaaa;
  border-radius: 33px;
  transition: all 0.5s;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-ignition-indicator,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-ignition-indicator {
  display: inline-block;
  color: #000000;
  background-color: #ee2e24;
  border-radius: 33px;
  transition: all 0.5s;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-ignition-indicator.active,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .mrt-ignition-indicator.active {
  background-color: #7ed321;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-item .str-diff .suffix,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-item .str-diff .suffix {
  color: #B30000;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-main-panel .mrt-indicator-additional-panel,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-main-panel .mrt-indicator-additional-panel {
  border-top: 1px solid #e0e0e0;
  padding-top: 8px;
  padding: 0px 8px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-top-panel,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-top-panel {
  z-index: 10;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-start;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-bottom: 1px dotted #e0e0e0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-top-panel .mrt-panel-item,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-top-panel .mrt-panel-item {
  padding-right: 12px;
  word-break: break-all;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-top-panel .tms-icon,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-top-panel .tms-icon {
  font-size: 28px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-indicator .mrt-indicator-top-panel .mrt-indicator-top-panel-asset-control,
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-acceleration-indicator .mrt-indicator-top-panel .mrt-indicator-top-panel-asset-control {
  border-left: 1px dotted #e0e0e0;
  background-color: #e0e0e0;
  height: 100%;
  padding-top: 1px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-progress-bar {
  position: relative;
  height: 26px;
  background-color: #b4b4b4;
  border-top: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-progress-bar .mrt-progress-line {
  position: absolute;
  display: block;
  z-index: 1;
  height: 100%;
  background-color: #54578b;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-progress-bar .mrt-progress-label-holder {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  color: #0f0f0f;
  padding: 0px 6px;
  user-select: none;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls {
  display: flex;
  flex-flow: row;
  border-top: 1px solid #e0e0e0;
  padding: 0px;
  background-color: #ffffff;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls button {
  margin-left: -1px;
  background-color: transparent;
  border: 0;
  color: #54578b;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls button:hover {
  color: #383954;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls .mrt-play-control-group {
  display: flex;
  flex-flow: row;
  border-right: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls .mrt-play-control-group button:first-child {
  margin-left: 0;
  border-left: 0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls .mrt-controls-play-time {
  display: flex;
  flex-flow: row;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  padding-left: 6px;
  color: #505050;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls .mrt-play-speed-control-group {
  display: flex;
  flex-flow: row;
  border-left: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls .mrt-play-speed-control-group button:first-child {
  margin-left: 0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-main-view mrt-player-controls .mrt-play-speed-control-group .mrt-play-speed-control-indicator {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  color: #505050;
  font-size: 18px;
  font-weight: bold;
  width: 62px;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-side-view {
  width: 360px;
  background-color: #ffffff;
  border-left: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-side-view .mrt-player-side-view-title {
  font-size: 21px;
  font-weight: bold;
  padding: 6px;
  border-bottom: 1px solid #e0e0e0;
  color: #4a4a4a;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-side-view .mrt-table-wrapper {
  height: calc(100vh - 134px);
  overflow: auto;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-side-view .mrt-table-wrapper tr th {
  color: #595959;
  border-bottom: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-side-view .mrt-table-wrapper tr td {
  background-color: #ffffff;
  border-top: 1px solid #e0e0e0;
}
mrt-player .mrt-player-wrapper .mrt-player-body .mrt-player-side-view .mrt-table-wrapper tr:nth-of-type(odd) td {
  background-color: #f6f6f6;
}
mrt-player mrt-loader .mrt-loader-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
mrt-player mrt-loader .mrt-loader-header .mrt-loader-toggle-group button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: #54578b;
  padding-right: 2px;
  padding-left: 2px;
}
mrt-player mrt-loader .mrt-loader-header .mrt-loader-toggle-group button .mrt-title {
  font-weight: bold;
  line-height: 35px;
  vertical-align: bottom;
  padding-right: 8px;
}
mrt-player mrt-loader .mrt-loader-header .mrt-loader-toggle-group button:hover,
mrt-player mrt-loader .mrt-loader-header .mrt-loader-toggle-group button.active {
  background-color: rgba(56, 57, 84, 0.1);
  color: #383954;
  border-radius: 6px;
}
mrt-player mrt-loader .mrt-loader-header .mrt-loader-indicator {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  margin-left: 3px;
  border-left: 1px solid #e0e0e0;
}
mrt-player mrt-loader .mrt-loader-header .mrt-loader-indicator .mrt-log-type-indicator {
  display: flex;
  flex-flow: row wrap;
  place-content: flex-start;
  align-items: center;
  border: 1px dashed #808080;
  font-weight: normal;
  padding: 0px 6px;
  margin: 6px;
}
mrt-player mrt-loader .mrt-loader-body {
  position: absolute;
  background-color: transparent;
  z-index: 20;
  margin-top: 6px;
  box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.3);
}
mrt-player mrt-loader .mrt-loader-body.animated.ng-enter,
mrt-player mrt-loader .mrt-loader-body.animated.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
mrt-player mrt-loader .mrt-loader-body.animated.ng-enter,
mrt-player mrt-loader .mrt-loader-body.animated.ng-leave.ng-leave-active {
  opacity: 0;
}
mrt-player mrt-loader .mrt-loader-body.animated.ng-leave,
mrt-player mrt-loader .mrt-loader-body.animated.ng-enter.ng-enter-active {
  opacity: 1;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-items {
  min-width: 156px;
  background-color: #f6f6f6;
  color: #53535F !important;
  padding: 6px 0px;
  border-radius: 6px 0px 0px 6px;
  border-right: 1px solid #e0e0e0;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-items .mrt-loader-item {
  line-height: 41px;
  height: 42px;
  border-top: 1px solid #e0e0e0;
  cursor: pointer;
  color: #505050;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-items .mrt-loader-item:last-child {
  border-bottom: 1px solid #e0e0e0;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-items .mrt-loader-item:hover,
mrt-player mrt-loader .mrt-loader-body .mrt-loader-items .mrt-loader-item.active {
  background-color: rgba(56, 57, 84, 0.1);
  color: #383954;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-items .mrt-loader-item:hover .mrt-loader-item-title,
mrt-player mrt-loader .mrt-loader-body .mrt-loader-items .mrt-loader-item.active .mrt-loader-item-title {
  font-weight: bold;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-items .mrt-loader-item .mrt-loader-item-title {
  flex: 1;
  padding-left: 6px;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main {
  background-color: #f6f6f6;
  border-radius: 0px 6px 6px 0px;
  padding: 6px;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .select-actions {
  margin-top: 8px;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .select-actions .btn {
  flex: 1;
  margin-right: 6px;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .ui-select-container {
  margin-right: 1px;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .ui-select-container.open {
  border-color: #0C1C34 !important;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .ui-select-match {
  display: block;
  max-height: 100px;
  overflow-y: auto;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .ui-select-match-close.close {
  margin-top: 2px !important;
  margin-left: 2px;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main input.form-control.ng-valid,
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main input.form-control.ng-invalid {
  border-right: 1px solid #e0e0e0;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .input-group input.form-control {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .input-group .input-group-btn .btn {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  color: #54578b;
  background-color: #ffffff;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .ats-switch {
  width: 100%;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .ats-switch:hover {
  border-color: #383954;
  box-shadow: none;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .ats-switch span.switch-left,
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .ats-switch span.switch-right {
  color: #ffffff;
  background-color: #383954;
}
mrt-player mrt-loader .mrt-loader-body .mrt-loader-main .btn-load {
  flex: 1;
  background-color: #383954;
  color: #ffffff;
  border: none;
  padding-right: 12px;
}
mrt-player mrt-chart {
  position: relative;
  width: 100%;
  height: 82px;
  overflow: hidden;
  border-top: 1px solid #e0e0e0;
  background-color: #ffffff;
}
mrt-player mrt-chart .mrt-chart-canvas {
  width: 100%;
  height: 100%;
}
mrt-player mrt-chart .mrt-chart-overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
}
mrt-player mrt-chart .mrt-chart-legend {
  position: absolute;
  top: 3px;
  right: 6px;
  z-index: 10;
}
mrt-player mrt-chart .mrt-chart-legend .mrt-chart-legend-title {
  color: #8d8d8d;
}
.mrt-event-popup {
  min-width: 250px;
  padding: 3px 0px;
  background-color: #ffffff;
}
.mrt-event-popup .mrt-event-popup-switch {
  border-bottom: 1px solid #e0e0e0;
}
.mrt-event-popup .mrt-event-popup-switch button {
  padding: 0;
  background-color: transparent;
  border: 0;
  color: #54578b;
}
.mrt-event-popup .mrt-event-popup-switch button:hover {
  color: #383954;
}
.mrt-event-popup .mrt-event-popup-switch .mrt-event-popup-switch-indicator {
  font-weight: bold;
  font-size: 16px;
}
.mrt-event-popup .mrt-event-popup-switch.movable {
  cursor: grab;
  cursor: -webkit-grab;
}
.mrt-event-popup .mrt-event-popup-switch.movable.move {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
mrt-event-details-popup {
  min-height: 120px;
}
mrt-event-details-popup .mrt-event-details-popup-header {
  line-height: 35px;
  padding-left: 6px;
  padding-top: 5px;
  border-bottom: 1px solid #e0e0e0;
}
mrt-event-details-popup .mrt-event-details-popup-header.movable {
  cursor: grab;
  cursor: -webkit-grab;
}
mrt-event-details-popup .mrt-event-details-popup-header.movable.move {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
mrt-event-details-popup .mrt-event-details-popup-header .mrt-event-icon-wrap {
  position: relative;
  width: 30px;
  height: 30px;
}
mrt-event-details-popup .mrt-event-details-popup-header .mrt-event-icon-wrap .mrt-event-icon-budge {
  position: absolute;
  display: block;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-color: #ee2e24;
  border: 1px solid #e0e0e0;
  border-radius: 18px;
}
mrt-event-details-popup .mrt-event-details-popup-header .mrt-event-icon-wrap .tms-icon {
  position: absolute;
  z-index: 2;
  color: #ffffff;
  font-size: 30px;
}
mrt-event-details-popup .mrt-event-details-popup-header .mrt-event-title {
  padding-left: 6px;
  font-weight: bold;
  font-size: 14px;
}
mrt-event-details-popup .mrt-event-details-tabs {
  border-bottom: 1px solid #e0e0e0;
}
mrt-event-details-popup .mrt-event-details-tabs .mrt-event-details-tab {
  border: 0;
  display: inline;
  height: 36px;
  background-color: rgba(0, 0, 0, 0);
  flex: 1;
  padding: 0;
  font-weight: bold;
  font-size: 13px;
}
mrt-event-details-popup .mrt-event-details-tabs .mrt-event-details-tab:first-child {
  border-right: 1px solid #e0e0e0;
}
mrt-event-details-popup .mrt-event-details-tabs .mrt-event-details-tab.active {
  background-color: #e4e4e4;
}
mrt-event-details-popup .mrt-popup-list {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 200px;
  overflow: auto;
}
mrt-event-details-popup .mrt-popup-list .mrt-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
}
mrt-event-details-popup .mrt-popup-list .mrt-item .mrt-item-title {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  color: #7c7c7c;
  font-size: 12px;
  padding-left: 6px;
  padding-right: 12px;
  min-width: 84px;
}
mrt-event-details-popup .mrt-popup-list .mrt-item .mrt-item-value {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  padding-right: 6px;
  flex-wrap: wrap;
  white-space: normal;
  min-width: 166px;
}
mrt-stops-on-route-popup {
  display: block;
  min-width: 250px;
  max-width: 450px;
}
mrt-stops-on-route-popup tms-popup tms-popup-body {
  padding: 8px;
}
.badge {
  color: #000000;
}
.rt-map {
  padding: 0;
  /*height: ~"calc(100vh - 40px)";*/
  height: 100%;
}
.rt-map rt-map {
  width: 100%;
  height: 100%;
}
rt-map {
  display: block;
}
rt-map .rt-map-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
}
rt-map .rt-map-wrapper .rt-map-header {
  display: flex;
  padding: 2px 6px;
  background-color: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}
rt-map .rt-map-wrapper .rt-map-header tms-filter {
  flex: 1;
  /*width: ~"calc(100% - 290px)";*/
}
rt-map .rt-map-wrapper .rt-map-header refresh-button {
  height: 36px;
  width: 36px;
  margin-top: 1px;
  margin-right: 6px;
}
rt-map .rt-map-wrapper .rt-map-header refresh-button .refresh-btn {
  background-color: transparent;
}
rt-map .rt-map-wrapper .rt-map-header refresh-button .refresh-btn:hover {
  background-color: rgba(56, 57, 84, 0.1);
  border-radius: 6px;
}
rt-map .rt-map-wrapper .rt-map-header .btn-view-settings {
  background-color: transparent;
  border: 0;
  color: #54578BFF;
  padding: 0px 2px;
  margin-left: 3px;
}
rt-map .rt-map-wrapper .rt-map-header .btn-view-settings.active,
rt-map .rt-map-wrapper .rt-map-header .btn-view-settings:hover {
  background-color: rgba(56, 57, 84, 0.1);
  color: #383954FF;
  border-radius: 6px;
}
rt-map .rt-map-wrapper .rt-map-header .btn-view-settings .menu-title {
  font-weight: bold;
}
rt-map .rt-map-wrapper .rt-map-header .dropdown.open .dropdown-toggle {
  background-color: rgba(56, 57, 84, 0.1);
  color: #383954;
  border-radius: 6px;
}
rt-map .rt-map-wrapper .rt-map-header .dropdown .bus-layes-dropdown li.active a {
  background: #545799;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-selection-group {
  display: flex;
  flex-flow: row;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  margin-left: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-selection-group button {
  margin-left: 3px;
  background-color: transparent;
  border: 0;
  padding: 0px 2px;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-selection-group button.active,
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-selection-group button:hover {
  background-color: rgba(56, 57, 84, 0.1);
  border-radius: 6px;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-selection-group button.active .tms-icon,
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-selection-group button:hover .tms-icon {
  color: #383954;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-selection-group button .menu-title {
  color: #4a4a4a;
  font-weight: bold;
  line-height: 35px;
  vertical-align: middle;
  margin-left: -3px;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group {
  display: flex;
  flex-flow: row;
  border-right: 1px solid #e0e0e0;
  margin-right: 12px;
  padding-left: 6px;
  padding-right: 8px;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group button {
  margin-left: 3px;
  background-color: transparent;
  border: 0;
  padding: 0px 2px;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group button.active,
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group button:hover {
  background-color: rgba(56, 57, 84, 0.1);
  border-radius: 6px;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group button.active .tms-icon,
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group button:hover .tms-icon {
  color: #383954;
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group ul.dropdown-menu li.active,
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group ul.dropdown-menu li:hover {
  background-color: rgba(56, 57, 84, 0.1);
}
rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-dropdown-group ul.dropdown-menu li:hover {
  cursor: pointer;
}
rt-map .rt-map-wrapper .rt-map-body {
  flex: auto;
  display: flex;
  flex-flow: row;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view {
  display: flex;
  flex-flow: column;
  flex: auto;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings {
  display: flex;
  flex-direction: row;
  padding: 6px;
  background-color: #ffffff;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings fieldset {
  margin: 0px 12px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings fieldset legend {
  margin: 0;
  font-size: 18px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings fieldset div[flex-container=column] {
  padding-left: 6px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings fieldset select.form-control {
  height: 30px;
  line-height: 30px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings fieldset .form-group.rt-map-asset-icon-type {
  margin-top: 8px;
  margin-bottom: 0px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view .rt-map-holder {
  position: relative;
  flex: auto;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view .rt-map-holder div[line-map] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view {
  width: 420px;
  background-color: #ffffff;
  border-left: 1px solid #e0e0e0;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-title {
  font-size: 21px;
  font-weight: bold;
  padding: 6px;
  border-bottom: 1px solid #e0e0e0;
  color: #4a4a4a;
  text-transform: capitalize;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-title.group-by {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-title.group-by .form-group {
  display: flex;
  align-items: center;
  margin: 0;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-title.group-by .form-group label {
  font-size: medium;
  margin-right: 8px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-title.group-by .form-group .form-control {
  width: auto;
  height: 30px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-table-wrapper {
  height: calc(100vh - 134px);
  overflow: auto;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-table-wrapper tr th {
  color: #9b9b9b;
  border-bottom: 1px solid #e0e0e0;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-table-wrapper tr td {
  background-color: #ffffff;
  border-top: 1px solid #e0e0e0;
  vertical-align: middle;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-table-wrapper tr:nth-of-type(odd) td {
  background-color: #f6f6f6;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-table-wrapper ul.dropdown-menu li.active,
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-table-wrapper ul.dropdown-menu li:hover {
  color: #FFFFFF;
  background-color: #545799;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view label[uib-btn-radio].tms-icon.active {
  border-radius: 6px;
  color: #383954;
  background-color: rgba(56, 57, 84, 0.1);
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view rt-map-passenger-menu rt-map-passenger-details-menu .rt-map-side-menu-title {
  justify-content: start;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view rt-map-occurrence-menu .rt-map-occurrence-severity-badge-col {
  padding: 0;
  width: 16px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view rt-map-occurrence-menu .rt-map-occurrence-severity-badge-col .rt-map-occurrence-severity-badge {
  display: inline-block;
  height: 53px;
  width: 4px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view rt-map-occurrence-menu .rt-map-occurrence-severity-badge-col .rt-map-occurrence-severity-badge:before {
  content: "\200b";
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view rt-map-occurrence-menu rt-map-occurrence-severity-row {
  display: flex;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view rt-map-occurrence-menu rt-map-occurrence-severity-row rt-map-occurrence-severity-icon {
  width: 36px;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view rt-map-occurrence-menu rt-map-occurrence-severity-row rt-map-occurrence-severity-icon .rt-map-occurrence-icon-stack {
  position: relative;
}
rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view rt-map-occurrence-menu rt-map-occurrence-severity-row rt-map-occurrence-severity-icon .rt-map-occurrence-icon-stack .rt-map-occurrence-icon-stack-text {
  position: absolute;
  top: 1px;
  left: 14px;
  color: white;
  font-weight: bold;
}
rt-map rt-map-asset-cluster-popup tms-popup-tabs {
  display: block;
  min-width: 450px;
}
rt-map rt-map-asset-cluster-popup tms-popup-tabs .tms-popup-tab-pane {
  max-height: 400px;
  overflow: auto;
}
rt-map rt-map-asset-cluster-popup tms-popup-tabs .tms-popup-tab-pane .table {
  margin-bottom: 0;
}
rt-map rt-map-asset-cluster-popup tms-popup-tabs .tms-popup-tab-pane .table tr th {
  color: #9b9b9b;
  border-bottom: 1px solid #e0e0e0;
}
rt-map rt-map-asset-cluster-popup tms-popup-tabs .tms-popup-tab-pane .table tr td {
  background-color: #ffffff;
  border-top: 1px solid #e0e0e0;
  vertical-align: middle;
}
rt-map a:hover,
rt-map a:focus {
  color: #54578b;
  text-decoration: underline;
  font-weight: bold;
}
.filter-body-content {
  min-height: 100%;
}
tms-map-area-filter {
  display: flex;
  padding: 8px;
  height: 100%;
  flex-direction: column;
}
tms-map-area-filter .filter-map-area-image {
  border: 1px solid #c4c4c4;
}
tms-map-options-filter {
  display: flex;
  padding: 8px;
  height: 100%;
  flex-direction: column;
  min-width: 315px;
}
rt-map-stop-on-route-menu .rt-map-side-menu-table-wrapper table tr.first td {
  font-weight: bold;
  background-color: #B8FB3C !important;
}
rt-map-stop-on-route-menu .rt-map-side-menu-table-wrapper table tr.last td {
  font-weight: bold;
  background-color: #FDCBFC !important;
}
.tms-layout.litui-view-footer-collapsed rt-map .rt-map-wrapper .rt-map-body .rt-map-side-view .rt-map-side-menu-table-wrapper {
  height: calc(100vh - 170px);
}
rt-map-asset-table .table tr:hover td,
rt-map-asset-table .table tr.track:hover td,
rt-map-asset-table .table tr.track-multiple:hover td {
  background-color: #edf2fc !important;
}
rt-map-asset-table .table tr.track td {
  background-color: #ADDCF0 !important;
}
rt-map-asset-table .table tr.track-multiple td {
  background-color: #E1E1E1 !important;
}
[dir=rtl] rt-map .rt-map-wrapper .rt-map-header .rt-map-side-menu-selection-group button .menu-title {
  margin-left: 3px;
}
[dir=rtl] rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings fieldset {
  min-width: 100px;
}
[dir=rtl] rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings fieldset input[type="radio"],
[dir=rtl] rt-map .rt-map-wrapper .rt-map-body .rt-map-main-view rt-map-view-settings fieldset input[type="checkbox"] {
  margin-left: 8px;
  margin-right: 0px !important;
}
.rt-map-charging-station-table {
  width: 100%;
}
.rt-map-charging-station-table tr.divider {
  border-top: 1px solid rgba(141, 141, 141, 0.4);
}
.rt-map-charging-station-table tr th {
  color: #565656;
}
.icon-rt-map-charging-station-connector-status-available {
  color: #28D715;
}
.icon-rt-map-charging-station-connector-status-available:before {
  content: "\e971";
}
.icon-rt-map-charging-station-connector-status-preparing {
  color: #FF7D00;
}
.icon-rt-map-charging-station-connector-status-preparing:before {
  content: "\e971";
}
.icon-rt-map-charging-station-connector-status-charging {
  color: #049DF4;
}
.icon-rt-map-charging-station-connector-status-charging:before {
  content: "\e971";
}
.icon-rt-map-charging-station-connector-status-finishing {
  color: #049DF4;
}
.icon-rt-map-charging-station-connector-status-finishing:before {
  content: "\e971";
}
.icon-rt-map-charging-station-connector-status-faulted {
  color: #000000;
}
.icon-rt-map-charging-station-connector-status-faulted:before {
  content: "\e971";
}
.icon-rt-map-charging-station-connector-status-unavailable {
  color: #000000;
}
.icon-rt-map-charging-station-connector-status-unavailable:before {
  content: "\e971";
}
.bus-info-container {
  height: 100%;
}
.bus-info-container .bus-info-well .well {
  width: calc(100% + 16px);
  margin-top: -8px;
  margin-left: -8px;
  margin-bottom: 0;
}
.bus-info-container .bus-info-well span {
  margin-left: -8px;
}
.bus-info-container .bus-info-well h3 {
  display: inline;
  vertical-align: middle;
}
.bus-info-container .bus-info-content {
  height: calc(100% - 76px);
}
.bus-info-container .bus-info-content .bus-info {
  padding: 0;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 8px;
}
.bus-info-container .bus-info-content .bus-info .bus-info-thumbnail-container {
  height: calc(100% - 26px);
  overflow-y: auto;
  overflow-x: hidden;
}
.bus-info-container .bus-info-content .bus-info .bus-info-thumbnail-container .thumbnail-row {
  margin-right: -15px;
  margin-left: -15px;
}
.bus-info-container .bus-info-content .bus-info .bus-info-thumbnail-container .thumbnail-row p {
  display: inline;
}
.bus-info-container .bus-info-content .bus-info .bus-info-thumbnail-container .thumbnail-row asset-icon {
  float: right;
  margin-top: -7px;
}
.bus-info-container .bus-info-content .bus-info-thumbnails {
  height: 36%;
}
.bus-info-container .bus-info-content .bus-info-grid {
  height: 64%;
}
.bus-info-container .bus-info-content .bus-info-grid .tms-grid {
  height: calc(100% - 48px);
}
.import-window .modal-dialog {
  width: 1200px;
}
.admin-import .admin-import-imported-records-overview {
  display: inline-block;
}
.admin-import .admin-import-icon {
  font-size: 24px;
}
.admin-import .admin-import-icon.admin-import-icon-error {
  color: red;
}
.admin-import .admin-import-icon.admin-import-icon-warn {
  color: orange;
}
.admin-import .admin-import-icon.admin-import-icon-ok {
  color: blue;
}
.admin-import .admin-import-icon.admin-import-icon-success {
  color: green;
}
.admin-import .admin-import-section-header {
  float: left;
  width: 50%;
  padding-bottom: 8px;
}
.admin-import .admin-import-section-header .admin-import-section-header-title {
  font-size: 18px;
  color: black;
}
.admin-import .admin-import-section-header .tms-icon {
  font-size: 24px;
}
.admin-import .admin-import-output .admin-import-output-col {
  float: left;
  width: 50%;
  padding-left: 8px;
  padding-right: 0;
}
.admin-import .admin-import-output .admin-import-output-col.admin-import-output-col-0 {
  width: 75%;
}
.admin-import .admin-import-output .admin-import-output-col.admin-import-output-col-1 {
  width: 25%;
}
.admin-import .admin-import-output .admin-import-output-col.admin-import-output-col-single {
  width: 100%;
  float: none;
}
.admin-import .admin-import-output .admin-import-output-col:first-child {
  padding-left: 0;
  padding-right: 8px;
}
.admin-import .admin-import-output .admin-import-output-title {
  padding-bottom: 8px;
  font-weight: bold;
}
.admin-import .admin-import-output .admin-import-output-text {
  padding-bottom: 16px;
}
.admin-import .admin-import-output .admin-import-output-msg-type {
  float: left;
  width: 16px;
  height: 24px;
  text-align: center;
  font-weight: bold;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.admin-import .admin-import-output .admin-import-output-msg-type .tms-icon {
  line-height: 24px;
  font-size: 24px;
}
.admin-import .admin-import-output .admin-import-output-msg-type.admin-import-output-msg-type-warn {
  color: orange;
}
.admin-import .admin-import-output .admin-import-output-msg-type.admin-import-output-msg-type-error {
  color: red;
}
.admin-import .admin-import-output .admin-import-output-msg-type.admin-import-output-msg-type-note {
  color: gray;
}
.admin-import .admin-import-output .admin-import-output-msg-type.admin-import-output-msg-type-ok {
  color: green;
}
.admin-import .admin-import-output .admin-import-output-row {
  padding: 4px 4px 8px 4px;
}
.admin-import .admin-import-output .admin-import-output-row .admin-import-output-row-info {
  float: left;
  width: 116px;
}
.admin-import .admin-import-output .admin-import-output-row .admin-import-output-row-info:before,
.admin-import .admin-import-output .admin-import-output-row .admin-import-output-row-info:after {
  content: " ";
  display: table;
}
.admin-import .admin-import-output .admin-import-output-row .admin-import-output-row-info:after {
  clear: both;
}
.admin-import .admin-import-output .admin-import-output-row .admin-import-output-row-info .admin-import-row-num-holder {
  float: left;
  width: 100px;
  min-height: 1px;
  padding-right: 16px;
}
.admin-import .admin-import-output .admin-import-output-row .admin-import-output-msg-holder {
  float: left;
  padding-left: 8px;
  width: calc(100% - 116px);
}
.admin-import .admin-import-output .admin-import-output-row .admin-import-output-msg-holder .admin-import-output-msg-desc {
  /*float: left;*/
  padding-left: 8px;
  text-align: justify;
  /*width: ~"calc(100% - @{typeTagW})";*/
}
.admin-import .admin-import-imported-records-output .admin-import-imported-records-output-row .tms-icon {
  color: green;
  font-size: 24px;
}
.admin-import .admin-import-preloader {
  width: 36px;
  height: 36px;
  float: left;
}
.admin-import .admin-import-preloader-txt {
  height: 36px;
  line-height: 36px;
  float: left;
  padding-left: 8px;
}
.admin-import .admin-import-notice {
  font-weight: bold;
  clear: both;
}
.multimeda-message {
  padding-top: 20px;
}
.multimeda-message ul.nav.nav-tabs {
  display: table;
  background: transparent;
  width: 100% !important;
  padding-left: 25px;
}
.multimeda-message .send-date .tms-time-picker {
  margin-top: 0px !important;
}
.multimeda-message .multimeda-message-send-define {
  padding-bottom: 15px;
}
.multimeda-message .multimeda-message-send-column {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border: 1px solid #cdd7e1;
  padding: 20px;
  background: #ffffff;
}
.multimeda-message .multimeda-message-send-column .tms-grid {
  height: calc(100vh - 430px) !important;
  padding-right: 2px;
}
.multimeda-message-content {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border: 1px solid #cdd7e1;
  padding: 5px;
  margin-left: 2px;
  background: #F7F9F9;
  overflow: scroll;
}
.multimeda-message-content.details {
  margin-bottom: 5px !important;
  /*overflow-x: scroll;*/
  word-wrap: break-word;
}
.multimeda-message-content .tms-icon {
  margin-left: -7px;
  margin-right: -7px;
  font-size: 34px !important;
}
.multimeda-message-litui-popup {
  background: #ffffff;
}
.datasession-progress {
  margin-bottom: 0;
  margin-right: 10px;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.datasession-table th,
.datasession-table td {
  padding-right: 20px;
}
.datasession-table {
  margin-left: 5px;
  margin-bottom: 10px;
}
.datasession-accordion-item {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}
.datasession-accordion-item .acc-head {
  padding: 5px 19px;
}
.datasession-accordion-item .acc-head-add {
  margin-left: 0px;
}
.datasession-accordion-item .acc-head-add .datasession-acc-head-content {
  margin-top: 12px;
}
.route-versions {
  height: 100%;
}
.route-versions .tms-grid {
  height: 50%;
}
.route-versions .admin-route-versions-map {
  position: relative;
  height: calc(50% - 16px);
  /*height: ~"calc(50% - 22px)";*/
  /*height: 50%;*/
  width: calc(100% - 8px);
  margin: 16px 0px 0px 0px !important;
}
.sc-overview .sc-overview-header {
  padding: 8px;
  padding-top: 0px;
}
.sc-overview .sc-overview-body {
  height: calc(100vh - 110px);
  overflow: auto;
}
system-configuration {
  display: block;
}
system-configuration .btn {
  min-width: inherit;
}
system-configuration .sc-head {
  padding: 0px 8px;
}
system-configuration .panel .panel-heading {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  padding-right: 16px;
}
system-configuration .panel .panel-heading.global dl {
  display: inline-block;
}
system-configuration .panel .panel-body {
  padding: 8px;
}
system-configuration .tms-accordion .panel .panel-heading {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-right: 8px;
}
system-configuration .tms-accordion .panel .panel-heading .icon-alert {
  color: #ee2e24;
}
system-configuration .tms-accordion .panel .panel-body {
  padding: 0;
}
system-configuration .tms-accordion .panel .panel-body .sc-item {
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
system-configuration .tms-accordion .panel .panel-body .sc-item:nth-of-type(even) {
  background-color: #f7f9f9;
}
system-configuration .tms-accordion .panel .panel-body .sc-item .sc-item-value-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  padding-right: 8px;
}
system-configuration .tms-accordion .panel .panel-body .sc-item .sc-item-value-wrapper .form-control {
  width: 500px;
}
system-configuration .tms-accordion .panel .panel-body .sc-item .sc-item-value-wrapper input[type="color"] {
  width: 150px;
}
system-configuration .tms-accordion .panel .panel-body .sc-item .tms-icon {
  font-size: 32px;
}
system-configuration .tms-accordion .panel .panel-body .sc-item .btn-group {
  margin-left: 8px;
}
system-configuration .tms-accordion .panel .panel-body .sc-item .btn-group > .btn:only-child {
  border: 1px solid #cdd7e1;
  border-radius: 6px !important;
}
[dir=rtl] system-configuration .panel .panel-heading {
  padding-right: 0;
  padding-left: 16px;
}
.system-timers-view {
  height: 100%;
}
.system-timers-view .panel.panel-default .panel-heading {
  padding: 8px;
}
.system-timers-view manual-job-options,
.system-timers-view time-scheduled-job-options {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  justify-items: center;
  padding: 6px;
}
.system-timers-view .system-timer-list {
  border: 1px solid lightgray;
}
.system-timers-view .system-timer-list .system-timer-list-item:nth-of-type(odd) {
  background-color: #f7f9f9;
}
general-asset-info {
  display: block;
  min-width: 350px;
  padding: 8px;
}
general-asset-info .route-progress .progress {
  height: 10px;
  margin-top: 4px;
}
general-asset-info .route-progress .progress .progress-bar {
  background: #54578b;
}
general-asset-info .common-asset-popup-occupany {
  display: flex;
  align-items: center;
}
general-asset-info .common-asset-popup-occupany b {
  margin-right: 8px;
}
general-asset-info .common-asset-popup-soc.popup-list-item {
  align-items: center !important;
}
general-asset-info .prev-next-stop-well {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  margin: 0;
}
general-asset-info .prev-next-stop-well .well-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
general-asset-info .prev-next-stop-well .well-row .well-col {
  flex: 1;
}
general-asset-info .prev-next-stop-well .well-row .well-col:first-child {
  padding-right: 12px;
}
general-asset-info .prev-next-stop-well .well-row .well-col.well-title {
  font-weight: bold;
}
general-asset-info .prev-next-stop-well .well-row .well-col .tms-icon {
  margin-left: -10px;
}
additional-asset-info {
  display: block;
  min-width: 300px;
  padding: 8px;
}
stops-asset-info {
  display: block;
  min-width: 500px;
  padding-bottom: 8px;
}
stops-asset-info table tbody tr {
  border-left: 0px solid transparent;
  transition: 1s border-left;
}
stops-asset-info table tbody tr.visited {
  border-left: 5px solid #7ed321;
}
stops-asset-info table tbody tr.timepoint {
  font-weight: bold;
}
next-trip-asset-info {
  display: block;
  min-width: 400px;
  padding: 8px;
}
stop-on-route-info-popup tms-popup tms-popup-body .popup-list {
  padding: 8px;
}
trips-asset-info {
  display: block;
  min-width: 600px;
  padding-bottom: 8px;
}
trips-asset-info table tbody tr {
  border-left: 0px solid transparent;
  transition: 1s border-left;
}
trips-asset-info table tbody tr.active,
trips-asset-info table tbody tr.visited {
  border-left: 5px solid #7ed321;
}
trips-asset-info table tbody tr.finished {
  border-left: 5px solid #000000;
}
trips-asset-info table tbody tr.standby,
trips-asset-info table tbody tr.pending,
trips-asset-info table tbody tr.deleted {
  border-left: 0px solid transparent;
}
trips-asset-info table tbody tr.missed {
  border-left: 5px solid #ee2e24;
}
trips-asset-info table tbody tr.timepoint {
  font-weight: bold;
}
trips-asset-info .stops-on-trip table {
  border-top: 1px solid rgba(141, 141, 141, 0.4);
}
trips-asset-info .stops-on-trip .popup-list {
  padding: 8px;
}
stop-info-popup {
  display: block;
  width: 40vw;
  min-width: 540px;
}
tms-popup .popup-list-title {
  font-weight: bold;
  font-size: 15px;
  padding-top: 8px;
}
tms-popup.incident-popup tms-popup-body general-asset-info .route-progress .progress .progress-bar {
  background: #F44336;
}
.deviceupdate-add-date .tms-date-picker {
  width: 100% !important;
}
.deviceupdate-add-date .tms-time-picker {
  margin-top: 0px !important;
}
dashboard {
  display: block;
  width: calc(100% + 16px);
  height: calc(100% + 8px);
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -8px;
  font-family: PTSans, Arial;
  overflow: auto;
  position: relative;
}
dashboard litui-dashboard-widget {
  min-height: 300px;
  max-height: 300px;
}
dashboard .status-doughnut {
  display: flex;
  height: 100%;
}
dashboard .status-doughnut .doughnut {
  height: 100%;
  margin: auto;
  width: 60%;
}
dashboard .status-doughnut .legend {
  margin: auto;
  height: 100%;
  width: 40%;
  font-size: 1vw;
}
dashboard .status-doughnut .legend .circle {
  width: 8%;
  display: inline-block;
  border-radius: 50%;
  padding: 4% 0;
}
dashboard .status-doughnut .legend .legend-num {
  font-size: 18px;
  font-weight: bold;
}
dashboard .status-doughnut .legend .legend-num.legend-num-hover:hover {
  color: #0C1C34;
}
dashboard .status-doughnut .legend .legend-name {
  font-size: 14px;
  color: #6c6c6c;
  padding-left: 10%;
}
dashboard .status-mini {
  width: 100%;
}
dashboard .status-mini .mini-row {
  margin-bottom: 18px;
}
dashboard .status-mini .mini-row:before,
dashboard .status-mini .mini-row:after {
  content: " ";
  display: table;
}
dashboard .status-mini .mini-row:after {
  clear: both;
}
dashboard .status-mini .mini-row:last-of-type {
  margin-bottom: 0px;
}
dashboard .status-mini .mini-row .mini-info {
  width: 24%;
  text-align: left;
  padding-left: 1%;
}
dashboard .status-mini .mini-row .mini-info:last-of-type {
  margin-right: 0px;
}
dashboard .status-mini .mini-row .mini-info .mini-info-number {
  font-size: 2.1vw;
}
dashboard .status-mini .mini-row .mini-info .mini-info-number:hover {
  color: #0C1C34;
}
dashboard .status-mini .mini-row .mini-info .mini-info-text {
  font-size: 14px;
}
dashboard .status-mini .mini-info-new {
  width: 24%;
  text-align: left;
  padding-left: 1%;
  margin-bottom: 18px;
}
dashboard .status-mini .mini-info-new:last-of-type {
  margin-right: 0px;
}
dashboard .status-mini .mini-info-new .mini-info-number {
  font-size: 2.1vw;
}
dashboard .status-mini .mini-info-new .mini-info-number:hover {
  color: #0C1C34;
}
dashboard .status-mini .mini-info-new .mini-info-text {
  color: #6c6c6c;
  font-size: 14px;
}
dashboard .dashboard-item-full-height {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
dashboard .litui-banner-option {
  min-width: 142px;
}
dashboard litui-select.dashboard-select-group {
  width: 300px;
}
[dir=rtl] dashboard .status-mini .mini-info-new {
  text-align: right !important;
  padding-right: 1%;
  margin-bottom: 18px;
}
[dir=rtl] dashboard .status-mini .mini-info-new:last-of-type {
  margin-left: 0px;
}
dispatch-dashboard {
  display: block;
  height: calc(100% - 4px*2);
  /*    display: flex;
        flex-flow: column;
        height: 100%;
        background-color: #ffffff;
        border: 1px solid #cdcdcd;
        border-radius: 6px;*/
}
dispatch-dashboard .dd-wrapper {
  display: flex;
  flex-flow: column;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  /*    tms-filter {
                width: 100%;
                margin: 2px 0px;
                padding: 2px 0px;
                border-bottom: 1px solid #e0e0e0;
        
                &.dd-asset-filter {
                    position: relative;
        
                    tms-filter-body {
                        bottom: 45px;
                    }
                }
            }*/
}
dispatch-dashboard .dd-wrapper .dd-assignment-filter-wrapper {
  border-bottom: 1px solid #e0e0e0;
  padding-right: 6px;
  margin: 2px 0px;
}
dispatch-dashboard .dd-wrapper .dd-assignment-filter-wrapper tms-filter {
  width: calc(100% - 42px);
  padding: 2px 0px;
}
dispatch-dashboard .dd-wrapper .dd-assignment-filter-wrapper tms-filter.dd-asset-filter {
  position: relative;
}
dispatch-dashboard .dd-wrapper .dd-assignment-filter-wrapper tms-filter.dd-asset-filter tms-filter-body {
  bottom: 45px;
}
dispatch-dashboard .dd-wrapper .dd-container {
  flex: 1;
  overflow: auto;
  width: 100%;
  padding: 4px 4px;
  border-bottom: 1px solid #e0e0e0;
}
dispatch-dashboard .dd-wrapper .dd-container .dd-row {
  display: flex;
  flex-flow: row;
  margin-bottom: 4px;
}
dispatch-dashboard .dd-wrapper .dd-container .dd-row .dd-group-by-cell {
  max-width: 95px;
  min-height: 95px;
  min-width: 90px;
  /*                font-size: 32px;*/
  font-size: 16px;
  color: #FFFFFF;
  background-color: #383954;
  vertical-align: top;
  padding: 4px;
  border-radius: 6px;
}
dispatch-dashboard .dd-wrapper .dd-container .dd-row .dd-run-row {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  padding-left: 8px;
}
dispatch-dashboard .dd-wrapper .dd-container .dd-row .dd-run-row dd-assignment {
  display: flex;
  flex-flow: column;
  height: 95px;
  min-width: 90px;
  margin-bottom: 2px;
  margin-right: 2px;
  vertical-align: top;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
}
dispatch-dashboard .dd-wrapper .dd-container .dd-row .dd-run-row dd-assignment.over {
  border: 1px dashed #4a4a4a;
}
dispatch-dashboard .dd-wrapper .dd-container .dd-row .dd-run-row dd-assignment.over.disabled {
  border: 1px dashed #ff0000;
}
dispatch-dashboard .dd-wrapper .dd-container .dd-row .dd-run-row dd-assignment .dd-code {
  color: #4a4a4a;
  background-color: #cdcdcd;
  font-size: 24px;
  padding: 0px 4px;
}
dispatch-dashboard .dd-wrapper .dd-container .dd-row .dd-run-row dd-assignment .dd-asset {
  display: flex;
  flex-flow: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex: 1;
}
dispatch-dashboard .dd-wrapper .dd-asset-list-heading {
  display: flex;
  justify-content: space-between;
  line-height: 34px;
  padding: 0px 4px;
  font-weight: bold;
  color: #4a4a4a;
  background-color: #cccccc;
}
dispatch-dashboard .dd-wrapper .dd-asset-list-container {
  height: 110px;
  overflow: auto;
  width: 100%;
}
dispatch-dashboard .dd-wrapper .dd-asset-list-container.expanded {
  height: 45%;
}
dispatch-dashboard .dd-wrapper .dd-asset-list-container .dd-asset-list {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  padding: 8px 4px;
}
dispatch-dashboard .dd-wrapper .dd-asset-list-container .dd-asset-list dd-asset {
  margin-right: 6px;
  margin-bottom: 6px;
}
dispatch-dashboard .dd-wrapper .dd-asset-item,
dispatch-dashboard .dd-wrapper dd-asset {
  display: inline-block;
  border: 1px solid #cdcdcd;
  color: #FFFFFF;
  background-color: #383954;
  border-radius: 6px;
  padding: 4px;
}
dispatch-dashboard .dd-wrapper .dd-asset-item.drag,
dispatch-dashboard .dd-wrapper dd-asset.drag {
  opacity: 0.4;
}
dispatch-dashboard .dd-wrapper dd-console {
  display: flex;
  position: relative;
  flex-flow: column;
  justify-content: flex-end;
  border-top: 1px solid #e0e0e0;
  margin-top: 6px;
  padding: 5px;
  color: #595959;
  border-radius: 0px 0px 6px 6px;
}
dispatch-dashboard .dd-wrapper dd-console.active {
  background-color: black;
  opacity: 0.8;
  color: #FFFFFF;
}
dispatch-dashboard .dd-wrapper dd-console.active form input {
  border-bottom: 1px solid #e0e0e0;
}
dispatch-dashboard .dd-wrapper dd-console .dd-command-prompt {
  position: absolute;
  height: 25vh;
  width: 100%;
  bottom: 35px;
  left: 0;
  margin-bottom: 3px;
  word-wrap: break-word;
  background: black;
}
dispatch-dashboard .dd-wrapper dd-console .dd-command-prompt .btn-close {
  color: #ffffff;
  position: absolute;
  right: 3px;
  top: 0px;
}
dispatch-dashboard .dd-wrapper dd-console .dd-command-prompt .dd-commands {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 3px;
  padding: 6px;
}
dispatch-dashboard .dd-wrapper dd-console .dd-command-prompt .dd-commands .dd-command {
  height: 20px;
  line-height: 20px;
  white-space: pre;
  padding: 0;
  margin: 0;
}
dispatch-dashboard .dd-wrapper dd-console .dd-command-prompt .dd-commands .dd-command.fail {
  color: orange;
}
dispatch-dashboard .dd-wrapper dd-console form input {
  width: 100%;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  background-color: transparent;
  border-bottom: 1px solid #4a4a4a !important;
  height: 28px;
}
dispatch-dashboard .dd-wrapper dd-console form input:focus {
  background-color: transparent;
  border-color: inherit !important;
}
.route-segmentation-form-group.form-group {
  display: flex;
  align-items: center;
}
route-segment {
  padding: 3px;
  border-style: solid ;
  border-width: thin;
  border-color: #979797;
  display: inline-block;
  margin-top: 1px;
  max-width: 200px;
  min-width: 150px;
}
route-segment:hover {
  border-width: 2px;
  margin: -2px;
}
route-segment hr {
  margin-top: 0;
  margin-bottom: 0;
}
route-segment .tms-icon {
  cursor: pointer;
  font-size: 20px;
}
route-segment .stop-label-container {
  overflow: hidden;
  text-overflow: ellipsis;
}
route-segment .stop-label-container.start-stop-label {
  margin-top: 2px;
}
route-segment .stop-label-container.end-stop-label {
  margin-top: 5px;
  margin-bottom: 2px;
}
route-segment .clickable {
  cursor: pointer;
}
route-segment .track-label.track-selectable {
  cursor: pointer;
  text-decoration: underline;
}
route-segment:not(:first-child) {
  margin-left: 5px;
}
route-segment:first-child {
  margin-left: 2px;
}
route-segment.combined-selected {
  background-color: #D3D3D3;
}
route-segment.combined-not-selected {
  background-color: inherit;
}
route-segment.selected {
  background-color: #C5E6B5;
}
route-segment.not-selected {
  background-color: #D3D3D3;
}
route-segment.error {
  background-color: #ff9999;
}
route-segment.success {
  background-color: #C5E6B5;
}
.route-segmentation-containers {
  overflow-x: auto;
}
.route-segmentation-containers .route-segmentation-container {
  padding-top: 25px;
}
.route-segmentation-containers .route-segmentation-container h3 {
  position: fixed;
}
.route-segmentation-containers .route-segmentation-container .route-segment-container {
  white-space: nowrap;
  padding-top: 30px;
}
.route-segment-component-tooltip .tooltip-inner {
  max-width: none;
}
.route-segment-component-tooltip .tooltip-inner table th {
  padding: 2px;
}
.route-segment-component-tooltip .tooltip-inner table td {
  padding: 2px;
  text-align: left;
}
.route-segment-component-tooltip .tooltip-inner hr {
  margin-top: 0;
  margin-bottom: 0;
}
.change-log-details {
  max-height: calc(100vh - 40px - 70px);
  overflow-y: auto;
  overflow-x: hidden;
}
.change-log-details td {
  min-width: 250px;
}
.change-log-details .change-log-popover:hover {
  cursor: pointer;
}
.change-log-details .popover-content {
  max-height: 200px;
  width: 200px;
}
.trip-scheduled-without-route {
  color: #ce0000;
  font-size: 22px;
  text-align: center;
  padding-top: 3px;
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
.trip-scheduled-without-route:after {
  content: "!";
  vertical-align: middle;
}
@keyframes blink-animation {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes blink-animation {
  to {
    opacity: 0;
  }
}
.service-alert-info-container {
  height: 100%;
}
.service-alert-info-container .service-alert-info-well .well {
  width: calc(100% + 16px);
  margin-top: -8px;
  margin-left: -8px;
  margin-bottom: 0;
}
.service-alert-info-container .service-alert-info-well span {
  margin-left: -8px;
}
.service-alert-info-container .service-alert-info-well h3 {
  display: inline;
  vertical-align: middle;
}
.service-alert-info-container .service-alert-info-content {
  height: calc(100% - 76px);
}
.service-alert-info-container .service-alert-info-content .service-alert-info {
  padding: 0;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 8px;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-base {
  height: 64%;
  background: white !important;
  padding: 0px;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-base ul.nav.nav-tabs {
  width: 100% !important;
  background: #E0E0E0 !important;
  padding: 0px 0px 50px 2px!important;
  margin: 0px 0px !important;
  border-bottom: 1px solid #cdd7e1;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-thumbnails {
  height: 36%;
  background: white !important;
  padding: 0px;
  display: flex;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-thumbnails .service-alert-info-thumbnail {
  padding: 10px;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-thumbnails .service-alert-info-thumbnail .info-number {
  border: 1px solid #393939;
  height: 100px;
  width: 100px;
  text-align: center;
  padding-top: 25px;
  font-size: 30px;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-thumbnails .service-alert-info-thumbnail .info-number:hover {
  color: #0C1C34;
  border: 1px solid #0C1C34;
  cursor: pointer;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-heading {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 2em;
  background: #E0E0E0 !important;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-tabdata {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  color: #393939;
  word-wrap: break-word;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-tabdata .info-item {
  padding-top: 15px;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-tabdata .info-item .info-title {
  color: #646464;
}
.service-alert-info-container .service-alert-info-content .service-alert-info-tabdata .info-item .info-link {
  color: #0C1C34;
  cursor: pointer;
}
.service-alert-select-container {
  height: 100%;
}
.service-alert-select-container .select-info {
  background: white !important;
  padding-top: 60px;
  padding-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cdd7e1;
}
.service-alert-select-container ul.nav.nav-tabs {
  width: 100% !important;
  background: white !important;
  padding: 0px 0px 50px 2px!important;
  margin: 0px 0px !important;
  border-bottom: 1px solid #cdd7e1;
}
.service-alert-select-container .select-data {
  background: white !important;
  height: 80vh;
}
.service-alert-select-container .tms-grid {
  height: 80vh;
}
.control-label {
  color: #595959 !important;
}
.audit-log-details {
  max-height: calc(100vh - 40px - 70px);
  overflow-y: auto;
  overflow-x: hidden;
}
.audit-log-details td {
  min-width: 250px;
}
.audit-log-details .audit-log-popover:hover {
  cursor: pointer;
}
.audit-log-details .popover-content {
  max-height: 400px;
  width: 400px;
}
.audit-log-details .audit-log-th {
  text-align: left;
}
[dir=rtl] .audit-log-th {
  text-align: right;
}
route-details-ewt {
  display: block;
  height: 100%;
}
route-details-ewt .tms-dashboard-body > .row {
  height: 100%;
}
route-details-trips {
  display: block;
  height: 100%;
}
route-details-trips-graph {
  display: block;
  height: 100%;
}
trip-b-g-chart {
  display: block;
  height: 100%;
}
.telemetry-content {
  width: 100%;
  height: 100%;
}
.slider-holder {
  width: 90%;
  margin-right: 5%;
  margin-left: 5%;
}
.trip-chart-hour-slider-text {
  margin-right: 5%;
  margin-left: 5%;
}
.telemetry-chart-1 {
  width: 100%;
  height: 100%;
}
.telemetry-chart-1 > * {
  width: 100%;
  height: 50%;
  margin-bottom: 5%;
}
.telemetry-chart-parent-div {
  width: 100%;
  height: 100%;
  margin-top: 5%;
  display: inline-flex;
}
.telemetry-canvas-holder {
  margin-left: 5%;
  width: 90%;
  height: 100%;
}
.telemetry-chart-canvas {
  width: 100%;
  height: 80%;
  margin-right: 10%;
  display: inline;
}
.telemetry-chart-button-list {
  list-style-type: none;
  margin: 5% 5% 5% 0%;
  display: block;
}
.telemetry-checkbox-grid li {
  display: block;
  float: left;
  width: 25%;
}
.telemetry-checkbox-settings li {
  display: block;
  float: left;
  width: 25%;
}
.telemetry-view-settings {
  background-color: transparent;
  border: 0;
  color: #54578b;
  padding: 0px 10px;
  margin-left: 3px;
  float: right;
}
.telemetry-view-settings .tms-icon {
  margin-left: -5px;
}
.telemetry-view-settings .active,
.telemetry-view-settings :hover {
  background-color: rgba(56, 57, 84, 0.1);
  color: #383954;
  border-radius: 6px;
}
.telemetry-view-settings .menu-title {
  font-weight: bold;
}
.telemetry-export {
  width: 10%;
  height: 15%;
  margin-top: 10%;
  background-color: Transparent;
  outline: none;
  border: none;
}
.telemetry-picker-btn {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: #54578b;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
}
.telemetry-show-only-data-button {
  background-color: Transparent;
  border: none;
  cursor: pointer;
}
.telemetry-show-only-data-text {
  background-color: #e0e0e0;
  border-radius: 12px;
  padding: 2px 6px;
  border: 1px solid #efefef;
}
universal-event-icon {
  display: inline;
}
universal-event-icon .litui-icon {
  width: 36px;
}
.outbox-details.tms-dashboard .tms-dashboard-body {
  height: calc(100% - 40px);
  overflow: auto;
}
[shared-data] {
  height: 100%;
}
.send-message .tms-dashboard-body {
  height: calc(100% - 40px);
}
.send-message .tms-dashboard-body .select-grid {
  height: 100% !important;
}
.send-message .tms-dashboard-body .select-grid .tms-grid {
  height: 100% !important;
}
.send-message .tms-dashboard-body .info-grid .tms-grid {
  height: 300px !important;
}
.stopontrip-dashboard {
  height: 80vh;
  /*    [tms-datagrid] [data-ng-grid]{
        .ngViewport{
            overflow-x: hidden;
        }
    }*/
}
.dispatch-trip-centered-ui-picker-container .ui-select-match .btn .ui-select-match-text {
  display: flex;
}
.dispatch-trip-centered-ui-picker-container .ui-select-container .ui-select-toggle {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 12px;
}
.dispatch-trip-thin-ui-picker-container .ui-select-match .btn {
  padding: 0 !important;
  color: black;
  display: flex;
  height: 100%;
  border-radius: 0 !important;
  background-color: white !important;
}
.dispatch-trip-thin-ui-picker-container .ui-select-match .btn .ui-select-placeholder {
  display: flex;
  height: 100%;
  padding-left: 10px;
}
.dispatch-trip-thin-ui-picker-container .ui-select-match .btn .ui-select-placeholder [dir=rtl] {
  padding-left: 0;
  padding-right: 10px;
}
.dispatch-trip-thin-ui-picker-container .ui-select-match .btn .ui-select-match-text {
  display: flex;
  padding-left: 10px;
}
.dispatch-trip-thin-ui-picker-container .ui-select-match .btn .ui-select-match-text [dir=rtl] {
  padding-left: 0;
  padding-right: 10px;
}
.dispatch-add-trip-select-no-choice {
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
}
.dispatch-uib-tabset .tab-content > .active {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dispatch-uib-tabset ul {
  background-color: #f7f9f9 !important;
}
.dispatch-uib-tabset ul.nav.nav-tabs li.active a {
  background-color: transparent;
  color: black;
  border-bottom: 5px #0C1C34 solid;
}
.dispatch-uib-tabset ul.nav.nav-tabs li {
  padding: 0px 5px;
}
.dispatch-uib-tabset .tab-content .tab-pane {
  padding-top: 10px;
}
.trip-add-multiple-valid-day-parent label {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.trip-add-multiple-valid-day-parent label span {
  font-size: 16px;
  color: black;
}
.trip-add-multiple-valid-day-parent .trip-add-multiple-valid-day-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-evenly;
}
.trip-add-multiple-business-day {
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  gap: 1em;
}
.trip-add-multiple-business-day .trip-add-multiple-business-day-input {
  display: flex;
  width: 50%;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.trip-add-multiple-business-day .trip-add-multiple-business-day-input label {
  width: 50%;
  margin-right: auto;
  margin-left: 0;
  padding: 0;
}
.trip-add-multiple-business-day .trip-add-multiple-business-day-input label [dir=rtl] {
  margin-right: 0;
  margin-left: auto;
}
.trip-add-multiple-business-day .trip-add-multiple-business-day-input label span {
  font-size: 16px;
  color: black;
}
.trip-add-multiple-business-day .trip-add-multiple-business-day-input .deviceupdate-add-date {
  width: 50%;
  margin-right: auto;
  margin-left: 0;
}
.trip-add-multiple-business-day .trip-add-multiple-business-day-input .deviceupdate-add-date [dir=rtl] {
  margin-right: 0;
  margin-left: auto;
}
.trip-add-multiple-business-day .trip-add-multiple-business-day-input .deviceupdate-add-date .tms-date-picker .input-group {
  margin: 0;
}
.trip-add-multiple-separator {
  padding: 20px 0px;
  border-top: 0.1px solid #e5eaf5;
  border-bottom: 0.1px solid #e5eaf5;
}
.trip-add-multiple-definetripseq {
  display: flex;
  flex-direction: row;
  padding: 20px 0px;
  border-top: 0.1px solid #e5eaf5;
  border-bottom: 0.1px solid #e5eaf5;
}
.trip-add-multiple-definetripseq .trip-add-multiple-definetripseq-title {
  margin: auto auto auto 0;
  font-size: 14px;
}
.trip-add-multiple-definetripseq .trip-add-multiple-definetripseq-title [dir=rtl] {
  margin-left: auto;
  margin-right: 0;
}
.trip-add-multiple-definetripseq btn {
  margin-left: auto;
  margin-right: 0;
}
.trip-add-multiple-definetripseq btn [dir=rtl] {
  margin-left: 0;
  margin-right: auto;
}
.trip-add-multiple-multiplicator {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0;
}
.trip-add-multiple-multiplicator .dispatch-incrementor-parent {
  margin-right: auto;
  margin-left: 0;
  width: 15%;
  min-width: 100px;
}
.trip-add-multiple-multiplicator .dispatch-incrementor-parent [dir=rtl] {
  margin-left: auto;
  margin-right: 0;
}
.trip-add-multiple-multiplicator label {
  min-width: 50%;
  max-width: 50%;
}
.trip-add-multiple-prefix {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0;
  padding: 20px 0px;
  border-top: 0.1px solid #e5eaf5;
  border-bottom: 0.1px solid #e5eaf5;
  padding: 20px 0;
}
.trip-add-multiple-prefix .dispatch-incrementor-parent {
  margin-right: auto;
  margin-left: 0;
  width: 15%;
  min-width: 100px;
}
.trip-add-multiple-prefix .dispatch-incrementor-parent [dir=rtl] {
  margin-left: auto;
  margin-right: 0;
}
.trip-add-multiple-prefix label {
  min-width: 50%;
  max-width: 50%;
}
.trip-add-multiple-prefix .trip-add-multiple-prefix-input {
  width: 30%;
  margin-right: auto;
  margin-left: 0;
}
.trip-add-multiple-prefix .trip-add-multiple-prefix-input [dir=rtl] {
  margin-right: 0;
  margin-left: auto;
}
.trip-add-multiple-remove {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.trip-add-multiple-table-parent {
  width: 100%;
  height: 400px;
  min-height: 400px;
  background-color: white;
  border-bottom: none;
  overflow: auto;
  margin: 10px 0;
}
.trip-add-multiple-table-parent table {
  width: 100%;
  height: auto;
  text-align: left !important;
}
.trip-add-multiple-table-parent table [dir=rtl] {
  text-align: right !important;
}
.trip-add-multiple-table-parent table .uib-timepicker input {
  height: auto;
  padding: 0;
}
.trip-add-multiple-table-parent table .ui-select-choices.trip-add-multiple-reverse-dropdown {
  top: -200px;
}
.trip-add-multiple-table-parent table thead {
  border-left: none;
  border-right: none;
  position: sticky;
  top: 0;
  background-color: #f7f9f9;
  font-size: 12px;
}
.trip-add-multiple-table-parent table thead tr {
  height: 30px;
  min-height: 30px;
}
.trip-add-multiple-table-parent table thead tr th {
  height: 30px;
  min-height: 30px;
}
.trip-add-multiple-table-parent table tr td {
  border-left: none;
  border-right: none;
  vertical-align: middle !important;
  text-align: left !important;
  padding-top: 8px;
  padding-bottom: 8px;
}
.trip-add-multiple-table-parent table tr th {
  border-left: none;
  border-right: none;
}
.trip-add-multiple-table-parent table .trip-add-multiple-table-body-row {
  border-top: 0.1px solid #e5eaf5;
  border-bottom: 0.1px solid #e5eaf5;
}
.trip-add-multiple-table-parent table tbody {
  background-color: white;
}
.trip-add-multiple-table-parent table .seq-no {
  width: auto;
  min-width: 60px;
}
.trip-add-multiple-table-parent table .trip-start {
  width: auto;
  min-width: 80px;
}
.trip-add-multiple-table-parent table .route {
  width: 80%;
  text-align: left;
}
.trip-add-multiple-table-parent table .route [dir=rtl] {
  text-align: right;
}
.trip-add-multiple-table-parent table .remove {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
.trip-add-combined-table-header-menu {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
.trip-add-multiple-nextstep {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0;
}
.trip-add-multiple-nextstep .dispatch-incrementor-parent {
  margin-right: auto;
  margin-left: 0;
  width: 15%;
  min-width: 100px;
}
.trip-add-multiple-nextstep .dispatch-incrementor-parent [dir=rtl] {
  margin-left: auto;
  margin-right: 0;
}
.trip-add-multiple-nextstep label {
  min-width: 50%;
  max-width: 50%;
}
.trip-add-multiple-nextstep input {
  margin-right: auto;
  margin-left: 0;
}
.trip-add-multiple-nextstep input [dir=rtl] {
  margin-right: 0;
  margin-left: auto;
}
.trip-add-multiple-nextstep dispatch-checkbox {
  width: 15%;
  margin-left: 0;
  margin-right: auto;
}
.trip-add-multiple-nextstep dispatch-checkbox [dir=rtl] {
  margin-left: auto;
  margin-right: 0;
}
.trip-add-single-separator {
  border-top: 0.1px solid #e5eaf5;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-top: 20px;
  font-weight: bold;
}
.tableau-reporting {
  height: calc(100% - 8px);
  width: calc(100% - 16px);
}
.tableau-reporting iframe {
  height: 100%;
  width: 100%;
}
user-password-expiration-date {
  display: block;
}
user-password-expiration-date .user-password-expiration-date-text {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 15px;
  color: #333333;
}
user-password-expiration-date .user-password-expiration-date-text [litui-relative-time] {
  text-transform: lowercase;
}
.user-set-password-expiration-date-dialog {
  min-width: 480px;
  max-width: 680px;
}
.user-set-password-expiration-date-dialog .litui-pop-component-inner {
  width: 100%;
}
.user-set-password-expiration-date-dialog .litui-pop-component-inner litui-date-picker {
  display: block;
}
.user-set-password-expiration-date-dialog .litui-pop-component-inner litui-date-picker .litui-date-picker-inner {
  margin: auto;
}
.sra-wrapper {
  display: flex;
  height: calc(100vh - 55px);
  flex-flow: column;
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
}
.sra-wrapper .sra-filter-wrapper {
  border-bottom: 1px solid #e0e0e0;
  padding-right: 6px;
  margin: 2px 0px;
}
.sra-wrapper .sra-filter-wrapper tms-filter {
  width: calc(100% - 42px);
  padding: 2px 0px;
}
.sra-wrapper .sra-filter-wrapper tms-filter.sra-asset-filter {
  position: relative;
}
.sra-wrapper .sra-filter-wrapper tms-filter.sra-asset-filter tms-filter-body {
  bottom: 45px;
}
.sra-wrapper .sra-select {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 6px;
}
.sra-wrapper .sra-select .form-group {
  padding: 8px;
}
.sra-wrapper .sra-container {
  flex: 1;
  overflow: auto;
  width: 100%;
  padding: 4px 4px;
  border-bottom: 1px solid #e0e0e0;
}
.sra-wrapper .sra-container .sra-row {
  display: flex;
  flex-flow: row;
  margin-bottom: 4px;
}
.sra-wrapper .sra-container .sra-row .sra-group-by-cell {
  max-width: 95px;
  min-height: 95px;
  min-width: 90px;
  /*                font-size: 32px;*/
  font-size: 16px;
  color: #FFFFFF;
  background-color: #383954;
  vertical-align: top;
  padding: 4px;
  border-radius: 6px;
}
.sra-wrapper .sra-container .sra-row .sra-run-row {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  padding-left: 8px;
}
.sra-wrapper .sra-container .sra-row .sra-run-row dd-assignment {
  display: flex;
  flex-flow: column;
  height: 95px;
  min-width: 90px;
  margin-bottom: 2px;
  margin-right: 2px;
  vertical-align: top;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
}
.sra-wrapper .sra-container .sra-row .sra-run-row dd-assignment.over {
  border: 1px dashed #4a4a4a;
}
.sra-wrapper .sra-container .sra-row .sra-run-row dd-assignment.over.disabled {
  border: 1px dashed #ff0000;
}
.sra-wrapper .sra-container .sra-row .sra-run-row dd-assignment .dd-code {
  color: #4a4a4a;
  background-color: #cdcdcd;
  font-size: 24px;
  padding: 0px 4px;
}
.sra-wrapper .sra-container .sra-row .sra-run-row dd-assignment .dd-asset {
  display: flex;
  flex-flow: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.sra-wrapper .sra-asset-list-heading {
  display: flex;
  justify-content: space-between;
  line-height: 34px;
  padding: 0px 4px;
  font-weight: bold;
  color: #4a4a4a;
  background-color: #cccccc;
}
.sra-wrapper .sra-asset-list-container {
  height: 110px;
  overflow: auto;
  width: 100%;
}
.sra-wrapper .sra-asset-list-container.expanded {
  height: 45%;
}
.sra-wrapper .sra-asset-list-container .sra-asset-list {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  padding: 8px 4px;
}
.sra-wrapper .sra-asset-list-container .sra-asset-list dd-asset {
  margin-right: 6px;
  margin-bottom: 6px;
}
.sra-wrapper .dd-asset-item,
.sra-wrapper dd-asset {
  display: inline-block;
  border: 1px solid #cdcdcd;
  color: #FFFFFF;
  background-color: #383954;
  border-radius: 6px;
  padding: 4px;
}
.sra-wrapper .dd-asset-item.drag,
.sra-wrapper dd-asset.drag {
  opacity: 0.4;
}
.incident-queue-status-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  margin-right: 8px;
  line-height: 18px;
  vertical-align: middle;
}
.incident-queue-status-icon.active {
  background-color: #ff0000;
}
.incident-queue-status-icon.resolved {
  background-color: #1eb91e;
}
.incident-queue-status-icon.reopened {
  background-color: #ffa400;
}
.incident-activity-log {
  margin-top: 16px;
}
.incident-activity-log .incident-activity-log-table-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 518px);
  margin-top: 8px;
  background-color: white;
}
.incident-queue-action-list .list-group-item {
  padding-top: 2px;
  padding-bottom: 2px;
}
.alarm-event-sound-notifications-config p {
  padding-bottom: 24px;
}
.alarm-event-sound-notifications-config table .event-type-col {
  width: 140px;
}
.alarm-event-sound-notifications-config table .sound-col {
  width: 200px;
}
.alarm-event-sound-notifications-config table .sound-col select {
  width: 100%;
}
.alarm-event-sound-notifications-config table .sound-control-scalar {
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  width: 44px;
}
.alarm-event-sound-notifications-config table .sound-control-scalar.ng-invalid {
  border-color: red;
}
.alarm-event-sound-notifications-config table .sound-playback-controls button {
  border-radius: 100%;
  width: 24px;
  height: 24px;
  border: none;
  color: #282942;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
}
.alarm-event-sound-notifications-config table .sound-playback-controls button .tms-icon {
  font-size: inherit;
  line-height: inherit;
  vertical-align: initial;
}
.di-popover {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
}
.diversion-plan-editor {
  padding: 0;
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
  height: calc(100% + 8px);
}
.diversion-plan-editor .diversion-body {
  position: relative;
  height: 100%;
  width: 100%;
}
.diversion-plan-editor .diversion-body div[line-map] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.diversion-plan-editor .diversion-body diversion-blockage-area-editor {
  position: absolute;
  display: inline-block;
  top: 24px;
  left: 24px;
  padding: 8px;
  width: 360px;
  max-width: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
}
.diversion-plan-editor .diversion-body diversion-blockage-area-editor .btn-group .btn {
  min-width: 0px;
}
.diversion-plan-editor .diversion-body diversion-blockage-area-editor .btn-group .btn.active .tms-icon-btn {
  color: white;
}
.diversion-plan-editor .diversion-body diversion-blockage-area-editor .search-result {
  max-height: 206px;
  overflow-x: auto;
  margin: 15px 0px;
  padding: 0px 0px;
}
.diversion-plan-editor .diversion-body diversion-blockage-area-editor .search-result .list-group {
  margin: 0;
}
.diversion-plan-editor .diversion-body diversion-blockage-area-editor .search-result .list-group .list-group-item {
  text-align: center;
  line-height: 36px;
}
.diversion-plan-editor .diversion-body diversion-blockage-area-editor .display-route-flows-button {
  min-width: 0;
}
.diversion-plan-editor .diversion-body diversion-route-list {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 24px;
  left: 24px;
  max-width: none;
  align-items: stretch;
}
.diversion-plan-editor .diversion-body diversion-route-list.collapse {
  align-items: flex-start;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-filter {
  display: flex;
  flex-direction: row;
  min-width: 474px;
  padding: 8px;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-filter .di-list-filter-dropdown {
  margin-right: 4px;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-filter .di-list-filter-list-switch {
  display: flex;
  flex-flow: row;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  padding-right: 24px;
  font-weight: bold;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-filter .di-list-filter-search-container .search-box {
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-selection {
  border-top: 3px solid #c3c3c3;
  display: flex;
  flex-direction: row;
  min-width: 474px;
  padding: 8px;
  gap: 10px;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-selection button {
  font-size: 14px;
  padding: 4px 6px;
  width: 100px !important;
  height: 32px !important;
  min-width: auto !important;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-selection .di-list-selection-label {
  display: flex;
  flex-flow: row;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  font-weight: bold;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-multiple-segmentation {
  display: flex;
  flex-direction: row;
  min-width: 474px;
  padding: 8px;
  gap: 146px;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-multiple-segmentation button {
  font-size: 14px;
  padding: 4px 6px;
  width: 100px !important;
  height: 32px !important;
  min-width: auto !important;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-body .di-list-multiple-segmentation .di-list-selection-button {
  display: flex;
  flex-flow: row;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  font-weight: bold;
}
.diversion-plan-editor .diversion-body diversion-route-list .di-list-item-menu {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  margin-left: 4px;
  padding: 8px;
}
.diversion-plan-editor .diversion-body route-diversion-editor {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 24px;
  right: 42px;
  max-width: 424px;
  width: 424px;
  padding: 16px 8px;
  overflow: hidden;
  line-break: anywhere;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 3px #1f1f1f;
}
.diversion-plan-editor .diversion-body route-diversion-editor .blockage-area-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0px;
  margin: 8px 0px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}
.diversion-plan-editor .diversion-body route-diversion-editor .blockage-stops-waypoint-list > select {
  margin: 4px 0px;
}
.diversion-plan-editor .diversion-body route-diversion-editor .blockage-manual-route-geometry-editing {
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 10px;
}
.diversion-plan-editor .diversion-body route-diversion-editor .blockage-manual-route-geometry-editing .btn-group {
  margin-bottom: 10px;
}
.diversion-plan-editor .diversion-body route-diversion-editor .route-diversion-editor-body {
  margin-top: 8px;
}
.diversion-plan-editor .diversion-body route-diversion-editor .route-diversion-editor-body .list-group {
  max-height: 237px;
  overflow: scroll;
  margin-bottom: 0px;
}
.diversion-plan-editor .diversion-body route-diversion-editor .route-diversion-editor-body .list-group .list-group-item {
  display: flex;
  align-items: center;
}
.diversion-plan-editor .diversion-body route-diversion-editor .route-diversion-editor-body .list-group .list-group-item .waypoint-badge {
  display: inline-block;
  line-height: 20px;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  vertical-align: central;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin-right: 6px;
  background: #000;
  color: #fff;
}
.diversion-plan-editor .diversion-body route-diversion-editor .route-diversion-editor-body .list-group .list-group-item .icon-close {
  cursor: pointer;
}
.diversion-plan-editor .diversion-body route-diversion-editor .route-diversion-editor-footer {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid #c3c3c3;
}
.diversion-plan-editor .diversion-body route-diversion-editor .route-diversion-editor-footer dl.dl-horizontal dt {
  text-align: left;
  width: auto;
}
.diversion-plan-editor .diversion-body route-diversion-editor .route-diversion-editor-footer dl.dl-horizontal dd {
  float: left;
  margin-left: 0;
  padding-left: 8px;
}
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-manage-stops .manage-stops-title {
  font-weight: bold;
  padding: 8px 0px;
}
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-stop-list {
  display: flex;
  flex-flow: column;
}
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-stop-list .sl-body {
  max-height: 50vh;
  overflow: auto;
}
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-stop-list .sl-body table tr td {
  vertical-align: middle;
  cursor: pointer;
}
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-stop-list .sl-body .diversion-stop-status {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  border: 2px solid;
  font-weight: bold;
  font-size: 14px;
}
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-stop-list .sl-body .diversion-stop-status.diversion_start,
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-stop-list .sl-body .diversion-stop-status.diversion_end {
  background: #fff !important;
  border-color: #000;
}
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-stop-list .sl-body .diversion-stop-status.suspended {
  background: #7a7a7a !important;
  color: #fff;
  border-color: #000;
}
.diversion-plan-editor .diversion-body route-diversion-editor route-diversion-editor-stop-list .sl-body .diversion-stop-status.blocked {
  background: #fc2601 !important;
  color: #fff;
  border-color: #000;
}
.diversion-plan-editor .di-instructions {
  font-style: italic;
  margin-bottom: 8px;
}
.diversion-overview .di-panel {
  margin: 16px;
}
.diversion-overview .di-panel .di-panel-heading {
  display: flex;
  align-items: center;
  color: #605857;
  font-weight: bold;
  margin: 16px 0px;
  font-size: 16px;
}
.diversion-overview .di-panel .di-panel-body {
  display: flex;
  flex-flow: column;
  justify-content: center;
  background-color: #fff;
  border-radius: 11px;
  min-height: 60px;
  padding: 16px 24px;
}
.diversion-overview .di-panel .di-panel-body.row {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}
.diversion-overview .di-panel .di-panel-body .di-description-list {
  display: flex;
  flex-flow: row;
}
.diversion-overview .di-panel .di-panel-body .di-description-list .di-description-list-column {
  display: flex;
  flex-flow: row;
  margin-right: 24px;
}
.diversion-overview .di-panel .di-panel-body .di-description-list .di-description-list-column .di-description-list-item {
  display: flex;
  flex-flow: column;
  margin-bottom: 8px;
  margin-right: 16px;
  justify-content: space-between;
  height: 52px;
}
.diversion-overview .di-panel .di-panel-body .di-description-list .di-description-list-column .di-description-list-item .di-description-list-item-title {
  font-weight: bold;
}
.diversion-overview .di-panel .di-panel-body .di-description-list .di-description-list-column .di-description-list-item .di-description-list-item-value {
  display: flex;
  align-items: center;
  justify-content: start;
}
.diversion-overview .di-panel .di-panel-body .di-completion-status-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 24px;
  border: 1px #b3a992 solid;
  margin-right: 8px;
}
.diversion-overview .di-panel .di-panel-body .di-completion-status-icon.complete {
  background-color: #b2d141;
}
.diversion-overview .di-panel .di-panel-body .di-completion-status-icon.incomplete {
  background-color: #f5b124;
}
.diversion-overview .di-panel.blockage-areas-and-routes .di-panel-body {
  align-items: start;
}
.diversion-overview .di-panel.blockage-areas-and-routes .di-panel-body .list-wrapper {
  flex: 1;
  height: 50vh;
  padding: 0px 16px;
}
.diversion-overview .di-panel.blockage-areas-and-routes .di-panel-body .list-wrapper .di-list {
  border: 1px solid #c3c3c3;
  height: 401px;
  width: 100%;
}
.diversion-overview .di-panel.blockage-areas-and-routes .di-panel-body .map-wrapper {
  position: relative;
  height: 50vh;
  flex: 1.5;
  margin-left: 32px;
}
.diversion-overview button.list-group-item {
  width: 100%;
  text-align: left;
}
.diversion-overview button.list-group-item.active {
  background: #0C1C34;
  color: #ffffff;
}
.di-list {
  max-height: 400px;
  overflow-y: scroll;
  border-top: 3px solid #c3c3c3;
}
.di-list .di-list-item {
  display: flex;
  flex-direction: row;
  padding: 8px;
  border-bottom: 1px solid #c3c3c3;
}
.di-list .di-list-item:hover {
  cursor: pointer;
}
.di-list .di-list-item.active {
  background: #0C1C34;
  color: #ffffff;
}
.di-list .di-list-item.active .di-list-item-route-status {
  color: #ffffff !important;
}
.di-list .di-list-item.not-affected {
  color: #c3c3c3;
}
.di-list .di-list-item.not-affected .di-list-item-route-status {
  color: #c3c3c3;
}
.di-list .di-list-item .di-list-item-route-name {
  display: flex;
  align-items: center;
  min-width: 44px;
  font-size: 16px;
  font-weight: bold;
  margin-right: 16px;
}
.di-list .di-list-item .di-list-item-checkbox {
  display: flex;
  align-items: center;
  padding: 5px;
  margin-right: 16px;
}
.di-list .di-list-item .di-list-item-checkbox label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.di-list .di-list-item .di-list-item-checkbox input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  cursor: pointer;
  border: 3px solid #333;
  border-radius: 3px;
}
.di-list .di-list-item .di-list-item-checkbox input[type="checkbox"]:hover {
  border-color: #0056b3;
  background-color: #f0f8ff;
}
.di-list .di-list-item .di-list-item-checkbox input[type="checkbox"]:active {
  background-color: #007bff;
  border-color: #0056b3;
}
.di-list .di-list-item .di-list-item-checkbox input[type="checkbox"]:checked {
  background-color: #007bff;
  border-color: #007bff;
}
.di-list .di-list-item .di-list-item-route-destination-variant {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.di-list .di-list-item .di-list-item-route-destination-variant .di-list-item-route-destination {
  font-weight: bold;
}
.di-list .di-list-item .di-list-item-route-status {
  display: flex;
  align-items: center;
  color: #c3c3c3;
  font-weight: bold;
}
.di-list .di-list-item .di-list-item-route-status.handled {
  color: #333333;
}
.di-list .di-list-item .di-list-item-menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
}
.di-list .di-list-item .di-list-item-menu-toggle h4 {
  margin-bottom: 8px;
}
.di-list-edit-mode-button {
  padding: 8px;
  margin-left: 4px;
}
.di-list-edit-mode-button button {
  background: white !important;
  border: 1px;
}
.diversion-popup .diversion-popup-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.diversion-popup .diversion-popup-header .popup-title {
  white-space: nowrap;
  font-weight: bold;
}
.diversion-popup .diversion-popup-body {
  display: flex;
  flex-flow: column;
  padding: 8px;
}
.diversion-popup .diversion-popup-body > .btn {
  margin-bottom: 8px;
}
.diversion-popup .diversion-popup-body > .btn:last-child {
  margin-bottom: 0px;
}
diversion-activity-period {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
diversion-activity-period .diversion-ap-reason {
  font-weight: bold;
  min-width: 164px;
}
diversion-activity-period .diversion-ap-datetime {
  display: flex;
}
diversion-activity-period .diversion-ap-datetime .diversion-ap-date {
  font-weight: bold;
}
diversion-activity-period .diversion-ap-datetime .diversion-ap-time {
  padding-left: 8px;
}
diversion-activity-period .diversion-ap-space {
  flex: 1;
}
diversion-activity-period .diversion-ap-actions .action:hover {
  color: #0C1C34;
  cursor: pointer;
}
.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.language-switch-holder {
  position: relative;
}
.language-switch-holder > .control-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.language-switch-holder > .control-label .tms-icon {
  font-size: 26px;
}
.language-switch-holder > .control-label:hover {
  color: #54578b;
}
.apexcharts-rangebar-area {
  cursor: pointer;
}
.dispatch-details-summary-statuses {
  order: 5;
  display: flex;
  flex-direction: row;
  margin-left: 10%;
  margin-right: 10%;
}
.dispatch-details-summary-statuses div {
  margin-left: 20px;
  margin-right: 20px;
}
.dispatch-details-summary-statuses-number {
  font-size: 22px;
  margin-right: 5px;
  margin-left: 5px;
}
.dispatch-details-summary-statuses-text {
  font-size: 18px;
}
.dispatch-details-summary-table {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 14px;
  width: 100%;
}
.dispatch-details-summary-table th {
  background: #F6F6F6;
  padding-left: 1%;
  padding-right: 1%;
  border: 1px solid gray;
  font-size: 14px;
}
.dispatch-details-summary-table td {
  border-bottom: 1px solid gray;
  border-right: 0.5px solid gray;
  border-top: 1px solid gray;
  border-left: 0.5px solid gray;
  vertical-align: middle;
  font-size: 14px;
  padding-left: 1%;
  padding-right: 1%;
  min-width: 100px;
  height: 55px;
}
.dispatch-details-summary-table .dispatch-details-summary-table-status {
  width: 5%;
  max-width: 5%;
}
.dispatch-details-summary-table .dispatch-details-summary-table-rdv {
  width: 15%;
  max-width: 15%;
}
.dispatch-details-summary-table .dispatch-details-summary-table-sa {
  width: 10%;
  max-width: 10%;
  text-align: center;
}
.dispatch-details-summary-table .dispatch-details-summary-table-canvas-holder {
  width: 100%;
  max-width: 100%;
}
.dispatch-details-summary-table .dispatch-details-summary-table-menu {
  text-align: center;
}
.dispatch-details-summary-table .dispatch-details-summary-table-menu .dispatch-details-summary-table-menu-parent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  padding-left: 25px;
  padding-right: 25px;
}
.dispatch-details-summary-table .dispatch-details-summary-table-menu .dispatch-details-summary-table-menu-parent .dropdown-menu > li {
  text-align: start;
}
.dispatch-details-div-holder {
  margin-left: 1%;
  margin-right: 1%;
  padding-bottom: 10px;
}
.dispatch-details-div-holder .dispatch-details-key {
  background: #F6F6F6;
  padding: 1%;
  font-size: 18px;
}
.dispatch-trip-timeline-cell-holder {
  position: relative;
}
.dispatch-trip-timeline-cell-holder .dispatch-trip-timeline-preloader {
  border: 8px solid #f3f3f3;
  /* Light grey */
  border-top: 8px solid #282942;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  margin-right: 50%;
  margin-left: 50%;
  overflow: visible;
  margin-bottom: auto;
  z-index: 9;
  position: absolute;
}
.dispatch-occurrence-cell {
  font-weight: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.dispatch-occurrence-cell .dispatch-occurrence-cell-underlined {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
.dispatch-grid-assign-parent {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.dispatch-grid-assign-parent button {
  cursor: pointer;
  padding: 0;
}
.dispatch-grid-assign-parent .dispatch-grid-assign-assigned {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.dispatch-grid-assign-parent [ng-click] {
  cursor: pointer;
}
.dispatch-grid-assign-parent .dispatch-multiple-or-one-assignment-multiple {
  background-color: lightgrey;
}
.dispatch-assign-subtitle {
  display: flex;
  flex-flow: row;
  font-size: 18px;
  width: 100% !important;
}
.dispatch-assign-subtitle .dispatch-assign-subtitle-code {
  width: 100%;
  flex-basis: 50%;
}
.dispatch-assign-unique-count {
  padding: 1em;
  flex-flow: row;
  font-size: 18px;
}
.dispatch-unassigned-count {
  color: red;
  margin-right: 5px;
  font-size: 18px;
}
.dispatch-unique-key-holder {
  padding-bottom: 5px;
  padding-top: 5px;
  flex-flow: row;
}
.dispatch-unique-key-count {
  display: flex;
  margin-bottom: 10px;
  font-size: 18px;
}
.dispatch-unique-key-number {
  width: 50%;
}
.dispatch-unique-key-list {
  margin-right: 1em;
  white-space: nowrap;
}
.dispatch-unassigned-count {
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
}
.dispatch-details-summary-header-holder {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-left: 1%;
  margin-right: 1%;
}
.dispatch-details-summary-header-holder .dispatch-details-summary-header {
  display: flex;
  flex-direction: row;
  padding-top: 1%;
  padding-bottom: 1%;
  width: 100%;
  font-size: 22px;
}
.dispatch-details-summary-header-holder .dispatch-details-summary-disclaimer {
  background-color: #B30000;
  color: white;
  padding: 0 25px;
  border-radius: 12.5px;
  white-space: nowrap;
}
.dispatch-assign-subtitle-parent {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.dispatch-assign-subtitle-parent .dispatch-assign-summary-text {
  width: 100%;
  font-size: 18px;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent {
  display: flex;
  flex-direction: column;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs {
  margin-bottom: 10px;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs .dispatch-picker-tab .dispatch-picker-tab-button {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                          not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          not supported by any browser */
  cursor: default;
  color: #333333;
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  background: none;
  height: auto;
  line-height: auto;
  padding: 0 10%;
  cursor: pointer;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs .dispatch-picker-tab .dispatch-picker-tab-button:focus {
  outline: none !important;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs .dispatch-picker-tab .dispatch-picker-tab-button:hover {
  border-color: #cecece;
  color: #54578b;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs .dispatch-picker-tab .dispatch-picker-tab-button.litui-active {
  background: #54578b;
  color: #FFF;
  border: 1px solid #54578b;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs .dispatch-picker-tab .dispatch-picker-tab-button.litui-active:hover {
  border-color: #54578b;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs .dispatch-picker-tab .dispatch-picker-tab-button:disabled {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs .dispatch-picker-tab .dispatch-picker-tab-button:disabled:hover {
  background: #E1E4E8 !important;
  color: #A1A1A1 !important;
  border-color: #A1A1A1 !important;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-picker-tabs .dispatch-picker-tab .dispatch-picker-tab-button.focus {
  border-bottom: 2px solid black;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-tasked-picker-parent {
  width: 100% !important;
  vertical-align: central;
  display: flex;
  flex-direction: row;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-tasked-picker-parent .dispatch-tasked-picker {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 65%;
  max-width: 65%;
  width: 65%;
  min-width: 65%;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-tasked-picker-parent .dispatch-tasked-picker .ui-select-match .btn {
  padding: 0 !important;
  color: black;
  display: flex;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-tasked-picker-parent .dispatch-tasked-picker .ui-select-match .ui-select-match-text span {
  display: flex;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  overflow: auto;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-tasked-picker-parent .dispatch-tasked-picker .ui-select-match .ui-select-match-text span [dir=rtl] {
  padding-left: 0;
  padding-right: 10px;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-tasked-picker-parent .dispatch-tasked-picker .ui-select-match .ui-select-placeholder {
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-tasked-picker-parent .dispatch-tasked-picker .ui-select-match .ui-select-placeholder [dir=rtl] {
  padding-left: 0;
  padding-right: 10px;
}
.dispatch-assign-subtitle-parent .dispatch-selection-parent .dispatch-tasked-picker-parent button {
  overflow: hidden;
  width: 35%;
  max-width: 35%;
  min-width: 35%;
  cursor: pointer;
}
.dispatch-tasked-bus-parent {
  width: 600px !important;
  max-width: fit-content;
  min-width: 300px;
}
.dispatch-tasked-bus-parent .dispatch-tasked-bus-selector {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  padding-right: 5px;
}
.dispatch-tasked-bus-parent .dispatch-tasked-bus-selector .dispatch-tasked-bus-tasks {
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
}
.dispatch-tasked-bus-parent .dispatch-tasked-bus-selector .dispatch-tasked-bus-info {
  display: flex;
  flex-direction: row;
}
.dispatch-tasked-bus-parent .dispatch-tasked-bus-selector .dispatch-tasked-bus-info .dispatch-tasked-bus-bus {
  max-width: 80%;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.dispatch-tasked-bus-parent .dispatch-tasked-bus-selector .dispatch-tasked-bus-info .dispatch-tasked-bus-tripcount {
  align-self: flex-end;
  margin-left: auto;
  font-size: 10px;
  font-weight: normal;
}
.dispatch-tasked-bus-parent .dispatch-tasked-bus-selector .dispatch-tasked-bus-info .dispatch-tasked-bus-tripcount [dir=rtl] {
  align-self: flex-end;
  margin-right: auto;
}
.dispatch-selection-count {
  width: 100%;
  align-self: center;
}
.dispatch-assign-tooltip .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.modal-trip-progress-status-details-size {
  width: 500px;
}
.dispatch-trip-progress-details-table {
  margin-bottom: 0px;
  vertical-align: middle;
}
.dispatch-trip-progress-details-table .tms-icon {
  /*        width: 5px !important;*/
  font-size: 36px !important;
  color: #54578b;
}
.dispatch-trip-progress-details-table thead tr th {
  background-color: #e4e4e4;
}
.dispatch-trip-progress-details-table th {
  max-width: 40%;
  min-width: 40%;
  width: 40%;
  padding: 0 !important;
}
.dispatch-trip-progress-details-table th:first-child {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
  text-align: center;
}
.dispatch-trip-progress-details-table tr {
  padding: 0;
}
.dispatch-trip-progress-details-table tr:nth-child(even) {
  background-color: white;
}
.dispatch-trip-progress-details-table tr:nth-child(odd) {
  background-color: #F6F6F6;
}
.dispatch-details-canvas {
  padding-top: 5px;
  padding-bottom: 5px;
}
.dispatch-trip-progress-details-popup .dispatch-trip-progress-details-status {
  width: 100%;
  background-color: #e4e4e4;
  font-weight: bold;
  padding: 9px 36px;
}
.dispatch-trip-progress-details-popup .dispatch-trip-progress-details-rdv {
  padding: 5px 36px;
  overflow-wrap: anywhere;
}
.dispatch-trip-progress-details-popup .dispatch-trip-progress-details-rdv label {
  font-weight: bold;
}
.dispatch-trip-progress-details-popup .dispatch-trip-progress-details-header .tms-icon {
  font-size: 36px;
}
.dispatch-trip-progress-details-popup .open > .dropdown-menu {
  width: max-content;
}
.dispatch-trip-progress-details-popup .open > .dropdown-menu li {
  padding-right: 10px;
  padding-left: 10px;
}
/*Scheduled width, border color and actual width and left+right margins may be overriden by ng-style*/
.dispatch-trip-progress-details-parent {
  width: 100%;
  max-height: 100%;
  min-width: 100%;
  overflow: hidden;
  font-size: 12px;
}
.dispatch-trip-progress-details-parent .dispatch-trip-progress-details-holder {
  width: 100%;
  height: 100%;
  min-height: 40px;
  min-width: 55%;
  max-width: 100%;
  padding: 15px;
}
.dispatch-trip-progress-details-parent .dispatch-trip-progress-details-holder .dispatch-trip-progress-details-chart {
  margin-left: 12px;
  margin-right: 12px;
}
.dispatch-trip-progress-details-parent .dispatch-trip-progress-details-holder .dispatch-trip-progress-details-chart .dispatch-trip-progress-details-scheduled {
  border-style: dashed;
  min-height: 25px;
  height: 30px;
  min-width: 55%;
  margin-left: 10%;
  padding-bottom: 5px;
  padding-top: 5px;
  max-width: 100%;
}
.dispatch-trip-progress-details-parent .dispatch-trip-progress-details-holder .dispatch-trip-progress-details-chart .dispatch-trip-progress-details-scheduled [dir=rtl] {
  margin-left: 0;
  margin-right: 10%;
}
.dispatch-trip-progress-details-parent .dispatch-trip-progress-details-holder .dispatch-trip-progress-details-chart .dispatch-trip-progress-details-scheduled .dispatch-trip-progress-details-actual {
  height: 100%;
  max-width: unset;
}
.dispatch-trip-progress-details-parent .dispatch-trip-progress-details-holder .dispatch-trip-progress-details-text-holder {
  display: inline-flex;
  width: 70%;
  justify-content: space-between;
  margin-left: 10%;
}
.dispatch-trip-progress-details-parent .dispatch-trip-progress-details-holder .dispatch-trip-progress-details-text-holder [dir=rtl] {
  margin-left: 0;
  margin-right: 10%;
}
.dispatch-assign-multiple-subtitle-parent {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-subtitle {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-subtitle .dispatch-assign-multiple-interval {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-subtitle .dispatch-assign-multiple-interval .dispatch-assign-multiple-input-interval {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  gap: 10%;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-subtitle .dispatch-assign-multiple-interval .dispatch-assign-multiple-input-interval span {
  width: 15%;
  max-width: 20%;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-subtitle .dispatch-assign-multiple-dropdown-parent {
  padding-bottom: 10px;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-subtitle .dispatch-assign-multiple-dropdown-parent .dispatch-assign-multiple-dropdown {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  gap: 10%;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-subtitle .dispatch-assign-multiple-dropdown-parent .dispatch-assign-multiple-dropdown span {
  width: 15%;
  max-width: 20%;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-subtitle .dispatch-assign-multiple-dropdown-parent .dispatch-assign-multiple-dropdown select {
  width: 50%;
  max-width: 50%;
}
.dispatch-assign-multiple-subtitle-parent .dispatch-assign-multiple-selection-count {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.dispatch-assign-multiple-grid-tab-parent ul.nav.nav-tabs li a {
  margin: 0px 20px;
}
.dispatch-assign-trip-duty-run-assignment-table {
  height: 300px;
  min-height: 300px;
}
.dispatch-assign-trip-duty-run-assignment-table .table-header-selection {
  max-width: 30%;
  min-width: 20%;
}
.dispatch-assign-trip-duty-run-assignment-table .dispatch-trip-thin-ui-picker-container .ui-select-choices {
  max-height: 150px;
}
.dispatch-assign-trip-duty-run-assignment-table .dispatch-trip-thin-ui-picker-container .ui-select-choices.ui-select-choices.trip-add-multiple-reverse-dropdown {
  top: -150px;
}
.occurrence-queue-details {
  overflow: scroll;
  /*height: ~"calc(100vh - 25px)";*/
}
.occurrence-queue-details table.occurrence-table {
  border-collapse: unset !important;
  border-radius: 4px;
  margin-top: 5px;
  background-color: white;
  border: 1px solid #cdcdcd;
}
.occurrence-queue-details table.occurrence-table th {
  color: #5f5f5f;
  font-weight: normal;
  border: none !important;
  width: 40%;
}
.occurrence-queue-details table.occurrence-table td {
  border: none !important;
  width: 60%;
  font-weight: bold;
}
.occurrence-queue-details .occurrence-icon-change-state {
  cursor: pointer;
}
.occurrence-queue-details .occurrence-icon-change-state:hover {
  color: white;
  background-color: #383954;
  border-radius: 6px;
}
.occurrence-queue-details .occurrence-type-info-table-wraper {
  background-color: white !important;
  width: 100%;
  border-radius: 4px;
  border-bottom: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
}
.occurrence-queue-details .occurrence-type-info-table-wraper .occurrence-type-info-table {
  display: flex;
}
.occurrence-queue-details .occurrence-type-info-table-wraper .occurrence-type-info-table .occurrence-type-info-row {
  flex: 1;
  display: flex;
}
.occurrence-queue-details .occurrence-type-info-table-wraper .occurrence-type-info-table .occurrence-type-info-row:last-of-type {
  flex-flow: wrap;
}
.occurrence-queue-details .occurrence-type-info-table-wraper .occurrence-type-info-table .occurrence-type-info-row .rowspan2 {
  flex: 1 1 100%;
}
.occurrence-queue-details .occurrence-type-info-table-wraper .occurrence-type-info-table .occurrence-type-info {
  border-top: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  padding: 2px;
  flex: 1 50%;
}
.occurrence-queue-details .occurrence-type-info-table-wraper .occurrence-type-info-table .occurrence-type-info .occurrence-type-info-header {
  color: #5f5f5f;
  padding: 2px;
}
.occurrence-queue-details .occurrence-type-info-table-wraper .occurrence-type-info-table .occurrence-type-info .occurrence-type-info-text {
  padding: 2px;
  text-transform: uppercase;
  font-weight: bold;
}
.occurrence-queue-details .occurrence-panel-info {
  background-color: #E0E0E0 !important;
  align-content: space-between;
  justify-content: space-between;
}
.occurrence-queue-details refresh-button {
  height: 36px;
  width: 36px;
  margin-top: 1px;
  margin-right: 6px;
}
.occurrence-queue-details refresh-button .refresh-btn {
  background-color: transparent;
}
.occurrence-queue-details refresh-button .refresh-btn:hover {
  background-color: rgba(56, 57, 84, 0.1);
  border-radius: 6px;
}
.occurrence-queue-status-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  margin-right: 8px;
  line-height: 18px;
  vertical-align: middle;
}
.occurrence-queue-status-icon.active {
  background-color: #ff0000;
}
.occurrence-queue-status-icon.resolved {
  background-color: #1eb91e;
}
.occurrence-queue-status-icon.reopened {
  background-color: #ffa400;
}
.occurrence-activity-log {
  margin-top: 16px;
  padding-left: 5px;
  padding-right: 10px;
}
.occurrence-activity-log .occurrence-activity-log-table-wrapper {
  margin-top: 5px;
  border: 1px solid #cdcdcd;
}
.occurrence-activity-log .occurrence-activity-log-table-body {
  overflow-y: auto;
  max-height: calc(100vh - 518px);
}
.occurrence-queue-action-list {
  display: contents;
}
.occurrence-queue-action-list .occurrence-action-list-group-item {
  background-color: white !important;
  margin-bottom: 2px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  text-transform: uppercase;
}
.occurrence-queue-action-list .occurrence-action-list-group-item .action-type {
  padding-top: 10px;
  padding-left: 3px;
  padding-right: 3px;
}
.occurrence-queue-action-list .occurrence-action-list-group-item:hover {
  color: white;
  background-color: #383954 !important;
}
.occurrence-map-info {
  margin-right: 15px;
}
.occurrence-map-info .occurrence-map {
  display: inline-block;
  text-align: center;
  vertical-align: central;
  width: 450px;
  height: 350px;
}
@media screen and (max-width: 1499px) {
  .occurrence-queue-action-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .occurrence-queue-action-list .occurrence-action-list-group-item {
    flex: 0 1 24%;
    min-width: 200px;
    margin-right: 5px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1500px) {
  .occurrence-map-info .occurrence-map {
    display: inline-block;
    text-align: center;
    vertical-align: central;
    width: 650px;
    height: 350px;
  }
}
.occurrence-queue-static-action-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: 450px;
  margin-bottom: 15px;
}
.occurrence-queue-static-action-list .occurrence-static-action-list-group-item {
  background-color: white !important;
  margin-bottom: 2px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  text-transform: uppercase;
  flex: 0 1 32%;
  min-width: 120px;
  margin-right: 5px;
  margin-bottom: 8px;
}
.occurrence-queue-static-action-list .occurrence-static-action-list-group-item .static-action-type {
  padding-top: 10px;
  padding-left: 3px;
  padding-right: 3px;
}
.occurrence-queue-static-action-list .occurrence-static-action-list-group-item:hover {
  background-color: #cdcdcd !important;
}
.occurrence-add .btn {
  min-width: 96px !important;
}
.occurrence-icon {
  display: inline;
}
.occurrence-icon .litui-icon {
  width: 36px;
}
.occurrence-severity-notification-low-bg {
  background-color: white;
  box-shadow: 0px 0px 0px 9px #bbdefb inset;
}
.occurrence-severity-low {
  color: #CFCDCD;
}
.occurrence-severity-medium {
  color: #05A2E7;
}
.occurrence-severity-high {
  color: #FF8200;
}
.occurrence-severity-critical {
  color: #FF0000;
}
.occurrence-severity-low-bg {
  background-color: #CFCDCD;
}
.occurrence-severity-medium-bg {
  background-color: #05A2E7;
}
.occurrence-severity-high-bg {
  background-color: #FF8200;
}
.occurrence-severity-critical-bg {
  background-color: #FF0000;
}
.occurrence-notification-info {
  padding: 1px 3px 1px 3px;
  display: table;
  left: 16px;
  bottom: 33px;
  font-weight: bold;
  text-align: center;
  background: #B30000;
  color: white;
  position: relative;
  font-size: 14px;
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  -moz-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  -o-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  -webkit-box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
  box-shadow: 0 0 2px #888888 2px 3px #1f1f1f;
}
.occurrence-popup-tabs .occurrence-popup-tabs-heading {
  display: flex;
  background-color: #e4e4e4;
  white-space: nowrap;
  border-top: 1px solid #cdcdcd !important;
  border-right: 1px solid #cdcdcd !important;
  border-radius: 4px;
}
.occurrence-popup-tabs .occurrence-popup-tabs-heading button {
  flex: 1;
  border: 0;
  border-left: 1px solid #cdcdcd !important;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0);
  color: #757575;
}
.occurrence-popup-tabs .occurrence-popup-tabs-heading button.active {
  background-color: #cdcdcd;
  color: #000000;
  font-weight: bold;
}
[dir=rtl] .occurrence-notification-info {
  left: 0px !important;
  right: 16px !important;
}
.grid-link-item > a {
  color: #383954;
}
.grid-link-item > a:hover {
  font-weight: bold;
}
.stopontrip-dashboard-timepicker {
  float: left;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 10px;
  max-width: 175px;
  max-height: 50px;
}
.stopontrip-dashboard-timepicker .btn {
  height: inherit;
  min-width: 10px;
  border: none;
  margin: initial;
  padding: initial;
  font-size: 10px;
}
.stopontrip-dashboard-timepicker .btn .glyphicon {
  top: 0;
}
.edit-stopontrip-dashboard-summary-holder {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  background-color: #FAFAFA;
  padding-top: 2%;
  padding-bottom: 2%;
  gap: 20px;
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  border-bottom-color: #bfbfbf;
}
.edit-stopontrip-dashboard-summary-holder .edit-stopontrip-dashboard-summary-column {
  display: flex;
  flex-direction: column;
  align-self: baseline;
}
.edit-stopontrip-dashboard-summary-holder .edit-stopontrip-dashboard-summary-column .edit-stopontrip-dashboard-summary-holder-tag {
  color: #797979;
  font-size: 12px;
}
.edit-stopontrip-dashboard-summary-holder .edit-stopontrip-dashboard-summary-column .edit-stopontrip-dashboard-summary-holder-value {
  font-size: 14px;
}
.edit-stopontrip-dashboard-warning-holder {
  background-color: #F3F0CB;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding-top: 10px;
}
.edit-stopontrip-dashboard-warning-holder .edit-stopontrip-dashboard-warning-text {
  display: flex;
  flex-direction: column;
}
.edit-stopontrip-dashboard-warning-holder .edit-stopontrip-dashboard-warning-text .span {
  color: #FD1713;
  font-size: 18px;
}
.edit-stopontrip-dashboard-warning-holder .edit-stopontrip-dashboard-warning-checkbox {
  display: flex;
  flex-direction: row;
}
.edit-stopontrip-dashboard-warning-holder .edit-stopontrip-dashboard-warning-checkbox .checkbox {
  margin-right: 10px;
}
.edit-stopontrip-dashboard-checkbox-holder {
  background-color: #FAFAFA;
  padding-top: 10px;
}
.duty-and-run-shift-holder {
  display: flex;
  flex-direction: row;
  padding: 2%;
  align-items: baseline;
  background-color: #F3F0CB;
}
.duty-and-run-shift-holder .duty-and-run-shift-checkbox-holder .label {
  padding-left: 5px;
  padding-right: 5px;
}
.duty-and-run-shift-holder .duty-and-run-shift-time {
  height: 100%;
  padding-right: 20px;
  max-width: 50%;
}
.duty-and-run-shift-holder .duty-and-run-shift-time [dir=rtl] {
  padding-left: 20px;
  padding-right: 0%;
}
.edit-stopontrip-dashboard-overlap {
  background: #ff0000;
  padding: 2%;
  display: flex;
  flex-direction: column;
}
.edit-stopontrip-overlap-preloader {
  border: 8px solid #f3f3f3;
  /* Light grey */
  border-top: 8px solid #282942;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  margin-right: 50%;
  margin-left: 50%;
}
.dispatch-incrementor {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-around;
}
.dispatch-incrementor input::-webkit-outer-spin-button,
.dispatch-incrementor input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dispatch-incrementor input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
.dispatch-incrementor .incrementor-button {
  background-color: #0C1C34;
  border-radius: 50%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  margin: auto;
  color: white;
}
.dispatch-incrementor .incrementor-button .tms-icon {
  font-size: 24px;
}
.dispatch-incrementor .dispatch-incrementor-input {
  width: 40%;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
.dispatch-incrementor .increment {
  margin-left: 0;
}
.dispatch-incrementor .increment [dir=rtl] {
  margin-right: 0;
  margin-left: auto;
}
.dispatch-incrementor .decrement {
  margin-right: 0;
  margin-left: 0;
}
system-functionality-editor {
  display: flex;
  flex-flow: column;
}
system-functionality-editor .functionality-section-header {
  padding: 8px 16px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #FFFFFF;
  width: calc(100% + 16px);
  margin-left: -8px;
}
system-functionality-editor system-functionality-editor-module-list {
  margin-bottom: 16px;
}
system-functionality-editor system-functionality-editor-module-list .functionality-module-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  overflow-y: auto;
  height: 112px;
  padding: 0px 16px;
  padding-right: 8px;
}
system-functionality-editor system-functionality-editor-module-list .functionality-module-list .functionality-module-list-item {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: calc(25% - 8px);
  padding: 8px;
  margin-bottom: 8px;
  margin-right: 8px;
  border: 1px solid #cdcdcd;
  background-color: #FFFFFF;
  border-radius: 6px;
}
system-functionality-editor .functionality-nodes-editor system-functionality-editor-breadcrumb {
  display: flex;
  flex-flow: column;
  padding: 0px 16px;
}
system-functionality-editor .functionality-nodes-editor system-functionality-editor-breadcrumb .breadcrumb {
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  margin-bottom: 8px;
}
system-functionality-editor .functionality-nodes-editor system-functionality-editor-breadcrumb .breadcrumb li {
  font-weight: bold;
  font-size: 16px;
}
system-functionality-editor .functionality-nodes-editor system-functionality-editor-breadcrumb .breadcrumb li.link {
  color: #0C1C34;
  cursor: pointer;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes {
  height: calc(100vh - 402px);
  overflow-y: auto;
  padding: 8px 16px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node {
  display: flex;
  flex-direction: column;
  border: 1px solid #cdcdcd;
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 16px;
  margin-top: 16px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-heading {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 16px;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 16px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-heading .functionality-editor-node-heading-title {
  font-weight: bold;
  font-size: 18px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-heading.dirty {
  background-color: #edf2fc;
  border-radius: 6px;
  padding: 12px;
  align-items: center;
  border: 1px solid #cdcdcd;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body {
  display: flex;
  flex-direction: column;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-data-list .functionality-editor-node-list-title,
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-action-list .functionality-editor-node-list-title {
  font-weight: bold;
  margin-bottom: 8px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-data-list .functionality-editor-node-list,
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-action-list .functionality-editor-node-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  line-height: 28px;
  margin-left: 16px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-data-list .functionality-editor-node-list .functionality-editor-node-list-item,
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-action-list .functionality-editor-node-list .functionality-editor-node-list-item {
  width: calc(33% - 8px);
  white-space: nowrap;
  padding-right: 8px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-data-list .functionality-editor-node-list .functionality-editor-node-list-item.dirty label,
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-action-list .functionality-editor-node-list .functionality-editor-node-list-item.dirty label {
  font-weight: bold;
  /*color: @interactionColor;*/
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-data-list .functionality-editor-node-list .functionality-editor-node-list-item.dirty label.inactive .text,
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-action-list .functionality-editor-node-list .functionality-editor-node-list-item.dirty label.inactive .text {
  text-decoration: line-through;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node .functionality-editor-node-body .functionality-editor-node-action-list {
  margin-top: 24px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node-list {
  display: flex;
  flex-flow: column;
  background-color: #FFFFFF;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node-list .functionality-editor-node-list-item {
  display: flex;
  flex-flow: row;
  align-items: center;
  border-bottom: 1px solid #cdcdcd;
  padding: 8px 15px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node-list .functionality-editor-node-list-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node-list .functionality-editor-node-list-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node-list .functionality-editor-node-list-item a {
  font-weight: bold;
}
system-functionality-editor .functionality-nodes-editor .functionality-nodes system-functionality-editor-node-list .functionality-editor-node-list-item.dirty {
  background-color: #edf2fc;
}
system-functionality-editor functionality-editor-selection-indicator {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin-right: 8px;
  border-radius: 14px;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
}
system-functionality-editor functionality-editor-selection-indicator.ALL {
  background: #2cbd79;
}
system-functionality-editor functionality-editor-selection-indicator.ALL:before {
  content: "\e903";
}
system-functionality-editor functionality-editor-selection-indicator.NONE {
  background: #e0e0e0;
}
system-functionality-editor functionality-editor-selection-indicator.NONE:before {
  content: "\e901";
}
system-functionality-editor functionality-editor-selection-indicator.MIX {
  border: 2px solid #ced5e9;
  background: repeating-linear-gradient(-45deg, #ced5e9, #ced5e9 1px, #fff 1px, #fff 5px);
}
system-functionality-editor functionality-editor-selection-indicator.MIX:before {
  content: "\e948";
}
system-functionality-editor .btn-group .btn {
  min-width: auto;
  padding: 6px 12px;
}
.view-preference-modal .modal-body {
  background: #f7f9f9;
}
.view-preference-modal .modal-body .vp-header {
  display: flex;
  flex-flow: row;
  background: #dddddd;
  padding: 12px 0px;
}
.view-preference-modal .modal-body .vp-header .vp-title-panel {
  padding-left: 14px;
  flex: 1;
}
.view-preference-modal .modal-body .vp-header .vp-title-panel .vp-title {
  font-size: 18px;
  font-weight: bold;
}
.view-preference-modal .modal-body .vp-body {
  display: flex;
  flex-flow: row;
  border-bottom: 1px solid #dddddd;
}
.view-preference-modal .modal-body .vp-body view-preference-list:nth-child(2n) {
  border-left: 1px solid #dddddd;
}
.view-preference-modal .modal-body .vp-footer {
  padding: 14px;
}
.view-preference-modal .modal-body .vp-footer .btn-link {
  color: black;
  font-weight: bold;
  font-size: 18px;
}
.view-preference-modal .modal-body .vp-footer .btn-link:hover {
  text-decoration: none;
}
.view-preference-modal .modal-body .vp-footer .btn-link:hover span:first-child {
  text-decoration: underline;
}
.view-preference-modal .modal-body .vp-footer .btn-link .tms-icon {
  font-weight: normal;
}
view-preference-list {
  flex: 1;
  padding: 12px;
  height: 340px;
  overflow-y: auto;
}
view-preference-list .search-box {
  margin-bottom: 8px;
}
view-preference-list .form-inline .search-box {
  width: 378px;
}
view-preference-list .vp-empty-message {
  display: flex;
  flex-flow: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}
view-preference-list ul {
  display: flex;
  flex-flow: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
view-preference-list ul li {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  margin-bottom: 8px;
}
view-preference-list ul li:hover .vp-list-hover-item {
  visibility: visible;
}
view-preference-list ul li:hover .vp-list-item-heading {
  background: #d8e7ee;
}
view-preference-list ul li .vp-list-hover-item {
  visibility: hidden;
}
view-preference-list ul li .vp-list-item-heading {
  display: flex;
  flex-flow: row;
  flex: 1;
  align-items: center;
  border: 1px solid #dddddd;
  border-radius: 8px;
  background: #ffffff;
  padding-left: 8px;
  line-height: 42px;
}
view-preference-list ul li .vp-list-item-heading .icon-vp-details-toggle {
  font-size: 28px;
}
view-preference-list ul li .vp-list-item-heading .icon-vp-details-toggle:before {
  content: "\e95e";
}
view-preference-list ul li .vp-list-item-heading .vp-list-item-title {
  flex: 1;
  padding-left: 8px;
}
view-preference-list ul li .vp-list-item-heading .vp-list-item-divider {
  display: inline-block;
  height: 34px;
  width: 1px;
  background: #dddddd;
}
view-preference-list ul li .vp-list-item-body {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-top: none;
  border-radius: 0px 0px 8px 8px;
  padding: 12px;
}
view-preference-list ul li .vp-list-item-body dl dd {
  margin-bottom: 12px;
}
view-preference-list ul li.open .vp-list-item-heading {
  background: #f7f9f9;
  border-radius: 8px 8px 0px 0px;
}
view-preference-list ul li.open .vp-list-item-heading .icon-vp-details-toggle {
  font-size: 28px;
}
view-preference-list ul li.open .vp-list-item-heading .icon-vp-details-toggle:before {
  content: "\e95d";
}
view-preference-list ul.ui-sortable li {
  cursor: move;
}
view-preference-list ul.ui-sortable.ui-sortable-disabled li {
  cursor: default !important;
}
.customization-holder {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.customization-holder .customization-uploader-parent {
  width: 100%;
  height: 100%;
  display: flex;
  min-height: 240px;
  min-width: 240px;
}
.customization-holder .customization-uploader-parent .customization-uploader {
  padding-bottom: 10px;
}
.customization-holder .customization-uploader-parent .customization-uploader tms-upload .tms-upload .progress-bar span {
  color: black;
}
.customization-holder .customization-uploader-parent .tms-upload-file-drop-holder {
  width: 100%;
}
.customization-holder .customization-uploader-parent .tms-upload-inner {
  width: 100%;
  text-align: center;
}
.customization-holder .customization-uploader-parent .customization-image-preview {
  display: block;
  margin: auto;
}
.customization-holder .customization-uploader-parent .customization-image-preview img {
  height: 240px;
  width: 240px;
  max-height: 240px;
  man-width: 240px;
}
.device-info-container {
  display: flex;
  flex-flow: wrap;
  gap: 30px 30px;
  /* row-gap column gap */
  margin-left: 30px;
  margin-top: 30px;
}
.device-info-flex-item {
  padding: 20px;
  width: 500px;
  font-size: 18px;
  text-align: left;
  border-style: solid;
  border-color: #E5E5E5;
  border-width: thin;
  border-radius: 5px;
}
.device-info-div-title {
  font-size: 25px;
}
.device-info-div-item {
  margin: 10px;
}
.device-info-div-item span {
  font-weight: normal;
  float: right;
}
.comments-title {
  font-weight: bold;
  font-size: 25px;
}
.comments-title button {
  float: right;
  font-weight: bold;
  margin-bottom: 10px;
}
.table-grid {
  height: 45%;
  padding: 35px;
}
.table-grid .tms-grid {
  height: calc(100% - 48px);
}
.schedule-validities-container {
  display: flex;
  flex-wrap: wrap;
}
.schedule-validities-item {
  flex: 1;
  min-width: calc(50% - 10px);
  box-sizing: border-box;
  padding: 5px;
}
.hide-date-aligned-time-picker {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.hide-date-aligned-time-picker .tms-date-picker {
  display: none;
}
.virtual-devices-configuration-header .panel {
  margin-bottom: 0;
}
.virtual-devices-configuration-header .btn-group.pull-right {
  padding-top: 4px;
  padding-right: 4px;
}
.virtual-devices-configuration-header .btn-group.pull-right .btn {
  border-radius: 7px !important;
}
.virtual-devices-configuration-wrapper {
  padding: 0 10px 70px 10px;
  margin-bottom: 70px;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: scroll;
}
.virtual-devices-configuration-wrapper .matrix-table {
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 20px;
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}
.virtual-devices-configuration-wrapper .matrix-table th,
.virtual-devices-configuration-wrapper .matrix-table td {
  padding: 4px 7px;
  text-align: center;
  min-width: 120px;
  height: 60px;
  max-height: 60px;
  border: 1px solid #ccc;
}
.virtual-devices-configuration-wrapper .matrix-table th:not(:last-child),
.virtual-devices-configuration-wrapper .matrix-table td:not(:last-child) {
  border-right: 1px solid #ccc;
}
.virtual-devices-configuration-wrapper .matrix-table th:not(:last-of-type),
.virtual-devices-configuration-wrapper .matrix-table td:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.virtual-devices-configuration-wrapper .matrix-table .table-header {
  background-color: #f2f2f2;
  font-weight: bold;
  border: 1px solid #ccc;
}
.virtual-devices-configuration-wrapper .matrix-table .message-type-header {
  width: 240px !important;
}
.virtual-devices-configuration-wrapper .matrix-table .table-priority-config {
  background-color: #f2f2f2;
  width: 60px;
}
.virtual-devices-configuration-wrapper .matrix-table .table-content {
  white-space: nowrap;
  text-align: center;
}
.virtual-devices-configuration-wrapper .matrix-table .tc-hover {
  cursor: pointer;
}
.virtual-devices-configuration-wrapper .matrix-table .tc-hover:hover {
  background-color: #f6f6f6;
}
.virtual-devices-configuration-wrapper .matrix-table .custom-checkbox {
  display: inline-block;
  position: relative;
}
.virtual-devices-configuration-wrapper .matrix-table .icon-check {
  font-size: 48px !important;
}
.virtual-devices-configuration-wrapper .matrix-table .settings-icon {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.virtual-devices-configuration-wrapper .matrix-table .settings-icon:hover {
  background-color: #e0e0e0;
}
.virtual-devices-configuration-wrapper .dispatch-incrementor-parent {
  display: inline-block;
  vertical-align: middle;
}
.virtual-devices-configuration-wrapper .dispatch-incrementor-input {
  width: 60px;
  height: 100%;
  text-align: center;
}
.performance-asset-sa-status-holder {
  width: 6px;
  height: 100%;
}
.performance-asset-sa-status-holder .performance-asset-sa-status {
  width: 100%;
  height: 100%;
}
.performance-asset-sa-status-holder .performance-asset-sa-status.performance-asset-sa-status-default {
  background-color: gray;
}
.power-bi-embed {
  height: calc(100vh - 48px);
  padding-bottom: 8px;
}
.power-bi-embed iframe {
  border: none;
}
.el-btn {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
.el-btn.el-circle-btn {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
}
.el-btn.el-interact-color-btn {
  color: #54578b;
}
.el-btn.el-icon-btn {
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  line-height: 40px;
  color: #0C1C34;
}
.el-btn.el-icon-btn > span {
  line-height: 40px;
}
.el-btn.el-icon-btn:hover > span {
  font-size: 40px;
  line-height: 40px;
}
.el-content-holder {
  max-width: 800px;
  margin: auto;
}
.el-content-holder-s {
  max-width: 400px;
  margin: auto;
}
.el-content-holder-fixed {
  max-width: 800px;
  min-width: 800px;
  margin: auto;
}
.el-content-holder-s-fixed {
  max-width: 400px;
  min-width: 400px;
  margin: auto;
}
.el-content-holder-m {
  max-width: 1200px;
  min-width: 1200px;
  margin: auto;
}
.el-holder {
  height: 100%;
}
.el-rel-holder {
  position: relative;
}
.el-area-h {
  display: flex;
}
.el-area-h > .el-col-eq {
  width: 50%;
}
.el-area-h > .el-col-eq:first-child:last-child {
  width: 100%;
}
.el-area-h.el-res-clear {
  display: block;
}
.el-area-h.el-res-clear > .el-col-eq {
  width: 100%;
}
.el-area-v {
  display: flex;
  flex-direction: column;
}
.el-area-v > .el-col-eq {
  width: 100%;
  height: 50%;
}
.el-wrap {
  flex-wrap: wrap;
}
.el-nowrap {
  flex-wrap: nowrap;
}
.el-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.el-col {
  flex-grow: 0;
}
.el-col-d {
  flex-grow: 2;
}
.el-label-holder {
  width: 200px;
}
.el-items-middle {
  align-items: center;
}
.el-items-top {
  align-items: flex-start;
}
.el-items-bottom {
  align-items: flex-end;
}
.el-content-center {
  justify-content: center;
}
.el-content-start {
  justify-content: flex-start;
}
.el-content-start_f {
  justify-content: flex-start !important;
}
.el-content-end {
  justify-content: flex-end;
}
.el-static {
  position: static !important;
}
.el-abs-position {
  position: absolute;
}
.el-content-section {
  padding-top: 32px;
  padding-bottom: 48px;
}
.el-display-inline {
  display: inline;
}
.el-display-inline-block {
  display: inline-block;
}
.el-align-self-end {
  align-self: flex-end;
}
.el-offset-none {
  padding: 0 !important;
}
.el-offset-xxs {
  padding: 2px;
}
.el-offset-xs {
  padding: 4px;
}
.el-offset-s {
  padding: 8px;
}
.el-offset {
  padding: 16px;
}
.el-offset_force {
  padding: 16px !important;
}
.el-offset-m {
  padding: 32px;
}
.el-offset-l {
  padding: 48px;
}
.el-offset-left-none {
  padding-left: 0;
}
.el-offset-top-none_f {
  padding-top: 0 !important;
}
.el-offset-left-xxs {
  padding-left: 2px;
}
.el-offset-left-xs {
  padding-left: 4px;
}
.el-offset-left-s {
  padding-left: 8px;
}
.el-offset-left-s_force {
  padding-left: 8px !important;
}
.el-offset-left {
  padding-left: 16px;
}
.el-offset-left-m {
  padding-left: 32px;
}
.el-offset-left-l {
  padding-left: 48px;
}
.el-offset-right-none {
  padding-right: 0 !important;
}
.el-offset-right-xxs {
  padding-right: 2px;
}
.el-offset-right-xs {
  padding-right: 4px;
}
.el-offset-right-xs_force {
  padding-right: 4px !important;
}
.el-offset-right-s {
  padding-right: 8px;
}
.el-offset-right-s_force {
  padding-right: 8px !important;
}
.el-offset-right {
  padding-right: 16px;
}
.el-offset-right-m {
  padding-right: 32px;
}
.el-offset-right-m_force {
  padding-right: 32px !important;
}
.el-offset-right-l {
  padding-right: 48px;
}
.el-offset-right-none_last:last-child {
  padding-right: 0;
}
.el-offset-bottom-xxs {
  padding-bottom: 2px;
}
.el-offset-bottom-xs {
  padding-bottom: 4px;
}
.el-offset-bottom-s {
  padding-bottom: 8px;
}
.el-offset-bottom {
  padding-bottom: 16px;
}
.el-offset-bottom-m {
  padding-bottom: 32px;
}
.el-offset-bottom-l {
  padding-bottom: 48px;
}
.el-offset-top-xxs {
  padding-top: 2px;
}
.el-offset-top-xs {
  padding-top: 4px;
}
.el-offset-top-none {
  padding-top: 0;
}
.el-offset-top-s {
  padding-top: 8px;
}
.el-offset-top {
  padding-top: 16px;
}
.el-offset-top-m {
  padding-top: 32px;
}
.el-offset-top-mx {
  padding-top: 24px;
}
.el-offset-top-l {
  padding-top: 48px;
}
.el-offset-top-bottom {
  padding-top: 16px;
  padding-bottom: 16px;
}
.el-offset-x-xxs {
  padding: 1px;
}
.el-offset-x-xs {
  padding: 3px;
}
.el-offset-x-s {
  padding: 6px;
}
.el-offset-sx,
.el-offset-x {
  padding: 12px;
}
.el-offset-x-m {
  padding: 24px;
}
.el-offset-x-l {
  padding: 36px;
}
.el-offset-x-left-xxs {
  padding-left: 1px;
}
.el-offset-x-left-xs {
  padding-left: 3px;
}
.el-offset-left-sx,
.el-offset-x-left-s {
  padding-left: 6px;
}
.el-offset-left-sx2,
.el-offset-x-left {
  padding-left: 12px;
}
.el-offset-left-sx2_force,
.el-offset-x-left_force {
  padding-left: 12px !important;
}
.el-offset-left-mx,
.el-offset-x-left-m {
  padding-left: 24px;
}
.el-offset-x-left-l {
  padding-left: 36px;
}
.el-offset-x-right-xxs {
  padding-right: 1px;
}
.el-offset-x-right-xs {
  padding-right: 3px;
}
.el-offset-right-sx,
.el-offset-x-right-s {
  padding-right: 6px;
}
.el-offset-right-sx2,
.el-offset-x-right {
  padding-right: 12px;
}
.el-offset-right-mx,
.el-offset-x-right-m {
  padding-right: 24px;
}
.el-offset-x-right-m_force {
  padding-right: 24px !important;
}
.el-offset-x-right-l {
  padding-right: 36px;
}
.el-offset-x-top-xxs {
  padding-top: 1px;
}
.el-offset-x-top-xs {
  padding-top: 3px;
}
.el-offset-top-sx,
.el-offset-x-top-s {
  padding-top: 6px;
}
.el-offset-top-sx2,
.el-offset-x-top {
  padding-top: 12px;
}
.el-offset-x-top-m {
  padding-top: 24px;
}
.el-offset-x-top-l {
  padding-top: 36px;
}
.el-offset-x-bottom-xxs {
  padding-bottom: 1px;
}
.el-offset-x-bottom-xs {
  padding-bottom: 3px;
}
.el-offset-bottom-sx,
.el-offset-x-bottom-s {
  padding-bottom: 6px;
}
.el-offset-bottom-sx2,
.el-offset-x-bottom {
  padding-bottom: 12px;
}
.el-offset-bottom-mx,
.el-offset-x-bottom-m {
  padding-bottom: 24px;
}
.el-offset-x-bottom-l {
  padding-bottom: 36px;
}
.el-margin-none {
  margin: 0 !important;
}
.el-margin-xxs {
  margin: 2px;
}
.el-margin-xs {
  margin: 4px;
}
.el-margin-s {
  margin: 8px;
}
.el-margin {
  margin: 16px;
}
.el-margin_force {
  margin: 16px !important;
}
.el-margin-m {
  margin: 32px;
}
.el-margin-l {
  margin: 48px;
}
.el-margin-left-none {
  margin-left: 0;
}
.el-margin-top-none_f {
  margin-top: 0 !important;
}
.el-margin-left-xxs {
  margin-left: 2px;
}
.el-margin-left-xs {
  margin-left: 4px;
}
.el-margin-left-s {
  margin-left: 8px;
}
.el-margin-left-s_force {
  margin-left: 8px !important;
}
.el-margin-left {
  margin-left: 16px;
}
.el-margin-left-m {
  margin-left: 32px;
}
.el-margin-left-l {
  margin-left: 48px;
}
.el-margin-right-none {
  margin-right: 0 !important;
}
.el-margin-right-xxs {
  margin-right: 2px;
}
.el-margin-right-xs {
  margin-right: 4px;
}
.el-margin-right-xs_force {
  margin-right: 4px !important;
}
.el-margin-right-s {
  margin-right: 8px;
}
.el-margin-right-s_force {
  margin-right: 8px !important;
}
.el-margin-right {
  margin-right: 16px;
}
.el-margin-right-m {
  margin-right: 32px;
}
.el-margin-right-m_force {
  margin-right: 32px !important;
}
.el-margin-right-l {
  margin-right: 48px;
}
.el-margin-right-none_last:last-child {
  margin-right: 0;
}
.el-margin-bottom-xxs {
  margin-bottom: 2px;
}
.el-margin-bottom-xs {
  margin-bottom: 4px;
}
.el-margin-bottom-s {
  margin-bottom: 8px;
}
.el-margin-bottom {
  margin-bottom: 16px;
}
.el-margin-bottom-m {
  margin-bottom: 32px;
}
.el-margin-bottom-l {
  margin-bottom: 48px;
}
.el-margin-top-xxs {
  margin-top: 2px;
}
.el-margin-top-xs {
  margin-top: 4px;
}
.el-margin-top-none {
  margin-top: 0;
}
.el-margin-top-s {
  margin-top: 8px;
}
.el-margin-top {
  margin-top: 16px;
}
.el-margin-top-m {
  margin-top: 32px;
}
.el-margin-top-mx {
  margin-top: 24px;
}
.el-margin-top-l {
  margin-top: 48px;
}
.el-margin-top-bottom {
  margin-top: 16px;
  margin-bottom: 16px;
}
.el-margin-x-xxs {
  margin: 1px;
}
.el-margin-x-xs {
  margin: 3px;
}
.el-margin-x-s {
  margin: 6px;
}
.el-margin-sx,
.el-margin-x {
  margin: 12px;
}
.el-margin-x-m {
  margin: 24px;
}
.el-margin-x-l {
  margin: 36px;
}
.el-margin-x-left-xxs {
  margin-left: 1px;
}
.el-margin-x-left-xs {
  margin-left: 3px;
}
.el-margin-left-sx,
.el-margin-x-left-s {
  margin-left: 6px;
}
.el-margin-left-sx2,
.el-margin-x-left {
  margin-left: 12px;
}
.el-margin-left-sx2_force,
.el-margin-x-left_force {
  margin-left: 12px !important;
}
.el-margin-left-mx,
.el-margin-x-left-m {
  margin-left: 24px;
}
.el-margin-x-left-l {
  margin-left: 36px;
}
.el-margin-x-right-xxs {
  margin-right: 1px;
}
.el-margin-x-right-xs {
  margin-right: 3px;
}
.el-margin-right-sx,
.el-margin-x-right-s {
  margin-right: 6px;
}
.el-margin-right-sx2,
.el-margin-x-right {
  margin-right: 12px;
}
.el-margin-right-mx,
.el-margin-x-right-m {
  margin-right: 24px;
}
.el-margin-x-right-m_force {
  margin-right: 24px !important;
}
.el-margin-x-right-l {
  margin-right: 36px;
}
.el-margin-x-top-xxs {
  margin-top: 1px;
}
.el-margin-x-top-xs {
  margin-top: 3px;
}
.el-margin-top-sx,
.el-margin-x-top-s {
  margin-top: 6px;
}
.el-margin-top-sx2,
.el-margin-x-top {
  margin-top: 12px;
}
.el-margin-x-top-m {
  margin-top: 24px;
}
.el-margin-x-top-l {
  margin-top: 36px;
}
.el-margin-x-bottom-xxs {
  margin-bottom: 1px;
}
.el-margin-x-bottom-xs {
  margin-bottom: 3px;
}
.el-margin-bottom-sx,
.el-margin-x-bottom-s {
  margin-bottom: 6px;
}
.el-margin-bottom-sx2,
.el-margin-x-bottom {
  margin-bottom: 12px;
}
.el-margin-bottom-mx,
.el-margin-x-bottom-m {
  margin-bottom: 24px;
}
.el-margin-x-bottom-l {
  margin-bottom: 36px;
}
.el-abs-left {
  position: absolute;
  left: 0;
}
.el-abs-right {
  position: absolute;
  right: 0;
}
.el-abs-top-right {
  position: absolute;
  right: 0;
  top: 0;
}
.el-abs-top-left {
  position: absolute;
  left: 0;
  top: 0;
}
.el-left-base {
  left: 0;
}
.el-right-base {
  right: 0;
}
.el-top-base {
  top: 0;
}
.el-bottom-base {
  bottom: 0;
}
.el-left-xxs {
  left: 2px;
}
.el-left-xs {
  left: 4px;
}
.el-left-s {
  left: 8px;
}
.el-left {
  left: el-offset;
}
.el-left-m {
  left: 32px;
}
.el-left-l {
  left: 48px;
}
.el-right-base {
  right: 0;
}
.el-right-xxs {
  right: 2px;
}
.el-right-xs {
  right: 4px;
}
.el-right-s {
  right: 8px;
}
.el-right {
  right: el-offset;
}
.el-right-m {
  right: 32px;
}
.el-right-l {
  right: 48px;
}
.el-top-xxs {
  top: 2px;
}
.el-top-xs {
  top: 4px;
}
.el-top-s {
  top: 8px;
}
.el-top {
  top: el-offset;
}
.el-top-m {
  top: 32px;
}
.el-top-l {
  top: 48px;
}
.el-bottom-xxs {
  bottom: 2px;
}
.el-bottom-xs {
  bottom: 4px;
}
.el-bottom-s {
  bottom: 8px;
}
.el-bottom {
  bottom: el-offset;
}
.el-bottom-m {
  bottom: 32px;
}
.el-bottom-l {
  bottom: 48px;
}
.el-abs-bottom {
  position: absolute;
  bottom: 0;
}
.el-zindex-1 {
  z-index: 1;
}
.el-zindex-2 {
  z-index: 2;
}
.el-float-r {
  float: right;
}
.el-float-l {
  float: left;
}
.el-float-none {
  float: none;
}
.el-x-left-xxs {
  left: 1px;
}
.el-x-left-xs {
  left: 3px;
}
.el-x-left-s {
  left: 6px;
}
.el-x-left {
  left: 12px;
}
.el-x-left-m {
  left: 24px;
}
.el-x-left-l {
  left: 36px;
}
.el-x-right-xxs {
  right: 1px;
}
.el-x-right-xs {
  right: 3px;
}
.el-x-right-s {
  right: 6px;
}
.el-x-right {
  right: 12px;
}
.el-x-right-m {
  right: 24px;
}
.el-x-right-l {
  right: 36px;
}
.el-x-top-xxs {
  top: 1px;
}
.el-x-top-xs {
  top: 3px;
}
.el-x-top-s {
  top: 6px;
}
.el-x-top {
  top: 12px;
}
.el-x-top-m {
  top: 24px;
}
.el-x-top-l {
  top: 36px;
}
.el-x-bottom-xxs {
  bottom: 1px;
}
.el-x-bottom-xs {
  bottom: 3px;
}
.el-x-bottom-s {
  bottom: 6px;
}
.el-x-bottom {
  bottom: 12px;
}
.el-x-bottom-m {
  bottom: 24px;
}
.el-x-bottom-l {
  bottom: 36px;
}
.el-text-xs {
  font-size: 10px;
}
.el-text-s {
  font-size: 13px;
}
.el-text {
  font-size: 16px;
}
.el-text-m {
  font-size: 18px;
}
.el-text-l {
  font-size: 21px;
}
.el-text-strong {
  font-weight: bold;
}
.el-text-punctuated {
  text-transform: uppercase;
}
.el-border-none {
  border: none;
}
.el-border-left {
  border-left: 1px solid #e4e4e4;
}
.el-border-left-m {
  border-left: 2px solid #e4e4e4;
}
.el-border-right {
  border-right: 1px solid #e4e4e4;
}
.el-border-top {
  border-top: 1px solid #e4e4e4;
}
.el-border-top-m {
  border-top: 2px solid #e4e4e4;
}
.el-border-bottom {
  border-bottom: 1px solid #e4e4e4;
}
.el-border-bottom-m {
  border-bottom: 2px solid #e4e4e4;
}
.el-border-list-bottom {
  border-bottom: 1px solid #e4e4e4;
}
.el-border-list-bottom:last-child {
  border-bottom: none;
}
.el-border-list-top {
  border-top: 1px solid #e4e4e4;
}
.el-border-list-top:first-child {
  border-top: none;
}
.el-border-list-bottom-m {
  border-bottom: 2px solid #e4e4e4;
}
.el-border-list-right {
  border-right-width: 1px;
  border-right-style: solid;
}
.el-border-list-right:last-child {
  border-right-width: 0;
  border-right-style: none;
}
.mtb-border {
  border-width: 1px;
  border-style: solid;
}
.mtb-border.mtb-border-light {
  border-color: #e4e4e4;
}
.mtb-shadow-border {
  border-width: 1px;
  border-style: solid;
  border-top: none;
  border-bottom-width: 3px;
}
.mtb-shadow-border.mtb-border-light {
  border-color: #e4e4e4;
}
.el-scrollable {
  overflow: auto;
}
.el-scrollable-y {
  overflow-y: auto;
}
.el-nooverflow {
  overflow: hidden;
}
.el-block {
  display: block;
}
.el-shadow-center {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}
.el-width-fit {
  width: 100%;
}
.el-card {
  background: white;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
}
tms-linetrack {
  color: white;
  background-color: gray;
  border: 6px solid blue;
  background-image: url("../../resource/bckg-test.jpg");
  width: 100%;
  height: 400px;
  display: block;
}
ltui-linetrack-ui {
  position: absolute;
  left: 0;
  width: 100%;
  display: block;
}
ltui-linetracks-ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: block;
}
ltui-angle-picker {
  display: block;
}
ltui-angle-picker:before,
ltui-angle-picker:after {
  content: " ";
  display: table;
}
ltui-angle-picker:after {
  clear: both;
}
ltui-angle-picker .ltui-angle-picker-circle-holder {
  float: left;
  position: relative;
  margin-top: 2px;
  margin-right: 4px;
}
ltui-angle-picker .ltui-angle-picker-circle-holder .ltui-angle-picker-circle {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  width: 18px;
  height: 18px;
  border: 2px solid #eaeaea;
}
ltui-angle-picker .ltui-angle-picker-circle-holder .ltui-angle-picker-handle {
  -moz-border-radius-topleft: 100% !important;
  -moz-border-radius-topright: 100% !important;
  -moz-border-radius-bottomleft: 100% !important;
  -moz-border-radius-bottomright: 100% !important;
  -webkit-border-top-left-radius: 100% !important;
  -webkit-border-top-right-radius: 100% !important;
  -webkit-border-bottom-left-radius: 100% !important;
  -webkit-border-bottom-right-radius: 100% !important;
  border-top-left-radius: 100% !important;
  border-top-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
  width: 8px;
  height: 8px;
  background: #54578b;
  position: absolute;
  top: 18px/2 - 8px/2;
  left: -8px/2;
}
ltui-angle-picker .ltui-angle-picker-input-holder {
  float: left;
  margin-right: 4px;
}
ltui-angle-picker .ltui-angle-picker-input-holder:before,
ltui-angle-picker .ltui-angle-picker-input-holder:after {
  content: " ";
  display: table;
}
ltui-angle-picker .ltui-angle-picker-input-holder:after {
  clear: both;
}
ltui-angle-picker .ltui-angle-picker-input-holder input {
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  width: 40px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  float: left;
}
ltui-angle-picker .ltui-angle-picker-input-holder input.litui-invalid {
  border-color: #930000 !important;
  color: #930000 !important;
}
ltui-angle-picker .ltui-angle-picker-input-holder input.litui-invalid:active {
  border-color: #930000 !important;
  color: #930000 !important;
}
ltui-angle-picker .ltui-angle-picker-input-holder input.litui-invalid:focus {
  border-color: #930000 !important;
  color: #930000 !important;
}
ltui-angle-picker .ltui-angle-picker-input-holder span {
  font-size: 18px;
  display: block;
  float: left;
}
ltui-angle-picker .ltui-angle-picker-input-holder .ltui-angle-picker-label {
  font-size: 14px;
}
.ltui-pixi-canvas {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.ltui-linetracks-scroll-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ltui-version-tag {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  border-top-left-radius: 6px;
}
.ltui-linetrack-viewport {
  width: 100%;
}
.ats-switch {
  border: 1px solid;
  cursor: pointer;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  min-width: 100px;
}
.ats-switch.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.ats-switch.disabled .switch-left,
.ats-switch.disabled .switch-right,
.ats-switch.disabled .knob {
  cursor: default !important;
}
.ats-switch span {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 100%;
  line-height: 20px;
  padding: 4px;
  text-align: center;
  width: 33%;
  white-space: nowrap;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ats-switch > div {
  position: relative;
  width: 150%;
}
.ats-switch .knob {
  background: red;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #f5f5f5;
  width: 34%;
  z-index: 100;
}
.ats-switch .switch-on {
  left: 0%;
}
.ats-switch .switch-off {
  left: -50%;
}
.ats-switch .swtich-left,
.ats-switch .switch-right {
  z-index: 1;
}
.ats-switch .switch-left {
  color: #fff;
  background: #005fcc;
}
.ats-switch .switch-right {
  color: #333;
  background: #f0f0f0;
}
.ats-switch .switch-animate {
  transition: left 0.5s;
  -o-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
}
.ats-switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ats-switch:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 3px #1f1f1f;
}
.ats-switch.disabled:hover {
  border-color: #ccc;
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
  box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0) 2px 3px #1f1f1f;
  -o-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0) 2px 3px #1f1f1f;
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0) 2px 3px #1f1f1f;
  box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0) 2px 3px #1f1f1f;
}
.ats-switch .knob {
  border-right: none;
  border-left: none;
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  background: #fff;
}
.ats-switch .knob i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.ats-switch .switch-left,
.ats-switch .switch-right,
.ats-switch .knob {
  min-height: 28px;
}
.ats-switch.switch-mini {
  min-width: 72px;
}
.ats-switch.switch-mini .switch-left,
.ats-switch.switch-mini .switch-right,
.ats-switch.switch-mini .knob {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
  min-height: 18px;
}
.ats-switch.switch-mini i.switch-mini-icons {
  height: 1.2em;
  line-height: 9px;
  vertical-align: text-top;
  text-align: center;
  transform: scale(0.6);
  margin-top: -1px;
  margin-bottom: -1px;
}
.ats-switch.switch-small {
  min-width: 80px;
}
.ats-switch.switch-small .switch-left,
.ats-switch.switch-small .switch-right,
.ats-switch.switch-small .knob {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
  min-height: 24px;
}
.ats-switch.switch-large {
  min-width: 120px;
}
.ats-switch.switch-large .switch-left,
.ats-switch.switch-large .switch-right,
.ats-switch.switch-large .knob {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
  min-height: 34px;
}
.ats-switch span.switch-left {
  color: #fff;
  background: #428bca;
}
.ats-switch span.switch-right {
  color: #000;
  background: #eeeeee;
}
.ats-switch.switch-primary span.switch-left {
  color: #fff;
  background: #428bca;
}
.ats-switch.switch-info span.switch-left {
  color: #fff;
  background: #5bc0de;
}
.ats-switch.switch-success span.switch-left {
  color: #fff;
  background: #5cb85c;
}
.ats-switch.switch-warning span.switch-left {
  background: #f0ad4e;
  color: #fff;
}
.ats-switch.switch-danger span.switch-left {
  color: #fff;
  background: #d9534f;
}
.ats-switch.switch-default span.switch-left {
  color: #000;
  background: #eeeeee;
}
.tms-layout {
  position: relative;
  width: 100%;
  height: 100vh;
}
.tms-layout .tms-layout-inner {
  position: relative;
  height: 100%;
}
.tms-layout .tms-layout-inner:before,
.tms-layout .tms-layout-inner:after {
  content: " ";
  display: table;
}
.tms-layout .tms-layout-inner:after {
  clear: both;
}
.tms-layout .tms-layout-inner .tms-app-menu-holder {
  position: relative;
  float: left;
  width: 220px;
  height: 100%;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder {
  position: relative;
  width: calc(100% - 220px);
  height: 100%;
  float: left;
  overflow: hidden;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-header-holder {
  min-height: 40px;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  position: relative;
  width: 100%;
  /*overflow: auto;*/
  overflow: hidden;
  padding: 0;
  height: calc(100% - (40px + 300px));
  /*    > div{
            height: 100%;
        }*/
  /*    &.tms-layout-full-height{
            height: @fullHeight !important;
        }*/
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport [data-ui-view],
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport [ui-view] {
  padding: 0;
  height: 100%;
  /*        > div{
                    height: 100%;
                }*/
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .datagrid-view {
  height: 100%;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .ngGrid {
  overflow: hidden;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter {
  height: 100%;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter .tms-splitter-top {
  height: 100%;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter .tms-splitter-top > [splitter] {
  height: 100%;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-grid[tms-grid] .tms-ui-grid {
  height: calc(100% - 42px - 2px) !important;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-view-footer {
  height: 300px;
}
.tms-layout .tms-layout-inner .tms-layout-main-holder .tms-layout-view-footer.tms-collapsed {
  height: 40px;
}
.tms-layout.litui-app-menu-collapsed .tms-app-menu-holder {
  width: 47px !important;
}
.tms-layout.litui-app-menu-collapsed .tms-layout-main-holder {
  width: calc(100% - 47px);
}
.tms-layout.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: calc(100% - (40px + 40px)) !important;
}
.tms-layout.litui-view-footer-collapsed .tms-layout-view-footer {
  height: 40px;
}
.tms-layout.litui-view-footer-collapsed .tms-layout-main-holder[is-full-sized="true"] .tms-layout-app-viewport .tms-splitter-bottom {
  height: calc(100vh - 40px) !important;
}
.tms-layout.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: calc(100% - 40px) !important;
}
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport {
  height: calc(100% - 40px) !important;
  /*    > div{
            height: 100%;
        }*/
  /*    &.tms-layout-full-height{
            height: @fullHeight !important;
        }*/
}
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport [data-ui-view],
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport [ui-view] {
  padding: 0;
  height: 100%;
  /*        > div{
                    height: 100%;
                }*/
}
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport .datagrid-view {
  height: 100%;
}
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport .ngGrid {
  overflow: hidden;
}
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport .tms-splitter {
  height: 100%;
}
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport .tms-splitter .tms-splitter-top {
  height: 100%;
}
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport .tms-splitter .tms-splitter-top > [splitter] {
  height: 100%;
}
.tms-layout.litui-view-footer-collapsed.litui-nofooter .tms-layout-app-viewport .tms-grid[tms-grid] .tms-ui-grid {
  height: calc(100% - 42px - 2px) !important;
}
.tms-layout.tms-is-splitted-layout .tms-layout-inner .tms-layout-main-holder .tms-splitter-top {
  height: 50% !important;
}
.tms-layout.tms-is-splitted-layout .tms-layout-inner .tms-layout-main-holder .tms-splitter-bottom {
  /*                    margin-left: -@overallMargin;
                                        margin-right: -@overallMargin;*/
  /*width: ~"calc(100% + @{overallMargin} * 2)" !important;*/
  width: 100%;
  height: 50% !important;
}
.tms-layout.tms-is-splitted-layout .tms-splitter-bottom-content > div:first-child:last-child {
  height: 100%;
}
.tms-layout.tms-is-splitted-layout .tms-splitter-bottom-content > div:first-child:last-child [tms-preloader] {
  height: 100%;
}
.tms-layout.tms-is-splitted-layout .tms-splitter-bottom-content > div:first-child:last-child [tms-preloader] terminal {
  height: calc(100% - 40px);
}
.tms-layout.tms-is-splitted-layout.tms-splitter-full .tms-layout-inner .tms-layout-main-holder {
  /*margin-top: -@viewHeaderH;*/
  /*height: ~"calc(100vh + @{viewHeaderH})" !important;*/
  overflow: hidden;
}
.tms-layout.tms-is-splitted-layout.tms-splitter-full .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  padding: 0;
}
.tms-layout.tms-is-splitted-layout.tms-splitter-full .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter-bottom {
  height: calc(100vh - 300px) !important;
}
.tms-layout.tms-is-splitted-layout.tms-splitter-full .tms-layout-inner .tms-layout-main-holder .tms-app-menu-collapsed-sub-menu {
  margin-top: 40px;
}
.tms-layout.tms-is-splitted-layout.tms-splitter-full.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter-bottom {
  height: calc(100vh - 40px) !important;
}
.tms-layout.litui-noheader {
  /*
                &.tms-layout-full-height{
                    .tms-layout-inner .tms-layout-main-holder{
                        .tms-layout-app-viewport{
                            height: 100%;
        
                            .tms-layout-view-footer{
                                display: none;
                            }
                        }
                    }
                }*/
}
.tms-layout.litui-noheader .tms-layout-header-holder {
  display: none;
}
.tms-layout.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: calc(100% - 300px);
}
.tms-layout.litui-noheader.litui-nofooter .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: 100% !important;
}
.tms-layout.litui-noheader.litui-nofooter .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter-bottom {
  height: 100% !important;
}
.tms-layout.litui-noheader.litui-nofooter .tms-layout-inner .tms-layout-main-holder .tms-layout-view-footer {
  display: none;
}
.tms-layout.litui-nofooter .tms-layout-app-viewport {
  height: calc(100% - 40px) !important;
  /*    > div{
            height: 100%;
        }*/
  /*    &.tms-layout-full-height{
            height: @fullHeight !important;
        }*/
}
.tms-layout.litui-nofooter .tms-layout-app-viewport [data-ui-view],
.tms-layout.litui-nofooter .tms-layout-app-viewport [ui-view] {
  padding: 0;
  height: 100%;
  /*        > div{
                    height: 100%;
                }*/
}
.tms-layout.litui-nofooter .tms-layout-app-viewport .datagrid-view {
  height: 100%;
}
.tms-layout.litui-nofooter .tms-layout-app-viewport .ngGrid {
  overflow: hidden;
}
.tms-layout.litui-nofooter .tms-layout-app-viewport .tms-splitter {
  height: 100%;
}
.tms-layout.litui-nofooter .tms-layout-app-viewport .tms-splitter .tms-splitter-top {
  height: 100%;
}
.tms-layout.litui-nofooter .tms-layout-app-viewport .tms-splitter .tms-splitter-top > [splitter] {
  height: 100%;
}
.tms-layout.litui-nofooter .tms-layout-app-viewport .tms-grid[tms-grid] .tms-ui-grid {
  height: calc(100% - 42px - 2px) !important;
}
.tms-layout.litui-nofooter .tms-layout-view-footer {
  display: none;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: calc(100% - 40px) !important;
  /*    > div{
            height: 100%;
        }*/
  /*    &.tms-layout-full-height{
            height: @fullHeight !important;
        }*/
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport [data-ui-view],
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport [ui-view] {
  padding: 0;
  height: 100%;
  /*        > div{
                    height: 100%;
                }*/
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .datagrid-view {
  height: 100%;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .ngGrid {
  overflow: hidden;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter {
  height: 100%;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter .tms-splitter-top {
  height: 100%;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter .tms-splitter-top > [splitter] {
  height: 100%;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-grid[tms-grid] .tms-ui-grid {
  height: calc(100% - 42px - 2px) !important;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed .tms-layout-view-footer {
  display: none;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: 100% !important;
  /*    > div{
            height: 100%;
        }*/
  /*    &.tms-layout-full-height{
            height: @fullHeight !important;
        }*/
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport [data-ui-view],
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport [ui-view] {
  padding: 0;
  height: 100%;
  /*        > div{
                    height: 100%;
                }*/
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .datagrid-view {
  height: 100%;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .ngGrid {
  overflow: hidden;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter {
  height: 100%;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter .tms-splitter-top {
  height: 100%;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-splitter .tms-splitter-top > [splitter] {
  height: 100%;
}
.tms-layout.litui-nofooter.litui-view-footer-collapsed.litui-noheader .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport .tms-grid[tms-grid] .tms-ui-grid {
  height: calc(100% - 42px - 2px) !important;
}
.tms-layout.litui-nofooter.litui-header-twolevel .tms-layout-app-viewport {
  height: calc(100% - (40px + 36px)) !important;
}
.tms-layout.litui-header-twolevel .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: calc(100% - (40px + 36px + 300px)) !important;
}
.tms-layout.litui-header-twolevel.litui-view-footer-collapsed .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: calc(100% - (40px + 36px + 40px)) !important;
}
.tms-layout.litui-header-twolevel.litui-nofooter .tms-layout-inner .tms-layout-main-holder .tms-layout-app-viewport {
  height: calc(100% - (40px + 36px)) !important;
}
[dir=rtl] .tms-layout .tms-layout-inner .tms-app-menu-holder {
  float: right !important;
}
[dir=rtl] .tms-layout .tms-layout-inner .tms-layout-main-holder {
  float: right !important;
}
.sandbox.david {
  padding: 15px;
  background: white;
}
.sandbox.david .profile {
  float: left;
  width: 200px;
}
.sandbox.david .profile img.profile-pic {
  width: 100%;
}
.sandbox.david .profile .profile-actions {
  padding: 5px 0;
}
.sandbox.david .profile .profile-actions button.btn {
  width: 100%;
}
.sandbox.david .sandbox-stage {
  float: left;
  width: calc(100% - 15px*2 - 200px);
  padding: 15px;
}
.sandbox.david .sandbox-stage .sandbox-title {
  border-bottom: 1px solid #9aa2bf;
  margin-bottom: 15px;
}
.sandbox.david .sandbox-stage .sandbox-inner-nav {
  padding-bottom: 15px;
}
.sandbox.david .service-test {
  margin-bottom: 30px;
}
.sandbox.david .service-test .test-output {
  padding: 15px;
  background: #f6f9fe;
  border: 1px solid #9aa2bf;
  margin-bottom: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.sandbox.david .service-test .trigger-methods-row {
  padding-bottom: 15px;
}
.sandbox.david .david-functionality-test-indicator {
  width: 20px;
  line-height: 20px;
  height: 20px;
  display: inline-block;
  background: #0066ff;
}
.sandbox.david .david-functionality-test-indicator.david-ok {
  background: #138921;
}
.sandbox.david .david-functionality-test-indicator.david-fail {
  background: #990404;
}
.sandbox.david button.btn .icon {
  font-size: 22px;
  line-height: 12px;
}
.sandbox.david button.david-sandbox-btn-player {
  background: none;
  border: none;
}
.sandbox.david textarea.david-code-example {
  width: 100%;
  height: 200px;
  resize: none;
}
.sandbox.david .david-code-example-header {
  background: #DDDDDD;
  padding: 5px;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 6px !important;
  -moz-border-radius-topright: 6px !important;
  -moz-border-radius-bottomleft: 6px !important;
  -moz-border-radius-bottomright: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  -webkit-border-bottom-left-radius: 6px !important;
  -webkit-border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.sandbox.david .david-code-example-holder {
  display: none;
  opacity: 0;
}
.sandbox.david .david-chart-demo {
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #989ba2;
}
.sandbox.david .david-sandbox-linetrack-screen .ds-lt-stat {
  float: left;
}
.is-fake {
  background: red;
  color: white;
}
/* Intended for project specific style definitions. */
@media screen {
  body > .wrapper.ng-scope[data-ui-view=main] {
    display: block;
  }
  #tms-print-preview-holder {
    display: none;
  }
}
@media print {
  body > .wrapper.ng-scope[data-ui-view=main] {
    display: none;
  }
  .tms-tooltip {
    display: none !important;
  }
  #tms-print-preview-holder {
    display: block;
  }
  #tms-print-preview-holder .tms-print {
    overflow-y: visible;
  }
  #tms-print-preview-holder .tms-print-metadata {
    padding: 8px;
  }
  #tms-print-preview-holder .tms-print-metadata .page-title {
    float: left;
    font-weight: bold;
  }
  #tms-print-preview-holder .tms-print-metadata .print-date {
    float: right;
  }
  #tms-print-preview-holder .print-filters-holder {
    background-color: #122849 !important;
    -moz-border-radius-topleft: 6px !important;
    -moz-border-radius-topright: 6px !important;
    -moz-border-radius-bottomleft: 6px !important;
    -moz-border-radius-bottomright: 6px !important;
    -webkit-border-top-left-radius: 6px !important;
    -webkit-border-top-right-radius: 6px !important;
    -webkit-border-bottom-left-radius: 6px !important;
    -webkit-border-bottom-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  #tms-print-preview-holder .print-filters-holder:before,
  #tms-print-preview-holder .print-filters-holder:after {
    content: " ";
    display: table;
  }
  #tms-print-preview-holder .print-filters-holder:after {
    clear: both;
  }
  #tms-print-preview-holder .print-filters-holder .tms-icon {
    float: left;
    color: #0C1C34 !important;
    line-height: 47px;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters {
    float: left;
    width: calc(100% - 36px);
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner {
    padding-bottom: 10px;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner:before,
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner:after {
    content: " ";
    display: table;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner:after {
    clear: both;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner .print-filter-item {
    float: left;
    padding-top: 15px;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner .print-filter-item:before,
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner .print-filter-item:after {
    content: " ";
    display: table;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner .print-filter-item:after {
    clear: both;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner .print-filter-item b {
    float: left;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner .print-filter-item .label.label-default {
    background-color: #0C1C34 !important;
    color: #ffffff !important;
    border: none;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-inner .print-filter-item .label.label-default:last-child {
    margin-right: 0;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner {
    float: left;
    margin-right: 8px;
    padding: 0 10px;
    background-color: #122849 !important;
    border: 1px solid #E0E0E0;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner:before,
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner:after {
    content: " ";
    display: table;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner:after {
    clear: both;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner .print-filter-name {
    float: left;
    line-height: 47px;
    font-weight: bold;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner .print-filter-name:before,
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner .print-filter-name:after {
    content: " ";
    display: table;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner .print-filter-name:after {
    clear: both;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner .print-filter-name .print-filters-count {
    float: left;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #999999 !important;
    color: #ffffff !important;
    margin-top: 15.5px;
    margin-left: 5px;
    margin-right: 10px;
    font-size: 12px;
    border: 1px solid #999999;
    -moz-border-radius-topleft: 100% !important;
    -moz-border-radius-topright: 100% !important;
    -moz-border-radius-bottomleft: 100% !important;
    -moz-border-radius-bottomright: 100% !important;
    -webkit-border-top-left-radius: 100% !important;
    -webkit-border-top-right-radius: 100% !important;
    -webkit-border-bottom-left-radius: 100% !important;
    -webkit-border-bottom-right-radius: 100% !important;
    border-top-left-radius: 100% !important;
    border-top-right-radius: 100% !important;
    border-bottom-left-radius: 100% !important;
    border-bottom-right-radius: 100% !important;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner .print-filter-values {
    float: left;
    line-height: 47px;
    padding: 0 10px;
  }
  #tms-print-preview-holder .print-filters-holder .print-filters .print-filters-inner:last-child {
    margin-right: 0;
  }
  #tms-print-preview-holder .tms-print-search-query {
    float: left;
    line-height: 40px;
    padding: 0 10px;
  }
  #tms-print-preview-holder .tms-print-search-query .tms-icon {
    line-height: 40px;
    color: #0C1C34 !important;
    float: left;
    font-size: 36px;
    margin-right: 10px;
  }
  #tms-print-preview-holder .tms-print-search-query .tms-grid-items-count {
    float: right !important;
    text-transform: lowercase;
  }
  #tms-print-preview-holder .tms-print-block {
    padding: 8px;
    padding-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  #tms-print-preview-holder .tms-print-cat-header {
    height: 36px / 2;
    background: #FAFAFA !important;
  }
  #tms-print-preview-holder .tms-print-cat-header:before,
  #tms-print-preview-holder .tms-print-cat-header:after {
    content: " ";
    display: table;
  }
  #tms-print-preview-holder .tms-print-cat-header:after {
    clear: both;
  }
  #tms-print-preview-holder .tms-print-cat-header .tms-print-ch {
    float: left;
    height: 36px / 2;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    /*                border-left: 1px solid red;
                border-right: 1px solid red;*/
    padding: 0 9px;
    overflow: hidden;
  }
  #tms-print-preview-holder .tms-print-datagrid {
    page-break-inside: auto;
    background: #ffffff !important;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-col {
    float: left;
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-col .tms-print-cell {
    /*line-height: 36px;*/
    padding: 0 9px;
    vertical-align: middle;
    line-height: 36px !important;
    height: 36px;
    overflow: hidden;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-col .tms-print-cell .tms-print-cell-text {
    display: inline-block;
    line-height: 12px !important;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-header {
    page-break-inside: avoid;
    page-break-after: auto;
    background: #FAFAFA !important;
    color: #393939;
    font-weight: bold;
    height: 36px;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-header:before,
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-header:after {
    content: " ";
    display: table;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-header:after {
    clear: both;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-row {
    page-break-inside: avoid;
    page-break-after: auto;
    background: #ffffff !important;
    height: 36px;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-row:before,
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-row:after {
    content: " ";
    display: table;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-row:after {
    clear: both;
  }
  #tms-print-preview-holder .tms-print-datagrid .tms-print-datagrid-row.odd {
    background: #f9fafc !important;
  }
  table {
    page-break-inside: auto;
  }
  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
}