|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /proc/self/root/var/www/symphony-solusi.co.id/public_html/theme/jotform/css/styles/ |
Upload File : |
/*
*Form CSS
*/
.form-all {
list-style: none;
list-style-position: outside;
margin: 0px;
font-family: Verdana;
font-size: 12px;
}
.form-line .form-radio-item:not(#foo) .form-radio-other + label , .form-line .form-checkbox-item .form-checkbox-other + label { width: auto; }
.form-line .form-radio-item .form-radio-other.form-textbox + label, .form-line .form-checkbox-item .form-checkbox-other.form-textbox + label { display: none !important;}
.form-line .form-radio-item:not(#foo) .form-radio-other-input.form-textbox:not([style*="margin-left: 26px"] ), .form-line .form-checkbox-item:not(#foo) .form-checkbox-other-input.form-textbox:not([style*="margin-left: 26px"] ){ margin-left: 0px; }
.form-line .form-radio-item .form-radio-other.form-textbox + label:not([style="display:block"]), .form-line .form-checkbox-item .form-checkbox-other.form-textbox + label:not([style="display:block"]) { display: none;}
.form-captcha {
border: 1px solid #ccc;
background: #f5f5f5;
padding: 6px;
width: 152px;
border-radius: 4px;
}
.underlined {
text-decoration: underline;
}
#payment_total{
display:inline-block;
}
.form-payment-label {
color:#999999;
display:block;
font-size:9px;
}
.form-payment-subtotal, .form-payment-shipping, .form-payment-tax{
font-size: 0.9em;
max-width: 325px;
overflow: visible;
}
.form-payment-tax.form-payment-label > span:nth-child(1) {
width:100%;
max-width: 225px !important;
float: left;
display: inline-block;
word-wrap: break-word;
}
.form-payment-tax.form-payment-label:after{
content: "";
display: table;
clear: both;
}
.form-payment-shipping.form-payment-label > span:nth-child(1){
width:100%;
max-width: 225px !important;
float: left;
display: inline-block;
word-wrap: break-word;
}
.form-payment-shipping.form-payment-label:after {
content: "";
display: table;
clear: both;
}
.form-payment-divider {
display: block;
border-bottom: 1px solid lightgrey;
max-width: 325px;
}
.form-payment-total, .form-payment-discount{
max-width: 325px;
display: block;
overflow: visible;
margin: 10px 0;
}
.complete-payment-prompt {
display: block;
background: #F3F7FC;
padding: 12px 18px;
font-size: 13px;
border-radius: 3px;
color: #525764;
border: 1px solid #e6edf5;
}
.complete-payment-prompt b {
color: #1BB266;
}
.form-payment-total {
max-width: unset !important;
overflow: hidden;
}
.form-payment-total #total-text {
line-height: 29px;
}
.form-payment-total .form-payment-price {
float: right;
padding: 5px 12px 6px 12px;
border-radius: 3px;
position: relative;
}
.form-payment-total .form-payment-price.ready {
background-color: #1BB266;
color: #fff;
padding: 5px 26px 6px 12px;
}
.form-payment-total .form-payment-price.ready:after {
content: '';
display: block;
top: 6px;
right: 5px;
position: absolute;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
background-size: 10px;
width: 16px;
height: 16px;
background-color: #ffffff;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ0Mi41MzMgNDQyLjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQyLjUzMyA0NDIuNTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBkPSJNNDM0LjUzOSw5OC40OTlsLTM4LjgyOC0zOC44MjhjLTUuMzI0LTUuMzI4LTExLjc5OS03Ljk5My0xOS40MS03Ljk5M2MtNy42MTgsMC0xNC4wOTMsMi42NjUtMTkuNDE3LDcuOTkzTDE2OS41OSwyNDcuMjQ4ICAgbC04My45MzktODQuMjI1Yy01LjMzLTUuMzMtMTEuODAxLTcuOTkyLTE5LjQxMi03Ljk5MmMtNy42MTYsMC0xNC4wODcsMi42NjItMTkuNDE3LDcuOTkyTDcuOTk0LDIwMS44NTIgICBDMi42NjQsMjA3LjE4MSwwLDIxMy42NTQsMCwyMjEuMjY5YzAsNy42MDksMi42NjQsMTQuMDg4LDcuOTk0LDE5LjQxNmwxMDMuMzUxLDEwMy4zNDlsMzguODMxLDM4LjgyOCAgIGM1LjMyNyw1LjMzMiwxMS44LDcuOTk0LDE5LjQxNCw3Ljk5NGM3LjYxMSwwLDE0LjA4NC0yLjY2OSwxOS40MTQtNy45OTRsMzguODMtMzguODI4TDQzNC41MzksMTM3LjMzICAgYzUuMzI1LTUuMzMsNy45OTQtMTEuODAyLDcuOTk0LTE5LjQxN0M0NDIuNTM3LDExMC4zMDIsNDM5Ljg2NCwxMDMuODI5LDQzNC41MzksOTguNDk5eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMUJCMjY2IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=);
}
.form-payment-discount {
font-size: 10px;
}
.form-payment-price {
float: right;
}
.form-product-custom_quantity {
width: 30px;
padding-left: 4px;
}
#coupon-message {
font-size: 10px;
font-weight: normal;
white-space: normal;
}
.form-captcha:hover {
border: 1px solid #aaa;
}
.form-captcha-image {
border: 1px solid #aaa;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px;
border-radius: 4px 4px 4px 4px;
}
.form-collapse-table{
height:58px;
border:1px solid #ccc;
background:#f5f5f5 url(../../images/soft-grad.png) repeat-x;
position:relative;
}
/* paymet alerts */
.question-wrapper div.payment_alert {
background-size: 32px;
padding:16px 16px 16px 72px;
background-repeat: no-repeat;
background-position: left 20px center;
border-radius: 4px;
font-size: 12px;
margin-bottom: 8px;
border:0;
max-width: 100%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.question-wrapper div.payment_alert.wizard {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNy43IDM0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNy43IDM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzY3ODNBMDt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLjYsMzRINi4xQzMuOCwzNCwyLDMyLjEsMiwyOS44VjQuMkMyLDEuOSwzLjgsMCw2LjEsMGgyNS40YzIuMywwLDQuMiwxLjksNC4yLDQuMnYyNS43CgkJQzM1LjcsMzIuMSwzMy45LDM0LDMxLjYsMzR6Ii8+CjwvZz4KPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxMi43LDE0LjkgOS43LDE3LjkgNy45LDE1LjggNi44LDE2LjggOS42LDE5LjkgMTMuNywxNS45ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjEyLjcsNy4yIDkuNywxMC4yIDcuOSw4LjEgNi44LDkgOS42LDEyLjIgMTMuNyw4LjIgIi8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMC45LDI2LjVIOWMtMC40LDAtMC43LTAuMy0wLjctMC43di0yQzguMiwyMy40LDguNiwyMyw5LDIzaDJjMC40LDAsMC43LDAuMywwLjcsMC43djIKCUMxMS43LDI2LjEsMTEuMywyNi41LDEwLjksMjYuNXoiLz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjkuMiwxMS40aC0xMWMtMC41LDAtMC44LTAuNC0wLjgtMC44VjguOGMwLTAuNSwwLjQtMC44LDAuOC0wLjhoMTFDMjkuNiw4LDMwLDguMywzMCw4Ljh2MS44CgkJQzMwLDExLjEsMjkuNiwxMS40LDI5LjIsMTEuNHoiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yOS4yLDE4LjloLTExYy0wLjUsMC0wLjgtMC40LTAuOC0wLjh2LTEuOGMwLTAuNSwwLjQtMC44LDAuOC0wLjhoMTFjMC41LDAsMC44LDAuNCwwLjgsMC44djEuOAoJCUMzMCwxOC42LDI5LjYsMTguOSwyOS4yLDE4Ljl6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjkuMiwyNi41aC0xMWMtMC41LDAtMC44LTAuNC0wLjgtMC44di0xLjhjMC0wLjUsMC40LTAuOCwwLjgtMC44aDExYzAuNSwwLDAuOCwwLjQsMC44LDAuOHYxLjgKCQlDMzAsMjYuMSwyOS42LDI2LjUsMjkuMiwyNi41eiIvPgo8L2c+Cjwvc3ZnPgo=');
background-color: #F3F7FC;
color: #7D8CAA;
}
.question-wrapper div.payment_alert.low {
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy43MSAzMy45OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM2NzgzYTA7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5mbG93PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNC41NSwyLjQ4LjY3LDI2LjUyQTUsNSwwLDAsMCw1LDM0SDMyLjczQTUsNSwwLDAsMCwzNywyNi41MmwtMTMuODgtMjRBNSw1LDAsMCwwLDE0LjU1LDIuNDhaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTcuMjYsMjZhMS41MiwxLjUyLDAsMCwxLC40Mi0xLjEsMS42MiwxLjYyLDAsMCwxLDEuMTctLjQzLDEuNTksMS41OSwwLDAsMSwxLjE3LjQzLDEuNiwxLjYsMCwwLDEsMCwyLjE2LDEuNjEsMS42MSwwLDAsMS0xLjE5LjQyLDEuNTksMS41OSwwLDAsMS0xLjE4LS40MkExLjQ2LDEuNDYsMCwwLDEsMTcuMjYsMjZaTTIwLDIyLjM4SDE3LjZsLS4yNi0xMS45MWgzWiIvPjwvc3ZnPg==);
background-color: #F3F7FC;
color: #7D8CAA;
}
.question-wrapper div.payment_alert.mid {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNy43IDM0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNy43IDM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZCQjAzQjt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC42LDIuNWwtMTMuOSwyNGMtMS40LDIuNC0wLjUsNS41LDEuOSw2LjhDMy4zLDMzLjgsNC4xLDM0LDUsMzRoMjcuN2MyLjgsMCw1LTIuMyw0LjktNS4xCgljMC0wLjgtMC4yLTEuNy0wLjctMi40bC0xMy45LTI0Yy0xLjQtMi40LTQuNS0zLjItNi45LTEuN0MxNS42LDEuMiwxNSwxLjgsMTQuNiwyLjV6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNy4zLDI2YzAtMC40LDAuMS0wLjgsMC40LTEuMWMwLjMtMC4zLDAuNy0wLjQsMS4yLTAuNGMwLjQsMCwwLjksMC4xLDEuMiwwLjRjMC42LDAuNiwwLjYsMS41LDAsMi4yCgljLTAuMywwLjMtMC44LDAuNC0xLjIsMC40Yy0wLjQsMC0wLjktMC4xLTEuMi0wLjRDMTcuNCwyNi44LDE3LjIsMjYuNCwxNy4zLDI2eiBNMjAsMjIuNGgtMi40bC0wLjMtMTEuOWgzTDIwLDIyLjR6Ii8+Cjwvc3ZnPgo=');
background-color: #FCF0E5;
color: #C69C6D;
}
.question-wrapper div.payment_alert.high {
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy43MSAzMy45OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlMjljOWM7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5mbG93MjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuNTUsMi40OC42NywyNi41MkE1LDUsMCwwLDAsNSwzNEgzMi43M0E1LDUsMCwwLDAsMzcsMjYuNTJsLTEzLjg4LTI0QTUsNSwwLDAsMCwxNC41NSwyLjQ4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE3LjI2LDI2YTEuNTIsMS41MiwwLDAsMSwuNDItMS4xLDEuNjIsMS42MiwwLDAsMSwxLjE3LS40MywxLjU5LDEuNTksMCwwLDEsMS4xNy40MywxLjYsMS42LDAsMCwxLDAsMi4xNiwxLjYxLDEuNjEsMCwwLDEtMS4xOS40MiwxLjU5LDEuNTksMCwwLDEtMS4xOC0uNDJBMS40NiwxLjQ2LDAsMCwxLDE3LjI2LDI2Wk0yMCwyMi4zOEgxNy42bC0uMjYtMTEuOTFoM1oiLz48L3N2Zz4=);
background-color: #fff0f0;
color: #a06d6d;
}
.question-wrapper div.payment_alert.high a {
color:#bb1d1d;
font-weight: bold;
}
.question-wrapper div.payment_alert.mid a {
color:#CC821F;
font-weight: bold;
text-decoration: underline;
}
.question-wrapper div.payment_alert a {
color:#1DBB72;
font-weight: bold;
}
.question-wrapper div.payment_alert ul {
margin: 0;
padding: 0 0 4px 0;
min-height: auto;
}
.question-wrapper div.payment_alert ul li {
margin-left: 16px;
line-height: 18px;
}
@media screen and (max-width: 480px) {
.question-wrapper div.payment_alert {
padding: 12px 12px 12px 46px;
background-position: left 12px top 12px;
background-size: 20px;
}
}
/* E.O paymet alerts */
/* Stripe ACH */
.plaid_area {
width: 100%;
}
.plaid_area .plaid_description,
.plaid_area .plaid-bank-details {
padding-top: 12px;
}
.plaid_area button {
margin-left: 10px;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 3em;
font-size: 1em;
border-radius: 4px;
background-color: transparent;
border: 1px solid;
cursor: pointer;
font-weight: 500;
box-sizing: border-box;
padding: 0 16px;
}
.plaid_area .plaid-bank-buttons,
.plaid_area .plaid_select_btn {
text-align: right;
padding-top: 8px;
}
.plaid_area .open-plaid-link {
background-color: #5469D4;
color: #ffffff;
border-color: #5469D4;
background-image: url(https://cdn.jotfor.ms/assets/img/payments/stripeACH_plaid.svg);
background-repeat: no-repeat;
background-position: left 13px center;
background-size: 16px;
padding: 0px 16px 0 40px;
text-align: left;
}
.plaid_area #plaid-change-bank {
background-color: #5469D4;
color: #ffffff;
border-color: #5469D4;
}
.plaid_area .plaid-remove-bank {
border-color: #c3cad8;
color: #2C3368;
background-color: #fff;
}
/* E.O Stripe ACH */
.form-list{
padding:3px;
border:1px solid #CCC;
-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.form-list option{
padding:2px;
}
.form-list option:nth-child(2n+1){
background:#f5f5f5;
}
.form-textarea {
font-family: "Lucida Grande", Verdana;
white-space: pre-wrap;
}
.form-textarea-limit > span{
display:inline-block;
}
.form-textarea-limit textarea {
overflow:auto;
}
.form-textarea-limit textarea:focus{
outline:none !important;
}
.form-textarea-limit-indicator {
color: #666666;
font-size: 9px;
margin-top: -1px;
padding: 2px;
text-align: right;
}
.form-textarea-limit-indicator-error{
color:red;
}
.nicEdit-main {
background-color: white;
}
/* address field */
.form-address-table {
width: 330px;
}
.form-address-line {
display: inline-block;
width: 49%;
padding-bottom: 10px;
}
.form-address-street-line {
width: 100%;
}
.form-address-line input {
width: 96%;
}
.form-address-country {
width: 100%;
}
.form-address-line .form-sub-label-container {
width: 100%;
}
/* Raiting field */
.form-star-rating {
display: inline-block;
width: 100%;
}
.form-star-rating-star {
width: 16px;
height: 16px;
margin-left: 0.5px;
float: left;
}
/* button alignment */
.form-buttons-right {
text-align: right;
}
.form-buttons-left {
text-align: left;
}
.form-buttons-center {
text-align: center;
}
.form-buttons-auto {
margin-left: 156px;
}
/* #587647: shrunk lines word wrap problem fix, omer */
.form-line-column .nicEdit-main {
white-space: normal;
}
/*
By: Ibrahim
Ticket: http://www.jotform.com/answers/770434
*/
.form-line-column .form-sub-label {
white-space: normal;
}
.form-datetime-validation-error {
background:#FFAAAA;
color:#fff;
}
/* Date Picker */
li[data-type="control_datetime"] input.form-textbox{
padding: 3px 30px 4px 3px;
margin: 0;
}
@media screen and (max-width: 600px) {
li[data-type="control_datetime"] input.form-textbox {
padding: 3px 3px 4px 20px;
}
li[data-type="control_datetime"] input.form-textbox[type="tel"] {
padding: 3px 3px 4px 10px;
}
}
li[data-type="control_datetime"] .form-input-wide {
position: relative;
}
li.form-line-column + li[data-type="control_head"] {
display: inline-block;
width: 100%;
}
li[data-type="control_datetime"] .icon-liteMode {
margin-left: 5px;
vertical-align: middle;
}
.allowTime-container {
white-space: nowrap;
display: inline-block;
}
/* E.O. Date Picker */
.form-collapse-mid{
text-shadow:0px 2px 0px #fff;
float:left;
font-size:18px;
margin:16px 45px 16px 20px;
}
.form-product-item{
display:inline-block;
padding:5px 5px 5px 10px;
position:relative;
overflow: hidden;
overflow-y: auto;
}
.form-product-item img {
display:block;
position: static;
margin: 0 12px 0 0;
float:left;
-moz-border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
border-radius: 3px 3px;
}
.form-product-custom_price {
text-align: right;
width: 70px;
border: 1px solid gray;
margin: 0 2px;
padding: 2px 4px
}
.hover-product-item:hover{
background:#f5f5f5;
color:#000;
}
.form-product-item label, .form-product-item .form-radio, .form-product-item .form-checkbox {
cursor: pointer;
}
.form-special-subtotal {
display: block;
font-size: 10px;
margin: 5px 0 12px 8px;
height: 12px;
float: left;
}
.form-product-image, .form-product-image-with-options{
margin:5px;
margin-left:10px;
}
.form-product-image-with-options{
position:absolute;
top:15px;
-moz-border-radius:5px 5px;
-webkit-border-radius:5px 5px;
border-radius:5px 5px;
cursor: pointer;
}
/*formSpinner styling*/
.form-spinner {
border: 1px solid rgb(204, 204, 204);
display: inline-block;
background: rgb(255, 255, 255);
max-width: 180px;
position: relative;
padding-right: 20px;
}
.form-spinner-input-td{
white-space:normal;
}
/**
* Hides the browser default spinner buttons in protoplus based spinner field
*/
.form-spinner-input-td input[type="number"]::-webkit-inner-spin-button,
.form-spinner-input-td input[type="number"]::-webkit-outer-spin-button {
display:none;
}
div.form-spinner-input-td .form-spinner-input {
width: 100%;
border: none;
box-sizing: border-box;
text-align: right;
outline: none;
}
.form-spinner-button-container {
position: absolute;
height: 100%;
top: 0;
right: 0;
}
.form-spinner-button {
height: 50%;
width: 20px;
position: relative;
background: rgb(230, 231, 234);
box-sizing: border-box;
cursor: default;
}
.form-spinner-image {
width: 8px;
height: 6px;
position: absolute;
margin: -3px 0px 0px -4px;
top: 50%;
left: 50%;
}
.form-spinner-down-image {
transform: rotate(180deg);
}
.form-radio, .form-checkbox{
vertical-align:middle;
margin-right : 10px;
padding:0px;
}
.form-radio-item, .form-checkbox-item {
margin-top:5px;
float: left;
display: inline-flex;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
}
.form-single-column .form-radio-item ,.form-single-column .form-checkbox-item{
display:flex;
align-items: flex-start;
}
.form-multiple-column .form-radio-item, .form-multiple-column .form-checkbox-item {
display: inline-flex;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
box-sizing: border-box;
}
/* should work on selectors like this*/
.form-multiple-column[data-columncount="2"] .form-radio-item,
.form-multiple-column[data-columncount="2"] .form-checkbox-item {
width: 50%;
}
.form-multiple-column[data-columncount="3"] .form-radio-item,
.form-multiple-column[data-columncount="3"] .form-checkbox-item {
width: 33%;
}
.form-multiple-column[data-columncount="4"] .form-radio-item,
.form-multiple-column[data-columncount="4"] .form-checkbox-item {
width: 25%;
}
.form-multiple-column[data-columncount="5"] .form-radio-item,
.form-multiple-column[data-columncount="5"] .form-checkbox-item {
width: 20%;
}
.form-line[data-type="control_radio"],
.form-line[data-type="control_checkbox"] {
display: flex;
flex-wrap: wrap;
}
.form-line[data-type="control_radio"] .form-input-wide,
.form-line[data-type="control_checkbox"] .form-input-wide {
width: 100%;
}
.form-line[data-type="control_radio"] .form-input,
.form-line[data-type="control_checkbox"] .form-input {
flex-grow: 1;
flex-basis: 0;
}
.form-radio-item br, .form-checkbox-item br{
clear:left;
}
.form-submit-button, .form-submit-reset, .form-submit-print, .form-screen-button{
margin:0px;
overflow:visible;
padding:1px 6px;
width:auto;
}
.form-submit-button::-moz-focus-inner, .form-submit-reset::-moz-focus-inner{
border: 0px;
padding:1px 6px;
}
.form-submit-button.conditionallyDisabled {
opacity: 0.4;
cursor: default;
pointer-events: none;
}
.form-button-red{
border: 1px solid red;
}
.form-button-magenta{
border: 1px solid magenta;
}
.form-screen-message{
width: 260px;
height: 100px;
}
.form-screen-button div{
background-image: url("/images/photo.png");
background-position:center;
background-repeat:no-repeat;
height: 50px;
width: 50px;
}
.form-screen-button {
position:absolute;
top:1px;
margin:0px;
margin-left:10px;
padding:0px;
background: #fdc000; /* Old browsers */
background: -moz-linear-gradient(top, #fdc000 0%, #fe8900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdc000), color-stop(100%,#fe8900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdc000 0%,#fe8900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdc000 0%,#fe8900 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fdc000 0%,#fe8900 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc000', endColorstr='#fe8900',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fdc000 0%,#fe8900 100%); /* W3C */
-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 1px 0 rgba(255,255,255,.6) inset;
-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 1px 0 rgba(255,255,255,.6) inset;
box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 1px 0 rgba(255,255,255,.6) inset;
border:1px solid #ae5d00;
border-radius: 5px;
}
.form-screen-button:hover {
background: #fcc932; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc932', endColorstr='#fc9e32',GradientType=0 ); /* IE6-9 */
background: linear-gradient(to top, #fcc932 0%,#fc9e32 100%); /* W3C */
border:1px solid #ae5d00;
}
.form-screen-button:active {
background: #fe8900; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8900', endColorstr='#fdc000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(to top, #fe8900 0%,#fdc000 100%); /* W3C */
border:1px solid #C56600;
box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 -1px 0 rgba(255,255,255,.6) inset;
}
.form-screenshot-plate{
background: url("../../images/noises/defaultdesktop.png") repeat scroll 0 0 transparent;
border: 2px solid #545454;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7) inset;
margin: 10px 0;
text-align: center;
}
.form-screenshot-img{
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
margin: 14px 0;
display:inline-block;
}
.form-submit-print::-moz-focus-inner{
padding:0px 6px;
}
.form-submit-print{ padding: 1px 6px; }
.form-submit-button-img{
border:none !important;
margin:0 !important;
padding:0 !important;
background: none !important;
cursor: pointer !important;
max-width:100%;
}
.icon-encrypt ~ .form-submit-reset {
margin-left: 32px;
}
.form-collapse-right{
position:absolute;
right:0px;
height:58px;
width:40px;
}
.form-collapse-right-show{
background: url(../../images/arrow-open.png) no-repeat center;
}
.form-collapse-right-hide{
background: url(../../images/arrow-closed.png) no-repeat center;
}
.form-collapse-hidden {
display: none;
}
.form-grading-item {
margin-bottom: 3px;
}
.form-header {
margin:0px;
}
.form-footer {
margin: 0px;
text-align:center;
font-size: 9px;
color: #999;
font-weight: 300;
}
.form-subHeader {
border-top: 1px solid #ccc;
font-style: italic;
}
.form-header-group{
background:#f5f5f5;
border-bottom:1px solid #ccc;
padding:12px;
clear:both;
}
/* ömer 18/08 */
/* Form Header helper sub-classes */
/*.form-header-group.hasImage { display: table-row; }*/
.form-header-group.hasImage > .header-logo { display: table-cell; }
.form-header-group.hasImage > .header-text { display: table-cell; width: 100%; }
/* Conditional style on 'Image Alignment' option set to 'Top' on question properties */
.form-header-group.hasImage[data-imagealign="Top"] > .header-logo { display: block; text-align: center; }
.form-header-group.hasImage[data-imagealign="Top"] > .header-text { display: block; }
/* Header title text alignment */
.httal { text-align: left; } /*this is not added if user didnt select any alignment*/
.httac { text-align: center; }
.httar { text-align: right; }
/* Header title vertical alignment */
.htvat { vertical-align: top; }
.htvam { vertical-align: middle; }
.htvab { vertical-align: bottom; }
/* ömer 18/08 */
/* hasan 19/08 */
/* Form header image margins */
.header-logo-left { margin-right: 1em; }
.header-logo-top { margin-bottom: 1em; }
.header-logo-right { margin-left: 1em; }
/* hasan 19/08 */
.form-footer-group {
padding:12px;
clear:both;
}
.form-line .form-label.form-label-top.form-label-auto {
width: auto;
}
.form-label-top {
margin-bottom:6px;
display:block;
white-space:normal;
}
.form-label-left {
float:left;
display:inline-block;
text-align:left;
padding:3px;
white-space:normal;
word-break: break-word;
}
.form-label-right {
float:left;
display:inline-block;
text-align:right;
margin-bottom:6px;
padding:3px;
white-space:normal;
word-break: break-word;
}
.form-label-right + .form-input , .form-label-left + .form-input {
display: inline-block;
}
.form-section, .form-section-closed {
list-style:none;
list-style-position:outside;
margin:0px;
padding:0px;
position:relative;
zoom:1;
clear:both;
}
.form-section-closed {
overflow: hidden;
height: 60px;
}
.time-dropdown { box-shadow: 0 1px 2px #eee inset; border: 1px solid #ccc; background-color: #ffffff;}
.form-line {
clear:both;
padding:10px;
margin:0px;
display: block;
width:97%;
width:-moz-available;
position:relative;
}
.form-line[data-type="control_button"][paypal-button-status="hide"] .form-submit-button {
display: inherit;
}
.form-line[data-type="control_button"][paypal-button-status="hide"] .paypal-buttons {
display: none!important;
}
.form-line[data-type="control_button"][paypal-button-status="show"] .form-submit-button:not(.form-sacl-button) {
display: none!important;
}
.form-line[data-type="control_button"][paypal-button-status="show"] .paypal-buttons {
display: block!important;
}
li[data-type="control_checkbox"] , [data-type="control_radio"] { display: inline-block; }
.form-line-column{
float:left;
clear:none;
width:auto;
}
/* Added css rule below to retain display:inline-block for shrunken fields */
.form-line.form-line-column {
display:inline-block;
}
.form-line-column-clear{
clear:left;
width:auto;
}
.form-line-active {
background-color: #FFFFE0;
/*outline: 1px solid #EEEED0;*/
color:#333;
}
.form-matrix-table {
border-collapse: collapse;
font-size: 10px;
margin-bottom: 5px;
}
.form-matrix-headers {
position: relative;
border: 1px solid #ccc;
background: #ddd;
}
.form-matrix-row-headers {
text-align: left;
}
.form-matrix-column-headers {
text-align: center;
color: inherit;
}
.form-matrix-values {
text-align: center;
border: 1px solid #ccc;
background: #f5f5f5;
}
.matrix-choice-label {
display: none;
}
.form-pagebreak {
border-top:1px solid #ccc;
background:#f5f5f5;
height:60px;
clear:left;
}
.form-pagebreak-back-container,
.form-pagebreak-next-container{
float:left;
padding: 14px 10px;
}
.form-pagebreak-next-container{
padding-left:0px;
}
.form-pagebreak-back,
.form-pagebreak-next {
border-radius:5px;
box-shadow:0px 1px 2px #aaa;
border:1px solid #999;
background:#ddd;
padding:5px;
margin:0px;
font-size:14px;
}
div.form-pagebreak .form-pagebreak-back-container button.button-hidden , div.form-pagebreak .form-pagebreak-next-container button.button-hidden {
display:none;
}
.form-required {
margin-left: 5px;
color: red;
}
.form-scale-table {
font-size: 12px;
}
.form-scale-table th {
border-bottom: 1px solid #90919B;
color: #6C6D7D;
}
.payment-form-table.form-address-table{
width:330px;
}
.payment-form-table .form-address-line{
width:310px;
}
.payment-form-table .form-address-city, .form-address-state{
width:144px;
}
.payment-form-table .form-address-table td, .payment-form-table .form-address-table th{
padding-bottom:10px;
}
.payment-form-table select{
width:155px;
}
.form-product-details {
font-size: 0.8em;
color: inherit;
font-style: normal;
}
.form-product-options-text, .form-product-child-label {
font-weight: normal;
word-wrap: break-word;
}
.form-product-child-table {
margin-top: 4px;
}
.form-product-child-table td, .form-product-child-table th {
padding: 2px 6px;
}
.form-product-child-price {
font-size: 0.786em;
font-weight: bold;
font-style: italic;
color: #999;
min-width: 80px ! important;
}
.form-button-error{
color: #FF4E5D;
display:inline;
text-align: center;
}
.form-pagebreak>.form-button-error {
padding:14px 10px 10px;
display:block;
}
.form-line-error{
background:#FFAAAA;
color:#333;
}
li.form-line-error input:not(#coupon-input),
li.form-line-error select,
li.form-line-error textarea,
li.form-line-error .form-validation-error {
border: 1px solid #FF4E5D;
box-shadow: none;
}
/*file upload button validation border is not needed*/
li.form-line-error[data-type="control_fileupload"] .form-validation-error {
border: none;
box-shadow: none;
}
.form-validation-error.form-input {
border:none;
}
.form-line-active .form-error-message {
display: none;
}
.form-error-message {
z-index:900;
position:absolute;
max-width:130px;
right:0px;
top:0px;
color:#333;
padding:3px;
font-size:10px;
border:4px solid #dd8888;
box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
border-radius:6px 6px;
background:#FFCCCC;
}
.form-error-arrow{
position:absolute;
top:-16px;
left:10px;
height:0px;
width:0px;
border:8px solid transparent;
border-bottom-color:#666;
border-bottom:8px solid rgba(102, 102, 102, 0.3);
}
.form-error-arrow-inner{
position:absolute;
top:1px;
height:0px;
width:0px;
border:10px solid transparent;
border-bottom-color:#FFCCCC;
border-bottom-width:11px;
left:-10px;
top:-10px;
}
.form-input .form-error-message, .form-input-wide .form-error-message{
bottom:-5px;
font-size:11px;
position:relative;
z-index:900;
right:auto;
top:auto;
color:#333;
padding:3px;
max-width:100%;
padding-bottom:3px;
font-size:12px;
border:none;
box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
border-radius:6px 6px;
background:#FFCCCC;
}
.form-description{
z-index:1000;
position:absolute;
right:7px;
max-width:150px;
top:6px;
border:4px solid #ccc;
border-radius:6px 6px;
box-shadow:0px 2px 4px #666;
background:#f5f5f5;
white-space:normal;
}
.form-description-content{
padding:10px;
font-size:10px;
color:#333;
}
.form-description-arrow {
border-color:transparent #CCCCCC transparent transparent;
border-style:solid;
border-width:10px;
height:0;
width:0;
left:-24px;
top:7px;
position:absolute;
}
.form-description-arrow-small {
border-color:transparent #F5F5F5 transparent transparent;
border-style:solid;
border-width:7px;
height:0;
width:0;
left:-14px;
top:10px;
position:absolute;
}
.right{
right:33px !important;
float: none !important;
}
.form-line:hover .form-description-indicator, .form-line-active .form-description-indicator{
display:block;
}
.form-description-indicator{
display:none;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 25px;
background:url(../../images/s-info.png) no-repeat center;
}
.right .form-description-arrow {
border-color:transparent transparent transparent #CCCCCC;
left:auto;
right:-24px;
}
.right .form-description-arrow-small {
border-color:transparent transparent transparent #F5F5F5;
left:auto;
right:-14px;
}
.form-autocomplete-list{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
background:#333;
background:rgba(26,58,81,0.8);
border:1px solid #eee;
border-top:none;
padding:5px 0;
-moz-border-radius-bottomright:10px 10px;
-moz-border-radius-bottomleft:10px 10px;
-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.6);
-webkit-border-bottom-right-radius:10px 10px;
-webkit-border-bottom-left-radius:10px 10px;
-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.6);
border-radius-bottom-right:10px 10px;
border-radius-bottom-left:10px 10px;
box-shadow:0px 5px 10px rgba(0,0,0,0.6);
}
.form-autocomplete-list-item{
margin:0 5px;
border:1px solid transparent;
color:#fff;
padding:3px;
-moz-border-radius:5px 5px;
-webkit-border-radius:5px;
border-radius:5px 5px;
text-shadow:1px 1px 3px #000;
cursor:pointer;
}
.form-autocomplete-list-item-selected, .form-autocomplete-list-item:hover{
box-shadow:0 0 4px #333;
border:1px solid #1a3a51;
background:#4295D1;
}
.form-autocomplete-list-item:hover{
border:1px solid #ccc;
}
.form-sub-label-container{
display:inline-block;
margin-right:5px;
}
.form-sub-label{
color:#999999;
display:block;
font-size:9px;
margin-bottom: 3px;
word-wrap: break-word;
}
.form-html{
padding:3px;
/*Emre: to prevent HTML textbox to expand more instead of getting shorter after shrinking (50747) */
white-space: normal;
}
[data-type="control_text"] { line-height: 1.6; }
[data-type="control_text"] .form-html img { max-width: 100%; height: auto; }
.form-radio-other-input, .form-checkbox-other-input { width: 100px }
.form-radio-item label , .form-checkbox-item label { width: 100% }
.edit-hover{ display:none; }
/**
* For custom hint style, to achieve placeholder like color
*/
.form-custom-hint{
color: #aaa !important;
overflow: hidden !important;
}
/**
* FilePicker.io upload styling
*/
.filePicker-button{
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
cursor: pointer;
display: inline-block;
vertical-align: middle;
padding: 9px 24px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
text-align: center;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: #0074CC; /* Old browsers */
background: -moz-linear-gradient(top, #0088cc 0%, #0055cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0088cc), color-stop(100%,#0055cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0088cc 0%,#0055cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0088cc 0%,#0055cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0088cc 0%,#0055cc 100%); /* IE10+ */
background: linear-gradient(to bottom, #0088cc 0%,#0055cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088cc', endColorstr='#0055cc',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.filePicker-button:hover {
background: #00a0f0; /* Old browsers */
background: -moz-linear-gradient(top, #00a0f0 0%, #0064f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a0f0), color-stop(100%,#0064f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00a0f0 0%,#0064f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00a0f0 0%,#0064f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00a0f0 0%,#0064f0 100%); /* IE10+ */
background: linear-gradient(to bottom, #00a0f0 0%,#0064f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0f0', endColorstr='#0064f0',GradientType=0 ); /* IE6-9 */
}
.filePicker-button:active {
background: #0064f0; /* Old browsers */
background: -moz-linear-gradient(top, #0064f0 0%, #00a0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0064f0), color-stop(100%,#00a0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0064f0 0%,#00a0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0064f0 0%,#00a0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0064f0 0%,#00a0f0 100%); /* IE10+ */
background: linear-gradient(to bottom, #0064f0 0%,#00a0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064f0', endColorstr='#00a0f0',GradientType=0 ); /* IE6-9 */
}
/**
* Multiple file upload styling
*/
.qq-uploader { position:relative; width:224px;}
.qq-upload-button {
background: #ffa84c; /* old browsers */
background: -moz-linear-gradient(top, #FBCB5D 0%, #EFA003 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBCB5D), color-stop(100%,#EFA003)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBCB5D', endColorstr='#EFA003',GradientType=0 ); /* ie */
color: #FFFFFF;
display: block;
font-size:16px;
padding: 8px 0;
text-align: center;
text-shadow: 0 -1px #C64F00;
border: 1px solid #C64F00;
-moz-border-radius:5px 5px;
-webkit-border-radius:5px 5px;
border-radius:5px 5px;
}
.qq-upload-button-hover {
background: #ff7b0d; /* old browsers */
background: -moz-linear-gradient(top, #ff7b0d 0%, #ffa84c 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7b0d), color-stop(100%,#ffa84c)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* ie */
}
.qq-upload-button-focus {outline:1px dotted black;}
.qq-upload-delete{
display:inline-block;
opacity: 0.0001;
top:0px;
position:absolute;
background: #f85032; /* old browsers */
background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* ie */
width:20px;
height:100%;
right:0px;
color:#fff;
line-height:20px;
text-align:center;
text-shadow:0 -1px 0px #000;
-moz-border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px;
border-left:1px solid #aaa;
cursor:pointer;
box-sizing: border-box;
}
.qq-upload-delete:hover{
background: #ffb76b; /* old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* ie */
}
.qq-upload-delete:focus {
opacity: 1;
}
.qq-upload-list li:hover{
border:1px solid #aaa;
}
.qq-upload-success:hover .qq-upload-delete {
opacity: 1;
}
.qq-upload-fail:hover .qq-upload-delete {
opacity: 1;
}
.qq-upload-drop-area {
position:absolute; top:0; left:0; width:100%; height:100%; min-height: 54px; z-index:2;
background:#F5F5F5;
background:rgba(240, 240, 240, 0.9);
text-align:center;
color:#B1B1B1;
border:2px dashed #c5c5c5;
-moz-border-radius:5px 5px;
-webkit-border-radius:5px 5px;
border-radius:5px 5px;
}
.qq-upload-drop-area span {
display:block; position:absolute; top: 50%; width:100%; margin-top:-10px; font-size:16px;
}
.qq-upload-drop-area-active {
background:lightyellow;
background:rgba(222, 255, 210, 0.9);
}
.qq-upload-list { margin:10px 0; padding:0; list-style:none; }
.qq-upload-list li {
position:relative;
font-size: 11px;
margin: 8px 0;
color: #5E5B5B;
padding: 2px 4px;
background: #EEEEEE;
border-radius: 5px 5px;
white-space: normal;
border:1px solid transparent;
}
.qq-upload-file,.qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
font-size:0.8em;
line-height:16px;
}
.qq-file-uploading{
display: inline-block;
overflow: hidden;
white-space: nowrap;
width: 80px;
}
.inputContainer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 2px;
right: 0;
overflow: hidden;
}
.fileupload-input {
position: absolute;
right: 0;
top: 0;
font-family: 'Arial';
font-size: 118px;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0;
}
.qq-upload-failed-text{float:right;}
.qq-upload-fail{
background:#FF927D !important;
color:#fff !important;
}
.qq-upload-fail .qq-upload-size{display:none !important;}
.qq-upload-spinner {display:inline-block; background: url("../../images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;margin-bottom: 3px;margin-left: 2px;}
.qq-upload-size,.qq-upload-cancel {float:right;margin-left: 4px;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
/*FB Login button styles and alignments */
.fb-login-label{
color: #888888;
font-size: 11px;
line-height: 23px;
}
/*FB Login End*/
/*Braintree credit card fields styling*/
.braintree-hosted-fields {
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
display: inline-block;
width: 147px;
height: 17px;
border: 1px solid lightgrey;
padding: 3px;
box-shadow: 0 1px 2px #eee inset;
}
/* firefox focused field border*/
.braintree-hosted-fields-focused {
border: 1px solid #FFD300 !important;
box-shadow: 0px 0px 3px #FFF0AA;
}
/* Square credit card fields styling */
.square-hosted-fields {
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
display: inline-block;
width: 147px;
height: 17px;
border: 1px solid lightgrey;
padding: 3px;
}
li[data-type="control_square"] .form-address-table.payment-form-table span.form-sub-label-container {
width: calc(100% - 5px);
}
li[data-type="control_square"] .form-address-table.payment-form-table span.form-sub-label-container iframe {
width: 100%;
height: 25px;
box-sizing: border-box;
}
/* Stripe credit card fields styling */
.StripeElement.cc_numberMount,
.StripeElement.cc_cardExpiryMount {
width: 147px;
}
.StripeElement {
height: 17px;
}
.__PrivateStripeElement {
top: 50%;
transform: translateY(-50%);
}
/* webkit focused field border */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.braintree-hosted-fields-focused {
outline: rgb(59, 153, 252) auto 5px;
border: 1px solid lightgrey !important;
}
}
/* braintree add ons */
.braintree-addons-box {
border-radius: 5px;
background-color: #efefef;
padding: 5px;
margin: 6px 0 0 18px;
font-size: 12px;
line-height: 16px;
}
/*Braintree End*/
/* paypal pro */
.paypalpro_img {
width: 40px;
height: 26px;
padding-right: 7px;
}
.paypalpro_visa { background: url('../../images/credit-card-logo.png') no-repeat 0 0; }
.paypalpro_mc { background: url('../../images/credit-card-logo.png') no-repeat -47px 0; }
.paypalpro_amex { background: url('../../images/credit-card-logo.png') no-repeat -94px 0; }
.paypalpro_dc { background: url('../../images/credit-card-logo.png') no-repeat -141px 0; }
/* stripe ach manual */
.payment-form-deposits-table {
width: 100%;
padding: 40px 35px;
box-sizing: border-box;
}
.payment-form-deposits-table.active {
display: block!important;
}
.payment-form-deposits-table th {
font-size: 22px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 15px;
}
.payment-form-deposits-table tbody tr:nth-child(2) td {
padding-bottom: 30px;
}
.payment-form-deposits-table tbody .deposits td:first-child {
width: 200px;
}
.payment-form-deposits-table .deposit-b td {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 30px;
}
.payment-form-deposits-table .deposits td:nth-of-type(2){
position: relative;
}
.payment-form-deposits-table .deposits td:nth-of-type(2)::after {
content: '$';
display: block;
position: absolute;
left:4px;
top: 0%;
transform: translateY(5px);
font-size:14px;
opacity: 0.6;
}
.payment-form-deposits-table .deposits input {
padding-left: 18px;
}
.payment-form-deposits-table .verifyButtonTr td {
padding-left:156px;
padding-top:34px;
}
.payment-form-deposits-table .verifyButton {
padding: 9px 15px;
font-family: "Lucida Grande", sans-serif;
font-size: 14px;
font-weight: normal;
display: block;
border: 1px solid #ccc;
color: #666;
text-shadow: 0 1px #fff;
cursor: pointer;
border-radius: 3px 3px;
box-shadow: 0 1px #fff inset, 0 1px #ddd;
background: #f5f5f5;
background: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
}
.payment-form-deposits-table .verifyButton:hover {
background: #fff;
background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
}
#content .chargeLaterButton em,
#content .gocardless-retry-button{
background: #ffa102;
border-color:#ffa102;
color: white;
font-size: 11px;
border-radius: 12px;
white-space: nowrap;
padding: 2px 6px 2px 6px;
cursor: pointer;
}
#content .chargeLaterButton:hover em {
background-color: black;
}
.x-panel .chargeLaterButton em{
margin-top: 4px;
display: block;
}
#content #gocardless-payment ul li{
margin-top: 5px;
}
@media only screen and (max-device-width: 550px) {
.payment-form-deposits-table .deposits td {
display: block;
}
.payment-form-deposits-table .deposit-b td:nth-of-type(1){
padding-bottom: 10px;
border-bottom:0;
}
}
/*reCaptcha styling*/
#recaptcha_logo{ display:none;}
#recaptcha_tagline{display:none;}
#recaptcha_table{border:none !important;}
.recaptchatable .recaptcha_image_cell, #recaptcha_table{ background-color:transparent !important; }
#recaptcha_table td { padding-left:0px !important; }
.always-hidden {
display:none !important;
}
.dropdown-match-height {
min-height: 24px;
}
/**
* E-Signature
*/
.signature-pad-passive,
.signature-pad-wrapper {
border: 1px solid #9D9D9D;
color: #444;
position: relative;
}
.signature-pad-passive .signature-line {
border: 1px solid #444;
width: 80%;
position: absolute;
bottom: 50px;
left: 10%;
right: 10%;
}
.signature-pad-wrapper .clear-pad-btn {
cursor:pointer;
text-decoration:underline;
float:right;
font-weight:bold;
font-size:12px;
}
.form-single-column .clearfix { display: inline-block; }
.form-single-column .clearfix { display: block; }
@media only screen and (max-device-width: 550px){
body {
font-size: 18px;
}
.form-all{
width:auto !important;
}
.form-label-left{
float:none;
display:block;
}
.form-description { right: 7px !important; }
.form-buttons-wrapper{
margin:5px !important;
text-align:center;
}
.form-textarea{
/* Emre: to prevent the textareas to overflow when iPhone is used (47600) */
width:94% !important;
white-space: pre-wrap;
}
.form-textbox, .form-textarea, .form-dropdown, .form-list{
border:1px solid #555;
padding:4px;
-webkit-border-radius:5px 5px;
-webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
-moz-border-radius:5px 5px;
-moz-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
border-radius:5px 5px;
box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
}
.form-spinner {
max-width: 100% !important;
overflow: hidden;
padding-right: 105px !important;
border-radius: 5px;
}
.form-spinner-up {
margin-right: 1px;
}
[class*="form-spinner-"] img {
width: 10px !important;
height: 8px !important;
margin: -4px 0 0 -5px !important;
}
.form-spinner-up,
.form-spinner-down {
display: inline-block !important;
width: 52px !important;
height: 100% !important;
}
div.form-spinner-input-td input {
padding: 9px 6px !important;
background: none;
}
div.form-header-group{
margin:0px !important;
}
div.form-pagebreak .form-label-left{
display:inline-block !important;
float:left;
}
.form-submit-button, .form-submit-reset{
font-size:18px;
line-height:30px;
}
.form-captcha{
border:1px solid #555;
}
.form-captcha input{
width:120px !important;
}
.custom-field-frame, .direct-embed-widgets, .signature-pad-wrapper {
width: 100% !important;
}
/* Responsive ligthbox modal */
.u-responsive-lightbox { width: 90%!important; }
.u-responsive-lightbox .jt-title,
.u-responsive-lightbox .jt-content,
.u-responsive-lightbox .js-form-content { width: 100%!important; }
/* Responsive ligthbox modal */
.form-product-custom_price{
width:35px;
}
.signature-pad-passive {
max-width: 70vw;
}
.download-pdf-box-content {
font-size: 12px;
}
}
.clearfix2:before,.clearfix2:after{content:" ";display:table;}
.clearfix2:after{clear:both;}
/* hides the spin-button for firefox */
input[type=number] {
-moz-appearance:textfield;
}
input[id*="_donation"] {
width: 46px;
}
/* hides the spin-button for chrome*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* encrypted form-submit-button icon, omer, 15-07-2015 */
.form-submit-button.icon-encrypt {
position: relative;
}
.form-submit-button.icon-encrypt + button {
margin-left: 25px;
}
.form-submit-button.icon-encrypt:before {
content: url("../../images/security-icon.png");
display: inline-block;
position: absolute;
width: 32px;
height: 32px;
right: -36px;
top: 50%;
margin-top: -16px;
box-sizing: border-box;
padding-top: 4px;
}
.form-submit-button.icon-encrypt:after {
content: attr(data-content);
display: none;
position: absolute;
width: 128px;
background-color: rgba(0, 0, 0, 0.85);
text-shadow: none;
color: #eee;
font-size: 10px;
top: 50%;
right: -166px;
padding: 5px 0 4px;
border-radius: 2px;
line-height: 15px;
margin-top: -12px;
}
.form-submit-button.icon-encrypt:hover:after {
display: inline-block;
}
.jotform-ad {
background: red;
display: block !important;
visibility: visible !important;
}
.jotform-ad > a{
text-decoration: none !important;
color: #aaa !important;
}
.jotform-ad > a + a{
color: #f38632 !important;
}
.jf-branding:hover {
color: orange !important;
opacity: 1 !important;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
top: 0;
left: 0;
z-index: 999999;
}
.overlay-content {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
background: #fff;
box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding: 60px 20px 20px 20px;
width: 85%;
height: 72%;
max-width: 960px;
border-radius: 6px;
}
.overlay.old_ui .overlay-content {
padding-bottom: 60px;
}
.overlay-content .img-wrapper {
margin: 0 auto;
position: relative;
margin: 0 50px;
max-width: 100%;
flex: 1;
}
.overlay-content .img-wrapper span{
max-width: 100%;
max-height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
background-color: #F4F7FD;
border-radius: 3px;
border: 1px solid #e5ebf7;
}
.lb-prev-button,
.lb-next-button {
position: absolute;
width: 36px;
height: 36px;
top: 50%;
transform: translateY(-50%);
color: transparent;
cursor: pointer;
opacity: 1;
background-size: 16px;
transition: opacity .15s ease;
background-repeat: no-repeat;
background-position: center center;
}
.lb-prev-button {
left: -60px;
background-image: url('https://cdn.jotfor.ms/assets/fonts/font-awesome/5.7.2/svgs/solid/chevron-left.svg');
}
.lb-next-button {
right: -60px;
background-image: url('https://cdn.jotfor.ms/assets/fonts/font-awesome/5.7.2/svgs/solid/chevron-right.svg');
}
.lb-close-button {
position: absolute;
width: 36px;
height: 36px;
top: 12px;
right: 12px;
cursor: pointer;
color: #677686;
background-color: #eef2fa;
border-radius: 4px;
font-family: sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 36px;
}
.overlay.old_ui .lb-prev-button,
.overlay.old_ui .lb-next-button {
display: none!important;
}
.overlay.new_ui .overlay-content:not(.has_thumbnail) ul,
.overlay.new_ui .overlay-content:not(.has_thumbnail) .lb-prev-button,
.overlay.new_ui .overlay-content:not(.has_thumbnail) .lb-next-button {
display: none!important;
}
.overlay .overlay-content .slider-navigation ul {
display: flex;
align-items: stretch;
justify-content: center;
margin-top: 40px;
padding-left: 0;
flex-wrap: wrap;
}
.overlay .overlay-content .slider-navigation ul li {
list-style-type: none;
flex:0 0 72px;
max-width: 72px;
width: 72px;
height: 72px;
min-height: 72px;
min-width: 72px;
border: 1px solid #EEE;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #F8F8F8;
border-radius: 1px;
box-sizing: border-box;
margin: 8px;
cursor: pointer;
}
.overlay .overlay-content .slider-navigation ul li.selected {
border: 3px solid #0393E2
}
@media screen and (max-width: 1024px),
screen and (max-height: 640px) {
.overlay .overlay-content {
padding: 20px;
}
.overlay .overlay-content .img-wrapper span{
background-color: transparent;
border: none;
}
}
@media screen and (max-width: 576px),
screen and (max-height: 640px) {
.overlay-content {
border-radius: 4px;
}
.overlay-content:not(.has_thumbnail) {
height:unset;
}
.overlay-content:not(.has_thumbnail) .img-wrapper span {
padding-bottom: 75%;
}
.overlay-content .img-wrapper {
margin: 0px;
}
.overlay .overlay-content .slider-navigation ul {
flex-wrap: nowrap;
justify-content: flex-start;
overflow-x: auto;
margin: 20px 0 0 0;
}
.overlay-content .lb-prev-button,
.overlay-content .lb-next-button {
position: absolute;
background-size: 16px;
width: 20px;
height: 20px;
}
.overlay-content .lb-prev-button {
left: 0;
}
.overlay-content .lb-next-button {
right: 0;
}
.overlay-content .lb-close-button {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 15px;
}
.overlay .overlay-content .slider-navigation ul li {
width: 58px;
height: 58px;
min-height: 58px;
min-width: 58px;
margin: 6px;
flex: 0 0 58px;
max-width: 58px;
}
.overlay-content .lb-close-button {
top: 6px;
right: 6px;
}
}
@media screen and (max-height: 640px) and (orientation: landscape) {
.overlay-content {
height: 80%!important;
}
}
/* New upload button */
.new-file {
position: relative;
width:240px;
}
.new-file-button {
display: none;
}
.new-file-droparea {
background: rgba(240, 240, 240, 0.9);
border-color: rgba(180, 180, 180, 0.9);
}
.new-file-droparea:hover {
background: rgba(255, 255, 255, 0.9);
border-color: rgba(210, 210, 210, 0.9);
}
.new-file-list {
list-style: none;
padding:0;
max-width: 300px;
}
.new-file-list li {
max-width: 280px;
font-size: 0.875em;
line-height: 2em;
padding: 6px 60px 6px 6px;
position: relative;
border-bottom: 1px solid #eee;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.new-file-list li:first-child {
border-top: 1px solid #eee;
margin-top: 12px;
}
.new-file-progress-bar {
position: absolute;
bottom: -1px;
left:0;
height: 2px;
background-color: #3f91f7;
}
.new-file-abort {
position: absolute;
top:50%;
right:0;
font-size: 10px;
width: 18px;
height: 18px;
margin-top: -10px;
line-height: 17px;
text-align: center;
border-radius: 50%;
cursor: pointer;
border: 1px solid #aaa;
color:#aaa;
display: none;
}
.new-file-list li:hover .new-file-abort {
display: block;
}
.new-file-list li:hover .new-file-size {
display: none;
}
.new-file-abort:hover {
border-color: #fd6847;
color: #fd6847;
transition: all 0.3s ease;
}
.new-file-size {
position: absolute;
top: 50%;
right: 0;
line-height: 18px;
margin-top: -9px;
text-align: center;
font-weight: 700;
}
.new-file-progress-number {
display: none;
}
.form-html ul { list-style: disc outside }
.form-html ol { list-style: decimal }
.embed-dropdown {
cursor: pointer;
position: relative;
display: inline-block;
font-size: 12px;
margin-top: 12px;
margin-left: 12px;
float: right;
background: #FC7C01;
color: white;
line-height: 16px;
text-decoration: none;
padding: 6px 0;
border: none;
box-shadow: 0px 0px 4px black;
}
.embed-dropdown:after {
content: '';
position: absolute;
right: 6px;
top: 12px;
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.embed-dropdown label:nth-of-type(1) {
cursor: pointer;
}
.embed-dropdown .btn-dropdown {
padding: 6px 20px 6px 10px;
}
.embed-dropdown-open {
display: none;
}
.embed-dropdown-overlay {
display: none !important;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1
}
.embed-dropdown-inner {
list-style: none;
position: absolute;
opacity: 0;
visibility: hidden;
z-index: 2;
margin: 6px 0 0 -14px;
padding: 10px;
background: #FFF;
border: 1px solid rgba(0,0,0,.15);
}
.embed-dropdown-inner li {
margin-bottom: 5px;
}
.embed-dropdown-inner a {
display: block;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
text-decoration: none;
text-align: left;
padding: 0 5px;
}
.embed-dropdown-inner a:hover {
color: #fc7c01;
}
.embed-dropdown-open:checked ~ .embed-dropdown-inner {
opacity: 1;
visibility: visible
}
.embed-dropdown-open:checked ~ .embed-dropdown-overlay {
display: block !important;
}
@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
li[data-type=control_datetime] .allowTime-container .form-sub-label-container {
width: 31% !important;
}
li[data-type=control_datetime] .form-sub-label-container + .form-sub-label-container {
margin-left: 0;
}
li[data-type=control_datetime] .allowTime-container .form-sub-label-container:nth-child(2){
margin: 0 10px;
}
}
/* Temporarily disabled mobile responsive widget code */
@media screen and (max-device-width:40em){
div.form-all:before {background-size: contain;}
.fb-like-box{width:98%!important}
.form-checkbox-item,.form-radio-item{white-space:normal!important}
.form-line,.form-line.form-line-column{padding:12px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.form-radio-item .form-radio-other-input.form-textbox , .form-checkbox-item .form-checkbox-other-input.form-textbox { width: 77% !important; }
.form-dropdown,.form-textarea,.form-textbox{width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
div .form-label-left,div .form-label-right{display:block;float:none;width:auto!important}
.form-label-right{text-align: right !important;}
div.form-label-left{text-align: left !important;}
.form-buttons-wrapper{margin-left:0!important}
.form-all{width:95%}span.form-sub-label-container+span.form-sub-label-container{margin-right:0}
.form-address-table td,.form-address-table th{padding:0 1px 10px}
.form-submit-button,.form-submit-print,.form-submit-reset{width:100%;margin-left:0!important}
div[id*=at_]{font-size:14px;font-weight:700;height:8px;margin-top:6px}
.showAutoCalendar{width:20px}
img.form-image{max-width:100%;height:auto}
.form-matrix-row-headers{width:100%;word-break:break-all;min-width:40px}
.form-collapse-table,.form-header-group{margin:0}
.form-collapse-table{height:100%;display:inline-block;width:100%}
.form-collapse-hidden{display:none!important}
.form-address-city,.form-address-line,.form-address-postal,.form-address-state,.form-address-table,.form-address-table .form-sub-label-container,.form-address-table select,.form-input{width:100%}
.form-sub-label{white-space:normal}.form-pagebreak-back-container,.form-pagebreak-next-container{width:50%!important}
.form-pagebreak-back,.form-pagebreak-next,.form-product-item.hover-product-item{width:100%}
.form-pagebreak-back-container{padding:0;text-align:right}
.form-pagebreak-next-container{padding:0;text-align:left}
.form-pagebreak{margin:0 auto}
.form-sub-label-container{margin-right:0;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
[data-type=control_fullname] .form-sub-label-container:first-child{margin-right:4%}
[data-type=control_fullname] .form-sub-label-container{width:48%}
[data-type=control_phone] .form-sub-label-container:first-child{margin-right:4%}
[data-input-type="countryCode"],[data-input-type="areaCode"]{max-width: 90px;}
[data-type=control_datetime] span+span+span>span:first-child{display:block;width:100%!important}
li[data-type=control_birthdate] .form-sub-label-container,li[data-type=control_datetime] span+span+span>span:first-child+span+span,li[data-type=control_time] .form-sub-label-container{width:16%!important;margin-right:4%!important}
li[data-type=control_birthdate] .form-sub-label-container:last-child,li[data-type=control_time] .form-sub-label-container:last-child{width:16%!important;margin-right:0!important}
.form-error-message{clear:both;bottom:-10px}
.date-separate,.phone-separate{display:none}
.custom-field-frame,.direct-embed-widgets,.signature-pad-wrapper{width:100%!important}
}
@media print {
.supernova,
body {
height: auto !important;
}
.form-all { -webkit-print-color-adjust: exact }
.formFooter{ display: none; }
}
/* form footer */
.formFooter-heightMask { height: 56px }
.formFooter {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
position: fixed;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
left: 0;
right: 0;
bottom: 0;
padding: 0 5px;
background-color: #414247;
z-index: 901;
}
.formFooter-wrapper {
display: flex;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.formFooter-logo {
max-width: 132px;
}
.formFooter-text {
color: #bfbfbf;
font-size: 0.75em;
margin-right: 0.938em;
}
.formFooter-button {
display: flex;
justify-content: center;
flex-shrink: 0;
width: 200px;
background-color: #208920;
padding: 0.625em 0px;
color: #ffffff;
border-radius: 3px;
font-size: 0.875em;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
text-decoration: none;
}
.formFooter-button:hover { background-color: #52bf41 }
@media screen and (max-width: 480px) {
.formFooter-heightMask {
height: 76px;
}
.formFooter-text {
display: none;
}
.formFooter-logo {
max-width: 110px;
}
.formFooter-button {
font-size: 0.68em;
width: 157px;
}
}
li[data-type="control_scale"] .question-wrapper {
overflow-x: auto;
}
/* Multi-line question field */
li[data-type="control_mixed"] .form-input , li[data-type="control_mixed"] .form-input > div {
width: 320px;
}
li[data-type="control_mixed"] .form-sub-label-container {
float: left;
margin-right: 10px;
}
li[data-type="control_mixed"] .form-sub-label-container[data-colsize="1"], li[data-type="control_mixed"] .form-sub-label-container input, li[data-type="control_mixed"] .form-sub-label-container select {
width: 100%;
box-sizing: border-box;
}
li[data-type="control_mixed"] .form-sub-label-container[data-colsize="2"] {
width: 150px;
}
li[data-type="control_mixed"] .form-sub-label-container[data-colsize="1"] input, li[data-type="control_mixed"] .form-sub-label-container[data-colsize="1"] select {
width: 310px;
}
/* Image choice field */
.jfRadio-label {
display: inline-block;
}
.jfRadio-labelText {
margin-top: 5px;
display: inline-block;
}
.jfRadio-image {
width: 60px;
height: 60px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.jfRadio-input.form-radio {
margin:25px 5px 0 0;
position: relative;
}
/* Large header responsive fix */
@media screen and (max-width: 768px) {
.form-header-group.hasImage {
text-align: center;
margin: 0 auto;
}
.header-logo-left {
margin-right: 0;
}
.form-header-group.hasImage>.header-logo {
display: block;
}
.form-header-group.hasImage>.header-text {
text-align: center;
}
.form-header-group .form-header {
font-size: 130%;
}
}
@media screen and (max-width: 480px) and (min-width: 280px) {
.allowTime-container { width: 100%; }
.form-header-group.hasImage > .header-text { width: auto; }
}
@media screen and (max-width: 279px) {
.form-header-group.hasImage > .header-text { width: auto; }
}
/* Habit Elements */
.jHabit {
display: block;
padding: 0;
margin: -10px auto;
}
.jHabit-wrapper {
display: flex;
align-items: stretch;
}
.jHabit-wrapper span {
display: block;
font-size: 15px;
color: #fff;
opacity: .65;
}
.jHabit-wrapper .jHabit-icon {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
}
.jHabit-wrapper .jHabit-icon .iconSvg {
width: 70px;
height: 70px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.jHabit-wrapper .jHabit-icon .iconSvg svg {
display: block;
width: 70px;
}
.isMobile .jHabit-wrapper .jHabit-icon {
display: none;
}
.jHabit-wrapper .jHabit-name {
position: relative;
flex: 1;
display: inherit;
color: #fff;
font-size: 16px;
overflow: hidden;
flex-direction: column;
justify-content: center;
}
.jHabit-wrapper .jHabit-name span {
width: 100%;
text-align: left;
}
.isMobile .jHabit-wrapper .jHabit-name {
padding-left: 20px;
font-size: 14px;
}
.jHabit-wrapper .jHabit-name .editor-container {
z-index: 1;
}
.jHabit-wrapper .jHabit-name .iconSvg {
position: absolute;
right: -30px;
top: -27px;
width: 180px;
}
[data-component="areaCode"], [data-component="countryCode"]{
max-width: 54px;
}
.isMobile .jHabit-wrapper .jHabit-name .iconSvg {
width: 70px;
left: -20px;
top: 0;
}
.jHabit-wrapper .jHabit-status {
position: relative;
display: inherit;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
flex-direction: column;
}
.jHabit-wrapper .jHabit-status span {
margin-bottom: 5px;
}
.jHabit-wrapper .jHabit-status input {
position: absolute;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
height: 40px;
opacity: 0;
margin: 0;
cursor: pointer;
z-index: 3;
}
.jHabit-wrapper .jHabit-status input:checked + .statusIcon {
background: url(https://cdn.jotfor.ms/assets/img/builder/daily-habit-tracker/done_white.svg) no-repeat center;
animation: habitScale .3s linear;
}
.jHabit-wrapper .jHabit-status input:checked + .statusIcon:after {
animation: habitBlink .7s linear;
}
.jHabit-wrapper .jHabit-status input + .statusIcon {
background: url(https://cdn.jotfor.ms/assets/img/builder/daily-habit-tracker/waiting_white.svg) no-repeat center;
}
.jHabit-wrapper .jHabit-status input:disabled + .statusIcon {
background: url(https://cdn.jotfor.ms/assets/img/builder/daily-habit-tracker/waiting_white.svg) no-repeat center;
animation: habitScale .3s linear;
}
.jHabit-wrapper .jHabit-status input.past + .statusIcon {
background: url(https://cdn.jotfor.ms/assets/img/builder/daily-habit-tracker/undone_white.svg) no-repeat center;
animation: habitScale .3s linear;
}
.jHabit-wrapper .jHabit-status .statusIcon {
position: relative;
width: 40px;
height: 40px;
z-index: 2;
}
.jHabit-wrapper .jHabit-status .statusIcon:after {
content: '';
position: absolute;
background-color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
z-index: 1;
}
.isMobile .jHabit-wrapper .jHabit-status {
width: 70px;
height: 70px;
}
.jHabit-wrapper.green {
background-color: #A1C32F;
}
.jHabit-wrapper.green .jHabit-status {
background-color: #90ae2a;
}
.jHabit-wrapper.green .jHabit-icon .iconSvg {
fill: #A1C32F;
}
.jHabit-wrapper.green .jHabit-name .iconSvg {
fill: #90ae2a;
}
.jHabit-wrapper.orange {
background-color: #F1AC44;
}
.jHabit-wrapper.orange .jHabit-status {
background-color: #efa12c;
}
.jHabit-wrapper.orange .jHabit-icon .iconSvg {
fill: #F1AC44;
}
.jHabit-wrapper.orange .jHabit-name .iconSvg {
fill: #efa12c;
}
.jHabit-wrapper.blue {
background-color: #4B73DD;
}
.jHabit-wrapper.blue .jHabit-status {
background-color: #3662d9;
}
.jHabit-wrapper.blue .jHabit-icon .iconSvg {
fill: #4B73DD;
}
.jHabit-wrapper.blue .jHabit-name .iconSvg {
fill: #3662d9;
}
.jHabit-wrapper.purple {
background-color: #AF53EC;
}
.jHabit-wrapper.purple .jHabit-status {
background-color: #a43ce9;
}
.jHabit-wrapper.purple .jHabit-icon .iconSvg {
fill: #AF53EC;
}
.jHabit-wrapper.purple .jHabit-name .iconSvg {
fill: #a43ce9;
}
.jHabit-wrapper.pink {
background-color: #E75DA9;
}
.jHabit-wrapper.pink .jHabit-status {
background-color: #e4479d;
}
.jHabit-wrapper.pink .jHabit-icon .iconSvg {
fill: #E75DA9;
}
.jHabit-wrapper.pink .jHabit-name .iconSvg {
fill: #e4479d;
}
@keyframes habitBlink {
0% {
opacity: 0;
left: 50%;
top: 50%;
width: 0;
height: 0;
z-index: 1;
}
25% {
opacity: .5;
left: calc(50% - 15px);
top: calc(50% - 15px);
width: 30px;
height: 30px;
z-index: 1;
}
50% {
opacity: .8;
left: calc(50% - 30px);
top: calc(50% - 30px);
width: 60px;
height: 60px;
z-index: 1;
}
75% {
opacity: .5;
left: calc(50% - 25px);
top: calc(50% - 25px);
width: 50px;
height: 50px;
z-index: 1;
}
100% {
opacity: 0;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
height: 40px;
z-index: 1;
}
}
@keyframes habitScale {
0% {
opacity: 0;
transform: scale(0);
}
70% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@media screen and (max-width: 770px) {
li[data-type="control_scale"] {
overflow: scroll;
position: relative;
padding-right: 0;
}
li[data-type="control_scale"]:before {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
}
li[data-type="control_scale"] .form-sub-label-container .form-scale-table { padding-right: 20px; }
li[data-type="control_scale"] .form-input-wide .form-sub-label-container {
width: 100%;
display: block;
overflow: auto;
margin-right: 50px;
}
.form-line[data-type="control_dropdown"] .form-input-wide { width: 100%; }
.form-line[data-type="control_phone"] .form-sub-label-container { margin-right: 5px; }
.form-line[data-type="control_phone"] .form-sub-label-container:first-child { margin-right: 5px; }
.form-line[data-type="control_phone"] .form-input > div, .form-line[data-type="control_phone"] .form-input-wide > div { display: flex; }
.form-line[data-type="control_phone"] .form-input-wide > .form-sub-label-container { width: 40%; }
.form-line[data-type="control_fullname"] .form-sub-label-container { margin-right: 5px; }
li[data-type="control_time"] .form-sub-label-container:not(.until-wrapper), li[data-type=control_time] .form-sub-label-container:not(.until-wrapper):last-child {
width: 27% !important;
max-width: 70px;
}
li[data-type="control_time"] .form-sub-label-container.until-wrapper {
display: block;
width: 100% !important;
padding: 10px 0;
}
}
@media screen and (max-width:400px) {
li[data-type="control_fullname"] .form-sub-label-container { width: 100%; }
}
/* <bf19> */
.black-friday-2019 {
background-color: #181818;
}
.black-friday-2019 .formFooter-content {
text-align: right;
width: 100%;
}
.black-friday-2019 .formFooter-content .formFooter-logoLink {
float: left;
}
.black-friday-2019 .formFooter-content .formFooter-rightSide {
display: inline-block;
vertical-align: middle;
float: none;
max-width: calc(100% - 164px);
padding-top: 5px;
}
.black-friday-2019 .formFooter-content .formFooter-text {
color: #fff;
text-align: center;
max-width: 334px;
font-size: 0;
display: inline-block;
vertical-align: middle;
}
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-right {
display: inline-block;
margin-left: 12px;
}
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-right .formFooter-text-top {
padding-bottom: 6px;
}
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-left {
display: inline-block;
}
.black-friday-2019 .formFooter-button-container {
display: inline-block;
vertical-align: middle;
}
.black-friday-2019 .formFooter-button {
background-color: #51B148;
font-weight: 600;
margin-left: 20px;
}
@media screen and (max-width: 768px) and (min-width: 641px) {
.black-friday-2019 .formFooter-content .formFooter-rightSide {
float: right;
}
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-right img {
max-width: 70px;
height: auto;
}
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-left img {
max-width: 130px;
height: auto;
}
}
@media screen and (max-width: 640px) {
.black-friday-2019 .formFooter-content .formFooter-rightSide {
padding: 11px;
}
.black-friday-2019 .formFooter-content .formFooter-text {
text-align: right;
width: auto;
}
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-right {
margin-left: 0 !important;
}
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-right .formFooter-text-top img {
display: none;
}
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-left img {
display: none;
}
}
@media screen and (max-width: 506px) {
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-right img {
max-width: 70px;
height: auto;
}
}
@media screen and (max-width: 545px) {
.black-friday-2019 .formFooter-content .formFooter-text {
margin: 0;
display: inline-block;
}
}
@media screen and (max-width: 396px) {
.black-friday-2019 .formFooter-content .formFooter-rightSide {
float: none;
text-align: center;
}
}
@media screen and (max-width: 400px) {
.black-friday-2019 .formFooter-content .formFooter-logoLink {
display: none;
}
}
@media screen and (max-width: 470px) and (min-width: 280px) {
.black-friday-2019 .formFooter-content .formFooter-rightSide {
padding: 4px;
max-width: calc(100% - 120px);
}
.formFooter-button {
margin-left: 10px;
}
}
@media screen and (max-width: 644px) {
.black-friday-2019 .formFooter-content .formFooter-rightSide {
max-width: calc(100% - 120px);
}
}
@media screen and (max-width: 587px) {
.black-friday-2019 .formFooter-content .formFooter-text .formFooter-text-left {
display: none;
}
}
@media screen and (max-width: 482px) {
.black-friday-2019 .formFooter-content .formFooter-button-container .formFooter-button {
margin-left: 8px;
padding: 8px 5px;
}
.black-friday-2019 .formFooter-content .formFooter-logoLink {
display: none;
}
.black-friday-2019 .formFooter-content .formFooter-rightSide {
max-width: 100%;
}
}
@media screen and (max-width: 480px) and (min-width: 280px) {
.black-friday-2019 .formFooter-content .formFooter-button-container .formFooter-button {
margin-left: 10px;
padding: 10px 7px;
font-size: 10px;
position: relative;
top: 4px;
font-weight: 600;
}
}
/* </bf19> */
.eoy-2019 .eoy-formFooter-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.eoy-2019 .eoy-formFooter-rightSide {
display: flex;
align-items: center;
}
.eoy-2019 .eoy-formFooter-text {
display: flex;
align-items: center;
}
.eoy-2019 .formFooter-text-left {
margin-right:10px;
color: #F7C847;
font-size: 16px;
}
.eoy-2019 .formFooter-text-right {
color: #fff;
font-size: 20px;
margin-right:10px;
}
.eoy-2019 .eoy-formFooter-icon {
width: 30px;
margin-right:10px;
}
.eoy-2019 .eoy-upgrade-button {
text-decoration: none;
background: #00BE6C;
border-radius: 4px;
width: 150px;
display: inline-flex;
justify-content: center;
color: #fff;
font-size: 16px;
padding: 8px 0;
}
@media screen and (max-width: 620px) {
.eoy-2019 .formFooter-text-left { font-size: 14px; }
.eoy-2019 .formFooter-text-right { font-size: 16px; }
.eoy-2019 .formFooter-logo { width: 120px; }
}
@media screen and (max-width: 520px) {
.eoy-2019 .formFooter-text-left { display: none; }
}
@media screen and (max-width: 410px) {
.eoy-2019 .eoy-upgrade-button {
width: 100px;
font-size: 12px;
}
.eoy-2019 .formFooter-logo { width: 20px; }
.eoy-2019 .formFooter-logo {
width: 100px;
}
.eoy-2019 .formFooter-text-right { font-size: 10px; }
.eoy-2019 .eoy-formFooter-icon { width: 20px; }
}
@media only screen and (max-width: 480px) {
.form-all div.badge-wrapper {
justify-content: center;
}
}
div.badge-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 14px 20px;
background: rgba(229, 231, 242, 0.25);
border-top: 1px solid #E5E7F2;
}
.hipaa-badge-wrapper + .accessibility-badge-wrapper {
margin-left: 14px;
padding-left: 10px;
border-left: 1px solid #E5E7F2;
}
.a11y-content {
margin-left: 4px;
font-family: Arial, Helvetica, sans-serif;
}
.a11y-subtitle {
color: #C1BDBC;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.04em;
}
.a11y-title {
color: #0E7ABE;
font-weight: bold;
font-size: 14px;
}
.badge-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 10px 20px;
background: rgba(229, 231, 242, 0.25);
border-top: 1px solid #E5E7F2;
}
.accessibility-badge-wrapper{
display: flex;
align-items: center;
text-decoration: none;
}
.recaptcha-wrapper #recaptchaV2,
.recaptcha-button-wrapper {
display: flex;
justify-content: center;
}
.recaptcha-submit-button {
display: flex;
align-items: center;
justify-content: center;
height: 3em;
width: 100%;
background-color: #18bd5b;
color: #fff;
border: 1px solid #18bd5b;
border-radius: 4px;
font-weight: 500;
font-size: 15px;
max-width: 350px;
}
.recaptcha-submit-button:hover {
background-color: #16aa52;
}