.ptz-preset-container {
  /*background-color: #292d35;*/ 

}

.ptz-preset-container md-tabs-canvas {
  height: 39px; }

.ptz-preset-container md-pagination-wrapper {
  background-color: #1a2028;
  height: 100%;
  width: 100%; }

.ptz-preset-container md-tab-item {
  height: 32px;
  color: #72767f;
  border-right: 1px solid #393e48;
  margin-top: 3px;
  padding-top: .5%;
  text-transform: none; }

.ptz-preset-container md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  height: 100%; }

.ptz-preset-container .md-tab.md-active {
  background-color: #292d35;
  color: #eaeaea;
  height: 100%;
  margin-top: 3px;
  padding-top: .5%;
  border-right: 1px solid #292d35;
  text-transform: none; }

.ptz-preset-container .md-tabs.md-default-theme .md-tab[disabled], md-tabs .md-tab[disabled], md-tabs.md-default-theme .md-tab[disabled] md-icon, md-tabs .md-tab[disabled] md-icon {
  color: #757575; }

.ptz-preset-container md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
  color: #295287;
  background: #295287;
  display: none; }

.ptz-preset-container md-tabs[md-border-bottom] md-tabs-wrapper {
  border-bottom-color: #292d35; }

.presets-filter-input {
  border-bottom: none !important;
  width: 95%;
  max-width: none;
  padding-left: 10px; }

.ptz-preset-list {
  background-color: #292d35;
  display: flex; }

.ptz-preset-seconds {
  display: none; }

div.ptz-preset-tour-list:hover {
  background-color: #3a3e48; }

div.ptz-preset-tour-list .select_ptz_dropdown {
  border-bottom: solid #292d35 !important;
  padding-top: 6px; }

div.ptz-preset-tour-list:hover .select_ptz_dropdown {
  border-bottom: solid #3a3e48 !important; }

.ptz-preset-tour-list .preset-tour-button-container {
  padding-top: 2px;
  display: none; }

.ptz-preset-tour-list:hover .preset-tour-button-container {
  display: flex !important; }

.ptz-preset-tour-list:hover .blue-border-input {
  background-color: #3a3e48 !important; }

.ptz-preset-list:hover .blue-border-input {
  background-color: #3a3e48 !important; }

.ptz-preset-list.ptz-preset-selected .blue-border-input {
  background-color: #3a3e48 !important; }

.ptz-preset-container input:-ms-input-placeholder {
  /* IE 10+ */
  color: grey !important; }

.ptz-preset-container .ptz-filter-icon {
  color: #757575;
  width: 17px;
  height: 17px;
  top: 2px;
  right: 5px;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVBJREFUeNqc080rRFEcxvEzE3lZSIqynVj4B9QoeVsgslGSEjY21pfmX6DYTBYSG82KhUljMcmQrLCwsKGkJC81RUPZyPfUMzXunNttPPXpNnXm6XfOPTfieZ4pyRhmEUcTnpBFEtcmIFE967CLfQzgEjt4wJx+e0ElVXpuYhzrSOCjZE0btrGMd2y4JhnGlAoWfAU2dxjEFVbQ4iqZ1x8TJjhf2k4DJl0lPThxTOBPTtuJu0oa8WrC84O81peVPOrwwmLfYCueXSVH6EIspGQCtbo3ZSX2xCPY0iJX2rXuHnuukhss6YDP0eu7hDM4QzPeUB102VZRwBqO9abyOoMaTXCBTmQwpNf+59ob3UR7Los4xC1SmEYH+jVRt4rq/ZMU86K9u/Kt253R1g8waieKmspSUNEp+pC2E1VaYvOpopy++NR/Sorf0oi2lPwVYABINkml6nKNJQAAAABJRU5ErkJggg=="); }

.ptz-info-icon {
  color: #898d96;
  width: 21px;
  height: 21px;
  top: 9px;
  right: 10px;
  position: absolute;
  font-size: 16px; }

.ptz-info-icon .tooltiptext {
  line-height: 20px;
  font-family: Arial, sans-serif;
  font-size: 14px; }

.ptz-info-icon:hover {
  color: #b5b7bd; }

.ptz-preset-container .preset-button-container {
  padding-top: 2px;
  display: none; }

.ptz-preset-list:hover .preset-button-container {
  display: flex !important; }

.ptz-preset-list.ptz-preset-selected .preset-button-container {
  display: flex !important; }

.ptz-preset-container .preset-show {
  display: flex; }

.ptz-preset-container .add-preset-container {
  position: absolute;
  width: 100%;
  top: 54%; }

.ptz-preset-container .add-preset-text {
  margin-left: 4%;
  color: #376fd1;
  cursor: pointer; }

.ptz-preset-container .md-tab span {
  display: inline-block;
  margin-top: 0px; }

.ptz-preset-container .ptz-tabs-icon {
  font-size: 22px;
  float: left;
  margin: 4px 8px 0px 6px; }

.ptz-preset-tour-second-icon {
  background-position-x: 0;
  background-position-y: 0;
  width: 18px;
  height: 18px;
  top: 5px;
  position: relative;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAASCAYAAAApH5ymAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAk9JREFUeNqslk9IVEEYwN1XICQEFgZhCEKCVKSCqald+0OGlqiIeNGzRjfxJIKwHdPTInrQLFqIrA7C1qGLUYkHkcpFPKgIdqiDFHiI9DePb5f3hnnz9u028GN355v5zfe+N+/txJ6+eFNkaA/gEdRBifT9gTV4AsnMwL7ue0W5tkudcav328uRpD4npiVYCSm4CGlQwRWJ1cJdqIEduAUbuSRIYpG8JLphSrAZlmETuuSqTK0KnkG9kpFgKiQ5n5fF1wLG+byMS3kTvAC7cmXt2txXEhvW+mdgAKpJMh2waNbLgu1azPXSP6z1Z73E0o70qyv8YUhOtetwxdA/COvwxVJA16snZ/My1udVCd6BCmgIWGQffgbEWuH0QvJtr6F6BXtx9KoEJ2BLNmjUdgCrEDfEXC8ViexlTtbryCM/bxlfDL8t8VmplN7+i/ek/EhbBjqyXzrke0xuz7LEv1rmhnq5jT4v1fN5Mwn+s4gWYEg+M6L30CbxI8vcgr2O5wUd1MbhPJTBWTijPe3VlrmVln2Wk1dV8Dv0w2PLQn8FU1PvrD1Df6iXJEO9qoJjcBlK83iKT0EjjBpirpc9FtnLnKzXkT/+X/AxjwQ/wCH/JHOG6hTsxTGX2YMtcs+nI0im4Bo0Wca4XioyHaF6Pq/3sHAbluAz9MB2gKMcnsMNuE/1FkMW9HmpynbAOJ+XcYum49ZVeAfn4BO8lvfRkVS4Q6qibt1N9bbP8bgVyUtyq0HnQe9B4KFywwnPO02d0yYhkeeB1eolsYQ+51iAAQAg1OebZDvESgAAAABJRU5ErkJggg=="); }

.devices-new-ui .form-control-ptz span input {
  width: 50px !important;
  padding-left: 5px;
  min-width: 30px;
  border-bottom: 1px solid #358cd8 !important;
  background-color: #292d35 !important;
  border-radius: 0px !important; }

.devices-new-ui .form-control-ptz span a {
  background-color: #3a3e48 !important; }

/* Tooltip container */
.ptz-preset-container .ptz-tooltip {
  position: relative;
  display: inline-block; }

/* Tooltip text */
.ptz-preset-container .ptz-tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  line-height: 20px;
  background-color: #434852;
  color: #eaeaea;
  padding: 5px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -25px;
  right: 30px; }

.ptz-preset-container .ptz-tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 30px;
  right: -9px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #434852; }

/* Show the tooltip text when you mouse over the tooltip container */
.ptz-preset-container .ptz-tooltip:hover .tooltiptext {
  visibility: visible; }

.preset-button-container .vms-save-icon-in-grid {
  background-color: transparent;
  padding: 0;
  border: none;
  outline: none;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNGQkVCOENFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzNGQkVCOEJFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7q4HScAAABFklEQVR42mJcsnLTSQYGBg4g/s8AAepAfAeI/zIggBYQ3wRiFSB+C8RZQLwJJMEC1ayPpPgCEDsA8QcksQdAbAvEB4DYB4h3QcU3sSDZTCx4AsRuMENYGMgDMEPOYjPgMxBPA+JfSGIiULEPaIZ8x2ZAIBDroIktgNKX0RVjM+ANNLCIAtgMUARiPSBmxCL3FIhP4zMgDYgLgXgvEP/BYoAxED8H4nBY7CEbwAbEldA08QmPq3cCsSMQ70M3QAKIH0E1FwGxHZrG30AcBcTHgVgOmxeYkBLVMpgNSOAn1BCCgQgCfkBshSb2A4hziTVgPxDfwuIFrC7AFl23oZiodABy2kUgZoUGzgUCeiSgyRwU3a8AAgwAkPc9WnnF8ggAAAAASUVORK5CYII=); }

.preset-button-container .vms-save-icon-in-grid:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjM5NTFGRDlFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjM5NTFGRDhFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4MCewUAAABFklEQVR42mI0TNp2koGBgQOI/zNAgDoQ3wHivwwIoAXEN4FYBYjfAnEWEG8CSbBANesjKb4AxA5A/AFJ7AEQ2wLxASD2AeJdUPFNLEg2EwueALEbzBAWBvIAzJCz2Az4DMTTgPgXkpgIVOwDmiHfsRkQCMQ6aGILoPRldMXYDHgDDSyiADYDFIFYD4gZscg9BeLT+AxIA+JCIN4LxH+wGGAMxM+BOBwWe8gGsAFxJTRNfMLj6p1A7AjE+9ANkADiR1DNRUBsh6bxNxBHAfFxIJbD5gUmpES1DGYDEvgJNYRgIIKAHxBboYn9AOJcYg3YD8S3sHgBqwuwRddtKCYqHYCcdhGIWaGBc4GAHgloMgdF9yuAAAMArl88pISRniYAAAAASUVORK5CYII=); }

.preset-button-container .vms-save-icon-in-grid:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNGQkVCOENFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzNGQkVCOEJFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7q4HScAAABFklEQVR42mJcsnLTSQYGBg4g/s8AAepAfAeI/zIggBYQ3wRiFSB+C8RZQLwJJMEC1ayPpPgCEDsA8QcksQdAbAvEB4DYB4h3QcU3sSDZTCx4AsRuMENYGMgDMEPOYjPgMxBPA+JfSGIiULEPaIZ8x2ZAIBDroIktgNKX0RVjM+ANNLCIAtgMUARiPSBmxCL3FIhP4zMgDYgLgXgvEP/BYoAxED8H4nBY7CEbwAbEldA08QmPq3cCsSMQ70M3QAKIH0E1FwGxHZrG30AcBcTHgVgOmxeYkBLVMpgNSOAn1BCCgQgCfkBshSb2A4hziTVgPxDfwuIFrC7AFl23oZiodABy2kUgZoUGzgUCeiSgyRwU3a8AAgwAkPc9WnnF8ggAAAAASUVORK5CYII=); }

.preset-button-container .vms-edit-icon-in-grid {
  background-color: transparent;
  padding: 0;
  border: none;
  outline: none;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNGQkVCODRFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzNGQkVCODNFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz49Ct4cAAAAxElEQVR42pzRPQrCQBBAYVkXO49gZ6GpBAsbvYTkFDaClTfQE9grNoKVkBNo4wXUVvQIVgF/3sAOLGKx48BHNPAmG+LXm13FMDUsMUCBkTPGW1zRwAsLb4wz5HjL03FzhviMY/gt92bY+8T4hCmqWIX/IveGWOaJO+rhVUpniGXmaGssN5wxzuL41wJT/L3AHMcL/op1gcYXaywjn3GIXnSSMjXWBV1M0I9O0kqJ9RVkwQOHcJLkWBc0MUYnXJNjmY8AAwBbmT6bLr5VLQAAAABJRU5ErkJggg==); }

.preset-button-container .vms-edit-icon-in-grid:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTYxMERFQjRFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTYxMERFQjNFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5x8ObjAAAAwklEQVR42pzRPw4BQRSAccZE5wg6BVsRhYZLyJ5AqZGo3IAT6Km1XIDGBdAKR1Bt4s/3knnJRBTzvOSXZZPv7Wy23BntSoapYoUBthg7Y7zBFXW8sPTGOEOOtzwdN2eIzziG33Jvjr1PjE+YoYJ1+C9yb4hlnrijFl6lcIZYZoGWxnLDGeMsjn8tMMXfC8xxvOCvWBdofLHGMvIZh+hFJylSY13QxRT96CTNlFhfQRY8cAgnSY51QQMTtMM1OZb5CDAAbNE94qXo/loAAAAASUVORK5CYII=); }

.preset-button-container .vms-edit-icon-in-grid:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQyM0E3MTlFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQyM0E3MThFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6EzbXRAAAAxElEQVR42pzRPw4BQRSAccZE5wg6BVtJFBoOIFGI7Ck0EpUbcAI9tdYJaFwArXAE1Sb+fC+Zl0xEMc9Lflk2+d7OZsuD4ahkmCrW6GOHiTPGW1xRxwsrb4wz5HjL03FzhviMY/gt9xbY+8T4hDkq2IT/IveGWOaJO2rhVQpniGWWaGksN5wxzuL41wJT/L3AHMcL/op1gcYXaywjn3GMbnSSIjXWBR3M0ItO0kyJ9RVkwQOHcJLkWBc0MEU7XJNjmY8AAwDXuT1+PzKWBAAAAABJRU5ErkJggg==); }

