.affix { top:0; left:0; z-index:1; } .affix-top p.lead, .affix.shrink p.lead { margin-bottom: 0; } .affix.shrink p.lead { font-size: 1.0125em; } .fa:hover { text-decoration: none; } .fixed-bottom { position: absolute; height: 50px; width: 100%; bottom: 0; } .fixed-bottom.fixed-bottom-sm { height: 50px; } .fixed-bottom.fixed-bottom-lg { height: 135px; } #recovery-container { max-width: 600px; } #recovery-results { display: none; } #recovery-results .contents { height: 269px; } #recover-order-form { padding: 0 10px 18px 10px; } /* fastpass general styles */ html { position: relative; min-height: 100%; } #header-dropdown { float: right; clear: both; } .hide { display: none; } .show { display: block; } body { color: #484848; } img { border: 0px; } p { margin: 0 } .box-bg-color-1 { background-color: #ffffff!important; } .topwrapper { margin: 0 auto; width: 900px; } .wrapper { margin: 0 auto; margin-top: 20px; } .clear { clear: both; } .header { background: #fff; } .unobtrusive { font-size: 10px; font-style: italic; text-align: center; color: lightgray; } .smalltext { font-size: 0.7em; } .mediumtext { font-size: 0.80em; } span.title { float: left; color: #d25f5f; font-size: 70px; font-weight: bold; } td.special-instructions { font-size:18px; } .topdivider { border-top: 2px solid; padding: 5px; padding-top: 3px; min-height: 20px; } div.textleft { margin: 0px 0px 0px 20px; float: left; width: 300px; } div.textright { margin: 0px 20px 0px 0px; float: right; width: 300px; } div.passbottomleft { margin: 0px 0px 0px 20px; float: left; width: 200px; } div.passbottomright { margin: 0px 20px 0px 0px; float: left; width: 200px; } div.passbottombarcode { width: 410px; float:left; } .barcode-text { margin-top: -10px; background-color: white; text-align:center; } .required { font-style: oblique;} .red { color: red; } .box_content { margin: 0 13px 0 13px; } .product_biginfo { float: left; width: 500px; padding-bottom: 10px; } .product_info { float: left; width: 500px; min-height: 212px; } .product_title { text-align: center; } .product_title h1 { font-size: 20px; font-weight: normal; } .product_details { /* whatever */ } .product_details .content { font-size: 14px; font-weight: normal; } .product_foot { padding: 6px; } .product_links { float: left; font-size: 15px; font-weight: bolder; } .product_pricetag { float: right; font-size: 15px; font-weight: bold; } .product_sample { float: right; border: 5px solid; } .product_helper { padding:5px; margin-bottom:3px; font-weight:200; } .pass_confirmation { margin: 0px 0px 0px 20px; font-size: 14px; } .pass_confirmation h4 { font-size: 24px; font-weight: bold; } .name_confirmation { font-size: 14px; font-size: 13px; } .name_confirmation h4 { font-size: 16px; font-weight: bold; } .footer_content { text-align: center; } .table_price { text-align: right; font-size: 20px; padding-right: 15px; } .thank_you { text-align: center; padding-top: 90px; padding-bottom: 15px; } .table_off { background: #fff; } .table_item { vertical-align: middle!important; } .table_style { padding: 8px; } .addon { font-size: 12px; font-style: italic; color: #5e5e5e; } .form_cc { float: left; width: 98px; } div.lightbox { background: #fff; width: 750px; height: 100%; overflow:auto; } .lightbox_content { margin: 0 4px 0 4px; } div.lb_textleft { margin: 0px 0px 0px 20px; float: left; width: 250px; } div.lb_textright { margin: 0px 0px 0px 20px; float: left; width: 440px; } .zip_title { text-align: left; } .zip_title h1 { font-size: 29px; color: #d25f5f; font-weight: normal; } .landingmain_content { padding: 160px 13px 0 180px; } .landingzip-content { height: 473px; } .landinglist ul { list-style: none; } .landinglist li { padding-left: 60px; margin: 13px 0; font-size: 20px; font-weight: normal; line-height: 28px; } .landingzip ul { list-style: none; width: 300px; } .landingzip li { padding-left: 60px; margin: 3px 0; font-size: 20px; line-height: 16px; font-weight: normal; } .zip-content { padding: 160px 70px 0 30px; } .top-bottom-border { padding: 0px; height: 8px; margin: 0px; } div.bottom-border-large { background: url(/assets/bottom_border_large-759b3aecb7c46d47dfa0251d662871f2a86ae1f3c5389426c91a84e959b722ff.png) no-repeat scroll 0% 0% transparent; margin-bottom: 13px !important; } div.top-border-large { background: url(/assets/top_border_large-c9b5ba9621ca6c6bbc33d2a1bf240780b44ce91b0ebe4037692d5e5e5552f62c.png) no-repeat scroll 0% 0% transparent; } div.bottom-border-medium { background: url(/assets/bottom_border_medium-260cf1004c34757c3d33e0a935b823d54237537b82cc68761867f432529633f2.png) no-repeat scroll 0% 0% transparent; margin-bottom: 13px !important; width: 561px; float: left; } div.top-border-medium { background: url(/assets/top_border_medium-e013fb3507d6cf2459f2fd36ab8ce08909fc27c8b49ad5d7b982d299f00b8619.png) no-repeat scroll 0% 0% transparent; width: 561px; float:left; } div.bottom-border-small { background: url(/assets/bottom_border_small-62cf794d30b7416fa6b7fe8a4deaf28e464bb75651ef540900d622e2990d8a1a.png) no-repeat scroll 0% 0% transparent; margin-bottom: 13px !important; width: 273px; float: left; margin-left: 15px; } div.top-border-small { background: url(/assets/top_border_small-e021839bba29090db15593206b239857479d111f2e8e5a405bf0499ba593dcc0.png) no-repeat scroll 0% 0% transparent; width: 273px; float:left; margin-left: 15px; } #package_list, #basic_package_list { list-style: none; margin: 0 auto; padding: 0; width: 500px; } #map_canvas { height: 100%; } .map_canvas { height: 473px; background: #fff; } .side_bar { height: 473px; margin-left: 15px; background: #fff; } #elist .pagination { width: 100%; text-align: center; } .fbLabel { text-align:center; padding: 6px 18px; font-size: 39px; border-color: #29447E #29447E #1A356E; color: #fff; border-style: solid; border-width: 1px; font-weight: bold; line-height: normal !important; text-decoration: none; vertical-align: middle; white-space: nowrap; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; background: none repeat scroll 0 0 #5872a7; display:inline-block; } .fbShareBtn { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; margin: 0; outline: medium none; padding: 3px 0 6px; white-space: nowrap; color: #fff; font-size: 39px; } .fbLabel:active { background: none repeat scroll 0 0 #4f6aa3; border-bottom-color: #2a447e; } .fbStyleImage { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:white none repeat scroll 0 0; border:1px solid #CCCCCC !important; padding:4px; vertical-align:middle; } .fbStyleImage:hover { border:1px solid #3B5998 !important; } .inplaceeditor-form { display:inline; } /* poses */ .container:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } div.images > div.container > div.image { display: block; float: left; } div.images > div.container > div.modify { display: block; float: right; } div.images > div.container > div.image:not(:last-of-type) > div.container { margin-right: .5em; } div.image > div.container > p { font-size: 10px; font-style: italic; text-align: center; } .void .box-bg-color-1 { background-image: url(/assets/void_tile-521446012cf33571457fa8135d42b8799b0c44054284055dc56334906b3bf74f.png) !important; } .curved10 { -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .curved5 { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* POSE SECTION */ #selection-carousel { margin: 10px 20px; } .item-selector h4 { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom:20px; padding-bottom:10px; } .item_holder_container { display: inline-block; vertical-align: top; margin: 0px 5px 0px 5px; } .item_holder { background-position: center; min-height: 135px; } .item_dropper { padding: 10px 0px 25px 0px; margin: 0 auto; } .item_package { font-size: 26px; font-weight: bold; margin: 10px 11px 10px 15px; } .item_title { font-size: 20px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: white 0px 0px 3px; } .button_holder { margin: 5px 0px 10px 13px; overflow: hidden; } .Prev { width: 406px; height: 50px; float: left; } .Prev:hover, div.Next:hover { cursor: pointer; } .Next { width: 405px; height: 50px; float:left; } .error-border { border:1px solid red; } .suggestion-container, .slot-select-list { font-family: 'Lato', Calibri, Arial, sans-serif; font-weight: 300; } .suggestion-container .timeslot.timeslot-block { height: 130px; } .timeslot.timeslot-block { white-space: normal; width: 110px; border-width: 2px; border-style: solid; margin: 1px; display: inline-block; padding: 4px 10px; position: relative; vertical-align: bottom; } .timeslot.timeslot-block .slots { position: absolute; bottom: 10px; right: 12px; left: 12px; font-size: 12px; } .timeslot.timeslot-block .mondate { font-size: 20px; } .timeslot.timeslot-block .day-of-week { margin: -4px -12px 4px -12px; border-bottom-width: 3px; border-bottom-style: solid; line-height: 20px; } .timeslot.timeslot-block.blacked { line-height: 14px; } .timeslot.timeslot-block.blacked .day-of-week { border-bottom-width: 3px; border-bottom-style: solid; } .fa-3 { font-size: 3em; } .fa-4 { font-size: 7em; } .btn-wrap { white-space: normal; } .btn-remodal { font: inherit; color: #fff; -webkit-transition: background 0.2s; transition: background 0.2s; text-decoration: none; border: 0; outline: 0; } /* TODO: Override with theme styles */ .btn-remodal.btn-success { background: #81c784; } .btn-remodal.btn-info { background: #5bc0de; } .btn-remodal.btn-info:hover, .btn-remodal.btn-info:focus { background: #2aabd2; } .btn-remodal.btn-success:hover, .btn-remodal.btn-success:focus { background: #66bb6a; } .btn-remodal.btn-danger { background: #e57373; } .btn-remodal.btn-danger:hover, .btn-remodal.btn-danger:focus { background: #ef5350; } .btn-remodal.btn-default { color: #000; background: #ecf0f1; } btn-remodal.btn-default:hover, .btn-remodal.btn-default:focus { background: #e0e0e0; } a.btn-remodal:hover { text-decoration: none!important; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .btn-remodal::-moz-focus-inner { padding: 0; border: 0; } .item-in-cart { position:absolute; left: 0; top: 0; width: 100px; height: 100px; background-image:url(/assets/in_cart_premium-b4e1e87320d85ad755b87260530a5c0adf4f23d0111a695bb654495ac53f9611.gif); } .product_foot .product_pricetag, .product_foot .product_links { font-weight: 200; } .product_foot .product_pricetag { font-size: 2.38rem; } .addon-preview-container { min-height: 275px; } #step-progress h3 { font-weight: bold; } #addons .bundled { width: 186px; } #addons .price { width: 110px; } #addons .action { height: 32px; width: 100px; } #addons .action .loading_addon_animation { margin: 0px 30px; width: 16px; height: 32px; } .emphasized-addons .product_pricetag { font-weight: 200; font-size: 23px; } /* abdala changes emphasized addons */ .emphasized-addons .emphasized-addon { min-height: 200px; } @media (max-width: 767px) { .addon-preview-container { min-height: inherit; } table.table-blockable td { display: block; } .affix.shrink { width: 100%; } #addons .nav-tabs, #addons tr, #addons .product_pricetag { font-size: 1rem; } #addons .nav > li > a { padding: 5px 5px; } #addons .bundled { width: 114px; } #addons .price { width: 72px; } #addons .action { width: 42px; } #addons .action .loading_addon_animation { margin: 0px 8px; width: 16px; height: 21px; } .reset-padding-xs { padding:inherit; } .emphasized-addons .emphasized-addon { min-height: initial; } } .float-shadow { -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75); } .hideous-red-border { border:10px red solid; padding: 10px 20px; border-radius: 20px; } /* Custom Select */ .big-select { position: relative; width: 20em; height: 3em; line-height: 3; overflow: hidden; border-radius: .25em; } .big-select { padding: 0 .5em; cursor: pointer; } /* Arrow */ .big-select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em; cursor: pointer; pointer-events: none; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; } /* Transition */ .big-select:hover::after { color: #f39c12; } .margin-no { margin: 0!important; } .margin-top-no { margin-top: 0!important; } .margin-top-xs { margin-top: 0.5rem; } .margin-top-sm { margin-top: 1rem; } .margin-top-md { margin-top: 1.5rem; } .margin-top-lg { margin-top: 2rem; } .margin-top-xl { margin-top: 2.5rem; } .margin-right-no { margin-right: 0!important; } .margin-right-xs { margin-right: 0.5rem; } .margin-right-sm { margin-right: 1rem; } .margin-right-md { margin-right: 1.5rem; } .margin-right-lg { margin-right: 2rem; } .margin-right-xl { margin-right: 2.5rem; } .margin-right-xxl { margin-right: 3rem; } .margin-left-no { margin-left: 0!important; } .margin-left-xs { margin-left: 0.5rem; } .margin-left-sm { margin-left: 1rem; } .margin-left-md { margin-left: 1.5rem; } .margin-left-lg { margin-left: 2rem; } .margin-left-xl { margin-left: 2.5rem; } .margin-left-xxl { margin-left: 3rem; } .margin-bottom-no { margin-bottom: 0!important; } .margin-bottom-xs { margin-bottom: 0.5rem; } .margin-bottom-sm { margin-bottom: 1rem; } .margin-bottom-md { margin-bottom: 1.5rem; } .margin-bottom-lg { margin-bottom: 2rem; } .margin-bottom-xl { margin-bottom: 2.5rem; } .padding-no { padding: 0!important; } .padding-top-no { padding-top: 0!important; } .padding-top-xs { padding-top: 0.5rem; } .padding-top-sm { padding-top: 1rem; } .padding-top-md { padding-top: 1.5rem; } .padding-top-lg { padding-top: 2rem; } .padding-top-xl { padding-top: 2.5rem; } .padding-bottom-no { padding-bottom: 0!important; } .padding-bottom-xs { padding-bottom: 0.5rem; } .padding-bottom-sm { padding-bottom: 1rem; } .padding-bottom-md { padding-bottom: 1.5rem; } .padding-bottom-lg { padding-bottom: 2rem; } .padding-bottom-xl { padding-bottom: 2.5rem; } .padding-right-no { padding-right: 0!important; } .padding-right-xs { padding-right: 0.5rem; } .padding-right-sm { padding-right: 1rem; } .padding-right-md { padding-right: 1.5rem; } .padding-right-lg { padding-right: 2rem; } .padding-right-xl { padding-right: 2.5rem; } .padding-right-xxl { padding-right: 3rem; } .padding-left-no { padding-left: 0!important; } .padding-left-xs { padding-left: 0.5rem; } .padding-left-sm { padding-left: 1rem; } .padding-left-md { padding-left: 1.5rem; } .padding-left-lg { padding-left: 2rem; } .padding-left-xl { padding-left: 2.5rem; } .padding-left-xxl { padding-left: 3rem; } .wide100p { width:100%; } .wide15 { width:15px; } .wide20p { width:20%; } .wide49p { width:49%; } .wide60 { width:60px; } .wide64 { width:64px; } .wide85 { width:85px; } .wide111 { width:111px; } .wide120 { width:120px; } .wide135 { width:135px; } .wide150 { width:150px; } .wide190 { width:190px; } .wide216 { width:216px; } .wide275 { width:275px; } .wide375 { width:375px; } .wide426 { width:426px; } .wide435 { width:435px; } .high15 { height:15px; } .high60 { height:60px; } .high105 { height:105px; } .high120 { height:120px; } .min-wide64 { min-width:64px; } .text-center-vertical { vertical-align: middle!important; } .inline-block { display: inline-block; } .overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: white; z-index: 1; opacity: 0.5; zoom: 1; } .alert-blackout, .badge-blackout { background-color: #2e2e2e; } .alert-blackout { border-color: #f00; color: white; } .progress-info .bar, .progress .bar-blackout { background-color:#111; background-image:-moz-linear-gradient(top, #888, #000); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#888), to(#000)); background-image:-webkit-linear-gradient(top, #888, #000); background-image:-o-linear-gradient(top, #888, #000); background-image:linear-gradient(to bottom, #888, #000); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff000000', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-blackout { background-color:#222; background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .text-black { color: black; } .text-red { color: red; } .modal.quarter { width: 25%; /* respsonsive width */ margin-left:-12.5%; /* width/2 */ } .modal.third { width: 33%; /* respsonsive width */ margin-left:-16.5%; /* width/2 */ } .modal.half { width: 50%; /* respsonsive width */ margin-left:-25%; /* width/2 */ } .modal.large { width: 80%; /* respsonsive width */ margin-left:-40%; /* width/2 */ } .modal.tall { height: 80%; } .new-page { page-break-after: always; } .ip-lock { pointer-events: none; user-select: none; } a { color: inherit; } .btn-flat { background-image: none; } .fs-12 { font-size: 12px; } .fs-14 { font-size: 14px; } .fs-16 { font-size: 16px; } .fieldWithErrors { display: inline; color: red; } #errorExplanation { width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; text-align: left !important; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; } #errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; } #errorExplanation ul li { font-size: 12px; list-style: square; } /* * Remodal - v1.1.0 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* * Remodal - v1.1.0 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 855px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 855px; } /* waitMe - 1.18 [23.09.16] Author: vadimsva Github: https://github.com/vadimsva/waitMe */ .waitMe_container:not(body),body.waitMe_container .waitMe{transform:translateZ(0);backface-visibility:hidden}body.waitMe_container .waitMe{position:fixed;height:100vh}body.waitMe_container .waitMe .waitMe_content{top:50%!important;transform:none!important}.waitMe_container .waitMe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden}.waitMe_container .waitMe *{font-family:inherit;font-size:inherit;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}.waitMe_container .waitMe .waitMe_content{position:absolute;left:0;right:0;top:50%;backface-visibility:hidden}.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_progress{display:inline-block;vertical-align:middle}.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_text{display:inline-block;margin:0 0 0 20px;vertical-align:middle}.waitMe_container .waitMe .waitMe_progress{position:relative;font-size:0;line-height:0}.waitMe_container .waitMe .waitMe_progress>div{animation-fill-mode:both;display:inline-block;transform:translateZ(0);backface-visibility:hidden}.waitMe_container .waitMe .waitMe_text{position:relative;margin:20px 0 0}body.waitMe_body{overflow:hidden;height:100%}body.waitMe_body.hideMe{transition:opacity .2s ease-in-out;opacity:0}body.waitMe_body .waitMe_container:not([data-waitme_id]){position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}body.waitMe_body .waitMe_container:not([data-waitme_id])>div{animation-fill-mode:both;position:absolute}body.waitMe_body .waitMe_container.progress>div{width:0;height:3px;top:0;left:0;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:progress_body 7s infinite ease-out}body.waitMe_body .waitMe_container.working>div{width:10%;height:3px;top:0;left:-10%;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:working_body 2s infinite linear}body.waitMe_body .waitMe_container.progress>div:after{content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;transform:rotate(3deg);box-shadow:#000 1px 0 6px 1px}body.waitMe_body .waitMe_container.img>div{width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}body.waitMe_body .waitMe_container.text>div{width:100%;top:45%;text-align:center}@keyframes progress_body{0%{width:0}100%{width:100%}}@keyframes working_body{0%{left:-10%}100%{left:100%}}.waitMe_container .waitMe_progress.bounce>div{width:20px;height:20px;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1{animation-delay:-.32s}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2{animation-delay:-.16s}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.rotateplane>div{width:30px;height:30px;animation:rotateplane 1.2s infinite ease-in-out;backface-visibility:visible}@keyframes rotateplane{0%{transform:perspective(120px)}50%{transform:perspective(120px) rotateY(180deg)}100%{transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}.waitMe_container .waitMe_progress.stretch{height:60px}.waitMe_container .waitMe_progress.stretch>div{width:1px;height:100%;margin:0 4px;animation:stretch 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2{animation-delay:-1.1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3{animation-delay:-1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4{animation-delay:-.9s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5{animation-delay:-.8s}@keyframes stretch{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.waitMe_container .waitMe_progress.orbit{width:40px;height:40px;margin:auto;position:relative}.waitMe_container .waitMe_progress.orbit>div{width:100%;height:100%;margin:auto;top:0;left:0;position:absolute;animation:orbit_rotate 2s infinite linear}.waitMe_container .waitMe_progress.orbit>div>div{width:50%;height:50%;border-radius:50%;top:10%;left:10%;position:absolute;animation:orbit 2s infinite ease-in-out}.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2>div{top:auto;bottom:10%;left:auto;right:10%;animation-delay:-1s}@keyframes orbit_rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes orbit{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.waitMe_container .waitMe_progress.roundBounce{width:60px;height:60px;margin:auto}.waitMe_container .waitMe_progress.roundBounce>div{width:24%;height:24%;border-radius:50%;position:absolute;animation:roundBounce 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1{top:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{top:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{bottom:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{bottom:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5{top:-3%;left:50%;margin-top:-12%;margin-left:-12%;animation-delay:-1.1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{top:50%;right:-3%;margin-top:-12%;margin-right:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{bottom:-3%;left:50%;margin-bottom:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{top:50%;left:-3%;margin-top:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9{top:0;right:0;animation-delay:-1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{animation-delay:-.9s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{animation-delay:-.8s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10{bottom:0;right:0;animation-delay:-.7s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{animation-delay:-.6s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{animation-delay:-.5s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11{bottom:0;left:0;animation-delay:-.4s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{animation-delay:-.3s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{animation-delay:-.2s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12{top:0;left:0;animation-delay:-.1s}@keyframes roundBounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.win8{width:40px;height:40px;margin:auto}.waitMe_container .waitMe_progress.win8>div{width:100%;height:100%;opacity:0;position:absolute;margin:auto;left:0;right:0;transform:rotate(225deg);animation:win8 5.5s infinite}.waitMe_container .waitMe_progress.win8>div>div{width:15%;height:15%;border-radius:50%;position:absolute}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2{animation-delay:.24s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3{animation-delay:.48s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4{animation-delay:.72s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5{animation-delay:.96s}@keyframes win8{0%{transform:rotate(225deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{opacity:1;transform:rotate(815deg);animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}100%,76%{opacity:0;transform:rotate(945deg)}}.waitMe_container .waitMe_progress.win8_linear{margin:auto;width:150px;height:6px}.waitMe_container .waitMe_progress.win8_linear>div{width:100%;height:100%;left:0;opacity:0;position:absolute;animation:win8_linear 3s infinite}.waitMe_container .waitMe_progress.win8_linear>div>div{width:4%;height:100%;border-radius:50%}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2{animation-delay:.3s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3{animation-delay:.6s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4{animation-delay:.9s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5{animation-delay:1.2s}@keyframes win8_linear{0%,100%{transform:translateX(0);animation-timing-function:ease-out}10%{opacity:1;transform:translateX(33.333%);animation-timing-function:linear}50%{opacity:1;transform:translateX(53.333%);animation-timing-function:ease-in-out}60%{opacity:0;transform:translateX(86.666%)}}.waitMe_container .waitMe_progress.ios{margin:auto;width:40px;height:40px}.waitMe_container .waitMe_progress.ios>div{width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:ios 1s infinite linear}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1{transform:rotate(0) translate(0,-142%);animation-delay:0s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2{transform:rotate(30deg) translate(0,-142%);animation-delay:-.9167s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3{transform:rotate(60deg) translate(0,-142%);animation-delay:-.833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4{transform:rotate(90deg) translate(0,-142%);animation-delay:-.75s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5{transform:rotate(120deg) translate(0,-142%);animation-delay:-.667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6{transform:rotate(150deg) translate(0,-142%);animation-delay:-.5833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7{transform:rotate(180deg) translate(0,-142%);animation-delay:-.5s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8{transform:rotate(210deg) translate(0,-142%);animation-delay:-.41667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9{transform:rotate(240deg) translate(0,-142%);animation-delay:-.333s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10{transform:rotate(270deg) translate(0,-142%);animation-delay:-.25s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11{transform:rotate(300deg) translate(0,-142%);animation-delay:-.1667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12{transform:rotate(330deg) translate(0,-142%);animation-delay:-.0833s}@keyframes ios{0%{opacity:1}100%{opacity:.25}}.waitMe_container .waitMe_progress.facebook{margin:auto}.waitMe_container .waitMe_progress.facebook>div{width:6px;height:25px;margin-left:3px;border-radius:20px;transform:scaleY(.7);opacity:.1;animation:facebook 1.3s infinite ease-in-out}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem1{animation-delay:.2s;transform:scaleY(.7)}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem2{animation-delay:.4s;transform:scaleY(.85)}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem3{animation-delay:.6s;transform:scaleY(1)}@keyframes facebook{0%,100%{transform:scaleY(.7);opacity:.1}50%{transform:scaleY(1);opacity:1}}.waitMe_container .waitMe_progress.rotation>div{width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;animation:rotation 1s infinite linear}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.timer{width:40px;height:40px;margin:auto;border-width:2px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{border-radius:3px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;animation:timer 1.25s infinite linear;transform-origin:1px 1px}.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{height:40%;animation:timer 15s infinite linear}@keyframes timer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.pulse{width:30px;height:30px;margin:auto;position:relative}.waitMe_container .waitMe_progress.pulse>div{margin:auto;top:0;left:0;right:0;bottom:0;border-width:3px;border-style:solid;border-radius:50%;position:absolute;opacity:0;animation:pulsate 1s infinite ease-out}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.waitMe_container .waitMe_progress.progressBar{width:200px;height:20px;margin:auto;background:rgba(0,0,0,.1);padding:5px;border-radius:20px;line-height:0;max-width:100%}.waitMe_container .waitMe_progress.progressBar>div{width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);background-image:linear-gradient(-45deg,rgba(240,240,240,.4) 26%,transparent 25%,transparent 51%,rgba(240,240,240,.4) 50%,rgba(240,240,240,.4) 76%,transparent 75%,transparent);animation:progressBar 2s linear infinite}@keyframes progressBar{0%{background-position:0 0}100%{background-position:50px 50px}}.waitMe_container .waitMe_progress.bouncePulse>div{width:20px;height:20px;margin-right:1px;display:inline-block;border-radius:50%;transform:scale(.5);animation:bouncePulse 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem3{animation-delay:.1s}.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem2{animation-delay:.4s}@keyframes bouncePulse{0%,100%,80%{transform:scale(.5)}40%{transform:scale(1)}} /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit https://jqueryui.com/themeroller/ */ /* */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5/*{borderColorDefault}*/; } .ui-widget-content { border: 1px solid #dddddd/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/; color: #333333/*{fcContent}*/; } .ui-widget-content a { color: #333333/*{fcContent}*/; } .ui-widget-header { border: 1px solid #dddddd/*{borderColorHeader}*/; background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/; color: #333333/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #333333/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5/*{borderColorDefault}*/; background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #454545/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc/*{borderColorHover}*/; background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #2b2b2b/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b/*{fcHover}*/; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff/*{borderColorActive}*/; background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #ffffff/*{fcActive}*/; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff/*{borderColorActive}*/; background-color: #ffffff/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/; color: #777620/*{fcHighlight}*/; } .ui-state-checked { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899/*{borderColorError}*/; background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/; color: #5f3f3f/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-42f3fd7ecbd1e18e5e9c5cbbc2ba9ce4d81a388258a81833d38819a1406ff48d.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-42f3fd7ecbd1e18e5e9c5cbbc2ba9ce4d81a388258a81833d38819a1406ff48d.png)/*{iconsHeader}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-9dab1725ee38e87989a48796505748157d0238ac72c25a072f5162aa61e2da06.png)/*{iconsHover}*/; } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-6d81fc3fac3b17a25f4ef3eee1394642d38b1adba5c7442acef3b3c8b045cbe7.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-91e1ea5f253e72e2e9402cff2bb58fa98b5faa49f9ded999c760013b94ead7f8.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-6efc1db612130b63222e0f6bf54d37392c3f2bdb2c10ba50f5d0f1e14d63af61.png)/*{iconsError}*/; } .ui-button .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-943d9bc18134619d37406debd81636b63881363a019513c1d6e6cb13b5c5fb30.png)/*{iconsDefault}*/; } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; } .ui-widget-shadow { box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; } /*! * jQuery UI Accordion 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/accordion/#theming */ /* */ .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } /*! * jQuery UI Autocomplete 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/autocomplete/#theming */ /* */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /*! * jQuery UI Button 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/button/#theming */ /* */ .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; user-select: none; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 125+ */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /*! * jQuery UI Checkboxradio 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/checkboxradio/#theming */ /* */ .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } /*! * jQuery UI Controlgroup 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/controlgroup/#theming */ /* */ .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } /*! * jQuery UI Datepicker 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/datepicker/#theming */ /* */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /*! * jQuery UI Dialog 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/dialog/#theming */ /* */ .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Draggable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-draggable-handle { touch-action: none; } /*! * jQuery UI Menu 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/menu/#theming */ /* */ .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } /*! * jQuery UI Progressbar 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/progressbar/#theming */ /* */ .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } /*! * jQuery UI Resizable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } /*! * jQuery UI Selectable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /*! * jQuery UI Selectmenu 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/selectmenu/#theming */ /* */ .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } /*! * jQuery UI Sortable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-sortable-handle { touch-action: none; } /*! * jQuery UI Slider 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/slider/#theming */ /* */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /*! * jQuery UI Spinner 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/spinner/#theming */ /* */ .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /*! * jQuery UI Tabs 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/tabs/#theming */ /* */ .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /*! * jQuery UI Tooltip 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/tooltip/#theming */ /* */ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* */ /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* */ /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } @font-face { font-family: 'fontawesome-selected'; src: url(/../fonts/fontawesome-selected.eot); src: url(/../fonts/fontawesome-selected.eot?#iefix) format('embedded-opentype'), url(/../fonts/fontawesome-selected.woff) format('woff'), url(/../fonts/fontawesome-selected.ttf) format('truetype'), url(/../fonts/fontawesome-selected.svg#fontawesome-selected) format('svg'); font-weight: normal; font-style: normal; } .fc-calendar-container { position: relative; height: 400px; width: 400px; } .fc-calendar { width: 100%; height: 100%; } .fc-calendar .fc-head { height: 30px; line-height: 30px; background: #ccc; color: #fff; } .fc-calendar .fc-body { position: relative; width: 100%; height: 100%; height: -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px); border: 1px solid #ddd; } .fc-calendar .fc-row { width: 100%; border-bottom: 1px solid #ddd; } .fc-four-rows .fc-row { height: 25%; } .fc-five-rows .fc-row { height: 20%; } .fc-six-rows .fc-row { height: 16.66%; height: -moz-calc(100%/6); height: -webkit-calc(100%/6); height: calc(100%/6); } .fc-calendar .fc-row > div, .fc-calendar .fc-head > div { float: left; height: 100%; width: 14.28%; /* 100% / 7 */ width: -moz-calc(99.9%/7); width: -webkit-calc(99.9%/7); width: calc(99.9%/7); position: relative; } /* IE 9 is rounding up the calc it seems */ .ie9 .fc-calendar .fc-row > div, .ie9 .fc-calendar .fc-head > div { width: 14.2%; } .fc-calendar .fc-row > div { border-right: 1px solid #ddd; padding: 4px; overflow: hidden; position: relative; } .fc-calendar .fc-head > div { text-align: center; } .fc-calendar .fc-row > div > span.fc-date { position: absolute; width: 30px; height: 20px; font-size: 20px; line-height: 20px; font-weight: 700; color: #ddd; text-shadow: 0 -1px 0 rgba(255,255,255,0.8); bottom: 5px; right: 5px; text-align: right; } .fc-calendar .fc-row > div time, .fc-calendar .fc-row > div note { display: none; } .fc-calendar .fc-row > div > span.fc-weekday { padding-left: 5px; display: none; } .fc-calendar .fc-row > div.fc-today { background: #fff4c3; } .fc-calendar .fc-row > div.fc-out { opacity: 0.6; } .fc-calendar .fc-row > div:last-child, .fc-calendar .fc-head > div:last-child { border-right: none; } .fc-calendar .fc-row:last-child { border-bottom: none; } .calendar-container { height: 900px; font-family: 'Lato', Calibri, Arial, sans-serif; font-weight: 300; } .custom-calendar-full { position: absolute; top: 24px; bottom: 0px; left: 0px; width: 100%; height: auto; } .fc-calendar-container { height: auto; bottom: 0px; width: 100%; top: 50px; position: absolute; } .custom-header { padding: 20px 20px 10px 30px; height: 50px; position: relative; } .custom-header h2, .custom-header h3 { margin: 0; float: right; font-weight: 300; text-transform: uppercase; letter-spacing: 4px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); } .custom-header h2 { color: rgb(113,189,107); } .custom-header h2 a, .custom-header h2 span { color: rgba(255,255,255,0.3); font-size: 18px; letter-spacing: 3px; white-space: nowrap; } .custom-header h2 a { color: rgba(255,255,255,0.5); } .no-touch .custom-header h2 a:hover { color: rgba(255,255,255,0.9); } .custom-header h3 { color: #ddd; /* CUSTOMIZE THIS COLOR: month text color */ color: rgba(113,189,107, 0.6); font-weight: 300; line-height: 30px; text-align: right; padding-right: 75px; } .custom-header nav { position: absolute; right: 20px; top: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-header nav span { float: left; width: 30px; height: 30px; position: relative; color: transparent; cursor: pointer; /* CUSTOMIZE THIS COLOR: prev/next button color */ background: rgba(113,189,107,0.3); margin: 0 1px; font-size: 20px; border-radius: 0 3px 3px 0; box-shadow: inset 0 1px rgba(255,255,255,0.2); } .custom-header nav span:first-child { border-radius: 3px 0 0 3px; } .custom-header nav span:hover { /* CUSTOMIZE THIS COLOR: prev/next button hover color */ background: rgba(113,189,107,0.5); } .custom-header span:before { font-family: 'fontawesome-selected'; color: #fff; display: inline-block; text-align: center; width: 100%; text-indent: 4px; } .custom-header nav span.custom-prev:before { content: '\25c2'; } .custom-header nav span.custom-next:before { content: '\25b8'; } .custom-header nav span.custom-current:before { content: '\27a6'; } .fc-calendar { width: auto; top: 10px; bottom: 20px; left: 20px; right: 20px; height: auto; border-radius: 20px; position: absolute; } .fc-calendar .fc-body { /* CUSTOMIZE THIS COLOR: calendar bg */ background: rgba(113,189,107,0.1); } .fc-calendar .fc-head { /* CUSTOMIZE THIS COLOR: day header bg */ background: rgba(210,95,95,0.2); /* CUSTOMIZE THIS COLOR: date text */ color: rgba(210,95,95,0.9); /* CUSTOMIZE THIS COLOR: header top border*/ box-shadow: inset 0 1px 0 rgba(210,95,95,0.2); border-radius: 20px 20px 0 0; height: 40px; line-height: 40px; padding: 0 20px; } .fc-calendar .fc-head > div { font-weight: 300; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; text-shadow: 0 1px 1px rgba(0,0,0,0.4); } .fc-calendar .fc-row > div > span.fc-date { /* CUSTOMIZE THIS COLOR: day number color (90% opacity) */ color: rgba(113,189,107,0.9); text-shadow: none; font-size: 26px; font-weight: 300; bottom: auto; right: auto; top: 10px; left: 10px; text-align: left; text-shadow: 0 1px 1px rgba(0,0,0,0.3); } .fc-calendar .fc-row > div > span.fc-emptydate { color: rgba(255,255,255,0.4); } .fc-calendar .fc-body { border: none; padding: 20px; } .fc-calendar .fc-row { /* CUSTOMIZE THIS COLOR: row bottom border*/ box-shadow: inset 0 -1px 0 rgba(113,189,107,0.2); border: none; } .fc-calendar .fc-row:last-child { box-shadow: none; } .fc-calendar .fc-row:first-child > div:first-child { border-radius: 10px 0 0 0; } .fc-calendar .fc-row:first-child > div:last-child { border-radius: 0 10px 0 0; } .fc-calendar .fc-row:last-child > div:first-child { border-radius: 0 0 0 10px; } .fc-calendar .fc-row:last-child > div:last-child { border-radius: 0 0 10px 0; } .fc-calendar .fc-row > div { /* CUSTOMIZE THIS COLOR: col right border */ box-shadow: -1px 0 0 rgba(113,189,107,0.2); border: none; padding: 10px; cursor: pointer; } .fc-calendar .fc-row > div:first-child{ box-shadow: none; } .fc-calendar .fc-row > div.fc-today { background: transparent; /* CUSTOMIZE THIS COLOR: today glow */ box-shadow: inset 0 0 100px rgba(113,189,107,0.2); } .fc-calendar .fc-row > div.fc-today:after { z-index: -1000; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; /* CUSTOMIZE THIS COLOR: today bg (20% opacity) */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -o-llinear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); } .fc-calendar .fc-row > div > div { margin-top: 50px; } .fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span { /* CUSTOMIZE THIS COLOR: event text color */ color: rgba(210,95,95,0.9); font-size: 12px; text-transform: uppercase; display: inline-block; padding: 3px 5px; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin-bottom: 1px; background: rgba(255,255,255,0.1); text-shadow: 0 1px 1px rgba(0,0,0,0.4) } .no-touch .fc-calendar .fc-row > div > div a:hover { background: rgba(255,255,255,0.3); } .fc-calendar-event { text-align: center; } .no-hand, .fc-previous-month, .fc-next-month { cursor: default!important; } .custom-header .disabled { cursor: not-allowed; opacity: 0.25; } .fc-calendar .custom-select { position: absolute; left: 3px; right: 3px; display: block; margin: 0 auto; /* max-width: 130px; min-width: 71px; */ border: 1px solid; border-color: inherit; background-color: inherit; z-index: 10; } .fc-calendar .custom-select select { border: none; outline: none; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; margin: 0; display: block; width: 100%; padding: 6px 20px 5px 5px; font-size: 14px; /* color: #714BB9; */ color: inherit; } .fc-calendar .custom-select:after { position: absolute; right: 0; top: 0; width: 30px; height: 100%; line-height: 30px; content: "∨"; text-align: center; /* color: #714BB9; */ color: inherit; font-size: 13px; border-left: 1px solid #3C1C78; border-color: inherit; z-index: -1; } .fc-calendar .fc-row > div.fc-no-content { opacity: 0.5; } @media screen and (min-width: 880px) and (max-width: 991px) { .fc-calendar .custom-select:after { left: 70px; width: 16px; } } @media screen and (max-width: 880px) , screen and (max-height: 450px) { html, body, .calendar-container { height: auto; } .custom-header, .custom-header nav, .custom-calendar-full, .fc-calendar-container, .fc-calendar, .fc-calendar .fc-head, .fc-calendar .fc-row > div > span.fc-date { position: relative; top: auto; left: auto; bottom: auto; right: auto; height: auto; width: auto; } .custom-header-bottom { padding-top: 0px; } .custom-header nav { clear: both; width: 284px; margin: 10px auto; } .custom-header nav span { font-size: 12px; width: auto; height: auto; } .custom-header nav span.custom-prev:before { content: '\25c2 prev month'; } .custom-header nav span.custom-next:before { content: 'next month \25b8'; } .fc-calendar { margin: 0 20px 20px; } .custom-header h2, .custom-header h3 { float: none; width: auto; text-align: center; padding-right: 10px; } .fc-calendar .fc-row, .ie9 .fc-calendar .fc-row > div, .fc-calendar .fc-row > div { height: auto; width: 100%; border: none; } .fc-calendar .fc-row > div { float: none; min-height: 50px; /* CUSTOMIZE THIS COLOR: box border */ box-shadow: inset 0 -1px rgba(113,189,107,0.2) !important; border-radius: 0px !important; } .fc-calendar .fc-row > div:empty { min-height: 0; height: 0; box-shadow: none !important; padding: 0; } .fc-calendar .fc-row { box-shadow: none; } .fc-calendar .fc-head { display: none; } .fc-calendar .fc-row > div > div { margin-top: 0px; padding-left: 10px; max-width: 70%; display: inline-block; } .fc-calendar .fc-row > div.fc-today { background: rgba(255, 255, 255, 0.2); } .fc-calendar .fc-row > div.fc-today:after { display: none; } .fc-calendar .fc-row > div > span.fc-date { width: 30px; display: inline-block; text-align: right; } .fc-calendar .fc-row > div > span.fc-weekday { display: inline-block; width: 40px; color: #fff; color: rgba(113,189,107,0.7); font-size: 10px; text-transform: uppercase; } .fc-calendar .fc-row .fc-past, .fc-calendar .fc-row .fc-previous-month, .fc-calendar .fc-row .fc-next-month { display: none; } .fc-calendar .custom-select { left: 80px; right: 8px; top: 8px; } } /* Unminified development version of the datepicker stylesheet. Please use the minified version in production - remember to run a find/replace on the minified file to update the image locations to suit your installation - more info can be found in the header of the minified file. F.Y.I: Here's the HTML produced for each instance of the datePicker, in this case associated with a form element having an id of "demo-1" */ /* Hide the datepickers associated input by using a className */ .fd-hidden-input { display:none; } /* Screen reader class - used to hide spans inside each cell from the visual display. See: http://webaim.org/techniques/css/invisiblecontent/ */ .fd-screen-reader { position:absolute; left:-999em; top:auto; width:1px; height:1px; overflow:hidden; -moz-outline: 0 none; outline: 0 none; } /* The wrapper div */ .date-picker { position:absolute; z-index:9999; text-align:center; /* Change the font-size to suit your needs. The following line is for the demo that has a 14px font-size defined on the body tag. All other rules are "em" based and inherit from the font-size set here. */ font:900 0.8em/1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Arial, "Lucida Grande", sans-serif; background:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; /* Set the fade in/out animation time here. This is used for browsers that support CSS transitions. Non-supporting browsers receive the fade effect using a Javascript fallback. */ opacity:1; -webkit-transition:opacity .75s ease-in-out; -moz-transition:opacity .75s ease-in-out; -ms-transition:opacity .75s ease-in-out; -o-transition:opacity .75s ease-in-out; transition:opacity .75s ease-in-out; } .date-picker div { border:1px solid rgba(255, 255, 255, 0.8); border-radius:0.8em; } /* The following rule is used whenever CSS Animations are supported by the browser */ .date-picker.fd-dp-fade { opacity:0; } /* Styles for the static datePickers */ .static-datepicker { position:relative; top:5px; left:0; margin-bottom:1.5em; } /* The iframe hack to cover selectlists in IE6 */ .iehack { position:absolute; background:#fff; z-index:9998; padding:0; margin:0; border:0; display:none; } /* The activation "button" created beside each input for popup datePickers */ .date-picker-control span { display:block; width:18px; height:18px; overflow:hidden; margin:auto 0; resize:none; outline:none; } /* The hover effect on the activation button */ .date-picker-button-active span, .date-picker-control:focus span, .date-picker-control:hover span, .date-picker-control:active span { outline:none; box-shadow:0 0 5px rgba(40, 130, 170, 0.7); border-radius:2px; } /* A base64 encoded image-sprite is used for the activation button. IE6 and 7 get fed "normal" png images within the rule that follows. */ .date-picker-control:link, .date-picker-control:visited { position:relative; display: -moz-inline-box; border:0 none; padding:0; margin:0 4px; background-color:transparent; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAB+CAYAAAAp+EF2AAAD8ElEQVRo3u2Zu0scXxTHz8zcXR0H8UnEIpXyQ8TGaJNCFAlqEUyTMlUaWTC/IoR0vxQ2vz8hfZJGIki2URARkkbxhSJq4avI7uqK7x2V9XF/93v83WGzmIezKVLcL1zmvubcc+49w352xurr63tZW1s7EI1GPSkloVxfX5Ou55f8sYuLCz+TybwRMNLf3++dn5+jk8vl5eU39Ww2G/TlX6+urrzZ2dkBAU9gZGVlBZ08If+qC9r5Y6WlpeQ4jmf/714oI9orhCuOj49peXmZDg4OCDo6OqKSkhKswm0stL+/T5WVlWTbNvchVLQxhjpsiEgkQm1tbWwANy8uLlJ9fT2Vl5dzGzePjY1RR0cH1zFvfX2dOjs7ybIs2tjYoOHhYbLhHizrmyBcc0tuH25GKLhCqMOGQEgTExMcKzQ1NUX/vntHjoiS1l8lxbwYdHJywl4cHh5y3/b2NteF53kcGjYQK66urtL1wzYSKjQtMfyRuru7eRz7hT1FG8L8oaEhsmEAljFJb/Bt0uMoOiwdGmxwaOPj48FebG1tUTqRIqfYDSaXp1I0MjLCdZXFtLa2xp7BSCKRuDnxWCwmVZxSnYZU8Ut1QjKVSkl1rFJtolSTZTweD9o7OztydHRUai0sLMiWlhYpckPTp5J7YmgLIQhpokPMVRAakml6eppc1+WbsJG+73Pq64TE4wNDqOs80qeIMHGSAqvV1dUFmQsjjY2NQeZCu7u71NzcHGQ5rq2trUH+wYbARKxeVVXFhlCHERQtpAjGtYeYU11dze2ysrKbFFEe+Ol02kNCYlIymeRnDZN1/DjJmZkZbus8gnGMbW5u0unpqW8pF1/W1NQMKPc8TOQHULCjwROPvqKiIq5jQYSv2zCiUuANGRkZGRl9R5ZiyGcK/2KK3NyQDHmmfn3fgiFjiiHdAhjSVQwZA0O6v4EhXcOQIRiSQSudZjrRAt7dmSHn5uaooaGBKioqAg9Qurq6fsiQ4jaG1GHk8uKdGRJuK/Tjk9NaWloKQvseQ3Jo7e3tvCcwNjk5SU1NTQEvoYA8enp6uL63t0fz8/NBaDjlwcFBMgz5awx5phLQLZAhz8CQzxRDxpR7bkiGPFMp8Nb8RhgZGRn9iCHNe0jDkIYhzXtI8x7SvIc0MjIyuhNDPn/x9NP9qsbeomgxhWHI7MU5HWa/xgWMvOj/mwpgSJqZlb0CnhTKkMKJkmHIkN+y3394T8Xql1QrEomG+5b9+MkjevCgmRxbqJVtev3qn59+y76dIS2HjdgolhOOIUEeXwY+M23chGPxzeZb9p/EkBk/w39iCmFI/9QnMOSnezX3eiMiQmEYEkaSiWT8P0zZxbn5chQoAAAAAElFTkSuQmCC); background-repeat:no-repeat; background-position:0 -72px; min-width:18px; line-height:1; cursor:pointer; visibility:visible; text-decoration:none; vertical-align:text-bottom; resize:none; } /* IE6 & 7 fed "normal" png images */ .oldie .date-picker-control:link, .oldie .date-picker-control:visited { /* IE7 gets a non-base64 encoded image sprite of the base64 encoded image declared above. That's all you have to do for IE7 support as it inherits the background-position declarations used to reposition the sprite */ *background-image:url(/assets/global/datepicker/datepicker-sprite-4ff9cc627472a0be20962a51fccca858c9944a75237f84c6250c251f0f6221e0.png); /* IE6 gets the filter treatment and an individual image for each animation state. This pattern is repeated for all other image-based rules within the stylesheet */ _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/assets/global/datepicker/datepicker-normal-cc024191509ca12b047886b3e6d4de8e9140e732f56e385c2221e669fee75455.png'); } /* If the datepicker has a valid date then use a different icon for the activation button to let the user know. It's a little detail but it's the little things in life etc */ .date-picker-dateval:link, .date-picker-dateval:visited { background-position:0 -108px; } /* Again, IE6 gets a "normal" png image from the server. Rinse, repeat. */ .oldie .date-picker-dateval:link, .oldie .date-picker-dateval:visited { _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/assets/global/datepicker/datepicker-selected-4d1127aa41edf7ba5e669f287129cc2913e56ebe61f8ac3b1dccd7218b5e7576.png'); } /* Hover states etc for the activation button */ .date-picker-button-active:link, .date-picker-button-active:visited, .date-picker-control:focus, .date-picker-control:hover, .date-picker-control:active { background-position:0 0; } /* IE 6 activation button hover states */ .oldie .date-picker-button-active:link, .oldie .date-picker-button-active:visited, .oldie .date-picker-control:focus, .oldie .date-picker-control:hover, .oldie .date-picker-control:active { _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/assets/global/datepicker/datepicker-focused-4a87fb31dace1339eac1c1e749524e9a10aff2c48ab40781d152861f3d83597a.png'); } /* Disabled activation button */ .date-picker-control-disabled:link, .date-picker-control-disabled:visited, .date-picker-control-disabled:hover, .date-picker-control-disabled:active { background-position:0 -36px; cursor:default; } /* IE 6 disabled activation button */ .oldie .date-picker-control-disabled:link, .oldie .date-picker-control-disabled:visited, .oldie .date-picker-control-disabled:hover, .oldie .date-picker-control-disabled:active { _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/assets/global/datepicker/datepicker-disabled-786d41145d2de055ef66716263fa52537a1242d1c4e21b7b6a2d60440ee6431b.png'); } .date-picker-control-disabled:hover span, .date-picker-control-disabled:active span { box-shadow:none !important; } /* Feed IE6 the following rule, IE7 should handle the min-width declared previously. */ .oldie .date-picker-control { _width:18px; } /* IE, older Safari & Opera. Seperate CSS rule seems to be required. */ .date-picker-control { display:inline-block; outline:none !important; } /* Default datepicker "button" styles */ .date-picker th span { display:block; padding:0; margin:0; text-align:center; line-height:1em; border:0 none; background:transparent; font-weight:bold; cursor:pointer; } /* The "month, year" display */ .date-picker .month-display, .date-picker .year-display { display:inline; text-transform:uppercase; letter-spacing:1px; font-weight:normal; font-size:1.2em; } /* Generic button class for Next & Previous (both month & year) buttons */ .date-picker .prev-but, .date-picker .next-but { font-weight:normal; font-size:2.4em; font-family: georgia, times new roman, palatino, times, bookman, serif; cursor:pointer; } .date-picker .prev-but, .date-picker .next-but, .date-picker .today-but { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } /* Hover effect for Next & Previous (month, year) buttons */ .date-picker .prev-but:hover, .date-picker .next-but:hover, .date-picker .today-but:hover { color:#a84444; } .date-picker .prev-but:hover, .date-picker .next-but:hover { /* Uncomment this if you want a scale effect -webkit-transform:scale(1.6); -moz-transform:scale(1.6); -ms-transform:scale(1.6); -o-transform:scale(1.6); transform:scale(1.6); text-shadow:0 2px 1px rgba(0,0,0,.4); */ } /* Today button */ .date-picker .today-but { text-align:center; margin:0 auto; font-weight:normal; font-size:1em; width:100%; text-decoration:none; padding-top:0.3em; text-transform:uppercase; vertical-align:middle; cursor:pointer } /* Disabled buttons */ .date-picker-disabled .prev-but, .date-picker-disabled .next-but, .date-picker-disabled .today-but, .date-picker-disabled .prev-but:hover, .date-picker-disabled .next-but:hover, .date-picker-disabled .today-but:hover, .date-picker .prev-but.fd-disabled:hover, .date-picker .next-but.fd-disabled:hover, .date-picker .fd-disabled, .date-picker .fd-disabled:hover { color:#aaa; cursor:default !important; opacity:1; } .date-picker .prev-but.fd-disabled:hover, .date-picker .next-but.fd-disabled:hover { /* Uncomment this if you have uncommented the "scale" rules above -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); */ text-shadow:0 -1px 1px rgba(255,255,255,.8); } /* The gradient background image */ .date-picker table, .date-picker td, .date-picker tbody th, .date-picker .day-disabled, .date-picker .date-picker-hover.day-disabled, .date-picker .date-picker-unused, .date-picker .month-out { background-color:#fff; background-image:url(data:image/gif;base64,R0lGODlhJgBbAMQAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5f///wAAAAAAAAAAACH5BAEAABwALAAAAAAmAFsAAAX/4CaOZGmeaKqubOu+cCzPWm3feK7vfO//wCAvQywaj8ikcslsOp/QJWZKrVqv2Kx2y+16v9qLeEwum8/otHqttrjf8Lh8Tq/b7/aKfs/v+/+AgYKDhIWGgRSJiouMjY6PkJGSkROVlpeYmZqbnJ2enRKhoqOkpaanqKmqqRGtrq+wsbKztLW2tRC5uru8vb6/wMHCwQ/FxsfIycrLzM3OzQ7R0tPU1dbX0Q3a29zd3t/g4eLj4gzm5+jp6uvs7e7v7gvy8/T19vf4+fr7+gr+/wADChxIsKDBgwYTKFzIsKHDhxAjSpwoEYHFixgzatzIsaPHjx4PiBxJsqTJkyhTi6pcybKly5QGYsqcSbOmzZs4c+rMWaCnz59AgwodSrSo0aIEkipdyrSp06dQo0qdSrUq1AFYs2rdyrWr169gw4odS/argLNo06pdy7at27dw48qd6zaA3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4tOHAIAOw==); background-repeat:repeat-x; background-position:0 0; } .oldie .date-picker table, .oldie .date-picker td, .oldie .date-picker tbody th, .oldie .date-picker .day-disabled, .oldie .date-picker .date-picker-hover.day-disabled, .oldie .date-picker .date-picker-unused, .oldie .date-picker .month-out { *background-image:url(/assets/global/datepicker/datepicker-gradient-3840d2a836970273381b8d955cca8b535d14f7fad5fd0aa1a945c43ddc3c731c.gif); /* Remove from IE6 as it has a bug that never caches images on dynamically created elements which results in one http request being made for each cell of each table rendered by the script. */ _background-image:none; } .date-picker table { table-layout:auto; empty-cells:show; border-spacing:2px; border-collapse:separate; position:relative; margin:0; padding:0; border:1px solid #ccc; background-position:0 -20px; text-align:center; padding:0.3em; width:auto; height:auto; color:#555; font-size:1em; border-radius:0.8em; box-shadow:0px 0px 5px #aaa; } /* Create a "Lifted Corners" effect on the table. Ripped straight from @necolas http://nicolasgallagher.com/css-drop-shadows-without-images/ */ .date-picker:before, .date-picker:after { content:""; position:absolute; z-index:-2; bottom:17px; left:10px; width:50%; height:20%; max-width:300px; max-height:100px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .date-picker:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); } .oldie .date-picker:before, .oldie .date-picker:after { display:none; } /* Common TD & TH styling */ .date-picker td, .date-picker tbody th { padding:0; text-align:center; vertical-align:middle; cursor:pointer; background-position:0 -35px; width:3em; height:3em; overflow:hidden; outline:transparent none 0px; border:1px solid #cfcfcf; text-transform:none; font-weight:normal; text-shadow:0 1px #fff; border-radius:3px; } .date-picker th { border:0 none; padding:0; font-weight:bold; color:#333; text-align:center; vertical-align:middle; text-transform:none; } .date-picker .date-picker-week-header { border:1px solid #dcdcdc; font-style:oblique; background:transparent; cursor:default; } .date-picker .date-picker-thead .date-picker-week-header { border:0 none; cursor:help; } /* The "mon tue wed etc" day header styles */ .date-picker .date-picker-day-header { cursor:help; border:0 none; padding:0 0 0.2em 0; text-transform:lowercase; height:auto; } /* tfoot status bar */ .date-picker .date-picker-statusbar { cursor:default; font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; border:0 none; background:#fff; height:2.8em; } /* TD cell that is _not_ used to display a day of the month */ .date-picker .date-picker-unused { border-color:#dcdcdc; cursor:default !important; background-position:0 -25px; } /* The TH cell used to display the "month, year" title */ .date-picker .date-picker-title { width:auto; height:auto; padding:0.4em 0; } /* The "todays date" cell style */ .date-picker .date-picker-today { background:#fff url(data:image/gif;base64,R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==) no-repeat 0 0; } .oldie .date-picker .date-picker-today { *background:#fff url(/assets/global/datepicker/datepicker-today-f68aa11332a01ac654fde9f2a54de9c00b2aea8cc120cf099a6ebfbfe7a1ff9b.gif) no-repeat 0 0; } .date-picker .month-out.date-picker-highlight { color:#b87676; } /* The "highlight days" style */ .date-picker .date-picker-highlight { color:#a86666; } /* The "active cursor" style */ .date-picker td { /* Uncomment this if you want a transition on the cursor cells scale effect -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; */ } /* Keyboard users get a scaled cursor. webKit exhibits buggy behaviour when scaling TD cells so commented out until I find a curious CSS based fix. Opera no longer appears to apply the scale... ho hum... */ .date-picker-focus .date-picker-hover { /* -webkit-transform:scale(1.25); */ -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); } .date-picker .date-picker-hover, .date-picker .month-out.date-picker-hover { background:#fff url(data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAASwAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwUDAwMFBQQDAwQFBgUFBQUFBggGBwcHBwYICAkKCgoJCAwMDAwMDA4ODg4OEBAQEBAQEBAQEAEDBAQGBgYMCAgMEg4MDhIUEBAQEBQREBAQEBARERAQEBAQEBEQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAIwIIAwERAAIRAQMRAf/EAHgAAQEBAQEBAAAAAAAAAAAAAAABBAMCCQEBAQEBAQEAAAAAAAAAAAAAAAECAwQFEAABAQgBAwMFAQEBAAAAAAAAEwFh0QIDkwQVVDFBgSFRBRFxkaGyczVEEQEAAgMBAAIDAQAAAAAAAAAAARFRAhITMQMhcTIi/9oADAMBAAIRAxEAPwD6R53yGZJm5EkmRUlZLUnYxjKkzGMYyZvb6npiIp8f7Ps26n8z8uOzzuTUuTRNcwx6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNnncmpcmiOYPTbMmyzuTUuTRHMHptmTZ5vJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZvJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzmf+mpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmzzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZ53JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZZvkqv0+RymfXpVqf201rH4hj7Z/3P7Z1XlpzsWeKLFWiixV4osVeKLFniixZ4osV9miixZ4osWeKLFXiixUUWKvFFioosWeKLFXiixZ4osVaKLFniixZ4osWeKLFWiixUUWKiixV4osWeKLFvXqKLFWiixb06iixZ4osWeKLFniixVoosVFFioosWeKLFniixV4osVeKLFniixZ4osWeKLFXiixUUWKvFFioosWeKLFniixUUWLPFFizxRYq0UWKiixUUWLPFFizxRYs8UWKvFFioosWeKLFXiixZ4osVaKLFXii3n5Wp9PlMxntWq/20a/EL9v9z+5ZWVTTnYq8FirPcFivqCxV4LFXgsVBYo/9gsVBYqCxV4LFQWK+nUFirwWKgFXgsVBYq8FioLFQWKgsVZ7gsVeCxUFirwCoLFX/ALBYqCxUFioLFfUFirwWKs9wWKgsVeCxV4LFQWKv/YLFQWKvBYqAVBYq8FioLFfTqCxV4LFQCr/2CxUFivqCxV4LFWe4LFQWKvBYq8FjaoLFQWKvBYr3+oLFQDKoLFXgsVZ7gsV9QW7fLf8AWzf96v8AbSa/EN/b/c/uWQ05J5AM69QHdoDyBfIACAXsBAHkAzoA7dQHkCsIIUPIBgFYAaBADfuAb0AoEZ9wKBAAAAzqBWgQA37gX2AnkB5AoE8+QKzuBG+AKQQoeQDOgDt1AeQKAAgFaBADfuBfYCeQHkCt6AQA37gOwFIBRPIBnXqA7tA2fLf9bN/3q/20zr8Q6fb/AHP7lkNOQwgFAgNAAOwAB2KJ+AKQOxQIAAIn4KqkAoAAJ+AK0gAADAHcAA7tKAAA0AAIAD2AM6AAABncojfAFAn4ApA7FAgAAAD2KDQAAgAPYAzoAaUAHYgdigRAqjCAUCD/2Q==) no-repeat 0 0; cursor:pointer; border-color:rgb(100,130,170) !important; border-color:rgba(100,130,170,.7) !important; color:rgb(100,130,170); text-shadow: 0px 1px 1px #fff; box-shadow:0 0 6px rgba(100,130,170,.6); background-size:cover; } .oldie .date-picker .date-picker-hover, .oldie .date-picker .month-out.date-picker-hover { *background:#fff url(/assets/global/datepicker/datepicker-cursor-3754ea24688816f596c0b627a2111845cfa40688c92e6d06030cadcc2e7d9d2a.jpg) no-repeat 0 0; } /* The "disabled days" style */ .date-picker .day-disabled { color:#888; cursor:default; text-decoration:line-through; background-position:0 -15px; } .date-picker .month-out { border-color:#ddd; border-color:rgba(220,220,220,0.8); color:#aaa; background-position:0 -25px; } /* The "selected date" style - color changed below also */ .date-picker .date-picker-selected-date { border-color:#888 !important; border-color:rgba(7,7,7,.6) !important; } /* The date "out of range" style */ .date-picker .out-of-range, .date-picker .not-selectable { color:#ccc; font-style:oblique; background:#fcfcfc; cursor:default; } /* Week number "out of range" && "month-out" styles */ .date-picker th.month-out, .date-picker th.out-of-range { color:#aaa; font-style:oblique; background:#fcfcfc; } /* Week numbers "out of range" */ .date-picker .out-of-range { opacity:0.6; } /* Used when the entire grid is full but the next/prev months dates cannot be selected */ .date-picker .not-selectable { opacity:0.8; } .oldie .date-picker .out-of-range { filter:alpha(opacity=60); } .oldie .date-picker .not-selectable { filter:alpha(opacity=80); } .date-picker tr { display:table-row; } .date-picker sup { font-size:0.86em; letter-spacing:normal; text-transform:none; height: 0; line-height: 1; position: relative; top:-0.2em; vertical-align: baseline !important; vertical-align: top; } .date-picker .date-picker-day-header, .date-picker .month-display, .date-picker .year-display { text-shadow: 0px 1px 1px #fff; } .date-picker .month-display, .date-picker .year-display { cursor:default; } .date-picker td:focus, .date-picker .date-picker-hover { overflow:hidden; -moz-outline:0 none; outline:0 none; -o-highlight:0 none; } /* The "pulse" animation on focused button and datepicker cursor */ .date-picker-focus .date-picker-hover, .date-picker-control:focus span { -webkit-animation:fd-dp-pulse 1.5s infinite alternate; -moz-animation:fd-dp-pulse 1.5s infinite alternate; -ms-animation:fd-dp-pulse 1.5s infinite alternate; -o-animation:fd-dp-pulse 1.5s infinite alternate; } /* The "selected date" style */ .date-picker .date-picker-selected-date { color:#333; color:rgba(3,3,3,.8); font-weight:bold; font-size:1.2em; width:2.4em; height:2.4em; } /* Remove the box-shadow & lifted corner effect for the inline datepickers */ .static-datepicker table { box-shadow:0 0 0 transparent; } .static-datepicker:before, .static-datepicker:after { display:none; } /* Add a box-shadow and enhance border for datepickers that have keyboard focus */ .date-picker-focus table { border-color:#999; border-color:rgba(153,153,153,.8); box-shadow:0px 0px 5px #aaa; } /* Draggable datepickers */ .date-picker .drag-enabled, .date-picker .drag-enabled span { cursor:move; } /* Disabled datePicker */ .date-picker-disabled table { opacity:.8 !important; } .date-picker-disabled table:before, .date-picker-disabled table:after { display:none; } .oldie .date-picker-disabled table { filter:alpha(opacity=80); } .date-picker-disabled, .date-picker-disabled td, .date-picker-disabled th, .date-picker-disabled th span { cursor:default !important; } .date-picker-disabled .prev-but:hover, .date-picker-disabled .next-but:hover { /* Uncomment this if you have used the previous scale rules previously declared within the file (for the prev-but and next-but classes) -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); */ text-shadow:none; } body.fd-drag-active { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; } /* Glow effect for the focused (keyboard active) cursor cell and popup datepickers activation button */ @-webkit-keyframes fd-dp-pulse { from{box-shadow:0 0 2px rgba(100, 130, 170, 0.8)} to{box-shadow:0 0 6px rgba(10, 130, 170, 0.5)} } @-moz-keyframes fd-dp-pulse { from{box-shadow:0 0 2px rgba(100, 130, 170, 0.8)} to{box-shadow:0 0 6px rgba(10, 130, 170, 0.5)} } @-ms-keyframes fd-dp-pulse { from{box-shadow:0 0 2px rgba(100, 130, 170, 0.8)} to{box-shadow:0 0 6px rgba(10, 130, 170, 0.5)} } @-o-keyframes fd-dp-pulse { from{box-shadow:0 0 2px rgba(100, 130, 170, 0.8)} to{box-shadow:0 0 6px rgba(10, 130, 170, 0.5)} } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; } .splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} @media print { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } .visible-xs { display: none !important; } .hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } .hidden-xs.hidden-print { display: none !important; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } .payment-type-container { display: block; padding-bottom: 3.5rem } .payment-type-container .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .payment-type-container .row .col-xs-6 { width: 49%; } .payment-type-container legend { width: 100%; border: none; border-top: .1rem solid #9f9fa3; text-align: center; padding: 2rem 0 0; margin-bottom: 2rem; position: relative; font-family: Roboto,Arial,Helvetica Neue,Helvetica,sans-serif; color: #333; font-size: 2.6rem; font-weight: 400; line-height: 3rem } .payment-type-container legend:before { content: "2"; position: absolute; top: -1.3rem; left: 50%; transform: translateX(-50%); height: 2.4rem; width: 2.4rem; line-height: 2; border-radius: 1.2rem; background: #e11b22; color: #fff; font-size: 1.2rem; font-family: Roboto-Black-webfont,Arial,Helvetica Neue,Helvetica,sans-serif } .payment-type-container .payment-types { padding: 0 .8rem; -ms-flex-pack: center; justify-content: center } .payment-type-container .payment-types .payment-type { padding: 0 .7rem; cursor: pointer; margin-bottom: 1.5rem; max-width: 18.4rem } .payment-type-container .payment-types .payment-type.payment-type-dynamic { max-width: 23rem; } .payment-type-container .payment-types .payment-type .type-details { background: #f0f0f0; border: .1rem solid #007caf; width: 100%; max-width: 17rem; height: 13rem; border-radius: .3rem; text-align: center; position: relative; display: inline-block } .payment-type-container .payment-types .payment-type.payment-type-dynamic .type-details { max-width: 22rem; } .payment-type-container .payment-types .payment-type .type-details .cc-icons { padding: 0 2.5rem } .payment-type-container .payment-types .payment-type .type-details .cc-icons .row { margin: 0; padding: 0; -ms-flex-pack: center; justify-content: center } .payment-type-container .payment-types .payment-type .type-details .cc-icons .row img.cc-icon { height: 4rem; padding: 1.2rem .5rem 0; vertical-align: middle; width: 49% } .payment-type-container .payment-types .payment-type .type-details .cc-icons .row img.cc-icon.count-2 { height: 6rem; margin-top: 1rem } .payment-type-container .payment-types .payment-type .type-details .cc-icons .row img.cc-icon:only-child { height: 8rem; width: 11.2rem } .payment-type-container .payment-types .payment-type .type-details img.type-image { line-height: 10rem; padding-top: 1.2rem; width: 11.2rem; height: 8rem; vertical-align: middle } .payment-type-container .payment-types .payment-type .type-details p { background: #fff; border-top: .1rem solid #007caf; text-align: center; color: #007caf; font-weight: 700; font-size: 1.2rem; width: 100%; height: 3.4rem; position: absolute; bottom: 0; margin-bottom: 0; padding-top: .8rem; border-radius: 0 0 .3rem .3rem; -moz-border-radius: 0 0 .3rem .3rem; -webkit-border-radius: 0 0 .3rem .3rem } .payment-type-container .payment-types .payment-type .type-details:hover { cursor: pointer; background: #f0f0f0; box-shadow: inset 0 0 6px 0 rgba(0,0,0,.1) } .payment-type-container .payment-types .payment-type.active .type-details p { color: #fff; background: #007caf } .payment-type-container .payment-types .payment-type.disabled { pointer-events: none } .payment-type-container .payment-types .payment-type.disabled .type-details { border: .1rem solid #ccc } .payment-type-container .payment-types .payment-type.disabled .type-details img { opacity: .5 } .payment-type-container .payment-types .payment-type.disabled .type-details p { color: #ccc; border-top: .1rem solid #ccc } .payment-type-container .payment-types .payment-type.disabled .type-details:hover { cursor: auto } /* Template for logo only button (height independent). */ /* CSS */ @supports (-webkit-appearance: -apple-pay-button) { .apple-pay-button { -webkit-appearance: -apple-pay-button; display: inline-block; vertical-align: middle; width: 100pt; height: 30pt; } .apple-pay-button-black { -apple-pay-button-style: black; } .apple-pay-button-white { -apple-pay-button-style: white; } .apple-pay-button-white-with-line { -apple-pay-button-style: white-outline; } } @supports not (-webkit-appearance: -apple-pay-button) { .apple-pay-button { display: inline-block; background-size: 100% 60%; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; padding: 0px; box-sizing: border-box; min-width: 100pt; min-height: 30pt; max-height: 64px; vertical-align: middle; } .apple-pay-button-black { background-image: -webkit-named-image(apple-pay-logo-white); background-color: black; } .apple-pay-button-white { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; } .apple-pay-button-white-with-line { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; border: .5px solid black; } } #selection-container .media .media-body img { display: block; max-width: 100%; height: auto; } #selection-container .enhanceable-image { width: 375px; height: 300px; background-position: center; background-repeat: no-repeat; background-size: contain; } .deliverable-image { width: 375px; height: 300px; background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0 auto; } .bg-underlay { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } #proof-drawer { z-index: 1; position: fixed; top: 60%; transform: translateY(-60%); /* overflow: hidden; */ transition: left 0.3s; display: flex; } #proof-drawer { left: -200px; } #proof-drawer.with-proof-form { left: -550px; } #proof-drawer:hover, #proof-drawer.with-proof-form:hover, #proof-drawer.pinned{ left: 0; } .proof-drawer-inner { background-color: #fff; position: relative; overflow-y: scroll; height: 50vh; max-height: 540px; width: 200px; flex: 1; } #proof-drawer.with-proof-form .proof-drawer-inner { width: 550px; height: 100%; } .proof-drawer-html { font-size: 12px; } .proof-drawer-html { padding-bottom: 15px; border-bottom: 1px solid #ccc; padding: 20px; } #proof-drawer .proof-drawer-list { padding: 20px; } #proof-drawer .proof-drawer-list .proof-drawer-images li { position: relative; } #proof-drawer .proof-drawer-list li + li { margin-top: 25px; } #proof-drawer .proof-drawer-list .proof-code { background-color: #B5E5F1; font-weight: bold; font-size: 12px; display: flex; align-items: center; justify-content: center; height: 22px; width: 100%; margin-bottom: 15px; text-align: center; border-radius: 6px; } #proof-drawer .proof-drawer-list .proof-thumb { cursor: zoom-in; width: 91px; height: 91px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid rgb(180, 180, 180); background-color: #E5E5E5; border-radius: 8px; margin: 0 auto; text-align: center; white-space: nowrap; } #proof-drawer .proof-drawer-list .proof-thumb > span { display: inline-block; height: 100%; vertical-align: middle; } #proof-drawer .proof-drawer-list .proof-thumb img { margin: 0 auto; max-width: 90px; max-height: 90px; vertical-align: middle; } #proof-drawer .proof-drawer-list .proof-filename { background-color: #fff; border: 1px solid rgb(180, 180, 180); border-radius: 8px; position: absolute; left: 50%; bottom: -5px; padding: .25em; max-width: 75px; display: block; transform: translateX(-50%); overflow: hidden; font-size: 11px; } #proof-drawer .button.reset { background: #EA8787; border-radius: 6px; display: flex; align-items: center; justify-content: center; height: 22px; width: 100%; color: #fff; border: 0; } .proof-button-container { position: sticky; bottom: 0; left: 0; right: 0; width: 100%; padding: 15px; box-sizing: border-box; background-color: #fff; border-top: 1px solid #ccc; } .proof-tab, .proof-pin { display: none; background-color: #EA8787; cursor: pointer; writing-mode: vertical-rl; text-orientation: mixed; padding: .25em; height: fit-content; } .proof-pin { display: block; padding: .5em; background-color: #EA8787; box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75); } #proof-drawer:hover .proof-pin, #proof-drawer.with-proof-form:hover .proof-pin { box-shadow: none; } #proof-drawer.pinned .proof-pin { background-color: #87EA87; box-shadow: none; } .swal2-html-container .proof-drawer-list { margin-bottom: 0; } .swal2-html-container .proof-drawer-images li { padding: 10px 0; } .swal2-html-container .proof-thumb { cursor: zoom-in; width: 100px; height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0 auto; } .swal-proof-title { padding: 0.5em 1em 0; font-size: 1.125em; } .swal-proof-html-container { font-size: 1.5em; } @media only screen and (max-width: 767px) { #proof-drawer .proof-tab { display: block; box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75); } #proof-drawer .proof-pin { display: none; } #proof-drawer, #proof-drawer.pinned, #proof-drawer:hover { left: -200px; } #proof-drawer.with-proof-form, #proof-drawer.with-proof-form.pinned, #proof-drawer.with-proof-form:hover { left: -550px; } #proof-drawer .proof-drawer-inner { box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75); } .swal2-html-container.public-download-container .deliverable-image { width: auto; max-width: 100%; } .swal2-html-container.public-download-container .float-shadow { box-shadow: none; } .swal2-html-container.public-download-container > div { margin-bottom: 0!important; } } .donation { font-family: 'helvetica neue', sans-serif; } .donation .donation-flex { display: flex; gap: 10px; } .donation .donation-name { font-size: 14px; margin-bottom: 1em; } .donation .donation-inner { display: flex; gap: 15px; align-items: center; margin: 0 auto; width: fit-content; } .donation .buttons { position: relative; } .donation .btn-donation { background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25); padding: .5em; border: 1px solid #ccc; border-radius: 6px; color: #000; font-weight: 600; } .donation .donation-round-up { margin-top: 10px; width: 100%; } .donation .btn-donation.is-active { border: 1px solid #2FAA23; color: #2FAA23; } /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's * vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS * files in this directory. Styles in this file should be added after the last require_* statement. * It is generally better to create a new file per style scope. * */ a:link { text-decoration: underline; } .splide__prev--adjust { left: -2.1em; } .splide__next--adjust { right: -2.1em; } .item.is-selected { border: 5px dashed green; } .item.splide__slide { cursor: pointer; } .children-field-row { display: flex; align-items: center; gap: 15px; } .children-field-row > div { margin: 0; padding: 0; }