.ngdialog,.ngdialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0}@-webkit-keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}@keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}.ngdialog{box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;z-index:10000}.ngdialog *,.ngdialog :after,.ngdialog :before{box-sizing:inherit}.ngdialog.ngdialog-disabled-animation,.ngdialog.ngdialog-disabled-animation .ngdialog-content,.ngdialog.ngdialog-disabled-animation .ngdialog-overlay{-webkit-animation:none!important;animation:none!important}.ngdialog-overlay{background:rgba(0,0,0,.4);-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog-no-overlay{pointer-events:none}.ngdialog.ngdialog-closing .ngdialog-overlay{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-content{background:#fff;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s;pointer-events:all}.ngdialog.ngdialog-closing .ngdialog-content{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-close:before{font-family:Helvetica,Arial,sans-serif;content:'\D7';cursor:pointer}body.ngdialog-open,html.ngdialog-open{overflow:hidden}.ngdialog .ngdialog-content {
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 15px;
   color: #535353;
   margin: 0 auto;
   max-width: 100%;
   position: relative;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
   width: 450px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
}

.ngdialog.settings-window {
   overflow: inherit;
}

.dialog-title {
   width: 100%;
   font-weight: bold;
   display: inline-block;
   padding: 24px 24px 10px 24px;
   font-family: "Helvetica Neue", Helvetica, Arial, "OpenSans-Bold", sans-serif;
   font-size: 21px;
   color: #000000;
   letter-spacing: 0;
   line-height: 22px;
}

.dialog-content {
   background-color: #ffffff;
   overflow: auto;
   padding: 10px 13px 25px 13px;
   display: block;
}

.dialog-content a {
   color: #2e6ca2;
   text-decoration: none;
}

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

.dialog-button-row {
   background-color: #ffffff;
   border-top: 1px solid #e2e2e2;
   height: 80px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
   padding: 20px 0px;
}

.dialog-button-row > button {
   border: none;
}

.dialog-button-row > a {
   text-decoration: none;
}

.about-dialog-content {
   padding: 0px 20px;
   font-size: 12px;
}

.about-dialog-more {
    padding: 0px 20px;
    font-size: 12px;
 }

.clipboard-help-dialog-content {
   padding: 0px 20px;
   font-size: 14px;
   white-space: pre-wrap;
}

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

.about-dialog-product-name-text {
   font-size: 16px;
}

.about-dialog-logo {
   float: left;
   padding: 0px;
   background: url(icons-19399198/horizon-icon.svg) top left no-repeat;
   background-size: 100px 100px;
   width: 100px;
   height: 210px;
   margin: 20px 20px 20px 0px;
}

.modal-window-overlay {
   /* A dark translucent div that covers the whole screen */
   position: absolute;
   z-index: 9999;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000000;
   opacity: 0.7;
}

.modal-window {
   /* A centered div above the overlay with a box shadow. */
   z-index: 10000;
   position: absolute;

   /* Center the dialog */
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);

   background-color: #fff;
   border-radius: 2px;
}

.modal-window-close-button {
   position: absolute;
   top: 5px;
   left: 5px;
   padding: 0px;
   background: url(icons-19399198/icon-close.png) center no-repeat #eee;
   background-size: 10px 10px;
   display: inline-block;
}

.modal-window-title {
   left: 0px;
   vertical-align: middle;
   width: 100%;
   color: #535353;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   display: inline-block;
   line-height: 30px;
   padding: 5px 0px;
}

.modal-title-separator {
   background-color: #fff;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #ccc;
   margin: 0px 0px;
   padding: 0px;
   height: 0px;
   width: 100%;
   left: 0px;
}

.modal-content {
   top: 40px;
   width: 100%;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 14px;
   color: #535353;
}

.modal-button {
   float: right;
   font-size: 13px;
   color: white;
   height: 33px;
   line-height: 33px;
   width: 135px;
   border-radius: 4px;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.modal-submit-button {
   margin: 20px 0px 20px 0px;
   background-color: #349AD5;
}

.settings-container {
   margin: 0px 20px;
   line-height: 20px;
}

.settings-container > button {
   border: none;
}

.settings-separator {
   margin: 15px 20px;
   height: 1px;
   background: #D9E4EA;
}

.settings-label {
   font-size: 17px;
   vertical-align: middle;
   display: block;
}

.settings-toggle-container {
   float: right;
}

.hidecontentlabel {
    font-size:0;
}

.settings-switch-label {
   font-size: 12px;
   font-weight: bold;
   color: #363636;
   display: inline-block;
   height: 32px;
   vertical-align: middle;
}

.settings-text {
   font-size: 12px;
   font-family: "OpenSans", Helvetica, Arial, "Lucida Grande", sans-serif;
   display: block;
   width: 239px;
   color: #495A67;;
   margin-top: 6px;
}

.log-path-text {
   width: 380px;
}

.icon-and-name-container {
   cursor: pointer;
   float: left;
}

.session-ops-window-text {
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 15px;
   color: #363636;
   margin: 0px 10px;
   word-wrap: break-word;
   white-space: pre-wrap;
}

.session-ops-window-text.warning {
   font-size: 12px;
   font-weight: bold;
   margin-top: 0px;
   width: 370px;
}

.modal-button-base.disable {
   opacity: .5 !important;
   cursor: default !important;
}

.modal-button-base {
   font-family: "SFProText-Semibold", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 13px;
   color: white !important;
   height: 36px;
   padding: 0px 18px;
   line-height: 36px;
   display: inline-block;
   cursor: pointer;
   text-align: center;
   letter-spacing: 0;
   min-width: 77px;
}

.modal-button-base:visited {
   color: white !important;
}

.modal-button-left {
   float: left;
}

.modal-button-right {
   float: right;
   margin-right: 33px;
}

.modal-button-session-management-center {
   float: right;
   border: none;
}

.modal-button-base.disable {
   opacity: .5 !important;
   cursor: default !important;
}

.modal-button-blue {
   background-color: #157DB9;
}

.modal-button-blue:hover {
   background-color: #3da9de;
}

.modal-button-grey {
   background-color: #696a6f;
   margin-right: 10px;
}

.modal-button-grey:hover {
   background-color: #7a7b80;
}

.modal-button-reset {
   margin-top: 0px;
   margin-left: 20px;
   float: right;
}

.modal-button-reset.disable:hover {
   background-color: #249bd5;
}

.modal-button-set {
   margin-top: 0px;
   margin-left: 20px;
   float: right;
}

.modal-button-restore {
   font-family: "SFProText-Semibold", Helvetica, Arial, "Lucida Grande", sans-serif;
   color: white !important;
   display: inline-block;
   cursor: pointer;
   text-align: center;
   letter-spacing: 0;
   border-radius: 10px;
}

.modal-button-add-display {
   margin: 0 auto;
   height: 50px;
   text-align: center;
   display: table;
   line-height: 50px;
   margin-top: 20px;
   margin-bottom: 5px;
}

.modal-button-add-display.disable:hover {
   background-color: #249bd5;
}

.toggle-opt {
   display: inline-block;
   height: 24px;
}

.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
   box-sizing: border-box;
}

.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
   background: none;
}