.preset-button-container .vms-play-icon-in-grid {
  background-color: transparent;
  padding: 0;
  border: none;
  outline: none;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNGQkVCODhFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzNGQkVCODdFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6AOEM+AAABeUlEQVR42oyUMUgCYRTHz0e0huIYDQ1hIDSGc0QQ5BTB1SQHioOESIRLQ1tDNDSIQriE4aoQROQa7qHS4CCN4dHaEP0f/C++Pu7UBz/u+O69d9977/99sft2x7EsAfIgC1IgDnwwAurcANPA+eTowBErQRGMwTHogkOwxWeX62P6/dmS8X4DCqAEmuDH+kEPXIEcuAUboGwmKTLBDnh1ok0T34EBeAHvoBZDTxLcYoUOi5oHrsG6sIkTlmDaE2iBlYgkTcblhVN4COmBTsUFb+AcSEhpGpcVjrE/Y9ur4BIMwa71TeNSwj9+zql/mdNQnewb6xoXFwopOSfJNyehpT8a6xrnC5W4PSPBB7gAm+DZ+qZxI+EW3ZDG+WxcmiKzGy+M6wjPwhqVaNoeZf4VscMc4xrCw1SllDMLCi1D/yoO4DQooQbqlLIXUppZgke/OuP+HcAyJ6BSPmU/+hxjkk10WUIlSGAnCXbUNu6TM+s+adn3idqvAAMA2HhZ59Rt3J8AAAAASUVORK5CYII=); }

