.theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } #themeSelectorModal .theme-list { list-style: none; padding: 0; } #themeSelectorModal .theme-list li { display: inline-block; cursor: pointer; margin-right: 10px; margin-bottom: 10px; padding: 10px; width: 110px; } #themeSelectorModal .theme-list li { border: 1px solid #3c5d80; } body.theme-tide #themeSelectorModal .theme-list li { border: 1px solid #3c5d80; } body.theme-tigerlily #themeSelectorModal .theme-list li { border: 1px solid #744b71; } body.theme-crickets #themeSelectorModal .theme-list li { border: 1px solid #3c5d80; } body.theme-honeycomb #themeSelectorModal .theme-list li { border: 1px solid #3c5d80; } body.theme-mint #themeSelectorModal .theme-list li { border: 1px solid #3c5d80; } body.theme-overcast #themeSelectorModal .theme-list li { border: 1px solid #3c5d80; } body.theme-quartz #themeSelectorModal .theme-list li { border: 1px solid #3c5d80; } #themeSelectorModal .theme-list li:hover { background-color: rgba(21,25,30,0.7); } #themeSelectorModal .theme-list li:last-child { margin-right: 0; } #themeSelectorModal .theme-list li.selected { padding: 7px; } #themeSelectorModal .theme-list li.selected { border: 3px solid #00a4d9; } body.theme-tide #themeSelectorModal .theme-list li.selected { border: 3px solid #00a4d9; } body.theme-tigerlily #themeSelectorModal .theme-list li.selected { border: 3px solid #ff8a3d; } body.theme-crickets #themeSelectorModal .theme-list li.selected { border: 3px solid #d4aaa5; } body.theme-honeycomb #themeSelectorModal .theme-list li.selected { border: 3px solid #ce9e59; } body.theme-mint #themeSelectorModal .theme-list li.selected { border: 3px solid #23b15d; } body.theme-overcast #themeSelectorModal .theme-list li.selected { border: 3px solid #467c80; } body.theme-quartz #themeSelectorModal .theme-list li.selected { border: 3px solid #6843cc; } #themeSelectorModal .theme-list li .icon-wrapper { height: 64px; width: 64px; margin: 0 auto; line-height: 6.5; } #themeSelectorModal .theme-list li .theme-title { font-weight: normal; font-size: 1.1em; margin-bottom: 0; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .notification-area { position: fixed; right: 0; top: 50px; max-width: 320px; z-index: 10000; } .notification-note { opacity: 0; position: relative; -webkit-transition: opacity 0.5s linear , max-height 0.5s linear; -moz-transition: opacity 0.5s linear , max-height 0.5s linear; -ms-transition: opacity 0.5s linear , max-height 0.5s linear; -o-transition: opacity 0.5s linear , max-height 0.5s linear; transition: opacity 0.5s linear , max-height 0.5s linear; width: 300px; z-index: 2; } .notification-note .note-container { padding: 10px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.5s linear; -moz-transition: transform 0.5s linear; -ms-transition: transform 0.5s linear; -o-transition: transform 0.5s linear; transition: transform 0.5s linear; } .notification-note .note-container .note-body { margin: 0; padding: 10px; position: relative; } .notification-note .note-container .note-body:not(.hide-dismiss) { padding-right: 50px; } .notification-note .note-container .note-body:not(.hide-dismiss) .note-dismiss { display: block; } .notification-note .note-container .alert-success { background-color: #d9f2e9; color: #000; } .notification-note .note-container .note-dismiss { bottom: 0; cursor: pointer; display: none; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; width: 40px; } .notification-note .note-container .note-dismiss i { display: block; font-size: 20px; left: 0; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .notification-note .note-container .note-dismiss:hover { background-color: rgba(0,0,0,0.1); } .notification-note.in { max-height: auto; opacity: 1; } .notification-note.out { max-height: 0 !important; opacity: 0; z-index: 1; } .notification-note.out .note-container { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .page-error .error-stack { display: table; margin-top: 10px; table-layout: fixed; width: 100%; } .page-error .error-stack p { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: inline-block; font-family: monospace; margin: 0; padding: 10px 20px; overflow-x: auto; white-space: pre; width: 100%; } .page-error .error-stack p { background-color: #14202a; } body.theme-tide .page-error .error-stack p { background-color: #14202a; } body.theme-tigerlily .page-error .error-stack p { background-color: #14191e; } body.theme-crickets .page-error .error-stack p { background-color: #14191e; } body.theme-honeycomb .page-error .error-stack p { background-color: #14191e; } body.theme-mint .page-error .error-stack p { background-color: #14191e; } body.theme-overcast .page-error .error-stack p { background-color: #14191e; } body.theme-quartz .page-error .error-stack p { background-color: #14191e; } .page-error .error-stack p { border: 1px solid #263340; } body.theme-tide .page-error .error-stack p { border: 1px solid #263340; } body.theme-tigerlily .page-error .error-stack p { border: 1px solid #263340; } body.theme-crickets .page-error .error-stack p { border: 1px solid #263340; } body.theme-honeycomb .page-error .error-stack p { border: 1px solid #263340; } body.theme-mint .page-error .error-stack p { border: 1px solid #263340; } body.theme-overcast .page-error .error-stack p { border: 1px solid #263340; } body.theme-quartz .page-error .error-stack p { border: 1px solid #263340; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .page-message { font-weight: 300; padding: 10px 0 20px; } .page-message { color: #fff; } body.theme-tide .page-message { color: #fff; } body.theme-tigerlily .page-message { color: #fff; } body.theme-crickets .page-message { color: #fff; } body.theme-honeycomb .page-message { color: #fff; } body.theme-mint .page-message { color: #fff; } body.theme-overcast .page-message { color: #fff; } body.theme-quartz .page-message { color: #fff; } .page-message .message-container { display: table; margin: 0 auto; padding: 0 32px; } .page-message .message-title { font-size: 30px; font-weight: 300; } .page-message .message-title { color: #91b9cd; } body.theme-tide .page-message .message-title { color: #91b9cd; } body.theme-tigerlily .page-message .message-title { color: #9ccdf8; } body.theme-crickets .page-message .message-title { color: #8be7b5; } body.theme-honeycomb .page-message .message-title { color: #fab797; } body.theme-mint .page-message .message-title { color: #a7e9b3; } body.theme-overcast .page-message .message-title { color: #73f2fc; } body.theme-quartz .page-message .message-title { color: #d7e8fe; } .page-message .message-content { font-size: 18px; } .page-message a, .page-message a:hover, .page-message a:active, .page-message a:focus { color: #20a5d6; } body.theme-tide .page-message a { color: #20a5d6; } body.theme-tide .page-message a:hover { color: #20a5d6; } body.theme-tide .page-message a:active { color: #20a5d6; } body.theme-tide .page-message a:focus { color: #20a5d6; } body.theme-tigerlily .page-message a { color: #fa8947; } body.theme-tigerlily .page-message a:hover { color: #fa8947; } body.theme-tigerlily .page-message a:active { color: #fa8947; } body.theme-tigerlily .page-message a:focus { color: #fa8947; } body.theme-crickets .page-message a { color: #d4c3c1; } body.theme-crickets .page-message a:hover { color: #d4c3c1; } body.theme-crickets .page-message a:active { color: #d4c3c1; } body.theme-crickets .page-message a:focus { color: #d4c3c1; } body.theme-honeycomb .page-message a { color: #cda56b; } body.theme-honeycomb .page-message a:hover { color: #cda56b; } body.theme-honeycomb .page-message a:active { color: #cda56b; } body.theme-honeycomb .page-message a:focus { color: #cda56b; } body.theme-mint .page-message a { color: #31b166; } body.theme-mint .page-message a:hover { color: #31b166; } body.theme-mint .page-message a:active { color: #31b166; } body.theme-mint .page-message a:focus { color: #31b166; } body.theme-overcast .page-message a { color: #507d80; } body.theme-overcast .page-message a:hover { color: #507d80; } body.theme-overcast .page-message a:active { color: #507d80; } body.theme-overcast .page-message a:focus { color: #507d80; } body.theme-quartz .page-message a { color: #7858ce; } body.theme-quartz .page-message a:hover { color: #7858ce; } body.theme-quartz .page-message a:active { color: #7858ce; } body.theme-quartz .page-message a:focus { color: #7858ce; } .modal .page-message .page-message, .modal .page-message .message-container { padding: 0; } .modal .page-message .message-title { display: none; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .pagination-area { font-size: 13px; font-weight: normal !important; } .pagination-area label { font-weight: normal; } .pagination-area select { color: #fff; } .pagination-area select { background-color: #000; } body.theme-tide .pagination-area select { background-color: #000; } body.theme-tigerlily .pagination-area select { background-color: #000; } body.theme-crickets .pagination-area select { background-color: #000; } body.theme-honeycomb .pagination-area select { background-color: #000; } body.theme-mint .pagination-area select { background-color: #000; } body.theme-overcast .pagination-area select { background-color: #000; } body.theme-quartz .pagination-area select { background-color: #000; } .rows-per-page label.wrapperLabel { display: inline-table !important; margin: 0 4px; } .rows-per-page label.wrapperLabel select { width: 42px; } .page-number { margin: 0; text-align: right; } .page-number label { font-weight: normal; } .page-number label ul.pagination-control { margin: 0; } .page-number label ul.pagination-control li a { padding: 4px 8px; color: #fff; padding: 4px 8px; } .page-number label ul.pagination-control li a { background-color: #000; } body.theme-tide .page-number label ul.pagination-control li a { background-color: #000; } body.theme-tigerlily .page-number label ul.pagination-control li a { background-color: #000; } body.theme-crickets .page-number label ul.pagination-control li a { background-color: #000; } body.theme-honeycomb .page-number label ul.pagination-control li a { background-color: #000; } body.theme-mint .page-number label ul.pagination-control li a { background-color: #000; } body.theme-overcast .page-number label ul.pagination-control li a { background-color: #000; } body.theme-quartz .page-number label ul.pagination-control li a { background-color: #000; } .page-number label ul.pagination-control li a { border-color: #263340; } body.theme-tide .page-number label ul.pagination-control li a { border-color: #263340; } body.theme-tigerlily .page-number label ul.pagination-control li a { border-color: #263340; } body.theme-crickets .page-number label ul.pagination-control li a { border-color: #263340; } body.theme-honeycomb .page-number label ul.pagination-control li a { border-color: #263340; } body.theme-mint .page-number label ul.pagination-control li a { border-color: #263340; } body.theme-overcast .page-number label ul.pagination-control li a { border-color: #263340; } body.theme-quartz .page-number label ul.pagination-control li a { border-color: #263340; } .page-number label ul.pagination-control li a { background-color: #14202a; } body.theme-tide .page-number label ul.pagination-control li a { background-color: #14202a; } body.theme-tigerlily .page-number label ul.pagination-control li a { background-color: #14191e; } body.theme-crickets .page-number label ul.pagination-control li a { background-color: #14191e; } body.theme-honeycomb .page-number label ul.pagination-control li a { background-color: #14191e; } body.theme-mint .page-number label ul.pagination-control li a { background-color: #14191e; } body.theme-overcast .page-number label ul.pagination-control li a { background-color: #14191e; } body.theme-quartz .page-number label ul.pagination-control li a { background-color: #14191e; } .page-number label ul.pagination-control li a:hover { color: #20a5d6; } body.theme-tide .page-number label ul.pagination-control li a:hover { color: #20a5d6; } body.theme-tigerlily .page-number label ul.pagination-control li a:hover { color: #fa8947; } body.theme-crickets .page-number label ul.pagination-control li a:hover { color: #d4c3c1; } body.theme-honeycomb .page-number label ul.pagination-control li a:hover { color: #cda56b; } body.theme-mint .page-number label ul.pagination-control li a:hover { color: #31b166; } body.theme-overcast .page-number label ul.pagination-control li a:hover { color: #507d80; } body.theme-quartz .page-number label ul.pagination-control li a:hover { color: #7858ce; } .page-number label ul.pagination-control .active a { border-color: #ddd; color: #fff; } .page-number label ul.pagination-control .active a { background-color: #263340; } body.theme-tide .page-number label ul.pagination-control .active a { background-color: #263340; } body.theme-tigerlily .page-number label ul.pagination-control .active a { background-color: #263340; } body.theme-crickets .page-number label ul.pagination-control .active a { background-color: #263340; } body.theme-honeycomb .page-number label ul.pagination-control .active a { background-color: #263340; } body.theme-mint .page-number label ul.pagination-control .active a { background-color: #263340; } body.theme-overcast .page-number label ul.pagination-control .active a { background-color: #263340; } body.theme-quartz .page-number label ul.pagination-control .active a { background-color: #263340; } .page-number label ul.pagination-control .disabled a, .page-number label ul.pagination-control .disabled a:hover, .page-number label ul.pagination-control .disabled a:focus, .page-number label ul.pagination-control .disabled a:active { background-color: #14202a; } body.theme-tide .page-number label ul.pagination-control .disabled a { background-color: #14202a; } body.theme-tide .page-number label ul.pagination-control .disabled a:hover { background-color: #14202a; } body.theme-tide .page-number label ul.pagination-control .disabled a:focus { background-color: #14202a; } body.theme-tide .page-number label ul.pagination-control .disabled a:active { background-color: #14202a; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a { background-color: #14191e; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:hover { background-color: #14191e; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:focus { background-color: #14191e; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:active { background-color: #14191e; } body.theme-crickets .page-number label ul.pagination-control .disabled a { background-color: #14191e; } body.theme-crickets .page-number label ul.pagination-control .disabled a:hover { background-color: #14191e; } body.theme-crickets .page-number label ul.pagination-control .disabled a:focus { background-color: #14191e; } body.theme-crickets .page-number label ul.pagination-control .disabled a:active { background-color: #14191e; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a { background-color: #14191e; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:hover { background-color: #14191e; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:focus { background-color: #14191e; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:active { background-color: #14191e; } body.theme-mint .page-number label ul.pagination-control .disabled a { background-color: #14191e; } body.theme-mint .page-number label ul.pagination-control .disabled a:hover { background-color: #14191e; } body.theme-mint .page-number label ul.pagination-control .disabled a:focus { background-color: #14191e; } body.theme-mint .page-number label ul.pagination-control .disabled a:active { background-color: #14191e; } body.theme-overcast .page-number label ul.pagination-control .disabled a { background-color: #14191e; } body.theme-overcast .page-number label ul.pagination-control .disabled a:hover { background-color: #14191e; } body.theme-overcast .page-number label ul.pagination-control .disabled a:focus { background-color: #14191e; } body.theme-overcast .page-number label ul.pagination-control .disabled a:active { background-color: #14191e; } body.theme-quartz .page-number label ul.pagination-control .disabled a { background-color: #14191e; } body.theme-quartz .page-number label ul.pagination-control .disabled a:hover { background-color: #14191e; } body.theme-quartz .page-number label ul.pagination-control .disabled a:focus { background-color: #14191e; } body.theme-quartz .page-number label ul.pagination-control .disabled a:active { background-color: #14191e; } .page-number label ul.pagination-control .disabled a, .page-number label ul.pagination-control .disabled a:hover, .page-number label ul.pagination-control .disabled a:focus, .page-number label ul.pagination-control .disabled a:active { border-color: #263340; } body.theme-tide .page-number label ul.pagination-control .disabled a { border-color: #263340; } body.theme-tide .page-number label ul.pagination-control .disabled a:hover { border-color: #263340; } body.theme-tide .page-number label ul.pagination-control .disabled a:focus { border-color: #263340; } body.theme-tide .page-number label ul.pagination-control .disabled a:active { border-color: #263340; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a { border-color: #263340; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:hover { border-color: #263340; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:focus { border-color: #263340; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:active { border-color: #263340; } body.theme-crickets .page-number label ul.pagination-control .disabled a { border-color: #263340; } body.theme-crickets .page-number label ul.pagination-control .disabled a:hover { border-color: #263340; } body.theme-crickets .page-number label ul.pagination-control .disabled a:focus { border-color: #263340; } body.theme-crickets .page-number label ul.pagination-control .disabled a:active { border-color: #263340; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a { border-color: #263340; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:hover { border-color: #263340; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:focus { border-color: #263340; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:active { border-color: #263340; } body.theme-mint .page-number label ul.pagination-control .disabled a { border-color: #263340; } body.theme-mint .page-number label ul.pagination-control .disabled a:hover { border-color: #263340; } body.theme-mint .page-number label ul.pagination-control .disabled a:focus { border-color: #263340; } body.theme-mint .page-number label ul.pagination-control .disabled a:active { border-color: #263340; } body.theme-overcast .page-number label ul.pagination-control .disabled a { border-color: #263340; } body.theme-overcast .page-number label ul.pagination-control .disabled a:hover { border-color: #263340; } body.theme-overcast .page-number label ul.pagination-control .disabled a:focus { border-color: #263340; } body.theme-overcast .page-number label ul.pagination-control .disabled a:active { border-color: #263340; } body.theme-quartz .page-number label ul.pagination-control .disabled a { border-color: #263340; } body.theme-quartz .page-number label ul.pagination-control .disabled a:hover { border-color: #263340; } body.theme-quartz .page-number label ul.pagination-control .disabled a:focus { border-color: #263340; } body.theme-quartz .page-number label ul.pagination-control .disabled a:active { border-color: #263340; } .page-number label ul.pagination-control .disabled a, .page-number label ul.pagination-control .disabled a:hover, .page-number label ul.pagination-control .disabled a:focus, .page-number label ul.pagination-control .disabled a:active { color: #516873; } body.theme-tide .page-number label ul.pagination-control .disabled a { color: #516873; } body.theme-tide .page-number label ul.pagination-control .disabled a:hover { color: #516873; } body.theme-tide .page-number label ul.pagination-control .disabled a:focus { color: #516873; } body.theme-tide .page-number label ul.pagination-control .disabled a:active { color: #516873; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a { color: #516873; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:hover { color: #516873; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:focus { color: #516873; } body.theme-tigerlily .page-number label ul.pagination-control .disabled a:active { color: #516873; } body.theme-crickets .page-number label ul.pagination-control .disabled a { color: #516873; } body.theme-crickets .page-number label ul.pagination-control .disabled a:hover { color: #516873; } body.theme-crickets .page-number label ul.pagination-control .disabled a:focus { color: #516873; } body.theme-crickets .page-number label ul.pagination-control .disabled a:active { color: #516873; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a { color: #516873; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:hover { color: #516873; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:focus { color: #516873; } body.theme-honeycomb .page-number label ul.pagination-control .disabled a:active { color: #516873; } body.theme-mint .page-number label ul.pagination-control .disabled a { color: #516873; } body.theme-mint .page-number label ul.pagination-control .disabled a:hover { color: #516873; } body.theme-mint .page-number label ul.pagination-control .disabled a:focus { color: #516873; } body.theme-mint .page-number label ul.pagination-control .disabled a:active { color: #516873; } body.theme-overcast .page-number label ul.pagination-control .disabled a { color: #516873; } body.theme-overcast .page-number label ul.pagination-control .disabled a:hover { color: #516873; } body.theme-overcast .page-number label ul.pagination-control .disabled a:focus { color: #516873; } body.theme-overcast .page-number label ul.pagination-control .disabled a:active { color: #516873; } body.theme-quartz .page-number label ul.pagination-control .disabled a { color: #516873; } body.theme-quartz .page-number label ul.pagination-control .disabled a:hover { color: #516873; } body.theme-quartz .page-number label ul.pagination-control .disabled a:focus { color: #516873; } body.theme-quartz .page-number label ul.pagination-control .disabled a:active { color: #516873; } .page-number label ul.pagination-control .disabled:not(.disabled):hover a { background-color: #16202b; } body.theme-tide .page-number label ul.pagination-control .disabled:not(.disabled):hover a { background-color: #16202b; } body.theme-tigerlily .page-number label ul.pagination-control .disabled:not(.disabled):hover a { background-color: #26333f; } body.theme-crickets .page-number label ul.pagination-control .disabled:not(.disabled):hover a { background-color: #2b141b; } body.theme-honeycomb .page-number label ul.pagination-control .disabled:not(.disabled):hover a { background-color: #252228; } body.theme-mint .page-number label ul.pagination-control .disabled:not(.disabled):hover a { background-color: #1d232a; } body.theme-overcast .page-number label ul.pagination-control .disabled:not(.disabled):hover a { background-color: #252228; } body.theme-quartz .page-number label ul.pagination-control .disabled:not(.disabled):hover a { background-color: #2b2e3f; } .page-number label ul.pagination-control .disabled:not(.disabled):hover a { color: #20a5d6; } body.theme-tide .page-number label ul.pagination-control .disabled:not(.disabled):hover a { color: #20a5d6; } body.theme-tigerlily .page-number label ul.pagination-control .disabled:not(.disabled):hover a { color: #fa8947; } body.theme-crickets .page-number label ul.pagination-control .disabled:not(.disabled):hover a { color: #d4c3c1; } body.theme-honeycomb .page-number label ul.pagination-control .disabled:not(.disabled):hover a { color: #cda56b; } body.theme-mint .page-number label ul.pagination-control .disabled:not(.disabled):hover a { color: #31b166; } body.theme-overcast .page-number label ul.pagination-control .disabled:not(.disabled):hover a { color: #507d80; } body.theme-quartz .page-number label ul.pagination-control .disabled:not(.disabled):hover a { color: #7858ce; } .page-number label ul.pagination-control .disabled.active a { background-color: #16202b; } body.theme-tide .page-number label ul.pagination-control .disabled.active a { background-color: #16202b; } body.theme-tigerlily .page-number label ul.pagination-control .disabled.active a { background-color: #26333f; } body.theme-crickets .page-number label ul.pagination-control .disabled.active a { background-color: #2b141b; } body.theme-honeycomb .page-number label ul.pagination-control .disabled.active a { background-color: #252228; } body.theme-mint .page-number label ul.pagination-control .disabled.active a { background-color: #1d232a; } body.theme-overcast .page-number label ul.pagination-control .disabled.active a { background-color: #252228; } body.theme-quartz .page-number label ul.pagination-control .disabled.active a { background-color: #2b2e3f; } .page-number label ul.pagination-control .disabled.active a { color: #20a5d6; } body.theme-tide .page-number label ul.pagination-control .disabled.active a { color: #20a5d6; } body.theme-tigerlily .page-number label ul.pagination-control .disabled.active a { color: #fa8947; } body.theme-crickets .page-number label ul.pagination-control .disabled.active a { color: #d4c3c1; } body.theme-honeycomb .page-number label ul.pagination-control .disabled.active a { color: #cda56b; } body.theme-mint .page-number label ul.pagination-control .disabled.active a { color: #31b166; } body.theme-overcast .page-number label ul.pagination-control .disabled.active a { color: #507d80; } body.theme-quartz .page-number label ul.pagination-control .disabled.active a { color: #7858ce; } /* style-tag-marker */ .layout-container { align-items: stretch; display: flex; flex-flow: column nowrap; height: 100vh; } .layout-container .layout-header { background-color: #0ff; flex-grow: 0; } .layout-container .layout-body { align-items: stretch; display: flex; flex-grow: 1; } .layout-sidebar { background-color: #0f0; flex-grow: 0; } .layout-main { background-color: #fff; flex-grow: 1; } .toolbar-drawer { overflow: hidden; transition: max-height 0.3s ease; } .toolbar-drawer:not(.open) { max-height: 0 !important; } .layout-sidebar-left, .layout-sidebar-right { overflow: hidden; transition: max-width 0.3s ease; } .layout-sidebar-left:not(.open), .layout-sidebar-right:not(.open) { max-width: 0 !important; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .scroll-area { overflow: hidden; position: relative; } .scroll-area .scrollable { max-height: inherit; overflow: hidden; zoom: 1; } .scroll-area .scrollable.scroll-x { overflow-x: scroll; } .scroll-area .scrollable.scroll-y { overflow-y: scroll; } .scroll-area.fit { height: 100%; width: 100%; } .scroll-area.fit .scrollable { bottom: 0; left: 0; max-height: none; position: absolute; right: 0; top: 0; } .scroll-area .scroll-nav { background-color: rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 10px 10px rgba(0,0,0,0.75); -ms-box-shadow: 0 0 10px 10px rgba(0,0,0,0.75); -o-box-shadow: 0 0 10px 10px rgba(0,0,0,0.75); box-shadow: 0 0 10px 10px rgba(0,0,0,0.75); cursor: pointer; height: 24px; left: 10px; opacity: 0; position: absolute; right: 10px; -webkit-transition: transform 0.3s ease , opacity 0.3s ease , background-color 0.3s ease , box-shadow 0.3s ease; -moz-transition: transform 0.3s ease , opacity 0.3s ease , background-color 0.3s ease , box-shadow 0.3s ease; -ms-transition: transform 0.3s ease , opacity 0.3s ease , background-color 0.3s ease , box-shadow 0.3s ease; -o-transition: transform 0.3s ease , opacity 0.3s ease , background-color 0.3s ease , box-shadow 0.3s ease; transition: transform 0.3s ease , opacity 0.3s ease , background-color 0.3s ease , box-shadow 0.3s ease; } .scroll-area .scroll-nav:after { display: block; font-family: FontAwesome; font-size: 20px; text-align: center; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .scroll-area .scroll-nav:after { color: #20a5d6; } body.theme-tide .scroll-area .scroll-nav:after { color: #20a5d6; } body.theme-tigerlily .scroll-area .scroll-nav:after { color: #fa8947; } body.theme-crickets .scroll-area .scroll-nav:after { color: #d4c3c1; } body.theme-honeycomb .scroll-area .scroll-nav:after { color: #cda56b; } body.theme-mint .scroll-area .scroll-nav:after { color: #31b166; } body.theme-overcast .scroll-area .scroll-nav:after { color: #507d80; } body.theme-quartz .scroll-area .scroll-nav:after { color: #7858ce; } .scroll-area .scroll-nav:hover { background-color: rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 0 10px 10px rgba(0,0,0,0.9); -ms-box-shadow: 0 0 10px 10px rgba(0,0,0,0.9); -o-box-shadow: 0 0 10px 10px rgba(0,0,0,0.9); box-shadow: 0 0 10px 10px rgba(0,0,0,0.9); } .scroll-area .scroll-nav:hover:after { color: #fff; } body.theme-tide .scroll-area .scroll-nav:hover:after { color: #fff; } body.theme-tigerlily .scroll-area .scroll-nav:hover:after { color: #fff; } body.theme-crickets .scroll-area .scroll-nav:hover:after { color: #fff; } body.theme-honeycomb .scroll-area .scroll-nav:hover:after { color: #fff; } body.theme-mint .scroll-area .scroll-nav:hover:after { color: #fff; } body.theme-overcast .scroll-area .scroll-nav:hover:after { color: #fff; } body.theme-quartz .scroll-area .scroll-nav:hover:after { color: #fff; } .scroll-area .scroll-nav-up { -webkit-border-bottom-left-radius: 12px; -moz-border-bottom-left-radius: 12px; -ms-border-bottom-left-radius: 12px; -o-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-bottom-right-radius: 12px; -ms-border-bottom-right-radius: 12px; -o-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; top: 0; -webkit-transform: translateY(-24px); -moz-transform: translateY(-24px); -ms-transform: translateY(-24px); -o-transform: translateY(-24px); transform: translateY(-24px); } .scroll-area .scroll-nav-up:after { content: '\f102'; } .scroll-area .scroll-nav-down { -webkit-border-top-left-radius: 12px; -moz-border-top-left-radius: 12px; -ms-border-top-left-radius: 12px; -o-border-top-left-radius: 12px; border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-top-right-radius: 12px; -ms-border-top-right-radius: 12px; -o-border-top-right-radius: 12px; border-top-right-radius: 12px; bottom: 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); } .scroll-area .scroll-nav-down:after { content: '\f103'; } .scroll-area.can-scroll-up .scroll-nav-up, .scroll-area.can-scroll-down .scroll-nav-down { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } body>.header { height: 30px; padding: 0px 10px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } body>.header { color: #fff; } body.theme-tide body>.header { color: #fff; } body.theme-tigerlily body>.header { color: #fff; } body.theme-crickets body>.header { color: #fff; } body.theme-honeycomb body>.header { color: #fff; } body.theme-mint body>.header { color: #fff; } body.theme-overcast body>.header { color: #fff; } body.theme-quartz body>.header { color: #fff; } body>.header { background-color: #000; } body.theme-tide body>.header { background-color: #000; } body.theme-tigerlily body>.header { background-color: #000; } body.theme-crickets body>.header { background-color: #000; } body.theme-honeycomb body>.header { background-color: #000; } body.theme-mint body>.header { background-color: #000; } body.theme-overcast body>.header { background-color: #000; } body.theme-quartz body>.header { background-color: #000; } body>.header>.clearfix { position: relative; } body>.header .header-menu { padding: 4px 0; font-size: 13px; font-weight: 400; line-height: 18px; text-decoration: none; } body>.header .header-menu { color: #9ccef9; } body.theme-tide body>.header .header-menu { color: #9ccef9; } body.theme-tigerlily body>.header .header-menu { color: #9acffd; } body.theme-crickets body>.header .header-menu { color: #92c2da; } body.theme-honeycomb body>.header .header-menu { color: #b5b5b5; } body.theme-mint body>.header .header-menu { color: #a7e9b3; } body.theme-overcast body>.header .header-menu { color: #9cbecf; } body.theme-quartz body>.header .header-menu { color: #8ea2a4; } body>.header .header-menu:empty { display: none; } /* style-tag-marker */ .server-information-form label.wrapper { display: block; } .server-information-form .checkbox { margin: 0 8px 0 0; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .study-browser-item { position: relative; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .study-browser-item .loadingTextDiv { background-color: #14191e; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; font-size: 32px; opacity: 0; margin: 0; padding: 25px; position: absolute; pointer-events: none; z-index: 100; } .study-browser-item .loadingTextDiv { color: #91b9cd; } body.theme-tide .study-browser-item .loadingTextDiv { color: #91b9cd; } body.theme-tigerlily .study-browser-item .loadingTextDiv { color: #9ccdf8; } body.theme-crickets .study-browser-item .loadingTextDiv { color: #8be7b5; } body.theme-honeycomb .study-browser-item .loadingTextDiv { color: #fab797; } body.theme-mint .study-browser-item .loadingTextDiv { color: #a7e9b3; } body.theme-overcast .study-browser-item .loadingTextDiv { color: #73f2fc; } body.theme-quartz .study-browser-item .loadingTextDiv { color: #d7e8fe; } .study-browser-item.loading .loadingTextDiv { height: 100%; left: 0; opacity: 0.75; top: 0; width: 100%; } .study-browser-item.loading .study-item-box { opacity: 0.2; } .study-browser-item.active .study-item-box .study-modality { color: #000; } body.theme-tide .study-browser-item.active .study-item-box .study-modality { color: #000; } body.theme-tigerlily .study-browser-item.active .study-item-box .study-modality { color: #000; } body.theme-crickets .study-browser-item.active .study-item-box .study-modality { color: #000; } body.theme-honeycomb .study-browser-item.active .study-item-box .study-modality { color: #000; } body.theme-mint .study-browser-item.active .study-item-box .study-modality { color: #000; } body.theme-overcast .study-browser-item.active .study-item-box .study-modality { color: #000; } body.theme-quartz .study-browser-item.active .study-item-box .study-modality { color: #000; } .study-browser-item.active .study-item-box .study-modality, .study-browser-item.active .study-item-box .study-modality:before, .study-browser-item.active .study-item-box .study-modality:after { border-color: #131d29; } .study-browser-item.active .study-item-box .study-modality, .study-browser-item.active .study-item-box .study-modality:before, .study-browser-item.active .study-item-box .study-modality:after { background-color: #20a5d6; } body.theme-tide .study-browser-item.active .study-item-box .study-modality { background-color: #20a5d6; } body.theme-tide .study-browser-item.active .study-item-box .study-modality:before { background-color: #20a5d6; } body.theme-tide .study-browser-item.active .study-item-box .study-modality:after { background-color: #20a5d6; } body.theme-tigerlily .study-browser-item.active .study-item-box .study-modality { background-color: #fa8947; } body.theme-tigerlily .study-browser-item.active .study-item-box .study-modality:before { background-color: #fa8947; } body.theme-tigerlily .study-browser-item.active .study-item-box .study-modality:after { background-color: #fa8947; } body.theme-crickets .study-browser-item.active .study-item-box .study-modality { background-color: #d4c3c1; } body.theme-crickets .study-browser-item.active .study-item-box .study-modality:before { background-color: #d4c3c1; } body.theme-crickets .study-browser-item.active .study-item-box .study-modality:after { background-color: #d4c3c1; } body.theme-honeycomb .study-browser-item.active .study-item-box .study-modality { background-color: #cda56b; } body.theme-honeycomb .study-browser-item.active .study-item-box .study-modality:before { background-color: #cda56b; } body.theme-honeycomb .study-browser-item.active .study-item-box .study-modality:after { background-color: #cda56b; } body.theme-mint .study-browser-item.active .study-item-box .study-modality { background-color: #31b166; } body.theme-mint .study-browser-item.active .study-item-box .study-modality:before { background-color: #31b166; } body.theme-mint .study-browser-item.active .study-item-box .study-modality:after { background-color: #31b166; } body.theme-overcast .study-browser-item.active .study-item-box .study-modality { background-color: #507d80; } body.theme-overcast .study-browser-item.active .study-item-box .study-modality:before { background-color: #507d80; } body.theme-overcast .study-browser-item.active .study-item-box .study-modality:after { background-color: #507d80; } body.theme-quartz .study-browser-item.active .study-item-box .study-modality { background-color: #7858ce; } body.theme-quartz .study-browser-item.active .study-item-box .study-modality:before { background-color: #7858ce; } body.theme-quartz .study-browser-item.active .study-item-box .study-modality:after { background-color: #7858ce; } .study-browser-item:not(.active) .study-browser-series { max-height: 0 !important; } .study-browser-item:not(.active) .study-browser-series .study-series-container { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .study-browser-item .study-browser-series { overflow: hidden; -webkit-transition: max-height 0.3s ease; -moz-transition: max-height 0.3s ease; -ms-transition: max-height 0.3s ease; -o-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .study-browser-item .study-browser-series .study-series-container { opacity: 1; -webkit-transition: opacity 0.3s ease , transform 0.3s ease; -moz-transition: opacity 0.3s ease , transform 0.3s ease; -ms-transition: opacity 0.3s ease , transform 0.3s ease; -o-transition: opacity 0.3s ease , transform 0.3s ease; transition: opacity 0.3s ease , transform 0.3s ease; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .study-item-box { border: 1px solid transparent; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; cursor: pointer; padding: 12px 7px 11px; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; } .study-item-box:hover { background-color: #14191e; border-color: #2d4660; } .study-item-box:hover.additional { color: #91b9cd; } body.theme-tide .study-item-box:hover.additional { color: #91b9cd; } body.theme-tigerlily .study-item-box:hover.additional { color: #9ccdf8; } body.theme-crickets .study-item-box:hover.additional { color: #8be7b5; } body.theme-honeycomb .study-item-box:hover.additional { color: #fab797; } body.theme-mint .study-item-box:hover.additional { color: #a7e9b3; } body.theme-overcast .study-item-box:hover.additional { color: #73f2fc; } body.theme-quartz .study-item-box:hover.additional { color: #d7e8fe; } .study-item-box.additional { font-size: 16px; font-weight: normal; height: 91px; line-height: 91px; padding: 0; text-align: center; } .study-item-box.additional { color: #fff; } body.theme-tide .study-item-box.additional { color: #fff; } body.theme-tigerlily .study-item-box.additional { color: #fff; } body.theme-crickets .study-item-box.additional { color: #fff; } body.theme-honeycomb .study-item-box.additional { color: #fff; } body.theme-mint .study-item-box.additional { color: #fff; } body.theme-overcast .study-item-box.additional { color: #fff; } body.theme-quartz .study-item-box.additional { color: #fff; } .study-item-box .study-text { font-size: 13px; left: 89px; line-height: 14px; position: absolute; right: 7px; top: 12px; } .study-item-box .study-text .study-date { margin-top: 8px; } .study-item-box .study-text .study-date { color: #91b9cd; } body.theme-tide .study-item-box .study-text .study-date { color: #91b9cd; } body.theme-tigerlily .study-item-box .study-text .study-date { color: #9ccdf8; } body.theme-crickets .study-item-box .study-text .study-date { color: #8be7b5; } body.theme-honeycomb .study-item-box .study-text .study-date { color: #fab797; } body.theme-mint .study-item-box .study-text .study-date { color: #a7e9b3; } body.theme-overcast .study-item-box .study-text .study-date { color: #73f2fc; } body.theme-quartz .study-item-box .study-text .study-date { color: #d7e8fe; } .study-item-box .study-text .study-description { margin-top: 8px; } .study-item-box .study-text .study-description { color: #fff; } body.theme-tide .study-item-box .study-text .study-description { color: #fff; } body.theme-tigerlily .study-item-box .study-text .study-description { color: #fff; } body.theme-crickets .study-item-box .study-text .study-description { color: #fff; } body.theme-honeycomb .study-item-box .study-text .study-description { color: #fff; } body.theme-mint .study-item-box .study-text .study-description { color: #fff; } body.theme-overcast .study-item-box .study-text .study-description { color: #fff; } body.theme-quartz .study-item-box .study-text .study-description { color: #fff; } .study-item-box .study-text .study-availability { margin-top: 24px; } .study-item-box .study-text .study-availability { color: #fff; } body.theme-tide .study-item-box .study-text .study-availability { color: #fff; } body.theme-tigerlily .study-item-box .study-text .study-availability { color: #fff; } body.theme-crickets .study-item-box .study-text .study-availability { color: #fff; } body.theme-honeycomb .study-item-box .study-text .study-availability { color: #fff; } body.theme-mint .study-item-box .study-text .study-availability { color: #fff; } body.theme-overcast .study-item-box .study-text .study-availability { color: #fff; } body.theme-quartz .study-item-box .study-text .study-availability { color: #fff; } .study-item-box .study-modality { font-size: 20px; line-height: 50px; margin-left: 12px; margin-top: 12px; position: relative; } .study-item-box .study-modality { color: #91b9cd; } body.theme-tide .study-item-box .study-modality { color: #91b9cd; } body.theme-tigerlily .study-item-box .study-modality { color: #9ccdf8; } body.theme-crickets .study-item-box .study-modality { color: #8be7b5; } body.theme-honeycomb .study-item-box .study-modality { color: #fab797; } body.theme-mint .study-item-box .study-modality { color: #a7e9b3; } body.theme-overcast .study-item-box .study-modality { color: #73f2fc; } body.theme-quartz .study-item-box .study-modality { color: #d7e8fe; } .study-item-box .study-modality .study-modality-text { height: 100%; overflow: hidden; text-align: center; text-transform: uppercase; } .study-item-box .study-modality, .study-item-box .study-modality:before, .study-item-box .study-modality:after { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; height: 54px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 54px; } .study-item-box .study-modality, .study-item-box .study-modality:before, .study-item-box .study-modality:after { border: 2px solid #000; } body.theme-tide .study-item-box .study-modality { border: 2px solid #000; } body.theme-tide .study-item-box .study-modality:before { border: 2px solid #000; } body.theme-tide .study-item-box .study-modality:after { border: 2px solid #000; } body.theme-tigerlily .study-item-box .study-modality { border: 2px solid #000; } body.theme-tigerlily .study-item-box .study-modality:before { border: 2px solid #000; } body.theme-tigerlily .study-item-box .study-modality:after { border: 2px solid #000; } body.theme-crickets .study-item-box .study-modality { border: 2px solid #000; } body.theme-crickets .study-item-box .study-modality:before { border: 2px solid #000; } body.theme-crickets .study-item-box .study-modality:after { border: 2px solid #000; } body.theme-honeycomb .study-item-box .study-modality { border: 2px solid #000; } body.theme-honeycomb .study-item-box .study-modality:before { border: 2px solid #000; } body.theme-honeycomb .study-item-box .study-modality:after { border: 2px solid #000; } body.theme-mint .study-item-box .study-modality { border: 2px solid #000; } body.theme-mint .study-item-box .study-modality:before { border: 2px solid #000; } body.theme-mint .study-item-box .study-modality:after { border: 2px solid #000; } body.theme-overcast .study-item-box .study-modality { border: 2px solid #000; } body.theme-overcast .study-item-box .study-modality:before { border: 2px solid #000; } body.theme-overcast .study-item-box .study-modality:after { border: 2px solid #000; } body.theme-quartz .study-item-box .study-modality { border: 2px solid #000; } body.theme-quartz .study-item-box .study-modality:before { border: 2px solid #000; } body.theme-quartz .study-item-box .study-modality:after { border: 2px solid #000; } .study-item-box .study-modality, .study-item-box .study-modality:before, .study-item-box .study-modality:after { background-color: #3e5975; } body.theme-tide .study-item-box .study-modality { background-color: #3e5975; } body.theme-tide .study-item-box .study-modality:before { background-color: #3e5975; } body.theme-tide .study-item-box .study-modality:after { background-color: #3e5975; } body.theme-tigerlily .study-item-box .study-modality { background-color: #5b3a59; } body.theme-tigerlily .study-item-box .study-modality:before { background-color: #5b3a59; } body.theme-tigerlily .study-item-box .study-modality:after { background-color: #5b3a59; } body.theme-crickets .study-item-box .study-modality { background-color: #344a61; } body.theme-crickets .study-item-box .study-modality:before { background-color: #344a61; } body.theme-crickets .study-item-box .study-modality:after { background-color: #344a61; } body.theme-honeycomb .study-item-box .study-modality { background-color: #344a61; } body.theme-honeycomb .study-item-box .study-modality:before { background-color: #344a61; } body.theme-honeycomb .study-item-box .study-modality:after { background-color: #344a61; } body.theme-mint .study-item-box .study-modality { background-color: #344a61; } body.theme-mint .study-item-box .study-modality:before { background-color: #344a61; } body.theme-mint .study-item-box .study-modality:after { background-color: #344a61; } body.theme-overcast .study-item-box .study-modality { background-color: #344a61; } body.theme-overcast .study-item-box .study-modality:before { background-color: #344a61; } body.theme-overcast .study-item-box .study-modality:after { background-color: #344a61; } body.theme-quartz .study-item-box .study-modality { background-color: #344a61; } body.theme-quartz .study-item-box .study-modality:before { background-color: #344a61; } body.theme-quartz .study-item-box .study-modality:after { background-color: #344a61; } .study-item-box .study-modality:before, .study-item-box .study-modality:after { display: block; content: ''; position: absolute; } .study-item-box .study-modality:before { top: -8px; left: -8px; z-index: -1; } .study-item-box .study-modality:after { top: -14px; left: -14px; z-index: -2; } /* style-tag-marker */ .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar { float: left; } .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar { float: right; } .daterangepicker.ltr { direction: ltr; text-align: left; } .daterangepicker.ltr .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker.ltr .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.ltr .drp-calendar.right { margin-left: 0; } .daterangepicker.ltr .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.ltr .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { float: left; } .daterangepicker.rtl { direction: rtl; text-align: right; } .daterangepicker.rtl .drp-calendar.left { clear: right; margin-left: 0; } .daterangepicker.rtl .drp-calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.rtl .drp-calendar.right { margin-right: 0; } .daterangepicker.rtl .drp-calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.rtl .drp-calendar.left .calendar-table { padding-left: 12px; } .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar { text-align: right; float: right; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker.ltr .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .selectedStudyContainer { margin-bottom: 15px; } .selectedStudyContainer .tblStudyDetails tbody > tr > td > label { color: $textPrimaryColor; } .selectedStudyContainer .tblStudyDetails tbody > tr > td > input[type="text"] { height: 28px; background-color: $primaryBackgroundColor; color: $textPrimaryColor; width: calc(100% - 10px); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-sizing: border-box; } .selectedStudyContainer .tblSeriesDetails thead > tr > th { text-align: center; } .selectedStudyContainer .tblSeriesDetails tbody > tr td { text-align: center; color: $textPrimaryColor; } .selectedStudyContainer .tblSeriesDetails .loadingTextDiv { font-size: 13px; color: $textSecondaryColor; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .study-list-wrapper { color: #fff; margin: 2px auto 0; height: calc(100% - 91px); position: relative; width: 100%; } .study-list-wrapper { background-color: #000; } body.theme-tide .study-list-wrapper { background-color: #000; } body.theme-tigerlily .study-list-wrapper { background-color: #000; } body.theme-crickets .study-list-wrapper { background-color: #000; } body.theme-honeycomb .study-list-wrapper { background-color: #000; } body.theme-mint .study-list-wrapper { background-color: #000; } body.theme-overcast .study-list-wrapper { background-color: #000; } body.theme-quartz .study-list-wrapper { background-color: #000; } .study-list-wrapper .loadingTextDiv { font-size: 30px; } .study-list-wrapper .loadingTextDiv { color: #91b9cd; } body.theme-tide .study-list-wrapper .loadingTextDiv { color: #91b9cd; } body.theme-tigerlily .study-list-wrapper .loadingTextDiv { color: #9ccdf8; } body.theme-crickets .study-list-wrapper .loadingTextDiv { color: #8be7b5; } body.theme-honeycomb .study-list-wrapper .loadingTextDiv { color: #fab797; } body.theme-mint .study-list-wrapper .loadingTextDiv { color: #a7e9b3; } body.theme-overcast .study-list-wrapper .loadingTextDiv { color: #73f2fc; } body.theme-quartz .study-list-wrapper .loadingTextDiv { color: #d7e8fe; } /* style-tag-marker */ .studylistStudy { cursor: pointer; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .studyListToolbar { height: 75px; margin-bottom: 2px; padding: 0 8%; } .studyListToolbar { background: #151a1f; } body.theme-tide .studyListToolbar { background: #151a1f; } body.theme-tigerlily .studyListToolbar { background: #151a1f; } body.theme-crickets .studyListToolbar { background: #231c1e; } body.theme-honeycomb .studyListToolbar { background: #18161a; } body.theme-mint .studyListToolbar { background: #15191e; } body.theme-overcast .studyListToolbar { background: #15191e; } body.theme-quartz .studyListToolbar { background: #151a1f; } .studyListToolbar>div { display: inline-block; } .studyListToolbar .header { font-size: 22px; font-weight: 300; color: #91b9cd; line-height: 75px; } .studyListToolbar .studylistToolbar { height: 75px; line-height: 75px; } .studyListToolbar .studyCount { font-size: 40px; font-weight: 100; line-height: 75px; } .studyListToolbar .studyCount { color: #6fbde2; } body.theme-tide .studyListToolbar .studyCount { color: #6fbde2; } body.theme-tigerlily .studyListToolbar .studyCount { color: #d47c66; } body.theme-crickets .studyListToolbar .studyCount { color: #d47c66; } body.theme-honeycomb .studyListToolbar .studyCount { color: #d47c66; } body.theme-mint .studyListToolbar .studyCount { color: #76d27d; } body.theme-overcast .studyListToolbar .studyCount { color: #74f1fa; } body.theme-quartz .studyListToolbar .studyCount { color: #abcdf6; } .theadBackground { height: 121px; position: absolute; width: 100%; } .theadBackground:before, .theadBackground:after { content: ''; display: block; left: 0; position: absolute; width: 100%; } .theadBackground:before { height: 100%; top: 0; z-index: 1; } .theadBackground:before { background-color: #151a1f; } body.theme-tide .theadBackground:before { background-color: #151a1f; } body.theme-tigerlily .theadBackground:before { background-color: #151a1f; } body.theme-crickets .theadBackground:before { background-color: #231c1e; } body.theme-honeycomb .theadBackground:before { background-color: #18161a; } body.theme-mint .theadBackground:before { background-color: #15191e; } body.theme-overcast .theadBackground:before { background-color: #15191e; } body.theme-quartz .theadBackground:before { background-color: #151a1f; } .theadBackground:after { bottom: -1px; height: 1px; z-index: 3; } .theadBackground:after { background-color: #6fbde2; } body.theme-tide .theadBackground:after { background-color: #6fbde2; } body.theme-tigerlily .theadBackground:after { background-color: #d47c66; } body.theme-crickets .theadBackground:after { background-color: #d47c66; } body.theme-honeycomb .theadBackground:after { background-color: #d47c66; } body.theme-mint .theadBackground:after { background-color: #76d27d; } body.theme-overcast .theadBackground:after { background-color: #74f1fa; } body.theme-quartz .theadBackground:after { background-color: #abcdf6; } #studyListContainer { width: 100%; padding: 0 8%; position: absolute; z-index: 2; } #studyListContainer .loadingTextDiv { color: #91b9cd; font-size: 30px; } #studyListContainer .notFound { color: #91b9cd; font-size: 30px; font-weight: 200; text-align: center; } #studyListContainer table#tblStudyList tr { height: 20px; } #studyListContainer table#tblStudyList thead { white-space: nowrap; } #studyListContainer table#tblStudyList thead tr th { padding: 0; /*border-bottom: solid 1px #6fbde2;*/ width: 100%; } #studyListContainer table#tblStudyList thead tr th.studyDate { min-width: 230px; } #studyListContainer table#tblStudyList thead tr th:first-child { padding-left: $tablePadding; } #studyListContainer table#tblStudyList thead tr th:last-child { padding-right: $tablePadding; } #studyListContainer table#tblStudyList thead tr th div.sortingCell { display: inline-block; cursor: pointer; width: 100%; min-width: 95px; margin: 0 auto; color: #fff; font-weight: 400; padding: 20px; } #studyListContainer table#tblStudyList thead tr th div.sortingCell span { font-size: 15px; float: left; } #studyListContainer table#tblStudyList thead tr th div.sortingCell i { margin: 0 5px; } #studyListContainer table#tblStudyList thead tr th div.sortingCell:hover { color: #20a5d6; } body.theme-tide #studyListContainer table#tblStudyList thead tr th div.sortingCell:hover { color: #20a5d6; } body.theme-tigerlily #studyListContainer table#tblStudyList thead tr th div.sortingCell:hover { color: #fa8947; } body.theme-crickets #studyListContainer table#tblStudyList thead tr th div.sortingCell:hover { color: #d4c3c1; } body.theme-honeycomb #studyListContainer table#tblStudyList thead tr th div.sortingCell:hover { color: #cda56b; } body.theme-mint #studyListContainer table#tblStudyList thead tr th div.sortingCell:hover { color: #31b166; } body.theme-overcast #studyListContainer table#tblStudyList thead tr th div.sortingCell:hover { color: #507d80; } body.theme-quartz #studyListContainer table#tblStudyList thead tr th div.sortingCell:hover { color: #7858ce; } #studyListContainer table#tblStudyList thead tr th div.sortingCell.active, #studyListContainer table#tblStudyList thead tr th div.sortingCell:active { color: #20a5d6; } body.theme-tide #studyListContainer table#tblStudyList thead tr th div.sortingCell.active { color: #20a5d6; } body.theme-tide #studyListContainer table#tblStudyList thead tr th div.sortingCell:active { color: #20a5d6; } body.theme-tigerlily #studyListContainer table#tblStudyList thead tr th div.sortingCell.active { color: #fa8947; } body.theme-tigerlily #studyListContainer table#tblStudyList thead tr th div.sortingCell:active { color: #fa8947; } body.theme-crickets #studyListContainer table#tblStudyList thead tr th div.sortingCell.active { color: #d4c3c1; } body.theme-crickets #studyListContainer table#tblStudyList thead tr th div.sortingCell:active { color: #d4c3c1; } body.theme-honeycomb #studyListContainer table#tblStudyList thead tr th div.sortingCell.active { color: #cda56b; } body.theme-honeycomb #studyListContainer table#tblStudyList thead tr th div.sortingCell:active { color: #cda56b; } body.theme-mint #studyListContainer table#tblStudyList thead tr th div.sortingCell.active { color: #31b166; } body.theme-mint #studyListContainer table#tblStudyList thead tr th div.sortingCell:active { color: #31b166; } body.theme-overcast #studyListContainer table#tblStudyList thead tr th div.sortingCell.active { color: #507d80; } body.theme-overcast #studyListContainer table#tblStudyList thead tr th div.sortingCell:active { color: #507d80; } body.theme-quartz #studyListContainer table#tblStudyList thead tr th div.sortingCell.active { color: #7858ce; } body.theme-quartz #studyListContainer table#tblStudyList thead tr th div.sortingCell:active { color: #7858ce; } #studyListContainer table#tblStudyList thead tr th input.studylist-search { height: 40px; margin: 0 5px 20px 5px; padding: 0 20px; cursor: pointer; border: none; background-color: #2c363f; color: #d3d3d3; font-size: 10pt; font-weight: normal; width: calc(100% - 10px); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-sizing: border-box; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } #studyListContainer table#tblStudyList thead tr th input.studylist-search::-webkit-input-placeholder { color: #d3d3d3; } #studyListContainer table#tblStudyList thead tr th input.studylist-search:-moz-placeholder { color: #d3d3d3; } #studyListContainer table#tblStudyList thead tr th input.studylist-search::-moz-placeholder { color: #d3d3d3; } #studyListContainer table#tblStudyList thead tr th input.studylist-search:-ms-input-placeholder { color: #d3d3d3; } #studyListContainer table#tblStudyList thead tr th input.studylist-search.invisible { visibility: hidden; } #studyListContainer table#tblStudyList thead tr th input.studylist-search:active, #studyListContainer table#tblStudyList thead tr th input.studylist-search:hover { background-color: #2c363f; } #studyListContainer table#tblStudyList thead ::-webkit-datetime-edit-year-field:not([aria-valuenow]), #studyListContainer table#tblStudyList thead ::-webkit-datetime-edit-month-field:not([aria-valuenow]), #studyListContainer table#tblStudyList thead ::-webkit-datetime-edit-day-field:not([aria-valuenow]) { color: transparent; } #studyListContainer table#tblStudyList tbody tr { padding: 5px; background-color: #000; } #studyListContainer table#tblStudyList tbody tr:nth-child(even) { background-color: #151a1f; } body.theme-tide #studyListContainer table#tblStudyList tbody tr:nth-child(even) { background-color: #151a1f; } body.theme-tigerlily #studyListContainer table#tblStudyList tbody tr:nth-child(even) { background-color: #151a1f; } body.theme-crickets #studyListContainer table#tblStudyList tbody tr:nth-child(even) { background-color: #231c1e; } body.theme-honeycomb #studyListContainer table#tblStudyList tbody tr:nth-child(even) { background-color: #18161a; } body.theme-mint #studyListContainer table#tblStudyList tbody tr:nth-child(even) { background-color: #15191e; } body.theme-overcast #studyListContainer table#tblStudyList tbody tr:nth-child(even) { background-color: #15191e; } body.theme-quartz #studyListContainer table#tblStudyList tbody tr:nth-child(even) { background-color: #151a1f; } #studyListContainer table#tblStudyList tbody tr td { height: 40px; line-height: 40px; color: #fff; font-weight: 300; /*border-top: 1px solid #436270;*/ border-bottom: 1px solid #436270; white-space: nowrap; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } #studyListContainer table#tblStudyList tbody tr td.emptyValue { color: #516873; } body.theme-tide #studyListContainer table#tblStudyList tbody tr td.emptyValue { color: #516873; } body.theme-tigerlily #studyListContainer table#tblStudyList tbody tr td.emptyValue { color: #516873; } body.theme-crickets #studyListContainer table#tblStudyList tbody tr td.emptyValue { color: #516873; } body.theme-honeycomb #studyListContainer table#tblStudyList tbody tr td.emptyValue { color: #516873; } body.theme-mint #studyListContainer table#tblStudyList tbody tr td.emptyValue { color: #516873; } body.theme-overcast #studyListContainer table#tblStudyList tbody tr td.emptyValue { color: #516873; } body.theme-quartz #studyListContainer table#tblStudyList tbody tr td.emptyValue { color: #516873; } #studyListContainer table#tblStudyList tbody tr:hover, #studyListContainer table#tblStudyList tbody tr:active, #studyListContainer table#tblStudyList tbody tr.active { background-color: #2c363f; color: #fff; } #studyListContainer table#tblStudyList tbody tr:hover td, #studyListContainer table#tblStudyList tbody tr:active td, #studyListContainer table#tblStudyList tbody tr.active td { border-top: 1px solid #436270; border-bottom: 1px solid #436270; background-color: #2c363f; } #studyListContainer table#tblStudyList tbody tr.load-study:hover, #studyListContainer table#tblStudyList tbody tr.load-study:hover td, #studyListContainer table#tblStudyList tbody tr.notfound:hover, #studyListContainer table#tblStudyList tbody tr.notfound:hover td { background-color:#000000; cursor:default; } @media only screen and (max-width: 1362px) { #studyListContainer { padding: 0 5%; } #studyListContainer table#tblStudyList thead tr th:first-child, #studyListContainer table#tblStudyList tbody tr th:first-child, #studyListContainer table#tblStudyList thead tr td:first-child, #studyListContainer table#tblStudyList tbody tr td:first-child { padding-left: 5%; } #studyListContainer table#tblStudyList thead tr th:last-child, #studyListContainer table#tblStudyList tbody tr th:last-child, #studyListContainer table#tblStudyList thead tr td:last-child, #studyListContainer table#tblStudyList tbody tr td:last-child { padding-right: 5%; } } @media only screen and (max-width: 1161px) { #studyListContainer { padding: 0 3%; } #studyListContainer table#tblStudyList thead tr th:first-child, #studyListContainer table#tblStudyList tbody tr th:first-child, #studyListContainer table#tblStudyList thead tr td:first-child, #studyListContainer table#tblStudyList tbody tr td:first-child { padding-left: 3%; } #studyListContainer table#tblStudyList thead tr th:last-child, #studyListContainer table#tblStudyList tbody tr th:last-child, #studyListContainer table#tblStudyList thead tr td:last-child, #studyListContainer table#tblStudyList tbody tr td:last-child { padding-right: 3%; } } @media only screen and (max-width: 1069px) { .theadBackground { height: 101px; } .studyListToolbar { padding: 0 5px; } #studyListContainer { padding: 0; } #studyListContainer table#tblStudyList thead > tr > th:first-child { padding-left: 5px; } #studyListContainer table#tblStudyList thead > tr > th:last-child { padding-right: 5px; } #studyListContainer table#tblStudyList thead > tr > th input.worklist-search { padding: 10px; } #studyListContainer table#tblStudyList thead > tr > th div.sortingCell { padding: 10px 5px; } #studyListContainer table#tblStudyList thead > tr > th div.sortingCell i { width: auto; } #studyListContainer table#tblStudyList tbody > tr > td:first-child { padding-left: 5px; } #studyListContainer table#tblStudyList tbody > tr > td:last-child { padding-right: 5px; } #studyListContainer .worklistPagination .row { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 1069px) { .studylist-pagination > .row { margin-right: 0; } } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .studylistToolbar .addNewStudy { margin: 0 10px; } .studylistToolbar .addNewStudy label { font-weight: 400; cursor: pointer; } .studylistToolbar .addNewStudy label { color: #91b9cd; } body.theme-tide .studylistToolbar .addNewStudy label { color: #91b9cd; } body.theme-tigerlily .studylistToolbar .addNewStudy label { color: #9ccdf8; } body.theme-crickets .studylistToolbar .addNewStudy label { color: #8be7b5; } body.theme-honeycomb .studylistToolbar .addNewStudy label { color: #fab797; } body.theme-mint .studylistToolbar .addNewStudy label { color: #a7e9b3; } body.theme-overcast .studylistToolbar .addNewStudy label { color: #73f2fc; } body.theme-quartz .studylistToolbar .addNewStudy label { color: #d7e8fe; } .studylistToolbar .addNewStudy label * { pointer-events: none; } .studylistToolbar .addNewStudy label:hover { color: #fff; } body.theme-tide .studylistToolbar .addNewStudy label:hover { color: #fff; } body.theme-tigerlily .studylistToolbar .addNewStudy label:hover { color: #fff; } body.theme-crickets .studylistToolbar .addNewStudy label:hover { color: #fff; } body.theme-honeycomb .studylistToolbar .addNewStudy label:hover { color: #fff; } body.theme-mint .studylistToolbar .addNewStudy label:hover { color: #fff; } body.theme-overcast .studylistToolbar .addNewStudy label:hover { color: #fff; } body.theme-quartz .studylistToolbar .addNewStudy label:hover { color: #fff; } .studylistToolbar .addNewStudy label:active { color: #20a5d6; } body.theme-tide .studylistToolbar .addNewStudy label:active { color: #20a5d6; } body.theme-tigerlily .studylistToolbar .addNewStudy label:active { color: #fa8947; } body.theme-crickets .studylistToolbar .addNewStudy label:active { color: #d4c3c1; } body.theme-honeycomb .studylistToolbar .addNewStudy label:active { color: #cda56b; } body.theme-mint .studylistToolbar .addNewStudy label:active { color: #31b166; } body.theme-overcast .studylistToolbar .addNewStudy label:active { color: #507d80; } body.theme-quartz .studylistToolbar .addNewStudy label:active { color: #7858ce; } .studylistToolbar .addNewStudy input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } html, body { height: 100%; } .user-login { height: 100%; position: relative; overflow: hidden; } .user-login { color: #fff; } body.theme-tide .user-login { color: #fff; } body.theme-tigerlily .user-login { color: #fff; } body.theme-crickets .user-login { color: #fff; } body.theme-honeycomb .user-login { color: #fff; } body.theme-mint .user-login { color: #fff; } body.theme-overcast .user-login { color: #fff; } body.theme-quartz .user-login { color: #fff; } .user-login:before, .user-login:after { bottom: 0; content: ''; display: block; left: 0; position: absolute; width: 100%; } .user-login:before { height: 100%; z-index: 1; } .user-login:before { background-color: #000; } body.theme-tide .user-login:before { background-color: #000; } body.theme-tigerlily .user-login:before { background-color: #000; } body.theme-crickets .user-login:before { background-color: #000; } body.theme-honeycomb .user-login:before { background-color: #000; } body.theme-mint .user-login:before { background-color: #000; } body.theme-overcast .user-login:before { background-color: #000; } body.theme-quartz .user-login:before { background-color: #000; } .user-login:after { -webkit-animation: login-bg 0.5s ease 0.5s forwards; -moz-animation: login-bg 0.5s ease 0.5s forwards; -ms-animation: login-bg 0.5s ease 0.5s forwards; -o-animation: login-bg 0.5s ease 0.5s forwards; animation: login-bg 0.5s ease 0.5s forwards; bottom: -50%; height: 50%; z-index: 2; } .user-login:after { background-color: #16202b; } body.theme-tide .user-login:after { background-color: #16202b; } body.theme-tigerlily .user-login:after { background-color: #26333f; } body.theme-crickets .user-login:after { background-color: #2b141b; } body.theme-honeycomb .user-login:after { background-color: #252228; } body.theme-mint .user-login:after { background-color: #1d232a; } body.theme-overcast .user-login:after { background-color: #252228; } body.theme-quartz .user-login:after { background-color: #2b2e3f; } .user-login .user-login-box { -webkit-animation: login-box 0.5s forwards; -moz-animation: login-box 0.5s forwards; -ms-animation: login-box 0.5s forwards; -o-animation: login-box 0.5s forwards; animation: login-box 0.5s forwards; left: 50%; position: absolute; width: 300px; z-index: 3; } .user-login .user-login-box .user-login-logo { -webkit-animation: login-logo 0.5s ease 0.5s forwards; -moz-animation: login-logo 0.5s ease 0.5s forwards; -ms-animation: login-logo 0.5s ease 0.5s forwards; -o-animation: login-logo 0.5s ease 0.5s forwards; animation: login-logo 0.5s ease 0.5s forwards; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .user-login .user-login-box .user-login-form { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; z-index: 2; } .user-login .user-login-box .user-login-form { background-color: #14202a; } body.theme-tide .user-login .user-login-box .user-login-form { background-color: #14202a; } body.theme-tigerlily .user-login .user-login-box .user-login-form { background-color: #14191e; } body.theme-crickets .user-login .user-login-box .user-login-form { background-color: #14191e; } body.theme-honeycomb .user-login .user-login-box .user-login-form { background-color: #14191e; } body.theme-mint .user-login .user-login-box .user-login-form { background-color: #14191e; } body.theme-overcast .user-login .user-login-box .user-login-form { background-color: #14191e; } body.theme-quartz .user-login .user-login-box .user-login-form { background-color: #14191e; } .user-login .user-login-box .user-login-form { border: 1px solid #44626f; } body.theme-tide .user-login .user-login-box .user-login-form { border: 1px solid #44626f; } body.theme-tigerlily .user-login .user-login-box .user-login-form { border: 1px solid #875a86; } body.theme-crickets .user-login .user-login-box .user-login-form { border: 1px solid #537b76; } body.theme-honeycomb .user-login .user-login-box .user-login-form { border: 1px solid #623337; } body.theme-mint .user-login .user-login-box .user-login-form { border: 1px solid #214529; } body.theme-overcast .user-login .user-login-box .user-login-form { border: 1px solid #404040; } body.theme-quartz .user-login .user-login-box .user-login-form { border: 1px solid #885b86; } .user-login .user-login-box .user-login-form { color: #fff; } body.theme-tide .user-login .user-login-box .user-login-form { color: #fff; } body.theme-tigerlily .user-login .user-login-box .user-login-form { color: #fff; } body.theme-crickets .user-login .user-login-box .user-login-form { color: #fff; } body.theme-honeycomb .user-login .user-login-box .user-login-form { color: #fff; } body.theme-mint .user-login .user-login-box .user-login-form { color: #fff; } body.theme-overcast .user-login .user-login-box .user-login-form { color: #fff; } body.theme-quartz .user-login .user-login-box .user-login-form { color: #fff; } .user-login .user-login-box .user-login-form h3 { margin: 0; text-align: center; } .user-login .user-login-box .user-login-form .btn-primary { font-weight: bold; } @-moz-keyframes login-box { from { top: 100%; -webkit-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); -o-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); } to { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @-webkit-keyframes login-box { from { top: 100%; -webkit-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); -o-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); } to { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @-o-keyframes login-box { from { top: 100%; -webkit-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); -o-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); } to { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @keyframes login-box { from { top: 100%; -webkit-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); -o-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); } to { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @-moz-keyframes login-logo { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes login-logo { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @-o-keyframes login-logo { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes login-logo { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes login-bg { from { bottom: -50%; } to { bottom: 0; } } @-webkit-keyframes login-bg { from { bottom: -50%; } to { bottom: 0; } } @-o-keyframes login-bg { from { bottom: -50%; } to { bottom: 0; } } @keyframes login-bg { from { bottom: -50%; } to { bottom: 0; } } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .select-tree-root .tree-content { background-color: #fff; position: relative; -webkit-transition: transform 0.3s ease , background-color 0.3s ease , border-color 0.3s ease , border-radius 0.3s ease , margin-right 0.3s ease; -moz-transition: transform 0.3s ease , background-color 0.3s ease , border-color 0.3s ease , border-radius 0.3s ease , margin-right 0.3s ease; -ms-transition: transform 0.3s ease , background-color 0.3s ease , border-color 0.3s ease , border-radius 0.3s ease , margin-right 0.3s ease; -o-transition: transform 0.3s ease , background-color 0.3s ease , border-color 0.3s ease , border-radius 0.3s ease , margin-right 0.3s ease; transition: transform 0.3s ease , background-color 0.3s ease , border-color 0.3s ease , border-radius 0.3s ease , margin-right 0.3s ease; } .select-tree-root .tree-content .tree-search, .select-tree-root .tree-content a.tree-back, .select-tree-root .tree-content .tree-breadcrumb span, .select-tree-root .tree-content .tree-node, .select-tree-root .tree-content .tree-leaf { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .select-tree-root.selected label.tree-leaf.active { -webkit-box-shadow: 0 0 0 10px #fff; -moz-box-shadow: 0 0 0 10px #fff; -ms-box-shadow: 0 0 0 10px #fff; -o-box-shadow: 0 0 0 10px #fff; box-shadow: 0 0 0 10px #fff; } .select-tree-root.selected .tree-content { background-color: transparent; } .select-tree-root.selected>.tree-content { border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .select-tree-root.selected>.tree-content .tree-search { background-color: transparent; border-color: transparent; color: transparent; } .select-tree-root.selected>.tree-content .tree-search input, .select-tree-root.selected>.tree-content .tree-search i { opacity: 0; } .select-tree-root.selected:not(.open)>.tree-content>.tree-inputs, .select-tree-root.selected .select-tree:not(.open)>.tree-content>.tree-inputs, .select-tree-root.selected:not(.open)>.tree-content>.tree-breadcrumb, .select-tree-root.selected .select-tree:not(.open)>.tree-content>.tree-breadcrumb { display: none; } .select-tree-root.selected>.tree-content>.tree-options>.tree-inputs>label:not(.active), .select-tree-root.selected .select-tree>.tree-content>.tree-options>.tree-inputs>label:not(.active), .select-tree-root.selected>.tree-content>.tree-options>.tree-breadcrumb a, .select-tree-root.selected .select-tree>.tree-content>.tree-options>.tree-breadcrumb a, .select-tree-root.selected>.tree-content>.tree-options>.tree-breadcrumb span, .select-tree-root.selected .select-tree>.tree-content>.tree-options>.tree-breadcrumb span { color: transparent; } .select-tree-root.selected>.tree-content>.tree-options>.tree-inputs>label.tree-node:not(.active), .select-tree-root.selected .select-tree>.tree-content>.tree-options>.tree-inputs>label.tree-node:not(.active) { border-color: transparent; } .select-tree-root.selected.common-clicked .tree-leaf.active { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: transparent; } .select-tree-root { display: inline-block; position: relative; z-index: 0; } .select-tree-root>.tree-content { border: 1px solid #c4c4c4; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: hidden; } .select-tree-root>.tree-content>.tree-options { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; } .select-tree-root .tree-search { background-color: #c0c0c0; border-bottom: 1px solid #c4c4c4; color: #303030; display: flex; margin: 0; padding: 5px; position: relative; text-align: center; } .select-tree-root .tree-search span { font-weight: bold; line-height: 24px; } .select-tree-root .tree-search input { border-color: #9b9b9b; font-weight: normal; padding-left: 34px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .select-tree-root .tree-search input ~ i { color: #a3a3a3; font-size: 18px; left: 16px; position: absolute; top: 37px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .select-tree-root .tree-breadcrumb { line-height: 32px; padding: 5px 12px; } .select-tree-root .tree-breadcrumb .path-link, .select-tree-root .tree-breadcrumb .tree-current-node { display: inline-block; font-weight: normal; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select-tree-root .tree-breadcrumb .path-link i, .select-tree-root .tree-breadcrumb .tree-current-node i { margin-right: 5px; } .select-tree-root .select-tree-node { left: 0; overflow: hidden; position: fixed; width: 100%; z-index: 2; } .select-tree-root .select-tree-node, .select-tree-root .select-tree-node .tree-content, .select-tree-root .select-tree-node .tree-inputs { height: 100%; } .select-tree-root .tree-options { overflow: hidden; position: relative; z-index: 2; } .select-tree-root .tree-options .tree-node, .select-tree-root .tree-options .tree-leaf { cursor: pointer; display: block; font-weight: normal; margin-bottom: 0; padding: 0 12px; position: relative; z-index: 1; } .select-tree-root .tree-options .tree-node>input, .select-tree-root .tree-options .tree-leaf>input { display: none; } .select-tree-root .tree-options .tree-node { height: 41px; border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; line-height: 41px; margin-top: -1px; } .select-tree-root .tree-options .tree-node:last-child { border-bottom: 0; } .select-tree-root .tree-options .tree-leaf { -webkit-box-shadow: 0 0 0 200px transparent; -moz-box-shadow: 0 0 0 200px transparent; -ms-box-shadow: 0 0 0 200px transparent; -o-box-shadow: 0 0 0 200px transparent; box-shadow: 0 0 0 200px transparent; line-height: 26px; } .select-tree-root .tree-options .tree-leaf.active { -webkit-box-shadow: 0 0 0 200px #fff; -moz-box-shadow: 0 0 0 200px #fff; -ms-box-shadow: 0 0 0 200px #fff; -o-box-shadow: 0 0 0 200px #fff; box-shadow: 0 0 0 200px #fff; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; z-index: 0; } .select-tree-root .tree-options .tree-leaf.active:last-child:after { display: block; content: ''; height: 10px; } .select-tree-root .tree-options.collapsed { z-index: 1; } .select-tree-root .select-tree-common { height: 100%; padding-left: 6px; position: absolute; right: 0; top: 0; width: 50%; } .select-tree-root .select-tree-common .content { background-color: #303030; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #fff; opacity: 0.9; padding: 0 15px 12px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 6px); } .select-tree-root .select-tree-common .content h5.title { color: #9b9b9b; font-weight: normal; line-height: 20px; margin: 12px 0 16px; } .select-tree-root .select-tree-common .content div.labels { position: relative; } .select-tree-root .select-tree-common .content label { cursor: pointer; display: block; font-weight: 300; line-height: 26px; margin: 0; padding-left: 3px; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .select-tree-root .select-tree-common .content label:hover { padding-left: 0; } .select-tree-root>.tree-content { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .select-tree-root .select-tree-common { z-index: -1; } .select-tree-root .select-tree-common .content { margin-left: calc(-100% - 6px); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: margin-left 0.3s ease 0.3s , transform 0s linear 0.3s; -moz-transition: margin-left 0.3s ease 0.3s , transform 0s linear 0.3s; -ms-transition: margin-left 0.3s ease 0.3s , transform 0s linear 0.3s; -o-transition: margin-left 0.3s ease 0.3s , transform 0s linear 0.3s; transition: margin-left 0.3s ease 0.3s , transform 0s linear 0.3s; } .select-tree-root.started>.tree-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .select-tree-root.started .select-tree-common .content { margin-left: 0; -webkit-transform: scale(1) translateY(-50%); -moz-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); -o-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } .select-tree-root.navigated .select-tree-common .content, .select-tree-root.selected .select-tree-common .content { opacity: 0; -webkit-transform: translateX(-100%) scale(0); -moz-transform: translateX(-100%) scale(0); -ms-transform: translateX(-100%) scale(0); -o-transform: translateX(-100%) scale(0); transform: translateX(-100%) scale(0); -webkit-transition: transform 0.3s ease , opacity 0.3s ease; -moz-transition: transform 0.3s ease , opacity 0.3s ease; -ms-transition: transform 0.3s ease , opacity 0.3s ease; -o-transition: transform 0.3s ease , opacity 0.3s ease; transition: transform 0.3s ease , opacity 0.3s ease; } @-moz-keyframes selectTreeCommonOverflow { from { overflow: hidden; } to { overflow: visible; } } @-webkit-keyframes selectTreeCommonOverflow { from { overflow: hidden; } to { overflow: visible; } } @-o-keyframes selectTreeCommonOverflow { from { overflow: hidden; } to { overflow: visible; } } @keyframes selectTreeCommonOverflow { from { overflow: hidden; } to { overflow: visible; } } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } #studyAssociationTable { color: #fff; } #studyAssociationTable .header { text-align: center; } #studyAssociationTable .center { text-align: center; } #studyAssociationTable #associationInstructions { margin-bottom: 2px; padding: 0 15px; } #studyAssociationTable #associationInstructions { background: #151a1f; } body.theme-tide #studyAssociationTable #associationInstructions { background: #151a1f; } body.theme-tigerlily #studyAssociationTable #associationInstructions { background: #151a1f; } body.theme-crickets #studyAssociationTable #associationInstructions { background: #231c1e; } body.theme-honeycomb #studyAssociationTable #associationInstructions { background: #18161a; } body.theme-mint #studyAssociationTable #associationInstructions { background: #15191e; } body.theme-overcast #studyAssociationTable #associationInstructions { background: #15191e; } body.theme-quartz #studyAssociationTable #associationInstructions { background: #151a1f; } #studyAssociationTable .tableHeaderBackground { position: absolute; height: 51px; left: 0; width: 100%; z-index: 1; border-bottom: solid 1px; } #studyAssociationTable .tableHeaderBackground { background-color: #151a1f; } body.theme-tide #studyAssociationTable .tableHeaderBackground { background-color: #151a1f; } body.theme-tigerlily #studyAssociationTable .tableHeaderBackground { background-color: #151a1f; } body.theme-crickets #studyAssociationTable .tableHeaderBackground { background-color: #231c1e; } body.theme-honeycomb #studyAssociationTable .tableHeaderBackground { background-color: #18161a; } body.theme-mint #studyAssociationTable .tableHeaderBackground { background-color: #15191e; } body.theme-overcast #studyAssociationTable .tableHeaderBackground { background-color: #15191e; } body.theme-quartz #studyAssociationTable .tableHeaderBackground { background-color: #151a1f; } #studyAssociationTable .tableHeaderBackground { border-bottom-color: #6fbde2; } body.theme-tide #studyAssociationTable .tableHeaderBackground { border-bottom-color: #6fbde2; } body.theme-tigerlily #studyAssociationTable .tableHeaderBackground { border-bottom-color: #d47c66; } body.theme-crickets #studyAssociationTable .tableHeaderBackground { border-bottom-color: #d47c66; } body.theme-honeycomb #studyAssociationTable .tableHeaderBackground { border-bottom-color: #d47c66; } body.theme-mint #studyAssociationTable .tableHeaderBackground { border-bottom-color: #76d27d; } body.theme-overcast #studyAssociationTable .tableHeaderBackground { border-bottom-color: #74f1fa; } body.theme-quartz #studyAssociationTable .tableHeaderBackground { border-bottom-color: #abcdf6; } #studyAssociationTable table { z-index: 2; position: relative; } #studyAssociationTable table thead tr th { padding-bottom: 5px; border-bottom: solid 1px #6fbde2; height: 50px; font-weight: normal; } #studyAssociationTable table tbody tr { padding: 5px; background-color: #000; } #studyAssociationTable table tbody tr:nth-child(even) { background-color: #151a1f; } body.theme-tide #studyAssociationTable table tbody tr:nth-child(even) { background-color: #151a1f; } body.theme-tigerlily #studyAssociationTable table tbody tr:nth-child(even) { background-color: #151a1f; } body.theme-crickets #studyAssociationTable table tbody tr:nth-child(even) { background-color: #231c1e; } body.theme-honeycomb #studyAssociationTable table tbody tr:nth-child(even) { background-color: #18161a; } body.theme-mint #studyAssociationTable table tbody tr:nth-child(even) { background-color: #15191e; } body.theme-overcast #studyAssociationTable table tbody tr:nth-child(even) { background-color: #15191e; } body.theme-quartz #studyAssociationTable table tbody tr:nth-child(even) { background-color: #151a1f; } #studyAssociationTable table tbody tr td { position: relative; height: 30px; line-height: 30px; color: #fff; border-top: 1px solid #436270; border-bottom: 1px solid #436270; vertical-align: middle; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } #studyAssociationTable table tbody tr td p { margin: 0; } #studyAssociationTable table tbody tr td.timepointOptions label { font-weight: 200; cursor: pointer; } #studyAssociationTable table tbody tr td.timepointOptions input { margin: 0 3px; } #studyAssociationTable table tbody tr td.timepointOptions input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #studyAssociationTable table tbody tr td.timepointOptions input + span { display: block; position: absolute; border: 2px solid #c8c8c8; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 15px; width: 15px; top: 2px; left: 0; padding: 3px; z-index: 5; -webkit-transition: border; -moz-transition: border; -ms-transition: border; -o-transition: border; transition: border; -webkit-transition: border 0.25s linear; } #studyAssociationTable table tbody tr td.timepointOptions input + span:before { display: block; content: ''; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 100%; width: 100%; -webkit-transition: background; -moz-transition: background; -ms-transition: background; -o-transition: background; transition: background; -webkit-transition: background 0.25s linear; } #studyAssociationTable table tbody tr td.timepointOptions input:checked + span { border-color: #20a5d6; } body.theme-tide #studyAssociationTable table tbody tr td.timepointOptions input:checked + span { border-color: #20a5d6; } body.theme-tigerlily #studyAssociationTable table tbody tr td.timepointOptions input:checked + span { border-color: #fa8947; } body.theme-crickets #studyAssociationTable table tbody tr td.timepointOptions input:checked + span { border-color: #d4c3c1; } body.theme-honeycomb #studyAssociationTable table tbody tr td.timepointOptions input:checked + span { border-color: #cda56b; } body.theme-mint #studyAssociationTable table tbody tr td.timepointOptions input:checked + span { border-color: #31b166; } body.theme-overcast #studyAssociationTable table tbody tr td.timepointOptions input:checked + span { border-color: #507d80; } body.theme-quartz #studyAssociationTable table tbody tr td.timepointOptions input:checked + span { border-color: #7858ce; } #studyAssociationTable table tbody tr td.timepointOptions input:checked + span:before { background-color: #20a5d6; } body.theme-tide #studyAssociationTable table tbody tr td.timepointOptions input:checked + span:before { background-color: #20a5d6; } body.theme-tigerlily #studyAssociationTable table tbody tr td.timepointOptions input:checked + span:before { background-color: #fa8947; } body.theme-crickets #studyAssociationTable table tbody tr td.timepointOptions input:checked + span:before { background-color: #d4c3c1; } body.theme-honeycomb #studyAssociationTable table tbody tr td.timepointOptions input:checked + span:before { background-color: #cda56b; } body.theme-mint #studyAssociationTable table tbody tr td.timepointOptions input:checked + span:before { background-color: #31b166; } body.theme-overcast #studyAssociationTable table tbody tr td.timepointOptions input:checked + span:before { background-color: #507d80; } body.theme-quartz #studyAssociationTable table tbody tr td.timepointOptions input:checked + span:before { background-color: #7858ce; } #studyAssociationTable table tbody tr td.timepointOptions input:disabled + span { border-color: #535960 !important; } #studyAssociationTable table tbody tr td.timepointOptions input:disabled:checked + span { border-color: #0d4256 !important; } #studyAssociationTable table tbody tr td.timepointOptions input:disabled:checked + span:before { background-color: #0d4256 !important; } #studyAssociationTable table tbody tr td.timepointOptions label { padding: 0 5px; padding-left: 20px; display: inline-block; position: relative; line-height: initial; } #studyAssociationTable table tbody tr td.checkboxWrapper label { display: block; margin: 0; } #studyAssociationTable table tbody tr td.checkboxWrapper input { margin: 0 3px; } #studyAssociationTable table tbody tr td.checkboxWrapper input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #studyAssociationTable table tbody tr td.checkboxWrapper input + span { display: block; border: 1px solid #b6b6b6; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; height: 16px; width: 16px; margin: 0 auto; z-index: 5; -webkit-transition: border; -moz-transition: border; -ms-transition: border; -o-transition: border; transition: border; -webkit-transition: border 0.25s linear; } #studyAssociationTable table tbody tr td.checkboxWrapper input + span:before { display: block; position: relative; content: ''; font-size: 9px; top: -7px; color: #fff; background-color: transparent; -webkit-transition: background; -moz-transition: background; -ms-transition: background; -o-transition: background; transition: background; -webkit-transition: background 0.25s linear; } #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span { background-color: #20a5d6; } body.theme-tide #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span { background-color: #20a5d6; } body.theme-tigerlily #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span { background-color: #fa8947; } body.theme-crickets #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span { background-color: #d4c3c1; } body.theme-honeycomb #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span { background-color: #cda56b; } body.theme-mint #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span { background-color: #31b166; } body.theme-overcast #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span { background-color: #507d80; } body.theme-quartz #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span { background-color: #7858ce; } #studyAssociationTable table tbody tr td.checkboxWrapper input:checked + span:before { content: '\2713'; } #studyAssociationTable table tbody tr.disabled td { color: #535960; } #studyAssociationTable table tbody tr:hover, #studyAssociationTable table tbody tr:active, #studyAssociationTable table tbody tr.active { background-color: #2c363f; color: #fff; } #studyAssociationTable table tbody tr:hover td, #studyAssociationTable table tbody tr:active td, #studyAssociationTable table tbody tr.active td { border-top: 1px solid #436270; border-bottom: 1px solid #436270; background-color: #2c363f; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .caseProgress { -webkit-transition: all 0.3 ease; -moz-transition: all 0.3 ease; -ms-transition: all 0.3 ease; -o-transition: all 0.3 ease; transition: all 0.3 ease; } .caseProgress .radialProgress { display: inline-block; float: left; } .caseProgress .caseProgressStatus { display: inline-block; float: left; margin-left: 22px; } .caseProgress .caseProgressStatus h5 { line-height: 40px; margin: 0; font-size: 15px; font-weight: bold; } .caseProgress .caseProgressStatus h5 { color: #fff; } body.theme-tide .caseProgress .caseProgressStatus h5 { color: #fff; } body.theme-tigerlily .caseProgress .caseProgressStatus h5 { color: #fff; } body.theme-crickets .caseProgress .caseProgressStatus h5 { color: #fff; } body.theme-honeycomb .caseProgress .caseProgressStatus h5 { color: #fff; } body.theme-mint .caseProgress .caseProgressStatus h5 { color: #fff; } body.theme-overcast .caseProgress .caseProgressStatus h5 { color: #fff; } body.theme-quartz .caseProgress .caseProgressStatus h5 { color: #fff; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .radialProgress { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 26px; margin-top: 3px; margin-right: 4px; position: relative; -webkit-box-shadow: 0 0 1em #000; -moz-box-shadow: 0 0 1em #000; -ms-box-shadow: 0 0 1em #000; -o-box-shadow: 0 0 1em #000; -webkit-box-shadow: 0 0 1em #000; -moz-box-shadow: 0 0 1em #000; -ms-box-shadow: 0 0 1em #000; -o-box-shadow: 0 0 1em #000; box-shadow: 0 0 1em #000; width: 26px; } .radialProgress #svg circle { stroke-dashoffset: 0; stroke-width: 3px; -webkit-transition: stroke-dashoffset 1s linear; -moz-transition: stroke-dashoffset 1s linear; -ms-transition: stroke-dashoffset 1s linear; -o-transition: stroke-dashoffset 1s linear; -webkit-transition: stroke-dashoffset 1s linear; -moz-transition: stroke-dashoffset 1s linear; -ms-transition: stroke-dashoffset 1s linear; -o-transition: stroke-dashoffset 1s linear; transition: stroke-dashoffset 1s linear; } .radialProgress #svg circle { stroke: #3c5d80; } body.theme-tide .radialProgress #svg circle { stroke: #3c5d80; } body.theme-tigerlily .radialProgress #svg circle { stroke: #744b71; } body.theme-crickets .radialProgress #svg circle { stroke: #3c5d80; } body.theme-honeycomb .radialProgress #svg circle { stroke: #3c5d80; } body.theme-mint .radialProgress #svg circle { stroke: #3c5d80; } body.theme-overcast .radialProgress #svg circle { stroke: #3c5d80; } body.theme-quartz .radialProgress #svg circle { stroke: #3c5d80; } .radialProgress #svg #bar { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .radialProgress #svg #bar { stroke: #91b9cd; } body.theme-tide .radialProgress #svg #bar { stroke: #91b9cd; } body.theme-tigerlily .radialProgress #svg #bar { stroke: #9ccdf8; } body.theme-crickets .radialProgress #svg #bar { stroke: #8be7b5; } body.theme-honeycomb .radialProgress #svg #bar { stroke: #fab797; } body.theme-mint .radialProgress #svg #bar { stroke: #a7e9b3; } body.theme-overcast .radialProgress #svg #bar { stroke: #73f2fc; } body.theme-quartz .radialProgress #svg #bar { stroke: #d7e8fe; } .radialProgress .progressArea { display: table; font-weight: 700; font-size: 12px; height: 26px; line-height: 26px; left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 26px; } .radialProgress .progressArea { color: #91b9cd; } body.theme-tide .radialProgress .progressArea { color: #91b9cd; } body.theme-tigerlily .radialProgress .progressArea { color: #9ccdf8; } body.theme-crickets .radialProgress .progressArea { color: #8be7b5; } body.theme-honeycomb .radialProgress .progressArea { color: #fab797; } body.theme-mint .radialProgress .progressArea { color: #a7e9b3; } body.theme-overcast .radialProgress .progressArea { color: #73f2fc; } body.theme-quartz .radialProgress .progressArea { color: #d7e8fe; } .radialProgress .progressArea.locked { line-height: 0; } .radialProgress .progressArea.locked, .radialProgress .progressArea.locked svg { height: 12px; width: 10px; } .radialProgress .progressArea.complete { line-height: 0; } .radialProgress .progressArea.complete, .radialProgress .progressArea.complete svg { height: 16px; width: 16px; } .radialProgress .progressArea svg { fill: #91b9cd; } body.theme-tide .radialProgress .progressArea svg { fill: #91b9cd; } body.theme-tigerlily .radialProgress .progressArea svg { fill: #9ccdf8; } body.theme-crickets .radialProgress .progressArea svg { fill: #8be7b5; } body.theme-honeycomb .radialProgress .progressArea svg { fill: #fab797; } body.theme-mint .radialProgress .progressArea svg { fill: #a7e9b3; } body.theme-overcast .radialProgress .progressArea svg { fill: #73f2fc; } body.theme-quartz .radialProgress .progressArea svg { fill: #d7e8fe; } .radialProgress .progressArea svg { stroke: #91b9cd; } body.theme-tide .radialProgress .progressArea svg { stroke: #91b9cd; } body.theme-tigerlily .radialProgress .progressArea svg { stroke: #9ccdf8; } body.theme-crickets .radialProgress .progressArea svg { stroke: #8be7b5; } body.theme-honeycomb .radialProgress .progressArea svg { stroke: #fab797; } body.theme-mint .radialProgress .progressArea svg { stroke: #a7e9b3; } body.theme-overcast .radialProgress .progressArea svg { stroke: #73f2fc; } body.theme-quartz .radialProgress .progressArea svg { stroke: #d7e8fe; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } #measurementTableContainer { height: 100%; width: 100%; } #measurementTableContainer { background-color: #000; } body.theme-tide #measurementTableContainer { background-color: #000; } body.theme-tigerlily #measurementTableContainer { background-color: #000; } body.theme-crickets #measurementTableContainer { background-color: #000; } body.theme-honeycomb #measurementTableContainer { background-color: #000; } body.theme-mint #measurementTableContainer { background-color: #000; } body.theme-overcast #measurementTableContainer { background-color: #000; } body.theme-quartz #measurementTableContainer { background-color: #000; } .measurementTableTimepointHeaderRow { display: flex; padding: 0 2px 0 44px; position: relative; } .measurementTableTimepointHeaderRow .warning-status { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; cursor: pointer; height: 32px; left: 0; margin: 4px 6px; padding-top: 1px; position: absolute; text-align: center; top: 0; -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; transition: border-color 0.3s ease; width: 32px; } .measurementTableTimepointHeaderRow .warning-status { border: 2px solid #e29e4a; } body.theme-tide .measurementTableTimepointHeaderRow .warning-status { border: 2px solid #e29e4a; } body.theme-tigerlily .measurementTableTimepointHeaderRow .warning-status { border: 2px solid #e29e4a; } body.theme-crickets .measurementTableTimepointHeaderRow .warning-status { border: 2px solid #e29e4a; } body.theme-honeycomb .measurementTableTimepointHeaderRow .warning-status { border: 2px solid #e29e4a; } body.theme-mint .measurementTableTimepointHeaderRow .warning-status { border: 2px solid #e29e4a; } body.theme-overcast .measurementTableTimepointHeaderRow .warning-status { border: 2px solid #e29e4a; } body.theme-quartz .measurementTableTimepointHeaderRow .warning-status { border: 2px solid #e29e4a; } .measurementTableTimepointHeaderRow .warning-status:hover { border-color: #fff; } body.theme-tide .measurementTableTimepointHeaderRow .warning-status:hover { border-color: #fff; } body.theme-tigerlily .measurementTableTimepointHeaderRow .warning-status:hover { border-color: #fff; } body.theme-crickets .measurementTableTimepointHeaderRow .warning-status:hover { border-color: #fff; } body.theme-honeycomb .measurementTableTimepointHeaderRow .warning-status:hover { border-color: #fff; } body.theme-mint .measurementTableTimepointHeaderRow .warning-status:hover { border-color: #fff; } body.theme-overcast .measurementTableTimepointHeaderRow .warning-status:hover { border-color: #fff; } body.theme-quartz .measurementTableTimepointHeaderRow .warning-status:hover { border-color: #fff; } .measurementTableTimepointHeaderRow .warning-status:hover svg { fill: #fff; } body.theme-tide .measurementTableTimepointHeaderRow .warning-status:hover svg { fill: #fff; } body.theme-tigerlily .measurementTableTimepointHeaderRow .warning-status:hover svg { fill: #fff; } body.theme-crickets .measurementTableTimepointHeaderRow .warning-status:hover svg { fill: #fff; } body.theme-honeycomb .measurementTableTimepointHeaderRow .warning-status:hover svg { fill: #fff; } body.theme-mint .measurementTableTimepointHeaderRow .warning-status:hover svg { fill: #fff; } body.theme-overcast .measurementTableTimepointHeaderRow .warning-status:hover svg { fill: #fff; } body.theme-quartz .measurementTableTimepointHeaderRow .warning-status:hover svg { fill: #fff; } .measurementTableTimepointHeaderRow .warning-status svg { display: inline; height: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 22px; } .measurementTableTimepointHeaderRow .warning-status svg { fill: #e29e4a; } body.theme-tide .measurementTableTimepointHeaderRow .warning-status svg { fill: #e29e4a; } body.theme-tigerlily .measurementTableTimepointHeaderRow .warning-status svg { fill: #e29e4a; } body.theme-crickets .measurementTableTimepointHeaderRow .warning-status svg { fill: #e29e4a; } body.theme-honeycomb .measurementTableTimepointHeaderRow .warning-status svg { fill: #e29e4a; } body.theme-mint .measurementTableTimepointHeaderRow .warning-status svg { fill: #e29e4a; } body.theme-overcast .measurementTableTimepointHeaderRow .warning-status svg { fill: #e29e4a; } body.theme-quartz .measurementTableTimepointHeaderRow .warning-status svg { fill: #e29e4a; } .measurementTableLayoutChanger { margin: 0 auto; padding: 20px; text-align: center; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurementTableView .report-area { margin-top: 2px; padding: 10px 0; } .measurementTableView .report-area { background-color: #151a1f; } body.theme-tide .measurementTableView .report-area { background-color: #151a1f; } body.theme-tigerlily .measurementTableView .report-area { background-color: #151a1f; } body.theme-crickets .measurementTableView .report-area { background-color: #231c1e; } body.theme-honeycomb .measurementTableView .report-area { background-color: #18161a; } body.theme-mint .measurementTableView .report-area { background-color: #15191e; } body.theme-overcast .measurementTableView .report-area { background-color: #15191e; } body.theme-quartz .measurementTableView .report-area { background-color: #151a1f; } .measurementTableView .report-area .btn.js-pdf { color: #000; display: table; margin: 0 auto; } .measurementTableView .report-area .btn.js-pdf { background-color: #20a5d6; } body.theme-tide .measurementTableView .report-area .btn.js-pdf { background-color: #20a5d6; } body.theme-tigerlily .measurementTableView .report-area .btn.js-pdf { background-color: #fa8947; } body.theme-crickets .measurementTableView .report-area .btn.js-pdf { background-color: #d4c3c1; } body.theme-honeycomb .measurementTableView .report-area .btn.js-pdf { background-color: #cda56b; } body.theme-mint .measurementTableView .report-area .btn.js-pdf { background-color: #31b166; } body.theme-overcast .measurementTableView .report-area .btn.js-pdf { background-color: #507d80; } body.theme-quartz .measurementTableView .report-area .btn.js-pdf { background-color: #7858ce; } .measurementTableView .report-area .btn.js-pdf { border: 1px solid #00a4d9; } body.theme-tide .measurementTableView .report-area .btn.js-pdf { border: 1px solid #00a4d9; } body.theme-tigerlily .measurementTableView .report-area .btn.js-pdf { border: 1px solid #ff8a3d; } body.theme-crickets .measurementTableView .report-area .btn.js-pdf { border: 1px solid #d4aaa5; } body.theme-honeycomb .measurementTableView .report-area .btn.js-pdf { border: 1px solid #ce9e59; } body.theme-mint .measurementTableView .report-area .btn.js-pdf { border: 1px solid #23b15d; } body.theme-overcast .measurementTableView .report-area .btn.js-pdf { border: 1px solid #467c80; } body.theme-quartz .measurementTableView .report-area .btn.js-pdf { border: 1px solid #6843cc; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } #measurementTableHUD { background: rgba(0,0,0,0.95); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; border: solid 1px rgba(77,99,110,0.81); bottom: 3px; height: 326px; left: auto; overflow: hidden; position: absolute; right: 3px; top: auto; width: 318px; z-index: 1; } #measurementTableHUD .measurementTableView .scrollable { margin-left: 0; padding-left: 0; } #measurementTableHUD .header { border-bottom: 1px solid rgba(77,99,110,0.81); font-weight: 300; font-size: 20px; height: 55px; line-height: 55px; position: relative; text-align: center; width: 100%; } #measurementTableHUD .header { background: #14202a; } body.theme-tide #measurementTableHUD .header { background: #14202a; } body.theme-tigerlily #measurementTableHUD .header { background: #14191e; } body.theme-crickets #measurementTableHUD .header { background: #14191e; } body.theme-honeycomb #measurementTableHUD .header { background: #14191e; } body.theme-mint #measurementTableHUD .header { background: #14191e; } body.theme-overcast #measurementTableHUD .header { background: #14191e; } body.theme-quartz #measurementTableHUD .header { background: #14191e; } #measurementTableHUD .header { color: #91b9cd; } body.theme-tide #measurementTableHUD .header { color: #91b9cd; } body.theme-tigerlily #measurementTableHUD .header { color: #9ccdf8; } body.theme-crickets #measurementTableHUD .header { color: #8be7b5; } body.theme-honeycomb #measurementTableHUD .header { color: #fab797; } body.theme-mint #measurementTableHUD .header { color: #a7e9b3; } body.theme-overcast #measurementTableHUD .header { color: #73f2fc; } body.theme-quartz #measurementTableHUD .header { color: #d7e8fe; } #measurementTableHUD .header svg.buttonClose { cursor: pointer; height: 14px; position: absolute; right: 14px; top: 20px; width: 14px; } #measurementTableHUD .header svg.buttonClose { color: #9ccef9; } body.theme-tide #measurementTableHUD .header svg.buttonClose { color: #9ccef9; } body.theme-tigerlily #measurementTableHUD .header svg.buttonClose { color: #9acffd; } body.theme-crickets #measurementTableHUD .header svg.buttonClose { color: #92c2da; } body.theme-honeycomb #measurementTableHUD .header svg.buttonClose { color: #b5b5b5; } body.theme-mint #measurementTableHUD .header svg.buttonClose { color: #a7e9b3; } body.theme-overcast #measurementTableHUD .header svg.buttonClose { color: #9cbecf; } body.theme-quartz #measurementTableHUD .header svg.buttonClose { color: #8ea2a4; } #measurementTableHUD .header svg.buttonClose { stroke: #9ccef9; } body.theme-tide #measurementTableHUD .header svg.buttonClose { stroke: #9ccef9; } body.theme-tigerlily #measurementTableHUD .header svg.buttonClose { stroke: #9acffd; } body.theme-crickets #measurementTableHUD .header svg.buttonClose { stroke: #92c2da; } body.theme-honeycomb #measurementTableHUD .header svg.buttonClose { stroke: #b5b5b5; } body.theme-mint #measurementTableHUD .header svg.buttonClose { stroke: #a7e9b3; } body.theme-overcast #measurementTableHUD .header svg.buttonClose { stroke: #9cbecf; } body.theme-quartz #measurementTableHUD .header svg.buttonClose { stroke: #8ea2a4; } #measurementTableHUD .measurementTableView { height: calc(100% - 55px - 70px); padding-bottom: 20px; } #measurementTableHUD .footer { border-top: 1px solid rgba(77,99,110,0.81); height: 70px; padding: 10px; } #measurementTableHUD .footer { background: #14202a; } body.theme-tide #measurementTableHUD .footer { background: #14202a; } body.theme-tigerlily #measurementTableHUD .footer { background: #14191e; } body.theme-crickets #measurementTableHUD .footer { background: #14191e; } body.theme-honeycomb #measurementTableHUD .footer { background: #14191e; } body.theme-mint #measurementTableHUD .footer { background: #14191e; } body.theme-overcast #measurementTableHUD .footer { background: #14191e; } body.theme-quartz #measurementTableHUD .footer { background: #14191e; } #measurementTableHUD .footer .toolbarSectionButton { display: inline-block; padding: 0 10px; height: 78px; min-width: 30px; cursor: pointer; text-align: center; } #measurementTableHUD .footer .toolbarSectionButton { color: #9ccef9; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton { color: #9ccef9; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton { color: #9acffd; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton { color: #92c2da; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton { color: #b5b5b5; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton { color: #a7e9b3; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton { color: #9cbecf; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton { color: #8ea2a4; } #measurementTableHUD .footer .toolbarSectionButton { fill: #9ccef9; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton { fill: #9ccef9; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton { fill: #9acffd; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton { fill: #92c2da; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton { fill: #b5b5b5; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton { fill: #a7e9b3; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton { fill: #9cbecf; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton { fill: #8ea2a4; } #measurementTableHUD .footer .toolbarSectionButton { stroke: #9ccef9; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton { stroke: #9ccef9; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton { stroke: #9acffd; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton { stroke: #92c2da; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton { stroke: #b5b5b5; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton { stroke: #a7e9b3; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton { stroke: #9cbecf; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton { stroke: #8ea2a4; } #measurementTableHUD .footer .toolbarSectionButton.disabled { opacity: 0.5; cursor: not-allowed; } #measurementTableHUD .footer .toolbarSectionButton .buttonLabel { font-size: 12px; } #measurementTableHUD .footer .toolbarSectionButton .svgContainer { margin: 0 auto; text-align: center; } #measurementTableHUD .footer .toolbarSectionButton svg { background-color: transparent; margin: 2px; width: 21px; height: 21px; } #measurementTableHUD .footer .toolbarSectionButton:active, #measurementTableHUD .footer .toolbarSectionButton.active { color: #20a5d6; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton:active { color: #20a5d6; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton.active { color: #20a5d6; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton:active { color: #fa8947; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton.active { color: #fa8947; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton:active { color: #d4c3c1; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton.active { color: #d4c3c1; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton:active { color: #cda56b; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton.active { color: #cda56b; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton:active { color: #31b166; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton.active { color: #31b166; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton:active { color: #507d80; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton.active { color: #507d80; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton:active { color: #7858ce; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton.active { color: #7858ce; } #measurementTableHUD .footer .toolbarSectionButton:active svg, #measurementTableHUD .footer .toolbarSectionButton.active svg { fill: #20a5d6; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton:active svg { fill: #20a5d6; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton.active svg { fill: #20a5d6; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton:active svg { fill: #fa8947; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton.active svg { fill: #fa8947; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton:active svg { fill: #d4c3c1; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton.active svg { fill: #d4c3c1; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton:active svg { fill: #cda56b; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton.active svg { fill: #cda56b; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton:active svg { fill: #31b166; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton.active svg { fill: #31b166; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton:active svg { fill: #507d80; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton.active svg { fill: #507d80; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton:active svg { fill: #7858ce; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton.active svg { fill: #7858ce; } #measurementTableHUD .footer .toolbarSectionButton:active svg, #measurementTableHUD .footer .toolbarSectionButton.active svg { stroke: #20a5d6; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton:active svg { stroke: #20a5d6; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton.active svg { stroke: #20a5d6; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton:active svg { stroke: #fa8947; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton.active svg { stroke: #fa8947; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton:active svg { stroke: #d4c3c1; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton.active svg { stroke: #d4c3c1; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton:active svg { stroke: #cda56b; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton.active svg { stroke: #cda56b; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton:active svg { stroke: #31b166; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton.active svg { stroke: #31b166; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton:active svg { stroke: #507d80; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton.active svg { stroke: #507d80; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton:active svg { stroke: #7858ce; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton.active svg { stroke: #7858ce; } #measurementTableHUD .footer .toolbarSectionButton:hover { color: #fff; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton:hover { color: #fff; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton:hover { color: #fff; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton:hover { color: #fff; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton:hover { color: #fff; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton:hover { color: #fff; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton:hover { color: #fff; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton:hover { color: #fff; } #measurementTableHUD .footer .toolbarSectionButton:hover svg { fill: #fff; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton:hover svg { fill: #fff; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton:hover svg { fill: #fff; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton:hover svg { fill: #fff; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton:hover svg { fill: #fff; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton:hover svg { fill: #fff; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton:hover svg { fill: #fff; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton:hover svg { fill: #fff; } #measurementTableHUD .footer .toolbarSectionButton:hover svg { stroke: #fff; } body.theme-tide #measurementTableHUD .footer .toolbarSectionButton:hover svg { stroke: #fff; } body.theme-tigerlily #measurementTableHUD .footer .toolbarSectionButton:hover svg { stroke: #fff; } body.theme-crickets #measurementTableHUD .footer .toolbarSectionButton:hover svg { stroke: #fff; } body.theme-honeycomb #measurementTableHUD .footer .toolbarSectionButton:hover svg { stroke: #fff; } body.theme-mint #measurementTableHUD .footer .toolbarSectionButton:hover svg { stroke: #fff; } body.theme-overcast #measurementTableHUD .footer .toolbarSectionButton:hover svg { stroke: #fff; } body.theme-quartz #measurementTableHUD .footer .toolbarSectionButton:hover svg { stroke: #fff; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurementTableRow { display: flex; margin-left: -6px; margin-top: 2px; padding-left: 6px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: calc(100% + 6px); } .measurementTableRow.active .measurementRowSidebar { color: #20a5d6; } body.theme-tide .measurementTableRow.active .measurementRowSidebar { color: #20a5d6; } body.theme-tigerlily .measurementTableRow.active .measurementRowSidebar { color: #fa8947; } body.theme-crickets .measurementTableRow.active .measurementRowSidebar { color: #d4c3c1; } body.theme-honeycomb .measurementTableRow.active .measurementRowSidebar { color: #cda56b; } body.theme-mint .measurementTableRow.active .measurementRowSidebar { color: #31b166; } body.theme-overcast .measurementTableRow.active .measurementRowSidebar { color: #507d80; } body.theme-quartz .measurementTableRow.active .measurementRowSidebar { color: #7858ce; } .measurementTableRow.active .rowOptions { height: 35px; visibility: visible; } .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; font-size: 12px; font-weight: 700; height: 21px; line-height: 22px; margin: 5px auto 0; text-align: center; width: 21px; } .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { background-color: #9ccef9; } body.theme-tide .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { background-color: #9ccef9; } body.theme-tigerlily .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { background-color: #9acffd; } body.theme-crickets .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { background-color: #92c2da; } body.theme-honeycomb .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { background-color: #b5b5b5; } body.theme-mint .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { background-color: #a7e9b3; } body.theme-overcast .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { background-color: #9cbecf; } body.theme-quartz .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { background-color: #8ea2a4; } .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { color: #263340; } body.theme-tide .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { color: #263340; } body.theme-tigerlily .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { color: #263340; } body.theme-crickets .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { color: #263340; } body.theme-honeycomb .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { color: #263340; } body.theme-mint .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { color: #263340; } body.theme-overcast .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { color: #263340; } body.theme-quartz .measurementTableRow.response-status .measurementRowSidebar .response-status-icon { color: #263340; } .measurementTableRow.warning .measurementRowSidebar { background-color: #e29e4a; } body.theme-tide .measurementTableRow.warning .measurementRowSidebar { background-color: #e29e4a; } body.theme-tigerlily .measurementTableRow.warning .measurementRowSidebar { background-color: #e29e4a; } body.theme-crickets .measurementTableRow.warning .measurementRowSidebar { background-color: #e29e4a; } body.theme-honeycomb .measurementTableRow.warning .measurementRowSidebar { background-color: #e29e4a; } body.theme-mint .measurementTableRow.warning .measurementRowSidebar { background-color: #e29e4a; } body.theme-overcast .measurementTableRow.warning .measurementRowSidebar { background-color: #e29e4a; } body.theme-quartz .measurementTableRow.warning .measurementRowSidebar { background-color: #e29e4a; } .measurementTableRow.warning .measurementRowSidebar { color: #fff; } body.theme-tide .measurementTableRow.warning .measurementRowSidebar { color: #fff; } body.theme-tigerlily .measurementTableRow.warning .measurementRowSidebar { color: #fff; } body.theme-crickets .measurementTableRow.warning .measurementRowSidebar { color: #fff; } body.theme-honeycomb .measurementTableRow.warning .measurementRowSidebar { color: #fff; } body.theme-mint .measurementTableRow.warning .measurementRowSidebar { color: #fff; } body.theme-overcast .measurementTableRow.warning .measurementRowSidebar { color: #fff; } body.theme-quartz .measurementTableRow.warning .measurementRowSidebar { color: #fff; } .measurementTableRow.warning .measurementRowSidebar .warning-icon, .measurementTableRow.warning .measurementRowSidebar svg { width: 22px; height: 20px; pointer-events: inherit; } .measurementTableRow.warning .measurementRowSidebar .warning-icon { margin: 7px auto 0; } .measurementTableRow.warning .measurementRowSidebar svg { fill: #fff; } body.theme-tide .measurementTableRow.warning .measurementRowSidebar svg { fill: #fff; } body.theme-tigerlily .measurementTableRow.warning .measurementRowSidebar svg { fill: #fff; } body.theme-crickets .measurementTableRow.warning .measurementRowSidebar svg { fill: #fff; } body.theme-honeycomb .measurementTableRow.warning .measurementRowSidebar svg { fill: #fff; } body.theme-mint .measurementTableRow.warning .measurementRowSidebar svg { fill: #fff; } body.theme-overcast .measurementTableRow.warning .measurementRowSidebar svg { fill: #fff; } body.theme-quartz .measurementTableRow.warning .measurementRowSidebar svg { fill: #fff; } .measurementTableRow .rowOptions { height: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; visibility: hidden; } .measurementTableRow .rowOptions { background-color: #151a1f; } body.theme-tide .measurementTableRow .rowOptions { background-color: #151a1f; } body.theme-tigerlily .measurementTableRow .rowOptions { background-color: #151a1f; } body.theme-crickets .measurementTableRow .rowOptions { background-color: #231c1e; } body.theme-honeycomb .measurementTableRow .rowOptions { background-color: #18161a; } body.theme-mint .measurementTableRow .rowOptions { background-color: #15191e; } body.theme-overcast .measurementTableRow .rowOptions { background-color: #15191e; } body.theme-quartz .measurementTableRow .rowOptions { background-color: #151a1f; } .measurementTableRow .rowOptions .rowAction { cursor: pointer; line-height: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .measurementTableRow .rowOptions .rowAction { color: #9ccef9; } body.theme-tide .measurementTableRow .rowOptions .rowAction { color: #9ccef9; } body.theme-tigerlily .measurementTableRow .rowOptions .rowAction { color: #9acffd; } body.theme-crickets .measurementTableRow .rowOptions .rowAction { color: #92c2da; } body.theme-honeycomb .measurementTableRow .rowOptions .rowAction { color: #b5b5b5; } body.theme-mint .measurementTableRow .rowOptions .rowAction { color: #a7e9b3; } body.theme-overcast .measurementTableRow .rowOptions .rowAction { color: #9cbecf; } body.theme-quartz .measurementTableRow .rowOptions .rowAction { color: #8ea2a4; } .measurementTableRow .rowOptions .rowAction:hover, .measurementTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-tide .measurementTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-tide .measurementTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-tigerlily .measurementTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-tigerlily .measurementTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-crickets .measurementTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-crickets .measurementTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-honeycomb .measurementTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-honeycomb .measurementTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-mint .measurementTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-mint .measurementTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-overcast .measurementTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-overcast .measurementTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-quartz .measurementTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-quartz .measurementTableRow .rowOptions .rowAction:active { color: #fff; } .measurementTableRow .rowOptions .rowAction:hover svg, .measurementTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-tide .measurementTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-tide .measurementTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-tigerlily .measurementTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-tigerlily .measurementTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-crickets .measurementTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-crickets .measurementTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-honeycomb .measurementTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-honeycomb .measurementTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-mint .measurementTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-mint .measurementTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-overcast .measurementTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-overcast .measurementTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-quartz .measurementTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-quartz .measurementTableRow .rowOptions .rowAction:active svg { fill: #fff; } .measurementTableRow .rowOptions .rowAction:hover svg, .measurementTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-tide .measurementTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-tide .measurementTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-tigerlily .measurementTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-tigerlily .measurementTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-crickets .measurementTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-crickets .measurementTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-honeycomb .measurementTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-honeycomb .measurementTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-mint .measurementTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-mint .measurementTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-overcast .measurementTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-overcast .measurementTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-quartz .measurementTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-quartz .measurementTableRow .rowOptions .rowAction:active svg { stroke: #fff; } .measurementTableRow .rowOptions svg { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .measurementTableRow .rowOptions svg { fill: #9ccef9; } body.theme-tide .measurementTableRow .rowOptions svg { fill: #9ccef9; } body.theme-tigerlily .measurementTableRow .rowOptions svg { fill: #9acffd; } body.theme-crickets .measurementTableRow .rowOptions svg { fill: #92c2da; } body.theme-honeycomb .measurementTableRow .rowOptions svg { fill: #b5b5b5; } body.theme-mint .measurementTableRow .rowOptions svg { fill: #a7e9b3; } body.theme-overcast .measurementTableRow .rowOptions svg { fill: #9cbecf; } body.theme-quartz .measurementTableRow .rowOptions svg { fill: #8ea2a4; } .measurementTableRow .rowOptions svg { stroke: #9ccef9; } body.theme-tide .measurementTableRow .rowOptions svg { stroke: #9ccef9; } body.theme-tigerlily .measurementTableRow .rowOptions svg { stroke: #9acffd; } body.theme-crickets .measurementTableRow .rowOptions svg { stroke: #92c2da; } body.theme-honeycomb .measurementTableRow .rowOptions svg { stroke: #b5b5b5; } body.theme-mint .measurementTableRow .rowOptions svg { stroke: #a7e9b3; } body.theme-overcast .measurementTableRow .rowOptions svg { stroke: #9cbecf; } body.theme-quartz .measurementTableRow .rowOptions svg { stroke: #8ea2a4; } .measurementTableRow .rowOptions svg.edit-icon { width: 14px; height: 13px; } .measurementTableRow .rowOptions svg.close-icon { width: 11px; height: 11px; } .measurementTableRow .measurementRowSidebar { cursor: pointer; flex: 1; max-width: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .measurementTableRow .measurementRowSidebar { background: #263340; } body.theme-tide .measurementTableRow .measurementRowSidebar { background: #263340; } body.theme-tigerlily .measurementTableRow .measurementRowSidebar { background: #263340; } body.theme-crickets .measurementTableRow .measurementRowSidebar { background: #263340; } body.theme-honeycomb .measurementTableRow .measurementRowSidebar { background: #263340; } body.theme-mint .measurementTableRow .measurementRowSidebar { background: #263340; } body.theme-overcast .measurementTableRow .measurementRowSidebar { background: #263340; } body.theme-quartz .measurementTableRow .measurementRowSidebar { background: #263340; } .measurementTableRow .measurementRowSidebar { color: #91b9cd; } body.theme-tide .measurementTableRow .measurementRowSidebar { color: #91b9cd; } body.theme-tigerlily .measurementTableRow .measurementRowSidebar { color: #9ccdf8; } body.theme-crickets .measurementTableRow .measurementRowSidebar { color: #8be7b5; } body.theme-honeycomb .measurementTableRow .measurementRowSidebar { color: #fab797; } body.theme-mint .measurementTableRow .measurementRowSidebar { color: #a7e9b3; } body.theme-overcast .measurementTableRow .measurementRowSidebar { color: #73f2fc; } body.theme-quartz .measurementTableRow .measurementRowSidebar { color: #d7e8fe; } .measurementTableRow .measurementRowSidebar .measurementNumber { font-size: 14px; font-weight: 400; margin-right: 5px; padding-top: 10px; text-align: center; } .measurementTableRow .measurementDetails { flex: 1; padding: 5px 2px 0 0; } .measurementTableRow .measurementDetails>* { padding-left: 14px; } .measurementTableRow .measurementDetails .location { font-weight: 400; font-size: 14px; height: 30px; line-height: 30px; margin-left: -2px; width: 100%; } .measurementTableRow .measurementDetails .location { color: #91b9cd; } body.theme-tide .measurementTableRow .measurementDetails .location { color: #91b9cd; } body.theme-tigerlily .measurementTableRow .measurementDetails .location { color: #9ccdf8; } body.theme-crickets .measurementTableRow .measurementDetails .location { color: #8be7b5; } body.theme-honeycomb .measurementTableRow .measurementDetails .location { color: #fab797; } body.theme-mint .measurementTableRow .measurementDetails .location { color: #a7e9b3; } body.theme-overcast .measurementTableRow .measurementDetails .location { color: #73f2fc; } body.theme-quartz .measurementTableRow .measurementDetails .location { color: #d7e8fe; } .measurementTableRow .measurementDetails .timepointData { display: flex; min-height: 27px; margin-top: 1px; } .measurementTableRow .measurementDetails .timepointData div { flex: 1; font-size: 14px; font-weight: 400; justify-content: space-around; line-height: 18px; padding-bottom: 4px; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurementTableHeaderRow { display: flex; height: 63px; line-height: 63px; margin-top: 2px; width: 100%; } .measurementTableHeaderRow { background-color: #151a1f; } body.theme-tide .measurementTableHeaderRow { background-color: #151a1f; } body.theme-tigerlily .measurementTableHeaderRow { background-color: #151a1f; } body.theme-crickets .measurementTableHeaderRow { background-color: #231c1e; } body.theme-honeycomb .measurementTableHeaderRow { background-color: #18161a; } body.theme-mint .measurementTableHeaderRow { background-color: #15191e; } body.theme-overcast .measurementTableHeaderRow { background-color: #15191e; } body.theme-quartz .measurementTableHeaderRow { background-color: #151a1f; } .measurementTableHeaderRow { color: #91b9cd; } body.theme-tide .measurementTableHeaderRow { color: #91b9cd; } body.theme-tigerlily .measurementTableHeaderRow { color: #9ccdf8; } body.theme-crickets .measurementTableHeaderRow { color: #8be7b5; } body.theme-honeycomb .measurementTableHeaderRow { color: #fab797; } body.theme-mint .measurementTableHeaderRow { color: #a7e9b3; } body.theme-overcast .measurementTableHeaderRow { color: #73f2fc; } body.theme-quartz .measurementTableHeaderRow { color: #d7e8fe; } .measurementTableHeaderRow { fill: #91b9cd; } body.theme-tide .measurementTableHeaderRow { fill: #91b9cd; } body.theme-tigerlily .measurementTableHeaderRow { fill: #9ccdf8; } body.theme-crickets .measurementTableHeaderRow { fill: #8be7b5; } body.theme-honeycomb .measurementTableHeaderRow { fill: #fab797; } body.theme-mint .measurementTableHeaderRow { fill: #a7e9b3; } body.theme-overcast .measurementTableHeaderRow { fill: #73f2fc; } body.theme-quartz .measurementTableHeaderRow { fill: #d7e8fe; } .measurementTableHeaderRow.inactive .add { cursor: not-allowed; } .measurementTableHeaderRow.inactive .add svg { fill: #5a666d; } .measurementTableHeaderRow div { align-items: stretch; flex: 1; justify-content: space-around; text-align: center; } .measurementTableHeaderRow .add { cursor: pointer; max-width: 30px; padding-left: 2px; } .measurementTableHeaderRow .add svg { fill: #c1d8e3; height: 63px; max-width: 11px; } .measurementTableHeaderRow .add:hover svg { fill: #fff; } body.theme-tide .measurementTableHeaderRow .add:hover svg { fill: #fff; } body.theme-tigerlily .measurementTableHeaderRow .add:hover svg { fill: #fff; } body.theme-crickets .measurementTableHeaderRow .add:hover svg { fill: #fff; } body.theme-honeycomb .measurementTableHeaderRow .add:hover svg { fill: #fff; } body.theme-mint .measurementTableHeaderRow .add:hover svg { fill: #fff; } body.theme-overcast .measurementTableHeaderRow .add:hover svg { fill: #fff; } body.theme-quartz .measurementTableHeaderRow .add:hover svg { fill: #fff; } .measurementTableHeaderRow .add:active svg { fill: #20a5d6; } body.theme-tide .measurementTableHeaderRow .add:active svg { fill: #20a5d6; } body.theme-tigerlily .measurementTableHeaderRow .add:active svg { fill: #fa8947; } body.theme-crickets .measurementTableHeaderRow .add:active svg { fill: #d4c3c1; } body.theme-honeycomb .measurementTableHeaderRow .add:active svg { fill: #cda56b; } body.theme-mint .measurementTableHeaderRow .add:active svg { fill: #31b166; } body.theme-overcast .measurementTableHeaderRow .add:active svg { fill: #507d80; } body.theme-quartz .measurementTableHeaderRow .add:active svg { fill: #7858ce; } .measurementTableHeaderRow .type { font-size: 22px; font-weight: 300; line-height: 63px; padding: 0 10px 0 20px; text-align: left; } .measurementTableHeaderRow .type { color: #91b9cd; } body.theme-tide .measurementTableHeaderRow .type { color: #91b9cd; } body.theme-tigerlily .measurementTableHeaderRow .type { color: #9ccdf8; } body.theme-crickets .measurementTableHeaderRow .type { color: #8be7b5; } body.theme-honeycomb .measurementTableHeaderRow .type { color: #fab797; } body.theme-mint .measurementTableHeaderRow .type { color: #a7e9b3; } body.theme-overcast .measurementTableHeaderRow .type { color: #73f2fc; } body.theme-quartz .measurementTableHeaderRow .type { color: #d7e8fe; } .measurementTableHeaderRow .numberOfMeasurements { float: right; font-weight: 300; font-size: 40px; max-width: 54px; height: 63px; line-height: 66px; } .measurementTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-tide .measurementTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-tigerlily .measurementTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-crickets .measurementTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-honeycomb .measurementTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-mint .measurementTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-overcast .measurementTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-quartz .measurementTableHeaderRow .numberOfMeasurements { color: #6fbde2; } .measurementTableHeaderRow .max { height: 63px; max-width: 64px; text-align: right; } .measurementTableHeaderRow .max .maxNumMeasurements { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #000; display: table; font-size: 12px; font-weight: 500; height: 19px; line-height: 17px; margin-left: auto; margin-top: 22px; padding: 2px 6px 0; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .measurementTableHeaderRow .max .maxNumMeasurements { background-color: #91b9cd; } body.theme-tide .measurementTableHeaderRow .max .maxNumMeasurements { background-color: #91b9cd; } body.theme-tigerlily .measurementTableHeaderRow .max .maxNumMeasurements { background-color: #9ccdf8; } body.theme-crickets .measurementTableHeaderRow .max .maxNumMeasurements { background-color: #8be7b5; } body.theme-honeycomb .measurementTableHeaderRow .max .maxNumMeasurements { background-color: #fab797; } body.theme-mint .measurementTableHeaderRow .max .maxNumMeasurements { background-color: #a7e9b3; } body.theme-overcast .measurementTableHeaderRow .max .maxNumMeasurements { background-color: #73f2fc; } body.theme-quartz .measurementTableHeaderRow .max .maxNumMeasurements { background-color: #d7e8fe; } .measurementTableHeaderRow .max.warning .maxNumMeasurements { background-color: #e29e4a; } body.theme-tide .measurementTableHeaderRow .max.warning .maxNumMeasurements { background-color: #e29e4a; } body.theme-tigerlily .measurementTableHeaderRow .max.warning .maxNumMeasurements { background-color: #e29e4a; } body.theme-crickets .measurementTableHeaderRow .max.warning .maxNumMeasurements { background-color: #e29e4a; } body.theme-honeycomb .measurementTableHeaderRow .max.warning .maxNumMeasurements { background-color: #e29e4a; } body.theme-mint .measurementTableHeaderRow .max.warning .maxNumMeasurements { background-color: #e29e4a; } body.theme-overcast .measurementTableHeaderRow .max.warning .maxNumMeasurements { background-color: #e29e4a; } body.theme-quartz .measurementTableHeaderRow .max.warning .maxNumMeasurements { background-color: #e29e4a; } .measurementTableHeaderRow .max.warning .maxNumMeasurements { color: #fff; } body.theme-tide .measurementTableHeaderRow .max.warning .maxNumMeasurements { color: #fff; } body.theme-tigerlily .measurementTableHeaderRow .max.warning .maxNumMeasurements { color: #fff; } body.theme-crickets .measurementTableHeaderRow .max.warning .maxNumMeasurements { color: #fff; } body.theme-honeycomb .measurementTableHeaderRow .max.warning .maxNumMeasurements { color: #fff; } body.theme-mint .measurementTableHeaderRow .max.warning .maxNumMeasurements { color: #fff; } body.theme-overcast .measurementTableHeaderRow .max.warning .maxNumMeasurements { color: #fff; } body.theme-quartz .measurementTableHeaderRow .max.warning .maxNumMeasurements { color: #fff; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurementTableTimepointCell { cursor: pointer; padding: 0 10px; position: relative; } .measurementTableTimepointCell { border-left: 1px solid #44626f; } body.theme-tide .measurementTableTimepointCell { border-left: 1px solid #44626f; } body.theme-tigerlily .measurementTableTimepointCell { border-left: 1px solid #875a86; } body.theme-crickets .measurementTableTimepointCell { border-left: 1px solid #537b76; } body.theme-honeycomb .measurementTableTimepointCell { border-left: 1px solid #623337; } body.theme-mint .measurementTableTimepointCell { border-left: 1px solid #214529; } body.theme-overcast .measurementTableTimepointCell { border-left: 1px solid #404040; } body.theme-quartz .measurementTableTimepointCell { border-left: 1px solid #885b86; } .measurementTableTimepointCell .loading-spinner { display: none; font-size: 16px; position: absolute; right: 5px; top: 3px; } .measurementTableTimepointCell span { display: block; } .measurementTableTimepointCell.loading .loading-spinner { display: block; } .measurementTableTimepointCell, .measurementTableTimepointCell span { color: #fff; } body.theme-tide .measurementTableTimepointCell { color: #fff; } body.theme-tide .measurementTableTimepointCell span { color: #fff; } body.theme-tigerlily .measurementTableTimepointCell { color: #fff; } body.theme-tigerlily .measurementTableTimepointCell span { color: #fff; } body.theme-crickets .measurementTableTimepointCell { color: #fff; } body.theme-crickets .measurementTableTimepointCell span { color: #fff; } body.theme-honeycomb .measurementTableTimepointCell { color: #fff; } body.theme-honeycomb .measurementTableTimepointCell span { color: #fff; } body.theme-mint .measurementTableTimepointCell { color: #fff; } body.theme-mint .measurementTableTimepointCell span { color: #fff; } body.theme-overcast .measurementTableTimepointCell { color: #fff; } body.theme-overcast .measurementTableTimepointCell span { color: #fff; } body.theme-quartz .measurementTableTimepointCell { color: #fff; } body.theme-quartz .measurementTableTimepointCell span { color: #fff; } .measurementTableTimepointCell:hover, .measurementTableTimepointCell span:hover { color: #20a5d6; } body.theme-tide .measurementTableTimepointCell:hover { color: #20a5d6; } body.theme-tide .measurementTableTimepointCell span:hover { color: #20a5d6; } body.theme-tigerlily .measurementTableTimepointCell:hover { color: #fa8947; } body.theme-tigerlily .measurementTableTimepointCell span:hover { color: #fa8947; } body.theme-crickets .measurementTableTimepointCell:hover { color: #d4c3c1; } body.theme-crickets .measurementTableTimepointCell span:hover { color: #d4c3c1; } body.theme-honeycomb .measurementTableTimepointCell:hover { color: #cda56b; } body.theme-honeycomb .measurementTableTimepointCell span:hover { color: #cda56b; } body.theme-mint .measurementTableTimepointCell:hover { color: #31b166; } body.theme-mint .measurementTableTimepointCell span:hover { color: #31b166; } body.theme-overcast .measurementTableTimepointCell:hover { color: #507d80; } body.theme-overcast .measurementTableTimepointCell span:hover { color: #507d80; } body.theme-quartz .measurementTableTimepointCell:hover { color: #7858ce; } body.theme-quartz .measurementTableTimepointCell span:hover { color: #7858ce; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurementTableTimepointHeader { flex: 1; justify-content: space-around; padding-top: 2px; position: relative; } .measurementTableTimepointHeader .timepointName, .measurementTableTimepointHeader .timepointDate { font-weight: 400; padding-left: 12px; text-align: left; } .measurementTableTimepointHeader .timepointName, .measurementTableTimepointHeader .timepointDate { border-left: 1px solid #44626f; } body.theme-tide .measurementTableTimepointHeader .timepointName { border-left: 1px solid #44626f; } body.theme-tide .measurementTableTimepointHeader .timepointDate { border-left: 1px solid #44626f; } body.theme-tigerlily .measurementTableTimepointHeader .timepointName { border-left: 1px solid #875a86; } body.theme-tigerlily .measurementTableTimepointHeader .timepointDate { border-left: 1px solid #875a86; } body.theme-crickets .measurementTableTimepointHeader .timepointName { border-left: 1px solid #537b76; } body.theme-crickets .measurementTableTimepointHeader .timepointDate { border-left: 1px solid #537b76; } body.theme-honeycomb .measurementTableTimepointHeader .timepointName { border-left: 1px solid #623337; } body.theme-honeycomb .measurementTableTimepointHeader .timepointDate { border-left: 1px solid #623337; } body.theme-mint .measurementTableTimepointHeader .timepointName { border-left: 1px solid #214529; } body.theme-mint .measurementTableTimepointHeader .timepointDate { border-left: 1px solid #214529; } body.theme-overcast .measurementTableTimepointHeader .timepointName { border-left: 1px solid #404040; } body.theme-overcast .measurementTableTimepointHeader .timepointDate { border-left: 1px solid #404040; } body.theme-quartz .measurementTableTimepointHeader .timepointName { border-left: 1px solid #885b86; } body.theme-quartz .measurementTableTimepointHeader .timepointDate { border-left: 1px solid #885b86; } .measurementTableTimepointHeader .timepointName { font-size: 12px; line-height: 12px; } .measurementTableTimepointHeader .timepointName { color: #91b9cd; } body.theme-tide .measurementTableTimepointHeader .timepointName { color: #91b9cd; } body.theme-tigerlily .measurementTableTimepointHeader .timepointName { color: #9ccdf8; } body.theme-crickets .measurementTableTimepointHeader .timepointName { color: #8be7b5; } body.theme-honeycomb .measurementTableTimepointHeader .timepointName { color: #fab797; } body.theme-mint .measurementTableTimepointHeader .timepointName { color: #a7e9b3; } body.theme-overcast .measurementTableTimepointHeader .timepointName { color: #73f2fc; } body.theme-quartz .measurementTableTimepointHeader .timepointName { color: #d7e8fe; } .measurementTableTimepointHeader .timepointDate { font-size: 14px; line-height: 20px; padding-bottom: 6px; } .measurementTableTimepointHeader .timepointDate { color: #fff; } body.theme-tide .measurementTableTimepointHeader .timepointDate { color: #fff; } body.theme-tigerlily .measurementTableTimepointHeader .timepointDate { color: #fff; } body.theme-crickets .measurementTableTimepointHeader .timepointDate { color: #fff; } body.theme-honeycomb .measurementTableTimepointHeader .timepointDate { color: #fff; } body.theme-mint .measurementTableTimepointHeader .timepointDate { color: #fff; } body.theme-overcast .measurementTableTimepointHeader .timepointDate { color: #fff; } body.theme-quartz .measurementTableTimepointHeader .timepointDate { color: #fff; } .measurementTableTimepointHeader .case-progress-container { position: absolute; right: 4px; top: 0; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } #measurementLightTableContainer { height: 100%; width: 100%; } #measurementLightTableContainer { background-color: #000; } body.theme-tide #measurementLightTableContainer { background-color: #000; } body.theme-tigerlily #measurementLightTableContainer { background-color: #000; } body.theme-crickets #measurementLightTableContainer { background-color: #000; } body.theme-honeycomb #measurementLightTableContainer { background-color: #000; } body.theme-mint #measurementLightTableContainer { background-color: #000; } body.theme-overcast #measurementLightTableContainer { background-color: #000; } body.theme-quartz #measurementLightTableContainer { background-color: #000; } .measurementLightTableHeaderContainer { display: flex; padding: 0 2px 0 44px; position: relative; } .measurementLightTableHeaderContainer .measurementLightTableHeader { flex: 1; justify-content: space-around; padding-top: 2px; position: relative; margin: 0.4em 0; } .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel, .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { font-weight: 400; padding-left: 12px; text-align: left; } .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel, .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { border-left: 1px solid #44626f; } body.theme-tide .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { border-left: 1px solid #44626f; } body.theme-tide .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { border-left: 1px solid #44626f; } body.theme-tigerlily .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { border-left: 1px solid #875a86; } body.theme-tigerlily .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { border-left: 1px solid #875a86; } body.theme-crickets .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { border-left: 1px solid #537b76; } body.theme-crickets .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { border-left: 1px solid #537b76; } body.theme-honeycomb .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { border-left: 1px solid #623337; } body.theme-honeycomb .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { border-left: 1px solid #623337; } body.theme-mint .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { border-left: 1px solid #214529; } body.theme-mint .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { border-left: 1px solid #214529; } body.theme-overcast .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { border-left: 1px solid #404040; } body.theme-overcast .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { border-left: 1px solid #404040; } body.theme-quartz .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { border-left: 1px solid #885b86; } body.theme-quartz .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { border-left: 1px solid #885b86; } .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { font-size: 12px; line-height: 12px; } .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { color: #91b9cd; } body.theme-tide .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { color: #91b9cd; } body.theme-tigerlily .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { color: #9ccdf8; } body.theme-crickets .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { color: #8be7b5; } body.theme-honeycomb .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { color: #fab797; } body.theme-mint .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { color: #a7e9b3; } body.theme-overcast .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { color: #73f2fc; } body.theme-quartz .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDateLabel { color: #d7e8fe; } .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { font-size: 14px; line-height: 20px; padding-bottom: 6px; } .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { color: #fff; } body.theme-tide .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { color: #fff; } body.theme-tigerlily .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { color: #fff; } body.theme-crickets .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { color: #fff; } body.theme-honeycomb .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { color: #fff; } body.theme-mint .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { color: #fff; } body.theme-overcast .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { color: #fff; } body.theme-quartz .measurementLightTableHeaderContainer .measurementLightTableHeader .studyDate { color: #fff; } .measurementLightTableLayoutChanger { margin: 0 auto; padding: 20px; text-align: center; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurementLightTableHeaderRow { display: flex; height: 63px; line-height: 63px; margin-top: 2px; width: 100%; } .measurementLightTableHeaderRow { background-color: #151a1f; } body.theme-tide .measurementLightTableHeaderRow { background-color: #151a1f; } body.theme-tigerlily .measurementLightTableHeaderRow { background-color: #151a1f; } body.theme-crickets .measurementLightTableHeaderRow { background-color: #231c1e; } body.theme-honeycomb .measurementLightTableHeaderRow { background-color: #18161a; } body.theme-mint .measurementLightTableHeaderRow { background-color: #15191e; } body.theme-overcast .measurementLightTableHeaderRow { background-color: #15191e; } body.theme-quartz .measurementLightTableHeaderRow { background-color: #151a1f; } .measurementLightTableHeaderRow { color: #91b9cd; } body.theme-tide .measurementLightTableHeaderRow { color: #91b9cd; } body.theme-tigerlily .measurementLightTableHeaderRow { color: #9ccdf8; } body.theme-crickets .measurementLightTableHeaderRow { color: #8be7b5; } body.theme-honeycomb .measurementLightTableHeaderRow { color: #fab797; } body.theme-mint .measurementLightTableHeaderRow { color: #a7e9b3; } body.theme-overcast .measurementLightTableHeaderRow { color: #73f2fc; } body.theme-quartz .measurementLightTableHeaderRow { color: #d7e8fe; } .measurementLightTableHeaderRow { fill: #91b9cd; } body.theme-tide .measurementLightTableHeaderRow { fill: #91b9cd; } body.theme-tigerlily .measurementLightTableHeaderRow { fill: #9ccdf8; } body.theme-crickets .measurementLightTableHeaderRow { fill: #8be7b5; } body.theme-honeycomb .measurementLightTableHeaderRow { fill: #fab797; } body.theme-mint .measurementLightTableHeaderRow { fill: #a7e9b3; } body.theme-overcast .measurementLightTableHeaderRow { fill: #73f2fc; } body.theme-quartz .measurementLightTableHeaderRow { fill: #d7e8fe; } .measurementLightTableHeaderRow div { align-items: stretch; flex: 1; justify-content: space-around; text-align: center; } .measurementLightTableHeaderRow .type { font-size: 22px; font-weight: 300; line-height: 63px; padding: 0 10px; text-align: left; } .measurementLightTableHeaderRow .type { color: #91b9cd; } body.theme-tide .measurementLightTableHeaderRow .type { color: #91b9cd; } body.theme-tigerlily .measurementLightTableHeaderRow .type { color: #9ccdf8; } body.theme-crickets .measurementLightTableHeaderRow .type { color: #8be7b5; } body.theme-honeycomb .measurementLightTableHeaderRow .type { color: #fab797; } body.theme-mint .measurementLightTableHeaderRow .type { color: #a7e9b3; } body.theme-overcast .measurementLightTableHeaderRow .type { color: #73f2fc; } body.theme-quartz .measurementLightTableHeaderRow .type { color: #d7e8fe; } .measurementLightTableHeaderRow .numberOfMeasurements { float: right; font-weight: 300; font-size: 40px; max-width: 54px; height: 63px; line-height: 66px; } .measurementLightTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-tide .measurementLightTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-tigerlily .measurementLightTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-crickets .measurementLightTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-honeycomb .measurementLightTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-mint .measurementLightTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-overcast .measurementLightTableHeaderRow .numberOfMeasurements { color: #6fbde2; } body.theme-quartz .measurementLightTableHeaderRow .numberOfMeasurements { color: #6fbde2; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurementLightTableRow { display: flex; margin-left: -6px; margin-top: 2px; padding-left: 6px; opacity: 0.7; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: calc(100% + 6px); } .measurementLightTableRow:hover { opacity: 1; } .measurementLightTableRow.active { opacity: 1; } .measurementLightTableRow.active .measurementRowSidebar { color: #20a5d6; } body.theme-tide .measurementLightTableRow.active .measurementRowSidebar { color: #20a5d6; } body.theme-tigerlily .measurementLightTableRow.active .measurementRowSidebar { color: #fa8947; } body.theme-crickets .measurementLightTableRow.active .measurementRowSidebar { color: #d4c3c1; } body.theme-honeycomb .measurementLightTableRow.active .measurementRowSidebar { color: #cda56b; } body.theme-mint .measurementLightTableRow.active .measurementRowSidebar { color: #31b166; } body.theme-overcast .measurementLightTableRow.active .measurementRowSidebar { color: #507d80; } body.theme-quartz .measurementLightTableRow.active .measurementRowSidebar { color: #7858ce; } .measurementLightTableRow.active .rowOptions { height: 35px; visibility: visible; } .measurementLightTableRow .rowOptions { height: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; visibility: hidden; padding-left: 14px; } .measurementLightTableRow .rowOptions { background-color: #151a1f; } body.theme-tide .measurementLightTableRow .rowOptions { background-color: #151a1f; } body.theme-tigerlily .measurementLightTableRow .rowOptions { background-color: #151a1f; } body.theme-crickets .measurementLightTableRow .rowOptions { background-color: #231c1e; } body.theme-honeycomb .measurementLightTableRow .rowOptions { background-color: #18161a; } body.theme-mint .measurementLightTableRow .rowOptions { background-color: #15191e; } body.theme-overcast .measurementLightTableRow .rowOptions { background-color: #15191e; } body.theme-quartz .measurementLightTableRow .rowOptions { background-color: #151a1f; } .measurementLightTableRow .rowOptions .rowAction { cursor: pointer; line-height: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .measurementLightTableRow .rowOptions .rowAction { color: #9ccef9; } body.theme-tide .measurementLightTableRow .rowOptions .rowAction { color: #9ccef9; } body.theme-tigerlily .measurementLightTableRow .rowOptions .rowAction { color: #9acffd; } body.theme-crickets .measurementLightTableRow .rowOptions .rowAction { color: #92c2da; } body.theme-honeycomb .measurementLightTableRow .rowOptions .rowAction { color: #b5b5b5; } body.theme-mint .measurementLightTableRow .rowOptions .rowAction { color: #a7e9b3; } body.theme-overcast .measurementLightTableRow .rowOptions .rowAction { color: #9cbecf; } body.theme-quartz .measurementLightTableRow .rowOptions .rowAction { color: #8ea2a4; } .measurementLightTableRow .rowOptions .rowAction:hover, .measurementLightTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-tide .measurementLightTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-tide .measurementLightTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-tigerlily .measurementLightTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-tigerlily .measurementLightTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-crickets .measurementLightTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-crickets .measurementLightTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-honeycomb .measurementLightTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-honeycomb .measurementLightTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-mint .measurementLightTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-mint .measurementLightTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-overcast .measurementLightTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-overcast .measurementLightTableRow .rowOptions .rowAction:active { color: #fff; } body.theme-quartz .measurementLightTableRow .rowOptions .rowAction:hover { color: #fff; } body.theme-quartz .measurementLightTableRow .rowOptions .rowAction:active { color: #fff; } .measurementLightTableRow .rowOptions .rowAction:hover svg, .measurementLightTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-tide .measurementLightTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-tide .measurementLightTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-tigerlily .measurementLightTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-tigerlily .measurementLightTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-crickets .measurementLightTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-crickets .measurementLightTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-honeycomb .measurementLightTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-honeycomb .measurementLightTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-mint .measurementLightTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-mint .measurementLightTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-overcast .measurementLightTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-overcast .measurementLightTableRow .rowOptions .rowAction:active svg { fill: #fff; } body.theme-quartz .measurementLightTableRow .rowOptions .rowAction:hover svg { fill: #fff; } body.theme-quartz .measurementLightTableRow .rowOptions .rowAction:active svg { fill: #fff; } .measurementLightTableRow .rowOptions .rowAction:hover svg, .measurementLightTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-tide .measurementLightTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-tide .measurementLightTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-tigerlily .measurementLightTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-tigerlily .measurementLightTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-crickets .measurementLightTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-crickets .measurementLightTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-honeycomb .measurementLightTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-honeycomb .measurementLightTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-mint .measurementLightTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-mint .measurementLightTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-overcast .measurementLightTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-overcast .measurementLightTableRow .rowOptions .rowAction:active svg { stroke: #fff; } body.theme-quartz .measurementLightTableRow .rowOptions .rowAction:hover svg { stroke: #fff; } body.theme-quartz .measurementLightTableRow .rowOptions .rowAction:active svg { stroke: #fff; } .measurementLightTableRow .rowOptions svg { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .measurementLightTableRow .rowOptions svg { fill: #9ccef9; } body.theme-tide .measurementLightTableRow .rowOptions svg { fill: #9ccef9; } body.theme-tigerlily .measurementLightTableRow .rowOptions svg { fill: #9acffd; } body.theme-crickets .measurementLightTableRow .rowOptions svg { fill: #92c2da; } body.theme-honeycomb .measurementLightTableRow .rowOptions svg { fill: #b5b5b5; } body.theme-mint .measurementLightTableRow .rowOptions svg { fill: #a7e9b3; } body.theme-overcast .measurementLightTableRow .rowOptions svg { fill: #9cbecf; } body.theme-quartz .measurementLightTableRow .rowOptions svg { fill: #8ea2a4; } .measurementLightTableRow .rowOptions svg { stroke: #9ccef9; } body.theme-tide .measurementLightTableRow .rowOptions svg { stroke: #9ccef9; } body.theme-tigerlily .measurementLightTableRow .rowOptions svg { stroke: #9acffd; } body.theme-crickets .measurementLightTableRow .rowOptions svg { stroke: #92c2da; } body.theme-honeycomb .measurementLightTableRow .rowOptions svg { stroke: #b5b5b5; } body.theme-mint .measurementLightTableRow .rowOptions svg { stroke: #a7e9b3; } body.theme-overcast .measurementLightTableRow .rowOptions svg { stroke: #9cbecf; } body.theme-quartz .measurementLightTableRow .rowOptions svg { stroke: #8ea2a4; } .measurementLightTableRow .rowOptions svg.edit-icon { width: 14px; height: 13px; } .measurementLightTableRow .rowOptions svg.close-icon { width: 11px; height: 11px; } .measurementLightTableRow .measurementRowSidebar { cursor: pointer; flex: 1; max-width: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .measurementLightTableRow .measurementRowSidebar { background: #263340; } body.theme-tide .measurementLightTableRow .measurementRowSidebar { background: #263340; } body.theme-tigerlily .measurementLightTableRow .measurementRowSidebar { background: #263340; } body.theme-crickets .measurementLightTableRow .measurementRowSidebar { background: #263340; } body.theme-honeycomb .measurementLightTableRow .measurementRowSidebar { background: #263340; } body.theme-mint .measurementLightTableRow .measurementRowSidebar { background: #263340; } body.theme-overcast .measurementLightTableRow .measurementRowSidebar { background: #263340; } body.theme-quartz .measurementLightTableRow .measurementRowSidebar { background: #263340; } .measurementLightTableRow .measurementRowSidebar { color: #91b9cd; } body.theme-tide .measurementLightTableRow .measurementRowSidebar { color: #91b9cd; } body.theme-tigerlily .measurementLightTableRow .measurementRowSidebar { color: #9ccdf8; } body.theme-crickets .measurementLightTableRow .measurementRowSidebar { color: #8be7b5; } body.theme-honeycomb .measurementLightTableRow .measurementRowSidebar { color: #fab797; } body.theme-mint .measurementLightTableRow .measurementRowSidebar { color: #a7e9b3; } body.theme-overcast .measurementLightTableRow .measurementRowSidebar { color: #73f2fc; } body.theme-quartz .measurementLightTableRow .measurementRowSidebar { color: #d7e8fe; } .measurementLightTableRow .measurementRowSidebar .measurementNumber { font-size: 14px; font-weight: 400; margin-right: 5px; padding-top: 10px; text-align: center; } .measurementLightTableRow .measurementRowContent { flex: 1; } .measurementLightTableRow .measurementDetails { padding: 5px 2px 0 14px; line-height: 30px; font-size: 14px; } .measurementLightTableRow .measurementDetails .location { font-weight: 400; margin-left: -2px; } .measurementLightTableRow .measurementDetails .location { color: #91b9cd; } body.theme-tide .measurementLightTableRow .measurementDetails .location { color: #91b9cd; } body.theme-tigerlily .measurementLightTableRow .measurementDetails .location { color: #9ccdf8; } body.theme-crickets .measurementLightTableRow .measurementDetails .location { color: #8be7b5; } body.theme-honeycomb .measurementLightTableRow .measurementDetails .location { color: #fab797; } body.theme-mint .measurementLightTableRow .measurementDetails .location { color: #a7e9b3; } body.theme-overcast .measurementLightTableRow .measurementDetails .location { color: #73f2fc; } body.theme-quartz .measurementLightTableRow .measurementDetails .location { color: #d7e8fe; } .measurementLightTableRow .measurementDetails .value { color: #fff; } body.theme-tide .measurementLightTableRow .measurementDetails .value { color: #fff; } body.theme-tigerlily .measurementLightTableRow .measurementDetails .value { color: #fff; } body.theme-crickets .measurementLightTableRow .measurementDetails .value { color: #fff; } body.theme-honeycomb .measurementLightTableRow .measurementDetails .value { color: #fff; } body.theme-mint .measurementLightTableRow .measurementDetails .value { color: #fff; } body.theme-overcast .measurementLightTableRow .measurementDetails .value { color: #fff; } body.theme-quartz .measurementLightTableRow .measurementDetails .value { color: #fff; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurementLightTableView .report-area { margin-top: 2px; padding: 10px 0; text-align: center; } .measurementLightTableView .report-area { background-color: #151a1f; } body.theme-tide .measurementLightTableView .report-area { background-color: #151a1f; } body.theme-tigerlily .measurementLightTableView .report-area { background-color: #151a1f; } body.theme-crickets .measurementLightTableView .report-area { background-color: #231c1e; } body.theme-honeycomb .measurementLightTableView .report-area { background-color: #18161a; } body.theme-mint .measurementLightTableView .report-area { background-color: #15191e; } body.theme-overcast .measurementLightTableView .report-area { background-color: #15191e; } body.theme-quartz .measurementLightTableView .report-area { background-color: #151a1f; } .measurementLightTableView .report-area .btn { color: #000; } .measurementLightTableView .report-area .btn { background-color: #20a5d6; } body.theme-tide .measurementLightTableView .report-area .btn { background-color: #20a5d6; } body.theme-tigerlily .measurementLightTableView .report-area .btn { background-color: #fa8947; } body.theme-crickets .measurementLightTableView .report-area .btn { background-color: #d4c3c1; } body.theme-honeycomb .measurementLightTableView .report-area .btn { background-color: #cda56b; } body.theme-mint .measurementLightTableView .report-area .btn { background-color: #31b166; } body.theme-overcast .measurementLightTableView .report-area .btn { background-color: #507d80; } body.theme-quartz .measurementLightTableView .report-area .btn { background-color: #7858ce; } .measurementLightTableView .report-area .btn { border: 1px solid #00a4d9; } body.theme-tide .measurementLightTableView .report-area .btn { border: 1px solid #00a4d9; } body.theme-tigerlily .measurementLightTableView .report-area .btn { border: 1px solid #ff8a3d; } body.theme-crickets .measurementLightTableView .report-area .btn { border: 1px solid #d4aaa5; } body.theme-honeycomb .measurementLightTableView .report-area .btn { border: 1px solid #ce9e59; } body.theme-mint .measurementLightTableView .report-area .btn { border: 1px solid #23b15d; } body.theme-overcast .measurementLightTableView .report-area .btn { border: 1px solid #467c80; } body.theme-quartz .measurementLightTableView .report-area .btn { border: 1px solid #6843cc; } .measurementLightTableView .report-area .unsaved-changes-alert { padding-bottom: 10px; font-size: 11px; color: #ff0; font-weight: 100; } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measurement-relabel { outline: none; position: fixed; z-index: 1; } .measurement-relabel.fadeOut { animation-duration: 0.3s; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-name: fadeOut; } .measurement-relabel .select-tree-root>.tree-content { width: 140px; } .measurement-relabel .select-tree-root>.tree-content>.tree-options { position: relative; z-index: 2; } .measurement-relabel .select-tree-root>.tree-content .tree-inputs { position: relative; } .measurement-relabel>.tree-leaf { position: relative; } .measurement-relabel>.tree-leaf .icon-check { animation-duration: 0.3s; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-name: zoomIn; left: -46px; position: absolute; top: 3px; } .measurement-relabel>.tree-leaf .icon-check { background-color: #20a5d6; } body.theme-tide .measurement-relabel>.tree-leaf .icon-check { background-color: #20a5d6; } body.theme-tigerlily .measurement-relabel>.tree-leaf .icon-check { background-color: #fa8947; } body.theme-crickets .measurement-relabel>.tree-leaf .icon-check { background-color: #d4c3c1; } body.theme-honeycomb .measurement-relabel>.tree-leaf .icon-check { background-color: #cda56b; } body.theme-mint .measurement-relabel>.tree-leaf .icon-check { background-color: #31b166; } body.theme-overcast .measurement-relabel>.tree-leaf .icon-check { background-color: #507d80; } body.theme-quartz .measurement-relabel>.tree-leaf .icon-check { background-color: #7858ce; } .measurement-relabel>.tree-leaf span { background: #fff; font-weight: normal; height: 46px; line-height: 46px; padding: 0 12px; } .measurement-relabel>.tree-leaf input, .measurement-relabel>.tree-leaf span { display: none; } .measurement-relabel>.tree-leaf .actions { padding-top: 16px; opacity: 0; } .measurement-relabel>.tree-leaf .actions:not(.fadeOut) { animation-duration: 0.3s; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-name: fadeIn; animation-delay: 0.3s; } .measurement-relabel>.tree-leaf .actions.fadeOut { animation-duration: 0.3s; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-name: fadeOut; } .measurement-relabel.selected>.tree-leaf span { display: block; } .measurement-relabel.tree-columns .select-tree-root.navigated .select-tree-common .content { animation-name: none; } .measurement-relabel.tree-columns .select-tree-root.selected .select-tree-common .content { animation-name: selectTreeCommonCloseLeft; } .measurement-relabel.tree-columns .select-tree-root .select-tree-common { padding-left: 0; padding-right: 6px; right: auto; left: 0; width: 180px; } .measurement-relabel.tree-columns .select-tree-root>.tree-content { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; width: 280px; } .measurement-relabel.tree-columns .select-tree-root .select-tree-common .content { right: -180px; } .measurement-relabel.tree-columns .select-tree-root.started .select-tree-common .content { right: 46px; } .measurement-relabel.tree-columns .select-tree-root.navigated .select-tree-common .content { animation-name: selectTreeCommonCloseRight; } .measurement-relabel.tree-columns .select-tree-root .tree-inputs>label { float: left; width: 50%; } @-moz-keyframes selectTreeCommonCloseRight { from { height: 37px; display: table; right: 6px; opacity: 1; visibility: visible; } to { height: 100%; right: -100%; opacity: 0; visibility: hidden; width: calc(100% - 6px); } } @-webkit-keyframes selectTreeCommonCloseRight { from { height: 37px; display: table; right: 6px; opacity: 1; visibility: visible; } to { height: 100%; right: -100%; opacity: 0; visibility: hidden; width: calc(100% - 6px); } } @-o-keyframes selectTreeCommonCloseRight { from { height: 37px; display: table; right: 6px; opacity: 1; visibility: visible; } to { height: 100%; right: -100%; opacity: 0; visibility: hidden; width: calc(100% - 6px); } } @keyframes selectTreeCommonCloseRight { from { height: 37px; display: table; right: 6px; opacity: 1; visibility: visible; } to { height: 100%; right: -100%; opacity: 0; visibility: hidden; width: calc(100% - 6px); } } /* style-tag-marker */ .theme-icon-crickets, .theme-icon-tide, .theme-icon-tigerlily, .theme-icon-quartz, .theme-icon-overcast, .theme-icon-mint, .theme-icon-honeycomb { display: inline-block; background: url("/packages/ohif_design/assets/theme-icons.png") no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .theme-icon-crickets { background-position: 0px 0px; width: 64px; height: 56px; } .theme-icon-tide { background-position: 0px -56px; width: 64px; height: 54px; } .theme-icon-tigerlily { background-position: 0px -110px; width: 62px; height: 61px; } .theme-icon-quartz { background-position: 0px -171px; width: 59px; height: 64px; } .theme-icon-overcast { background-position: 0px -235px; width: 58px; height: 37px; } .theme-icon-mint { background-position: 0px -272px; width: 57px; height: 61px; } .theme-icon-honeycomb { background-position: 0px -333px; width: 50px; height: 58px; } .measure-flow { outline: none; position: fixed; z-index: 1; } .measure-flow.fadeOut { animation-duration: 0.3s; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-name: fadeOut; } .measure-flow.open .btn-add, .measure-flow.selected .btn-add { opacity: 0 !important; outline: none !important; pointer-events: none !important; } .measure-flow .btn-add { outline: none; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; cursor: pointer; font-weight: bold; height: 24px; left: 0; line-height: 24px; opacity: 1; position: absolute; padding: 0 14px; top: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; white-space: nowrap; } .measure-flow .btn-add { color: #000; } body.theme-tide .measure-flow .btn-add { color: #000; } body.theme-tigerlily .measure-flow .btn-add { color: #000; } body.theme-crickets .measure-flow .btn-add { color: #000; } body.theme-honeycomb .measure-flow .btn-add { color: #000; } body.theme-mint .measure-flow .btn-add { color: #000; } body.theme-overcast .measure-flow .btn-add { color: #000; } body.theme-quartz .measure-flow .btn-add { color: #000; } .measure-flow .btn-add { background-color: #20a5d6; } body.theme-tide .measure-flow .btn-add { background-color: #20a5d6; } body.theme-tigerlily .measure-flow .btn-add { background-color: #fa8947; } body.theme-crickets .measure-flow .btn-add { background-color: #d4c3c1; } body.theme-honeycomb .measure-flow .btn-add { background-color: #cda56b; } body.theme-mint .measure-flow .btn-add { background-color: #31b166; } body.theme-overcast .measure-flow .btn-add { background-color: #507d80; } body.theme-quartz .measure-flow .btn-add { background-color: #7858ce; } .measure-flow .btn-add { border: 2px solid #44626f; } body.theme-tide .measure-flow .btn-add { border: 2px solid #44626f; } body.theme-tigerlily .measure-flow .btn-add { border: 2px solid #875a86; } body.theme-crickets .measure-flow .btn-add { border: 2px solid #537b76; } body.theme-honeycomb .measure-flow .btn-add { border: 2px solid #623337; } body.theme-mint .measure-flow .btn-add { border: 2px solid #214529; } body.theme-overcast .measure-flow .btn-add { border: 2px solid #404040; } body.theme-quartz .measure-flow .btn-add { border: 2px solid #885b86; } .measure-flow .select-tree-root>.tree-content { width: 140px; } .measure-flow .select-tree-root>.tree-content>.tree-options { position: relative; z-index: 2; } .measure-flow .select-tree-root>.tree-content .tree-inputs { position: relative; } .measure-flow>.tree-leaf { position: relative; } .measure-flow>.tree-leaf .icon-check { animation-duration: 0.3s; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-name: zoomIn; left: -46px; position: absolute; top: 3px; } .measure-flow>.tree-leaf .icon-check { background-color: #20a5d6; } body.theme-tide .measure-flow>.tree-leaf .icon-check { background-color: #20a5d6; } body.theme-tigerlily .measure-flow>.tree-leaf .icon-check { background-color: #fa8947; } body.theme-crickets .measure-flow>.tree-leaf .icon-check { background-color: #d4c3c1; } body.theme-honeycomb .measure-flow>.tree-leaf .icon-check { background-color: #cda56b; } body.theme-mint .measure-flow>.tree-leaf .icon-check { background-color: #31b166; } body.theme-overcast .measure-flow>.tree-leaf .icon-check { background-color: #507d80; } body.theme-quartz .measure-flow>.tree-leaf .icon-check { background-color: #7858ce; } .measure-flow>.tree-leaf span { background: #fff; font-weight: normal; height: 46px; line-height: 46px; padding: 0 12px; } .measure-flow>.tree-leaf input, .measure-flow>.tree-leaf span { display: none; } .measure-flow>.tree-leaf .actions { padding-top: 16px; opacity: 0; } .measure-flow>.tree-leaf .actions:not(.fadeOut) { animation-duration: 0.3s; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-name: fadeIn; animation-delay: 0.3s; } .measure-flow>.tree-leaf .actions.fadeOut { animation-duration: 0.3s; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-name: fadeOut; } .measure-flow>.tree-leaf .actions button { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; font-weight: normal; height: 31px; line-height: 31px; padding: 0 12px; text-align: center; } .measure-flow>.tree-leaf .actions button { border: 1px solid #44626f; } body.theme-tide .measure-flow>.tree-leaf .actions button { border: 1px solid #44626f; } body.theme-tigerlily .measure-flow>.tree-leaf .actions button { border: 1px solid #875a86; } body.theme-crickets .measure-flow>.tree-leaf .actions button { border: 1px solid #537b76; } body.theme-honeycomb .measure-flow>.tree-leaf .actions button { border: 1px solid #623337; } body.theme-mint .measure-flow>.tree-leaf .actions button { border: 1px solid #214529; } body.theme-overcast .measure-flow>.tree-leaf .actions button { border: 1px solid #404040; } body.theme-quartz .measure-flow>.tree-leaf .actions button { border: 1px solid #885b86; } .measure-flow>.tree-leaf .actions button { color: #fff; } body.theme-tide .measure-flow>.tree-leaf .actions button { color: #fff; } body.theme-tigerlily .measure-flow>.tree-leaf .actions button { color: #fff; } body.theme-crickets .measure-flow>.tree-leaf .actions button { color: #fff; } body.theme-honeycomb .measure-flow>.tree-leaf .actions button { color: #fff; } body.theme-mint .measure-flow>.tree-leaf .actions button { color: #fff; } body.theme-overcast .measure-flow>.tree-leaf .actions button { color: #fff; } body.theme-quartz .measure-flow>.tree-leaf .actions button { color: #fff; } .measure-flow>.tree-leaf .actions button { background-color: #000; } body.theme-tide .measure-flow>.tree-leaf .actions button { background-color: #000; } body.theme-tigerlily .measure-flow>.tree-leaf .actions button { background-color: #000; } body.theme-crickets .measure-flow>.tree-leaf .actions button { background-color: #000; } body.theme-honeycomb .measure-flow>.tree-leaf .actions button { background-color: #000; } body.theme-mint .measure-flow>.tree-leaf .actions button { background-color: #000; } body.theme-overcast .measure-flow>.tree-leaf .actions button { background-color: #000; } body.theme-quartz .measure-flow>.tree-leaf .actions button { background-color: #000; } .measure-flow>.tree-leaf .description { margin-top: -10px; margin-bottom: 10px; } .measure-flow>.tree-leaf .description textarea { background-color: #fff; -webkit-box-shadow: 0; -moz-box-shadow: 0; -ms-box-shadow: 0; -o-box-shadow: 0; box-shadow: 0; border: 0; line-height: 20px; outline: none; overflow: hidden; padding: 0 12px 5px; resize: none; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; width: 100%; } .measure-flow>.tree-leaf .descriptionText { background-color: #fff; -webkit-box-shadow: 0; -moz-box-shadow: 0; -ms-box-shadow: 0; -o-box-shadow: 0; box-shadow: 0; line-height: 20px; margin-bottom: 10px; margin-top: -10px; padding: 0 12px; } .measure-flow.selected>.tree-leaf span { display: block; } .measure-flow.tree-columns .select-tree-root.navigated .select-tree-common .content { animation-name: none; } .measure-flow.tree-columns .select-tree-root.selected .select-tree-common .content { animation-name: selectTreeCommonCloseLeft; } .measure-flow.tree-columns .select-tree-root .tree-search input, .measure-flow.tree-columns .select-tree-root .tree-search i { display: none; } .measure-flow.tree-columns .select-tree-root .select-tree-common { padding-left: 0; padding-right: 6px; right: auto; left: 0; width: 180px; } .measure-flow.tree-columns .select-tree-root>.tree-content { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; width: 280px; } .measure-flow.tree-columns .select-tree-root .select-tree-common .content { right: -180px; } .measure-flow.tree-columns .select-tree-root.started .select-tree-common .content { right: 46px; } .measure-flow.tree-columns .select-tree-root.navigated .select-tree-common .content { animation-name: selectTreeCommonCloseRight; } .measure-flow.tree-columns .select-tree-root .tree-inputs>label { float: left; width: 50%; } .icon-check { background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; display: block; height: 40px; overflow: hidden; position: relative; width: 40px; } .icon-check:before { border: 2px solid #000; border-left-width: 0; border-top-width: 0; content: ''; display: block; height: 18px; left: 15px; position: absolute; top: 9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 9px; } @-moz-keyframes selectTreeCommonCloseRight { from { height: 37px; display: table; right: 6px; opacity: 1; visibility: visible; } to { height: 100%; right: -100%; opacity: 0; visibility: hidden; width: calc(100% - 6px); } } @-webkit-keyframes selectTreeCommonCloseRight { from { height: 37px; display: table; right: 6px; opacity: 1; visibility: visible; } to { height: 100%; right: -100%; opacity: 0; visibility: hidden; width: calc(100% - 6px); } } @-o-keyframes selectTreeCommonCloseRight { from { height: 37px; display: table; right: 6px; opacity: 1; visibility: visible; } to { height: 100%; right: -100%; opacity: 0; visibility: hidden; width: calc(100% - 6px); } } @keyframes selectTreeCommonCloseRight { from { height: 37px; display: table; right: 6px; opacity: 1; visibility: visible; } to { height: 100%; right: -100%; opacity: 0; visibility: hidden; width: calc(100% - 6px); } } .imageThumbnailCanvas { text-align:center; vertical-align:middle; }