/*-------------------------------------------- custom SCSS & CSS style here. ----------------------------------------------*/ .transition-fade { opacity: 1; transition: 500ms; transform: translate(0); transform-origin: left; } html.is-animating .transition-fade { transform: translate(100%); } html.is-leaving .transition-fade { transform: translate(0); } /*-------------------------------------------- Copy ----------------------------------------------*/ .navbar-header.hidden{ right:-110px } .navbar-header{ position:fixed; right:-20px; background-color:#FFD700; cursor:pointer; z-index:80; transition:all .7s cubic-bezier(.19,1,.22,1); width:90px; height:120px; /* top:30%; */ top:40%; border:none; -webkit-transform:translateX(0) translateY(-100%); -moz-transform:translateX(0) translateY(-100%); -ms-transform:translateX(0) translateY(-100%); -o-transform:translateX(0) translateY(-100%); transform:translateX(0) translateY(-100%); color:#000 } .navbar-header:hover{ -webkit-transform:translateX(-10px) translateY(-100%); -moz-transform:translateX(-10px) translateY(-100%); -ms-transform:translateX(-10px) translateY(-100%); -o-transform:translateX(-10px) translateY(-100%); transform:translateX(-10px) translateY(-100%) } .navbar-header .navbar-btn{ position:absolute; width:29px; height:14px; margin:0; transition:.5s top cubic-bezier(.19,1,.22,1); top:auto; right:35px; bottom:75px; left:auto } .navbar-header .navbar-btn-label{ position:absolute; top:40px; right:0; opacity:1; transition:.5s color cubic-bezier(.19,1,.22,1); font:500 12px/1.3 "Open Sans",sans-serif; letter-spacing:2px; text-transform:uppercase; transition:all .7s cubic-bezier(.19,1,.22,1); -webkit-transform:translateX(7px) rotate(-90deg); -moz-transform:translateX(7px) rotate(-90deg); -ms-transform:translateX(7px) rotate(-90deg); -o-transform:translateX(7px) rotate(-90deg); transform:translateX(7px) rotate(-90deg) } .navbar-header .navbar-btn-bars{ position:absolute; right:0; width:65px; height:15px; overflow:hidden } .navbar-header .navbar-btn-bars div:nth-child(1){ top:7px } .navbar-header:hover .navbar-btn-bars div{ width:30px } .navbar-header:hover .navbar-btn-bars div:nth-child(2){ width:0 } .navbar-header:hover .navbar-btn-bars div:nth-child(3){ width:0 } .navbar-header .navbar-btn-bars div{ position:absolute; top:0; right:0; width:25px; height:1px; background-color:#000; transition:all .7s cubic-bezier(.19,1,.22,1) } .navbar-header .navbar-btn-bars div:nth-child(3){ top:14px } .navbar-header.reservation{ -webkit-transform:translateX(0) translateY(0%); -moz-transform:translateX(0) translateY(0%); -ms-transform:translateX(0) translateY(0%); -o-transform:translateX(0) translateY(0%); transform:translateX(0) translateY(0%); color:#fff; height:185px } .navbar-header.reservation a,.navbar-header.reservation a:visited,.navbar-header.reservation a:hover{ color:#fff } .navbar-header.reservation .navbar-btn{ bottom:auto; top:20px } .navbar-header.reservation .navbar-btn-bars div:nth-child(1){ right:2px; width:0 } .navbar-header.reservation .navbar-btn-bars div{ background-color:#fff } .navbar-header .navbar-btn-bars div:nth-child(1){ top:7px } .navbar-header.reservation .navbar-btn-bars div:nth-child(2){ width:20px; -webkit-transform:translateX(-5px) translateY(0px) rotate(45deg); -moz-transform:translateX(-5px) translateY(0px) rotate(45deg); -ms-transform:translateX(-5px) translateY(0px) rotate(45deg); -o-transform:translateX(-5px) translateY(0px) rotate(45deg); transform:translateX(-5px) translateY(0px) rotate(45deg) } .navbar-header.reservation .navbar-btn-bars div{ background-color:#fff } .navbar-header.reservation .navbar-btn-bars div:nth-child(3){ width:20px; -webkit-transform:translateX(-5px) translateY(0px) rotate(-45deg); -moz-transform:translateX(-5px) translateY(0px) rotate(-45deg); -ms-transform:translateX(-5px) translateY(0px) rotate(-45deg); -o-transform:translateX(-5px) translateY(0px) rotate(-45deg); transform:translateX(-5px) translateY(0px) rotate(-45deg) } .navbar-header.reservation .navbar-btn-label{ top:60px; -webkit-transform:translateX(66px) rotate(-90deg); -moz-transform:translateX(66px) rotate(-90deg); -ms-transform:translateX(66px) rotate(-90deg); -o-transform:translateX(66px) rotate(-90deg); transform:translateX(66px) rotate(-90deg) } .navbar-header.reservation .navbar-btn-label span{ display:block; width:150px } .navbar-header.reservation:hover{ -webkit-transform:translateX(-10px) translateY(0%); -moz-transform:translateX(-10px) translateY(0%); -ms-transform:translateX(-10px) translateY(0%); -o-transform:translateX(-10px) translateY(0%); transform:translateX(-10px) translateY(0%); background-color:#303a44 } .navbar-header.reservation:hover .navbar-btn-bars div:nth-child(1){ width:30px } .navbar-header.reservation:hover .navbar-btn-bars div:nth-child(2){ width:20px; -webkit-transform:translateX(2px) translateY(0px) rotate(45deg); -moz-transform:translateX(2px) translateY(0px) rotate(45deg); -ms-transform:translateX(2px) translateY(0px) rotate(45deg); -o-transform:translateX(2px) translateY(0px) rotate(45deg); transform:translateX(2px) translateY(0px) rotate(45deg) } .navbar-header.reservation:hover .navbar-btn-bars div:nth-child(3){ width:20px; -webkit-transform:translateX(2px) translateY(0px) rotate(-45deg); -moz-transform:translateX(2px) translateY(0px) rotate(-45deg); -ms-transform:translateX(2px) translateY(0px) rotate(-45deg); -o-transform:translateX(2px) translateY(0px) rotate(-45deg); transform:translateX(2px) translateY(0px) rotate(-45deg) } .navbar-header.promotion{ -webkit-transform:translateX(0) translateY(123%); -moz-transform:translateX(0) translateY(123%); -ms-transform:translateX(0) translateY(123%); -o-transform:translateX(0) translateY(123%); transform:translateX(0) translateY(123%); color:#000; height:150px; background-color:#fbfbf2 } .navbar-header.promotion a,.navbar-header.promotion a:visited,.navbar-header.promotion a:hover{ color:#000 } .navbar-header.promotion .navbar-btn{ bottom:auto; top:20px } .navbar-header.promotion .navbar-btn-label{ top:60px; -webkit-transform:translateX(32px) rotate(-90deg); -moz-transform:translateX(32px) rotate(-90deg); -ms-transform:translateX(32px) rotate(-90deg); -o-transform:translateX(32px) rotate(-90deg); transform:translateX(32px) rotate(-90deg) } .navbar-header.promotion .navbar-btn-bars div:nth-child(1){ right:2px; width:0 } .navbar-header.promotion .navbar-btn-bars div{ background-color:#000 } .navbar-header.promotion .navbar-btn-bars div:nth-child(2){ width:20px; -webkit-transform:translateX(-5px) translateY(0px) rotate(45deg); -moz-transform:translateX(-5px) translateY(0px) rotate(45deg); -ms-transform:translateX(-5px) translateY(0px) rotate(45deg); -o-transform:translateX(-5px) translateY(0px) rotate(45deg); transform:translateX(-5px) translateY(0px) rotate(45deg) } .navbar-header.promotion .navbar-btn-bars div:nth-child(3){ width:20px; -webkit-transform:translateX(-5px) translateY(0px) rotate(-45deg); -moz-transform:translateX(-5px) translateY(0px) rotate(-45deg); -ms-transform:translateX(-5px) translateY(0px) rotate(-45deg); -o-transform:translateX(-5px) translateY(0px) rotate(-45deg); transform:translateX(-5px) translateY(0px) rotate(-45deg) } .navbar-header.promotion:hover{ -webkit-transform:translateX(-10px) translateY(123%); -moz-transform:translateX(-10px) translateY(123%); -ms-transform:translateX(-10px) translateY(123%); -o-transform:translateX(-10px) translateY(123%); transform:translateX(-10px) translateY(123%); background-color:#fdfde8 } .navbar-header.promotion:hover .navbar-btn-bars div:nth-child(1){ width:30px } .navbar-header.promotion:hover .navbar-btn-bars div:nth-child(2){ width:20px; -webkit-transform:translateX(2px) translateY(0px) rotate(45deg); -moz-transform:translateX(2px) translateY(0px) rotate(45deg); -ms-transform:translateX(2px) translateY(0px) rotate(45deg); -o-transform:translateX(2px) translateY(0px) rotate(45deg); transform:translateX(2px) translateY(0px) rotate(45deg) } .navbar-header.promotion:hover .navbar-btn-bars div:nth-child(3){ width:20px; -webkit-transform:translateX(2px) translateY(0px) rotate(-45deg); -moz-transform:translateX(2px) translateY(0px) rotate(-45deg); -ms-transform:translateX(2px) translateY(0px) rotate(-45deg); -o-transform:translateX(2px) translateY(0px) rotate(-45deg); transform:translateX(2px) translateY(0px) rotate(-45deg) } .navbar-header-mobile{ display:none; position:fixed; top:0; left:0; width:100%; height:80px; z-index:80; -webkit-transition:all 1500ms cubic-bezier(.19,1,.22,1),opacity 700ms cubic-bezier(.19,1,.22,1); transition:all 1000ms cubic-bezier(.19,1,.22,1),opacity 700ms cubic-bezier(.19,1,.22,1) } .navbar-header-mobile.hidden{ top:-80px } .navbar-header-mobile .navbar-btn-bars{ position:absolute; right:30px; top:30px; width:65px; height:15px; overflow:hidden } .navbar-header-mobile .navbar-btn-bars div:nth-child(1){ top:7px } .navbar-header-mobile .navbar-btn-bars div{ position:absolute; top:0; right:0; width:25px; height:1px; background-color:#fff; transition:all .7s cubic-bezier(.19,1,.22,1) } .navbar-header-mobile .navbar-btn-bars div:nth-child(3){ top:14px } .navbar .container{ background-color:transparent } .navbar-brand{ font-size:16px; text-transform:capitalize } .navbar-collapse{ z-index:4 } .navbar-collapse{ z-index:4 } .navbar-fixed-top,.navbar-fixed-bottom{ z-index:4!important } .navbar-collapse .navbar-nav{ margin-top:0; margin-bottom:0 } .navbar-nav .nav-link{ } .navbar-nav>li a{ padding:5px; font-size:14px; text-transform:uppercase; letter-spacing:.9px } .navbar-nav li li a{ padding:5px 10px; text-transform:capitalize } .navbar-nav>li>a,.navbar-nav .open .dropdown-menu>li>a{ display:block } .navbar-nav li li a,.navbar-nav li div a{ display:block; padding:5px 5px 5px 15px } .navbar .list-inline li{ display:inline-block } .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{ max-height:540px } .navbar-collapse ul.nav-tabs{ margin-top:5px; margin-bottom:5px; border-bottom:none; margin-left:-15px; margin-right:-15px } .navbar-collapse ul.nav-tabs li>a{ padding-right:20px; padding-left:20px; font-weight:700 } .navbar-collapse #searchform{ margin-top:20px } .navbar-toggle{ padding:0!important } .navbar-toggle .fa,.navbar-toggle .svg-inline--fa{ font-size:25px } .navbar-toggle .icon-bar+.icon-bar{ margin-top:4px } .navbar-toggle .icon-bar{ display:block; width:30px; height:2px; border-radius:1px; -webkit-transition:all .2s; transition:all .2s } .navbar-toggle.x .icon-bar:nth-of-type(1){ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:18% 10%; -ms-transform-origin:18% 10%; transform-origin:18% 10% } .navbar-toggle.x .icon-bar:nth-of-type(2){ opacity:0; filter:alpha(opacity=0) } .navbar-toggle.x .icon-bar:nth-of-type(3){ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:10% 90%; -ms-transform-origin:10% 90%; transform-origin:10% 90% } .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1){ -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2){ opacity:1; filter:alpha(opacity=100) } .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3){ -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } #sidebarmenu .navbar-nav{ columns:2; -webkit-columns:2; -moz-columns:2; display:block } #sidebar .navbar ul li a{ display:block } .navbar-collapse .tab-content{ padding:10px } .navbar-collapse .btn,.navbar-collapse .button{ font-size:12px; font-weight:400; font-style:normal; padding-top:7px; padding-bottom:7px; border:none!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important } .navbar-collapse input[type=text]{ -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important } .navbar-form{ margin-top:0 } .translatepress-zh_CN .navbar-header .navbar-btn-label{ font:400 10px/1.3 "Open Sans",sans-serif!important; width:20px!important; top:30px!important; right:5px!important; -webkit-transform:translateX(7px) rotate(0deg)!important; -moz-transform:translateX(7px) rotate(0deg)!important; -ms-transform:translateX(7px) rotate(0deg)!important; -o-transform:translateX(7px) rotate(0deg)!important; transform:translateX(7px) rotate(0deg)!important } .translatepress-zh_CN .navbar-header.reservation .navbar-btn-label{ top:30px!important; right:5px!important; font:400 10px/1.3 "Open Sans",sans-serif!important; -webkit-transform:translateX(7px) rotate(0deg)!important; -moz-transform:translateX(7px) rotate(0deg)!important; -ms-transform:translateX(7px) rotate(0deg)!important; -o-transform:translateX(7px) rotate(0deg)!important; transform:translateX(7px) rotate(0deg)!important } .translatepress-zh_CN .navbar-header.reservation .navbar-btn-label span{ width:20px!important } .no_opacity{ opacity:0!important; pointer-events:none } .has_transition_800{ -webkit-transition:-webkit-transform 800ms cubic-bezier(.19,1,.22,1),opacity 800ms cubic-bezier(.19,1,.22,1); transition:transform 800ms cubic-bezier(.19,1,.22,1),opacity 800ms cubic-bezier(.19,1,.22,1); will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden } .has_transition_800_quint{ -webkit-transition:-webkit-transform 800ms cubic-bezier(.23,1,.32,1),opacity 800ms cubic-bezier(.23,1,.32,1); transition:transform 800ms cubic-bezier(.23,1,.32,1),opacity 800ms cubic-bezier(.23,1,.32,1); will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden } .has_transition_1000_quint{ -webkit-transition:-webkit-transform 1000ms cubic-bezier(.23,1,.32,1),opacity 1000ms cubic-bezier(.23,1,.32,1); transition:transform 1000ms cubic-bezier(.23,1,.32,1),opacity 1000ms cubic-bezier(.23,1,.32,1); will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden } .has_transition_1000_inout{ -webkit-transition:-webkit-transform 1000ms cubic-bezier(.575,.005,.285,1.005),opacity 1000ms cubic-bezier(.575,.005,.285,1.005); transition:transform 1000ms cubic-bezier(.575,.005,.285,1.005),opacity 1000ms cubic-bezier(.575,.005,.285,1.005); will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden } .has_transition_1000_inout{ -webkit-transition:-webkit-transform 1000ms cubic-bezier(.575,.005,.285,1.005),opacity 1000ms cubic-bezier(.575,.005,.285,1.005); transition:transform 1000ms cubic-bezier(.575,.005,.285,1.005),opacity 1000ms cubic-bezier(.575,.005,.285,1.005); will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden } .has_transition_1000{ -webkit-transition:-webkit-transform 1000ms cubic-bezier(.19,1,.22,1),opacity 1000ms cubic-bezier(.19,1,.22,1); transition:transform 1000ms cubic-bezier(.19,1,.22,1),opacity 1000ms cubic-bezier(.19,1,.22,1); will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden } .transform_all{ -webkit-transition-property:all!important; transition-property:all!important } #main_menu .menu_panel{ width:calc(21% - 1px); z-index:1; margin-right:1px; position:relative; overflow:hidden; height:100vh } #main_menu_mobile .menu_panel{ width:calc(100%); z-index:1; margin-right:1px; position:relative; overflow:hidden; height:100vh } #main_menu .menu_panel .menu_panel_container,#main_menu_mobile .menu_panel_container{ height:100%; -webkit-transition:all 1500ms cubic-bezier(.19,1,.22,1),opacity 700ms cubic-bezier(.19,1,.22,1); transition:all 1000ms cubic-bezier(.19,1,.22,1),opacity 700ms cubic-bezier(.19,1,.22,1) } #main_menu .menu_panel .menu_panel_container.no_opacity,#main_menu_mobile .menu_panel_container.no_opacity{ -webkit-transition:all 1500ms cubic-bezier(.19,1,.22,1); transition:all 1000ms cubic-bezier(.19,1,.22,1) } #main_menu .menu_panel.opened .menu_panel_container{ background:#333!important } #main_menu .menu_panel.opened .menu_panel_container{ background:#333!important } #main_menu .menu_panel.opened .itemcenter{ transform:translateY(30vh) } #main_menu .menu_panel_container.hidden,#main_menu_mobile .menu_panel_container.hidden{ transform:translateX(-101%); opacity:0 } #main_menu .menu_panel.final{ margin-right:0 } #main_menu .menu_panel.final .menu_panel_container,#main_menu_mobile .menu_panel_container{ } .menu_panel .upper{ padding:20px 20px 0 30px; display:flex; align-items:center; justify-content:space-between } .menu_panel .menu_hide_content{ background:#f6f6f7; width:35px; height:35px; border-radius:50%; cursor:pointer; position:absolute; right:60px; top:30vh; z-index:4 } .menu_panel .menu_hide_content:hover .cross .line_1{ transform:rotateZ(-45deg) } .menu_panel .menu_hide_content:hover .cross .line_2{ transform:rotateZ(45deg) } .menu_panel .menu_hide_content .cross{ transform:rotateZ(45deg) } .menu_panel .itemcenter{ padding-left:30px; padding-right:3px; position:absolute; width:calc(100% - 60px); top:0; transform:translateY(49.5vh); will-change:transform } .menu_panel .menu_title_open .menu_title,.menu_panel .menu_title_general .menu_title{ font-size:22px; font-weight:300; margin-top:6px; line-height:30px; position:relative; z-index:1 } .menu_panel .menu_panel_content{ margin-top:5vh; height:calc(80vh - 36px); overflow:hidden; transform:translate3d(0,0,0) } .menu_panel_scrollbar{ height:calc(100% - 50px); position:absolute; top:20px; right:1px; width:1px; background:#c5c5c5; -webkit-transform-origin:top; transform-origin:top } .menu_panel_scrollbar.no_height{ -webkit-transition:-webkit-transform 1000ms cubic-bezier(.19,1,.22,1),opacity 800ms cubic-bezier(.19,1,.22,1); transition:transform 1000ms cubic-bezier(.19,1,.22,1),opacity 800ms cubic-bezier(.19,1,.22,1) } .menu_panel_scrollbar .pointer{ background:#656565; width:1px!important; position:relative; height:20px } .menu_panel .menu_panel_content_container{ padding-bottom:50px; will-change:transform; padding-right:10px } .menu_panel .menu_title_open,.menu_panel .menu_title_general{ display:flex; justify-content:space-between; align-items:flex-start; cursor:pointer } .menu_panel .menu_panel_content .menu_paragraph{ display:flex; margin-top:1vh; text-decoration:none; pointer-events:none } .menu_panel.opened .menu_panel_content .menu_paragraph{ pointer-events:all } .menu_panel .menu_panel_content .menu_paragraph:first-child{ margin-top:0 } .menu_title{ font-size:16px; letter-spacing:1px; color:#fff; text-transform:uppercase } .menu_panel .menu_panel_content .menu_paragraph .menu_titles .menu_subtitle{ color:#9a9a9a; font-size:15px; margin-top:2px; letter-spacing:1.5px; display:block; text-decoration:none; max-width:300px; text-transform:lowercase } .menu_panel.final .menu_panel_container .itemcenter{ position:relative; width:auto; transform:none; display:flex; flex-direction:column; justify-content:center } .menu_panel.final .menu_panel_container .lower{ display:flex; flex-direction:column; justify-content:center; padding:30px; box-sizing:border-box } #main_menu .menu_panel.final .menu_panel_container .upper{ height:35%; padding:30px } #main_menu .menu_panel.final .menu_panel_container .itemcenter{ height:35% } #main_menu .menu_panel .menu_panel_container .upper{ height:20% } #main_menu .menu_panel .menu_panel_container .itemcenter{ height:60% } #main_menu .menu_panel .menu_panel_container .lower{ height:20% } #main_menu_mobile .menu_panel.final .menu_panel_container .upper{ height:15% } #main_menu_mobile .menu_panel.final .menu_panel_container .itemcenter{ height:65% } #main_menu_mobile .menu_panel.final .menu_panel_container .lower{ height:20% } .menu_panel .social-icons{ margin-right:10px } .menu_panel.final .lower a,.menu_panel.final .lower a:visited{ } .menu_panel.final .lower a:hover{ } #main_menu .menu_panel #logo{ position:relative } #main_menu_mobile .menu_panel #logo{ position:relative; left:10px; top:0 } .menu_panel #logo img{ max-width:200px } .navbar-header.hidden{ right:-110px } .navbar-header-mobile.hidden{ top:-80px } #main_menu .menu_panel_container.hidden,#main_menu_mobile .menu_panel_container.hidden{ transform:translateX(-101%); opacity:0 } .menu_show_content.hidden_by_scaling_full{ -webkit-transform:scale(0)!important; transform:scale(0)!important } #main_veil.hidden,#progress-overlay.hidden{ width:0 } #main_veil.hidden .logo-loading{ opacity:0 } .logo-loading.hidden{ display:none } .overlay_layer.hidden{ display:none; opacity:0 } .overlay_layer .left_panel.hidden{ transform:translateX(-100%) } .top_hidden{ opacity:0!important; -webkit-transform:translateY(150%); transform:translateY(150%) } .bottom_hidden{ opacity:0!important; -webkit-transform:translateY(-100%); transform:translateY(-100%) } .hidden_by_scaling_full{ -webkit-transform:scale(0)!important; transform:scale(0)!important; pointer-events:none } .hidden_by_scaling_low{ -webkit-transform:scale(.95)!important; transform:scale(.95)!important; pointer-events:none; opacity:0 } .no_overflow{ overflow:hidden; will-change:transform } .covered{ overflow:hidden; position:relative; will-change:transform } .covered .content.hidden{ -webkit-transform:translateX(-30%); transform:translateX(-30%) } .cover.hidden{ -webkit-transform:translateX(100%); transform:translateX(100%) } .covered.vertical .cover{ left:0; top:-100% } .covered.vertical .cover.hidden{ -webkit-transform:translateY(100%); transform:translateY(100%) } .covered.vertical .content.hidden{ -webkit-transform:translateY(-20%); transform:translateY(-20%) } .cross{ height:100%; width:100% } .cross .line_1{ width:15px; height:1px; background:#adadad; top:50%; position:relative; margin-left:10px } .cross .line_2{ height:15px; width:1px; background:#adadad; top:50%; position:relative; margin-top:-8px; margin-left:17px } .menu_panel .menu_hide_content:hover .cross .line_1{ transform:rotateZ(-45deg) } .menu_panel .menu_hide_content:hover .cross .line_2{ transform:rotateZ(45deg) } .cross .line_1{ width:15px; height:1px; background:#adadad; top:50%; position:relative; margin-left:10px } .cross .line_2{ height:15px; width:1px; background:#adadad; top:50%; position:relative; margin-top:-8px; margin-left:17px } .menu_close .line_1{ width:30px; height:1px; background:#adafb3; top:50%; position:relative } .menu_close .line_2{ height:30px; width:1px; background:#adafb3; top:50%; position:relative; margin-top:-15px; margin-left:15px } .menu_close:hover .line_1{ transform:rotateZ(-45deg) } .menu_close:hover .line_2{ transform:rotateZ(45deg) } .thishotel:hover{ background-color: #79ddff; } .thisroom:hover{ background-color: #939696; } /* hotel brochure modal CSS */ .hotel-brochure-modal1 { position: fixed; margin-bottom: 1vh; bottom: 45%; /* right: 5px; */ overflow: hidden; right: 0px; visibility: visible; z-index: 2147483639; background: 0; border: 0; transition: transform 0.2s ease-in-out; backface-visibility: hidden; opacity: 1; transform: translateY(0%); } .whatsapp-pushItDown { position: fixed; margin-bottom: 1vh; bottom: 70px; right: 5px; overflow: hidden; /* bottom: 10px; */ right: 10px; visibility: visible; z-index: 2147483639; background: 0; border: 0; transition: transform 0.2s ease-in-out; backface-visibility: hidden; opacity: 1; transform: translateY(0%); } /* ------------------------------------------------------------------------------- * CSS for Hotel FeedBack Form reference can find on: ---------------------------------------------------------------------------------*/ /* * Reference = */ .appointmentCalendar { box-shadow: none !important; } .appointmentCalendarDays { border-collapse: collapse; display: table; width: 100%; } .appointmentCalendar .calendarWeek, .appointmentCalendar .daysOfWeek { display: table-row; } .appointmentCalendar .daysOfWeek { border-bottom: 6px solid transparent; } .appointmentCalendar .calendarDay, .appointmentCalendar .dayOfWeek { display: table-cell; font-size: 12px; text-align: center; } .appointmentCalendar .dayOfWeek { background-color: #eef3ff; color: #527ffe; line-height: 46px; text-align: center; width: 14.28571%; } .appointmentCalendar .calendarDay { color: #000; position: relative; } .appointmentCalendar .calendarDay:after { background-color: #4c72fb; border-radius: 50%; bottom: 6px; content: ""; height: 6px; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%); transition: 0.3s; width: 6px; } .appointmentCalendar .calendarDayEach { border: 1px solid hsla(0, 0%, 100%, 0); cursor: pointer; display: block; line-height: 36px; margin: 1px; pointer-events: none; } .appointmentCalendar .calendarDay.isActive .calendarDayEach { background-color: #4c72fb; color: #fff; } .appointmentCalendar .calendarDay.isActive .calendarDayEach, .appointmentCalendar .calendarDay.isToday .calendarDayEach, .appointmentCalendar .calendarDay:not(.empty):hover .calendarDayEach { border: 1px solid #97adfd; border-radius: 4px; transition: 0.3s; } .appointmentCalendar .calendarDay.isActive .calendarDayEach, .appointmentCalendar .calendarDay:not(.empty):hover .calendarDayEach { border-color: #4c72fb; } .appointmentCalendar .calendarDay.isSelected:after { opacity: 1; } .appointmentCalendar .calendarDay.isSelected.isActive:after { background-color: #fff; } .appointmentCalendar .calendarDay.isUnavailable { color: #cad0dd; pointer-events: none; } .appointmentCalendarContainer { background-color: #fff; border: 1px solid #c3cad8; border-radius: 6px; } .appointmentCalendarContainer .currentDate { background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 5.625v11.28c0 .604-.504 1.095-1.125 1.095H1.125C.504 18 0 17.51 0 16.904V5.625h18zM4.732 12.844H2.68l-.101.009a.563.563 0 00-.426.357l-.026.095-.01.101v1.969l.01.101a.563.563 0 00.357.426l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101v-1.969l-.01-.1a.564.564 0 00-.357-.427l-.095-.026-.101-.01zm5.294 0H7.974l-.1.009a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.101a.563.563 0 00.357.426l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101v-1.969l-.01-.1a.564.564 0 00-.357-.427l-.095-.026-.101-.01zM4.732 7.687H2.68l-.101.01a.563.563 0 00-.426.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zm5.294 0H7.974l-.1.01a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zm5.294 0h-2.052l-.1.01a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zm-.695-6.421h2.25C17.496 1.266 18 1.8 18 2.46V4.5H0V2.46c0-.66.504-1.194 1.125-1.194h2.25v-.07C3.375.535 3.879 0 4.5 0s1.125.535 1.125 1.195v.07h6.75v-.07C12.375.535 12.879 0 13.5 0s1.125.535 1.125 1.195v.07z' fill='%2359647C'/%3E%3C/svg%3E"); background-position: calc(100% - 13px); background-repeat: no-repeat; background-size: 16px; border: none; font-size: 16px; padding: 10px 30px 10px 12px; width: 100%; } .appointmentCalendarContainer .monthYearPicker { border-bottom: 1px solid #c3cad8; border-top: 1px solid #c3cad8; display: -ms-flexbox; display: flex; } .appointmentCalendarContainer .monthYearPicker .pickerArrow { background-color: transparent; border-color: transparent; border-width: 0; cursor: pointer; opacity: 0.3; outline: none; padding: 0; position: absolute; right: 0; transition: 0.3s; width: 40px; z-index: 2; } .appointmentCalendarContainer .monthYearPicker .pickerArrow:hover { opacity: 1; } .appointmentCalendarContainer .monthYearPicker .pickerArrow.prev { bottom: 50%; top: 0; } .appointmentCalendarContainer .monthYearPicker .pickerArrow.prev:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.599 5.337a.837.837 0 001.158-.02.834.834 0 000-1.179l-.667-.623-1.434-1.34L5.57.226a.837.837 0 00-1.136 0L.263 4.118c-.343.341-.35.87-.02 1.199a.832.832 0 001.155.02L5 1.975l3.599 3.362z'/%3E%3C/svg%3E"); top: 3px; } .appointmentCalendarContainer .monthYearPicker .pickerArrow.next { bottom: 0; top: 50%; } .appointmentCalendarContainer .monthYearPicker .pickerArrow.next:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.403.227a.837.837 0 00-1.158.02.834.834 0 000 1.178l.666.623 1.435 1.34 2.087 1.95a.837.837 0 001.136 0l4.17-3.893c.343-.34.35-.87.02-1.198a.832.832 0 00-1.155-.02L5.002 3.588 1.403.227z'/%3E%3C/svg%3E"); top: -3px; } .appointmentCalendarContainer .monthYearPicker .pickerArrow.disabled { opacity: 0.2; pointer-events: none; } .appointmentCalendarContainer .monthYearPicker .pickerArrow:after { background-position: 50%; background-repeat: no-repeat; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .appointmentCalendarContainer .monthYearPicker .pickerItem { position: relative; width: 50%; } .appointmentCalendarContainer .monthYearPicker .pickerItem + .pickerItem { border-left: 1px solid #c3cad8; } .appointmentCalendarContainer .monthYearPicker .pickerItem select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-width: 0; font-size: 16px; height: 45px; margin: 0; padding-left: 12px; width: 100%; } .appointmentCalendarContainer .monthYearPicker .pickerItem select::-ms-expand { display: none; } #jfQuestion-proxy .appointmentField, .jfCard .appointmentField { width: 100%; } .stageContainer .appointmentFieldWrapper .appointmentSlot { pointer-events: none; } .appointmentFieldWrapper[data-breakpoint="isLarge"] .appointmentDates { max-width: 460px; } .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentFieldRow, .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentFieldRow.forCalendar { -ms-flex-direction: column; flex-direction: column; } .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentFieldRow.forSelectedDate { -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; } .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentCalendar { max-width: 324px; width: 100%; } .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentDates { margin-left: 0; margin-top: 16px; max-width: 324px; width: 100%; } .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentSlots { height: auto; } .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"]:not(.isOpenMobile) .appointmentFieldContainer .appointmentCalendarDays, .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"]:not(.isOpenMobile) .appointmentFieldContainer .monthYearPicker { display: none; } .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"]:not(.isOpenMobile) .appointmentFieldRow.forCalendar { -ms-flex-direction: column; flex-direction: column; } .appointmentFieldRow.forCalendar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .form-label-left + .form-input .appointmentFieldRow.forCalendar, .form-label-right + .form-input .appointmentFieldRow.forCalendar { -ms-flex-direction: column; flex-direction: column; max-width: 310px; } .form-label-left + .form-input .appointmentFieldRow.forCalendar .appointmentDates, .form-label-right + .form-input .appointmentFieldRow.forCalendar .appointmentDates { margin-top: 16px; width: 100%; } .form-label-left + .form-input .appointmentFieldRow.forCalendar .appointmentSlots, .form-label-right + .form-input .appointmentFieldRow.forCalendar .appointmentSlots { height: auto; max-height: 340px; overflow: auto; } .appointmentFieldRow.forTimezonePicker { display: inline-block; } .appointmentFieldRow.forSelectedDate { -ms-flex-line-pack: center; align-content: center; background-color: #4c72fb; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M3.5 10.4a3.1 3.1 0 100 6.2 3.1 3.1 0 000-6.2zm1.394 2.009zm-1.682.55l1.116-1.116a.83.83 0 011.174 1.173L3.798 14.72a.83.83 0 01-1.173 0l-.782-.782a.83.83 0 011.173-1.174l.196.196z' stroke='%23FFF' stroke-width='.8'/%3E%3Cpath d='M17.852 1.89h-2.049v-.6A1.29 1.29 0 0014.514 0c-.71 0-1.289.578-1.289 1.29v.6H8.006v-.6a1.29 1.29 0 10-2.578 0v.617a.429.429 0 00-.114-.016H3.602a2.15 2.15 0 00-2.149 2.148v5.32a.43.43 0 00.86 0V6.315h16.904a.43.43 0 000-.859H2.313V4.039c0-.71.578-1.289 1.289-1.289h1.712a.43.43 0 00.114-.016v.553a1.29 1.29 0 002.578 0V2.75h5.22v.537c0 .71.578 1.29 1.288 1.29.711 0 1.29-.58 1.29-1.29V2.75h2.048c.71 0 1.289.578 1.289 1.29v14.327a.775.775 0 01-.774.774H3.083a.774.774 0 01-.774-.774v-1.112c0-.205-.192-.43-.43-.43a.43.43 0 00-.429.43v1.112c0 .9.732 1.633 1.633 1.633h15.284c.9 0 1.633-.733 1.633-1.633V4.039a2.15 2.15 0 00-2.148-2.148zM7.147 3.288a.43.43 0 01-.86 0V1.29a.43.43 0 01.86 0v1.998zm7.797 0a.43.43 0 01-.86 0V1.29a.43.43 0 01.86 0v1.998z' fill-rule='nonzero'/%3E%3Cpath d='M10.721 12.266a1.634 1.634 0 000 3.265c.9 0 1.633-.732 1.633-1.633 0-.9-.732-1.632-1.633-1.632zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zm5.266-2.406c-.9 0-1.633.732-1.633 1.632 0 .9.733 1.633 1.633 1.633s1.633-.732 1.633-1.633c0-.9-.733-1.632-1.633-1.632zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM5.711 7c-.9 0-1.633.732-1.633 1.633 0 .9.733 1.633 1.633 1.633s1.633-.733 1.633-1.633S6.61 7 5.71 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM16.242 7c-.9 0-1.633.732-1.633 1.633 0 .9.733 1.633 1.633 1.633s1.633-.733 1.633-1.633S17.143 7 16.242 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM10.977 7c-.9 0-1.633.732-1.633 1.633 0 .9.732 1.633 1.633 1.633.9 0 1.633-.733 1.633-1.633S11.877 7 10.977 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547z' fill-rule='nonzero'/%3E%3Cpath d='M13.299 2l.001 1.25c0 .647.492 1.18 1.122 1.244l.128.006a1.25 1.25 0 001.244-1.122l.006-.128L15.799 2H17.5a2 2 0 012 2v2H2V4a2 2 0 012-2l1.5-.001V3.25c0 .647.492 1.18 1.122 1.244l.128.006C7.44 4.5 8 3.94 8 3.25V1.999L13.299 2z'/%3E%3C/g%3E%3C/svg%3E"); background-position: 6px; background-repeat: no-repeat; border-radius: 4px; color: #fff; display: -ms-flexbox; display: flex; font-size: 13px; font-weight: 400; margin-top: 12px; padding: 8px 8px 8px 34px; } .appointmentFieldRow.forSelectedDate span { -ms-flex-positive: 1; flex-grow: 1; } .appointmentFieldRow.forSelectedDate button { background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='9' cy='9' r='9'/%3E%3Cpath d='M9.59 9l2.946-2.946a.417.417 0 00-.59-.59L9 8.411 6.054 5.464a.417.417 0 00-.59.59L8.411 9l-2.947 2.946a.417.417 0 00.59.59L9 9.589l2.946 2.947a.417.417 0 00.59-.59L9.589 9z' stroke='%234C72FB' fill='%23000'/%3E%3C/g%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 18px; border-width: 0; color: hsla(0, 0%, 100%, 0); cursor: pointer; -ms-flex-negative: 1; flex-shrink: 1; height: 18px; outline: none; width: 18px; } .appointmentFieldInput, .form-line-error .appointmentFieldRow.forSelectedDate { display: none; } .appointmentFieldContainer .appointmentCalendar { max-width: 312px; width: 100%; } .appointmentFieldContainer .appointmentDates { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-left: 12px; width: calc(100% - 324px); } .appointmentFieldContainer * { box-sizing: border-box; } @media (max-width: 500px) { .appointmentFieldContainer.appointmentFieldMobile:not(.isOpenMobile) .appointmentCalendarDays, .appointmentFieldContainer.appointmentFieldMobile:not(.isOpenMobile) .monthYearPicker { display: none; } } .appointmentField .timezonePicker { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .appointmentField .timezonePicker:hover + .timezonePickerName { background-color: #eef3ff; color: #2c3345; } .appointmentField .timezonePickerWrapper { display: inline-block; position: relative; } .appointmentField .timezonePickerName { -ms-flex-align: center; align-items: center; border-radius: 15px; color: inherit; display: -ms-inline-flexbox; display: inline-flex; font-size: 12px; padding: 4px; pointer-events: none; transition: 0.3s; } .appointmentField .timezonePickerName:after, .appointmentField .timezonePickerName:before { content: ""; display: inline-block; } .appointmentField .timezonePickerName:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.952 0C3.558 0 0 3.566 0 7.96s3.558 7.96 7.952 7.96c4.402 0 7.968-3.566 7.968-7.96S12.354 0 7.952 0zm.008 14.328A6.366 6.366 0 011.592 7.96 6.366 6.366 0 017.96 1.592a6.366 6.366 0 016.368 6.368 6.366 6.366 0 01-6.368 6.368z'/%3E%3Cpath d='M8.358 3.98H7.164v4.776l4.18 2.508.596-.98L8.358 8.16z'/%3E%3C/svg%3E"); height: 16px; margin-right: 7px; width: 16px; } .appointmentField .timezonePickerName:after { -ms-flex-item-align: end; align-self: flex-end; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.816 5.38L8.498.646A.4.4 0 008.182 0H.818a.4.4 0 00-.316.646L4.184 5.38a.4.4 0 00.632 0z' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; height: 10px; margin-left: 5px; margin-right: 2px; width: 9px; } .jfCard .appointmentField .timezonePickerName:after { height: 13px; } .appointmentDate { -ms-flex-positive: 1; flex-grow: 1; font-size: 16px; overflow: hidden; padding-right: 12px; text-overflow: ellipsis; white-space: nowrap; } .appointmentDateSelect { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .appointmentDayPicker { display: -ms-flexbox; display: flex; -ms-flex-negative: 1; flex-shrink: 1; } .appointmentDayPickerButton { background-color: #ecedf3; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1 1.628L6.115 7l-5.016 5.37a.376.376 0 00.54.521L6.9 7.256a.377.377 0 00-.001-.51L1.648 1.118a.378.378 0 00-.54-.01.373.373 0 00-.007.52z' fill='%238894AC' stroke='%238894AC' stroke-width='1.5' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: 10px; background-repeat: no-repeat; border-radius: 50%; border-width: 0; color: hsla(0, 0%, 100%, 0); height: 26px; transition: 0.3s; width: 26px; } .appointmentDayPickerButton:hover { background-color: #dcdee9; } .appointmentDayPickerButton + .appointmentDayPickerButton { margin-left: 12px; } .appointmentDayPickerButton.prev { transform: rotate(180deg); } .appointmentSlots { -ms-flex-positive: 1; flex-grow: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 14px; height: 0; margin: 16px 0 8px; min-height: 160px; overflow: auto; position: relative; } .appointmentSlots-empty { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; height: 100%; -ms-flex-pack: center; justify-content: center; width: 100%; } .appointmentSlots-empty-container { background-color: #fff; border-radius: 6px; padding: 24px; } .appointmentSlots-empty-icon { height: 102px; width: 124px; } .appointmentSlots-empty-text { color: #8894ac; font-size: 14px; margin-top: 8px; } .appointmentSlotsContainer { -ms-flex-line-pack: start; align-content: flex-start; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; -ms-flex-pack: justify; justify-content: space-between; } .appointmentSlot { -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #4c72fb; border-radius: 6px; color: #4c72fb; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 16px; height: 44px; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; text-align: center; transition: 0.3s; width: calc(50% - 6px); } .appointmentSlot:not(.disabled):not(.active):hover { background-color: #eef3ff; } .appointmentSlot.active { animation: indicate 0.2s linear forwards; } .appointmentSlot.disabled { background-color: #f4f5f8; border: 1px solid #c3cad8; color: #c3cad8; cursor: default; } @media (max-width: 740px) { #jfQuestion-proxy .appointmentCalendar, .jfCard .appointmentCalendar { margin: auto; } #jfQuestion-proxy .appointmentCalendarContainer, #jfQuestion-proxy .appointmentCalendarTimezone, .jfCard .appointmentCalendarContainer, .jfCard .appointmentCalendarTimezone { max-width: 324px; width: 100%; } #jfQuestion-proxy .appointmentCalendarTimezone, .jfCard .appointmentCalendarTimezone { margin-top: -8px; -ms-flex-order: -1; order: -1; } #jfQuestion-proxy .appointmentDates, .jfCard .appointmentDates { margin-left: auto !important; margin-right: auto !important; margin-top: 16px; max-width: 324px; width: 100%; } #jfQuestion-proxy .appointmentSlots, .jfCard .appointmentSlots { height: auto; min-height: auto; } #jfQuestion-proxy .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays, #jfQuestion-proxy .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker, .jfCard .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays, .jfCard .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker { display: none; } #jfQuestion-proxy .appointmentFieldRow.forCalendar, .jfCard .appointmentFieldRow.forCalendar { -ms-flex-direction: column; flex-direction: column; } #jfQuestion-proxy .appointmentFieldRow.forSelectedDate, .jfCard .appointmentFieldRow.forSelectedDate { margin-top: 0; } } @media (max-width: 600px) { .jotform-form .appointmentCalendarContainer, .jotform-form .appointmentCalendarTimezone { max-width: 324px; width: 100%; } .jotform-form .appointmentCalendarTimezone { margin-top: -8px; -ms-flex-order: -1; order: -1; } .jotform-form .appointmentSlots { height: auto; } .jotform-form .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays, .jotform-form .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker { display: none; } .jotform-form .appointmentFieldWrapper[data-breakpoint="isNormal"] .appointmentDates { margin-left: 0; margin-top: 16px; width: 324px; } .jotform-form .appointmentFieldRow.forCalendar { -ms-flex-direction: column; flex-direction: column; } } @keyframes indicate { 0% { background-color: transparent; color: #4c72fb; } to { background-color: #4c72fb; color: #fff; } } @font-face { font-family: Inter; src: local("Inter Medium"), local("Inter-Medium"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-MediumItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-MediumItalic.woff) format("woff"); font-display: swap; font-style: italic; font-weight: 500; } @font-face { font-family: Inter; src: local("Inter Bold"), local("Inter-Bold"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Bold.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Bold.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 700; } @font-face { font-family: Inter; src: local("Inter Semibold"), local("Inter-Semibold"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-SemiBoldItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-SemiBoldItalic.woff) format("woff"); font-display: swap; font-style: italic; font-weight: 600; } @font-face { font-family: Inter; src: local("Inter Black"), local("Inter-Black"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Black.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Black.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 900; } @font-face { font-family: Inter; src: local("Inter Light"), local("Inter-Light"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-LightItalicBETA.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-LightItalicBETA.woff) format("woff"); font-display: swap; font-style: italic; font-weight: 300; } @font-face { font-family: Inter; src: local("Inter Extrabold"), local("Inter-Extrabold"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraBoldItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraBoldItalic.woff) format("woff"); font-display: swap; font-style: italic; font-weight: 800; } @font-face { font-family: Inter; src: local("Inter Medium"), local("Inter-Medium"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Medium.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Medium.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 500; } @font-face { font-family: Inter; src: local("Inter Semibold"), local("Inter-Semibold"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-SemiBold.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-SemiBold.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 600; } @font-face { font-family: Inter; src: local("Inter Extralight"), local("Inter-Extralight"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraLightBETA.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraLightBETA.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 200; } @font-face { font-family: Inter; src: local("Inter Extrabold"), local("Inter-Extrabold"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraBold.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraBold.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 800; } @font-face { font-family: Inter; src: local("Inter Thin"), local("Inter-Thin"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ThinItalicBETA.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ThinItalicBETA.woff) format("woff"); font-display: swap; font-style: italic; font-weight: 100; } @font-face { font-family: Inter; src: local("Inter Regular"), local("Inter-Regular"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Regular.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Regular.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 400; } @font-face { font-family: Inter; src: local("Inter Bold"), local("Inter-Bold"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-BoldItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-BoldItalic.woff) format("woff"); font-display: swap; font-style: italic; font-weight: 700; } @font-face { font-family: Inter; src: local("Inter Extralight"), local("Inter-Extralight"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraLightItalicBETA.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraLightItalicBETA.woff) format("woff"); font-display: swap; font-style: italic; font-weight: 200; } @font-face { font-family: Inter; src: local("Inter Thin"), local("Inter-Thin"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ThinBETA.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ThinBETA.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 100; } @font-face { font-family: Inter; src: local("Inter Light"), local("Inter-Light"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-LightBETA.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-LightBETA.woff) format("woff"); font-display: swap; font-style: normal; font-weight: 300; } #stage div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .form-input, #stage li[data-type="control_inline"] .form-input, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .form-input, li[data-type="control_inline"] .form-input { width: 100% !important; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"].isSelected .question-wrapper, li[data-type="control_inline"].isSelected .question-wrapper { z-index: 2; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-quillTB, li[data-type="control_inline"] .FITB-quillTB { margin-top: -40px; opacity: 0; padding: 16px 0 0; pointer-events: none; position: relative; text-align: right; transition: margin-top 0.1s, opacity 0.1s; will-change: margin-top, opacity; z-index: -1; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-TBCont, li[data-type="control_inline"] .FITB-TBCont { background-color: transparent; border-radius: 0; box-shadow: none; position: relative; transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, border-radius 0.2s; width: 100%; will-change: transform; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-TBCont.stickyTB, li[data-type="control_inline"] .FITB-TBCont.stickyTB { background-color: #fff; border-color: transparent; border-radius: 0 0 2px 2px; box-shadow: 0 -8px 0 8px #fff; padding-top: 4px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button, li[data-type="control_inline"] .FITB-button { background-color: #f2f3f4; border: none; border-radius: 4px; color: #1c2643; cursor: pointer; font-size: 12px; outline: none; padding: 10px; transition: background-color 0.3s; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button:hover, li[data-type="control_inline"] .FITB-button:hover { background-color: #dcdfe1; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button *, li[data-type="control_inline"] .FITB-button * { display: inline-block; pointer-events: none; vertical-align: middle; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button img, li[data-type="control_inline"] .FITB-button img { height: 14px; width: 14px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button img + span, li[data-type="control_inline"] .FITB-button img + span { margin-left: 6px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button img.arrow, li[data-type="control_inline"] .FITB-button img.arrow { height: 6px; width: 10px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button span + img, li[data-type="control_inline"] .FITB-button span + img { margin-left: 12px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button + button, li[data-type="control_inline"] .FITB-button + button { margin-left: 4px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button.formFields, li[data-type="control_inline"] .FITB-button.formFields { padding: 0; white-space: nowrap; width: auto; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button.formFields:hover, li[data-type="control_inline"] .FITB-button.formFields:hover { background-color: transparent; background-color: initial; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button.formFields span + img, li[data-type="control_inline"] .FITB-button.formFields span + img { margin-left: 7px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-buttonCont, li[data-type="control_inline"] .FITB-buttonCont { margin-top: -36px; opacity: 0; pointer-events: none; text-align: right; transition: margin-top 0.1s, opacity 0.1s; will-change: margin-top, opacity; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-buttonCont > div, li[data-type="control_inline"] .FITB-buttonCont > div { z-index: 2; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown, li[data-type="control_inline"] .FITB-dropdown { animation: contextAppear 0.1s ease-in-out forwards; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); max-height: 250px; overflow-y: auto; padding: 0; text-align: left; transform-origin: top left; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li, li[data-type="control_inline"] .FITB-dropdown, li[data-type="control_inline"] .FITB-dropdown li { list-style: none; margin: 0; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li, li[data-type="control_inline"] .FITB-dropdown li { color: #1c2643; cursor: pointer; font-size: 13px; padding: 10px 20px 10px 10px; transition: color 0.1s, background-color 0.1s; white-space: nowrap; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li:hover, li[data-type="control_inline"] .FITB-dropdown li:hover { background-color: #0293e2; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li:hover, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li:hover .FITB-dropdown-listItem:before, li[data-type="control_inline"] .FITB-dropdown li:hover, li[data-type="control_inline"] .FITB-dropdown li:hover .FITB-dropdown-listItem:before { color: #fff; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown-listItem, li[data-type="control_inline"] .FITB-dropdown-listItem { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown-listItem:before, li[data-type="control_inline"] .FITB-dropdown-listItem:before { color: #0293e2; font-family: joticon; font-size: 24px; margin-right: 6px; transition: color 0.1s, background-color 0.1s; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-clipboard, li[data-type="control_inline"] .FITB .ql-clipboard { position: fixed !important; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg, li[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { right: -7px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar, li[data-type="control_inline"] .FITB .ql-toolbar { border: none; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar button, li[data-type="control_inline"] .FITB .ql-toolbar button { transition: color 0.3s; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button), li[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) { padding: 3px 0; width: 18px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) svg, li[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) svg { float: none; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) + button, li[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) + button { margin-left: 6px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-color-picker, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-icon-picker, li[data-type="control_inline"] .FITB .ql-color-picker, li[data-type="control_inline"] .FITB .ql-icon-picker { width: 18px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-color-picker .ql-picker-label, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-icon-picker .ql-picker-label, li[data-type="control_inline"] .FITB .ql-color-picker .ql-picker-label, li[data-type="control_inline"] .FITB .ql-icon-picker .ql-picker-label { padding: 2px 0; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker-label, li[data-type="control_inline"] .FITB .ql-picker-label { border-width: 0; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-container, li[data-type="control_inline"] .FITB .ql-container { border-width: 0; font-family: inherit; font-size: inherit; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-editor, li[data-type="control_inline"] .FITB .ql-editor { font-size: inherit; line-height: 1.6; overflow: visible; overflow: initial; padding: 12px 0; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-editor.ql-blank:before, li[data-type="control_inline"] .FITB .ql-editor.ql-blank:before { left: 0; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker), li[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) { width: auto; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label, li[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label { outline: none; padding: 0 12px 0 0; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker.ql-font .ql-picker-label, li[data-type="control_inline"] .FITB .ql-picker.ql-font .ql-picker-label { max-width: 84px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker.ql-font .ql-picker-options, li[data-type="control_inline"] .FITB .ql-picker.ql-font .ql-picker-options { max-height: 250px; overflow-y: auto; text-align: left; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker.ql-font [class*="ql-picker"]:before, li[data-type="control_inline"] .FITB .ql-picker.ql-font [class*="ql-picker"]:before { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-formats, li[data-type="control_inline"] .FITB .ql-formats { margin-right: 0; position: relative; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-formats + .ql-formats, li[data-type="control_inline"] .FITB .ql-formats + .ql-formats { margin-left: 7px; padding-left: 7px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-formats + .ql-formats:before, li[data-type="control_inline"] .FITB .ql-formats + .ql-formats:before { background-color: #ebecf0; content: ""; height: 72%; left: -1px; position: absolute; right: auto; top: 14%; width: 2px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="email"], div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="number"], div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="tel"], div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="text"], li[data-type="control_inline"] input[type="email"], li[data-type="control_inline"] input[type="number"], li[data-type="control_inline"] input[type="tel"], li[data-type="control_inline"] input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-color: #c3cad8; border-radius: 0; border-width: 0 0 1px; box-shadow: none; font-size: 0.9375em; height: auto; outline: none; padding: 0 0 1px 4px; transition: border-color 0.2s; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="email"]:-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="number"]:-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="tel"]:-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="text"]:-ms-input-placeholder, li[data-type="control_inline"] input[type="email"]:-ms-input-placeholder, li[data-type="control_inline"] input[type="number"]:-ms-input-placeholder, li[data-type="control_inline"] input[type="tel"]:-ms-input-placeholder, li[data-type="control_inline"] input[type="text"]:-ms-input-placeholder { color: #c8ced9; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="email"]::-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="number"]::-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="tel"]::-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="text"]::-ms-input-placeholder, li[data-type="control_inline"] input[type="email"]::-ms-input-placeholder, li[data-type="control_inline"] input[type="number"]::-ms-input-placeholder, li[data-type="control_inline"] input[type="tel"]::-ms-input-placeholder, li[data-type="control_inline"] input[type="text"]::-ms-input-placeholder { color: #c8ced9; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="email"]::placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="number"]::placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="tel"]::placeholder, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="text"]::placeholder, li[data-type="control_inline"] input[type="email"]::placeholder, li[data-type="control_inline"] input[type="number"]::placeholder, li[data-type="control_inline"] input[type="tel"]::placeholder, li[data-type="control_inline"] input[type="text"]::placeholder { color: #c8ced9; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="checkbox"], div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="radio"], li[data-type="control_inline"] input[type="checkbox"], li[data-type="control_inline"] input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 2px; height: 18px; left: 4px; margin: 0; outline: none; position: absolute; right: auto; top: 50%; transform: translateY(-50%); width: 18px; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"], li[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"] { border-width: 0 0 1px !important; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"]:focus, div#jfQuestion-proxy.forFullScreen[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"]:hover, li[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"]:focus, li[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"]:hover { box-shadow: 0 2px 0 0 #ffa5a5 !important; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .form-required, li[data-type="control_inline"] .form-required { color: #f23a3c; display: inline-block; font-size: 15px; height: 8px; left: auto; line-height: 0.875em; margin: 0; position: absolute; right: 0; top: 0; transform: translate(50%, -75%); width: auto; z-index: 1; } div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .jfHipaa-toggleWrapper, li[data-type="control_inline"] .jfHipaa-toggleWrapper { margin-bottom: 8px; position: static; text-align: right; } .FITB.showQuillTB .FITB-quillTB { margin-top: 0; opacity: 1; pointer-events: auto; } .FITB.showQuillTB .FITB-button.TBSwitch { background-color: #dcdfe1; } .FITB.selected .FITB-buttonCont { margin-top: 0; opacity: 1; pointer-events: auto; } .FITB.selected .FITB-TBCont { border-bottom: 1px solid #d8d8d8; padding-bottom: 8px; z-index: 2; } .FITB.selected [data-blotid][data-active="true"] input[type="text"] { border-color: #009ef4; } .FITB.selected [data-blotid][data-active="true"] input[type="text"] + button { margin-left: 4px; } .FITB.selected [data-blotid][data-active="true"] button { display: inline; display: initial; } .FITB.selected [data-blotid][data-active="true"][data-type="checkbox"] [contenteditable]:after, .FITB.selected [data-blotid][data-active="true"][data-type="radiobox"] [contenteditable]:after { box-shadow: 0 0 0 2px rgba(0, 158, 244, 0.8); } .FITB.selected [data-blotid][data-active="true"][data-type="datebox"]:after, .FITB.selected [data-blotid][data-active="true"][data-type="selectbox"]:after, .FITB.selected [data-blotid][data-active="true"][data-type="signaturebox"]:after, .FITB.selected [data-blotid][data-active="true"][data-type="timebox"]:after { right: 24px; } .FITB.selected [data-blotid][data-active="true"][data-type="selectbox"] .qb-selectbox-options { display: block; } [data-blotid] { display: inline-block; line-height: normal; } [data-blotid] span[contenteditable] { display: inline-block; position: relative; } [data-blotid]:before { color: #009ef4; content: attr(data-index); display: inline-block; font-size: 16px; line-height: normal; max-width: 0; opacity: 0; padding: 0; transition: max-width 0.2s 0.1s, padding 0.2s 0.1s, opacity 0.1s; white-space: nowrap; } [data-blotid] button:not([class*="saveButton"]) { background-color: #f2f3f4; border: none; border-radius: 50%; color: #1c2643; cursor: pointer; display: none; font-size: 12px; height: 20px; outline: none; padding: 0; position: relative; transition: background-color 0.3s; vertical-align: middle; width: 20px; } [data-blotid] button:not([class*="saveButton"]):active, [data-blotid] button:not([class*="saveButton"]):focus { display: inline; display: initial; } [data-blotid] button:not([class*="saveButton"]):before { content: "\e603"; font-family: joticon; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); vertical-align: middle; } [data-blotid] button:not([class*="saveButton"])[class*="addOption"] { transform: rotate(45deg); } [data-blotid] button:not([class*="saveButton"]):hover { background-color: #dcdfe1; } [data-blotid] button:not([class*="saveButton"]) * { display: inline-block; pointer-events: none; vertical-align: middle; } [data-blotid] button:not([class*="saveButton"]) img { height: 14px; width: 14px; } [data-blotid] button:not([class*="saveButton"]) img + span { margin-left: 6px; } [data-blotid] button:not([class*="saveButton"]) img.arrow { height: 6px; width: 10px; } [data-blotid] button:not([class*="saveButton"]) span + img { margin-left: 12px; } [data-blotid] button:not([class*="saveButton"]) + button { margin-left: 4px; } [data-blotid][data-type="datebox"] input, [data-blotid][data-type="selectbox"] input, [data-blotid][data-type="signaturebox"] input, [data-blotid][data-type="textbox"] input { min-width: 120px; } [data-blotid][data-type="timebox"]:after { background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/time.svg) no-repeat 50% / cover; } [data-blotid][data-type="textbox"][data-grouptype="control_fullname"] input, [data-blotid][data-type="timebox"] input { min-width: 90px; } [data-blotid][data-type="checkbox"], [data-blotid][data-type="radiobox"] { display: inline-block; position: relative; } [data-blotid][data-type="checkbox"] [contenteditable]:after, [data-blotid][data-type="radiobox"] [contenteditable]:after { background-color: #fff; border: 1px solid #c3cad8; border-radius: 2px; box-shadow: none; box-sizing: border-box; content: ""; cursor: default; height: 18px; left: 4px; pointer-events: none; position: absolute; right: auto; top: 50%; transform: translateY(-50%); transition: box-shadow 0.2s; width: 18px; z-index: 1; } [data-blotid][data-type="checkbox"] [data-labelid], [data-blotid][data-type="radiobox"] [data-labelid] { border-bottom: none; box-sizing: content-box; color: #1c2643; max-width: 100%; padding: 0 0 0 26px; } [data-blotid][data-type="radiobox"] [contenteditable]:after { border-radius: 50%; } [data-blotid][data-type="selectbox"] { position: relative; } [data-blotid][data-type="selectbox"]:after { background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/arrow.svg) no-repeat 50% / cover; content: ""; height: 6px; left: auto; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 10px; } [data-blotid][data-type="selectbox"] input[type="text"] { box-sizing: border-box; padding-right: 14px; } [data-blotid][data-type="selectbox"] textarea { border-color: #c3cad8; border-radius: 4px; color: inherit; font-family: inherit; outline: none; resize: vertical; transition: border-color 0.2s; width: 100%; } [data-blotid][data-type="selectbox"] textarea:active, [data-blotid][data-type="selectbox"] textarea:focus { border-color: #929eb8; } [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton { background-color: #f2f3f4; border: none; border-radius: 4px; color: #1c2643; cursor: pointer; font-size: 12px; outline: none; padding: 4px 10px; transition: background-color 0.3s; } [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton:hover { background-color: #dcdfe1; } [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton * { display: inline-block; pointer-events: none; vertical-align: middle; } [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton img { height: 14px; width: 14px; } [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton img + span { margin-left: 6px; } [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton img.arrow { height: 6px; width: 10px; } [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton span + img { margin-left: 12px; } [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton + button { margin-left: 4px; } [data-blotid][data-type="selectbox"] .qb-selectbox-options { display: none; padding-top: 4px; position: absolute; z-index: 2; } .FITB.formRender { line-height: 2; width: 100%; } .FITB.formRender img { max-width: 100%; } .FITB.formRender p { margin: 0; } .FITB.rightPanelOpen .qb-checkbox:before, .FITB.rightPanelOpen .qb-datebox:before, .FITB.rightPanelOpen .qb-radiobox:before, .FITB.rightPanelOpen .qb-selectbox:before, .FITB.rightPanelOpen .qb-signaturebox:before, .FITB.rightPanelOpen .qb-textbox:before, .FITB.rightPanelOpen .qb-timebox:before { max-width: 100px; opacity: 1; padding: 0 4px; transition: max-width 0.2s, padding 0.2s, opacity 0.1s 0.1s; } .FITB:not(.formRender) .qb-datebox input, .FITB:not(.formRender) .qb-selectbox input, .FITB:not(.formRender) .qb-signaturebox input, .FITB:not(.formRender) .qb-textbox input, .FITB:not(.formRender) .qb-timebox input { box-sizing: content-box; } .FITB:not(.formRender) .qb-datebox input:not([data-labelid]), .FITB:not(.formRender) .qb-selectbox input:not([data-labelid]), .FITB:not(.formRender) .qb-signaturebox input:not([data-labelid]), .FITB:not(.formRender) .qb-textbox input:not([data-labelid]), .FITB:not(.formRender) .qb-timebox input:not([data-labelid]) { color: #8c98af; } .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) .FITB-button.formFields, .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) .ql-picker-label { color: #fff; } .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) .ql-picker-label .ql-fill, .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) button .ql-fill { fill: hsla(0, 0%, 100%, 0.7); } .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) .ql-picker-label .ql-stroke, .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) button .ql-stroke { stroke: hsla(0, 0%, 100%, 0.7); } span[data-type="datebox"], span[data-type="signaturebox"], span[data-type="timebox"] { position: relative; } span[data-type="datebox"] input[type="text"], span[data-type="signaturebox"] input[type="text"], span[data-type="timebox"] input[type="text"] { padding-right: 12px; } span[data-type="datebox"]:after, span[data-type="signaturebox"]:after, span[data-type="timebox"]:after { content: ""; height: 12px; left: auto; pointer-events: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; } span[data-type="datebox"] input[data-format] { min-width: 120px !important; } span[data-type="datebox"]:after { background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/date.svg) no-repeat 50% / contain; } span[data-type="signaturebox"]:after { background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/signature.svg) no-repeat 50% / cover; } span[data-type="signaturebox"] .FITB-sign-button { border-bottom: 1px solid #c3cad8; cursor: pointer; display: inline-block; min-height: 17px; min-width: 120px; outline: none; } span[data-type="signaturebox"] label { font-size: 10px !important; transform: translateY(100%); } span[data-type="signaturebox"] .form-validation-error ~ .FITB-sign-button { border-color: #ff4e5d; } span.FITB-inptCont { display: inline-block; line-height: normal; position: relative; } span.FITB-inptCont * { line-height: normal; vertical-align: middle; } span.FITB-inptCont[data-type="checkbox"] label, span.FITB-inptCont[data-type="radiobox"] label { color: #1c2643; cursor: pointer; display: inline-block; padding-left: 26px; } span.FITB-inptCont[data-type="checkbox"] label:before, span.FITB-inptCont[data-type="radiobox"] label:before { background-color: #fff; border: 1px solid #c3cad8; border-radius: 2px; box-sizing: border-box; content: ""; height: 18px; left: 4px; pointer-events: none; position: absolute; right: auto; top: 50%; transform: translateY(-50%); transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; width: 18px; } span.FITB-inptCont[data-type="checkbox"] label:after, span.FITB-inptCont[data-type="radiobox"] label:after { content: ""; opacity: 0; transition: opacity 0.2s, transform 0.2s; } span.FITB-inptCont[data-type="checkbox"] input:checked ~ label:after, span.FITB-inptCont[data-type="radiobox"] input:checked ~ label:after { opacity: 1; } span.FITB-inptCont[data-type="checkbox"] input:checked ~ label:before, span.FITB-inptCont[data-type="radiobox"] input:checked ~ label:before { border-color: #4573e3; } span.FITB-inptCont[data-type="checkbox"] label:after { background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/check.svg) no-repeat 50% / cover; height: 8px; left: 8px; position: absolute; right: auto; top: 50%; transform: translateY(-50%); width: 10px; } span.FITB-inptCont[data-type="checkbox"] input:checked ~ label:before { background-color: #4573e3; } span.FITB-inptCont[data-type="radiobox"] label:before { border-radius: 50%; } span.FITB-inptCont[data-type="radiobox"] label:after { background-color: #4573e3; border-radius: 50%; height: 12px; left: 7px; position: absolute; right: auto; top: 50%; transform: translateY(-50%); transform: translateY(-50%) scale(0); width: 12px; } span.FITB-inptCont[data-type="radiobox"] input:checked ~ label:after { transform: translateY(-50%) scale(1); } span.FITB-inptCont[data-type="textbox"] input { min-width: 120px !important; } span.FITB-inptCont[data-type="textbox"][data-grouptype="control_fullname"] input { min-width: 90px; } span.FITB-inptCont[data-type="signaturebox"] { vertical-align: text-bottom; } span.FITB-inptCont[data-type="signaturebox"] img { max-height: 2em; max-width: calc(100% - 12px); } span.FITB-inptCont[data-type="datebox"] input, span.FITB-inptCont[data-type="signaturebox"] input, span.FITB-inptCont[data-type="textbox"] input, span.FITB-inptCont[data-type="timebox"] input { display: block; } span.FITB-inptCont[data-type="datebox"] input:focus ~ label, span.FITB-inptCont[data-type="datebox"] input:valid ~ label, span.FITB-inptCont[data-type="signaturebox"] input:focus ~ label, span.FITB-inptCont[data-type="signaturebox"] input:valid ~ label, span.FITB-inptCont[data-type="textbox"] input:focus ~ label, span.FITB-inptCont[data-type="textbox"] input:valid ~ label, span.FITB-inptCont[data-type="timebox"] input:focus ~ label, span.FITB-inptCont[data-type="timebox"] input:valid ~ label { color: #6e7d9a; font-size: 10px; left: 0; transform: translateY(100%); } span.FITB-inptCont[data-type="datebox"] label, span.FITB-inptCont[data-type="signaturebox"] label, span.FITB-inptCont[data-type="textbox"] label, span.FITB-inptCont[data-type="timebox"] label { color: #8c98af; content: attr(data-label); font-size: 0.875em; font-weight: 400; height: 100%; left: 4px; max-width: 100%; overflow: hidden; pointer-events: none; position: absolute; right: auto; text-overflow: ellipsis; top: 0; transition: transform 0.1s, font-size 0.1s, color 0.1s, left 0.1s; white-space: nowrap; width: auto; } span.FITB-inptCont[data-type="datebox"] input.conditionallyDisabled ~ label, span.FITB-inptCont[data-type="signaturebox"] input.conditionallyDisabled ~ label, span.FITB-inptCont[data-type="textbox"] input.conditionallyDisabled ~ label, span.FITB-inptCont[data-type="timebox"] input.conditionallyDisabled ~ label { color: #6e7d9a; font-size: 10px; left: 0; transform: translateY(100%); } span.FITB-inptCont[data-type="datebox"] label, span.FITB-inptCont[data-type="timebox"] label { width: calc(100% - 12px); } span.FITB-inptCont[data-type="datebox"] img.icon-liteMode, span.FITB-inptCont[data-type="timebox"] img.icon-liteMode { cursor: pointer; height: 12px; left: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; z-index: 1; } span.FITB-inptCont[data-type="datebox"] input:-ms-input-placeholder, span.FITB-inptCont[data-type="timebox"] input:-ms-input-placeholder { opacity: 0; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } span.FITB-inptCont[data-type="datebox"] input::-ms-input-placeholder, span.FITB-inptCont[data-type="timebox"] input::-ms-input-placeholder { opacity: 0; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } span.FITB-inptCont[data-type="datebox"] input::placeholder, span.FITB-inptCont[data-type="timebox"] input::placeholder { opacity: 0; transition: opacity 0.2s; } span.FITB-inptCont[data-type="datebox"] input:focus:-ms-input-placeholder, span.FITB-inptCont[data-type="datebox"] input:valid:-ms-input-placeholder, span.FITB-inptCont[data-type="timebox"] input:focus:-ms-input-placeholder, span.FITB-inptCont[data-type="timebox"] input:valid:-ms-input-placeholder { opacity: 1; } span.FITB-inptCont[data-type="datebox"] input:focus::-ms-input-placeholder, span.FITB-inptCont[data-type="datebox"] input:valid::-ms-input-placeholder, span.FITB-inptCont[data-type="timebox"] input:focus::-ms-input-placeholder, span.FITB-inptCont[data-type="timebox"] input:valid::-ms-input-placeholder { opacity: 1; } span.FITB-inptCont[data-type="datebox"] input:focus::placeholder, span.FITB-inptCont[data-type="datebox"] input:valid::placeholder, span.FITB-inptCont[data-type="timebox"] input:focus::placeholder, span.FITB-inptCont[data-type="timebox"] input:valid::placeholder { opacity: 1; } span.FITB-inptCont[data-type="selectbox"] select, span.FITB-inptCont[data-type="timebox"] select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/arrow.svg) no-repeat calc(100% - 2px) / 10px; border-color: #c3cad8; border-width: 0 0 1px; color: #1c2643; cursor: pointer; font-size: 0.875em; min-width: 120px; outline: none; padding: 1px 14px 1px 4px; } span.FITB-inptCont[data-type="selectbox"] select:invalid, span.FITB-inptCont[data-type="timebox"] select:invalid { color: #8c98af; } span.FITB-inptCont[data-type="selectbox"] select.form-dropdown, span.FITB-inptCont[data-type="timebox"] select.form-dropdown { height: auto; } span.FITB-inptCont[data-type="selectbox"] select.form-dropdown { min-width: 120px; } span.FITB-inptCont[data-type="timebox"] .FITB-inptCont-inner { display: inline-block; position: relative; } span.FITB-inptCont[data-type="timebox"] .FITB-inptCont-inner:after { background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/time.svg) no-repeat 50% / cover; content: ""; height: 12px; left: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; } span.FITB-inptCont[data-type="timebox"] input[type="text"] { display: inline-block; min-width: 64px !important; } span.FITB-inptCont[data-type="timebox"] select { margin-left: 4px; min-width: 0; min-width: auto; } span.FITB-inptCont .newDefaultTheme-dateIcon { opacity: 0; } [data-qtype="control_inline"][data-version="v2"].calendar.popup { margin-top: -90px; min-width: 300px; } [data-qtype="control_inline"][data-version="v2"].calendar.popup .calendar-new-month, [data-qtype="control_inline"][data-version="v2"].calendar.popup .calendar-new-year { padding-right: 28px; } [data-qtype="control_inline"][data-version="v2"].calendar.popup:before { height: 100%; top: 0; } @keyframes contextAppear { 0% { opacity: 0.8; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } *, :after, :before { box-sizing: border-box; } :focus { outline: 0; } input, select, textarea { outline: 0; margin: 0; text-align: left; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } img { max-width: 100%; } a { text-decoration: none; } textarea::-webkit-resizer { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.852.148a.504.504 0 00-.713 0L.148 5.139a.504.504 0 10.713.713L5.852.861a.504.504 0 000-.713zM5.86 3.14a.48.48 0 00-.68 0L3.142 5.18a.48.48 0 10.68.68L5.86 3.82a.48.48 0 000-.68z' fill='%23C3CAD8'/%3E%3C/svg%3E"); background-size: 7px; background-repeat: no-repeat; background-position: 50%; } select::-ms-expand { display: none; } button { outline: 0; } :-ms-input-placeholder { color: #8894ab; font-weight: 300; } ::-ms-input-placeholder { color: #8894ab; font-weight: 300; } ::placeholder { color: #8894ab; font-weight: 300; } .form-dropdown:first-child { color: #8894ab; font-weight: 300; } .form-dropdown.is-active { color: #000; } .form-dropdown:required:invalid { color: #8894ab; font-weight: 300; } .form-line.isSelected [contenteditable="true"]:not(.inlineEditNotEmpty):empty:after { white-space: nowrap; } .JotFormBuilder #stage [contenteditable] { -webkit-user-select: text; -ms-user-select: text; user-select: text; } @supports (-webkit-overflow-scrolling: touch) { input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), not all { body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } } .form-all { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 72px auto; width: 100%; } .isEmbeddedInPortal body { margin: 0; background-color: transparent; } .isEmbeddedInPortal .form-all { background-color: transparent; max-width: 100%; } .isEmbeddedInPortal.supernova .form-all { border: none; } li:not([data-payment="true"]) [data-wrapper-react="true"] { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .form-line { padding: 12px 10px; margin: 12px 4px; border-radius: 3px; position: relative; width: 100%; transition: background-color 0.15s; } .form-line, ul.page-section { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; } ul.page-section { margin: 0; padding: 0 38px; list-style: none; } .form-line-column { width: calc(50% - 8px); } .form-line-column [data-layout="half"].form-input-wide { width: 100%; } .isBuilder .form-line-column.fixed-width { -ms-flex-preferred-size: auto; flex-basis: auto; } .form-line-column:not(.form-line-error):not(.form-line-column-clear).fixed-width { width: auto; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; white-space: nowrap; } .form-line-column.form-line-column-clear { width: calc(50% - 7px); } .form-input { width: calc(100% - 240px); } .always-hidden { display: none !important; } .page-section > li:first-child:not(.form-line-column):not([data-type="control_head"]):not([data-type="control_payment"]):not([data-type="control_text"]):not([data-type="control_button"]):not([data-type="control_collapse"]), .page-section > li:nth-child(2):not(.form-line-column):not([data-type="control_head"]):not([data-type="control_paymrnt"]):not([data-type="control_text"]):not([data-type="control_button"]):not([data-type="control_collapse"]) { margin-top: 28px; } .page-section > li:first-child:not(.form-line-column):not([data-type="control_head"]):not([data-type="control_payment"]):not([data-type="control_text"]):not([data-type="control_button"]):not([data-type="control_collapse"]) + li:nth-child(2):not(.form-line-column):not([data-type="control_head"]):not([data-type="control_payment"]):not([data-type="control_text"]):not([data-type="control_button"]):not([data-type="control_collapse"]) { margin-top: 12px; } .form-label { display: inline-block; font-size: 16px; font-weight: 500; word-break: break-word; } .form-required { margin-left: 4px; } .form-sub-label { font-size: 0.75em; margin-top: 11px; margin-left: 2px; display: block; word-break: break-word; } .form-sub-label b { color: #57647e; font-weight: 500; } label[for$="_dummy"] { white-space: nowrap; color: #57647e; font-size: 14px; } .form-sub-label:empty { display: none; } .form-label-top { width: 100%; margin-left: 2px; margin-bottom: 14px; } .form-label-right { -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .form-sub-label-container { -ms-flex: 1 1 100%; flex: 1 1 100%; } .form-sub-label-container + .form-sub-label-container { margin-left: 8px; } .form-label:not(.form-label-top) { width: 230px; margin-right: 10px; margin-top: 0.625em; margin-bottom: 0.625em; } li[data-type="control_checkbox"] .form-label:not(.form-label-top), li[data-type="control_radio"] .form-label:not(.form-label-top) { margin-top: 0; } .stripe-payment-wrapper .overlay-content + .form-sub-label-container { width: calc(50% - 14px); } li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container { margin-left: 24px; } .form-input-wide { width: 100%; } li.form-line:not(.form-line-column) .form-input-wide[data-layout="half"] { width: calc(50% - 14px); } .fixed-width.form-line:not(.form-line-column) .form-input-wide[data-layout="half"] { width: 100%; } li.form-line[data-type="control_signature"]:not(.form-line-column):not(.fixed-width) .form-input-wide { width: calc(50% - 14px); } .form-line:not(.fixed-width) .form-dropdown, .form-line:not(.fixed-width) .form-spinner, .form-line:not(.fixed-width) .form-textarea, .form-line:not(.fixed-width) .form-textbox:not(.time-dropdown):not(#productSearch-input), .form-line:not(.fixed-width) .signature-pad-passive { min-width: 100%; max-width: 100%; } .form-description .form-description-content { word-break: break-word; } .form-error-message { color: #fff; background-color: #f23a3c; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14.515a7 7 0 110-14 7 7 0 010 14zm-.814-5.86h1.628v-5.21H6.186v5.21zM7 11.259a.82.82 0 00.814-.824A.816.816 0 007 9.631a.813.813 0 100 1.628z' fill='%23fff'/%3E%3C/svg%3E"); font-size: 0.75em; margin-top: 8px; border-radius: 4px; background-size: 0.875em; background-position: 0.375em; background-repeat: no-repeat; display: inline-block; width: auto; padding: 0.25em 0.5em 0.25em 1.625em; } .form-error-message img { display: none; } .form-button-error { display: none; padding-left: 8px; font-size: 14px; -ms-flex-align: center; align-items: center; } .error-navigation-container { background-color: rgba(242, 58, 60, 0.94); animation-name: fadeIn; animation-duration: 0.3s; animation-fill-mode: both; color: #fff; width: 100%; position: fixed; transition: 0.3s; top: 0; left: 0; z-index: 1001; } .error-navigation-message { -ms-flex: 1; flex: 1; } .error-navigation-container.is-success { color: #2c3345; background-color: rgba(201, 251, 203, 0.95); } .error-navigation-inner { max-width: 752px; background-position: 0; display: -ms-flexbox; display: flex; padding: 10px; -ms-flex-align: center; align-items: center; transition-property: background-color, background-size, background-position, padding; transition-duration: 0.2s; margin: 0 auto; } .error-navigation-container button { height: 40px; padding: 0 20px; border: 0; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer; background-color: #fff; color: #2c3345; } button.error-navigation-done-button { background-color: #18bd5b; color: #fff; } .error-navigation-container.is-success .error-navigation-inner { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%2318BD5B'/%3E%3Cpath d='M7 13l3.556 4 7.11-8' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: 10px; background-repeat: no-repeat; padding-left: 45px; } .error-navigation-message strong { background-color: #fff; color: #2c3345; font-size: 14px; font-weight: 600; padding: 4px 10px; border-radius: 20px; } @keyframes fadeIn { 0% { transform: translateY(-100px); } to { transform: translateY(0); } } .form-textbox { padding: 0 0.625em; } div.widearea-wrapper { display: block; } .form-dropdown { padding: 0 1.875em 0 0.625em; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2357647E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: right 10px bottom 50%; background-size: 0.625em; background-repeat: no-repeat; } .form-textarea { padding: 0.625em; min-height: 2.5em; max-width: 100%; font-family: inherit; } .form-dropdown, .form-textarea, .form-textbox:not(#productSearch-input), .signature-wrapper { font-size: 1em; border-radius: 4px; border-width: 1px; border-style: solid; display: block; min-width: 100%; } .fixed-width .form-dropdown, .fixed-width .form-textarea, .fixed-width .form-textbox { max-width: 100%; min-width: unset; } .fixed-width .form-spinner-input.form-textbox { min-width: 100%; } .form-dropdown:not([size]), .form-textbox { height: 2.5em; } .widearea-overlayLayer .form-textarea { min-width: unset; } .form-checkbox-item label, .form-radio-item label { width: 100%; padding-right: 5px; word-break: break-word; } .form-matrix-values .form-checkbox, .form-matrix-values .form-radio { height: 20px; width: 20px; clip: auto; cursor: pointer; } .form-matrix-values .form-checkbox + label, .form-matrix-values .form-checkbox + span, .form-matrix-values .form-radio + label, .form-matrix-values .form-radio + span { pointer-events: none; } .form-checkbox, .form-radio { position: absolute; opacity: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .form-checkbox + label, .form-checkbox + span, .form-radio + label, .form-radio + span { padding-left: 30px; min-height: 20px; font-size: 0.9375em; position: relative; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; word-break: break-word; } .form-checkbox + label:before, .form-checkbox + span:before, .form-radio + label:before, .form-radio + span:before { width: 20px; height: 20px; border: 1px solid; content: ""; position: absolute; top: 0; left: 0; } .form-checkbox + label:after, .form-checkbox + span:after, .form-radio + label:after, .form-radio + span:after { transform: scale(0); opacity: 0; transition: transform 0.2s, opacity 0.2s; } .form-line .form-checkbox-item .form-checkbox-other.form-textbox + label, .form-line .form-radio-item .form-radio-other.form-textbox + label { display: none; } .form-multiple-column, .form-single-column { width: 100%; display: inline-block; } .form-multiple-column .form-checkbox-item, .form-multiple-column .form-radio-item, .form-single-column .form-checkbox-item, .form-single-column .form-radio-item { float: left; } .form-multiple-column .form-checkbox-item:not(.formCheckboxOther):not(:last-child), .form-multiple-column .form-radio-item:not(.formRadioOther):not(:last-child), .form-single-column .form-checkbox-item:not(.formCheckboxOther):not(:last-child), .form-single-column .form-radio-item:not(.formRadioOther):not(:last-child) { margin-bottom: 10px; } .formCheckboxOther, .formRadioOther { width: 100%; } .isSelected .formCheckboxOther, .isSelected .formRadioOther { margin-top: 10px; } .form-multiple-column[data-columncount="2"] .form-checkbox-item, .form-multiple-column[data-columncount="2"] .form-radio-item { width: 50%; } .form-multiple-column[data-columncount="3"] .form-checkbox-item, .form-multiple-column[data-columncount="3"] .form-radio-item { width: 33.33%; } .form-multiple-column[data-columncount="4"] .form-checkbox-item, .form-multiple-column[data-columncount="4"] .form-radio-item { width: 25%; } .form-multiple-column[data-columncount="5"] .form-checkbox-item, .form-multiple-column[data-columncount="5"] .form-radio-item { width: 20%; } .form-radio + label, .form-radio + span { display: inline-block; } .form-radio + label:before, .form-radio + span:before { border-radius: 50%; transition: border-color 0.15s; } .form-radio + label:after, .form-radio + label div:after, .form-radio + span:after, .form-radio + span div:after { top: 3px; left: 3px; width: 14px; height: 14px; content: ""; position: absolute; border-radius: 50%; } .form-checkbox + label, .form-checkbox + span { display: inline-block; } .form-checkbox + label:before, .form-checkbox + span:before, .form-checkbox:checked + label:after, .form-checkbox:checked + span:before { border-radius: 2px; transition: background-color 0.15s, border-color 0.15s; width: 20px; height: 20px; } .form-checkbox:checked + label:after, .form-checkbox:checked + span:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); content: ""; position: absolute; top: 0; left: 0; background-size: 10px; background-position: 50%; background-repeat: no-repeat; } .form-checkbox:checked + label:after, .form-radio:checked + label:after { opacity: 1; transform: scale(1); } .form-radio:checked + label:before, .form-radio:checked + span:before { border-color: #2e69ff; } .other-input-container { display: inline-block; width: 100%; margin-top: 10px; } .other-input-container.is-none { display: none; } .appointmentDayPickerButton, .appointmentField .timezonePickerName { border: 1px solid transparent; } .form-address-table { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-address-line { display: -ms-flexbox; display: flex; -ms-flex: 1 1 50%; flex: 1 1 50%; } .form-address-line.form-address-street-line { -ms-flex: 1 1 100%; flex: 1 1 100%; } .form-address-line .form-sub-label-container { display: block; } .form-address-line + .form-address-line { margin-left: 24px; } .form-address-line-wrapper { display: -ms-flexbox; display: flex; width: 100%; } .form-address-hiddenLine + .form-address-line { margin-left: 0; } .form-address-line-wrapper + .form-address-line-wrapper { margin-top: 24px; } .form-label:not(.form-label-top) + .form-input .form-address-line + .form-address-line { margin-left: 8px; } .form-address-country, .form-address-line input { width: 100%; } .page-section li[data-type="control_button"] { padding: 0; margin: 0; background-color: transparent; } .jf-form-buttons { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 3em; width: auto; min-width: 128px; color: #2c3345; font-size: 1em; border-radius: 4px; background-color: transparent; border: 1px solid; cursor: pointer; font-weight: 500; } .jf-form-buttons:not(.form-pagebreak-back) { margin-left: 10px; } .badge-wrapper { -ms-flex-pack: end; justify-content: flex-end; padding: 14px 20px; background: rgba(229, 231, 242, 0.25); border-top: 1px solid #e5e7f2; } .accessibility-badge-wrapper, .badge-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .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-title { color: #0e7abe; font-weight: 700; font-size: 14px; } .a11y-subtitle { color: #c1bdbc; font-weight: 400; font-size: 13px; letter-spacing: 0.03em; } .form-buttons-wrapper, .form-submit-clear-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 -38px 10px; padding: 30px 52px; border-top: 1px solid; } .form-buttons-left { -ms-flex-pack: start; justify-content: flex-start; } .form-buttons-right { -ms-flex-pack: end; justify-content: flex-end; } li[data-type="control_button"].form-line-column .form-buttons-wrapper { padding: 27px 44px; } .form-submit-button.icon-encrypt:not(.form-sacl-button) { position: relative; } .form-submit-button.icon-encrypt:not(.form-sacl-button):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-line[data-type="control_button"][paypal-button-status="show"] .form-submit-button:not(.form-sacl-button) { display: none !important; } li[data-type="control_button"] .form-buttons-wrapper .form-submit-button-img { background: none; border: none; box-shadow: none; } li[data-type="control_button"] .form-buttons-wrapper .form-submit-button-img:hover { background: none; } .form-submit-clear-wrapper { padding: 1em 52px; -ms-flex-pack: start; justify-content: flex-start; } .submit-button { width: auto; min-width: 180px; } .form-submit-clear-wrapper .form-submit-reset { border: 0; width: auto; height: auto; font-size: 0.875em; font-weight: 400; background-color: transparent; padding: 0; margin-left: 0; } .form-submit-print { width: auto; min-width: 98px; margin-left: 0; } .form-submit-print img { display: none; } .form-sacl-button { width: auto; min-width: 98px; } li[data-type="control_head"] { list-style: none; } .form-header { margin: 0; font-weight: 600; line-height: 1.45; } .header-text { -ms-flex-positive: 1; flex-grow: 1; } .httar { text-align: right; } .httal { text-align: left; } .httac { text-align: center; } .htvam { margin-top: auto; } .htvam, .htvat { margin-bottom: auto; } .htvab { margin-top: auto; } .form-subHeader { font-weight: 500; line-height: 1.6; } .form-header-group { border-bottom: 1px solid; padding: 14px; margin-top: 1.25em; margin-bottom: 0.75em; } div.header-large { margin: 0 -38px; padding: 2.5em 52px; } .header-large .form-header { font-size: 2em; } .header-large .form-subHeader { font-size: 1em; } .header-default .form-header { font-size: 1.25em; margin-bottom: 4px; } .header-default .form-subHeader { font-size: 0.875em; margin-bottom: 4px; } .header-small .form-header { font-size: 1.125em; } .header-small .form-subHeader { font-size: 0.75em; } .form-header-group[data-imagealign] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .form-header-group[data-imagealign="Right"] .header-logo { margin-left: auto; } .form-header-group[data-imagealign="Right"] .header-text { margin-right: 1.25em; } .form-header-group[data-imagealign="Left"] .header-text { margin-left: 1.25em; } .form-header-group[data-imagealign="Top"] { -ms-flex-direction: column; flex-direction: column; } .form-header-group[data-imagealign="Top"] .header-text { margin-top: 1.25em; width: 100%; } .form-header-group .header-logo img { max-width: none; } body.JotFormBuilder .appContainer #app li.form-line[data-type="control_matrix"].isSelected .form-matrix-column-headers, body.JotFormBuilder .appContainer #app li.form-line[data-type="control_matrix"].isSelected .form-matrix-row-headers { padding: 12px 22px 12px 12px; } li[data-type="control_matrix"] .form-input-wide { overflow-x: auto; } .form-matrix-values label.matrix-choice-label { padding-left: 20px; vertical-align: text-bottom; display: inline-block; } li[data-type="control_matrix"] .form-dropdown, li[data-type="control_matrix"] .form-textbox { font-size: 0.875em; border-radius: 0; border-color: transparent; } li[data-type="control_matrix"] .form-dropdown:focus, li[data-type="control_matrix"] .form-dropdown:hover, li[data-type="control_matrix"] .form-textbox:focus, li[data-type="control_matrix"] .form-textbox:hover { position: relative; z-index: 1; } .form-matrix-table { width: 100%; border-spacing: 0; text-align: left; } .form-matrix-headers { position: relative; font-size: 0.75em; font-weight: 500; padding: 12px; } .form-matrix-headers.form-matrix-column-headers { text-align: center; border-top: 1px solid #c3cad8; } .form-matrix-values { text-align: center; padding: 0; position: relative; } .JotFormBuilder #stage .form-matrix-values { pointer-events: none; } .form-matrix-headers, .form-matrix-values { border-left: 1px solid; border-bottom: 1px solid; } .form-matrix-column-headers:last-child { border-radius: 0 4px 0 0; } .isSelected .form-matrix-column-headers:nth-last-of-type(2) { border-right: 1px solid #c3cad8; border-radius: 0 4px 0 0; } .form-matrix-column_0 { border-radius: 4px 0 0; } .form-matrix-column_0:last-child { border-radius: 4px 4px 0 0; } .form-matrix-table td:last-child, .form-matrix-table th:last-child { border-right: 1px solid; } .form-matrix-table tr:last-child td, .form-matrix-table tr:last-child th { border-bottom: 1px solid; } .form-matrix-table tr:last-child .form-matrix-row-headers { border-radius: 0 0 0 4px; } .form-matrix-table tr:last-child td:last-of-type, .form-matrix-table tr:last-child td:last-of-type .form-dropdown, .form-matrix-table tr:last-child td:last-of-type .form-textbox { border-radius: 0 0 4px; } .form-matrix-table tr:not([role="group"]) + tr[role="group"] th { border-top: 1px solid; } .form-matrix-table tr:not([role="group"]) + tr[role="group"] .form-matrix-row-headers { border-radius: 4px 0 0; } .form-matrix-table tr:not([role="group"]) + tr[role="group"]:last-child .form-matrix-row-headers { border-radius: 4px 0 0 4px; } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .form-matrix-values .form-checkbox, .form-matrix-values .form-radio { left: calc(50% - 10px); top: auto; } } [data-input-type="areaCode"] { -ms-flex: 1 1 30%; flex: 1 1 30%; } [data-input-type="phone"] { -ms-flex: 1 1 70%; flex: 1 1 70%; } li[data-type="control_phone"] .form-sub-label-container input { width: 100%; } li[data-type="control_phone"] div.extended [data-input-type="countryCode"], li[data-type="control_phone"] div.extended [data-input-type="countryCode"] + [data-input-type="areaCode"] { -ms-flex: 1 1 20%; flex: 1 1 20%; } li[data-type="control_phone"] div.extended [data-input-type="phone"] { -ms-flex: 1 1 35%; flex: 1 1 35%; } .phone-separate { display: none; } .form-spinner { position: relative; max-width: 100%; } .form-spinner-button { width: 2.25em; cursor: pointer; position: absolute; top: 1px; height: calc(100% - 2px); } .form-spinner-button:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .form-spinner-button.form-spinner-up { border-radius: 0 3px 3px 0; right: 1px; } .form-spinner-button.form-spinner-up:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 12.4v-5h5a.5.5 0 000-1h-5v-5a.5.5 0 00-1 0v5h-5a.5.5 0 000 1h5v5a.5.5 0 001 0z' fill='%2357647E' stroke='%2357647E' stroke-width='.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 14px; height: 14px; } .form-spinner-button.form-spinner-down { border-radius: 3px 0 0 3px; left: 1px; } .form-spinner-button.form-spinner-down:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 1.4h-11a.5.5 0 010-1h11a.5.5 0 010 1z' fill='%2357647E' stroke='%2357647E' stroke-width='.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 14px; height: 2px; } .form-spinner-image { display: none; } .form-spinner-input { -moz-appearance: textfield; } .form-spinner-input::-webkit-inner-spin-button, .form-spinner-input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .form-spinner-input:focus, .form-spinner-input:hover { -moz-appearance: number-input; } .form-spinner-input { padding: 0 3.15em; border: 1px solid; text-align: center; } .form-spinner-input:focus, .form-spinner-input:hover { border: 1px solid; } li[data-type="control_spinner"] div[data-wrapper-react="true"] > div { max-width: 100%; } li[data-type="control_text"] { font-size: 0.9375em; line-height: 1.6; word-break: break-word; } li[data-type="control_text"] ul li { list-style: disc outside; } .form-line-column .mce-listbox button { padding-right: 0; } .signature-pad-wrapper { box-sizing: content-box; text-align: right; border-radius: 4px; max-width: 100%; } .signature-pad-wrapper .form-sub-label { text-align: left; } .signature-wrapper { max-width: 100%; background-color: #fff; } .signature-wrapper .pad { max-width: 100%; } .signature-wrapper .pad .form-validation-error { box-shadow: 0 0 0 2px #ffa5a5; } .signature-pad-passive { width: 100%; background-color: #fff; border: 1px solid; } .jSignature { max-width: 100%; overflow: hidden; } .signature-placeholder { position: relative; } .signature-placeholder:after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.105 8.924h1.482c-.045-1.63-1.487-2.814-3.555-2.814-2.043 0-3.61 1.168-3.61 2.923 0 1.417 1.015 2.247 2.65 2.69l1.204.328c1.089.288 1.929.646 1.929 1.551 0 .994-.95 1.65-2.257 1.65-1.183 0-2.168-.526-2.257-1.635h-1.542c.1 1.845 1.527 2.983 3.809 2.983 2.391 0 3.768-1.258 3.768-2.983 0-1.834-1.635-2.545-2.928-2.864l-.994-.258c-.796-.204-1.855-.577-1.85-1.551 0-.865.79-1.507 2.043-1.507 1.169 0 1.999.547 2.108 1.487zM77.443 16.431h1.486V8.795h-1.486v7.636zm.75-8.815c.512 0 .94-.397.94-.885 0-.487-.428-.89-.94-.89-.517 0-.94.403-.94.89s.423.886.94.886zM84.13 19.439c1.945 0 3.446-.89 3.446-2.839V8.795h-1.457v1.238h-.11c-.263-.473-.79-1.338-2.211-1.338-1.845 0-3.202 1.457-3.202 3.888 0 2.436 1.387 3.734 3.192 3.734 1.402 0 1.943-.79 2.212-1.278h.094v1.501c0 1.179-.82 1.7-1.949 1.7-1.237 0-1.72-.62-1.983-1.043l-1.278.527c.403.92 1.422 1.715 3.247 1.715zm-.014-4.355c-1.328 0-2.019-1.02-2.019-2.52 0-1.467.676-2.606 2.019-2.606 1.297 0 1.993 1.059 1.993 2.605 0 1.576-.71 2.52-1.993 2.52zM91.056 11.897c0-1.218.746-1.914 1.78-1.914 1.01 0 1.62.661 1.62 1.77v4.678h1.487v-4.857c0-1.89-1.039-2.879-2.6-2.879-1.149 0-1.9.532-2.252 1.343h-.095V8.795H89.57v7.636h1.486v-4.534zM101.761 16.431h1.536v-4.44h5.076v4.44h1.542V6.249h-1.542v4.425h-5.076V6.249h-1.536v10.182zM115.324 16.585c1.665 0 2.843-.82 3.181-2.063l-1.407-.254c-.268.721-.914 1.09-1.759 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.651-3.838-3.381-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.635 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.053-2.024 1.154 0 1.909.855 1.914 2.024h-3.967zM120.249 16.431h1.487v-4.663c0-1 .77-1.72 1.824-1.72.309 0 .657.054.776.089V8.715a6.07 6.07 0 00-.632-.035c-.894 0-1.66.507-1.938 1.328h-.08V8.795h-1.437v7.636zM128.64 16.585c1.665 0 2.844-.82 3.182-2.063l-1.407-.254c-.269.721-.915 1.09-1.76 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.65-3.838-3.38-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.634 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.054-2.024 1.153 0 1.909.855 1.914 2.024h-3.968z' fill='%238894AB'/%3E%3Cpath d='M1 38.602c11.246 3.197 22.182-.99 31.508-7.172 4.932-3.27 9.826-7.183 12.825-12.341 1.195-2.057 2.656-5.626-1.106-5.658-4.093-.034-7.14 3.662-8.668 7.022-2.19 4.819-2.268 10.526.407 15.17 2.531 4.395 6.778 6.474 11.845 5.62 5.293-.893 9.92-4.508 13.765-7.986a40.714 40.714 0 003.966-4.093c.142-.17.642-1.006.966-1.064.12-.021.298 3.643.33 3.843.288 1.79 1.191 3.806 3.305 3.867 2.69.078 4.94-2.172 6.75-3.83.61-.559 2.55-3.241 3.583-3.241.425 0 1.249 2.143 1.437 2.428 2.484 3.764 6.132 2.401 8.96-.238.52-.485 3.305-4.367 4.436-3.667.911.563 1.313 1.893 1.78 2.778.76 1.441 1.722 2.468 3.33 3.004 3.493 1.166 7.261-2.102 10.803-2.102 1.033 0 1.561.568 2.11 1.351.749 1.068 1.521 1.813 2.873 2.103 4.188.898 7.617-3.077 11.667-2.728 1.181.101 2.063 1.292 2.949 1.927 1.788 1.28 3.938 2.167 6.127 2.478 3.509.499 7.027-.162 10.447-.9 5.905-1.277 11.752-2.799 17.667-4.031' stroke='%23DFE3ED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23clip0)' fill='%23DFE3ED'%3E%3Cpath d='M196.514 17.657L184.491 3.13a.665.665 0 00-.938-.089l-2.905 2.405a.666.666 0 00-.089.938l12.023 14.526a.664.664 0 00.451.239.666.666 0 00.488-.15l2.905-2.405a.666.666 0 00.088-.938zM181.437 9.536l-10.582 2.869a.666.666 0 00-.472.48l-4.228 16.795 7.82-6.472a3.34 3.34 0 01.815-4.137 3.337 3.337 0 014.693.442 3.338 3.338 0 01-.442 4.694 3.322 3.322 0 01-2.438.75 3.335 3.335 0 01-1.778-.721l-7.82 6.471 17.289-1.014a.668.668 0 00.561-.374l4.796-9.859-8.214-9.924z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath transform='rotate(5.386 167.573 0)' fill='%23fff' d='M167.573 0h32v32h-32z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-size: 230px; background-repeat: no-repeat; background-position: 50%; } .clear-pad-btn { display: inline-block; background-color: #e7effe; font-size: 12px; cursor: pointer; color: #57647e; padding: 4px 10px; border-radius: 4px; margin-top: 4px; } .form-line[data-type="control_signature"] + .form-line[data-type="control_button"] { margin-top: 12px; } .allowTime-container { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding-left: 8px; -ms-flex-preferred-size: calc(50% + 14px); flex-basis: calc(50% + 14px); } .date-separate { display: none; } .notLiteMode .form-sub-label-container { max-width: 98px; } .notLiteMode .allowTime-container { padding: 0; } li[data-type="control_datetime"] .form-sub-label-container { position: relative; } li[data-type="control_datetime"].form-line-column .form-input { display: inline; } .allowTime-container > .form-sub-label-container:first-child { color: #57647e; line-height: 2.5em; font-size: 14px; width: 18px; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } li[data-type="control_datetime"] .extended div + .form-sub-label-container { -ms-flex-preferred-size: calc(50% - 14px); flex-basis: calc(50% - 14px); width: calc(50% - 14px); } li[data-type="control_datetime"] .hasAMPM { -ms-flex: 0 0 auto; flex: 0 0 auto; } li[data-type="control_datetime"] [data-wrapper-react="true"].extended > div + .form-sub-label-container .form-textbox, li[data-type="control_datetime"] [data-wrapper-react="true"]:not(.extended) .form-textbox:not(.time-dropdown) { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%2357647E'/%3E%3C/svg%3E"); background-size: 16px; padding-right: 36px; background-repeat: no-repeat; background-position: right 10px bottom 50%; } li[data-type="control_datetime"] [data-wrapper-react="true"].extended > div + .form-sub-label-container .form-textbox:-ms-input-placeholder, li[data-type="control_datetime"] [data-wrapper-react="true"]:not(.extended) .form-textbox:not(.time-dropdown):-ms-input-placeholder { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E"); } li[data-type="control_datetime"] [data-wrapper-react="true"].extended > div + .form-sub-label-container .form-textbox:placeholder-shown, li[data-type="control_datetime"] [data-wrapper-react="true"]:not(.extended) .form-textbox:not(.time-dropdown):placeholder-shown { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E"); } li[data-type="control_datetime"] .extended .allowTime-container + .form-sub-label-container, li[data-type="control_datetime"] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%2357647E'/%3E%3C/svg%3E"); height: 2.5em; border-radius: 4px; background-size: 16px; max-width: 32px; min-width: 32px; background-repeat: no-repeat; background-position: right 7px bottom 50%; position: relative; margin: 0 8px; } .time-dropdown { max-width: 86px; } .newDefaultTheme-dateIcon { height: 2.5em; width: 32px; position: absolute; right: 0; top: 0; cursor: pointer; opacity: 0; } .extended .newDefaultTheme-dateIcon { position: absolute; top: 0; right: 0; height: 100%; } .calendar.popup { margin-left: -40px; margin-top: -102px; z-index: 100000; background: #fff; border-radius: 0 0 4px 4px; } .calendar.popup:before { border: 1px solid; z-index: 2; top: -2.375em; pointer-events: none; border-radius: 4px; height: calc(100% + 2.375em); } .calendar.popup:after, .calendar.popup:before { content: ""; position: absolute; left: 0; width: 100%; } .calendar.popup:after { top: -1px; background-color: #c3cad8; height: 1px; } .todayButton { display: none; } .calendar.popup table { width: 100%; background-color: #fff; border: 0; border-spacing: 0; border-radius: 0 0 4px 4px; } .calendar-new-header { height: 48px; display: table-row; position: relative; } .calendar-new-header > * { position: absolute; width: 50%; height: 48px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; top: 0; font-size: 16px; font-weight: 500; color: #2c3345; } .calendar-new-header .button { color: transparent !important; width: 24px; height: 24px; position: absolute; background-size: 10px; padding: 0; background-repeat: no-repeat; right: 4px; cursor: pointer; } .calendar-new-header .nextMonth, .calendar-new-header .nextYear { top: 0; background-position: 50% calc(50% + 3px); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.598 5.337a.837.837 0 001.159-.02.834.834 0 000-1.179l-.667-.623-1.434-1.34L5.568.226a.837.837 0 00-1.135 0L.263 4.118c-.343.341-.35.87-.021 1.199a.832.832 0 001.155.02L5 1.974l3.598 3.362z' fill='%239FA1B8'/%3E%3C/svg%3E"); } .calendar-new-header .previousMonth, .calendar-new-header .previousYear { bottom: 0; background-position: 50% calc(50% - 3px); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.403.227a.837.837 0 00-1.159.02.834.834 0 000 1.178l.667.623 1.434 1.34 2.088 1.95a.837.837 0 001.135 0l4.17-3.893c.343-.34.35-.87.021-1.198a.832.832 0 00-1.155-.02L5.002 3.588 1.402.227z' fill='%239FA1B8'/%3E%3C/svg%3E"); } .calendar-new-month { left: 0; border-right: 1px solid; } .calendar-new-year { right: 0; } .calendar.popup th { background-color: #eef3ff; height: 48px; border: 0; color: #2e69ff; font-size: 12px; font-weight: 500; } .calendar.popup table tbody td { background: transparent; border-radius: 6px; font-size: 12px; box-shadow: inset 0 0 0 4px #fff; text-align: center; color: #2c3345; padding: 12px 8px; position: relative; z-index: 1; } .calendar.popup table tbody td:after { position: absolute; left: 5px; content: ""; top: 5px; width: calc(100% - 10px); height: calc(100% - 10px); background: #fff; border: 1px solid transparent; z-index: -1; border-radius: 4px; } .calendar tr.days td:hover:not(.unselectable):after { border-color: #2e69ff; } .calendar tr.days td.otherDay { color: #73758c; } .calendar tr.days td:hover:not(.unselectable) { color: #2e69ff; } .calendar.popup tr.days td.selected { color: #fff; } .calendar.popup tr.days td.selected:after { background-color: #2e69ff; } .calendar.popup tr.days td.today:not(.selected) { color: #2e69ff; } .calendar.popup tr.days td.today:not(.selected):after { border-color: #2e69ff; } .calendar.popup.extended { margin-top: -90px; max-width: 400px; } .calendar.popup.extended:before { height: 100%; top: 0; } .form-number-input { min-width: 100%; -moz-appearance: textfield; } .form-number-input::-webkit-inner-spin-button, .form-number-input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .form-number-input:focus, .form-number-input:hover { -moz-appearance: number-input; } .inputContainer { height: 132px; position: absolute; width: 100%; top: 0; left: 0; } .jfUpload-heading.forMobile { display: none; } .jfUpload-heading.forDesktop { display: block; } .fileupload-input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer; font-size: 0; } li[data-type="control_fileupload"] .qq-uploader { position: relative; } li[data-type="control_fileupload"] .form-label { word-break: break-word; } li[data-type="control_fileupload"] .qq-upload-button { border: 1px dashed; border-radius: 4px; height: 132px; font-size: 18px; position: relative; top: 0; left: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-weight: 600; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; word-break: break-word; overflow-x: scroll; } li[data-type="control_fileupload"] .qq-upload-button:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='39' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.375 12.188C31.5 5.688 26 .874 19.375.874 13.687.875 8.75 4.438 6.937 9.813 2.875 10.687 0 14.186 0 18.374c0 4.563 3.563 8.375 8.125 8.75h23.813c3.812-.375 6.812-3.625 6.812-7.5 0-3.688-2.75-6.875-6.375-7.438zm-6.313 3.5c-.125.124-.25.187-.437.187s-.313-.063-.438-.188L20 10.5v12.25c0 .375-.25.625-.625.625s-.625-.25-.625-.625V10.5l-5.188 5.188c-.25.25-.624.25-.874 0s-.25-.626 0-.876l6.25-6.25c.062-.062.125-.124.187-.124.125-.063.313-.063.5 0 .063.062.125.062.188.124l6.25 6.25c.25.25.25.626 0 .876z' fill='%23B3BCCD'/%3E%3C/svg%3E"); content: ""; width: 39px; height: 28px; margin-bottom: 16px; background-repeat: no-repeat; } li[data-type="control_fileupload"] .qq-upload-button-focus { border-style: solid; } li[data-type="control_fileupload"] .jfUpload-heading { font-size: 14px; color: #57647e; font-weight: 400; margin-top: 6px; } li[data-type="control_fileupload"] .inputContainer:focus { border-style: solid; border-width: 1px; } li[data-type="control_fileupload"] .qq-upload-list { padding: 0; list-style: none; } li[data-type="control_fileupload"] .qq-upload-list > li { height: 40px; line-height: 40px; font-size: 14px; display: -ms-flexbox; display: flex; font-weight: 500; } li[data-type="control_fileupload"] .qq-upload-list > li + li { margin-top: 10px; } li[data-type="control_fileupload"] .qq-upload-list > li:first-child { margin-top: 16px; } li[data-type="control_fileupload"] .qq-upload-file { -ms-flex-positive: 1; flex-grow: 1; word-wrap: break-all; overflow: hidden; } li[data-type="control_fileupload"] .qq-upload-failed-text { background-color: #edf3ff; border: 2px solid #dae6ff; padding: 0 10px; border-radius: 0 4px 4px 0; position: relative; line-height: 36px; display: none; } li[data-type="control_fileupload"] .qq-upload-failed-text:before { content: ""; width: 4px; position: absolute; left: -5px; top: -2px; height: calc(100% + 4px); } li[data-type="control_fileupload"] .qq-upload-size { padding: 0 10px; margin-left: auto; border-radius: 0 4px 4px 0; } li[data-type="control_fileupload"] .qq-upload-img-container { padding: 8px; border-radius: 4px 0 0 4px; } li[data-type="control_fileupload"] .qq-upload-img-container > img { display: block; object-position: center; object-fit: cover; width: 26px; border-radius: 4px; border: 1px solid; height: 26px; } li[data-type="control_fileupload"] .qq-upload-list > li:not(.qq-upload-success) .qq-upload-file { border-radius: 4px 0 0 4px; padding-left: 10px; text-overflow: ellipsis; overflow: hidden; width: 40px; white-space: nowrap; } li[data-type="control_fileupload"] .qq-upload-list > li.qq-upload-success > span.qq-upload-file:first-child { border-radius: 4px 0 0 4px; padding-left: 10px; } li[data-type="control_fileupload"] .qq-upload-delete { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682.071.074.184.13.278.131.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%2357647E'/%3E%3C/svg%3E"); width: 32px; border-radius: 4px; background-size: 12px; background-position: 50%; margin-left: 10px; background-repeat: no-repeat; color: transparent; cursor: pointer; } li[data-type="control_fileupload"] .qq-upload-delete:focus, li[data-type="control_fileupload"] .qq-upload-delete:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682.071.074.184.13.278.131.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%23F23A3C'/%3E%3C/svg%3E"); } li[data-type="control_fileupload"] .qq-upload-cancel { text-decoration: none; } li[data-type="control_fileupload"] .qq-upload-drop-area { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; padding-top: 56px; font-weight: 600; border: 1px dashed #c3cad8; background-color: #fbfcff; display: none; text-align: center; border-radius: 4px; height: 132px; font-size: 18px; } .form-sub-label-container[data-input-type="suffix"] { max-width: 90px; -ms-flex-negative: 0; flex-shrink: 0; } li[data-type="control_fullname"] .form-label-extended { text-align: left; } li[data-type="control_fullname"].lineAlignment-Auto-Top .form-label.form-label-auto { text-align: left !important; } li[data-type="control_fullname"] .form-sub-label-container { min-width: 0; } .page-section li[data-type="control_pagebreak"] { padding: 0; margin: 0; } .form-pagebreak-back-container { margin-right: auto; } .form-pagebreak-back-container button.form-sacl-button { margin-left: 10px; } .form-pagebreak { margin: 0 -38px; padding: 28px 52px; border-top: 1px solid; } .form-pagebreak, .form-pagebreak > div { display: -ms-flexbox; display: flex; } .form-pagebreak > div.form-pagebreak-next-container { -ms-flex-order: 2; order: 2; } .form-pagebreak > div.form-pagebreak-save-container { -ms-flex-order: 1; order: 1; } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .form-buttons-wrapper, .form-pagebreak { -ms-flex-pack: justify; justify-content: space-between; } .form-pagebreak-back-container { margin-right: 0; } } li[data-type="control_scale"] .form-sub-label-container { overflow: visible; } .rating-item-group, li[data-type="control_scale"] .form-sub-label-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-scale-table { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; margin-left: -6px; } .rating-item > label:after, .rating-item > label:before { display: none; } .rating-item > label { display: -ms-flexbox; display: flex; width: 40px; height: 40px; border: 1px solid; font-size: 0.75em; border-radius: 50%; font-weight: 500; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; } .rating-item-title { font-size: 0.75em; width: 100%; text-align: center; margin-top: 6px; } .rating-item { margin: 1em 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; position: relative; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 40px; } .rating-item .rating-item-title { cursor: text; text-align: right; word-break: break-word; width: 100px; white-space: normal; -ms-flex-item-align: end; align-self: flex-end; position: relative; z-index: 9; } .rating-item:not(:last-child) { margin-right: 24px; } .rating-item:first-child .rating-item-title { -ms-flex-item-align: start; align-self: flex-start; text-align: left; } .until-wrapper { line-height: 2.5em; color: #57647e; font-size: 14px; overflow: auto; margin-right: 8px; max-width: 40px; } .until-wrapper .form-sub-label { word-break: normal; } .until-text { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } li[data-type="control_time"] .form-sub-label-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; } .time-wrapper { margin-right: 8px; } .form-line[data-type="control_square"] .payment-form-table span.form-sub-label-container iframe { background-color: #fff; border-style: solid; border-width: 1px; height: 2.5em; font-size: 1em; border-radius: 4px; padding: 0.625em 0.625em 0; } .form-address-table.payment-form-table input[type="number"] { -moz-appearance: textfield; } .form-address-table.payment-form-table input[type="number"]::-webkit-inner-spin-button, .form-address-table.payment-form-table input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img { height: 26px; width: 40px; background: url(https://cdn.jotfor.ms/images/credit-card-logo.png); background-size: 180px !important; } .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_mc { background-position: -47px 0 !important; } .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_amex { background-position: -94px 0 !important; } .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_dc { background-position: -141px 0 !important; } li[data-payment="true"] .form-address-table.payment-form-table .form-sub-label-container > div { width: 100% !important; height: 40px; border-radius: 3px; border-style: solid; border-width: 1px; padding-top: 10px; } li[data-type="control_braintree"] .form-address-table.payment-form-table .form-sub-label-container > div { border: 1px solid #b8bdc9; padding-top: 2px; padding-left: 10px; } .donation_cont .form-input-wide { position: relative; } .donation_cont .form-input-wide span.form-sub-label-container { position: relative; display: block; } .donation_cont .form-input-wide span.form-sub-label-container .donation_currency { position: absolute; width: 46px; text-align: right; right: 10px !important; top: 10px; } li[data-type="control_paymentmethods"] { margin: 12px 14px; } li[data-type="control_paymentmethods"] #paypal-credit-card-fields { padding-top: 16px; } li[data-type="control_paymentmethods"] .form-input, li[data-type="control_paymentmethods"] tbody, li[data-type="control_paymentmethods"] tr { width: 100%; } li[data-type="control_paymentmethods"] tr:not(:last-child) { margin: 0 0 6px; } li[data-type="control_paymentmethods"] td, li[data-type="control_paymentmethods"] tr { display: -ms-flexbox; display: flex; } li[data-type="control_paymentmethods"] .form-textbox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } li[data-type="control_paymentmethods"] .form-textbox span { color: #8894ab; } li[data-type="control_paymentmethods"] .form-sub-label { margin-top: 6px !important; } li[data-type="control_paymentmethods"] #paypal-credit-card-fields, li[data-type="control_paymentmethods"] #paypal-spb-area { display: none; } div[render-paypal-type="paypal-smart-buttons"] { margin-top: 20px; text-align: center; padding: 20px; background-color: rgba(0, 0, 0, 0.04); border: 1px solid #eee; border-radius: 3px; font-size: 14px; } .paypal-toggle-content[render-paypal-type="paypal-card-fields"] #paypal-credit-card-fields, .paypal-toggle-content[render-paypal-type="paypal-smart-buttons"] #paypal-spb-area { display: block; } #paypal-card-fields, #paypal-smart-buttons { margin-bottom: 10px; min-width: 26px; } #paypal-smart-buttons .payment-method-container { height: 26px; padding-top: 3px; } #paypal-card-fields label { padding-left: 56px; background-repeat: no-repeat; background-position: left 32px center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='11' rx='1.5' stroke='%232C3345'/%3E%3Cpath d='M.5 4h17' stroke='%232C3345' stroke-width='2'/%3E%3Cpath d='M3 8.5a.5.5 0 000 1v-1zm2 1a.5.5 0 000-1v1zm-2 0h2v-1H3v1zM6.5 8.5a.5.5 0 000 1v-1zm1 1a.5.5 0 000-1v1zm-1 0h1v-1h-1v1z' fill='%232C3345'/%3E%3C/svg%3E"); } #paypal-commerce-platform-container { width: 100%; } .paypal-toggle div:nth-child(2) { background-image: url(https://cdn.jotfor.ms/assets/img/payments/PG-PP.svg); background-position: left 32px center; background-size: 72px; background-repeat: no-repeat; } .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%; width: 100%; transition: all 1s ease-in-out; } .question-wrapper div.payment_alert a { color: #1dbb72; font-weight: 600; cursor: pointer; } .question-wrapper div.payment_alert ul { margin: 0; padding: 0 0 4px; min-height: auto; } .question-wrapper div.payment_alert ul li { margin-left: 16px; line-height: 18px; } .question-wrapper div.payment_alert.wizard { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNy43IDM0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MXtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBkPSJNMzEuNiAzNEg2LjFDMy44IDM0IDIgMzIuMSAyIDI5LjhWNC4yQzIgMS45IDMuOCAwIDYuMSAwaDI1LjRjMi4zIDAgNC4yIDEuOSA0LjIgNC4ydjI1LjdjMCAyLjItMS44IDQuMS00LjEgNC4xeiIgZmlsbD0iIzY3ODNhMCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMi43IDE0LjlsLTMgMy0xLjgtMi4xLTEuMSAxIDIuOCAzLjEgNC4xLTR6TTEyLjcgNy4ybC0zIDMtMS44LTIuMS0xLjEuOSAyLjggMy4yIDQuMS00ek0xMC45IDI2LjVIOWMtLjQgMC0uNy0uMy0uNy0uN3YtMmMtLjEtLjQuMy0uOC43LS44aDJjLjQgMCAuNy4zLjcuN3YyYzAgLjQtLjQuOC0uOC44ek0yOS4yIDExLjRoLTExYy0uNSAwLS44LS40LS44LS44VjguOGMwLS41LjQtLjguOC0uOGgxMWMuNCAwIC44LjMuOC44djEuOGMwIC41LS40LjgtLjguOHpNMjkuMiAxOC45aC0xMWMtLjUgMC0uOC0uNC0uOC0uOHYtMS44YzAtLjUuNC0uOC44LS44aDExYy41IDAgLjguNC44Ljh2MS44YzAgLjUtLjQuOC0uOC44ek0yOS4yIDI2LjVoLTExYy0uNSAwLS44LS40LS44LS44di0xLjhjMC0uNS40LS44LjgtLjhoMTFjLjUgMCAuOC40LjguOHYxLjhjMCAuNC0uNC44LS44Ljh6Ii8+PC9zdmc+"); background-color: #f3f7fc; color: #7d8caa; background-position: left 20px top 19px; } .question-wrapper div.payment_alert.low { background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM3LjcxIDMzLjk4Ij48cGF0aCBkPSJNMTQuNTUgMi40OEwuNjcgMjYuNTJBNSA1IDAgMDA1IDM0aDI3LjczQTUgNSAwIDAwMzcgMjYuNTJsLTEzLjg4LTI0YTUgNSAwIDAwLTguNTctLjA0eiIgZmlsbD0iIzY3ODNhMCIvPjxwYXRoIGQ9Ik0xNy4yNiAyNmExLjUyIDEuNTIgMCAwMS40Mi0xLjEgMS42MiAxLjYyIDAgMDExLjE3LS40MyAxLjU5IDEuNTkgMCAwMTEuMTcuNDMgMS42IDEuNiAwIDAxMCAyLjE2IDEuNjEgMS42MSAwIDAxLTEuMTkuNDIgMS41OSAxLjU5IDAgMDEtMS4xOC0uNDIgMS40NiAxLjQ2IDAgMDEtLjM5LTEuMDZ6TTIwIDIyLjM4aC0yLjRsLS4yNi0xMS45MWgzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); background-color: #f3f7fc; color: #7d8caa; } .question-wrapper div.payment_alert.mid { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy43IDM0Ij48cGF0aCBkPSJNMTQuNiAyLjVMLjcgMjYuNUMtLjcgMjguOS4yIDMyIDIuNiAzMy4zYy43LjUgMS41LjcgMi40LjdoMjcuN2MyLjggMCA1LTIuMyA0LjktNS4xIDAtLjgtLjItMS43LS43LTIuNEwyMyAyLjVDMjEuNi4xIDE4LjUtLjcgMTYuMS44Yy0uNS40LTEuMSAxLTEuNSAxLjd6IiBmaWxsPSIjZmJiMDNiIi8+PHBhdGggZD0iTTE3LjMgMjZjMC0uNC4xLS44LjQtMS4xLjMtLjMuNy0uNCAxLjItLjQuNCAwIC45LjEgMS4yLjQuNi42LjYgMS41IDAgMi4yLS4zLjMtLjguNC0xLjIuNC0uNCAwLS45LS4xLTEuMi0uNC0uMy0uMy0uNS0uNy0uNC0xLjF6bTIuNy0zLjZoLTIuNGwtLjMtMTEuOWgzTDIwIDIyLjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); background-color: #fcf0e5; color: #c69c6d; } .question-wrapper div.payment_alert.mid a { color: #cc821f; font-weight: 600; text-decoration: underline; } .question-wrapper div.payment_alert.high { background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM3LjcxIDMzLjk4Ij48cGF0aCBkPSJNMTQuNTUgMi40OEwuNjcgMjYuNTJBNSA1IDAgMDA1IDM0aDI3LjczQTUgNSAwIDAwMzcgMjYuNTJsLTEzLjg4LTI0YTUgNSAwIDAwLTguNTctLjA0eiIgZmlsbD0iI2UyOWM5YyIvPjxwYXRoIGQ9Ik0xNy4yNiAyNmExLjUyIDEuNTIgMCAwMS40Mi0xLjEgMS42MiAxLjYyIDAgMDExLjE3LS40MyAxLjU5IDEuNTkgMCAwMTEuMTcuNDMgMS42IDEuNiAwIDAxMCAyLjE2IDEuNjEgMS42MSAwIDAxLTEuMTkuNDIgMS41OSAxLjU5IDAgMDEtMS4xOC0uNDIgMS40NiAxLjQ2IDAgMDEtLjM5LTEuMDZ6TTIwIDIyLjM4aC0yLjRsLS4yNi0xMS45MWgzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); background-color: #fff0f0; color: #a06d6d; } .question-wrapper div.payment_alert.high a { color: #bb1d1d; font-weight: 600; } @media screen and (max-width: 768px) { .form-line[data-payment="true"] span.form-product-item .form-product-container .form-special-subtotal { right: 8px; bottom: 6px !important; } } @media screen and (max-width: 480px) { .form-line[data-payment="true"] span.form-product-item .form-product-container .form-special-subtotal { right: 8px; bottom: 6px !important; } .question-wrapper div.payment_alert { padding: 12px 12px 12px 46px; background-position: left 12px top 12px; background-size: 20px; } } .form-captcha { width: 160px; padding: 6px; background: #f5f5f5; border-radius: 4px; } .form-captcha .form-captcha-image { border: 1px solid #ababab; border-radius: 4px; } .form-captcha .form-textbox { min-width: 100px; display: inline-block; } .form-captcha div img { width: 16px; } .form-collapse-table { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 60px; color: #2c3345; width: 100%; padding: 1.25em; border-radius: 0.25em; cursor: pointer; font-weight: 600; margin: 0; border: 0; box-shadow: none; } .form-collapse-table, .form-collapse-table:hover { background-color: rgba(195, 202, 216, 0.3); } .form-collapse-table:after { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M256 0C114.51 0 0 114.5 0 256c0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256C512 114.51 397.5 0 256 0zm124.3 218.2L269.47 360.3a17.08 17.08 0 01-26.92 0L131.7 218.2c-8.72-11.16-.76-27.56 13.45-27.56h221.7c14.21 0 22.16 16.4 13.46 27.57z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23C3CAD880'/%3E%3C/svg%3E"); position: absolute; background-size: 28px; width: 28px; height: 28px; right: 20px; } .form-section { margin: 12px 4px; } .form-section-closed { width: 100%; display: -ms-flexbox; display: flex; transition: 0.2s ease-in; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; padding: 10px 0; margin: 12px 4px; } .form-section-closed .form-line-error { visibility: hidden; } .form-section-closed:last-child { margin-bottom: 2em; } .form-section-closed .form-collapse-table:after { transform: rotate(90deg); } ul.form-section:not(.page-section) { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 0; margin: 12px 0; list-style: none; } ul.form-section:not(.page-section) .form-collapse-table:after { transition: transform 0.2s ease-in-out; } li[data-type="control_collapse"] { list-style-type: none; } .form-collapse-hidden, .form-collapse-right { display: none; } .form-collapse-mid { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .form-collapse-mid img { margin-right: 1em; } .form-star-rating, li[data-type="control_rating"] > .form-input-wide { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-star-rating { width: 100%; } .form-star-rating .form-star-rating-star { width: 32px; height: 30px; } .form-star-rating .form-star-rating-star:not(:last-child) { margin-right: 24px; } .form-line .form-description { position: absolute; transform: translateY(-100%); right: 10px; max-width: 200px; color: #fff; background-color: #687988; border-radius: 4px; font-size: 11px; line-height: 13px; padding: 5px 6px; overflow-y: auto; } .form-line .form-description::-webkit-scrollbar { width: 6px; border-radius: 20px; background-color: #586673; } .form-line .form-description::-webkit-scrollbar-thumb { border-radius: 20px; background-color: #8599a8; } .form-line:not(.form-line-column) .form-input-wide[data-layout="half"] + .form-description { right: calc(50% + 15px); } .divider { border-bottom: 1px solid; height: 1px; margin: 5px 0; } li[data-type="control_inline"] { font-size: 0.9375em; } .jf-brandingWrapper { position: absolute; width: 100%; } .jf-brandingWrapper .jf-branding { text-align: right; } .buttonWithClear, .buttonWithoutClear { position: relative; width: 100%; } .buttonWithClear .jf-brandingWrapper { bottom: 58px; } .buttonWithoutClear .jf-brandingWrapper { bottom: 12px; } .lineAlignment-Right .buttonWithoutClear .jf-brandingWrapper { right: 25px; } .lineAlignment-Left .buttonWithoutClear .jf-brandingWrapper { left: 25px; } .submitBrandingWrapper .jf-branding { width: 100%; text-align: center; } .formFooter-heightMask { height: 56px; } .formFooter { position: fixed; left: 0; right: 0; bottom: 0; padding: 0 0.875em; background-color: #414247; z-index: 2; } .formFooter, .formFooter-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .formFooter-wrapper.formFooter-leftSide { margin-right: auto; } .formFooter-content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .formFooter-logo { display: -ms-flexbox; display: flex; max-width: 132px; } .formFooter-rightSide { margin-left: 0.5em; } .formFooter-rightSide .formFooter-text { color: #bfbfbf; font-size: 0.75em; margin-right: 0.9375em; } .formFooter-button { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 200px; padding: 0.625em 0; border-radius: 3px; font-size: 0.875em; transition: background-color 0.3s; } .branding21.formFooter { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; background-color: #0a1551; } .branding21.formFooter .formFooter-logo { height: 44px; } .branding21.formFooter .formFooter-text { color: #f3f3fe; } .branding21.formFooter .formFooter-button { background-color: #78bb07; border-color: #78bb07; } /* body { font-family: Inter, sans-serif; font-size: 16px; background-color: #f3f3fe; color: #2c3345; } */ .form-all { border-radius: 3px; box-shadow: 0 4px 4px rgba(87, 100, 126, 0.21); background-color: #fff; max-width: 752px; } .form-line { margin-top: 12px; margin-bottom: 12px; } .ndt-test-env .form-line { margin-top: 6px; margin-bottom: 6px; } .form-line-active { background-color: #f1f5ff; } .form-line-error { background-color: #ffeded; } .form-label { color: #2c3345; } .form-required { color: #f23a3c; } .form-sub-label { color: #57647e; } .form-dropdown, .form-textarea, .form-textbox, .signature-pad-passive, .signature-wrapper { background-color: #fff; border-color: #b8bdc9; color: #2c3345; } .form-dropdown:hover, .form-textarea:hover, .form-textbox:hover, .signature-pad-passive:hover, .signature-wrapper:hover { border-color: rgba(46, 105, 255, 0.5); box-shadow: 0 0 0 2px rgba(46, 105, 255, 0.25); } .form-dropdown:focus, .form-textarea:focus, .form-textbox:focus, .signature-pad-passive:focus, .signature-wrapper:focus { border-color: #2e69ff; box-shadow: 0 0 0 3px rgba(46, 105, 255, 0.25); } .form-checkbox + label:before, .form-checkbox + span:before, .form-radio + label:before, .form-radio + span:before { background-color: #fff; border-color: #b8bdc9; } .form-checkbox:hover + label:before, .form-checkbox:hover + span:before, .form-radio:hover + label:before, .form-radio:hover + span:before { border-color: rgba(46, 105, 255, 0.5); box-shadow: 0 0 0 2px rgba(46, 105, 255, 0.25); } .form-checkbox:focus + label:before, .form-checkbox:focus + span:before, .form-radio:focus + label:before, .form-radio:focus + span:before { border-color: #2e69ff; box-shadow: 0 0 0 3px rgba(46, 105, 255, 0.25); } .form-radio + label:after, .form-radio + span:after { background-color: #2e69ff; } .form-radio + label, .form-radio + span { color: #2c3345; } .form-radio:checked + span label:before { border-color: #2e69ff; } .form-radio:checked + span div:after, .form-radio:checked + span label:after { background-color: #2e69ff; } .form-checkbox:checked + label:before, .form-checkbox:checked + span:before, .form-checkbox:checked + span label:before { border-color: #2e69ff; background-color: #2e69ff; } .form-line-error .form-validation-error { border-color: #f23a3c; } .form-line-error .form-validation-error:hover { border-color: #fe8e92; box-shadow: 0 0 0 2px #ffa5a5; } .form-line-error .form-validation-error:focus { border-color: #f23a3c; box-shadow: 0 0 0 3px #ffa5a5; } .form-line-error .form-checkbox:not(:checked) + label:before, .form-line-error .form-radio:not(:checked) + label:before { border-color: #f23a3c; } .form-line-error .form-checkbox:not(:checked):hover + label:before, .form-line-error .form-radio:not(:checked):hover + label:before { border-color: #fe8e92; box-shadow: 0 0 0 2px #ffa5a5; } .form-line-error .form-checkbox:not(:checked):focus + label:before, .form-line-error .form-radio:not(:checked):focus + label:before { border-color: #f23a3c; box-shadow: 0 0 0 3px #ffa5a5; } .jf-form-buttons { border-color: #c3cad8; } .form-buttons-wrapper, .form-pagebreak, .form-submit-clear-wrapper { border-color: #e5e7f2; } .form-pagebreak-back { background-color: #e5e7f2; border-color: #e5e7f2; } .form-pagebreak-back.button-hidden { display: none; } .form-pagebreak-back:hover { background-color: #ced0da; } .form-pagebreak-next { background-color: #2e69ff; border-color: #2e69ff; color: #fff; } .form-pagebreak-next.button-hidden { display: none; } .form-pagebreak-next:hover { background-color: #295fe6; } .form-sacl-button, .form-submit-print { border-color: #c3cad8; background-color: #fff; } .form-sacl-button:hover, .form-submit-print:hover { background-color: #c3cad8; } .formFooter-button, .submit-button { background-color: #18bd5b; border-color: #18bd5b; color: #fff; } .formFooter-button:hover, .submit-button:hover { background-color: #16aa52; } .form-submit-reset { color: #57647e; background: transparent; border: none; text-shadow: none; box-shadow: none; text-decoration: underline; } .form-header { color: #2c3345; word-break: break-word; } .form-subHeader { color: #57647e; word-break: break-word; } .divider, .form-header-group { border-color: #ededf1; } .header-large { border-color: #d7d8e1; } .form-matrix-column-headers, .form-matrix-row-headers { background-color: #e5eaf4; } .form-matrix-column-headers, .form-matrix-table td, .form-matrix-table td:last-child, .form-matrix-table th, .form-matrix-table th:last-child, .form-matrix-table tr:last-child td, .form-matrix-table tr:last-child th, .form-matrix-table tr:not([role="group"]) + tr[role="group"] th { border-color: #c3cad8; } .form-matrix-values { background-color: #fff; } li[data-type="control_fileupload"] .qq-upload-button { background-color: #fbfcff; color: #2c3345; } li[data-type="control_fileupload"] .qq-upload-cancel, li[data-type="control_fileupload"] .qq-upload-failed-text:before, li[data-type="control_fileupload"] .qq-upload-file, li[data-type="control_fileupload"] .qq-upload-img-container, li[data-type="control_fileupload"] .qq-upload-size { background-color: #dae6ff; } li[data-type="control_fileupload"] .qq-upload-img-container > img { border-color: #b5c2db; } li[data-type="control_fileupload"] .qq-upload-delete { background-color: #dce5f6; } li[data-type="control_fileupload"] .qq-upload-cancel { color: #2c3345; } .rating-item label { color: #8894ab; background-color: transparent; } .rating-item-titles { color: #57647e; } .form-line-error .rating-item label { border-color: #f23a3c; color: #fe8e92; } .rating-item input:focus + label, .rating-item input:hover + label { background-color: #e1e9ff; color: #2e69ff; border-color: #2e69ff; } .rating-item input:checked + label { background-color: #2e69ff; color: #fff; border-color: #2e69ff; } .form-spinner-button-container > * { background-color: #f4f4f7; } .form-spinner-button-container > :before { color: #57647e; } .form-spinner-button-container > :hover:before { color: #2e69ff; } li[data-type="control_datetime"] .extended .allowTime-container + .form-sub-label-container, li[data-type="control_datetime"] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container { background-color: #f3f4f7; } .form-single-column > span:not(.form-checkbox-item) { clear: left; } .form-textarea-limit-indicator { margin-top: 8px; } .form-textarea-limit-indicator label + span { margin-left: 5px; } .form-dropdown[multiple], .form-dropdown[size] { background-image: none; } .form-dropdown[size] { padding: 5px 10px 0; } .form-dropdown[size]::-webkit-scrollbar { -webkit-appearance: none; appearance: none; width: 6px; } .form-dropdown[size]::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 1px hsla(0, 0%, 100%, 0.5); } .editDropdownTextArea .dropdownOptionsEditable { border-radius: 4px; color: #57647e; border: 1px solid #57647e; width: 310px; height: 73px; } .form-submit-button-simple_red.form-pagebreak-back, .form-submit-button-simple_red.form-pagebreak-next, .form-submit-button-simple_red.submit-button { color: #fff; border: 1px solid #a60000; box-shadow: 0 1px 0 0 #f29d93; background: linear-gradient(0deg, #fe1900 0, #ce0000); } .form-submit-button-simple_red.form-pagebreak-back:active, .form-submit-button-simple_red.form-pagebreak-back:hover, .form-submit-button-simple_red.form-pagebreak-next:active, .form-submit-button-simple_red.form-pagebreak-next:hover, .form-submit-button-simple_red.submit-button:active, .form-submit-button-simple_red.submit-button:hover { border: 1px solid #a60000; background: linear-gradient(0deg, #ff461d 0, #e60d00); } .form-submit-button-simple_white.form-pagebreak-back, .form-submit-button-simple_white.form-pagebreak-next, .form-submit-button-simple_white.submit-button { color: #777; background: linear-gradient(0deg, #ededed 0, #dfdfdf); border: 1px solid #ededed; } .form-submit-button-simple_white.form-pagebreak-back:active, .form-submit-button-simple_white.form-pagebreak-back:hover, .form-submit-button-simple_white.form-pagebreak-next:active, .form-submit-button-simple_white.form-pagebreak-next:hover, .form-submit-button-simple_white.submit-button:active, .form-submit-button-simple_white.submit-button:hover { background: linear-gradient(0deg, #fafafa 0, #ebebeb); } .form-submit-button-simple_grey.form-pagebreak-back, .form-submit-button-simple_grey.form-pagebreak-next, .form-submit-button-simple_grey.submit-button { color: #fff; background: linear-gradient(0deg, #888 0, #575757); border: 1px solid #555; } .form-submit-button-simple_grey.form-pagebreak-back:active, .form-submit-button-simple_grey.form-pagebreak-back:hover, .form-submit-button-simple_grey.form-pagebreak-next:active, .form-submit-button-simple_grey.form-pagebreak-next:hover, .form-submit-button-simple_grey.submit-button:active, .form-submit-button-simple_grey.submit-button:hover { background: linear-gradient(0deg, #989898 0, #676767); } .form-submit-button-simple_black.form-pagebreak-back, .form-submit-button-simple_black.form-pagebreak-next, .form-submit-button-simple_black.submit-button { color: #fff; background: linear-gradient(0deg, #666 0, #000); border: 1px solid #000; } .form-submit-button-simple_black.form-pagebreak-back:active, .form-submit-button-simple_black.form-pagebreak-back:hover, .form-submit-button-simple_black.form-pagebreak-next:active, .form-submit-button-simple_black.form-pagebreak-next:hover, .form-submit-button-simple_black.submit-button:active, .form-submit-button-simple_black.submit-button:hover { background: linear-gradient(0deg, grey 0, #1a1a1a); } .form-submit-button-simple_pink.form-pagebreak-back, .form-submit-button-simple_pink.form-pagebreak-next, .form-submit-button-simple_pink.submit-button { color: #fff; text-shadow: -1px -1px 0 #c70042; border: 1px solid #cc0447; box-shadow: inset 0 1px 0 0 #faafd4; background: linear-gradient(0deg, #ff5c92 0, #f00252); } .form-submit-button-simple_pink.form-pagebreak-back:active, .form-submit-button-simple_pink.form-pagebreak-back:hover, .form-submit-button-simple_pink.form-pagebreak-next:active, .form-submit-button-simple_pink.form-pagebreak-next:hover, .form-submit-button-simple_pink.submit-button:active, .form-submit-button-simple_pink.submit-button:hover { background: linear-gradient(0deg, #ff5ca0 0, #ff036c); } .form-submit-button-simple_rose.form-pagebreak-back, .form-submit-button-simple_rose.form-pagebreak-next, .form-submit-button-simple_rose.submit-button { color: #fff; text-shadow: -1px -1px 0 #b23d35; border: 1px solid #d83526; box-shadow: inset 0 1px 0 0 #f7c4c0; background: linear-gradient(0deg, #fc8d83 0, #e4685d); } .form-submit-button-simple_rose.form-pagebreak-back:hover, .form-submit-button-simple_rose.form-pagebreak-next:hover, .form-submit-button-simple_rose.submit-button:hover { background: linear-gradient(0deg, #ffa69e 0, #ee776d); } .form-submit-button-simple_rose.form-pagebreak-back:active, .form-submit-button-simple_rose.form-pagebreak-next:active, .form-submit-button-simple_rose.submit-button:active { background: linear-gradient(0deg, #ee776d 0, #ffa69e); } .form-submit-button-simple_blue.form-pagebreak-back, .form-submit-button-simple_blue.form-pagebreak-next, .form-submit-button-simple_blue.submit-button { color: #fff; text-shadow: -1px -1px 0 #003ea1; border: 1px solid #0d4aab; box-shadow: inset 0 1px 0 0 #97c4fe; background: linear-gradient(0deg, #3d94f6 0, #1e62d0); } .form-submit-button-simple_blue.form-pagebreak-back:hover, .form-submit-button-simple_blue.form-pagebreak-next:hover, .form-submit-button-simple_blue.submit-button:hover { background: linear-gradient(0deg, #54a2f9 0, #2e7be3); } .form-submit-button-simple_blue.form-pagebreak-back:active, .form-submit-button-simple_blue.form-pagebreak-next:active, .form-submit-button-simple_blue.submit-button:active { background: linear-gradient(0deg, #2e7be3 0, #54a2f9); } .form-submit-button-simple_carolina_blue.form-pagebreak-back, .form-submit-button-simple_carolina_blue.form-pagebreak-next, .form-submit-button-simple_carolina_blue.submit-button { color: #14396a; text-shadow: 1px 1px 0 #98d1f4; border: 1px solid #1e63a2; box-shadow: inset 0 1px 0 0 #bee3f9; background: linear-gradient(0deg, #63b9ee 0, #468dcf); } .form-submit-button-simple_carolina_blue.form-pagebreak-back:hover, .form-submit-button-simple_carolina_blue.form-pagebreak-next:hover, .form-submit-button-simple_carolina_blue.submit-button:hover { background: linear-gradient(0deg, #74c4f6 0, #509cd9); } .form-submit-button-simple_carolina_blue.form-pagebreak-back:active, .form-submit-button-simple_carolina_blue.form-pagebreak-next:active, .form-submit-button-simple_carolina_blue.submit-button:active { background: linear-gradient(0deg, #509cd9 0, #74c4f6); } .form-submit-button-simple_green.form-pagebreak-back, .form-submit-button-simple_green.form-pagebreak-next, .form-submit-button-simple_green.submit-button { color: #154d0c; text-shadow: 1px 1px 0 #aade7c; border: 1px solid #268a16; box-shadow: inset 0 1px 0 0 #c9efab; background: linear-gradient(0deg, #7bd82f 0, #4ea20a); } .form-submit-button-simple_green.form-pagebreak-back:hover, .form-submit-button-simple_green.form-pagebreak-next:hover, .form-submit-button-simple_green.submit-button:hover { background: linear-gradient(0deg, #80dd32 0, #5bb215); } .form-submit-button-simple_green.form-pagebreak-back:active, .form-submit-button-simple_green.form-pagebreak-next:active, .form-submit-button-simple_green.submit-button:active { background: linear-gradient(0deg, #5bb215 0, #80dd32); } .form-submit-button-simple_green_apple.form-pagebreak-back, .form-submit-button-simple_green_apple.form-pagebreak-next, .form-submit-button-simple_green_apple.submit-button { color: #fff; text-shadow: -1px -1px 0 #5a8200; border: 1px solid #5a8200; box-shadow: inset 0 1px 0 0 #b9e84b; background: linear-gradient(0deg, #96d10c 0, #6d9c01); } .form-submit-button-simple_green_apple.form-pagebreak-back:hover, .form-submit-button-simple_green_apple.form-pagebreak-next:hover, .form-submit-button-simple_green_apple.submit-button:hover { background: linear-gradient(0deg, #9ed915 0, #78aa04); } .form-submit-button-simple_green_apple.form-pagebreak-back:active, .form-submit-button-simple_green_apple.form-pagebreak-next:active, .form-submit-button-simple_green_apple.submit-button:active { background: linear-gradient(0deg, #78aa04 0, #9ed915); } .form-submit-button-simple_yellow.form-pagebreak-back, .form-submit-button-simple_yellow.form-pagebreak-next, .form-submit-button-simple_yellow.submit-button { color: #d85d00; text-shadow: 1px 1px 0 #ffed66; border: 1px solid #fa2; box-shadow: inset 0 1px 0 0 #fff6af; background: linear-gradient(0deg, #ffed64 0, #ffab23); } .form-submit-button-simple_yellow.form-pagebreak-back:hover, .form-submit-button-simple_yellow.form-pagebreak-next:hover, .form-submit-button-simple_yellow.submit-button:hover { background: linear-gradient(0deg, #feed83 0, #ffbc34); } .form-submit-button-simple_yellow.form-pagebreak-back:active, .form-submit-button-simple_yellow.form-pagebreak-next:active, .form-submit-button-simple_yellow.submit-button:active { background: linear-gradient(0deg, #ffbc34 0, #feed83); } .form-submit-button-simple_orange.form-pagebreak-back, .form-submit-button-simple_orange.form-pagebreak-next, .form-submit-button-simple_orange.submit-button { color: #fff; text-shadow: -1px -1px 0 #d85d00; border: 1px solid #d85d00; box-shadow: inset 0 1px 0 0 #ffcc7a; background: linear-gradient(0deg, #faa51a 0, #ff6c00); } .form-submit-button-simple_orange.form-pagebreak-back:hover, .form-submit-button-simple_orange.form-pagebreak-next:hover, .form-submit-button-simple_orange.submit-button:hover { background: linear-gradient(0deg, #ffb53b 0, #fc8d0f); } .form-submit-button-simple_orange.form-pagebreak-back:active, .form-submit-button-simple_orange.form-pagebreak-next:active, .form-submit-button-simple_orange.submit-button:active { background: linear-gradient(0deg, #fc8d0f 0, #ffb53b); } .form-submit-button-light.form-pagebreak-back, .form-submit-button-light.form-pagebreak-next, .form-submit-button-light.submit-button { color: #7c868d; text-shadow: 1px 1px 0 #fff; border: 1px solid #dfdfdf; box-shadow: inset 0 1px 0 0 #fff, 0 1px 1px 0 rgba(0, 0, 0, 0.4); background: linear-gradient(0deg, #fafafa 0, #eaeaea); } .form-submit-button-light.form-pagebreak-back:hover, .form-submit-button-light.form-pagebreak-next:hover, .form-submit-button-light.submit-button:hover { background: linear-gradient(0deg, #fff 0, #f4f4f4); } .form-submit-button-light.form-pagebreak-back:active, .form-submit-button-light.form-pagebreak-next:active, .form-submit-button-light.submit-button:active { color: #7c868d; box-shadow: inset 0 2px 2px 0 #c7c7c7; background: linear-gradient(0deg, #f0f0f0 0, #f9f9f9); } .form-submit-button-light_rounded.form-pagebreak-back, .form-submit-button-light_rounded.form-pagebreak-next, .form-submit-button-light_rounded.submit-button { color: #7c868d; text-shadow: 1px 1px 0 #fff; border: 1px solid #dfdfdf; box-shadow: inset 0 1px 0 0 #fff, 0 1px 1px 0 rgba(0, 0, 0, 0.4); background: linear-gradient(0deg, #fafafa 0, #eaeaea); border-radius: 30px; } .form-submit-button-light_rounded.form-pagebreak-back:hover, .form-submit-button-light_rounded.form-pagebreak-next:hover, .form-submit-button-light_rounded.submit-button:hover { background: linear-gradient(0deg, #fff 0, #f4f4f4); } .form-submit-button-light_rounded.form-pagebreak-back:active, .form-submit-button-light_rounded.form-pagebreak-next:active, .form-submit-button-light_rounded.submit-button:active { box-shadow: inset 0 2px 2px 0 #c7c7c7; background: linear-gradient(0deg, #f0f0f0 0, #f9f9f9); } .form-submit-button-cool_grey.form-pagebreak-back, .form-submit-button-cool_grey.form-pagebreak-next, .form-submit-button-cool_grey.submit-button { color: #f9fbfd; text-shadow: 0 -1px 0 #414346; border: 1px solid #60646c; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.4); background: linear-gradient(0deg, #9799a0 0, #787b83); } .form-submit-button-cool_grey.form-pagebreak-back:hover, .form-submit-button-cool_grey.form-pagebreak-next:hover, .form-submit-button-cool_grey.submit-button:hover { background: linear-gradient(0deg, #9799a0 0, #787b83); } .form-submit-button-cool_grey.form-pagebreak-back:active, .form-submit-button-cool_grey.form-pagebreak-next:active, .form-submit-button-cool_grey.submit-button:active { box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.34); } .form-submit-button-cool_grey_rounded.form-pagebreak-back, .form-submit-button-cool_grey_rounded.form-pagebreak-next, .form-submit-button-cool_grey_rounded.submit-button { color: #f9fbfd; text-shadow: -1px -1px 0 #414346; border: 1px solid #60646c; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.4); background: linear-gradient(0deg, #9799a0 0, #787b83); border-radius: 30px; } .form-submit-button-cool_grey_rounded.form-pagebreak-back:hover, .form-submit-button-cool_grey_rounded.form-pagebreak-next:hover, .form-submit-button-cool_grey_rounded.submit-button:hover { background: linear-gradient(0deg, #b2b6c0 0, #84878f); } .form-submit-button-cool_grey_rounded.form-pagebreak-back:active, .form-submit-button-cool_grey_rounded.form-pagebreak-next:active, .form-submit-button-cool_grey_rounded.submit-button:active { box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.34); background: linear-gradient(0deg, #71747f 0, #60646c); } .form-submit-button-carbon.form-pagebreak-back, .form-submit-button-carbon.form-pagebreak-next, .form-submit-button-carbon.submit-button { color: #dadee5; text-shadow: -1px -1px 0 #0b0b0d; border: 1px solid #212325; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.44); background: linear-gradient(0deg, #44494c 0, #2a2e30); } .form-submit-button-carbon.form-pagebreak-back:hover, .form-submit-button-carbon.form-pagebreak-next:hover, .form-submit-button-carbon.submit-button:hover { background: linear-gradient(0deg, #5b6266 0, #383d40); } .form-submit-button-carbon.form-pagebreak-back:active, .form-submit-button-carbon.form-pagebreak-next:active, .form-submit-button-carbon.submit-button:active { box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.2); background: linear-gradient(0deg, #16181a 0, #323639); } .form-submit-button-carbon_rounded.form-pagebreak-back, .form-submit-button-carbon_rounded.form-pagebreak-next, .form-submit-button-carbon_rounded.submit-button { color: #dadee5; text-shadow: -1px -1px 0 #0b0b0d; border: 1px solid #212325; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.44); background: linear-gradient(0deg, #44494c 0, #2a2e30); border-radius: 30px; } .form-submit-button-carbon_rounded.form-pagebreak-back:hover, .form-submit-button-carbon_rounded.form-pagebreak-next:hover, .form-submit-button-carbon_rounded.submit-button:hover { background: linear-gradient(0deg, #5b6266 0, #383d40); } .form-submit-button-carbon_rounded.form-pagebreak-back:active, .form-submit-button-carbon_rounded.form-pagebreak-next:active, .form-submit-button-carbon_rounded.submit-button:active { box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.2); background: linear-gradient(0deg, #16181a 0, #323639); } .form-submit-button-blue.form-pagebreak-back, .form-submit-button-blue.form-pagebreak-next, .form-submit-button-blue.submit-button { text-shadow: 0 1px 0 #1e549d; border: 1px solid #3d7fb1; background: linear-gradient(0deg, #57a9eb 0, #3871c0); } .form-submit-button-blue.form-pagebreak-back:hover, .form-submit-button-blue.form-pagebreak-next:hover, .form-submit-button-blue.submit-button:hover { background: linear-gradient(0deg, #78c3ff 0, #4c85d3); } .form-submit-button-blue.form-pagebreak-back:active, .form-submit-button-blue.form-pagebreak-next:active, .form-submit-button-blue.submit-button:active { background: linear-gradient(0deg, #3b6eb3 0, #4898d8); box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.3); } .form-submit-button-black_blue.form-pagebreak-back, .form-submit-button-black_blue.form-pagebreak-next, .form-submit-button-black_blue.submit-button { color: #dadee5; text-shadow: -1px -1px 0 #000; border: 1px solid #000; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.44); background: linear-gradient(0deg, #2e2e2e 0, #030303); } .form-submit-button-black_blue.form-pagebreak-back:hover, .form-submit-button-black_blue.form-pagebreak-next:hover, .form-submit-button-black_blue.submit-button:hover { text-shadow: -1px -1px 0 #000, 0 0 3px rgba(51, 160, 255, 0.5); background: linear-gradient(0deg, #404040 0, #1a1a1a); } .form-submit-button-black_blue.form-pagebreak-back:active, .form-submit-button-black_blue.form-pagebreak-next:active, .form-submit-button-black_blue.submit-button:active { text-shadow: -1px -1px 0 #000; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.25); background: linear-gradient(0deg, #030303 0, #2e2e2e); } .form-submit-button-black_glass.form-pagebreak-back, .form-submit-button-black_glass.form-pagebreak-next, .form-submit-button-black_glass.submit-button { color: #dadee5; text-shadow: -1px -1px 0 #2b3034; border: 1px solid #2b3034; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.5), 0 1px 2px 0 rgba(0, 0, 0, 0.44); background: linear-gradient( 0deg, #7f8385 0, #5c6064 50%, #4a4e51 51%, #515a66 ); } .form-submit-button-black_glass.form-pagebreak-back:hover, .form-submit-button-black_glass.form-pagebreak-next:hover, .form-submit-button-black_glass.submit-button:hover { background: linear-gradient( 0deg, #909598 0, #70757a 50%, #60656a 51%, #6c7889 ); } .form-submit-button-black_glass.form-pagebreak-back:active, .form-submit-button-black_glass.form-pagebreak-next:active, .form-submit-button-black_glass.submit-button:active { box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.5); background: linear-gradient( 0deg, #717578 0, #5b5f62 50%, #4b4f53 51%, #555a5d ); } .form-submit-button-wood.form-pagebreak-back, .form-submit-button-wood.form-pagebreak-next, .form-submit-button-wood.submit-button { color: #5e2003; text-shadow: 1px 1px 0 #eb9b58; border: 1px solid #91350a; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.4); background: #c75e26; background-image: url(https://cdn.jotfor.ms/images/wood.png); } .form-submit-button-wood.form-pagebreak-back:hover, .form-submit-button-wood.form-pagebreak-next:hover, .form-submit-button-wood.submit-button:hover { background: #da936e; background-image: url(https://cdn.jotfor.ms/images/wood-over.png); } .form-submit-button-wood.form-pagebreak-back:active, .form-submit-button-wood.form-pagebreak-next:active, .form-submit-button-wood.submit-button:active { background: url(https://cdn.jotfor.ms/images/wood-down.png); box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.34); } .form-submit-button-wood_3d.form-pagebreak-back, .form-submit-button-wood_3d.form-pagebreak-next, .form-submit-button-wood_3d.submit-button { color: #5e2003; text-shadow: 1px 1px 0 #eb9b58; border: none; box-shadow: 0 4px 0 0 #91350a, 0 6px 2px 1px rgba(0, 0, 0, 0.4); background: #c75e26; background-image: url(https://cdn.jotfor.ms/images/wood.png); } .form-submit-button-wood_3d.form-pagebreak-back:hover, .form-submit-button-wood_3d.form-pagebreak-next:hover, .form-submit-button-wood_3d.submit-button:hover { color: #852d04; background: #da936e; background-image: url(https://cdn.jotfor.ms/images/wood-over.png); } .form-submit-button-wood_3d.form-pagebreak-back:active, .form-submit-button-wood_3d.form-pagebreak-next:active, .form-submit-button-wood_3d.submit-button:active { box-shadow: 0 2px 0 0 #91350a, 0 2px 2px 1px rgba(0, 0, 0, 0.4); } .form-submit-button-3d_edgy_yellow.form-pagebreak-back, .form-submit-button-3d_edgy_yellow.form-pagebreak-next, .form-submit-button-3d_edgy_yellow.submit-button { color: #864f0b; text-shadow: 0 1px 0 #ffe245; border: 1px solid #b8882a; box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, 0.4), inset 0 0 3px 0 hsla(0, 0%, 100%, 0.4), 0 5px 0 0 #b8882a, 0 9px 0 0 rgba(0, 0, 0, 0.2); background: #f8b838; } .form-submit-button-3d_edgy_yellow.form-pagebreak-back:hover, .form-submit-button-3d_edgy_yellow.form-pagebreak-next:hover, .form-submit-button-3d_edgy_yellow.submit-button:hover { background: #ffd842; } .form-submit-button-3d_edgy_yellow.form-pagebreak-back:active, .form-submit-button-3d_edgy_yellow.form-pagebreak-next:active, .form-submit-button-3d_edgy_yellow.submit-button:active { color: #864f0b; box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, 0.4), inset 0 0 3px 0 hsla(0, 0%, 100%, 0.4), 0 2px 0 0 #b8882a, 0 4px 0 0 rgba(0, 0, 0, 0.2); } .form-submit-button-denim_dark_blue.form-pagebreak-back, .form-submit-button-denim_dark_blue.form-pagebreak-next, .form-submit-button-denim_dark_blue.submit-button { color: #eae3d9; text-shadow: 0 -2px 0 #0b101d; border: 1px dashed #eae3d9; box-shadow: 0 0 0 3px #283045, 0 2px 0 3px #0b101d, 0 6px 3px 1px rgba(0, 0, 0, 0.4); background: #4d4d4d; background-image: url(https://cdn.jotfor.ms/images/denim.png); } .form-submit-button-flat_round_teal.form-pagebreak-back, .form-submit-button-flat_round_teal.form-pagebreak-next, .form-submit-button-flat_round_teal.submit-button { color: #e3dfd4; border: 2px solid #231f20; background: #4b6e70; } .form-submit-button-flat_round_teal.form-pagebreak-back:active, .form-submit-button-flat_round_teal.form-pagebreak-back:hover, .form-submit-button-flat_round_teal.form-pagebreak-next:active, .form-submit-button-flat_round_teal.form-pagebreak-next:hover, .form-submit-button-flat_round_teal.submit-button:active, .form-submit-button-flat_round_teal.submit-button:hover { background: #5b8486; } .form-submit-button-leather_black.form-pagebreak-back, .form-submit-button-leather_black.form-pagebreak-next, .form-submit-button-leather_black.submit-button { color: #fff; text-shadow: 0 2px 0 #000; border: 2px dashed #fff; box-shadow: 0 0 0 4px #262626, 0 4px 0 4px #000, 0 6px 3px 4px rgba(0, 0, 0, 0.4); background: #4d4d4d; background-image: url(https://cdn.jotfor.ms/images/leather.png); } .form-submit-button-metal_brushed.form-pagebreak-back, .form-submit-button-metal_brushed.form-pagebreak-next, .form-submit-button-metal_brushed.submit-button { color: #2a2a2a; text-shadow: 0 1px 0 #fff; border: 1px outset #999; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 0 hsla(0, 0%, 100%, 0.7), 0 2px 4px 0 rgba(0, 0, 0, 0.4); background: #757575; background-position: 50% 50%; background-image: url(https://cdn.jotfor.ms/images/metal-brushed.png); } .form-submit-button-steel.form-pagebreak-back, .form-submit-button-steel.form-pagebreak-next, .form-submit-button-steel.submit-button { color: grey; text-shadow: 0 1px 0 #fff; border: 1px solid #999; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.7), 0 2px 4px 0 rgba(0, 0, 0, 0.4); background: #d4d4d4; background-position: 50% 50%; background-image: url(https://cdn.jotfor.ms/images/steel.png); } .form-submit-button-steel.form-pagebreak-back:hover, .form-submit-button-steel.form-pagebreak-next:hover, .form-submit-button-steel.submit-button:hover { color: #555; } .form-submit-button-steel.form-pagebreak-back:active, .form-submit-button-steel.form-pagebreak-next:active, .form-submit-button-steel.submit-button:active { color: #555; box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.34); } .form-submit-button-3d_round_yellow.form-pagebreak-back, .form-submit-button-3d_round_yellow.form-pagebreak-next, .form-submit-button-3d_round_yellow.submit-button { color: #b75902; text-shadow: 0 1px 0 #facf73; border: 1px solid #ca6014; box-shadow: inset 0 1px 0 0 #ffdb91, 0 4px 0 0 #ca6014, 0 6px 2px 1px rgba(0, 0, 0, 0.3); background: #febd25; } .form-submit-button-3d_round_yellow.form-pagebreak-back:hover, .form-submit-button-3d_round_yellow.form-pagebreak-next:hover, .form-submit-button-3d_round_yellow.submit-button:hover { background: #ffcb40; } .form-submit-button-3d_round_yellow.form-pagebreak-back:active, .form-submit-button-3d_round_yellow.form-pagebreak-next:active, .form-submit-button-3d_round_yellow.submit-button:active { box-shadow: inset 0 1px 0 0 #ffdb91, 0 2px 0 0 #ca6014, 0 2px 2px 1px rgba(0, 0, 0, 0.3); } .form-submit-button-big_green.form-pagebreak-back, .form-submit-button-big_green.form-pagebreak-next, .form-submit-button-big_green.submit-button { color: #eaf3ba; text-shadow: 0 1px 0 #71802e; border: 3px solid #8a9c38; box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, 0.35), 0 0 0 4px rgba(0, 0, 0, 0.1); background: linear-gradient(0deg, #c8db6a 0, #9fb644); } .form-submit-button-big_green.form-pagebreak-back:hover, .form-submit-button-big_green.form-pagebreak-next:hover, .form-submit-button-big_green.submit-button:hover { background: linear-gradient(0deg, #d2e477 0, #abc04f); } .form-submit-button-big_green.form-pagebreak-back:active, .form-submit-button-big_green.form-pagebreak-next:active, .form-submit-button-big_green.submit-button:active { background: linear-gradient(0deg, #abc04f 0, #d2e477); } .form-submit-button-book_blue1.form-pagebreak-back, .form-submit-button-book_blue1.form-pagebreak-next, .form-submit-button-book_blue1.submit-button { color: #fff; text-shadow: 0 1px 0 #2e4281; border: 1px solid #3d4f8b; box-shadow: inset 0 1px 0 0 #c8d0e4, 0 2px 2px 0 rgba(0, 0, 0, 0.3); background: linear-gradient(0deg, #8497c4 0, #586ca5); } .form-submit-button-book_blue1.form-pagebreak-back:hover, .form-submit-button-book_blue1.form-pagebreak-next:hover, .form-submit-button-book_blue1.submit-button:hover { background: linear-gradient(0deg, #9aacd6 0, #6f82b5); } .form-submit-button-book_blue1.form-pagebreak-back:active, .form-submit-button-book_blue1.form-pagebreak-next:active, .form-submit-button-book_blue1.submit-button:active { background: linear-gradient(0deg, #6f82b5 0, #9aacd6); box-shadow: inset 0 1px 0 0 #a5b3d5, 0 1px 1px 0 rgba(0, 0, 0, 0.3); } .form-submit-button-book_blue2.form-pagebreak-back, .form-submit-button-book_blue2.form-pagebreak-next, .form-submit-button-book_blue2.submit-button { color: #fff; text-shadow: 0 -1px 0 #142353; border: 1px solid #3d4f8b; box-shadow: inset 0 0 0 1px rgba(147, 187, 255, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.3); background: linear-gradient(0deg, #5277c8 0, #305096); } .form-submit-button-book_blue2.form-pagebreak-back:hover, .form-submit-button-book_blue2.form-pagebreak-next:hover, .form-submit-button-book_blue2.submit-button:hover { background: linear-gradient(0deg, #6f93e1 0, #4668af); } .form-submit-button-book_blue2.form-pagebreak-back:active, .form-submit-button-book_blue2.form-pagebreak-next:active, .form-submit-button-book_blue2.submit-button:active { background: linear-gradient(0deg, #4668af 0, #6f93e1); box-shadow: inset 0 0 0 1px rgba(147, 187, 255, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.3); } .form-submit-button-big_square_blue.form-pagebreak-back, .form-submit-button-big_square_blue.form-pagebreak-next, .form-submit-button-big_square_blue.submit-button { color: #121828; text-shadow: 0 1px 0 #89abd7; border: 1px solid #1d2031; box-shadow: inset 1px 1px 0 0 #a5bddf, 0 2px 3px 0 rgba(0, 0, 0, 0.4); background: linear-gradient(0deg, #6891c9 0, #4778bd); } .form-submit-button-big_square_blue.form-pagebreak-back:hover, .form-submit-button-big_square_blue.form-pagebreak-next:hover, .form-submit-button-big_square_blue.submit-button:hover { background: linear-gradient(0deg, #6e96d1 0, #4f80c5); } .form-submit-button-big_square_blue.form-pagebreak-back:active, .form-submit-button-big_square_blue.form-pagebreak-next:active, .form-submit-button-big_square_blue.submit-button:active { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3); } .form-submit-button-push_red.form-pagebreak-back, .form-submit-button-push_red.form-pagebreak-next, .form-submit-button-push_red.submit-button { color: #fff; text-shadow: 0 -1px 0 #770900; border: 3px solid #911208; box-shadow: inset 0 1px 1px 0 #ff9a50, 0 0 0 3px #c8381f; background: linear-gradient( 0deg, #ef4c26 0, #dc4116 50%, #d02e17 51%, #b21109 ); } .form-submit-button-push_red.form-pagebreak-back:hover, .form-submit-button-push_red.form-pagebreak-next:hover, .form-submit-button-push_red.submit-button:hover { background: linear-gradient( 0deg, #ff6642 0, #eb481b 50%, #df371f 51%, #c11f10 ); } .form-submit-button-push_red.form-pagebreak-back:active, .form-submit-button-push_red.form-pagebreak-next:active, .form-submit-button-push_red.submit-button:active { box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.4), 0 0 0 3px #c8381f; } .form-submit-button-big_white.form-pagebreak-back, .form-submit-button-big_white.form-pagebreak-next, .form-submit-button-big_white.submit-button { color: #999; text-shadow: 0 1px 0 #fff; border: 3px solid #fff; box-shadow: 0 0 0 1px #d9d9d9, 0 3px 7px 0 rgba(0, 0, 0, 0.4); background: linear-gradient(0deg, #e9e9e9 0, #fbfbfb); } .form-submit-button-big_white.form-pagebreak-back:hover, .form-submit-button-big_white.form-pagebreak-next:hover, .form-submit-button-big_white.submit-button:hover { background: linear-gradient(0deg, #f2f2f2 0, #fff); } .form-submit-button-big_white.form-pagebreak-back:active, .form-submit-button-big_white.form-pagebreak-next:active, .form-submit-button-big_white.submit-button:active { box-shadow: 0 0 0 1px #d9d9d9, 0 1px 2px 0 rgba(0, 0, 0, 0.4); } div.stageContainer { background-color: #f3f3fe; } .page-section li[data-type="control_button"] .selectedControls + div, .page-section li[data-type="control_button"] > div:first-child { width: 100%; } li[data-type="control_dropdown"] .form-sub-label-container > div:first-child { display: inline-block; min-width: 100%; max-width: 100%; } .form-checkbox-item, .form-radio-item { position: relative; } .form-checkbox-item .btn.btn-barebone.forDeleteOption, .form-radio-item .btn.btn-barebone.forDeleteOption { position: absolute; } .emptyPlaceholderLine, .selectionGroup { width: 100%; } .btn-barebone { margin-top: 10px; } .form-checkbox-other + label + .forDeleteOption, .form-radio-other + label + .forDeleteOption { right: -26px; top: -14px; } .signature-pad-passive { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.105 8.924h1.482c-.045-1.63-1.487-2.814-3.555-2.814-2.043 0-3.61 1.168-3.61 2.923 0 1.417 1.015 2.247 2.65 2.69l1.204.328c1.089.288 1.929.646 1.929 1.551 0 .994-.95 1.65-2.257 1.65-1.183 0-2.168-.526-2.257-1.635h-1.542c.1 1.845 1.527 2.983 3.809 2.983 2.391 0 3.768-1.258 3.768-2.983 0-1.834-1.635-2.545-2.928-2.864l-.994-.258c-.796-.204-1.855-.577-1.85-1.551 0-.865.79-1.507 2.043-1.507 1.169 0 1.999.547 2.108 1.487zM77.443 16.431h1.486V8.795h-1.486v7.636zm.75-8.815c.512 0 .94-.397.94-.885 0-.487-.428-.89-.94-.89-.517 0-.94.403-.94.89s.423.886.94.886zM84.13 19.439c1.945 0 3.446-.89 3.446-2.839V8.795h-1.457v1.238h-.11c-.263-.473-.79-1.338-2.211-1.338-1.845 0-3.202 1.457-3.202 3.888 0 2.436 1.387 3.734 3.192 3.734 1.402 0 1.943-.79 2.212-1.278h.094v1.501c0 1.179-.82 1.7-1.949 1.7-1.237 0-1.72-.62-1.983-1.043l-1.278.527c.403.92 1.422 1.715 3.247 1.715zm-.014-4.355c-1.328 0-2.019-1.02-2.019-2.52 0-1.467.676-2.606 2.019-2.606 1.297 0 1.993 1.059 1.993 2.605 0 1.576-.71 2.52-1.993 2.52zM91.056 11.897c0-1.218.746-1.914 1.78-1.914 1.01 0 1.62.661 1.62 1.77v4.678h1.487v-4.857c0-1.89-1.039-2.879-2.6-2.879-1.149 0-1.9.532-2.252 1.343h-.095V8.795H89.57v7.636h1.486v-4.534zM101.761 16.431h1.536v-4.44h5.076v4.44h1.542V6.249h-1.542v4.425h-5.076V6.249h-1.536v10.182zM115.324 16.585c1.665 0 2.843-.82 3.181-2.063l-1.407-.254c-.268.721-.914 1.09-1.759 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.651-3.838-3.381-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.635 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.053-2.024 1.154 0 1.909.855 1.914 2.024h-3.967zM120.249 16.431h1.487v-4.663c0-1 .77-1.72 1.824-1.72.309 0 .657.054.776.089V8.715a6.07 6.07 0 00-.632-.035c-.894 0-1.66.507-1.938 1.328h-.08V8.795h-1.437v7.636zM128.64 16.585c1.665 0 2.844-.82 3.182-2.063l-1.407-.254c-.269.721-.915 1.09-1.76 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.65-3.838-3.38-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.634 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.054-2.024 1.153 0 1.909.855 1.914 2.024h-3.968z' fill='%238894AB'/%3E%3Cpath d='M1 38.602c11.246 3.197 22.182-.99 31.508-7.172 4.932-3.27 9.826-7.183 12.825-12.341 1.195-2.057 2.656-5.626-1.106-5.658-4.093-.034-7.14 3.662-8.668 7.022-2.19 4.819-2.268 10.526.407 15.17 2.531 4.395 6.778 6.474 11.845 5.62 5.293-.893 9.92-4.508 13.765-7.986a40.714 40.714 0 003.966-4.093c.142-.17.642-1.006.966-1.064.12-.021.298 3.643.33 3.843.288 1.79 1.191 3.806 3.305 3.867 2.69.078 4.94-2.172 6.75-3.83.61-.559 2.55-3.241 3.583-3.241.425 0 1.249 2.143 1.437 2.428 2.484 3.764 6.132 2.401 8.96-.238.52-.485 3.305-4.367 4.436-3.667.911.563 1.313 1.893 1.78 2.778.76 1.441 1.722 2.468 3.33 3.004 3.493 1.166 7.261-2.102 10.803-2.102 1.033 0 1.561.568 2.11 1.351.749 1.068 1.521 1.813 2.873 2.103 4.188.898 7.617-3.077 11.667-2.728 1.181.101 2.063 1.292 2.949 1.927 1.788 1.28 3.938 2.167 6.127 2.478 3.509.499 7.027-.162 10.447-.9 5.905-1.277 11.752-2.799 17.667-4.031' stroke='%23DFE3ED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23clip0)' fill='%23DFE3ED'%3E%3Cpath d='M196.514 17.657L184.491 3.13a.665.665 0 00-.938-.089l-2.905 2.405a.666.666 0 00-.089.938l12.023 14.526a.664.664 0 00.451.239.666.666 0 00.488-.15l2.905-2.405a.666.666 0 00.088-.938zM181.437 9.536l-10.582 2.869a.666.666 0 00-.472.48l-4.228 16.795 7.82-6.472a3.34 3.34 0 01.815-4.137 3.337 3.337 0 014.693.442 3.338 3.338 0 01-.442 4.694 3.322 3.322 0 01-2.438.75 3.335 3.335 0 01-1.778-.721l-7.82 6.471 17.289-1.014a.668.668 0 00.561-.374l4.796-9.859-8.214-9.924z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath transform='rotate(5.386 167.573 0)' fill='%23fff' d='M167.573 0h32v32h-32z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-size: 230px; background-repeat: no-repeat; background-position: 50%; border-radius: 4px; } .form-captcha { display: block; } .form-input { display: inline-block; } li[data-type="control_fileupload"] .jfField { width: 100%; } li[data-type="control_fileupload"] .jfUpload-container { display: none; } div.question-wrapper { display: -ms-flexbox; display: flex; } .lineAlignment-Auto-Top .question-wrapper, .lineAlignment-Top .question-wrapper { -ms-flex-direction: column; flex-direction: column; } .form-line[data-type="control_email"] [data-wrapper-react="true"] { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.05px; } .form-textarea, .form-textbox:not(.validate[Email]), .question-wrapper .form-dropdown { width: 100%; } li[data-type="control_paymentmethods"] .question-wrapper { -ms-flex-direction: column; flex-direction: column; } .JotFormBuilder .formCheckboxOther, .JotFormBuilder .formRadioOther { width: auto; } .JotFormBuilder li[data-type="control_rating"] div[data-component="rating"], .JotFormBuilder li[data-type="control_scale"] div[data-component="scale"] label { pointer-events: none; } .isBuilder .form-sub-label { margin-top: 0; } .isBuilder .form-sub-label .editorHasText, .isBuilder .form-sub-label .editorNoText > div:first-child { margin-top: 11px; } li[data-type="control_autoincrement"] .question-wrapper { -ms-flex-align: start; align-items: flex-start; } li.isSelected .question-wrapper { z-index: -1; } li[data-type="control_head"].isSelected .question-wrapper { -ms-flex-direction: column; flex-direction: column; } .form-line-column.isSelected div#app_wizards.selectedControls { transform: translateX(-50%) translateY(100%); padding-top: 6px; bottom: 0; width: 100%; left: 50%; top: auto; text-align: center; } .form-line-column.isSelected div#app_wizards.selectedControls .btn { width: 36px; border-radius: 50%; padding: 0; margin-right: 5px; display: inline-block; margin-bottom: 0; } .form-line-column.isSelected div#app_wizards.selectedControls .btn:hover span { position: absolute; bottom: -26px; padding: 4px 8px; border-radius: 4px; } .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Remove:hover span { background-color: #d73027; left: -12px; } .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Properties:hover span { background-color: #49515a; left: -20px; } .form-line.isSelected .dragHandle { content: ""; position: absolute; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.548' cy='1.712' r='1.212' transform='rotate(90 14.548 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='14.548' cy='7.774' r='1.212' transform='rotate(90 14.548 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='1.712' r='1.212' transform='rotate(90 7.88 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='7.774' r='1.212' transform='rotate(90 7.88 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='1.712' r='1.212' transform='rotate(90 1.212 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='7.774' r='1.212' transform='rotate(90 1.212 7.774)' fill='%23C3CAD8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; top: 50%; transform: translate(50%, -50%) rotate(90deg); } .form-line.isSelected .dragHandle .dragHandle-point { display: none; } .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Remove:hover { background-color: #d73027; } .form-line-column.isSelected div#app_wizards.selectedControls .btn:hover { background-color: #49515a; position: relative; } .form-line-column.isSelected:not([data-type="control_widget"]):not([data-type="control_signature"]) .dragHandle, .form-line-column.isSelected:not([data-type="control_widget"]):not([data-type="control_signature"]) .dragHandle .dragHandle-point { display: none; } .isBuilder .selectionGroup .form-sub-label { margin-top: 11px; } .isBuilder .selectionGroup > .form-line { display: -ms-inline-flexbox; display: inline-flex; } .isBuilder .selectionGroup > .form-input-wide-line-fix, .isBuilder li[data-type="control_dropdown"].form-line-column .form-sub-label-container > div:first-child { display: block; } .isBuilder li[data-type="control_dropdown"].form-line-column .form-sub-label-container > div:first-child .form-dropdown { max-width: 100%; } .isBuilder li[data-type="control_spinner"].form-line-column .form-sub-label-container > div:first-child { display: block; } .isBuilder .form-line-column .form-number-input, .isBuilder li[data-type="control_email"].form-line-column .form-sub-label-container > .form-textbox, .isBuilder li[data-type="control_spinner"].form-line-column .form-sub-label-container > div:first-child .form-spinner, .isBuilder li[data-type="control_textbox"].form-line-column .form-sub-label-container > .form-textbox { max-width: 100%; } .selectionGroup .form-line-column.isSelected .form-sub-label { margin-right: 26px; } .selectionGroup .form-line-column.isSelected .form-input-wide[data-layout="half"] { width: 100%; } .JotFormBuilder #stage li.form-line:not(.form-line-column)[data-type="control_dropdown"]:not(.fixed-width) .form-input-wide[data-layout="half"] { width: calc(50% - 14px); } .form-line-column:not([data-type="control_time"]).isSelected .form-sub-label .editorHasText { margin-right: 26px; } .form-line-column:not([data-type="control_time"]).isSelected .form-sub-label:before { content: ""; position: absolute; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.548' cy='1.712' r='1.212' transform='rotate(90 14.548 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='14.548' cy='7.774' r='1.212' transform='rotate(90 14.548 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='1.712' r='1.212' transform='rotate(90 7.88 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='7.774' r='1.212' transform='rotate(90 7.88 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='1.712' r='1.212' transform='rotate(90 1.212 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='7.774' r='1.212' transform='rotate(90 1.212 7.774)' fill='%23C3CAD8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; right: 3px; bottom: -7px; } .rating-image-wrapper { width: 16px; display: inline-block; line-height: 1; } .contextMenu-list .contextMenu-itemTooltip, .rightPanel .input-tooltip { position: absolute; background: #fcefd7; color: #50351b; padding: 4px 1px 5px 4px; border-radius: 4px; white-space: normal; font-size: 9px; line-height: 10px; width: 95px; top: 3px; right: 10px; text-align: left; font-weight: 500; margin-left: 10px; display: none; } .contextMenu-list .contextMenu-itemTooltip:before, .rightPanel .input-tooltip:before { content: ""; position: absolute; width: 6px; height: 6px; background-color: #fcefd7; left: -3px; top: 44%; transform: rotate(45deg); z-index: -1; } .contextMenu-list .contextMenu-item-disabled .contextMenu-itemLabel, .contextMenu-list .contextMenu-item-disabled svg { opacity: 0.5; } .contextMenu-list .contextMenu-item-disabled:hover { color: initial; height: 44px; background-color: transparent; } .contextMenu-list .contextMenu-item-disabled:hover svg { fill: #0293e2 !important; } .contextMenu-list .contextMenu-item-disabled:hover .contextMenu-itemTooltip { display: block; } .contextMenu-list .contextMenu-item-disabled:not(.contextMenu-itemTooltip), .rightPanel .line .column { position: relative; } .rightPanel .line .column:hover .input-tooltip { display: block; } .rightPanel .input-tooltip { top: 35%; right: 50%; } .rightPanel .input-tooltip:before { z-index: 1; } .rightPanel .disabled-feature .flipSwitch.u-narrow { pointer-events: none; opacity: 0.5; } .rightPanel div[data-element-id="buttonStyle"] button { padding: 10px; border-radius: 4px; } .ButtonStylePicker-Column { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .ButtonStylePicker-Main .jf-form-buttons { outline: none; border: 0; width: auto; min-width: unset; padding: 10px 20px; } .ButtonStylePicker-Main .jf-form-buttons.form-submit-button { color: #fff; background-color: #18bd5b; } #buttonStyle .jf-form-buttons { width: auto; } .colorScheme-list li { position: relative; } .colorScheme-list li .new-scheme-icon { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; top: -11px; left: -1px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5)); } .colorScheme-list li svg:first-of-type:not(:only-of-type) { top: 29px; } .jf-brandingWrapper { text-align: center; } .jf-brandingWrapper, .jf-brandingWrapper .jf-branding { margin-left: 0 !important; } .jf-brandingWrapper .jf-branding:hover { color: orange !important; } .submitBrandingWrapper .jf-branding { margin-left: 0 !important; } .submitBrandingWrapper .jf-branding:hover { color: orange !important; } .form-line-column:not(.fixed-width) .form-dropdown, .form-line-column:not(.fixed-width) .form-textarea, .form-line-column:not(.fixed-width) .form-textbox { width: 100% !important; } .form-line-column .form-label { text-align: left !important; } .form-line .form-subHeader .editorNoText, .form-line.isNotSelected .form-sub-label .editorNoText { display: none !important; } .form-line[data-type="control_checkbox"] .form-checkbox-item input + span, .form-line[data-type="control_checkbox"] .form-radio-item input + span, .form-line[data-type="control_radio"] .form-checkbox-item input + span, .form-line[data-type="control_radio"] .form-radio-item input + span { width: 100% !important; } .form-line-column[data-type="control_image"] .form-image { height: auto !important; } .signature-pad-wrapper { height: 100% !important; } li[data-type="control_textarea"] .form-input-wide > div, li[data-type="control_textarea"] .nicEdit-main { width: 100% !important; } .cont .language-dd { margin: 5px; } .cont .language-dd .dd-placeholder { padding: 0 32px; font-size: 14px; } .language-dd .lang-list li { font-size: 12px; text-indent: 12px; } .overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 99999; } .overlay-content { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 85%; height: 72%; } .isEmbeded .overlay-content, .overlay-content { background: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 60px 20px 20px; max-width: 960px; border-radius: 6px; } .isEmbeded .overlay-content { position: relative; width: 86%; height: 60%; max-height: 580px; left: auto; margin: 0 auto; transform: translate(0); overflow: hidden; box-sizing: border-box; } .overlay.old_ui .overlay-content { padding-bottom: 60px; } .overlay-content .img-wrapper { position: relative; margin: 0 50px; max-width: 100%; -ms-flex: 1; flex: 1; } .overlay-content .img-wrapper span { max-width: 100%; max-height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 50%; width: 100%; height: 100%; border-radius: 3px; padding: unset !important; } .lb-next-button, .lb-prev-button { position: absolute; width: 36px; height: 36px; top: 50%; transform: translateY(-50%); color: transparent; cursor: pointer; opacity: 1; background-size: 16px; transition: opacity 0.15s ease; background-repeat: no-repeat; background-position: 50%; } .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: 42px; height: 42px; top: 12px; right: 12px; cursor: pointer; color: #edeef5; background-color: #edeef5; border-radius: 50%; font-family: sans-serif; font-size: 1em; font-weight: 600; text-align: center; line-height: 36px; } .lb-close-button:before { background-size: contain; background-position: 50%; content: ""; display: block; width: 21px; height: 21px; position: absolute; left: 11px; top: 10px; opacity: 0.3; transition: 0.3s; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjY4IDcuMTVMNS4wMyA0LjVsMi42NS0yLjY1YS4zOC4zOCAwIDAwLS41My0uNTNMNC41IDMuOTcgMS44NSAxLjMyYS4zOC4zOCAwIDAwLS41My41M0wzLjk3IDQuNSAxLjMyIDcuMTVhLjM4LjM4IDAgMDAuNTMuNTNMNC41IDUuMDNsMi42NSAyLjY1YS4zOC4zOCAwIDAwLjUzLS41MyIvPjwvc3ZnPg=="); } .lb-close-button:hover:before { opacity: 0.75; } .overlay.new_ui .overlay-content:not(.has_thumbnail) .lb-next-button, .overlay.new_ui .overlay-content:not(.has_thumbnail) .lb-prev-button, .overlay.new_ui .overlay-content:not(.has_thumbnail) ul, .overlay.old_ui .lb-next-button, .overlay.old_ui .lb-prev-button { display: none !important; } .overlay .overlay-content .slider-navigation ul { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; margin-top: 40px; padding-left: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .overlay .overlay-content .slider-navigation ul li { list-style-type: none; -ms-flex: 0 0 72px; 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: 50%; 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; } #cashAppModal .overlay-content { max-width: 720px; height: auto; padding: 0; } #cashAppModal .overlay-content #cash-app-spinner-container { background-color: #e3e3e3; position: absolute; width: 100%; height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } #cashAppModal .overlay-content #cash-app-spinner-container .loader { border-radius: 50%; border: 4px solid #f3f3f3; border-top-color: #009afe; width: 80px; height: 80px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } #cashAppModal #cart-modal-header { padding: 0.9375em 1.875em; border-bottom: 1px solid #d7d8e1; } #cashAppModal #cart-modal-header h1 { color: #2c3345; font-size: 1.25em; font-weight: 600; margin: 0; } #cashAppModal #cart-modal-header p { color: #57647e; font-size: 0.875em; font-weight: 400; line-height: 24px; margin: 0.375em 0 0; } #cashAppModal #cart-product-container { padding: 1.875em 1.875em 0.875em; max-height: 320px; overflow: hidden; overflow-y: auto; } #cashAppModal #cart-product-container .modal-product { display: -ms-flexbox; display: flex; margin-bottom: 18px; -ms-flex-align: center; align-items: center; } #cashAppModal #cart-product-container .modal-product .product-image-wrapper { width: 54px; height: 54px; -ms-flex: 0 0 54px; flex: 0 0 54px; border: 1px solid #e6e6e6; border-radius: 3px; padding: 4px; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; } #cashAppModal #cart-product-container .modal-product .product-image-wrapper img { width: 100%; } #cashAppModal #cart-product-container .modal-product .dummy-img img { width: 150% !important; max-width: none; } #cashAppModal #cart-product-container .modal-product .product-info { width: 100%; padding-left: 18px; } #cashAppModal #cart-product-container .modal-product .product-price { text-align: right; font-weight: 800; } #cashAppModal #cart-product-container .modal-product .product-name { font-weight: 600; font-size: 17px; color: #2c3345; } #cashAppModal #cart-product-container .modal-product .product-quantity { color: #2c3345; opacity: 0.6; font-size: 13px; margin-top: 4px; } #cashAppModal .cart-total-container { padding: 1.875em 0; margin: 0 1.875em; border-top: 1px solid #d7d8e1; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; box-sizing: border-box; } #cashAppModal .cart-total-container .total-amount { font-size: 16px; color: #2c3345; text-align: right; font-weight: 800; } #cashAppModal .cart-total-container .total-quantity { color: #57647e; font-size: 0.875em; font-weight: 400; } #cashAppModal #cart-modal-footer { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; background-color: rgba(239, 239, 246, 0.45); font-size: inherit; position: relative; width: 100%; border-radius: 0 0 4px 4px; border-top: 1px solid #d7d8e1; overflow: hidden; padding: 0.9375em 1.875em; box-sizing: border-box; } #cashAppModal #cart-modal-footer #cart-button-back { background-color: #fff; color: #8d8fa8; float: left; margin-right: 8px; border: 1px solid #8d8fa8; border-image: initial; font-size: 16px; height: 50px; border-radius: 3px; padding: 0 24px; text-transform: uppercase; cursor: pointer; } #cashAppModal.donation .overlay-content { max-width: 600px; } #cashAppModal.donation #cart-modal-header { border: 0; } #cashAppModal.donation #cart-donation-container { text-align: center; padding: 32px 0 20px; } #cashAppModal.donation .cart-total-container { -ms-flex-pack: center; justify-content: center; padding: 1.875em; border-top-style: dashed; margin: 0 10%; } #cashAppModal.donation .cart-total-container .total-amount { font-size: 20px; } #cashAppModal.donation #cart-modal-footer { -ms-flex-pack: center; justify-content: center; } #cashAppModal.donation #cart-modal-footer #cart-button-back { height: 52px; margin-right: 12px; border-radius: 6px; } @media screen and (max-width: 1024px) 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) and (max-height: 640px) { .overlay-content { border-radius: 4px; max-height: 580px; } .overlay-content .img-wrapper { margin: 0; } .overlay .overlay-content .slider-navigation ul { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; margin: 20px 0 0; padding-left: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } .overlay-content .lb-next-button, .overlay-content .lb-prev-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; top: 6px; right: 6px; } .overlay-content .lb-close-button:before { width: 14px; height: 14px; top: 7px; left: 7px; } .overlay .overlay-content .slider-navigation ul li { width: 58px; height: 58px; min-height: 58px; min-width: 58px; margin: 6px; -ms-flex: 0 0 58px; flex: 0 0 58px; max-width: 58px; } } @media screen and (max-height: 640px) and (orientation: landscape) { .overlay-content { height: 80% !important; } } @media screen and (max-width: 768px) { div.form-all { margin: 0 auto; } ul.form-section { margin: 0; padding: 0 14px; } .pageLogo-mobile, ul.page-section { max-width: inherit; } .form-header-group.hasImage { -ms-flex-direction: column; flex-direction: column; } .form-header-group .header-logo img { max-width: 100%; } li[data-type="control_head"] .form-header-group .header-text { margin-left: 0; } .form-header-group[data-imagealign="Left"] .header-logo, .form-header-group[data-imagealign="Right"] .header-logo { margin: auto; } .form-section div.form-header-group.header-large { margin: 0 -14px; padding: 28px; } .form-header-group[data-imagealign="Right"] .header-logo { margin-top: 10px; } .form-buttons-wrapper, .form-submit-clear-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } div.form-pagebreak-next-container.form-pagebreak-save-container { width: auto !important; } .form-buttons-wrapper, .form-pagebreak { margin: 0 -14px; padding: 30px 14px; } .form-submit-clear-wrapper { margin: 0 -14px; padding: 1em 14px; } li[data-type="control_pagebreak"] .form-pagebreak { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .form-line[data-type="control_birthdate"] .form-input, .form-line[data-type="control_fullname"] .form-input { width: 100%; } li[data-type="control_text"] table { width: 100% !important; } } @media screen and (max-width: 670px) { .formFooter-text { display: none; } } @media screen and (max-width: 480px) { div.question-wrapper { -ms-flex-direction: column; flex-direction: column; } ul.form-section { margin: 0; padding: 0; } .form-section div.form-header-group.header-large { margin: 0; padding: 28px 14px; } label.form-label.form-label-auto, label.form-label:not(.form-label-top) { width: 100% !important; text-align: left !important; -ms-flex-pack: start; justify-content: flex-start; } .form-line .form-input { width: 100%; margin-top: 12px; } li:not(.lineAlignment-Top)[data-type="control_widget"] .form-label:not(.form-label-top) + div.form-input { width: 100%; } .form-dropdown, .form-line-column, .form-line:not(.form-line-column) .form-input-wide[data-layout="half"], .form-textarea, .form-textbox { width: 100% !important; } .jf-form-buttons { min-width: 72px; width: auto; } .jf-form-buttons.submit-button { min-width: 100px; } .jf-form-buttons.submit-button:only-child { width: 100%; margin-left: 0; -ms-flex-pack: center; justify-content: center; } .jf-form-buttons.form-sacl-button, .jf-form-buttons.form-submit-print { min-width: 54px; } .form-buttons-wrapper, .form-pagebreak { padding: 30px 14px; margin: 0; } .form-submit-clear-wrapper { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } li[data-type="control_fullname"] [data-wrapper-react="true"] { -ms-flex-wrap: wrap; flex-wrap: wrap; } li[data-type="control_fullname"] [data-wrapper-react="true"] .form-sub-label-container { -ms-flex: 1 1 48%; flex: 1 1 48%; } li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide .form-sub-label-container:nth-child(3), li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide .form-sub-label-container:nth-child(5), li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input .form-sub-label-container:nth-child(3), li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input .form-sub-label-container:nth-child(5) { margin-left: 0; margin-top: 24px; } li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide .form-sub-label-container:nth-child(4), li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input .form-sub-label-container:nth-child(4) { margin-top: 24px; } li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container { margin-left: 8px; } li[data-type="control_datetime"] .allowTime-container { padding-left: 4px; } li[data-type="control_datetime"] .allowTime-container input { word-spacing: -3px; } li[data-type="control_datetime"] .allowTime-container .time-dropdown.form-dropdown { padding: 0 1.375em 0 0.625em; } li[data-type="control_datetime"] [data-wrapper-react="true"] { width: 100%; } li[data-type="control_datetime"] [data-wrapper-react="true"]:not(.notLiteMode) .allowTime-container input { min-width: 80px; } li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.day, li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.month { max-width: 40px; } li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.year { max-width: 58px; } li[data-type="control_datetime"] .form-sub-label-container + .form-sub-label-container { margin-left: 4px; } li[data-type="control_datetime"] .extended div + .form-sub-label-container { -ms-flex: 1 1 75%; flex: 1 1 75%; } li[data-type="control_datetime"] .extended .allowTime-container + .form-sub-label-container, li[data-type="control_datetime"] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container { margin: 0 0 0 4px; } li[data-type="control_matrix"] { overflow-x: auto; } .form-matrix-table { width: 100% !important; } li[data-type="control_time"] .form-sub-label-container { -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } li[data-type="control_time"] [data-wrapper-react="true"] { -ms-flex-wrap: wrap; flex-wrap: wrap; } li[data-type="control_time"] .until-text { -ms-flex-pack: start; justify-content: flex-start; } .until-wrapper { width: 100%; } .until-wrapper + .form-sub-label-container { margin-left: 0; } li[data-type="control_time"] .hasAMPM .form-textbox { width: 120px !important; } .form-line .form-description { right: 25px !important; overflow-y: visible; } .form-line .form-description:before { content: ""; position: absolute; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.05 6.5c0-.53.07-.94.2-1.25.12-.3.38-.65.76-1.01.38-.37.62-.64.72-.8.16-.23.24-.5.24-.77 0-.37-.1-.64-.28-.84-.18-.2-.44-.29-.8-.29-.33 0-.6.1-.81.29a1 1 0 00-.3.77H.35c0-.7.24-1.24.7-1.64.47-.4 1.08-.6 1.84-.6.79 0 1.4.2 1.84.59.44.4.66.95.66 1.67 0 .64-.3 1.26-.89 1.88l-.72.7c-.26.3-.4.73-.4 1.3H2.05zm-.1 1.81c0-.23.07-.41.22-.55a.8.8 0 01.58-.22c.25 0 .45.08.6.22.14.15.21.33.21.55 0 .22-.07.4-.2.54-.15.15-.35.22-.6.22-.26 0-.46-.07-.6-.22a.75.75 0 01-.2-.54z' fill='%23fff'/%3E%3C/svg%3E"); background-color: #687988; width: 14px; height: 14px; right: -18px; background-position: 50%; border-radius: 50%; background-repeat: no-repeat; visibility: visible; } .error-navigation-message { font-size: 14px; line-height: 1.6em; } .error-navigation-container button { height: 35px; padding: 0 15px; font-size: 14px; } .signature-pad-passive, .signature-pad-wrapper, .signature-wrapper, .signature-wrapper .pad { width: 100% !important; } .form-line[data-type="control_signature"] + .form-line[data-type="control_button"] { margin-top: 24px; } li.form-line[data-type="control_signature"]:not(.form-line-column):not(.fixed-width) .form-input-wide { width: 100%; } .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentCalendar, .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentCalendarContainer, .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentDates { max-width: 100%; } .formFooter-heightMask { height: 76px; } .formFooter-button { font-size: 0.75em; width: 160px; } li[data-type="control_spinner"] [data-wrapper-react="true"] > div { width: 100%; } .badge-wrapper { -ms-flex-pack: center; justify-content: center; } .DayPicker { position: absolute; left: -92px; background-color: #fff; } .form-multiple-column[data-columncount="2"] .form-checkbox-item, .form-multiple-column[data-columncount="2"] .form-radio-item, .form-multiple-column[data-columncount="3"] .form-checkbox-item, .form-multiple-column[data-columncount="3"] .form-radio-item, .form-multiple-column[data-columncount="4"] .form-checkbox-item, .form-multiple-column[data-columncount="4"] .form-radio-item, .form-multiple-column[data-columncount="5"] .form-checkbox-item, .form-multiple-column[data-columncount="5"] .form-radio-item { width: 100%; } .form-section-closed, ul.form-section:not(.page-section) { padding: 10px; } .jfUpload-heading.forMobile { display: block; } .jfUpload-heading.forDesktop { display: none; } .form-address-line + .form-address-line { margin-left: 8px; } .rating-item:not(:last-child) { margin-right: 0.5em; } .form-image { height: 100%; } } @media screen and (max-width: 375px) { li[data-type="control_datetime"] .extended div + .form-sub-label-container { -ms-flex: 1 1 60%; flex: 1 1 60%; } li[data-type="control_datetime"] .allowTime-container input { min-width: 80px; } } @media screen and (max-width: 320px) { li[data-type="control_datetime"] .form-sub-label-container { -ms-flex: 1; flex: 1; } li[data-type="control_datetime"] .allowTime-container { -ms-flex: 1 1 25%; flex: 1 1 25%; -ms-flex-preferred-size: auto; flex-basis: auto; } li[data-type="control_datetime"] .allowTime-container.timeAMPM { margin-top: 16px; padding-left: 0; } li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.day, li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.month, li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.year { max-width: 100%; -ms-flex: 1 1 20%; flex: 1 1 20%; } li[data-type="control_datetime"] .notLiteMode .allowTime-container { padding-left: 0; margin-top: 16px; } li[data-type="control_datetime"] .extended div + .form-sub-label-container { -ms-flex: 1 1 67%; flex: 1 1 67%; } li[data-type="control_datetime"] [data-wrapper-react="true"] { -ms-flex-wrap: wrap; flex-wrap: wrap; } li[data-type="control_datetime"] .timeAMPM [data-wrapper-react="true"] { width: auto; } div[data-component="recaptcha"] iframe { transform: scale(0.92); transform-origin: left; } } body[data-importedpdf="true"] [data-type="control_button"] [class*="form-pagebreak-"] ~ .submit-button { min-width: 98px; } div.appContainer.isPDFImporter #app div.footer #scrollToTopButton { z-index: 1; } div.appContainer.isPDFImporter #app [data-type="control_button"] .form-pagebreak { margin: 0; padding: 28px 0; } div.appContainer.isPDFImporter #app [data-type="control_button"] .form-pagebreak .submit-button { min-width: 98px; } div.appContainer.isPDFImporter #app .PDFC { width: 100%; } div.appContainer.isPDFImporter #app .PDFC input[type="checkbox"], div.appContainer.isPDFImporter #app .PDFC input[type="radio"] { width: 20px; height: 20px; left: 0; top: 1px; margin: 0; opacity: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; clip: auto; } div.appContainer.isPDFImporter #app .PDFC input[type="checkbox"] { border-radius: 2px; } div.appContainer.isPDFImporter #app .PDFC input[type="radio"] { border-radius: 50%; } div.appContainer.isPDFImporter #app .PDFC .form-radio-item :after { pointer-events: none; } div.appContainer.isPDFImporter #app .PDFC .form-matrix-values { pointer-events: auto; position: relative; } div.appContainer.isPDFImporter #app .PDFC .form-matrix-values label { pointer-events: none; position: absolute; } div.appContainer.isPDFImporter #app .PDFC .form-matrix-values input:not([type="text"]):not([type="number"]), div.appContainer.isPDFImporter #app .PDFC .form-matrix-values label { top: 50%; left: 50%; transform: translate(-50%, -50%); } div.appContainer.isPDFImporter #app .PDFC .allowTime-container .form-sub-label-container:last-child { pointer-events: none; } div.appContainer.isPDFImporter #app .PDFC .FITB input[type="checkbox"], div.appContainer.isPDFImporter #app .PDFC .FITB input[type="radio"] { left: 3px; top: 50%; } div.appContainer.isPDFImporter #app .PDFC .question-wrapper { z-index: 0; } button.form-submit-preview { background: #eff1f8; color: #2a3963; display: inline-block; text-shadow: none; box-shadow: none; cursor: pointer; line-height: normal; border: 0; width: auto; border-radius: 5px; min-width: 150px; max-width: 100%; transition: all 0.1s ease; font-size: 15px; } button.form-submit-preview * { vertical-align: middle; } button.form-submit-preview img { width: 16px; height: 16px; margin-right: 8px; } .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .btn { background-color: #18bd5b !important; border-radius: 4px !important; border-color: #18bd5b !important; } .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent { padding: 0 !important; border: 2px dashed #fff; } .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:first-child > div, .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:last-child > div, .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div { padding: 8px !important; } .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:first-child .fileUpload { border: 0 !important; } .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div .prevUploads-list { background-color: transparent !important; box-shadow: unset !important; } .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div .prevUploads-list .prevUploads-listItem { max-width: calc(32% - 8px) !important; width: calc(33.33333% - 8px) !important; margin-right: 8px !important; margin-bottom: 8px !important; background-size: cover !important; } .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:last-child textarea { min-width: unset !important; width: 100% !important; } body:not(.JotFormBuilder) .form-section label.is-empty, body:not(.JotFormCardBuilder) .form-section label.is-empty { display: none; } .hasFormUserAvatar { margin: 0; } .hasFormUserAvatar .form-all { position: relative; top: 70px; } html:lang(ar) .appointmentFieldWrapper, html:lang(ar) .badge-wrapper, html:lang(ar) .form-line[data-payment="true"] div[data-wrapper-react="true"], html:lang(ar) .form-matrix-table, html:lang(ar) .page-section li[data-type="control_button"] { direction: ltr; } html:lang(ar) .form-multiple-column, html:lang(ar) .form-single-column { width: auto; } html:lang(ar) .form-star-rating .form-star-rating-star:not(:last-child), html:lang(ar) .rating-item:not(:last-child) { margin-left: 24px; margin-right: 0; } html:lang(ar) li[data-type="control_phone"] .form-sub-label-container + .form-sub-label-container { margin-right: 8px; margin-left: 0; } html:lang(ar) .form-address-line + .form-address-line, html:lang(ar) li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container { margin-right: 24px; margin-left: 0; } html:lang(ar) .form-line[data-type="control_stripe"] div#stripe-templates { direction: rtl; width: 100%; } html:lang(ar) .form-line[data-type="control_stripe"] .payment-form-table td { padding-left: 8px; padding-right: 0; } html:lang(ar) .form-line[data-type="control_stripe"] .payment-form-table th { text-align: right !important; } html:lang(ar) .form-line[data-type="control_stripe"] .payment-form-table th:nth-child(2) { padding-left: 0 !important; } html:lang(ar) li[data-type="control_stripe"].form-line[data-payment="true"] div[data-wrapper-react="true"] { direction: rtl; } @media screen and (max-width: 480px) { html:lang(ar) .form-address-line + .form-address-line, html:lang(ar) li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container { margin-right: 8px !important; margin-left: 0; } html:lang(ar) label.form-label.form-label-auto, html:lang(ar) label.form-label:not(.form-label-top) { text-align: right !important; } } li[data-type="control_widget"] .form-input { width: 100%; } li:not(.lineAlignment-Top)[data-type="control_widget"] .form-label:not(.form-label-top) + .form-input { width: calc(100% - 240px); } @media (min-width: 481px) and (max-width: 767px) { li[data-type="control_widget"] label.form-label.form-label-auto, li[data-type="control_widget"] label.form-label:not(.form-label-top) { width: 100%; text-align: left; } li[data-type="control_widget"]:not(.lineAlignment-Top) .form-label:not(.form-label-top) + .form-input { width: 100% !important; } } .widgetsettings .close-widget-btn.btn.btn-white { border: 1px solid #ecedf3; border-radius: 4px; color: #2c3345; font-weight: 500; } .widgetsettings .close-widget-btn.btn.btn-white:hover { background-color: #f2f2f2; } .widgetsettings .update-widget-btn.btn-green { border: 1px solid #18bd5b; border-radius: 4px; background-color: #18bd5b; color: #fff; font-weight: 500; } .widgetsettings .update-widget-btn.btn-green:hover { background-color: #16aa52; } .loom-video-recorder-widget, .progress-bar-widget, .review-before-submit-widget { position: relative; } .loom-video-recorder-widget p:first-of-type strong, .progress-bar-widget p:first-of-type strong, .review-before-submit-widget p:first-of-type strong { width: 100%; height: 16px; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #2c3345; font-weight: 500; } .loom-video-recorder-widget p:nth-of-type(2), .progress-bar-widget p:nth-of-type(2), .review-before-submit-widget p:nth-of-type(2) { font-size: 11px; color: #936821; background-color: #f4d596; padding: 8px 37px; border: 1px solid #d3ba40; border-radius: 4px; margin: 0; } .loom-video-recorder-widget p:nth-of-type(2):before, .progress-bar-widget p:nth-of-type(2):before, .review-before-submit-widget p:nth-of-type(2):before { content: ""; position: absolute; left: 14px; width: 17px; height: 17px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%23936821' fill-rule='evenodd' d='M8.5 17a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm-1-7.1h2V3.6h-2v6.3zm1 3.1c.5 0 1-.4 1-1a1 1 0 00-2 0c0 .6.4 1 1 1z' clip-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .icheckbox_minimal { width: 20px !important; height: 20px !important; margin-left: 2px; background-color: #fff; background-image: none; background-position: 0 0 !important; border: 1px solid #c3cad8 !important; border-radius: 2px; transition: background-color 0.15s, border-color 0.15s; } .icheckbox_minimal.hover { border: 1px solid #c3cad8; width: 20px !important; height: 20px !important; box-shadow: 0 0 0 2px #c9d8fe; } .icheckbox_minimal.checked { position: relative !important; background-image: none !important; } .icheckbox_minimal.checked.hover { box-shadow: none !important; } .icheckbox_minimal.checked:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); content: ""; position: absolute; top: 0; left: 0; width: 20px !important; height: 20px !important; background-color: #2e69ff; border-color: #2e69ff; background-size: 10px; background-position: 50%; background-repeat: no-repeat; pointer-events: none; } iframe[data-client-id="52948fb29322cd302b00000c"] { margin-top: 10px; } body[data-type="terms-conditions"] { height: 100%; } body[data-type="terms-conditions"] #main { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .theme-light #_label { color: #dadada !important; } #_label { color: #2c3345; } #_label #_terms { text-decoration: underline; color: #00e; } div#terms_conditions_modal { position: fixed; top: 0; width: 100%; height: 100%; background: rgba(44, 51, 69, 0.904); z-index: 111; left: 0; } div#terms_conditions_modal iframe { border: 0; border-radius: 0; max-width: 752px; height: 50vh; width: 100%; border-bottom: 1px solid rgba(215, 216, 225, 0.452); } div#terms_conditions_modal[style*="block"] { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; } .terms-conditions-content { background-color: #fff; width: 100%; max-width: 752px; border-radius: 5px; font-family: var(--font); } .terms-header { padding: 30px 5%; border-bottom: 1px solid rgba(215, 216, 225, 0.452); position: relative; } .terms-header h1, .terms-header h3 { margin: 0; } .terms-header h1 { font-weight: 600; margin-bottom: 6px; font-size: 20px; } .terms-header h3 { color: #57647e; font-size: 14px; font-weight: 500; } button#terms_conditions_modal_cancel { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.903 22.586L17.317 16l6.586-6.586a.932.932 0 00-1.317-1.317L16 14.683 9.414 8.097a.932.932 0 00-1.317 1.317L14.683 16l-6.586 6.586a.932.932 0 001.317 1.317L16 17.317l6.586 6.586a.932.932 0 001.317-1.317z' fill='%23A8AAB5'/%3E%3C/svg%3E"); background-size: 26px; background-color: #edeef5; border: 0; width: 38px; height: 38px; border-radius: 50%; color: transparent; position: absolute; outline: 0; right: 26px; background-repeat: no-repeat; background-position: 50%; top: 50%; transform: translateY(-50%); } #terms_conditions_modal_accept { background-color: #2e69ff; height: 48px; padding: 0 12px; border-radius: 4px; font-size: 16px; font-weight: 500; float: right; border: 0; color: #fff; margin: 20px 5% 20px 0; font-family: Inter, sans-serif; transition: 0.2s; } #terms_conditions_modal_accept:hover { background-color: #2a5fe7; } .checklist { border-radius: 4px; } .checklist label:before { width: 20px; height: 20px; border: 1px solid #c3cad8; background-color: #fff; } .checklist label:after { width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); content: ""; position: absolute; top: 0.8em; left: 0.75em; border-radius: 2px; background-color: #2e69ff; border: 1px solid #2e69ff; background-size: 10px; background-position: 50%; background-repeat: no-repeat; transition: transform 0.2s, opacity 0.2s; } .checklist li.other label input[type="text"] { border-radius: 2px; background-color: #fff; } .checklist li:hover { background: none; } .checklist.non-mobile li:hover label:after { opacity: 0; } #inputsContainer label { font-family: Inter, sans-serif; font-size: 16px; color: #2c3345; font-weight: 400; margin-right: 5px; } #inputsContainer table, #inputsContainer tbody { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } #inputsContainer .widget-inputs-wrapper { width: 100%; } #inputsContainer tr { -ms-flex-align: center; align-items: center; margin-bottom: 10px; } #inputsContainer td, #inputsContainer th, #inputsContainer tr { display: -ms-flexbox; display: flex; } #inputsContainer td { width: 100%; } #inputsContainer input[type="text"] { box-shadow: none; font-size: 1em; border-radius: 4px; border: 1px solid #c3cad8; display: block; min-width: 100%; height: 2.5em; } @media screen and (max-device-width: 415px) and (orientation: landscape), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-width: 480px) { .custom-field-frame { width: 100% !important; } } iframe[data-client-id="529467003477f3512000001f"] { max-width: 100%; } div[data-widget-name="Smooth Signature"] { overflow-x: unset !important; } .sigNav .clearButton { text-decoration: none !important; background-color: #e7effe !important; font-size: 12px !important; cursor: pointer; color: #57647e !important; padding: 4px 10px !important; border-radius: 4px; margin-top: 4px !important; font-weight: 400 !important; bottom: unset; } .sigWrapper { border-radius: 4px; height: calc(100% - 28px) !important; } div.sigWrapper { width: 100% !important; } .review-button-wrapper { -ms-flex-pack: end; justify-content: flex-end; } #previewButtons { display: -ms-flexbox; display: flex; margin: 42px 0; } .form-all button.preview-submission-button { font-family: Inter, sans-serif; font-size: 15px; background-color: #ecedf3; color: #2c3345; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 3em; width: 128px; border-radius: 4px; border: 1px solid; cursor: pointer; font-weight: 500; box-shadow: none; margin-top: 0; margin-bottom: 0; text-shadow: none; } .form-all button.preview-submission-button#backToForm { margin-right: auto; background-color: #e5e7f2; border-color: #e5e7f2; } .form-all button.preview-submission-button#printForm { background: transparent; border-color: #c3cad8; color: #2c3345; } .form-all button.preview-submission-button.checkedSubmit { background-color: #18bd5b; border-color: #18bd5b; color: #fff; } .form-all button.preview-submission-button:hover { box-shadow: none; } div.form-all .form-buttons-wrapper button.preview-submission-button { width: 180px; background-color: #e5e7f2; color: #2c3345; border: none; } #previewContainer ul li:not(.control_head) div.label_i { font-size: 16px; font-weight: 500; padding-bottom: 6px; } #previewContainer ul li:not(.control_head) div.value.border { font-size: 15px; color: #57647e; font-weight: 500; padding-left: 0; } body[data-type="terms-scroll-widget"] #action { width: 100%; display: -ms-flexbox; display: flex; margin-bottom: 8px; } body[data-type="terms-scroll-widget"] #action > input + label { position: relative; display: -ms-flexbox; display: flex; } body[data-type="terms-scroll-widget"] #action > input + label:before { width: 20px; height: 20px; display: -ms-flexbox; display: flex; background: none !important; background-color: #fff; background-position: 0 0 !important; background-image: none; -ms-flex-negative: 0; flex-shrink: 0; } body[data-type="terms-scroll-widget"] #scrollContent { font-size: 15px; line-height: 24px; display: -ms-flexbox; display: flex; color: #394258; } body[data-type="terms-scroll-widget"] input[type="checkbox"]:focus + label:before { box-shadow: none !important; border-color: none !important; } body[data-type="terms-scroll-widget"] #action > input + label:hover:after { width: 20px; height: 20px; display: -ms-flexbox; display: flex; box-shadow: 0 0 0 2px #c9d8fe; } body[data-type="terms-scroll-widget"] #action > input:checked + label:after { box-shadow: none !important; } body[data-type="terms-scroll-widget"] #action > input + label:after { width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; content: ""; position: absolute; top: 0; left: 0; border-radius: 2px; background-color: #2e69ff; border-color: #2e69ff; background-size: 10px; background-position: 50%; transition: background-color 0.15s, border-color 0.15s; transform: none; box-shadow: none !important; background-repeat: no-repeat; border: none !important; } body[data-type="terms-scroll-widget"] .slimScrollDiv { height: 100% !important; background: #fff; border: 1px solid #c3cad8; border-radius: 4px; } body[data-type="terms-scroll-widget"] label[for="userInput"] { color: #2c3345; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; display: -ms-flexbox; display: flex; } body[data-type="terms-scroll-widget"] #scrollContent { height: 100% !important; border: none !important; height: 76vh !important; } body[data-type="terms-scroll-widget"] .required { color: #f23a3c; margin-bottom: 10px; font-weight: 500; } body[data-type="terms-scroll-widget"] .requiredText { display: none; } iframe[data-client-id="52f8550f0019ace53000000b"] #main { width: 100%; } iframe[data-client-id="52934dbf3be147110a000030"] { max-width: 100% !important; } #datepicker .input-group { width: 100%; } #datepicker .input-group .input-group-addon { display: none; } #datepicker .input-group input.form-control { height: 2.5em; border: 1px solid #c3cad8; color: #8894ab; font-weight: 500; border-radius: 4px; background-size: 16px; padding: 0 36px 0 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm-.52-5.708h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px bottom 50%; } .datePickerOptions { text-transform: uppercase; font-family: Inter, sans-serif; text-align: center; padding: initial !important; margin: 1px 0; } .datePickerOptions > span { border-radius: 4px 0 0 4px; min-width: 182px; display: inline-block; padding: 12px 15px !important; border: 1px solid #292d32; } .datePickerOptions > span:checked { border: 1px solid #3eb7fb; } .datePickerOptions:nth-of-type(2) > span, .datePickerOptions:nth-of-type(4) > span { border-radius: 0 4px 4px 0; } .progressBar-newDefaultTheme { border-radius: 3px 3px 0 0; } .progressBar-newDefaultTheme .progressBarContainer { height: 60px; padding: 0; } .progressBar-newDefaultTheme .progressBarSubtitle { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; color: #c3cad8; font-size: 12px; } .progressBar-newDefaultTheme .progressjs-inner { border-radius: 3px 3px 3px 0; } .progressBar-newDefaultTheme .progressjs-inner-completed { border-radius: 3px 3px 0 0; } .progressBar-newDefaultTheme .progressjs-progress { z-index: 9999999; background: #c3cad8; } .progressBar-newDefaultTheme .progressjs-theme-newDefault { border-radius: 3px 3px 0 0; height: 10px !important; } .progressBar-newDefaultTheme.fixed { position: fixed; max-width: 752px; width: 100%; top: 0; background-color: #fff; z-index: 10; } .progressBar-newDefaultTheme.fixed .progressBarContainer { box-shadow: 0 8px 18px -8px #c3cad8; } li[data-type="control_autoincrement"] input { border: 1px solid #c3cad8 !important; color: #8894ab; line-height: 24px; } .line-Alignment-Top-NDT .form-label + .form-input { width: 100%; max-width: 310px; } .line-Alignment-Top-NDT .question-wrapper { -ms-flex-direction: column; flex-direction: column; } body[data-theme="upcoming"] #takePhoto, body[data-theme="upcoming"] .file_upload label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 157px; height: 40px; background: #57647e; border: initial; border-radius: 4px; font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 10px 11px 10px 18px; color: #fff; text-shadow: none; box-shadow: none; } body[data-theme="upcoming"] #takePhoto:hover, body[data-theme="upcoming"] .file_upload label:hover { background-color: #384051; } body[data-theme="upcoming"] #takePhoto:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.94 14.224a3.283 3.283 0 100-6.566 3.283 3.283 0 000 6.566z' fill='%23fff'/%3E%3Cpath d='M7.66 0L5.658 2.189h-3.47C.98 2.189 0 3.169 0 4.377V17.51c0 1.21.98 2.189 2.189 2.189h17.509c1.21 0 2.189-.98 2.189-2.189V4.377c0-1.209-.98-2.188-2.189-2.188h-3.469L14.226 0H7.66zm3.283 16.415a5.474 5.474 0 01-5.471-5.472 5.474 5.474 0 015.471-5.471 5.474 5.474 0 015.472 5.471 5.474 5.474 0 01-5.472 5.472z' fill='%23fff'/%3E%3C/svg%3E"); width: 22px; height: 20px; margin-right: 10px; } body[data-theme="upcoming"] .file_upload label:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7 0H.9C.403 0 0 .406 0 .91v18.18c0 .504.403.91.9.91h19.8c.497 0 .9-.406.9-.91V.91a.904.904 0 00-.9-.91zm-.9 1.818v10.91l-4.5-4.546-5.4 6.364-4.5-3.637-3.6 3.636V1.819h18z' fill='%23fff'/%3E%3Ccircle cx='9.199' cy='6.801' r='2' fill='%23fff'/%3E%3C/svg%3E"); width: 22px; height: 20px; margin-right: 10px; } body[data-theme="upcoming"] .record-status { padding: 0 1px; border-radius: 4px; color: #f23a3c; font-family: Inter, sans-serif; font-size: 10px; } body[data-theme="upcoming"] .record-status .status-icon { width: 6px; height: 11px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3.872' cy='3.854' r='2.481' fill='%23F23A3C' stroke='%23fff'/%3E%3C/svg%3E"); margin: 0; background-size: initial; } body[data-theme="upcoming"] .record-status .status-text { margin-left: -2px; padding: 1px; } body[data-theme="upcoming"] #startbutton { background: initial; border: initial; margin: 0; box-shadow: none; } body[data-theme="upcoming"] #startbutton #take_photo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 157px; height: 40px; background-color: #57647e; border: initial; border-radius: 4px; font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #fff; text-shadow: none; box-shadow: none; margin-left: -35px; } body[data-theme="upcoming"] #startbutton #take_photo:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.94 14.224a3.283 3.283 0 100-6.566 3.283 3.283 0 000 6.566z' fill='%23fff'/%3E%3Cpath d='M7.66 0L5.658 2.189h-3.47C.98 2.189 0 3.169 0 4.377V17.51c0 1.21.98 2.189 2.189 2.189h17.509c1.21 0 2.189-.98 2.189-2.189V4.377c0-1.209-.98-2.188-2.189-2.188h-3.469L14.226 0H7.66zm3.283 16.415a5.474 5.474 0 01-5.471-5.472 5.474 5.474 0 015.471-5.471 5.474 5.474 0 015.472 5.471 5.474 5.474 0 01-5.472 5.472z' fill='%23fff'/%3E%3C/svg%3E"); width: 22px; height: 20px; margin-right: 10px; } body[data-theme="upcoming"] #startbutton #take_photo:hover { background-color: #384051; } body[data-theme="upcoming"] #removebutton { background: initial; border: initial; margin: 0; box-shadow: none; } body[data-theme="upcoming"] #removebutton #retake_photo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 157px; height: 40px; background-color: #57647e; border: initial; border-radius: 4px; font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 10px 11px 10px 12px; color: #fff; text-shadow: none; box-shadow: none; margin-left: -35px; -ms-flex-pack: initial; justify-content: normal; } body[data-theme="upcoming"] #removebutton #retake_photo:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.068 2.62c1.808 0 3.446.734 4.632 1.92l-3.322 3.322h7.862V0l-2.686 2.686A9.145 9.145 0 009.068 0C4.448 0 .636 3.42 0 7.862h2.647a6.558 6.558 0 016.42-5.241zm.102 13.76a6.531 6.531 0 01-4.631-1.92l3.321-3.322H-.002V19l2.686-2.686A9.145 9.145 0 009.171 19c4.619 0 8.432-3.42 9.067-7.862h-2.647a6.558 6.558 0 01-6.42 5.241z' fill='%23fff'/%3E%3C/svg%3E"); width: 19px; height: 19px; } body[data-theme="upcoming"] #removebutton #retake_photo:hover { background-color: #384051; } body[data-theme="upcoming"] #content, body[data-theme="upcoming"] #webcam { height: 234px !important; } body[data-theme="upcoming"] #webcam video { width: 312px !important; height: 100% !important; } body[data-theme="upcoming"] #photo { width: 312px !important; height: 234px !important; } @media (orientation: landscape) { body[data-theme="upcoming"] #photo { width: 168px !important; height: 234px !important; } } body[data-theme="upcoming"] #notification { background-color: #18bd5b; font-family: Inter, sans-serif; font-weight: 500; } .cameraFacingOptions { text-transform: uppercase; font-family: Inter, sans-serif; font-weight: 400; text-align: center; padding: initial !important; margin: 12px 0; } .cameraFacingOptions > span { border-radius: 4px 0 0 4px; padding: 12px 15px !important; border: 1px solid #292d32; min-width: 85px; } .cameraFacingOptions > span:checked { border: 1px solid #3eb7fb; } .cameraFacingOptions:nth-of-type(2) > span { border-radius: 0 4px 4px 0; } .img_container_NDT { height: 40px; line-height: 40px; font-size: 14px; display: -ms-flexbox; display: flex; font-weight: 500; margin-top: 16px; } .upload_imgContainer_NDT { padding: 8px; border-radius: 4px 0 0 4px; background-color: #dae6ff; } .upload_imgContainer_NDT > img { display: block; object-position: center; object-fit: cover; width: 26px; border-radius: 4px; height: 26px; border: 1px solid #b5c2db; } #chosen_file_name { background-color: #dae6ff; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; border-radius: 0 4px 4px 0; margin-top: 0; } .upload_delete_icon_NDT { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682a.43.43 0 00.278.131c.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%2357647E'/%3E%3C/svg%3E"); width: 32px; border-radius: 4px; background-color: #dae6ff; background-size: 12px; background-position: 50%; margin-left: 10px; margin-right: 3px; background-repeat: no-repeat; color: transparent; cursor: pointer; } .upload_delete_icon_NDT:focus, .upload_delete_icon_NDT:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682a.43.43 0 00.278.131c.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%23F23A3C'/%3E%3C/svg%3E"); box-shadow: 0 0 0 3px #c9d8fe; } .error_state_NDT { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #fad58d; padding: 6px 9px; font-size: 12px; line-height: 18px; position: relative; border-radius: 4px; width: 100%; border: 1px solid #d8ba10; color: #9a6700; margin-top: 13px; white-space: pre-wrap; clear: both; max-width: 100%; } .error_state_NDT:before { content: ""; width: 18px; height: 18px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 8px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 17a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm-.988-7.116h1.976V3.558H7.512v6.326zm.988 3.162a.995.995 0 00.988-1 .99.99 0 00-.988-.976.983.983 0 00-.988.976c0 .555.434 1 .988 1z' fill='%23936821'/%3E%3C/svg%3E"); } .webcamjs-ios-text { display: none; } body[data-type="take-photo"] .pure-button { height: auto; } .dynamicField { border-radius: 4px; height: 40px; } .dynamicField:focus { background-color: #fff; border-color: #2e69ff !important; box-shadow: 0 0 0 1px #c9d8fe; } .dynamicField:hover { border-color: #a9bff9; box-shadow: 0 0 0 1px #c9d8fe; } #main p input[type="text"].dynamicField { width: 100% !important; } .form-grading-item { margin-right: 8px; } .form-grading-label { margin-top: 8px; display: inline-block; } li[data-type="control_birthdate"] .form-sub-label { margin-top: 8px; } iframe[data-client-id="5295b800485bd19f5d000005"] { max-width: unset !important; } .isBuilder iframe[data-client-id="5295b800485bd19f5d000005"] { pointer-events: none; } /*=============================================================================== Custom CSS ===============================================================================================*/ .heading { border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin: 10px 0px; padding-top: 15px; } .opacity_ZeroPointFive { opacity: 0.5; } .opacity_One { opacity: 1; } .text_shadow { text-shadow: 0 0 3px #FF0000, 0 0 5px #008000; color: #407BC6; } .layout_menu { /* object-fit: cover; object-position: center; */ overflow: hidden; } .vertical-menu { width: 130px; position: fixed; z-index: 1; top: 260px; left: 10px; background: #eee; overflow-x: hidden; padding: 8px 0; } .vertical-menu a { color: #000000; display: block; padding: 12px; text-decoration: none; } .vertical-menu a:hover { color: #999999 } .vertical-menu a.active { background-color: #b28e78; color: white; } /* Style the tab */ .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } /* The Modal (background) */ .modal1 { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 10; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content1 { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close1 { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close1:hover, .close1:focus { color: #000; text-decoration: none; cursor: pointer; }