.preset-button-container .vms-play-icon-in-grid:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjM5NTFGRDVFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjM5NTFGRDRFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7M60PKAAABd0lEQVR42oyUP0gCcRTHz4e0huIYDQ1hEESTOEdEDU4t12YHhoOEiIRLQ1tDNDSIgrgZrQpBRK3i0hQlDQ7SGB6tDdL3wffi14879cEH5e69d+/P9/eLbR/fO5YlQQHkQBokgA+GoAuaYBI4v7T2HbESFMEIHIEeOARb/O3x+Yh+fxY3/l+DE1ACbTC1PvAMLkEe3IB1UDaTFJlgB/SdaNPELfAGnsAHqMcwkyRLrNBhUfPAFVgTDnHMFkx7AB2wHJGkzbiCcAu3ITPQrbjgFZwBCWlN43LCNQ5mlL0CLsA72LXeaVxa+MWvOf0vcRuqkwPjucYlhEJKzUnyw01o66Y6Nc4XKjEzI8EnOAcb4NF6p3FDYYluyOB8Dm6TIrMHL4zrCs/CKpVo2h5l/h1RYZ5xTeFhqlHK2QWFlqV/DQdwErRQBw1K2QtpzWzBo1+Dcf8OYJkbUCmfch4DrjHFIbpsoRIksJMEFd0Z90nVuk869n2i9ivAAMPcWedeSMO7AAAAAElFTkSuQmCC); }

