/* RTL Support */ #gtdq.gtdq-he_IL *, #gtdq.gtdq-ar * { direction: rtl; unicode-bidi: embed; } /* Decoration */ .hidden { display: none; } .sr-hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .vis-hidden { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .gtdq-alert { background-color: #ffe9e9; color: #de5959; border: 1px solid #fbc4c4; padding 0.5em; margin-bottom: 1em; } .gtdq-ui.ui-dialog { background: #fff; border: 2px solid #392e2c; } .gtdq-ui.ui-dialog .ui-dialog-titlebar { background: #ccc; } .gtdq-ui.ui-dialog .ui-dialog-titlebar-close { display: none; } .gtdq-ui.ui-dialog button { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -ms-filter: none; filter: none; border: 1px solid #392e2c; background: rgb(0,125,186); color: #fff; font-size: large; } .gtdq-td { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } .gtdq-td.hovered { background-color: #ccc; border-color: #392e2c; } #gtdq input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -ms-filter: none; filter: none; border: 1px solid #392e2c; border-radius: 50%; width: 32px; height: 32px; background: #ccc; } #gtdq input[type="radio"]:checked { background: rgb(0,125,186); } /* Graph */ .gtdq-graph-wrap { width: 100%; max-width: 280px; margin-left: auto; margin-right: auto; } .gtdq-question-wrap:after { content: ""; display: table; clear: both; } .gtdq-table { width: 100%; border: 2px solid #392e2c; border-spacing: none; content: ""; display: table; clear: both; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; } .gtdq-tr { max-height: 80px; margin: 0; padding: 0; } .gtdq-td { max-width: 80px; width: 25%; border: 1px solid #ccc; margin: 0; padding: 0; } .gtdq-td.tl { border-top: 2px solid #392e2c; border-left: 2px solid #392e2c; } .gtdq-td.tr { border-top: 2px solid #392e2c; border-right: 2px solid #392e2c; } .gtdq-td.bl { border-bottom: 2px solid #392e2c; border-left: 2px solid #392e2c; } .gtdq-td.br { border-bottom: 2px solid #392e2c; border-right: 2px solid #392e2c; } .gtdq-spacer { max-width: 80px; width: 100%; margin: 0; padding: 0; } .gtdq-score-label { font-weight: bold; } .gtdq-score-wrapper { font-size: large; } label.x-axis { margin: 0 auto; display: block; text-align: center; width: 100%; } label.y-axis { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); display: block; position: relative; right: 55%; text-align: center; margin: 0 auto; bottom: 17.5em; } /* Questions */ .gtdq-question-table, .gtdq-question-tr, .gtdq-question-th { padding: 0.5em; background: transparent; font-size: medium; } .gtdq-question-tr { margin: 1em auto; padding-bottom: 1em; border: 2px solid #fff; } .gtdq-question-tr.unanswered { border: 2px solid #de5959; } .gtdq-question-tr:nth-child(even) { background: #eee; } .gtdq-question-tr::after { content: ""; display: table; clear: both; } .gtdq-response-td { float: left; width: 20%; background: transparent; } .gtdq-response-td label, .gtdq-response-td input { word-wrap: initial; display: block; text-align: center; margin: 0 auto; } .gtdq-response-td label { font-size: x-small; } /* jQuery UI */ /*!jQuery UI - v1.11.4 - 2016-02-21 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, button.css, dialog.css, tooltip.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .gtdq-ui .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gtdq-ui .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .gtdq-ui .ui-helper-clearfix:before, .gtdq-ui .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .gtdq-ui .ui-helper-clearfix:after { clear: both; } .gtdq-ui .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .gtdq-ui .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .gtdq-ui.ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .gtdq-ui .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .gtdq-ui .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .gtdq-ui .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .gtdq-ui .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .gtdq-ui.ui-resizable { position: relative; } .gtdq-ui .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .gtdq-ui .ui-resizable-disabled .ui-resizable-handle, .gtdq-ui .ui-resizable-autohide .ui-resizable-handle { display: none; } .gtdq-ui .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .gtdq-ui .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .gtdq-ui .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .gtdq-ui .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .gtdq-ui .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .gtdq-ui .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .gtdq-ui .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .gtdq-ui .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .gtdq-ui .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .gtdq-ui .ui-button, .gtdq-ui .ui-button:link, .gtdq-ui .ui-button:visited, .gtdq-ui .ui-button:hover, .gtdq-ui .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .gtdq-ui .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ .gtdq-ui button.ui-button-icon-only { width: 2.4em; } .gtdq-ui .ui-button-icons-only { width: 3.4em; } .gtdq-ui button.ui-button-icons-only { width: 3.7em; } /* button text element */ .gtdq-ui .ui-button .ui-button-text { display: block; line-height: normal; } .gtdq-ui .ui-button-text-only .ui-button-text { padding: .4em 1em; } .gtdq-ui .ui-button-icon-only .ui-button-text, .gtdq-ui .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .gtdq-ui .ui-button-text-icon-primary .ui-button-text, .gtdq-ui .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .gtdq-ui .ui-button-text-icon-secondary .ui-button-text, .gtdq-ui .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .gtdq-ui .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ .gtdq-ui input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .gtdq-ui .ui-button-icon-only .ui-icon, .gtdq-ui .ui-button-text-icon-primary .ui-icon, .gtdq-ui .ui-button-text-icon-secondary .ui-icon, .gtdq-ui .ui-button-text-icons .ui-icon, .gtdq-ui .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .gtdq-ui .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .gtdq-ui .ui-button-text-icon-primary .ui-button-icon-primary, .gtdq-ui .ui-button-text-icons .ui-button-icon-primary, .gtdq-ui .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .gtdq-ui .ui-button-text-icon-secondary .ui-button-icon-secondary, .gtdq-ui .ui-button-text-icons .ui-button-icon-secondary, .gtdq-ui .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .gtdq-ui .ui-buttonset { margin-right: 7px; } .gtdq-ui .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ .gtdq-ui input.ui-button::-moz-focus-inner, .gtdq-ui button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .gtdq-ui.ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .gtdq-ui.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .gtdq-ui.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .gtdq-ui.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .gtdq-ui.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .gtdq-ui.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .gtdq-ui.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .gtdq-ui.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .gtdq-ui.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .gtdq-ui.ui-draggable .ui-dialog-titlebar { cursor: move; } .gtdq-ui.ui-tooltip { position: absolute; z-index: 99; user-select: none; pointer-events:none; padding: 0.25em; background: #fff; border: 1px solid #392e2c; } /* Media Queries for larger screens */ @media only screen and (min-width: 641px) { .gtdq-graph-wrap { max-width: 480px; } .gtdq-tr { max-height: 120px; } .gtdq-td, .gtdq-spacer { max-width: 120px; } .gtdq-question-th { float: left; width: 33%; } .gtdq-response-td { float: left; width: 12%; background: transparent; } .gtdq-response-td label { font-size: small; } .quadrant-label-box-ul, .quadrant-label-box-ur, .quadrant-label-box-bl, .quadrant-label-box-br, .quadrant-label { width: 236px; height: 236px; } .quadrant-label { font-size: small; } #gtdq input[type="radio"] { width: 24px; height: 24px; } } @media only screen and (min-width: 1441px) { .gtdq-graph-wrap { max-width: 640px; } .gtdq-tr { max-height: 160px; } .gtdq-td, .gtdq-spacer { max-width: 160px; } .gtdq-response-td label { font-size: normal; } .quadrant-label-box-ul, .quadrant-label-box-ur, .quadrant-label-box-bl, .quadrant-label-box-br, .quadrant-label { width: 316px; height: 316px; } .quadrant-label { font-size: inherit; } }