.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
   background: none;
}

.tgl + .tgl-btn {
   outline: 0;
   display: inline-block;
   width: 39px;
   height: 24px;
   position: relative;
   cursor: pointer;
}

.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
   position: relative;
   display: inline-block;
   content: "";
   width: 21px;
   height: 100%;
}

.tgl + .tgl-btn:after {
   left: 0;
}

.tgl + .tgl-btn:before {
   display: none;
}

.tgl:checked + .tgl-btn:after {
   left: 50%;
}

.tgl-light + .tgl-btn {
   border-radius: 2em;
   border: 1px solid rgba(0,0,0,0.10);
   border-radius: 11.62px;
}

.tgl-light + .tgl-btn:after {
   border-radius: 50%;
   background: #FFFFFF;
   border: 0 solid rgba(0,0,0,0.10);
   box-shadow: 0 2px 1px 0 rgba(0,0,0,0.05),
               0 2px 2px 0 rgba(0,0,0,0.10),
               0 2px 2px 0 rgba(0,0,0,0.05);
}

.tgl-light:checked + .tgl-btn {
   background: #85C81A;
}

.option-container {
   height:20px;
   margin-top: 8px;
}

.option-container.small-top-margin {
   margin-top:2px;
}

.right-option {
   width: 60%;
   float: right;
   height: 20px;
}

.left-inline-text {
   font-size: 12px;
   font-weight: bold;
   float: left;
   width: 40%;
   text-align: left;
   line-height: 20px;
}

.multi-launch-title {
    margin-left: 5%;
    margin-right: 5%;
}

.multi-launch-setting-dialog {
    margin-left: 5%;
    margin-right: 5%;
    width:400px;
    height:200px;
    border: 1px solid black;
    overflow: scroll;
}

.multi-launch-application {
    width: 350px;
    margin-top: 4%;
    margin-left: 5%
}

.multi-launch-app-img {
    width: 16px;
    height: 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {

   .modal-window-close-button {
      background: url(icons-19399198/icon-close2x.png) center no-repeat #eee;
      background-size: 10px 10px;
   }

   .about-dialog-logo {
      background: url(icons-19399198/horizon-icon.svg) top left no-repeat;
      background-size: 100px 100px;
   }
}
body {
   overflow: hidden;
}

.ng-scope {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.canvas_css {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}

.icon-button {
   width: 50px;
   height: 50px;
   border-radius: 4px;
   cursor: pointer;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -25px;
   margin-top: -25px;
}

.icon-select {
   background: url(icons-19399198/select_monitor.png) center no-repeat;
   background-size: 50px 50px;
}

.background-display {
   width: 100%;
   height: 100%;
   background-color: #c3c3c3;
}

.suggest-text {
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   font-size: 16px;
   position: absolute;
   width: 280px;
   height: 50px;
   margin-left: -140px;
   margin-top: -25px;
   text-align: center;
   white-space: pre-line;
}

.central {
   left: 50%;
   top: 50%;
}

.top-area {
   left: 50%;
   top: 25%;
}