.preset-button-container .vms-play-icon-in-grid:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQyM0E3MURFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQyM0E3MUNFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ztOdgAAABeUlEQVR42oyUP0gCcRTHz4e0huIYDQ1hEDSGs0QUIQ0t1yYHhkOEiIhLQ1tDNDSIQrgZTYEHQkSu4R4lDQ7RGB6tDdH3wffi14879cGHO373e+/en+/vl9jZ23csS4MSKIAsSIEAjEAPtMEk3Nz37xyxApTBGBwCHxyADT59ro+578+SxvslOALHoAN+rB8MwDkogiuwCipmkDID5MGTE28a+Bq8gEfwBpoJ9CTNFKvcMK954AKsCJv4zhJMuwddsBgTpEO/knAKNxE90Km44BnUgUSUpn4F4RiHU9JeAmfgFWxZ39QvK/zj54z6FzgN1cmusa5+KaGQMjOCfHMSWnrfWFe/QKjEzSkBPsApWAMP1jf1GwlTdCMaF7Bx6xSZ3XihX094FpapRNO2KfOvmAyL9GsLD1ODUs7NKbQc9zdwACdhCU3QopS9iNLMEjzua9Hv3wGscAIq5RP2Y8gxZthElyVUwwB2kDCjW+M+qVn3Sde+T9R+BRgAnzlZ58Stg3cAAAAASUVORK5CYII=); }

.preset-button-container .vms-pause-icon-in-grid {
  background-color: transparent;
  padding: 0;
  border: none;
  outline: none;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAABRSURBVDhP7cwhCsAwEETRXK8QkUPW1PaCEyK2LOw3Q0xFxDePYZqk7RDdEN0Q3QpcfXyRZ4sKrOH9vFplJ4sKnJO/n0Tk2SJEN0Q3RDdEL7UJ7CA8T8e9KdUAAAAASUVORK5CYII=); }

.preset-button-container .vms-pause-icon-in-grid:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAABSSURBVDhP7cyxCcAwEENRr5QxDC4yQ4bMejIuLhzcb4SbFC5+8xBqkrZDdEN0Q3Qr0Mf9RZ4tKrCG1/NqlZ0sKnBO/n4SkWeLEN0Q3RDdEL3UJjeBKGf8vNFZAAAAAElFTkSuQmCC); }

.preset-button-container .vms-pause-icon-in-grid:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAABNSURBVDhP7cwxCsAwDENRX6+Qofe/jEpKXUz9F9EpkOEvD6GQ9DtEN0Q3RLcGxzjfyKtlDZ6xZh9vljXYJwuc3JFXyxDdEN0Q3RC9FBcvgh13PnUFNAAAAABJRU5ErkJggg==); }

.preset-button-container .vms-delete-icon-in-grid {
  background-color: transparent;
  padding: 0;
  border: none;
  outline: none;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEJFMDU3MTNFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEJFMDU3MTJFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZOjTXAAAA6ElEQVR42mL8//8/AzJYumqzMJCaCsQuQPwPiLcAcXF0mO97ZHVMDJigDoi5gTgGiBOBWAmIC9EVMS5ZuakXSDuB2FAxOSD+CsRvoXwhIOYE4qdQPsgVe1iARBYQVwPxJwbiAB8Qt7JAOdxQk4gBILUMII3tUBvPEKnRAohbGEChCvTnBxBNDAaq/QGimdCiwh2Ic6DsICAOhbKzgdgDX3SYArEDlA0KaXso2xGITQjFI1FgVCMewILGPwHEr6DsXUgJfwcQP0RRCU0Nn4BYkYhUowxLOTAbVwPxOWDqYCTClUtBBECAAQDxwIMJ7Ek8/QAAAABJRU5ErkJggg==); }

.preset-button-container .vms-delete-icon-in-grid:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjM5NTFGRERFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjM5NTFGRENFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57cL6lAAAA50lEQVR42mL8//8/AzIwSt4uDKSmArELEP8D4i1AXHxurud7ZHVMDJigDoi5gTgGiBOBWAmIC9EVMRombesF0k4gNlRMDoi/AvFbKF8IiDmB+CmUD3LFHhYgkQXE1UD8iYE4wAfErSxQDjfUJGIASC0DSGM71MYzRGq0AOIWBlCoAv35AUQTg4Fqf4BoJrSocAfiHCg7CIhDoexsIPbAFx2mQOwAZYNC2h7KdgRiE0LxSBQY1YgHsKDxTwDxKyh7F1LC3wHED1FUQlPDJyBWJCLVKMNSDszG1UB8Dpg6GIlw5VIQARBgAJ89eRX1u/GFAAAAAElFTkSuQmCC); }

.preset-button-container .vms-delete-icon-in-grid:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTYxMERFQjBFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTYxMERFQUZFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Hx4HEAAAA50lEQVR42mL8//8/AzLw8g0UBlJTgdgFiP8B8RYgLt62ef17ZHVMDJigDoi5gTgGiBOBWAmIC9EVMXr6BPQCaScQGyomB8RfgfgtlC8ExJxA/BTKB7liDwuQyALiaiD+xEAc4APiVhYohxtqEjEApJYBpLEdauMZIjVaAHELAyhUgf78AKKJwUC1P0A0E1pUuANxDpQdBMShUHY2EHvgiw5TIHaAskEhbQ9lOwKxCaF4JAqMasQDWND4J4D4FZS9Cynh7wDihygqoanhExArEpFqlGEpB2bjaiA+B0wdjES4cimIAAgwACUuc52QmRy8AAAAAElFTkSuQmCC); }

.channels-container .ptz-video-settings .current-preset-selected-container {
  color: #ced1d5;
  margin-top: 326px;
  margin-left: 13px;
  min-height: 22px;
  max-height: 90px;
  height: calc(100% - 530px); }

.channels-container .ptz-preset-container {
  height: calc(100% - 40px);
  padding: 7px 16px 0;
    /*
.ptz-preset-list:hover {
    background-color: #3a3e48;
}

.ptz-preset-list.ptz-preset-selected {
    background-color: #3a3e48;
}

.ptz-preset-list:hover .ptz-preset-seconds{
    display:block !important;
}
*/ }
  .channels-container .ptz-preset-container md-content {
    /*background-color: #292d35;*/
     background-color: inherit;
    padding: 0;
    height: 100%; }
  .channels-container .ptz-preset-container md-prev-button, .channels-container .ptz-preset-container md-next-button {
    display: none; }
  .channels-container .ptz-preset-container md-pagination-wrapper {
    display: flex;
    flex: auto;
    align-items: center; }
  .channels-container .ptz-preset-container md-tabs-canvas.md-paginated {
    margin: 0; }
  .channels-container .ptz-preset-container md-tab-content > div {
    height: 100%; }
  .channels-container .ptz-preset-container md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
    top: 39px; }
  .channels-container .ptz-preset-container md-tab-content {
    transition: none; }
  .channels-container .ptz-preset-container .preset-header-container {
    color: #eaeaea;
    height: 39px;
    background-color: #31353f; }
    .channels-container .ptz-preset-container .preset-header-container .preset-header-name-container {
      padding: 5px 12px 0;
      min-width: 138px;
      max-width: 138px;
      width: 138px; }
      .channels-container .ptz-preset-container .preset-header-container .preset-header-name-container div.text-overflow {
        max-width: 100%; }
    .channels-container .ptz-preset-container .preset-header-container .preset-header-numericid-container {
      padding: 5px 12px 0;
      min-width: calc(100% - 190px);
      max-width: calc(100% - 190px);
      width: calc(100% - 190px); }
      .channels-container .ptz-preset-container .preset-header-container .preset-header-numericid-container div.text-overflow {
        max-width: 100%; }
    .channels-container .ptz-preset-container .preset-header-container .preset-header-info-container {
      min-width: 30px;
      max-width: 30px; }
      .channels-container .ptz-preset-container .preset-header-container .preset-header-info-container .ptz-info-icon {
        display: block;
        top: auto;
        right: auto;
        margin: 9px auto 0; }
  .channels-container .ptz-preset-container .md-include-container {
    position: relative;
    height: calc(100% - 80px); 
    /*height: calc(100% - 160px);*/

  }
  .channels-container .ptz-preset-container .ptz-preset-list-container {
    color: #eaeaea;
    margin-bottom: 12px;
    overflow: auto;
    height: calc(100% - 49px); }
  .channels-container .ptz-preset-container .ptz-preset-list-item:hover, .channels-container .ptz-preset-container .ptz-preset-list-item.editable {
    background: #3a3e48; }
    .channels-container .ptz-preset-container .ptz-preset-list-item:hover .preset-item-numeric-id-container, .channels-container .ptz-preset-container .ptz-preset-list-item.editable .preset-item-numeric-id-container {
      min-width: calc(100% - 138px - 96px);
      max-width: calc(100% - 138px - 96px);
      width: calc(100% - 138px - 96px); }
    .channels-container .ptz-preset-container .ptz-preset-list-item:hover .preset-item-button-container, .channels-container .ptz-preset-container .ptz-preset-list-item.editable .preset-item-button-container {
      display: flex; }
  .channels-container .ptz-preset-container .preset-item-name-container {
    padding: 0 12px;
    min-width: 138px;
    max-width: 138px;
    width: 138px; }
    .channels-container .ptz-preset-container .preset-item-name-container input.blue-border-input {
      position: relative;
      top: -1px;
      width: 100%; }
  .channels-container .ptz-preset-container .preset-item-numeric-id-container {
    padding: 0 12px;
    min-width: calc(100% - 138px);
    max-width: calc(100% - 138px);
    width: calc(100% - 138px); }
    .channels-container .ptz-preset-container .preset-item-numeric-id-container input.blue-border-input {
      position: relative;
      top: -1px;
      width: 100%;
      max-width: 50px; }
  .channels-container .ptz-preset-container .preset-item-button-container {
    display: none;
    min-width: 96px;
    max-width: 96px;
    width: 96px; }
  .channels-container .ptz-preset-container .add-preset-container {
    position: static;
    margin-left: 12px;
    max-width: calc(100% - 12px); }
    .channels-container .ptz-preset-container .add-preset-container > button {
      max-width: 100%; }
    .channels-container .ptz-preset-container .add-preset-container > button .text-overflow {
      display: inline-block;
      max-width: 100%; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-container {
    overflow: auto;
    height: calc(100% - 120px);
    /*height: calc(100% - 49px);*/
    margin-bottom: 10px; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-item:hover .ptz-preset-tour-list-header {
    background: #3a3e48; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-item {
    color: #eaeaea; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-header:hover .ptz-preset-tour-list-header-addpreset-container {
    min-width: calc(100% - 18px - 120px - 56px - 72px);
    max-width: calc(100% - 18px - 120px - 56px - 72px);
    width: calc(100% - 18px - 120px - 56px - 72px); }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-header:hover .ptz-preset-tour-list-header-button-container {
    display: flex; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-header-item-container {
    font-size: 10px;
    text-align: right;
    min-width: 18px;
    max-width: 18px;
    width: 18px; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-header-name-container {
    padding: 0 12px;
    min-width: 120px;
    max-width: 120px;
    width: 120px; }
    .channels-container .ptz-preset-container .ptz-preset-tour-list-header-name-container input.blue-border-input {
      position: relative;
      top: -1px;
      width: 100%; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-header-numeric-id-container {
    padding: 0 12px;
    min-width: 56px;
    max-width: 56px;
    width: 56px; }
    .channels-container .ptz-preset-container .ptz-preset-tour-list-header-numeric-id-container input.blue-border-input {
      position: relative;
      top: -1px;
      width: 100%;
      max-width: 50px; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-header-addpreset-container {
    color: #358cd8;
    padding: 0 12px;
    min-width: calc(100% - 18px - 120px - 56px);
    max-width: calc(100% - 18px - 120px - 56px);
    width: calc(100% - 18px - 120px - 56px); }
    .channels-container .ptz-preset-container .ptz-preset-tour-list-header-addpreset-container:hover {
      color: #69b9ff; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-header-button-container {
    display: none;
    min-width: 72px;
    max-width: 72px;
    width: 72px; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-body-item.ptz-preset-selected, .channels-container .ptz-preset-container .ptz-preset-tour-list-body-item:hover {
    background: #3a3e48; }
    .channels-container .ptz-preset-container .ptz-preset-tour-list-body-item.ptz-preset-selected .ptz-preset-tour-list-body-seconds-container, .channels-container .ptz-preset-container .ptz-preset-tour-list-body-item:hover .ptz-preset-tour-list-body-seconds-container {
      display: flex; }
    .channels-container .ptz-preset-container .ptz-preset-tour-list-body-item.ptz-preset-selected .ptz-preset-tour-list-body-button-container, .channels-container .ptz-preset-container .ptz-preset-tour-list-body-item:hover .ptz-preset-tour-list-body-button-container {
      display: flex; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-body-name-container {
    padding: 0 12px 0 40px;
    min-width: 138px;
    max-width: 138px;
    width: 138px; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-body-numeric-id-container {
    padding: 0 12px;
    min-width: 56px;
    max-width: 56px;
    width: 56px; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-body-seconds-container {
    display: none;
    max-width: 102px;
    min-width: 102px;
    width: 102px; }
    .channels-container .ptz-preset-container .ptz-preset-tour-list-body-seconds-container .ptz-preset-tour-second-icon {
      background-size: cover;
      top: 1px;
      max-width: 14px;
      min-width: 14px;
      width: 14px;
      height: 14px; }
    .channels-container .ptz-preset-container .ptz-preset-tour-list-body-seconds-container .spinner.form-control-ptz {
      position: relative;
      top: -1px;
      min-width: 50px;
      max-width: 50px;
      width: 50px; }
    .channels-container .ptz-preset-container .ptz-preset-tour-list-body-seconds-container .text-overflow {
      min-width: 26px;
      max-width: 26px;
      width: 26px; }
  .channels-container .ptz-preset-container .ptz-preset-tour-list-body-button-container {
    display: none;
    flex-grow: 1; }

.ptz-circle-container {
  border-radius: 76px;
  width: 74px;
  height: 74px;
  margin: 22px 3px;

}
  .ptz-circle-container .ptz-control-container {
    background: #454545;
    background: -moz-radial-gradient(60%, ellipse cover, #454545 0%, #0d0d0d 100%);
    background: -webkit-radial-gradient(60%, ellipse cover, #454545 0%, #0d0d0d 100%);
    background: radial-gradient(ellipse at 60%, #454545 0%, #0d0d0d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#0d0d0d',GradientType=1 );
    -webkit-box-shadow: inset 0px 0px 26px 1px #0d0d0d;
    -moz-box-shadow: inset 0px 0px 26px 1px #0d0d0d;
    box-shadow: inset 0px 0px 26px 1px #0d0d0d;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    margin: auto; }
  .ptz-circle-container.pan {
    position: relative; }
    .ptz-circle-container.pan .ptz-control-container {
      position: relative; }
    .ptz-circle-container.pan .ptz-control {
      background: #454545;
      background: -moz-linear-gradient(top, #454545 0%, #0d0d0d 100%);
      background: -webkit-linear-gradient(top, #454545 0%, #0d0d0d 100%);
      background: linear-gradient(to bottom, #454545 0%, #0d0d0d 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#0d0d0d',GradientType=0 );
      -webkit-box-shadow: 0px 0px 1px 0px black;
      -moz-box-shadow: 0px 0px 1px 0px black;
      box-shadow: 0px 0px 1px 0px black;
      -webkit-transition: margin 0.1s;
      -moz-transition: margin 0.1s;
      -o-transition: margin 0.1s;
      transition: margin 0.1s;
      position: absolute;
      top: 15px;
      left: 15px;
      margin-top: 0;
      margin-left: 0;
      border-radius: 15px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .ptz-circle-container.pan .ptz-control:after {
        content: "";
        display: block;
        margin: auto;
        box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
        border-radius: 14px;
        width: 28px;
        height: 28px; }
    .ptz-circle-container.pan .ptz-pan-area {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      top: 15px;
      left: 15px;
      background: rgba(255, 0, 0, 0.2);
      background: transparent;
      border-radius: 15px;
      height: 30px;
      width: 30px;
      z-index: 1;
      cursor: pointer; }
    .ptz-circle-container.pan .vicon-font {
      display: block;
      position: absolute;
      color: #c7cbd1;
      font-size: 14px;
      text-align: center;
      line-height: 14px;
      width: 14px;
      height: 14px;
      cursor: pointer;
      text-shadow: rgba(255, 255, 255, 0.6) 0 0 10px; }
      .ptz-circle-container.pan .vicon-font:hover {
        color: #69b9ff; }
    .ptz-circle-container.pan .v-arrow-up {
      top: -7px;
      left: 31px; }
    .ptz-circle-container.pan .v-arrow-down {
      left: 31px;
      bottom: -7px; }
    .ptz-circle-container.pan .v-arrow-left {
      top: 31px;
      left: -7px; }
    .ptz-circle-container.pan .v-arrow-right {
      top: 31px;
      right: -7px; }
    .ptz-circle-container.pan .v-arrow-up.left {
      transform: rotate(-45deg);
      top: 4px;
      left: 4px;
      font-size: 10px; }
    .ptz-circle-container.pan .v-arrow-up.right {
      transform: rotate(45deg);
      top: 4px;
      left: auto;
      right: 4px;
      font-size: 10px; }
    .ptz-circle-container.pan .v-arrow-down.left {
      transform: rotate(45deg);
      bottom: 4px;
      left: 4px;
      font-size: 10px; }
    .ptz-circle-container.pan .v-arrow-down.right {
      transform: rotate(-45deg);
      bottom: 4px;
      left: auto;
      right: 4px;
      font-size: 10px; }
  .ptz-circle-container.zoom {
    position: relative; }
    .ptz-circle-container.zoom .ptz-control-container {
      position: relative;
      overflow: hidden; }
      .ptz-circle-container.zoom .ptz-control-container:after {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 2px);
        left: 2px;
        right: 2px;
        height: 4px;
        background: #454545;
        background: -moz-linear-gradient(top, #454545 0%, #0d0d0d 100%);
        background: -webkit-linear-gradient(top, #454545 0%, #0d0d0d 100%);
        background: linear-gradient(to bottom, #454545 0%, #0d0d0d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#0d0d0d',GradientType=0 ); }
    .ptz-circle-container.zoom .ptz-control {
      font-size: 24px;
      text-align: center;
      color: #c7cbd1;
      width: 100%;
      height: 50%;
      cursor: pointer; }
      .ptz-circle-container.zoom .ptz-control.in {
        line-height: 34px; }
      .ptz-circle-container.zoom .ptz-control.out {
        line-height: 20px; }
      .ptz-circle-container.zoom .ptz-control:hover {
        background: rgba(105, 185, 255, 0.1);
        color: #69b9ff; }

/*# sourceMappingURL=ptzPresetStyle.css.map */

.ptz-auto-add-home{
    /*height:calc(100% - 93px);
    overflow-y:auto;*/
}

.ptz-auto-add-home .ptz-preset-container .md-tab {
    font-size: 12.8px;
}
.ptz-auto-add-home .channels-container .ptz-preset-container {
    padding: 0 20px;
}
.ptz-auto-add-home .ptz-preset-container md-tabs-canvas {
    height: 32px;
}
.ptz-auto-add-home .tab-inner-header {
    display: none;
}
.auto-home-container{
    padding-top: 9px;
}
.auto-home-container autoHome-range span {
    padding-left:26px;
}
.auto-home-container label {
    padding-left: 0px;
}
.auto-home-container .switch-btn {
    display: flex;
    align-items:center;
    height: 30px;
}
.auto-home-container .vms-numeric {
    width: 54px;
}
.auto-home-container .auto-home-action {
    width: 128px;
}
.auto-home-container .configuration-ditails-form {
    margin-top: 9px;
}
.vms-ptz-grid{
    padding: 0 19px;
}
.channels-container .vms-big-btn-footer {
    border-color:#000!important;
}
.channels-container .ptz-autoHome-footer-container {
   
    width: 98%;
    display: flex;
    justify-content: flex-end;
    margin-left:25px;
    padding: 24px 0;
    border-top: 1px solid #000;
}
.ptz-page .ptz-controls-container{
    margin-right:0;
    padding-left: 13px;
}
.ptz-page .vms-slider-container{
    margin-left:0;
}

.channels-container .ptz-autoHome-footer-container button {
    width: 58px;
    height: 26px;
    font-size: 9.6px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.32px;
    text-align: center;
    color: #ffffff;
}

.channels-container .ptz-control-element-container {
    width: calc(50% - 31px);
}