/* Minification failed. Returning unminified contents. (10706,26): run-time error CSS1036: Expected expression, found '[' (10736,26): run-time error CSS1036: Expected expression, found '[' (10757,26): run-time error CSS1036: Expected expression, found '[' (12122,1): run-time error CSS1019: Unexpected token, found '}' */ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul, li { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; padding:0; } /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ address, caption, cite, code, dfn, var { font-style:normal; font-weight:normal; } /* A CSS Framework by Mike Stenhouse of Content with Style ------------------------------------------------------- Copyright (c) 2005, Mike Stenhouse of Content with Style All rights reserved. Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ /* clearing */ .stretch, .clear { clear: both; height: 1px; margin: 0; padding: 0; font-size: 15px; line-height: 1px; } .clear_both { clear:both; } .clearfix:after { clear: both; height: 0; display: block; visibility: hidden; content: "."; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } */ /* end clearing */ /* floats */ .float_left {float:left;} .float_right {float:right;} .verti_align{vertical-align:middle;} .align_center{text-align:center;} /* floats */ /* accessibility */ span.accesskey { text-decoration: none; } .accessibility { position: absolute; top: -999em; left: -999em; } /* end accessibility */ input.buttons{background:none no-repeat top left; border:none; cursor:pointer; display:block; overflow:hidden; padding:0; margin:0; text-indent:-9999px; width:auto; font-size:0; line-height:50px;} /*IMAGE CENTERING*/ .img_center{display:table-cell; text-align:center; vertical-align:middle;} .img_center *{vertical-align:middle;} .img_center{display:block;} .img_center span{display:inline-block; height:100%; width:0px; overflow:hidden;} .img_center img{ margin:-1px 0 0 -1px;} .img_center img{margin:-2px 0 0 0\9; *margin:-1px 0 0 0\9;} /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots{position:absolute; left:0; bottom:23px; right:0; text-align:left; overflow:hidden; max-width:1110px; margin:0 auto; z-index:99; text-align:center;} .slick-dots li{display:inline-block; width:10px; height:10px; overflow:hidden; vertical-align:middle; border:none; position:relative; background:none; margin:0 6px; border:2px solid #fff;} .slick-dots li button{display:inline-block; width:10px; height:10px; outline:none; cursor:pointer; background:none; font-size:0; line-height:999px; overflow:hidden; position:relative; z-index:10; opacity:0;} .slick-dots li.slick-active{background:#fff;} .slick-prev{left:-100px; background:url(../images/slider_navi.png) left top no-repeat; } .slick-next{right:-100px; background:url(../images/slider_navi.png) right top no-repeat;} .slick-arrow{position:absolute; top:50%; z-index:999; cursor:pointer; width:50px; height:50px; border:none; outline:none; font-size:0; line-height:999px; overflow:hidden; margin-top:-25px;} @media only screen and (max-width: 1440px) { .slick-prev{left:-60px;} .slick-next{right:-60px;} } @media only screen and (max-width: 1024px) { .slick-prev{background:url(../images/slider_navi_2x.png) left top no-repeat; background-size:100px auto;} .slick-next{background:url(../images/slider_navi_2x.png) right top no-repeat; background-size:100px auto;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)} /************* Blue Theme *************/ /* overall */ .tablesorter-blue { width: 100%; background-color: #fff; margin: 10px 0 15px; text-align: left; border-spacing: 0; border: #cdcdcd 1px solid; border-width: 1px 0 0 1px; } .tablesorter-blue th, .tablesorter-blue td { border: #cdcdcd 1px solid; border-width: 0 1px 1px 0; } /* header */ .tablesorter-blue th, .tablesorter-blue thead td { font: 12px/18px Arial, Sans-serif; font-weight: bold; color: #000; background-color: #99bfe6; border-collapse: collapse; padding: 4px; text-shadow: 0 1px 0 rgba(204, 204, 204, 0.7); } .tablesorter-blue tbody td, .tablesorter-blue tfoot th, .tablesorter-blue tfoot td { padding: 4px; vertical-align: top; } .tablesorter-blue .header, .tablesorter-blue .tablesorter-header { /* black (unsorted) double arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); /* white (unsorted) double arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */ /* image */ /* background-image: url(images/black-unsorted.gif); */ background-repeat: no-repeat; background-position: center right; padding: 4px 18px 4px 4px; white-space: normal; cursor: pointer; } .tablesorter-blue .headerSortUp, .tablesorter-blue .tablesorter-headerSortUp, .tablesorter-blue .tablesorter-headerAsc { background-color: #9fbfdf; /* black asc arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); /* white asc arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */ /* image */ /* background-image: url(images/black-asc.gif); */ } .tablesorter-blue .headerSortDown, .tablesorter-blue .tablesorter-headerSortDown, .tablesorter-blue .tablesorter-headerDesc { background-color: #8cb3d9; /* black desc arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); /* white desc arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */ /* image */ /* background-image: url(images/black-desc.gif); */ } .tablesorter-blue thead th { background-image: none; cursor: default; padding: 4px; } /* tfoot */ .tablesorter-blue tfoot .tablesorter-headerSortUp, .tablesorter-blue tfoot .tablesorter-headerSortDown, .tablesorter-blue tfoot .tablesorter-headerAsc, .tablesorter-blue tfoot .tablesorter-headerDesc { /* remove sort arrows from footer */ background-image: none; } /* tbody */ .tablesorter-blue td { color: #3d3d3d; background-color: #fff; padding: 4px; vertical-align: top; } /* hovered row colors you'll need to add additional lines for rows with more than 2 child rows */ .tablesorter-blue tbody > tr.hover > td, .tablesorter-blue tbody > tr:hover > td, .tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td, .tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td, .tablesorter-blue tbody > tr.even.hover > td, .tablesorter-blue tbody > tr.even:hover > td, .tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td, .tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td { background-color: #d9d9d9; } .tablesorter-blue tbody > tr.odd.hover > td, .tablesorter-blue tbody > tr.odd:hover > td, .tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td, .tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td { background-color: #bfbfbf; } /* table processing indicator */ .tablesorter-blue .tablesorter-processing { background-position: center center !important; background-repeat: no-repeat !important; /* background-image: url(images/loading.gif) !important; */ background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important; } /* Zebra Widget - row alternating colors */ .tablesorter-blue tbody tr.odd > td { background-color: #ebf2fa; } .tablesorter-blue tbody tr.even > td { background-color: #fff; } /* Column Widget - column sort colors */ .tablesorter-blue td.primary, .tablesorter-blue tr.odd td.primary { background-color: #99b3e6; } .tablesorter-blue tr.even td.primary { background-color: #c2d1f0; } .tablesorter-blue td.secondary, .tablesorter-blue tr.odd td.secondary { background-color: #c2d1f0; } .tablesorter-blue tr.even td.secondary { background-color: #d6e0f5; } .tablesorter-blue td.tertiary, .tablesorter-blue tr.odd td.tertiary { background-color: #d6e0f5; } .tablesorter-blue tr.even td.tertiary { background-color: #ebf0fa; } /* caption */ .tablesorter-blue > caption { background-color: #fff; } /* filter widget */ .tablesorter-blue .tablesorter-filter-row { background-color: #eee; } .tablesorter-blue .tablesorter-filter-row td { background-color: #eee; line-height: normal; text-align: center; /* center the input */ -webkit-transition: line-height 0.1s ease; -moz-transition: line-height 0.1s ease; -o-transition: line-height 0.1s ease; transition: line-height 0.1s ease; } /* optional disabled input styling */ .tablesorter-blue .tablesorter-filter-row .disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; } /* hidden filter row */ .tablesorter-blue .tablesorter-filter-row.hideme td { /*** *********************************************** ***/ /*** change this padding to modify the thickness ***/ /*** of the closed filter row (height = padding x 2) ***/ padding: 2px; /*** *********************************************** ***/ margin: 0; line-height: 0; cursor: pointer; } .tablesorter-blue .tablesorter-filter-row.hideme * { height: 1px; min-height: 0; border: 0; padding: 0; margin: 0; /* don't use visibility: hidden because it disables tabbing */ opacity: 0; filter: alpha(opacity=0); } /* filters */ .tablesorter-blue input.tablesorter-filter, .tablesorter-blue select.tablesorter-filter { width: 98%; height: auto; margin: 0; padding: 4px; background-color: #fff; border: 1px solid #bbb; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.1s ease; -moz-transition: height 0.1s ease; -o-transition: height 0.1s ease; transition: height 0.1s ease; } /* rows hidden by filtering (needed for child rows) */ .tablesorter .filtered { display: none; } /* ajax error row */ .tablesorter .tablesorter-errorRow td { text-align: center; cursor: pointer; background-color: #e6bf99; } .SelectClass,.SumoSelect.open .search-txt,.SumoUnder{position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;top:0;left:0}.SumoSelect p{margin:0}.SumoSelect{width:200px}.SelectBox{padding:5px 8px}.sumoStopScroll{overflow:hidden}.SumoSelect .hidden{display:none}.SumoSelect .search-txt{display:none;outline:0}.SumoSelect .no-match{display:none;padding:6px}.SumoSelect.open .search-txt{display:inline-block;width:100%;margin:0;padding:5px 8px;border:none;box-sizing:border-box;border-radius:5px}.SumoSelect.open>.search>label,.SumoSelect.open>.search>span{visibility:hidden}.SelectClass,.SumoUnder{right:0;height:100%;width:100%;border:none;box-sizing:border-box;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.SelectClass{z-index:1}.SumoSelect .select-all>label,.SumoSelect>.CaptionCont,.SumoSelect>.optWrapper>.options li.opt label{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.SumoSelect{display:inline-block;position:relative;outline:0}.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont{box-shadow:0 0 2px #7799D0;border-color:#7799D0}.SumoSelect>.CaptionCont{position:relative;border:1px solid #A4A4A4;min-height:14px;background-color:#fff;border-radius:2px;margin:0}.SumoSelect>.CaptionCont>span{display:block;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default}.SumoSelect>.CaptionCont>span.placeholder{color:#ccc;font-style:italic}.SumoSelect>.CaptionCont>label{position:absolute;top:0;right:0;bottom:0;width:30px}.SumoSelect>.CaptionCont>label>i{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);background-position:center center;width:16px;height:16px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-repeat:no-repeat;opacity:.8}.SumoSelect>.optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,.11);border-radius:3px;overflow:hidden}.SumoSelect.open>.optWrapper{top:35px;display:block}.SumoSelect.open>.optWrapper.up{top:auto;bottom:100%;margin-bottom:5px}.SumoSelect>.optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto}.SumoSelect>.optWrapper>.options{border-radius:2px;position:relative;max-height:250px}.SumoSelect>.optWrapper.okCancelInMulti>.options{border-radius:2px 2px 0 0}.SumoSelect>.optWrapper.selall>.options{border-radius:0 0 2px 2px}.SumoSelect>.optWrapper.selall.okCancelInMulti>.options{border-radius:0}.SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:.5}.SumoSelect>.optWrapper>.options li ul li.opt{padding-left:22px}.SumoSelect>.optWrapper.multiple>.options li ul li.opt{padding-left:50px}.SumoSelect>.optWrapper.isFloating>.options{max-height:100%;box-shadow:0 0 100px #595959}.SumoSelect>.optWrapper>.options li.opt{padding:6px;position:relative;border-bottom:1px solid #f5f5f5}.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:2px 2px 0 0}.SumoSelect>.optWrapper.selall>.options>li.opt:first-child{border-radius:0}.SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px;border-bottom:none}.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{border-radius:0}.SumoSelect>.optWrapper>.options li.opt:hover{background-color:#E4E4E4}.SumoSelect .select-all.sel,.SumoSelect>.optWrapper>.options li.opt.sel{background-color:#a1c0e4}.SumoSelect>.optWrapper>.options li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer}.SumoSelect>.optWrapper>.options li span{display:none}.SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:700}.SumoSelect>.optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%}.SumoSelect>.optWrapper>.options li.opt.disabled{background-color:inherit;pointer-events:none}.SumoSelect>.optWrapper>.options li.opt.disabled *{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:35px;cursor:pointer}.SumoSelect .select-all>span,.SumoSelect>.optWrapper.multiple>.options li.opt span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px}.SumoSelect .select-all>span i,.SumoSelect>.optWrapper.multiple>.options li.opt span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #AEAEAE;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background-color:#fff}.SumoSelect>.optWrapper>.MultiControls{display:none;border-top:1px solid #ddd;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.13);border-radius:0 0 3px 3px}.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{display:block;margin-top:5px;position:absolute;bottom:0;width:100%}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{display:block}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{padding:6px}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{box-shadow:0 0 2px #a1c0e4;border-color:#a1c0e4;outline:0;background-color:#a1c0e4}.SumoSelect>.optWrapper.multiple>.MultiControls>p{display:inline-block;cursor:pointer;padding:12px;width:50%;box-sizing:border-box;text-align:center}.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{background-color:#f1f1f1}.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{border-right:1px solid #DBDBDB;border-radius:0 0 0 3px}.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{border-radius:0 0 3px}.SumoSelect>.optWrapper.isFloating>.options li.opt{padding:12px 6px}.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{padding-left:35px}.SumoSelect>.optWrapper.multiple.isFloating{padding-bottom:43px}.SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#11a911;box-shadow:none;border-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center center}.SumoSelect.disabled{opacity:.7;cursor:not-allowed}.SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none}.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:8px 0 3px 35px;height:20px;cursor:pointer}.SumoSelect .select-all>label,.SumoSelect .select-all>span i{cursor:pointer}.SumoSelect .select-all.partial>span i{background-color:#ccc}.SumoSelect>.optWrapper>.options li.optGroup{padding-left:5px;text-decoration:underline} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; overflow: hidden; position: fixed; background: #fff; opacity: 0.85; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; display:none;} .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } /*button.mfp-arrow-left, button.mfp-arrow-right{width:32px !important; height:32px !important; background:url(../images/work/popup_navi.png) 0 0 no-repeat !important;} button.mfp-arrow-right{background:url(../images/work/popup_navi.png) -32px 0 no-repeat !important;} */ button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 32px !important; height: 32px; line-height: 32px; position: absolute; right: 15px !important; top: 12px; text-decoration: none; text-align: center; opacity: 1; padding:0; color: #FFF !important; font-style: normal; font-size:0; line-height:9999px; overflow:hidden; display:block; background:url(../images/close_popup.png) right top no-repeat !important; background-size:cover !important; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 12px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -16px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } /* .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } */ .mfp-arrow-left { left: 15px; } .mfp-arrow-right { right: 15px; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; /*padding: 40px 0 40px;*/ margin: 0 auto; box-shadow:0 0 5px #999;} /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/ background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -55px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; background:#393839; text-align:center; font-size:1.5em; font-weight:300; } .mfp-title { text-align: center; line-height: 18px; color: #fff; word-wrap: break-word; padding:18px 0; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.9; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } @media only screen and (max-width: 767px) { .mfp-arrow { margin-top: -12px; } } /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0; top: -3px; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .tooltipster-follower .tooltipster-box { background: #565656; border: 2px solid #000; border-radius: 4px } .tooltipster-follower .tooltipster-content { color: #fff; line-height: 18px; padding: 6px 14px } .tooltipster-follower.tooltipster-borderless .tooltipster-box { border: none; background: #1b1b1b; background: rgba(10,10,10,.9) } .tooltipster-follower.tooltipster-light .tooltipster-box { border-radius: 3px; border: 1px solid #ccc; background: #ededed } .tooltipster-follower.tooltipster-light .tooltipster-content { color: #666 } .tooltipster-follower.tooltipster-noir .tooltipster-box { border-radius: 0; border: 3px solid #000; background: #fff } .tooltipster-follower.tooltipster-noir .tooltipster-content { color: #000 } .tooltipster-follower.tooltipster-punk .tooltipster-box { border-radius: 5px; border: none; border-bottom: 3px solid #f71169; background: #2a2a2a } .tooltipster-follower.tooltipster-shadow .tooltipster-box { border: none; border-radius: 5px; background: #fff; box-shadow: 0 0 10px 6px rgba(0,0,0,.1) } .tooltipster-follower.tooltipster-shadow .tooltipster-content { color: #8d8d8d } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 35px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 35px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ /* opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; */} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ /* background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; */ background:#606fb4; width:25px; height:25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin:5px; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); */ } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); */ } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 35px; /*background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);*/ } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 35px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);*/ } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 35px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px;} .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ background:#f8faf9; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ /*box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); */} .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; /* box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); */ } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /*box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);*/ width: 25px; margin: 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); */} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #e9e9f5; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 35px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #f8faf9; /*background-color: rgba(0,0,0,0.05);*/ /*box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);*/ } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp:after{left:7px; top:9px; width:8px; height:8px; border:solid #fff; border-width:2px 0 0 2px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); content:""; position:absolute; display:block;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown:after{left:7px; top:6px; width:8px; height:8px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); content:""; position:absolute; display:block;} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ /*box-shadow: inset 0 0 14px rgba(0,0,0,0.2); */} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /*box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); */} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); */} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ /* background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); */ } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .file_intro_field .file_intro_field_setting { display: flex; font-size: 2em; flex-direction: row; margin-bottom: 20px; row-gap: 10px; } .file_intro_field .file_intro_field_setting .field_setting_caption { font-weight: 700; padding: 8px 0; width: 130px; } .file_intro_field .file_intro_field_setting .field_setting_value { display: flex; flex-direction: row; -moz-column-gap: 10px; column-gap: 10px; } .file_intro_field .file_intro_field_setting .field_setting_value .import_type_options { align-items: center; -moz-column-gap: 40px; column-gap: 40px; display: flex; } .file_intro_field .file_intro_field_setting .field_setting_value .edit_link { display: inline-block; width: 27px; height: 27px; background-size: 27px 27px; } .file_intro_field .file_intro_field_setting .field_setting_value .frm_input { float: left; width: 280px; border: 1px solid; height: 35px; margin-right: 14px; } .file_intro_field .file_intro_field_setting .field_setting_value .frm_input .txtbox { width: 95%; height: 24px; padding: 5px 2.5%; border: none; outline: none; } .file_intro_field .file_intro_field_setting .field_setting_value .frm_db_file { float: left; } .file_intro_field .file_intro_field_setting .field_setting_value .frm_db_file input { display: none; } .file_intro_field .file_intro_field_setting .field_setting_value .frm_db_file .browse_btn { display: inline-block; font-size: 1.5em; margin-right: 8px; } .file_intro_field .file_intro_field_setting .field_setting_value .txtbox { font-size: 1em; width: 500px; padding: 10px 3%; border-width: 1px; border-style: solid; } .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label { align-items: center; display: flex; flex-direction: column; border-style: dashed; border-width: 1px; cursor: pointer; padding: 20px 0; row-gap: 10px; text-align: center; width: 500px; } .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label > .input_file_options { align-items: center; display: flex; flex-direction: column; row-gap: 10px; } .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label > .input_file_options .selected_file_container { display: flex; flex-direction: row; -moz-column-gap: 5px; column-gap: 5px; align-items: center; justify-content: flex-start; } .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label .small_btn { font-size: 0.6em; } .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection:disabled + label { cursor: default; } .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .category_intro_field .category_intro_field_setting { display: flex; font-size: 2em; flex-direction: row; margin-bottom: 20px; row-gap: 10px; } .category_intro_field .category_intro_field_setting .category_setting_caption { font-weight: 700; margin-right: 10px; padding: 8px 0; width: 150px; } .category_intro_field .category_intro_field_setting .category_setting_value { display: flex; flex-direction: row; font-size: 0.5em; -moz-column-gap: 10px; column-gap: 10px; width: 470px; } .dedupe_file_selection .file_intro_field_setting { display: flex; font-size: 1em; flex-direction: column; margin-bottom: 20px; row-gap: 10px; } .dedupe_file_selection .file_intro_field_setting .field_setting_caption { font-weight: 700; padding: 8px 0; } .dedupe_file_selection .file_intro_field_setting .field_setting_value { display: flex; flex-direction: row; -moz-column-gap: 10px; column-gap: 10px; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .input_file_upload label { display: none; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .import_type_options { align-items: center; -moz-column-gap: 40px; column-gap: 40px; display: flex; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .edit_link { display: inline-block; width: 27px; height: 27px; background-size: 27px 27px; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .frm_input { float: left; width: 280px; border: 1px solid; height: 35px; margin-right: 14px; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .frm_input .txtbox { width: 95%; height: 24px; padding: 5px 2.5%; border: none; outline: none; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .frm_db_file { float: left; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .frm_db_file input { display: none; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .frm_db_file .browse_btn { display: inline-block; font-size: 1.5em; margin-right: 8px; } .dedupe_file_selection .file_intro_field_setting .field_setting_value .txtbox { font-size: 1em; width: 500px; padding: 10px 3%; border-width: 1px; border-style: solid; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload { width: 100%; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label { align-items: center; display: flex; flex-direction: column; font-size: 1.8em; border-style: dashed; border-width: 1px; cursor: pointer; padding: 20px 0; row-gap: 10px; text-align: center; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label > .input_file_options { align-items: center; display: flex; flex-direction: column; row-gap: 10px; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label > .input_file_options .selected_file_container { display: flex; flex-direction: row; -moz-column-gap: 5px; column-gap: 5px; align-items: center; justify-content: flex-start; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label > .input_file_options .selected_file_container .selected_dedupe_files_container { max-height: 100px; overflow-y: auto; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label > .input_file_options .selected_file_container .selected_dedupe_files_container ul { font-size: 0.8em; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label .small_btn { font-size: 0.6em; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection:disabled + label { cursor: default; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .dedupe_file_selection .file_intro_field_setting .input_file_upload_options { align-items: center; display: flex; flex-direction: row; justify-content: space-between; } .dedupe_file_selection .file_intro_field_setting .field_setting_value.has_advanced_upload + .input_file_upload_options { flex-direction: row-reverse; } .area_selection { display: flex; flex-direction: row; font-weight: 300; position: relative; padding: 10px 0; } .area_selection .area_selection_name_container { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; } .area_selection .area_selection_name_container .area_name_selection { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-direction: row; justify-content: flex-start; } .area_selection .area_selection_name_container .area_name_selection .dot { flex-shrink: 0; height: 20px; border-radius: 20px; width: 20px; } .area_selection .area_selection_name_container .area_name_selection .extended-area-details-container { align-items: center; display: flex; flex-direction: row; } .area_selection .area_selection_name_container .area_name_selection .extended-area-details-container .extended-area-options-edit { cursor: pointer; margin-left: 4px; } .area_selection .remove_input { display: block; width: 24px; height: 24px; position: absolute; right: 5px; top: 50%; margin-top: -12px; border-radius: 30px; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .area_selection .remove_input:before, .area_selection .remove_input:after { position: absolute; left: 11px; top: 6px; content: " "; height: 12px; width: 2px; } .area_selection .remove_input:before { transform: rotate(45deg); } .area_selection .remove_input:after { transform: rotate(-45deg); } .area_selection:hover .remove_input { opacity: 1; } #copy-job-services-popup .SumoSelect p { text-align: left; } .databricks_table_selections { -moz-column-gap: 20px; column-gap: 20px; grid-template-areas: "schema navigation"; display: grid; grid-template-columns: 300px 1fr; height: 350px; overflow: hidden; width: 100%; } .databricks_table_selections .databricks_schema_list { display: flex; flex-direction: column; grid-area: schema; max-height: 330px; justify-content: flex-start; overflow-y: auto; row-gap: 5px; } .databricks_table_selections .databricks_tables { display: grid; grid-area: navigation; grid-template-areas: "path" "objects"; grid-template-columns: 1fr; grid-template-rows: 40px 1fr; height: 100%; width: 100%; } .databricks_table_selections .databricks_tables .databricks_table_path { align-items: start; border-radius: 3px; display: flex; flex-flow: column nowrap; font-size: 1.1em; grid-area: path; justify-content: start; margin-bottom: 15px; overflow-x: auto; padding-inline: 10px; padding-block: 5px; width: 100%; } .databricks_table_selections .databricks_tables .databricks_table_list_container { max-height: 300px; overflow-y: auto; width: 100%; } .databricks_table_selections .databricks_tables .databricks_table_list_container .databricks_table_list { align-content: start; box-sizing: border-box; -moz-column-gap: 8px; column-gap: 8px; display: grid; grid-template-columns: 1fr 1fr; height: 100%; justify-content: space-evenly; overflow: auto; row-gap: 8px; width: 100%; } .enhance_selection_options { -moz-column-gap: 15px; column-gap: 15px; display: grid; grid-template-areas: "data_source profile_categories" "data_source profile_options"; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; height: auto; min-height: 100%; overflow: hidden; padding-top: 0; row-gap: 5px; width: 100%; } .enhance_selection_options .enhance_sources { align-items: stretch; display: flex; flex-direction: column; grid-area: data_source; justify-content: flex-start; } .enhance_selection_options .profile_categories { align-items: center; grid-area: profile_categories; display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; height: -moz-fit-content; height: fit-content; justify-content: center; margin-bottom: 0; width: 100%; } .enhance_selection_options .profile_categories .profile_category_row { display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; height: -moz-fit-content; height: fit-content; justify-content: center; width: 100%; } .enhance_selection_options .profile_categories .profile_category_row .data_source_categories { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; height: -moz-fit-content; height: fit-content; justify-content: space-around; margin-bottom: 0; } .enhance_selection_options .profile_categories .profile_category_row .profile_action { cursor: pointer; border-radius: 10px; border-style: solid; border-width: 2px; padding: 4px 10px; transition-duration: 200ms; } .enhance_selection_options .profile_pane { border-radius: 10px; display: grid; grid-area: profile_options; grid-template-columns: 1fr; grid-template-rows: auto 1fr; height: 455px; min-height: 100%; overflow-y: hidden; width: 100%; } .enhance_selection_options .profile_pane .category_option_container { align-items: stretch; display: grid; grid-row: 1; grid-template-columns: 1fr; grid-template-rows: 50px 1fr; height: 100%; overflow-y: auto; row-gap: 5px; width: 100%; } .enhance_selection_options .profile_pane .category_option_container .category_option_header { align-items: center; border-bottom-style: solid; border-bottom-width: 4px; display: flex; flex-direction: row; height: 50px; justify-content: space-between; width: 100%; } .enhance_selection_options .profile_pane .category_option_container .category_option_header h4 { display: block; flex-grow: 0; font-size: 1.6em; margin: 20px; } .enhance_selection_options .profile_pane .category_option_container .category_option_header .section_options_container { align-items: center; -moz-column-gap: 2px; column-gap: 2px; display: flex; flex-direction: row; flex-grow: 1; justify-content: flex-end; } .enhance_selection_options .profile_pane .category_option_container[data-source-name=General][data-category-name=Search] { row-gap: 10px; } .enhance_selection_options .profile_pane .category_section_search_container { margin-top: 10px; } .enhance_selection_options .profile_pane .category_section_search_container .error_note { margin-left: 15px; } .enhance_selection_options .profile_pane .category_section_search_container .search_section { text-align: left; width: 100%; } .enhance_selection_options .profile_pane .category_section_search_container .search_settings { align-items: stretch; display: flex; flex-direction: column; font-size: 1em; justify-content: flex-start; row-gap: 10px; } .enhance_selection_options .profile_pane .category_section_search_container .search_settings .search_setting .txtbox { border: 1px solid; font-size: 1.7em; margin-left: 15px; padding: 10px 3%; width: 90%; } .enhance_selection_options .profile_pane .category_section_search_container .search_settings .search_options { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; flex-grow: 1; justify-content: flex-end; margin-right: 15px; } .enhance_selection_options .profile_pane .category_section_search_container .searching_caption { font-size: 1.3em; margin-left: 15px; } .enhance_selection_options .profile_pane .category_section_search_container .search_results_container { align-items: stretch; display: flex; flex-direction: column; justify-content: flex-start; margin: 0 15px; row-gap: 5px; } .enhance_selection_options .profile_pane .category_section_search_container .search_results_container h2 { font-size: 1.7em; margin-bottom: 5px; padding: 0; text-align: left; } .enhance_selection_options .profile_pane .category_section_search_container .search_results_container .profile_section h4 { margin-bottom: 8px; } .enhance_selection_options .profile_pane .category_section_search_container .search_results_container .profile_section .attribute_group_tip { font-size: 1.4em; } .enhance_selection_options .profile_pane .category_section_search_container .search_results_container .profile_section .profile_selections .profile_selection_block { align-items: center; -moz-column-gap: 30px; column-gap: 30px; display: flex; flex-direction: row; } .enhance_selection_options .profile_pane .category_section_options_container { grid-row: 2; max-height: unset; overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; } .enhance_selection_options .profile_pane .category_section_options_container .loading_caption p { font-size: 1.5em; margin: 10px 20px; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content { margin: 10px 20px; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_section h4 { margin-bottom: 8px; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_section .attribute_group_tip { font-size: 1.4em; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_section .profile_selections .profile_selection_block { align-items: center; -moz-column-gap: 30px; column-gap: 30px; display: flex; flex-direction: row; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container { margin-bottom: 20px; text-align: left; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container h2 { font-size: 1.8em; margin-bottom: 10px; text-transform: uppercase; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container .profile_summary_section_container { margin-bottom: 10px; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container .profile_summary_section_container h3 { font-size: 1.5em; font-weight: bold; margin-bottom: 5px; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container .profile_summary_section_container .profile_summary_section { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: flex-start; } .enhance_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container .profile_summary_section_container:last-child { margin-bottom: 0; } .enhance_selection_options .profile_pane .category_section_options_container .SumoSelect { font-size: 0.7em; } .enhance_selection_options .profile_pane .category_section_settings_container { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; height: 100%; min-height: 300px; width: 100%; } .enhance_selection_options .profile_pane .category_section_settings_container .category_section_settings_entry { margin: 10px; } .enhance_selection_options .profile_pane .category_section_settings_container .category_section_settings_entry div.SumoSelect > .CaptionCont { padding-left: 10px; padding-right: 10px; } .enhance_selection_options .profile_pane .category_section_settings_container .category_section_settings_entry div.SumoSelect > p.SelectBox { font-size: 2em; border: solid 1px; border-radius: 5px; } .enhance_selection_options .profile_pane .category_section_settings_container .category_section_settings_entry div.SumoSelect > .optWrapper > .options { font-size: 2em; } /* Smaller than standard 960 (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .profile_selection_options .selection_pane { padding: 10px 0 0; } } .select_geography { -moz-column-gap: 20px; column-gap: 20px; row-gap: 5px; display: grid; grid-template-areas: "category area selections" "map area selections"; grid-template-columns: 1fr 2fr 1fr; grid-template-rows: 1fr 2fr; height: calc(75vh - 300px); min-height: 35vh; width: 100%; } .select_geography .category_selection { align-items: stretch; -moz-column-gap: 30px; column-gap: 30px; display: flex; flex-direction: column; grid-area: category; row-gap: 10px; } .select_geography .category_selection .category_selection_header { align-items: center; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .select_geography .category_selection .category_selection_header h4 { font-size: 1.8em; } .select_geography .category_selection .category_selection_header .search_icon_container { cursor: pointer; } .select_geography .category_selection .category_selection_header .search_icon_container img { height: auto; width: 25px; } .select_geography .category_selection .SumoSelect > .CaptionCont { border: 1px solid; font-size: 1.7em; padding: 9px 2%; } .select_geography .category_selection .SumoSelect > .CaptionCont > .placeholder { color: #333; font-style: normal; } .select_geography .category_selection .SumoSelect > .CaptionCont > label > i { width: 20px; height: 20px; right: 10px; } .select_geography .category_selection .SumoSelect > .optWrapper > .options { font-size: 1.5em; text-align: left; } .select_geography .category_selection .SumoSelect > .optWrapper > .options li.opt { padding: 7px 2%; } .select_geography .category_map { display: relative; grid-area: map; height: 100%; width: 100%; } .select_geography .category_map img { transform: scale(50%); } .select_geography .category_map .map_container { border-radius: 8px; border-style: solid; border-width: 2px; height: 100%; width: 100%; } .select_geography .category_map .map_container .map-content { height: 100%; width: 100%; } .select_geography .category_map .map_unavailable_container { align-items: center; border-radius: 8px; border-style: solid; border-width: 2px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; } .select_geography .geographic_area_selection { border-radius: 10px; border-style: solid; border-width: 1px; display: flex; flex-direction: column; grid-area: area; min-height: calc(100% - 250px); justify-content: flex-start; row-gap: 10px; width: 100%; } .select_geography .geographic_area_selection .geographic_area_selection_header { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; height: 30px; justify-content: space-between; margin-bottom: 10px; margin-top: 10px; } .select_geography .geographic_area_selection .geographic_area_selection_header > div { flex-grow: 1; } .select_geography .geographic_area_selection .geographic_area_selection_header > h4 { flex-grow: 1; font-size: 1.8em; text-align: center; } .select_geography .geographic_area_selection .geographic_area_selection_header .include_exclude_options { align-items: center; display: flex; flex-direction: row; flex-grow: 0; justify-content: flex-end; margin-right: 8px; } .select_geography .geographic_area_selection .geographic_area_selection_header .include_exclude_options .text_toggle_button label { margin: 10px 5px; padding: 5px; } .select_geography .geographic_area_selection .geographic_area_selection_options { height: 100%; margin: 0 10px; overflow-y: auto; } .select_geography .geographic_area_selection .geographic_area_selection_options .area_search_options, .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container { display: flex; flex-direction: column; margin-bottom: 10px; row-gap: 10px; } .select_geography .geographic_area_selection .geographic_area_selection_options .area_search_options .area_type_search, .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .area_type_search { display: flex; flex-direction: column; row-gap: 10px; } .select_geography .geographic_area_selection .geographic_area_selection_options .area_search_options .area_type_search > label, .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .area_type_search > label { font-size: 1.6em; font-weight: bold; } .select_geography .geographic_area_selection .geographic_area_selection_options .area_search_options .area_type_search .area_type_search_entry, .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .area_type_search .area_type_search_entry { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; justify-content: stretch; } .select_geography .geographic_area_selection .geographic_area_selection_options .area_search_options .area_type_search .area_type_search_entry > input, .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .area_type_search .area_type_search_entry > input { border-style: solid; border-width: 1px; flex-grow: 1; font-size: 1.7em; padding: 10px 3%; } .select_geography .geographic_area_selection .geographic_area_selection_options .area_search_options .area_type_search .area_type_search_entry > button, .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .area_type_search .area_type_search_entry > button { flex-grow: 0; } .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .search_radius_options { align-items: flex-start; display: flex; flex-direction: column; justify-content: flex-start; row-gap: 30px; width: 100%; } .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .search_radius_options h5 { font-size: 1.6em; margin-top: 10px; } .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .search_radius_options .radius_type_container .checkbox { margin: 8px 2px; } .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .search_radius_options .radius_value_container { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; width: 100%; } .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .search_radius_options .radius_value_container .radius_value_type { align-items: center; -moz-column-gap: 20px; column-gap: 20px; display: flex; flex-direction: row; flex-grow: 0; justify-content: flex-start; } .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .search_radius_options .radius_value_container .radius_value_type .checkbox { margin: 8px 2px; } .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .search_radius_options .radius_value_container .radius_value_type .extended_area_unit_value_entry > input { border-style: solid; border-width: 1px; flex-grow: 1; font-size: 1.7em; padding: 10px 3%; } .select_geography .geographic_area_selection .geographic_area_selection_options .postcode_selection_container .search_radius_options .radius_value_container .add_option_container { flex-grow: 1; text-align: right; } .select_geography .geographic_area_selection .geographic_area_selection_options .area_selection_list { align-content: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; width: 100%; } .select_geography .geographic_area_selection .geographic_area_selection_options .area_selection_list .text-toggle-button { width: -moz-fit-content; width: fit-content; } .select_geography .selected_areas { display: flex; flex-direction: column; grid-area: selections; min-height: calc(100% - 250px); width: 100%; } .select_geography .selected_areas .selected_areas_header { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 5px; width: 100%; } .select_geography .selected_areas .selected_areas_header h4 { font-size: 1.8em; padding: 4px; } .select_geography .selected_areas .selected_areas_body { border-radius: 0 0 10px 10px; border-style: none solid solid solid; border-width: 1px; flex-grow: 1; height: calc(100% - 28px); width: 100%; } .select_geography .selected_areas .selected_areas_body .selected_areas_sub_header { border-bottom-style: solid; border-bottom-width: 4px; border-top-style: solid; border-top-width: 4px; display: flex; flex-direction: row; padding: 4px 0; width: 100%; } .select_geography .selected_areas .selected_areas_body .selected_areas_selections { height: calc(100% - 35px); overflow-y: auto; overflow-x: hidden; } .select_geography .selected_areas .selected_areas_body .selected_areas_name_col { font-size: 1.3em; padding: 0 10px; width: 70%; } .select_geography .selected_areas .selected_areas_body .selected_areas_records_col { font-size: 1.3em; padding: 0 10px; width: 30%; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1024px) { .select_geography { grid-template-areas: "category selections" "area selections"; grid-template-columns: 1fr 1fr; } .select_geography .category_map { display: none; } } .input_source_type_button input[type=checkbox], .input_source_type_button input[type=radio] { display: none; } .input_source_type_button input[type=checkbox] + label, .input_source_type_button input[type=radio] + label { align-items: center; border-style: solid; border-width: 2px; cursor: pointer; display: flex; justify-content: center; position: relative; padding: 10px 15px; text-transform: uppercase; transition-duration: 200ms; white-space: pre-line; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .input_source_type_button input[type=checkbox]:disabled + label, .input_source_type_button input[type=radio]:disabled + label { opacity: 0.7; } .tab_header_option input[type=checkbox] + label, .tab_header_option input[type=radio] + label { border-radius: 10px; font-size: 1.3em; font-weight: bold; min-width: 80px; } .bucket_selection_option input[type=checkbox] + label, .bucket_selection_option input[type=radio] + label { border-radius: 4px; font-size: 1.1em; padding-block: 15px !important; padding-inline: 10px !important; } .object_selection_option input[type=checkbox] + label, .object_selection_option input[type=radio] + label { border-radius: 2px; flex-direction: column; font-size: 1.2em; row-gap: 4px; } .object_selection_option input[type=checkbox] + label .main_caption, .object_selection_option input[type=radio] + label .main_caption { font-size: 1.2em; } .object_selection_option input[type=checkbox] + label .additional_info, .object_selection_option input[type=radio] + label .additional_info { font-size: 0.8em; text-transform: uppercase; } .databricks_table_selection input[type=checkbox] + label, .databricks_table_selection input[type=radio] + label { border-radius: 2px; font-size: 1.2em; } .input_sources_header_panel { align-items: center; display: flex; flex-direction: row; height: 50px; gap: 20px; justify-content: flex-start; margin-bottom: 10px; } .input_sources_header_panel .input_source_actions { display: flex; flex-grow: 1; justify-content: flex-end; } .input_sources_header_panel .input_source_actions a { display: inline-block; height: 25px; padding: 5px; width: 25px; } .job_manager_welcome { display: flex; flex-direction: column; line-height: 1.5; margin-top: 40px; row-gap: 60px; width: 100%; } .job_manager_welcome .welcome_header { text-align: center; } .job_manager_welcome .welcome_header h1 { font-size: 4em; margin-bottom: 20px; } .job_manager_welcome .welcome_header p { font-size: 1.8em; margin: 0 auto; width: 70%; } .job_manager_welcome .welcome_options { display: flex; flex-direction: row; justify-content: space-around; } .job_manager_welcome .welcome_options .welcome_option { align-items: center; display: flex; flex-direction: column; max-width: 35%; row-gap: 30px; text-align: center; } .job_manager_welcome .welcome_options .welcome_option .welcome_button { max-width: 300px; } .job_manager_welcome .welcome_options .welcome_option p { font-size: 1.3em; font-style: italic; } .job_manager_options { display: flex; flex-direction: row; justify-content: flex-end; width: 100%; } .content_center .pager { margin-bottom: 20px; } .payment_form #payment-element { margin-bottom: 0.25rem; } .payment_form .custom_fields label { display: block; font-size: 0.93rem; padding-bottom: 0.25rem; } .payment_form .custom_fields input[type=email] { border-radius: 0; border-style: solid; border-width: 1px; box-sizing: border-box; font-size: 1.7em; padding: 1rem; width: 100%; } .payment_form .submit_btn { border-style: solid; border-width: 1px; cursor: pointer; display: block; font-size: 1.5em; padding: 10px 35px; text-decoration: none; text-transform: uppercase; } .popup_main { max-width: 800px; margin: 0 auto; position: relative; } .popup_main #dedupe-options-settings { text-align: left; } .popup_main #dedupe-options-settings .frm_popup { margin-bottom: 10px !important; } .popup_main #dedupe-options-settings .frm_popup #dedupe-restriction-value { margin-top: 5px; } .popup_main .dedupe_selections_container { margin-bottom: 20px; } .popup_main .dedupe_selections_container .tablesorter { margin-top: 0 !important; } .popup_main .dedupe_selections_container .tablesorter tbody td { padding: 8px; } .popup_main .dedupe_selections_container .tablesorter-pager { margin-top: 10px; } .popup_main .dedupe_selections_container .tablesorter-pager .paging { align-items: center; display: flex; flex-direction: row; float: none; justify-content: flex-end; width: 100%; } .popup_main .dedupe_selections_container .tablesorter-pager p.SelectBox { font-size: 1.3em; margin-bottom: 0; } .popup_main .dedupe-actions-container { text-align: center; } .popup_main table.import_file_statistics { font-size: 1.6em; margin: 20px 0; } .popup_main table.import_file_statistics tbody tr td { padding: 10px; text-align: center; } .popup_main table.import_file_statistics tbody tr td:first-child { text-align: left; } .popup_main .popup_main_wrapper .popup_navigation { margin-bottom: 5px; } .popup_main .popup_title { padding: 14px 17px; position: relative; } .popup_main .popup_title h3 { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; font-size: 2.4em; font-weight: 300; justify-content: flex-start; } .popup_main .popup_title .title_img { width: auto; height: 25px; } .popup_main .popup_title .title_ico { border: 2px solid; font-size: 0.8em; width: 25px; height: 25px; border-radius: 15px; display: inline-block; text-align: center; line-height: 25px; font-weight: 300; } .popup_main .popup_title .info_icon { border: 2px solid; font-size: 2.1em; width: 25px; height: 25px; border-radius: 15px; display: inline-block; text-align: center; line-height: 25px; font-weight: 300; margin: 0 10px 0 0; position: absolute; right: 46px; top: 14px; text-decoration: none; } .popup_main .popup_title .title_ico_img { width: 37px; height: auto; vertical-align: middle; margin-top: -4px; } .popup_main .popup_contents { border-bottom: 12px solid; padding: 35px 15px 30px; text-align: center; } .popup_main .popup_contents h2 { text-align: center; font-size: 2.6em; font-weight: 700; padding: 0 0 7px; } .popup_main .popup_contents h3 { font-size: 1.7em; font-weight: 700; text-align: left; padding: 15px 0 10px; } .popup_main .popup_contents p { font-size: 1.7em; margin-bottom: 14px; } .popup_main .popup_contents .import_file_section p { text-align: left; } .popup_main .popup_contents #imnport-locations-actions-container { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto; width: 80%; } .popup_main .popup_contents .reject_btn, .popup_main .popup_contents .cancel_btn { margin-left: 8px; } .popup_main .popup_contents .select_all_btn { float: left; } .popup_main .popup_contents .accept_btn { transition-duration: 300ms; } .popup_main .popup_contents .popup_action_buttons { text-align: center; } .popup_main .popup_contents .dialog_options { text-align: center; } .popup_main .popup_contents .print_btn, .popup_main .popup_contents .save_btn { margin-left: 8px; } .popup_main .popup_contents .submit_btn { margin-left: 20px; } .popup_main .popup_contents .note-editing-area p { font-size: 0.8rem; margin-bottom: 0; padding: 5px 0; } .popup_main .popup_contents .note-editing-area span { font-size: 0.8rem; } .popup_main .popup_contents .note-editing-area li { list-style: unset; margin: 5px 0 5px 25px; font-size: 0.8rem; } .popup_main .popup_contents .error_note { padding: 10px 0; } .popup_main .popup_contents .error_note h4 { font-size: 2.7em; padding: 3px 0 3px 50px; position: relative; text-align: left; } .popup_main .popup_contents .error_note h4 span.error_icon { display: block; position: absolute; width: 40px; height: 40px; position: absolute; left: 0; top: -2px; border-radius: 30px; } .popup_main .popup_contents .error_note h4 span.error_icon:before, .popup_main .popup_contents .error_note h4 span.error_icon:after { position: absolute; left: 18px; top: 12px; content: " "; height: 17px; width: 4px; } .popup_main .popup_contents .error_note h4 span.error_icon:before { transform: rotate(45deg); } .popup_main .popup_contents .error_note h4 span.error_icon:after { transform: rotate(-45deg); } .popup_main .popup_contents .error_note p { font-size: 1.5em; font-weight: 700; text-align: left; } .popup_main .popup_contents .SumoSelect > .CaptionCont { border: 1px solid; font-size: 1.7em; padding: 9px 2%; } .popup_main .popup_contents .SumoSelect > .CaptionCont > label > i { width: 20px; height: 20px; right: 10px; } .popup_main .popup_contents .SumoSelect > .optWrapper > .options { font-size: 1.5em; text-align: left; } .popup_main .popup_contents .SumoSelect > .optWrapper > .options > li > ul { font-size: 1em; text-align: left; } .popup_main .popup_contents .SumoSelect > .optWrapper > .options li.opt { padding: 7px 2%; } .popup_main .popup_contents .checkbox > label { text-align: left; } .popup_main .popup_contents.terms-addendum-contents { text-align: left; } .popup_main .has-form p, .popup_main .has-form .frm_popup { text-align: left; } .popup_main .options-table > .options-cell { float: left; margin-right: 5px; } .popup_main .options-table > .options-cell:last-child { margin-right: 0; } .popup_main.framed-content { max-width: 1000px; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1024px) { .popup_main .popup_contents .error_note h4 { font-size: 2.4em; padding: 3px 0 3px 45px; } .popup_main .popup_contents .error_note h4 span.error_icon { width: 34px; height: 34px; left: 0; top: -1px; } .popup_main .popup_contents .error_note h4 span.error_icon:before, .popup_main .popup_contents .error_note h4 span.error_icon:after { left: 15px; top: 9px; } .popup_main .popup_contents .error_note p { font-size: 1.8em; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .popup_main .popup_contents .error_note h4 { font-size: 2.1em; padding: 3px 0 3px 40px; } .popup_main .popup_contents .error_note h4 span.error_icon { width: 32px; height: 32px; left: 0; top: 0; } .popup_main .popup_contents .error_note h4 span.error_icon:before, .popup_main .popup_contents .error_note h4 span.error_icon:after { left: 14px; top: 8px; } .popup_main .popup_contents .error_note p { font-size: 1.7em; } } #filter-jobs-popup .popup_title { padding: 0; } #filter-jobs-popup .popup_title img.title_img { margin: 5px 10px; height: 40px; vertical-align: middle; } .profile_selection_options { -moz-column-gap: 20px; column-gap: 20px; row-gap: 5px; display: grid; grid-template-areas: "selections profile_categories" "selections profile_options"; grid-template-columns: 1fr 2fr; grid-template-rows: auto 1fr; height: calc(75vh - 300px); min-height: 35vh; width: 100%; } .profile_selection_options .selection_pane { align-items: stretch; display: flex; flex-direction: column; justify-content: stretch; grid-area: selections; min-height: calc(100% - 250px); width: 100%; } .profile_selection_options .selection_pane h3 { font-size: 1.6em; margin: 5px 0 10px; } .profile_selection_options .selection_pane .SumoSelect > .CaptionCont { border: 1px solid; font-size: 1.7em; padding: 9px 2%; } .profile_selection_options .selection_pane .SumoSelect > .CaptionCont > .placeholder { color: #333; font-style: normal; } .profile_selection_options .selection_pane .SumoSelect > .CaptionCont > label > i { width: 20px; height: 20px; right: 10px; } .profile_selection_options .selection_pane .SumoSelect > .optWrapper > .options { font-size: 1.5em; text-align: left; } .profile_selection_options .selection_pane .SumoSelect > .optWrapper > .options li.opt { padding: 7px 2%; } .profile_selection_options .selection_pane .wizard_frm .frm_row .frm_input { float: left; width: 100%; border: 1px solid; height: 35px; } .profile_selection_options .selection_pane .wizard_frm .frm_row .frm_input .txtbox { width: 95%; height: 24px; padding: 5px 2.5%; border: none; outline: none; } .profile_selection_options .selection_pane .distribution_panel { flex-grow: 0; } .profile_selection_options .selection_pane .selections_panel { align-items: stretch; display: grid; flex-grow: 1; grid-template-rows: 40px 1fr; height: 100%; justify-content: stretch; width: 100%; } .profile_selection_options .selection_pane .selections_panel .selected_areas_header { align-items: center; border-bottom-width: 4px; border-bottom-style: solid; display: flex; flex-direction: row; flex-grow: 0; justify-content: space-between; padding-bottom: 5px; } .profile_selection_options .selection_pane .selections_panel .selected_areas_header img { border-style: solid; border-radius: 4px; border-width: 1px; cursor: pointer; padding: 4px; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table { border-collapse: collapse; border-radius: 0 0 10px 10px; display: grid; grid-template-rows: 35px 1fr 40px; min-width: 100%; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table thead, .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tbody, .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tfoot { display: block; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tr { display: grid; grid-template-columns: 1fr 100px 100px; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table th, .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table td { font-size: 1.3em; overflow: hidden; padding: 10px 5px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table th:first-child, .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table td:first-child { text-align: left; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table thead { border-bottom-style: solid; border-bottom-width: 4px; padding-bottom: 4px; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tbody { overflow-y: auto; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tbody tr { cursor: pointer; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tbody td { border-bottom-style: dashed; border-bottom-width: 1px; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tbody td.profile_area_name_column { text-transform: uppercase; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tfoot { border-top-style: solid; border-top-width: 4px; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table tfoot td { font-weight: bold; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table.proportional_allocation tr { grid-template-columns: 1fr 100px; } .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table.proportional_allocation tr th:last-child, .profile_selection_options .selection_pane .selections_panel table.geographic_selections_table.proportional_allocation tr td:last-child { display: none; } .profile_selection_options .selection_pane .selections_panel .tablesorter { margin-top: 0; } .profile_selection_options .selection_pane .distribution_panel { margin-bottom: 20px; } .profile_selection_options .profile_categories { align-items: center; grid-area: profile_categories; display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; justify-content: space-around; margin-bottom: 10px; width: 100%; } .profile_selection_options .profile_categories .profile_action { border-radius: 10px; border-style: solid; border-width: 2px; cursor: pointer; margin: 0; margin-left: 50px; padding: 10px; } .profile_selection_options .profile_categories .profile_action span { padding: 10px 0; } .profile_selection_options .profile_pane { border-radius: 10px; grid-area: profile_options; min-height: calc(100% - 250px); width: 100%; } .profile_selection_options .profile_pane .category_option_container { align-items: stretch; display: grid; grid-template-columns: 1fr; grid-template-rows: 50px 1fr; height: 100%; row-gap: 5px; width: 100%; } .profile_selection_options .profile_pane .category_option_container .category_option_header { align-items: center; border-bottom-style: solid; border-bottom-width: 4px; display: flex; flex-direction: row; height: 100%; justify-content: space-between; width: 100%; } .profile_selection_options .profile_pane .category_option_container .category_option_header h4 { display: block; flex-grow: 0; font-size: 1.6em; margin: 20px; } .profile_selection_options .profile_pane .category_option_container .category_option_header .section_options_container { align-items: center; -moz-column-gap: 2px; column-gap: 2px; display: flex; flex-direction: row; flex-grow: 1; justify-content: flex-end; } .profile_selection_options .profile_pane .category_section_options_container { height: 100%; overflow-x: hidden; overflow-y: auto; width: 100%; } .profile_selection_options .profile_pane .category_section_options_container .loading_caption p { font-size: 1.5em; margin: 10px 20px; } .profile_selection_options .profile_pane .category_section_options_container .profile_content { margin: 10px 20px; } .profile_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container { margin-bottom: 20px; text-align: left; } .profile_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container h2 { font-size: 1.5em; margin-bottom: 10px; text-transform: uppercase; } .profile_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container .profile_summary_section_container { margin-bottom: 10px; } .profile_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container .profile_summary_section_container h3 { font-size: 1.5em; font-weight: bold; margin-bottom: 5px; } .profile_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container .profile_summary_section_container ul li { font-size: 1em; list-style-type: disc; margin: 5px 0 5px 25px; } .profile_selection_options .profile_pane .category_section_options_container .profile_content .profile_summary_category_container .profile_summary_section_container:last-child { margin-bottom: 0; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1024px) { .profile_selection_options { display: block; height: auto; } .profile_selection_options .selection_pane { min-height: 100%; width: 100%; padding: 20px 0 0; } .profile_selection_options .profile_categories { height: -moz-fit-content; height: fit-content; } .profile_selection_options .profile_pane { height: 455px; min-height: unset; } .profile_selection_options .profile_pane .category_option_container { display: grid; height: 100%; overflow-y: auto; } .profile_selection_options .profile_pane .category_option_container .category_option_header { height: 50px; } .profile_selection_options .profile_pane .category_option_container .category_section_options_container { height: unset; max-height: 400px; } .framed-content > .lifesketch_options_container.profile_selection_options { display: grid; overflow: hidden; grid-template-areas: "profile_categories" "profile_options"; grid-template-columns: 1fr; grid-template-rows: auto 1fr; min-height: 100%; padding-top: 0; row-gap: 5px; width: 100%; } .framed-content > .lifesketch_options_container.profile_selection_options .profile_categories { margin-bottom: 0; } .framed-content > .lifesketch_options_container.profile_selection_options .profile_pane { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; min-height: 100%; overflow-y: hidden; width: 100%; } .framed-content > .lifesketch_options_container.profile_selection_options .profile_pane .category_option_container { grid-row: 1; } .framed-content > .lifesketch_options_container.profile_selection_options .profile_pane .category_section_options_container { grid-row: 2; max-height: unset; overflow-y: auto; position: relative; } .framed-content > .lifesketch_options_container.profile_selection_options .profile_pane .category_section_options_container .SumoSelect { font-size: 0.7em; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .profile_selection_options .selection_pane { padding: 10px 0 0; } } .progress_container { align-items: center; display: flex; position: relative; width: 100px; height: 100px; } .progress_container .circular { animation: rotate 2s linear infinite; height: 100px; position: relative; width: 100px; } .progress_container .circular .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } .progress_container p { margin-bottom: 0 !important; } .progress_container.payment_progress, .progress_container.reload_progress { width: unset; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } .job-wizard-purchase-section { align-items: flex-start; -moz-column-gap: 50px; column-gap: 50px; display: flex; flex-direction: row; justify-content: space-between; margin-top: 30px; width: 100%; } .job-wizard-purchase-section .job_licence_options { display: flex; flex-direction: row; -moz-column-gap: 30px; column-gap: 30px; justify-content: space-between; } .job-wizard-purchase-section .eul_list_table { margin-top: 0; } .job-wizard-purchase-section .eul_list_table thead th { text-align: center; vertical-align: middle; } .job-wizard-purchase-section .eul_list_table thead th:first-child { text-align: left; } .job-wizard-purchase-section .eul_list_table tbody td { padding: 8px 0; text-align: left; } .job-wizard-purchase-section .eul_list_table tbody td > .eul_status_details { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-direction: row; justify-content: flex-start; width: 100%; } .job-wizard-purchase-section .eul_list_table tbody td:last-child { text-align: center; } .job-wizard-purchase-section .payment_options_container { flex-grow: 1; } .job-wizard-purchase-section .job_wizard_section_header { margin-bottom: 5px; } .job-wizard-purchase-section .job_wizard_section_header h2 { display: inline-block; font-size: 2em; margin-left: 5px; vertical-align: middle; } .job-wizard-purchase-section .job_wizard_section_header img { display: inline-block; vertical-align: middle; } .job-wizard-purchase-section .job_wizard_section_body { margin-bottom: 30px; margin-left: 58px; } .job-wizard-purchase-section .job_wizard_section_body .end-user-list tbody td { padding: 8px 0; } .job-wizard-purchase-section .job_wizard_section_body .filter-file-list td { padding: 8px; } .job-wizard-purchase-section .job_wizard_section_body > .payment-option-container { margin-bottom: 10px; } .job-wizard-purchase-section .job_wizard_section_body > .payment-option-container > .custom_radio .label { font-weight: bold; } .job-wizard-purchase-section .job_wizard_section_body .job-cost-table tbody td { font-size: 1.6em; line-height: 1.8; } .job-wizard-purchase-section .job_wizard_section_body .job-cost-table tbody td:first-child { padding-right: 20px; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body { margin-left: 30px; margin-right: 30px; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body p { font-size: 1.3em; } .job-wizard-purchase-section .job_wizard_section_body .radio_btn_row { margin: 15px 0; } .job-wizard-purchase-section .job_wizard_section_body .list-container { margin-bottom: 30px; } .job-wizard-purchase-section .eul_list_container { flex-grow: 2; } .job-wizard-purchase-section .job_details_summary { flex-grow: 1; } .job-wizard-purchase-section .job_details_summary .job_wizard_section_header h2 { margin-bottom: 10px; margin-top: 20px; } .job-wizard-purchase-section .job_details_summary .job_wizard_section_body { margin-left: 0; } .job-wizard-purchase-section .job_details_summary .job_wizard_section_body .job_details_entry { align-items: center; display: flex; flex-direction: row; -moz-column-gap: 5px; column-gap: 5px; line-height: 1.5; justify-content: flex-start; } .job-wizard-purchase-section .job_details_summary .job_wizard_section_body .job_details_entry p { padding: 0; } .job-wizard-purchase-section .reseller_end_user_selection_container { flex-grow: 1; } .s3_bucket_selections { box-sizing: border-box; -moz-column-gap: 20px; column-gap: 20px; grid-template-areas: "buckets navigation"; display: grid; grid-template-columns: 300px 1fr; height: 300px; width: 100%; } .s3_bucket_selections .s3_bucket_list { box-sizing: border-box; display: flex; flex-direction: column; grid-area: buckets; height: 300px; justify-content: flex-start; overflow-y: auto; row-gap: 5px; } .s3_bucket_selections .s3_bucket_objects { display: grid; grid-area: navigation; grid-template-areas: "path" "objects"; grid-template-columns: 1fr; grid-template-rows: 40px 1fr; height: 300px; width: 100%; } .s3_bucket_selections .s3_bucket_objects .s3_bucket_object_path { align-items: start; border-radius: 3px; box-sizing: border-box; display: flex; flex-flow: column nowrap; font-size: 1.1em; grid-area: path; justify-content: start; margin-bottom: 15px; overflow-x: auto; padding-inline: 10px; padding-block: 5px; width: 100%; } .s3_bucket_selections .s3_bucket_objects .s3_bucket_object_list { height: 260px; overflow-y: auto; width: 100%; } .list_type_selection { align-items: stretch; -moz-column-gap: 20px; column-gap: 20px; display: flex; flex-direction: row; justify-content: center; height: 50vh; min-height: 550px; transition-duration: 200ms; width: 100%; } .list_type_selection > .list_type_section { align-items: stretch; display: flex; flex-direction: column; height: 100%; justify-content: space-around; max-width: 300px; transition-duration: 200ms; width: calc(25vw - 20px); } .list_type_selection > .list_type_section h4 { font-size: 1.7em; margin: 10px 0; text-align: center; } .list_type_selection > .list_type_section > .list_service_option { margin: 0 30px; } .list_type_selection > .list_type_section > .list_sub_services { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: space-around; margin: 20px; transition-duration: 200ms; } .list_type_selection > .list_type_section > .list_sub_services > .service_terms { flex-grow: 1; height: 100%; overflow-y: auto; } .list_type_selection > .list_type_section > .list_sub_services > .service_terms > p { font-size: 1.4em; line-height: 1.5; } .list_type_selection > .list_type_section > .list_sub_services > .confirm_prompt { align-self: flex-start; margin: 15px 0; } .list_type_selection > .list_type_section > .list_sub_services > .list-service-option { align-items: center; align-self: flex-start; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: stretch; margin: 10px 0; width: 100%; } .list_type_selection > .list_type_section > .list_sub_services > .list-service-option > .checkbox { flex-grow: 1; } .list_type_selection > .list_type_section > .list_sub_services > .list-service-option > .option_image > .service_image { width: 50px; } .list_type_selection > .list_type_section > .list_service_options_container { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: space-around; margin: 20px; transition-duration: 200ms; } .list_type_selection > .list_type_section > .list_multi_service_options_container { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: space-between; margin: 20px; transition-duration: 200ms; } .list_type_selection > .list_type_section > .list_multi_service_options_container .list_usage_option { flex-grow: 1; display: flex; flex-direction: column; height: 100%; justify-content: stretch; margin: 15px 0; row-gap: 20px; width: 100%; } .list_type_selection > .list_type_section > .list_multi_service_options_container .list_usage_option > .list_channel_options { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; row-gap: 30px; } .list_type_selection > .list_type_section > .list_name_details { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: space-between; margin: 20px; transition-duration: 200ms; } .list_type_selection > .list_type_section > .list_name_details .list_name_container { align-items: stretch; display: flex; flex-direction: column; flex-grow: 1; height: 100%; justify-content: center; } .list_type_selection > .list_type_section > .list_name_details .list_name_container p { text-align: center; } .list_type_selection > .list_type_section > .list_name_details .list_name_container .txtbox { border: 1px solid; font-size: 1.7em; padding: 10px 3%; width: 94%; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1024px) { .list_type_selection { display: grid; height: unset; gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 200px auto; grid-template-areas: "header header header header" "section1 section1 section2 section2" "name name name name"; padding: 25px 0 35px; } .list_type_selection .list_type_section { align-items: center; flex-direction: row; max-width: unset; width: 100%; } .list_type_selection #list-type-section { grid-area: header; } .list_type_selection #list-options-1-section { grid-area: section1; } .list_type_selection #list-options-2-section { grid-area: section2; } .list_type_selection #list-name-section { grid-area: name; } } .text_toggle_button input[type=checkbox], .text_toggle_button input[type=radio] { display: none; } .text_toggle_button input[type=checkbox] + label, .text_toggle_button input[type=radio] + label { align-items: center; border-style: solid; border-width: 2px; border-radius: 10px; cursor: pointer; display: flex; font-size: 1.2em; justify-content: center; margin: 10px; position: relative; padding: 5px; text-transform: uppercase; transition-duration: 200ms; white-space: pre-line; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .text_toggle_button input[type=checkbox]:disabled + label, .text_toggle_button input[type=radio]:disabled + label { opacity: 0.7; } .text_toggle_button.area_option input[type=checkbox] + label, .text_toggle_button.area_option input[type=radio] + label { align-items: flex-start; cursor: pointer; flex-direction: column; justify-content: center; margin: 5px; padding: 15px 50px 15px 10px; width: 190px; } .text_toggle_button.area_option input[type=checkbox] + label > span, .text_toggle_button.area_option input[type=radio] + label > span { display: block; } .text_toggle_button.area_option input[type=checkbox] + label > .saarch_all_category_match, .text_toggle_button.area_option input[type=radio] + label > .saarch_all_category_match { font-style: italic; font-size: 0.9em; } .text_toggle_button.profile_category_option input[type=checkbox] + label, .text_toggle_button.profile_category_option input[type=radio] + label { -moz-column-gap: 10px; column-gap: 10px; flex-wrap: nowrap; font-size: 1.7em; font-weight: bold; justify-content: space-around; margin: 0; padding: 10px; } .text_toggle_button.profile_category_option input[type=checkbox] + label span, .text_toggle_button.profile_category_option input[type=radio] + label span { padding: 10px 0; } .lifesketch_options_container .text_toggle_button.enhance_source_button input[type=checkbox] + label, .lifesketch_options_container .text_toggle_button.enhance_source_button input[type=radio] + label { border-radius: 4px; -moz-column-gap: 5px; column-gap: 5px; font-size: 1.4em; margin: 5px 0; padding: 20px 10px; text-transform: uppercase; } .lifesketch_options_container .text_toggle_button.profile_category_option input[type=checkbox] + label, .lifesketch_options_container .text_toggle_button.profile_category_option input[type=radio] + label { -moz-column-gap: 5px; column-gap: 5px; font-size: 1.3em; padding: 5px 10px; } .text_toggle_button.section_option input[type=checkbox] + label, .text_toggle_button.section_option input[type=radio] + label { align-items: center; flex-direction: row; flex-wrap: wrap; height: 30px; justify-content: center; margin: 2px; text-align: center; } .title_band { clear: both; padding: 16px 0; } .title_band * { transition: 0.5s; -webkit-transition: 0.5s; } .title_band .pg_title { float: left; padding: 0 28px 0 0; } .title_band .pg_title .title_container { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: flex-start; } .title_band .pg_title h1 { font-size: 2.2em; font-weight: 600; } .title_band .pg_title img { margin-left: 10px; width: 25px; } .title_band .title_data_col { border-bottom-style: solid; border-bottom-width: 2px; cursor: pointer; float: left; margin-right: 10px; padding: 2px; font-size: 1.7em; font-weight: 300; } .title_band .title_menu_col { float: left; font-size: 1.7em; font-weight: 300; } .title_band .title_menu_col li { border-bottom-style: solid; border-bottom-width: 2px; cursor: pointer; display: inline-block; margin-right: 10px; padding: 2px; } .title_band .title_menu_col li a { opacity: 0.8; text-decoration: none; } .title_band .title_menu_col li .menu_trigger:not(.force_display) { display: none; } .title_band .title_menu_col li.new_job_option a { font-weight: 500; opacity: 1 !important; } .title_band .title_menu_col li.selected a, .title_band .title_menu_col li:not(.selected):hover a { opacity: 1; } .title_band .title_menu_col > :nth-child(n+6) { display: none; } .title_band .title_menu_col > :last-child { display: inline-block !important; } .title_band .title_menu_col > :last-child .menu_trigger { display: inline-block; } .title_band .title_data_col.selected { cursor: default; } .title_band .title_data_col:last-child { margin-right: 0; } .title_band .title_right { float: right; font-size: 1.7em; padding: 2px 0 0; } .title_band .title_right .user_details_header { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-direction: row; font-weight: 300; justify-content: flex-end; width: -moz-fit-content; width: fit-content; } .title_band .title_right .user_details_header .unverified_email_warning { cursor: pointer; } .title_band .job_wizard_steps { float: right; position: relative; } .title_band .job_wizard_steps .wizard_step { float: left; font-size: 1.1em; font-weight: 300; padding: 2px 11px 0 0; } .title_band .job_wizard_steps .wizard_step .step_num { width: 18px; height: 18px; border: 2px solid; text-align: center; line-height: 18px; display: inline-block; font-weight: 500; border-radius: 15px; margin-right: 3px; } .title_band .job_wizard_steps .wizard_step .step_name { font-size: 1.3em; padding-bottom: 2px; } .blue_title_band { clear: both; padding: 16px 0; } .blue_title_band * { transition: 0.5s; -webkit-transition: 0.5s; } .blue_title_band .pg_title { float: left; padding: 0 28px 0 0; } .blue_title_band .pg_title h1 { font-size: 2.2em; font-weight: 600; } .blue_title_band .title_data_col { float: left; padding: 2px 22px 0 0; font-size: 1.7em; font-weight: 300; } .blue_title_band .title_right { float: right; font-size: 1.7em; font-weight: 300; padding: 2px 0 0; } @media only screen and (max-width: 1024px) { .title_menu_col > :nth-child(n+4) { display: none !important; } .title_menu_col > :nth-child(3) .menu_trigger { display: inline-block !important; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .title_menu_col > :nth-child(n+3) { display: none !important; } .title_menu_col > :nth-child(2) .menu_trigger { display: inline-block !important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .title_band { padding: 12px 0; } .title_band .pg_title { padding: 0 18px 10px 0; float: none; } .title_band .pg_title h1 { font-size: 2em; } .title_band .title_menu_col { margin-bottom: 10px; } .title_band .title_data_col { padding: 3px 18px 0 0; font-size: 1.5em; } .title_band .title_right { padding-top: 15px; float: none; clear: both; } .title_band .job_wizard_steps .wizard_step { margin-bottom: 5px; } .blue_title_band { padding: 12px 0; } .blue_title_band .pg_title { padding: 0 18px 10px 0; float: none; } .blue_title_band .pg_title h1 { font-size: 2em; } .blue_title_band .title_data_col { padding: 3px 18px 0 0; font-size: 1.5em; } .blue_title_band .title_right { padding-top: 15px; float: none; clear: both; } } .transfer_account_pane { margin-top: 20px; } .transfer_account_pane h2 { font-size: 2em; font-weight: 700; padding: 0 0 5px; } .transfer_account_pane h3 { font-size: 1.7em; font-weight: 700; padding: 10px 0; } .transfer_account_pane p { line-height: 1.5; } .transfer_account_pane form { margin: 20px 0; width: 60%; } .transfer_account_pane .transfer_account_form_row { padding: 0 0 15px; } .transfer_account_pane .transfer_account_form_row .transfer_account_label { float: left; font-size: 1.7em; font-weight: 700; padding: 10px 0; width: 30%; } .transfer_account_pane .transfer_account_form_row .transfer_account_input { float: left; width: 70%; } .transfer_account_pane .transfer_account_form_row .transfer_account_input .txtbox { border: 1px solid; font-size: 1.7em; padding: 10px 3%; width: 94%; } .transfer_account_pane .transfer_account_form_row .transfer_account_input_txt { float: left; font-size: 1.7em; padding: 10px 0; width: 82%; } .transfer_account_pane .transfer_account_form_row ul li { list-style-type: disc; margin-left: 25px; } .transfer_account_pane .submit_btn { display: block; float: right; margin-left: 10px; text-decoration: none; font-size: 1.5em; } #upsell-service-application-popup .frm_popup { width: 100%; } #upsell-service-application-popup .frm_popup .frm_row { font-size: 0.9em; text-align: left; } #upsell-service-application-popup .upsell_application_details { width: 100%; } #upsell-service-application-popup .upsell_application_details .upsell_application_section { border-top-width: 3px; border-top-style: solid; float: left; margin: 20px 2% 10px 2%; width: 46%; } #upsell-service-application-popup .upsell_application_details .upsell_application_section legend { font-size: 1.8em; margin-bottom: 15px; padding: 0 10px; text-align: center; } #upsell-service-application-popup .upsell_application_details .upsell_application_section .service_application_row { padding: 0 0 15px; } #upsell-service-application-popup .upsell_application_details .upsell_application_section .service_application_row .label_container { float: left; font-size: 1.7em; font-weight: 700; padding: 10px 0; width: 36%; } #upsell-service-application-popup .upsell_application_details .upsell_application_section .service_application_row .input_container { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; float: left; justify-content: space-between; width: 64%; } #upsell-service-application-popup .upsell_application_details .upsell_application_section .service_application_row .input_container > span { font-size: 1.3em; margin-bottom: 10px; } #upsell-service-application-popup .upsell_application_details .upsell_application_section .service_application_row .input_container .txtbox, #upsell-service-application-popup .upsell_application_details .upsell_application_section .service_application_row .input_container textarea { border-style: solid; border-width: 1px; font-size: 1.7em; padding: 10px 3%; width: 94%; } #upsell-service-application-popup .upsell_application_details .upsell_application_section:last-child { margin-left: 2%; margin-right: 0; } /* CSS Document */ /* ==================================================== font-family:montserrat, Arial, Verdana; ==================================================== Light 300 Regular 400 Medium 500 Semi-Bold 600 Bold 700 ==================================================== */ @font-face { font-family: "Ionicons"; src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1"); src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg"); font-weight: normal; font-style: normal; } * { -moz-user-select: none; -webkit-user-select: none; user-select: none; } html, body { height: 100%; width: 100%; } input[type=text], input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=file], textarea { -moz-user-select: text; -webkit-user-select: text; user-select: text; } html { scroll-behavior: smooth; } /* Disable smooth scrolling for users that opt-out via browser settings. */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { font-size: 62.5%; line-height: 1.2; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; font-weight: 400; font-family: "Ubuntu", "montserrat", Arial, Verdana; } /*html{overflow-y:scroll; _overflow-y:auto;}*/ a { text-decoration: underline; outline: none; /*transition:0.5s; -webkit-transition::0.5s;*/ } a:hover { text-decoration: none; } p { font-size: 1.6em; padding: 10px 0; } ul { font-size: 1.6em; } ol { font-size: 1.6em; } input, textarea, select { outline: none; font-size: 1.6em; vertical-align: middle; font-family: "Ubuntu", "montserrat", Arial, Verdana; } textarea { resize: none; } small { font-size: 80%; } .boldlink { font-weight: bold; font-size: 0.9em; } ul.bullet-list li { list-style-type: disc; margin-bottom: 10px; margin-left: 40px; margin-top: 10px; } .maintenance_notice, .internet_explorer_notice { margin-bottom: 40px; } .maintenance_notice p, .internet_explorer_notice p { line-height: 1.5; margin-top: 20px; } .base_btn { cursor: pointer; display: inline-block; border-radius: 4px; border-width: 1px; border-style: solid; text-decoration: none; font-size: 1.5em; text-transform: uppercase; padding: 10px 35px; } .content_login_page .submit_btn { cursor: pointer; display: inline-block; border-width: 1px; border-style: solid; text-decoration: none; font-size: 1.5em; text-transform: uppercase; padding: 10px 35px; transition-duration: 200ms; } .content_licence_page .accept_btn, .content_licence_page .continue_btn { cursor: pointer; display: block; border-width: 1px; border-style: solid; float: right; margin-left: 10px; text-decoration: none; font-size: 1.5em; text-transform: uppercase; padding: 10px 35px; transition-duration: 200ms; } .reset-password-pane { margin-top: 20px; } .reset-password-pane h2 { font-size: 2em; font-weight: 700; padding: 0 0 5px; } .reset-password-pane h3 { font-size: 1.7em; font-weight: 700; padding: 10px 0; } .reset-password-pane form { margin: 20px 0; width: 60%; } .reset-password-pane .reset-form-row { padding: 0 0 15px; } .reset-password-pane .reset-form-row .reset-label { float: left; font-size: 1.7em; font-weight: 700; padding: 10px 0; width: 30%; } .reset-password-pane .reset-form-row .reset-input { float: left; width: 70%; } .reset-password-pane .reset-form-row .reset-input .txtbox { border: 1px solid; font-size: 1.7em; padding: 10px 3%; width: 94%; } .reset-password-pane .reset-form-row .reset-input-txt { float: left; font-size: 1.7em; padding: 10px 0; width: 82%; } .reset-password-pane .reset-form-row ul li { list-style-type: disc; margin-left: 25px; } .reset-password-pane .submit_btn { display: block; float: right; margin-left: 10px; text-decoration: none; font-size: 1.5em; } .main_site_banner h3 { font-size: 2em; font-weight: 700; padding-bottom: 5px; } .progress-bar { background-color: rgba(71, 83, 88, 0.1); border-radius: 15px; width: 100%; } .progress-bar > .progress-text { border-radius: 15px; color: #fff; height: 20px; line-height: 20px; text-align: center; transition-duration: 200ms; } .progress-bar > .progress-text.danger { background-color: #c00; } .progress-bar > .progress-text.warning { background-color: #f68b1f; } .progress-bar > .progress-text.success { background-color: #0c0; } #change-password-overlay .frm_popup { text-align: left; } #change-password-overlay .frm_popup ul { margin: 5px 0 10px 20px; } #change-password-overlay .frm_popup ul li { list-style-type: disc; } .support_ticket_details h4 { font-size: 2em; } .support_options { display: flex; align-items: flex-start; align-content: space-around; gap: 10px; } .support_options > .support_option { flex-grow: 1; } .support_options > .ticket_details { flex-basis: 60%; } .support_options > .ticket_details .attached_files_container { margin-bottom: 5px; } .support_options .attached_file_list { max-height: 100px; overflow-y: auto; } .support_options .attached_file_list .attached_file_entry { position: relative; height: 30px; } .support_options .attached_file_list .attached_file_entry .attached_file_name { display: block; font-size: 1.4em; max-width: 40px; white-space: nowrap; text-overflow: ellipsis; } .support_options .attached_file_list .attached_file_entry .attached_file_size { display: inline-block; font-size: 1em; margin-left: 5px; } .support_options .attached_file_list .remove_attachment { display: block; cursor: pointer; width: 24px; height: 24px; position: absolute; right: 5px; top: 50%; margin-top: -12px; border-radius: 30px; opacity: 0.4; transition: 0.5s; -webkit-transition: 0.5s; } .support_options .attached_file_list .remove_attachment:hover { opacity: 1; } .support_options .attached_file_list .remove_attachment:before, .support_options .attached_file_list .remove_attachment:after { position: absolute; left: 11px; top: 6px; content: " "; height: 12px; width: 2px; } .support_options .attached_file_list .remove_attachment:before { transform: rotate(45deg); } .support_options .attached_file_list .remove_attachment:after { transform: rotate(-45deg); } .support_options .attached_files_container .uploading_attachment_file_container, .support_options .attached_files_container .removing_attachment_file_container { margin: 5px 0; } .support_options .attached_files_container .uploading_attachment_file_container p, .support_options .attached_files_container .removing_attachment_file_container p { font-size: 1.4em; } .support_options .attach_file_option input { display: none; } .support_options .note-editor.note-frame.fullscreen, .note-editor.note-airframe.fullscreen { background-color: rgba(255, 255, 255, 0.9); max-height: 640px; } .support_options > .ticket_kb_information { flex-basis: 40%; font-size: 0.9em; } input.inline_edit, select.inline_edit { border-width: 1px; font-size: 1em; padding: 2px 3px; } .SumoSelect.open .search-txt { font-size: 1em; } .login-expired-container { margin: 100px auto 0 auto; max-width: 500px; } .login-expired-container h1 { font-size: 5em; margin-bottom: 40px; text-transform: uppercase; } .login-expired-container ul { margin: 10px 0; } .login-expired-container ul li { list-style-type: disc; margin-bottom: 5px; margin-left: 40px; } .logout-complete-container { margin: 50px 0 50px; } .logout-complete-container h1 { text-transform: uppercase; font-size: 4em; margin: 0 0 30px; } .logout-complete-container h2 { font-size: 2em; } .logout-complete-container p { margin: 5px 0 10px; } /* input::-webkit-input-placeholder{opacity:0.5;} input::-moz-placeholder{opacity:0.5;} input:-ms-input-placeholder{opacity:0.5;} input:-moz-placeholder{opacity:0.5;} textarea::-webkit-input-placeholder{opacity:0.5;} textarea::-moz-placeholder{opacity:0.5;} textarea:-ms-input-placeholder{opacity:0.5;} textarea:-moz-placeholder{opacity:0.5;} */ span.small_circle_grey { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_amber { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_lime { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_purple { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_mint { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_gold { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_blue { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_darkblue { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_grey2 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_amber2 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_lime2 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_purple2 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_mint2 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_gold2 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_blue2 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_darkblue2 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_amber3 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.small_circle_lime3 { display: inline-block; width: 12px; height: 12px; border-radius: 30px; vertical-align: middle; } span.large_circle_grey { display: inline-block; width: 24px; height: 24px; border-radius: 30px; vertical-align: middle; } span.large_circle_amber { display: inline-block; width: 24px; height: 24px; border-radius: 30px; vertical-align: middle; } span.large_circle_lime { display: inline-block; width: 24px; height: 24px; border-radius: 30px; vertical-align: middle; } span.large_circle_purple { display: inline-block; width: 24px; height: 24px; border-radius: 30px; vertical-align: middle; } span.large_circle_mint { display: inline-block; width: 24px; height: 24px; border-radius: 30px; vertical-align: middle; } span.large_circle_gold { display: inline-block; width: 24px; height: 24px; border-radius: 30px; vertical-align: middle; } span.large_circle_blue { display: inline-block; width: 24px; height: 24px; border-radius: 30px; vertical-align: middle; } span.large_circle_darkblue { display: inline-block; width: 24px; height: 24px; border-radius: 30px; vertical-align: middle; } .wrapper { max-width: 1200px; margin: 0 auto; padding: 0 15px; } ul.error-message { margin-left: 20px; } ul.sortable-list { font-size: 1em; } .tooltip-templates { display: none; } .ui-state-highlight { height: 36px; line-height: 1.2em; } .frm_popup { margin: 0 auto 34px auto; width: 80%; } .frm_popup .frm_section { margin-bottom: 20px; } .frm_popup .frm_section:last-child { margin-bottom: 0; } .frm_popup .frm_row, .frm_popup_inline .frm_row { padding: 0 0 15px; } .frm_popup .frm_row .frm_label, .frm_popup_inline .frm_row .frm_label { font-size: 1.7em; font-weight: 700; padding: 10px 0; text-align: left; } .frm_popup .frm_row .frm_val { font-size: 1.7em; float: left; padding: 10px 0; max-width: 390px; overflow: hidden; text-overflow: ellipsis; } .frm_popup .frm_row .frm_input, .frm_popup_inline .frm_row .frm_input { float: left; width: 100%; } .frm_popup .frm_row .frm_input .txtbox, .frm_popup_inline .frm_row .frm_input .txtbox, .frm_popup_inline .frm_row_inline .frm_input .txtbox { font-size: 1.7em; width: 94%; padding: 10px 3%; border-width: 1px; border-style: solid; } .frm_popup .frm_row .frm_input textarea.txtbox { min-height: 150px; } .frm_popup_inline .frm_row .frm_input .dedupe-file-name { width: 95%; height: 24px; padding: 5px 2.5%; outline: none; } .frm_popup_inline .frm_row_inline .frm_cell { float: left; width: 50%; } .frm_popup_inline .frm_row_inline .frm_left_cell { width: 29%; } .frm_popup_inline .frm_row_inline .frm_right_cell { width: 70%; } .frm_popup_inline .frm_row_inline .frm_cell p { margin-top: 12px; } .frm_popup_inline .frm_row_inline .frm_cell .SelectBox { margin-top: 0; } .frm_popup_inline .frm_section { margin-bottom: 20px; } .frm_popup_inline .frm_row .frm_db_file input { display: none; } .frm_popup_inline .frm_row .frm_db_file .dedupe-input-options { margin-top: 5px; width: 100%; } .frm_popup_inline .frm_row .frm_db_file .dedupe-input-options .uploadbtn { float: right; margin-right: 0; } .frm_popup_inline .frm_row .frm_db_file .dedupe-input-options .clearbtn { float: right; } .frm_popup_inline .frm_row .frm_db_file .browse_btn { display: inline-block; font-size: 1.5em; text-decoration: none; margin-right: 8px; } .service-messages-settings-container p { text-align: left; } .service-messages-settings-container .service-message-entry { margin-bottom: 5px; margin-top: 10px; } .service-messages-settings-container .service-message-entry .service-message-header { display: flex; } .service-messages-settings-container .service-message-entry .service-message-header .service-description-toggle { border-style: solid; border-radius: 20px; border-width: 2px; cursor: pointer; width: 20px; height: 20px; margin-right: 20px; padding: 0; position: relative; vertical-align: middle; } .service-messages-settings-container .service-message-entry .service-message-header .service-description-toggle-icon { position: absolute; font-size: 2em; font-weight: bold; top: -2px; left: 0; text-align: center; width: 100%; height: 100%; } .service-messages-settings-container .service-message-entry .service-message-header .service-name { float: left; margin-bottom: 0; padding: 3px 5px; } .service-messages-settings-container .service-message-entry .service-message-body > p { line-height: 1.5; } .service-messages-settings-container .service-message-entry.expanded .service-message-header .service-description-toggle-icon { top: -3px; } .service-messages-settings-container .service-message-entry.expanded .service-message-header .service-name { font-weight: 500; } .service-message-entry .service-message-body p.service-description { margin-top: 8px; } .reseller-licence-accept-entry .service-description-toggle { margin-right: 5px; } .reseller-licence-accept-entry .custom_radio { float: left; } .reseller-licence-accept-entry > .service-message-body { margin-top: 10px; width: 100%; } .reseller-licence-accept-entry > .service-message-body iframe.eul-text-frame { height: 400px; width: 100%; } #post-login-message-popup .popup_contents p { text-align: left; } .reseller-service-licence-container { height: 450px; } .reseller-service-licence-container #reseller-service-licence-frame { height: 100%; width: 100%; } .progress-container { margin-bottom: 20px; margin-top: 20px; text-align: center; } .progress-container .progress-description { display: inline-block; } .progress-container .progress-display { display: inline-block; vertical-align: bottom; } .progress-container .progress-options { margin-top: 10px; } .progress-container .reject_btn { display: inline-block; } .action_btn { display: inline-block; font-size: 1.5em; text-decoration: none; text-align: center; margin: 0 8px; text-transform: uppercase; transition-duration: 300ms; } .frm_horizontal { margin: 0 auto 34px auto; width: 80%; } .frm_horizontal .frm_row { padding: 0 0 15px; } .frm_horizontal .frm_row .frm_label { float: left; font-size: 1.7em; font-weight: 700; width: 18%; padding: 10px 0; } .frm_horizontal .frm_row .frm_input { float: left; width: 82%; } .frm_horizontal .frm_row .frm_input .txtbox { font-size: 1.7em; width: 94%; padding: 10px 3%; border-width: 1px; border-style: solid; } .frm_popup_inline table.tablesorter tbody tr td { min-height: 24px; } .popup_contents .radio_btn_row { padding: 7px 0; } .choose_opt_popup .popup_contents .radio_btn_row .service_option_warning_caption { margin-left: 32px; } .choose_opt_popup .popup_contents .radio_btn_row .service_option_warning_caption h3 { font-size: 1.5em; font-weight: 700; text-align: left; padding: 10px 0 0; } .popup_contents .radio_btn_row .custom_radio { transition: opacity 0.3s; } .popup_contents .sub-option { margin-left: 30px; } .popup_contents .sub-option .radio_btn_row { padding-top: 2px; } .user-form .radio_btn_row { padding: 7px 0; } .user-form .radio_btn_row .custom_radio { transition: opacity 0.3s; } #input-template-options-popup .frm_popup > div { margin-bottom: 10px; } .error_note { padding: 10px 0; } .error_note h4 { font-size: 2.7em; padding: 3px 0 3px 50px; position: relative; } .error_note h4 span.error_icon { display: block; position: absolute; width: 40px; height: 40px; left: 0; top: -2px; border-radius: 30px; } .error_note h4 span.error_icon:before, .error_note h4 span.error_icon:after { position: absolute; left: 18px; top: 12px; content: " "; height: 17px; width: 4px; } .error_note h4 span.error_icon:before { transform: rotate(45deg); } .error_note h4 span.error_icon:after { transform: rotate(-45deg); } .error_note p { font-size: 2em; font-weight: 700; } .warning_note { padding: 10px 0; } .warning_note h4 { font-size: 2.7em; padding: 3px 0 3px 50px; position: relative; } .warning_note h4 span.warning_icon { display: block; position: absolute; width: 40px; height: 40px; left: 0; top: -2px; border-radius: 30px; } .warning_note h4 span.warning_icon ::before, .warning_note h4 span.warning_icon ::after { position: absolute; left: 18px; top: 12px; content: " "; height: 17px; width: 4px; } .warning_note h4 span.warning_icon ::before { transform: rotate(45deg); } .warning_note h4 span.warning_icon ::after { transform: rotate(-45deg); } .warning_note p { font-size: 2em; font-weight: 700; } .content_job_wizard .selection_pane .SumoSelect > .CaptionCont { border: 1px solid; font-size: 1.7em; padding: 9px 2%; } .content_job_wizard .selection_pane .SumoSelect > .CaptionCont > .placeholder { color: #333; font-style: normal; } .content_job_wizard .selection_pane .SumoSelect > .CaptionCont > label > i { width: 20px; height: 20px; right: 10px; } .content_job_wizard .selection_pane .SumoSelect > .optWrapper > .options { font-size: 1.5em; text-align: left; } .content_job_wizard .selection_pane .SumoSelect > .optWrapper > .options li.opt { padding: 7px 2%; } .SumoSelect.open .search-txt { font-size: 1em; } .help_content h2 { font-size: 1.5em; } .help_content h2:first-child { margin-top: 0; } .help_content h3 { font-size: 1.4em; } .help_content h3:first-child { margin-top: 0; } .help_content ol:last-child { margin-bottom: 0; } .help_content ol ul { font-size: 1em; } a.navi_small_back, a.navi_small_next { background-size: 140px auto; float: left; height: 28px; width: 28px; } a.navi_small_back.faded, a.navi_small_next.faded { cursor: not-allowed; } .option-table { display: table; width: 100%; } .option-table > div { display: table-row; } .option-table > div > div { display: table-cell; vertical-align: top; } .option-table > div > div.sub-option { padding-left: 30px; } iframe.context-help-frame { width: 685px; height: 300px; } .faded { opacity: 0.6; } .header-edit-input { background-color: transparent; border: none; border-bottom-style: solid; border-bottom-width: 2px; font-size: 100%; font-weight: 600; margin-top: -3px; width: 500px; } .option-button, .secondary-button { font-size: 1.5em; } .progress-label { /*font-family: 'Open Sans', sans-serif;*/ font-size: 12px; text-anchor: middle; /*dominant-baseline: central;*/ } .progress-label-lg { font-size: 48px; } .service_help { align-items: center; border-radius: 10px; border-style: solid; border-width: 2px; display: flex; font-size: 1.3em; font-style: italic; font-weight: bold; height: 20px; justify-content: space-around; text-decoration: none; transition-duration: 300ms; width: 20px; } .edit_settings { display: block; width: 24px; height: 24px; background-size: cover; cursor: pointer; } .quickstart-template-entry .checkbox input[type=radio] + label { display: inline-block; } .view_details { display: inline-block; width: 14px; height: 14px; background-size: cover; border-width: 2px; border-style: solid; border-radius: 20px; margin-left: 5px; vertical-align: text-bottom; } .menu_trigger { cursor: pointer; display: inline-block; width: 20px; height: 20px; background-size: cover; } .clear_fields_option { cursor: pointer; display: inline-block; width: 20px; height: 20px; background-size: cover; } #job-manager-header-menu > .popup_menu_item { display: block; padding: 4px 16px; } #job-manager-header-menu > .popup_menu_item a { border-bottom-style: solid; border-bottom-width: 1px; cursor: pointer; display: inline-block; font-size: 0.8em; font-weight: bold; margin: 2px; padding: 4px; text-decoration: none; text-transform: uppercase; transition-duration: 100ms; } #output-fields-menu .popup-menu-item, #section-header-menu > .popup_menu_item { padding: 4px 16px; } #output-fields-menu .popup-menu-item a, #section-header-menu > .popup_menu_item a { cursor: pointer; } #output-fields-menu .popup-menu-item a, #section-header-menu > .popup_menu_item a { font-size: 0.8em; font-weight: bold; text-decoration: none; text-transform: uppercase; transition-duration: 100ms; } #section-header-menu .popup_menu_item { display: none; } #section-header-menu .popup_menu_item a { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 2px; } #section-header-menu > :nth-child(n+6) { display: block; } .mfp-close { line-height: unset; } .active-element { cursor: pointer; } .active-element:hover { text-decoration: underline; } /*===================================================================================*/ /*HOMEPAGE START=====================================================================*/ /*===================================================================================*/ .header { padding: 0 0 33px; } .header * { transition: 0.5s; -webkit-transition: 0.5s; } .header .top_bar .top_buttons { float: right; } .header .top_bar .top_buttons .tel_num { float: left; font-size: 1.7em; font-weight: 300; text-decoration: none; margin: 15px 5px 0 0; } .header .top_bar .top_buttons .tel_num:before { display: inline-block; content: ""; width: 24px; height: 24px; vertical-align: middle; } .header .top_bar .top_buttons .top_btn { float: left; text-decoration: none; padding: 15px 20px 12px; border-radius: 4px; font-size: 1.6em; margin-left: 10px; transition: 0.2s; -webkit-transition: 0.2s; } .header .top_bar .top_buttons .top_btn:hover { padding: 12px 20px 15px; } .header .top_bar .top_buttons .change_password_option { font-size: 1.4em; max-width: 65px; padding: 7px 20px 5px; text-align: center; } .header .top_bar .top_buttons .change_password_option:hover { padding: 4px 20px 8px; } .header .logo_navi { padding: 12px 0 0; } .header .logo_navi .logo { float: left; width: 120px; height: auto; } .header .logo_navi .top_navi { float: right; padding: 28px 0 0; } .header .logo_navi .top_navi ul { float: left; } .header .logo_navi .top_navi ul li { float: left; padding: 0 0 0 46px; } .header .logo_navi .top_navi ul li a { float: left; text-transform: uppercase; text-decoration: none; } .header .logo_navi .top_navi ul li.current a { font-weight: 700; } .header .logo_navi .show_menu { float: right; margin: 12px 0; display: none; } .hamburger { padding: 0; } .header_options { align-items: center; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .header_options h3 { font-size: 2.2em; } .header_options .wizard_options { -moz-column-gap: 4px; column-gap: 4px; display: flex; flex-direction: row; } .header_options .wizard_options .help_btn a, .header_options .wizard_options .notes_btn a { border: 2px solid; display: block; text-decoration: none; width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 2em; font-weight: 600; background-position: center; background-repeat: no-repeat; background-size: 20px 20px; border-radius: 30px; } .header_options .wizard_options .notes_btn a { background-size: 16px 16px; } .header_options .wizard_options .progress-status { display: block; margin-right: 15px; } .header_options .wizard_options .progress-status .wizard-header-job-progress-container { float: left; height: 30px; width: 30px; } .header_options .wizard_options .progress-status .wizard-header-job-progress-caption { display: inline-block; font-size: 1.4em; margin-left: 4px; padding-top: 7px; } .header-options { padding: 20px 0 0; } .header-options > .wrapper { align-items: flex-start; display: flex; flex-direction: row; justify-content: space-between; } .header-options > .wrapper h3 { font-size: 2.2em; } .header-options > .wrapper .options { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-grow: 1; justify-content: flex-end; } .header-options > .wrapper .options .help_btn a, .header-options > .wrapper .options .notes_btn a { border: 2px solid; display: block; text-decoration: none; width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 2em; font-weight: 600; background-position: center; background-repeat: no-repeat; background-size: 20px 20px; border-radius: 30px; } .header-options > .wrapper .options .notes_btn a { background-size: 16px 16px; } .header-options > .wrapper .options .progress-status { display: block; margin-right: 15px; } .header-options > .wrapper .options .progress-status .wizard-header-job-progress-container { float: left; height: 30px; width: 30px; } .header-options > .wrapper .options .progress-status .wizard-header-job-progress-caption { display: inline-block; font-size: 1.4em; margin-left: 4px; padding-top: 7px; } .supply_header_options { padding: 20px 0; } .supply_header_options > .wrapper { align-items: flex-start; display: flex; flex-direction: row; justify-content: space-between; } .supply_header_options > .wrapper h3 { font-size: 2.2em; } .supply_header_options > .wrapper .options { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-grow: 1; justify-content: flex-end; } .supply_header_options > .wrapper .options .help_btn a, .supply_header_options > .wrapper .options .notes_btn a { border: 2px solid; display: block; text-decoration: none; width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 2em; font-weight: 600; background-position: center; background-repeat: no-repeat; background-size: 20px 20px; border-radius: 30px; } .supply_header_options > .wrapper .options .notes_btn a { background-size: 16px 16px; } .supply_header_options > .wrapper .options .progress-status { display: block; margin-right: 15px; } .supply_header_options > .wrapper .options .progress-status .wizard-header-job-progress-container { float: left; height: 30px; width: 30px; } .supply_header_options > .wrapper .options .progress-status .wizard-header-job-progress-caption { display: inline-block; font-size: 1.4em; margin-left: 4px; padding-top: 7px; } .job_type { float: left; padding-top: 10px; } .job_type h4 { text-transform: uppercase; font-size: 1.2em; } .content_cols .left_navi { float: left; width: 25.66%; } .navi_btn { float: left; width: 45.45%; margin: 0 4.55% 12px 0; transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); box-shadow: 0 1px 2px -1px rgba(33, 30, 114, 0); } .navi_btn a { display: block; padding: 18px 0 0; border-bottom: 4px solid; text-decoration: none; } .navi_btn .navi_ico { margin: 0 auto; width: 74px; height: 74px; border: 6px solid; border-radius: 50px; display: flex; align-items: center; justify-content: center; text-align: center; } .navi_btn .navi_ico span { display: block; max-width: 50px; } .navi_btn .navi_ico img { max-width: 50px; height: auto; } .navi_btn .navi_ico svg { max-width: 50px; height: auto; } .navi_btn h2 { text-align: center; font-size: 1.7em; padding: 14px 0; } .navi_btn:hover .navi_ico { transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transform: translateY(-5px); transition: all 0.5s 0.2s linear; } .navi_btn:hover .navi_ico span { transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); animation: flipinX 1.5s 0s both; } .navi_btn_current h2 { font-weight: 600; } @keyframes flipinX { 100% { transform: rotateY(720deg); } } .tooltip-container { border-bottom-style: solid; border-bottom-width: 4px; font-size: 0.85em; position: absolute; width: 550px; } .content_cols .content_center { width: 100%; } .content_cols .content_right { float: right; width: 70.83%; } .content_job_wizard .content_right { float: right; width: 62.49%; } .tablesorter { border: none; border-bottom: 4px solid; margin-top: 40px; } .tablesorter thead th { border: none; border-bottom: 4px solid; background: none; cursor: pointer; font-size: 1.7em; font-weight: 700; font-family: "Ubuntu", montserrat, Arial, Verdana; text-shadow: none; vertical-align: middle; } .tablesorter thead th.options { cursor: default; } .tablesorter thead .tablesorter-headerUnSorted { padding-left: 0; } .tablesorter th img { vertical-align: text-bottom; } .tablesorter td { border: none; border-bottom: 2px dotted; cursor: pointer; font-size: 1.6em; vertical-align: middle; } .tablesorter tbody td, .tablesorter tfoot th, .tablesorter tfoot td { vertical-align: middle; padding: 0 5px; } .tablesorter tbody td.status { padding: 0; } .tablesorter tbody td.status .status-progress-container { position: relative; width: 100%; height: 100%; } .tablesorter thead th { padding: 15px 5px; } .tablesorter th.options { width: 270px; } .jobman-progress-container { bottom: -12px; height: 8px; position: absolute; transition-duration: 200ms; transition-timing-function: ease-in; } .tablesorter td .tick_wrap, .tablesorter td .tick_wrap_green, .tablesorter td .tick_unfilled_wrap, .tablesorter td .tick_false_wrap, .tablesorter td .tick_waiting_wrap, .tablesorter td .tick_running_wrap { display: block; background-position: 0 0; background-repeat: no-repeat; background-size: 30px 30px; padding: 5px 0 6px 35px; } .tablesorter td .locked_wrap, .tablesorter td .unlocked_wrap { display: block; background-position: 0 0; background-repeat: no-repeat; background-size: 18px 25px; padding: 4px 0 4px 35px; } .tablesorter tbody tr td.job { max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; } .pagerSavedHeightSpacer { display: none !important; } .pager .paging { float: right; } .pager .paging .ts-startRow { font-size: 1.2em; text-align: center; padding: 5px; border: none; outline: none; float: left; } .pager .paging .pagedisplay { font-size: 1.2em; float: left; line-height: 25px; } .pager .paging .pagedisplay input { margin: 0 5px 0 0; } .pager .paging .no_of_row { float: left; width: 88px; margin: 0 10px 0 12px; } .pager .paging .gotoPage { float: left; } .pager .paging .pagesize { float: left; } .pager .paging .table_navi { float: left; } .pager .paging .table_navi a { float: left; width: 28px; height: 28px; margin: 0 0 0 9px; } .SumoSelect { width: 100%; } .SumoSelect > .CaptionCont { border: none; font-size: 1.2em; padding: 7px 8% 7px; } .SumoSelect > .optWrapper > .options { font-size: 1.2em; } .SumoSelect > .optWrapper > .options li ul { font-size: 1em; } .SumoSelect > .optWrapper > .options li.opt { padding: 7px 5%; } .clear_search_main { float: left; } .clear_search_main .clear_search a { float: left; margin-right: 5px; } .clear_search_main .clear_search a:last-child { margin-right: 0; } .job { transition-duration: 100ms; } .job .rename_btn { border-color: transparent; border-radius: 5px; border-style: solid; border-width: 1px; height: auto; padding: 5px; transition-duration: 200ms; vertical-align: middle; } .job .rename_btn img { opacity: 0.4; vertical-align: text-bottom; } .options_btn { width: 380px; white-space: nowrap; } .options_btn .options_label { font-weight: 700; font-size: 1.1em; padding: 0; display: none; text-align: center; } .options_btn a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .options_btn a .btn_txt .tb { display: table; width: 100%; height: 100%; } .options_btn a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .options_btn a:hover .btn_txt { display: block; } .qs_template_options_btn { width: 260px; white-space: nowrap; } .qs_template_options_btn .options_label { font-weight: 700; font-size: 1.1em; padding: 0; display: none; text-align: center; } .qs_template_options_btn a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .qs_template_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .qs_template_options_btn a .btn_txt .tb { display: table; width: 100%; height: 100%; } .qs_template_options_btn a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .qs_template_options_btn a:hover .btn_txt { display: block; } .licences_options_btn { width: 108px; white-space: nowrap; } .licences_options_btn .options_label { font-weight: 700; font-size: 1.1em; padding: 0; display: none; text-align: center; } .licences_options_btn a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .licences_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .licences_options_btn a .btn_txt .tb { display: table; width: 100%; height: 100%; } .licences_options_btn a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .licences_options_btn a:hover .btn_txt { display: block; } table.job_history_list.tablesorter th.options { width: 108px; } .history_options_btn { width: 108px; white-space: nowrap; } .history_options_btn .options_label { font-weight: 700; font-size: 1.1em; padding: 0; display: none; text-align: center; } .history_options_btn a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .history_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .history_options_btn a .btn_txt .tb { display: table; width: 100%; height: 100%; } .history_options_btn a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .history_options_btn a:hover .btn_txt { display: block; } .history_collected_by_button .collected_by_label { font-weight: 700; font-size: 1.1em; padding: 0; display: none; text-align: left; } @keyframes nav-anim { 0% { top: 50px; opacity: 0; } 100% { top: 0px; opacity: 1; } } .footer { padding-top: 35px; } .footer .logo_footer { float: left; width: 150px; height: auto; vertical-align: text-bottom; } .footer .footer_links { float: right; padding: 20px 0 0; } .footer .footer_links ul { float: left; font-size: 1.7em; } .footer .footer_links ul li { float: left; } .footer .footer_links ul li a { float: left; text-decoration: none; } .footer .footer_links ul li:after { content: "|"; padding: 0 10px; } .footer .footer_links ul li.last:after { display: none; } .container-with-footer { display: flex; flex-direction: column; min-height: 100vh; } .fixed-footer { flex: 0 0 70px; margin-top: auto; } .terms-addendum-contents .terms-table { margin-bottom: 20px; } .terms-addendum-contents .terms-table td, .terms-addendum-contents .terms-table th { font-size: 1.5em; } .terms-addendum-contents .terms-table tbody th { padding: 4px 0 8px 0; } .terms-addendum-contents .terms-table tbody td { padding: 0 2px; } .terms-addendum-contents .terms-list li { font-size: 0.95em; list-style-type: decimal; margin-left: 20px; padding: 0 0 8px 10px; } .terms-addendum-contents .popup-action-buttons { text-align: center; } .terms-addendum-contents a { margin-right: 8px; } .terms-addendum-contents a:last-child { margin-right: 0; } .job-notes-text { border-style: solid; border-width: 1px; width: 80%; height: 400px; } #support-options-popup .popup_contents .support_search_option > .frm_row > .frm_input { -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } #support-options-popup .popup_contents .support_search_option > .frm_row > .frm_input > input.txtbox { flex-grow: 1; width: auto; } #support-options-popup .popup_contents .support_search_option > .frm_row > .frm_input > button { flex-grow: 0; } #support-options-popup .popup_contents .support_search_option #search-results-pane { max-height: 400px; overflow-y: auto; text-align: left; width: 100%; } #support-options-popup .popup_contents .support_search_option #search-results-pane .search_result_entry { align-items: flex-start; row-gap: 5px; display: flex; flex-direction: column; margin-bottom: 10px; justify-content: space-between; transition-duration: 200ms; width: 100%; } #support-options-popup .popup_contents .support_search_option #search-results-pane .search_result_entry .search_result_article { align-content: flex-start; display: flex; flex-direction: column; padding: 8px; } #support-options-popup .popup_contents .support_search_option #search-results-pane .search_result_entry .search_result_article .search_result_title { font-size: 1.2em; margin-bottom: 8px; text-transform: uppercase; } #support-options-popup .popup_contents .support_search_option #search-results-pane .search_result_entry .search_result_article .search_result_description { font-size: 1.3em; line-height: 1.5; } #support-options-popup .popup_contents .support_search_option #search-results-pane .search_result_entry .search_result_options { cursor: pointer; display: flex; flex-direction: row; padding: 4px 6px; } #support-options-popup .popup_contents .support_search_option #search-results-pane .search_result_entry .search_result_options a { font-size: 1.3em; text-decoration: none; text-transform: uppercase; } #support-options-popup .popup_contents .support_search_option #search-results-pane .search_result_entry .search_result_options a:hover { text-decoration: underline; } #support-options-popup .popup_contents .support_search_option #search-results-pane .search_result_entry:hover { background-color: #fff; } #support-options-popup .popup_contents .support_ticket_details { text-align: left; } #support-options-popup .popup_contents .support_ticket_details .attach_file_btn { cursor: pointer; display: inline-block; border-radius: 4px; border-width: 1px; border-style: solid; text-decoration: none; font-size: 1.3em; text-transform: uppercase; padding: 10px; } /*===================================================================================*/ /*HOMEPAGE END=======================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*FIELD PICKER START=================================================================*/ /*===================================================================================*/ div.field-pool-category-select { display: inline-block; font-size: 1.7em; margin-left: 1px; vertical-align: middle; width: 100%; } div.field-pool-category-select div.SumoSelect > .CaptionCont { padding-left: 10px; padding-right: 10px; } div.field-pool-category-select div.SumoSelect > p.SelectBox { font-size: 0.8em; border: solid 1px; border-radius: 5px; } div.field-pool-category-select div.SumoSelect > .optWrapper > .options { font-size: 0.8em; } /*===================================================================================*/ /*FIELD PICKER END===================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*NEW JOB WIZARD START===============================================================*/ /*===================================================================================*/ .content_job_wizard .job_wizard_intro { margin-top: 30px; padding: 0 0 30px; } .content_job_wizard .job_wizard_intro h1 { font-size: 2.8em; padding: 0 0 20px; } .content_job_wizard .job_wizard_intro h2 { font-size: 2em; font-weight: 300; padding: 0 0 5px; } .content_job_wizard .job_wizard_intro h3 { font-size: 2em; font-weight: 700; padding: 0 0 5px; } .content_job_wizard .job_wizard_intro p { font-size: 1.6em; line-height: 1.5; } .content_job_wizard .job_wizard_intro h6 { font-size: 1.6em; padding: 10px 0; font-weight: 300; } .content_job_wizard .job_wizard_intro h6 strong { font-weight: 600; } .content_job_wizard .job_wizard_intro .job_wizard_error_header { align-items: center; -moz-column-gap: 20px; column-gap: 20px; display: flex; flex-direction: row; justify-content: flex-start; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting { display: flex; font-size: 2em; flex-direction: row; margin-bottom: 20px; row-gap: 10px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_caption { font-weight: 700; padding: 8px 0; width: 130px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value { display: flex; flex-direction: row; -moz-column-gap: 10px; column-gap: 10px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value .edit_link { display: inline-block; width: 27px; height: 27px; background-size: 27px 27px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value .frm_input { float: left; width: 280px; border: 1px solid; height: 35px; margin-right: 14px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value .frm_input .txtbox { width: 95%; height: 24px; padding: 5px 2.5%; border: none; outline: none; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value .frm_db_file { float: left; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value .frm_db_file input { display: none; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value .frm_db_file .browse_btn { display: inline-block; font-size: 1.5em; margin-right: 8px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value .txtbox { font-size: 1em; width: 500px; padding: 10px 3%; border-width: 1px; border-style: solid; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label { align-items: center; display: flex; flex-direction: column; border-style: dashed; border-width: 1px; cursor: pointer; padding: 20px 0; row-gap: 10px; text-align: center; width: 500px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label > .input_file_options { align-items: center; display: flex; flex-direction: column; row-gap: 10px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label > .input_file_options .selected_file_container { display: flex; flex-direction: row; -moz-column-gap: 5px; column-gap: 5px; align-items: center; justify-content: flex-start; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label .small_btn { font-size: 0.6em; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection:disabled + label { cursor: default; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .content_job_wizard .job_wizard_intro .notice { background-size: 30px 30px; padding: 0 0 0 40px; margin: 18px 0 0; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row { padding: 15px 0; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_radio { float: left; padding: 0 12px 0 0; } .content_job_wizard .SumoSelect > .CaptionCont { font-size: 1.2em; } .content_job_wizard .job_wizard_intro .error_note { padding: 10px 0; } .content_job_wizard .job_wizard_intro .error_note h4 { font-size: 2.7em; padding: 3px 0 3px 50px; position: relative; } .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon { display: block; position: absolute; width: 40px; height: 40px; position: absolute; left: 0; top: -2px; border-radius: 30px; } .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon:before, .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon:after { position: absolute; left: 18px; top: 12px; content: " "; height: 17px; width: 4px; } .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon:before { transform: rotate(45deg); } .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon:after { transform: rotate(-45deg); } .content_job_wizard .job_wizard_intro .error_note p { font-size: 2em; font-weight: 700; } .content_job_wizard .job_wizard_intro .error_note_option { padding: 22px 20px; margin: 4px 0; } .content_job_wizard .job_wizard_intro .error_note_option h4 .sub_text { font-size: 0.7em; padding-left: 10px; } .content_job_wizard .job_wizard_intro .status_row { font-size: 2.2em; padding: 0 0 25px; } .content_job_wizard .job_wizard_intro .status_row .status_label { font-weight: 700; padding: 0 10px 0 0; } .content_job_wizard .job_wizard_intro .status_row .ico_complete { position: relative; display: inline-block; padding: 0 0 0 12px; margin: 0 5px; } .content_job_wizard .job_wizard_intro .status_row .ico_complete:after { content: ""; position: absolute; display: block; left: 0; top: -3px; width: 8px; height: 19px; border-style: solid; border-width: 0 5px 5px 0; transform: rotate(45deg); } .content_login_page .intro_section { margin-top: 20px; padding: 0 0 30px; } .content_login_page .intro_section h2 { font-size: 2em; font-weight: 700; padding: 0 0 5px; } .content_licence_page .intro_section { margin-top: 20px; padding: 0 0 10px; } .content_licence_page .intro_section h2 { font-size: 2em; font-weight: 700; padding: 0 0 5px; } .content_licence_page .licence_frame { height: 50vh; margin-bottom: 10px; min-height: 400px; width: 100%; } .content_licence_page .subscription_po_form { margin-bottom: 30px; width: 100%; } .content_licence_page .subscription_po_form h3 { font-size: 1.6em; font-weight: 700; margin-bottom: 8px; margin-top: 15px; } .content_licence_page .subscription_po_form ul li { margin-left: 20px; list-style-type: disc; } .content_licence_page .subscription_po_form .frm_horizontal { margin-bottom: 10px; margin-left: 0; width: 100%; } .content_licence_page .subscription_po_form .frm_horizontal .frm_row .frm_label { width: 23%; } .content_licence_page .subscription_po_form .frm_horizontal .frm_row .frm_input { width: 50%; } .content_error_page .intro_section { margin-top: 20px; padding: 0 0 30px; } .content_error_page .intro_section h3 { font-size: 2em; font-weight: 700; padding: 0 0 5px; } .custom-jobstats-options { margin-top: 10px; } .custom-jobstats-options > h2 { font-size: 2em; font-weight: 700; padding: 0 0 7px; } .custom-jobstats-options p { margin: 4px 0; } .button-group > label { cursor: pointer; display: inline-block; margin-right: 10px; padding: 15px 0; } .button-group > label:last-child { margin-right: 0; } .button-group > label input { position: absolute; visibility: hidden; opacity: 0; } .button-group > label span { border-style: solid; border-radius: 30px; border-width: 2px; font-size: 1.7em; padding: 10px 10px; transition-duration: 200ms; } .custom_radio { display: block; position: relative; padding-left: 54px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .service_error_message { margin: 0 auto; text-align: left; width: 85%; } .service_error_message ul.service_error_list { padding-left: 30px; } .service_error_message ul.service_error_list li { list-style-type: disc; } .custom_radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .col_row > input[type=checkbox].service_chkbox { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .custom_radio .checkmark { position: absolute; top: 0; left: 0; height: 38px; width: 38px; border: 3px solid; border-radius: 30px; } /* Create the checkmark/indicator (hidden when not checked) */ .custom_radio .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .custom_radio input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .custom_radio .checkmark:after { left: 14px; top: 7px; width: 6px; height: 17px; border-style: solid; border-width: 0 4px 4px 0; transform: rotate(45deg); } .custom_radio .label { display: block; padding: 10px 0 0; flex-grow: 1; font-size: 2em; text-align: left; } .custom_radio_sm { padding-left: 31px; } .custom_radio_sm .checkmark { width: 18px; height: 18px; border: 2px solid; } .custom_radio_sm .label { padding: 2px 0 0; font-size: 1.6em; } .custom_radio_sm .checkmark:after { left: 6px; top: 3px; width: 4px; height: 9px; border-style: solid; border-width: 0 2px 2px 0; } .radio_green .checkmark { border: 2px solid; } .radio_green .checkmark:after { border-style: solid; border-width: 0 2px 2px 0; } .radio_blue .checkmark { border: 2px solid; } .radio_blue .checkmark:after { border-style: solid; border-width: 0 2px 2px 0; } .radio_default .checkmark { border: 2px solid; } .radio_default .checkmark:after { border-style: solid; border-width: 0 2px 2px 0; } .radio_orange .checkmark { border: 2px solid; } .radio_orange .checkmark:after { border-style: solid; border-width: 0 2px 2px 0; } .upsell-disabled > input[type=checkbox]:disabled.service_chkbox ~ label .service_help { display: none; } .upsell-disabled > input[type=checkbox]:disabled.service_chkbox:hover ~ label .service_help { display: flex; } .upsell-disabled .custom_radio .label { display: inline-block; } .service-upsell-icon { display: inline-block; width: 18px; height: 24px; background-size: cover; cursor: pointer; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_input { float: left; width: 280px; border: 1px solid; height: 35px; margin-right: 14px; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_input .txtbox { width: 95%; height: 24px; padding: 5px 2.5%; border: none; outline: none; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_db_file { float: left; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_db_file input { display: none; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_db_file .browse_btn { display: inline-block; font-size: 1.5em; margin-right: 8px; } .section_title h2 { font-size: 2.3em; font-weight: 600; padding: 11px 0 15px; } h3.job_name_input_container { -moz-column-gap: 5px; column-gap: 5px; display: flex; align-items: center; flex-direction: row; justify-content: flex-start; } .services_selection h3 { font-size: 2em; font-weight: 700; margin-bottom: 5px; } .services_selection .key_next_btn .key_sel { float: left; padding: 20px 0 0; } .services_selection .key_next_btn .key_sel .keys_title { float: left; font-size: 1.6em; font-weight: 600; padding: 2px 7px 0 0; } .services_selection .key_next_btn .key_sel .frm_radio { float: left; margin-right: 12px; } .services_selection .key_next_btn .key_next_btn .next_services { float: right; font-size: 1.5em; border-radius: 4px; text-transform: uppercase; text-decoration: none; padding: 11px 27px; } .services_selection .template-options-container { -moz-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: 30% 70%; height: 100%; justify-content: space-around; align-items: flex-start; margin-bottom: 20px; width: 100%; } .services_selection .template-options-container .template-options { margin: 20px 0 0; } .services_selection .template-options-container .template-options .quickstart-template-list { display: flex; flex-direction: column; height: 100%; row-gap: 10px; } .services_selection .template-options-container .template-options .quickstart-template-list > input { position: absolute; left: -9999px; } .services_selection .template-options-container .template-options .quickstart-template-list > input:checked + label, .services_selection .template-options-container .template-options .quickstart-template-list > input:disabled + label { cursor: default; } .services_selection .template-options-container .template-options .quickstart-template-list > label { align-items: center; border-radius: 10px; border-style: solid; border-width: 3px; position: relative; display: flex; margin: 0; padding: 20px 0; justify-content: space-around; outline: none; cursor: pointer; text-align: center; transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; } .services_selection .template-options-container .template-options .quickstart-template-list > label > span { display: block; font-size: 1.5em; font-weight: 500; text-transform: uppercase; } .services_selection .template-options-container .template-description { width: 100%; } .services_selection .template-options-container .template-description > #template-description-container { border-radius: 10px; border-style: solid; border-width: 3px; padding: 30px; } .services_selection .template-options-container .template-description > #template-description-container h3 { font-size: 2.5em; margin-bottom: 10px; text-align: center; } .services_selection .template-options-container .template-description > #template-description-container p { padding-top: 0; } .services_selection .template-options-container .template-description > #template-description-container p > .detail_value { font-weight: 400; } .services_selection .list-options-container { padding-bottom: 20px; } .services_selection .list-options { float: left; width: 45%; } .services_selection .list-settings { border-left: dotted 2px; float: left; padding-left: 5%; width: 45%; } .services_selection .list-settings .list_service_options_container { margin-top: 10px; } .services_selection .list-settings .list_service_options_container .list-usage-entry, .services_selection .list-settings .list_service_options_container .list-channel-option-entry { margin-bottom: 2px; } .services_selection .list-settings .list_service_options_container .list-usage-entry:last-child, .services_selection .list-settings .list_service_options_container .list-channel-option-entry:last-child { margin-bottom: 0; } .services_selection .list-settings .list_service_options_container .list-channel-sub-option { margin-top: 10px; } .services_selection .list-service-options { margin: 20px 0 0; } .services_selection .list-service-options .list-service-option { margin-bottom: 5px; } .services_selection .list-service-options .list-service-option:last-child { margin-bottom: 0; } .services_selection .list-service-options .list-sub-services { margin-bottom: 10px; padding-left: 30px; } .list_type_selection { padding: 25px 0 15px; } .list_type_selection h3 { font-size: 2em; font-weight: 700; padding: 0 0 10px; } .list_type_selection .custom_radio { margin-bottom: 5px; } .tabless { margin-bottom: 10px; padding: 20px 0 0; } .tabless .table_col { float: left; width: 25%; } .tabless .table_col .col_row { position: relative; } .tabless .table_col .col_divider { border-bottom: 2px dotted; content: ""; display: block; position: absolute; left: 0; top: 100%; right: 0; } .tabless .table_col .col_row .edit_settings { width: 24px; height: 24px; background-size: cover; display: none; } .tabless .table_col .col_row .edit_category_settings { display: inline-block; width: 24px; height: 24px; background-size: cover; display: none; margin-left: 10px; position: absolute; top: -2px; } .tabless .table_col .col_row .custom_radio { align-items: center; border-radius: 10px; border-style: solid; border-width: 2px; display: flex; flex-direction: row; justify-content: space-between; line-height: 24px; padding: 10px; margin: 5px; } .tabless .table_col .col_row .custom_radio > div { align-items: center; -moz-column-gap: 8px; column-gap: 8px; display: flex; flex-direction: row; flex-grow: 0; justify-content: flex-end; } .tabless .table_col .col_row.service_selected .edit_settings { display: block; } .tabless .table_col .col_row.service_selected .radio_orange .label { font-weight: 700; } .tabless .table_col .col_row.service_selected .radio_blue .label { font-weight: 700; } .tabless .table_col .col_row.service_selected .radio_default .label { font-weight: 700; } .tabless .table_col .col_row.service_selected .radio_green .label { font-weight: 700; } .tabless .table_col .col_header { border-bottom: 5px solid; cursor: move; margin-bottom: 10px; padding: 0; } .tabless .table_col .col_header h3 { font-size: 1.7em; margin-left: 10px; padding: 0 0 14px; } .tabless .table_col .col_header a { cursor: pointer; } .next_top { border-top: 5px solid; padding: 28px 0 0; position: relative; z-index: 1; } .next_top a { font-size: 1.5em; text-decoration: none; text-transform: uppercase; } .next_top a.home_link { float: left; margin-right: 15px; } .next_top .back_to_top { float: left; padding: 11px 12px; border-radius: 4px; } .next_top .next_services { float: right; } .choose_opt_popup { max-width: 880px; } .choose_opt_popup .popup_contents { padding: 35px 25px 30px; text-align: left; } .choose_opt_popup .popup_contents h2 { text-align: left; font-size: 2.6em; font-weight: 700; padding: 0 0 20px; } .choose_opt_popup .popup_contents h3.popup-subheader { float: right; font-size: 1.5em; margin-top: 7px; } .choose_opt_popup .popup_contents p { text-align: left; font-size: 1.7em; margin-bottom: 14px; } .choose_opt_popup .popup_cols .p_tabs { float: left; width: 28.5%; padding: 7px 0 0; } .choose_opt_popup .popup_cols .p_tabs a { display: block; text-decoration: none; font-weight: 700; font-size: 1.7em; padding: 14px 0 20px; text-align: center; margin: 0 0 17px; position: relative; overflow: hidden; } .choose_opt_popup .popup_cols .p_tabs a span { position: relative; z-index: 1; } .choose_opt_popup .popup_cols .p_tabs a:after { display: block; content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 5px; transition: 0.2s; -webkit-transition: 0.2s; } .choose_opt_popup .popup_cols .p_tabs a:hover:after { height: 100%; bottom: 5px; } .choose_opt_popup .popup_cols .p_tabs a.current:after { height: 100%; bottom: 5px; } .choose_opt_popup .popup_cols .p_tabs .multi-tab-service-note { position: absolute; bottom: 33px; width: 28.5%; } .choose_opt_popup .popup_cols .p_contents { float: left; width: 64.5%; padding: 0 0 0 22px; } .choose_opt_popup .popup_cols .p_contents p { padding: 0; } .choose_opt_popup .popup_cols .p_contents h3, .choose_opt_popup .popup_contents h3 { font-size: 1.7em; font-weight: 700; text-align: left; padding: 15px 0 10px; } .choose_opt_popup .popup_cols .p_contents .SumoSelect > .CaptionCont { border: 1px solid; font-size: 1.7em; padding: 9px 2%; } .choose_opt_popup .popup_cols .p_contents .SumoSelect > .CaptionCont > label > i { width: 20px; height: 20px; right: 10px; } .choose_opt_popup .popup_cols .p_contents .SumoSelect > .optWrapper > .options { font-size: 1.5em; text-align: left; } .choose_opt_popup .popup_cols .p_contents .SumoSelect > .optWrapper > .options li.opt { padding: 7px 2%; } .choose_opt_popup .popup_cols .p_contents .radio_btn_row { padding: 7px 0; } .choose_opt_popup .popup_cols .p_contents .small_table thead tr th { font-size: 1.3em; padding: 8px 3px; } .choose_opt_popup .popup_cols .p_contents .small_table tbody tr td { font-size: 1.3em; padding: 2px 3px; text-align: center; } .choose_opt_popup .popup_cols .p_contents .small_table tbody tr td:first-child { text-align: left; } .choose_opt_popup .popup_cols .p_contents .small_table tbody tr td img { text-align: center; } .toggle-option-container { margin-bottom: 5px; margin-top: 10px; } .toggle-option-container.expanded .toggle-option-header .toggle-icon { top: -3px; } .toggle-option-container.expanded .toggle-option-header .toggle-option-name { font-weight: 500; } .toggle-option-container .toggle-option-header .toggle-option-button { border-style: solid; border-radius: 20px; border-width: 2px; cursor: pointer; float: left; width: 20px; height: 20px; padding: 0; position: relative; vertical-align: middle; } .toggle-option-container .toggle-option-header .toggle-icon { position: absolute; font-size: 2em; font-weight: bold; top: -2px; left: 0; text-align: center; width: 100%; height: 100%; } .toggle-option-container .toggle-option-header .toggle-option-name { float: left; margin-bottom: 0; padding: 3px 5px; } .toggle-option-container .toggle-option-content-body { margin-top: 10px; width: 100%; } .profile-group-entry .frm_row { padding: 0 0 15px; } .profile-group-entry .frm_row .frm_input { float: left; width: 100%; } .profile-group-entry .frm_row .frm_input .txtbox { font-size: 1.7em; width: 94%; padding: 10px 3%; border-width: 1px; border-style: solid; } .framed-content > .popup_contents { border-bottom: none !important; padding: 0; } .lifesketch-category-container { float: left; height: 500px; margin-top: 5px; overflow-y: auto; scrollbar-width: thin; -webkit-scrollbar-width: thin; width: 180px; } .lifesketch-category-container .ui-accordion .ui-accordion-content { padding: 0 !important; } .lifesketch-category-container .profile-section-entry { cursor: pointer; font-size: 1.7em; padding: 2px 0; width: 100%; } .lifesketch-profile-options-container { float: left; height: 500px; width: calc(100% - 180px); overflow: auto; scrollbar-width: thin; -webkit-scrollbar-width: thin; } .lifesketch-profile-options-container .profile-settings-title { font-size: 1.5em; margin: 5px; } .lifesketch-profile-options-container .profile-settings-content { margin: 5px 0 0 10px; } .lifesketch-profile-options-container .profile-settings-content h2 { font-size: 1.8em; margin-bottom: 10px; } .lifesketch-profile-options-container .profile-settings-content .profile-options { padding: 10px 5px; margin-top: 20px; transition-duration: 0.5s; } .lifesketch-profile-options-container .profile-settings-content .profile-options:first-child { margin-top: 0; padding-top: 5px; } .lifesketch-profile-options-container .profile-settings-content > p, .lifesketch-profile-options-container .profile-settings-content > div { text-align: left; } .lifesketch-profile-options-container .profile-settings-content .profile-double-range-container .profile-double-range-control { display: inline-block; width: 45%; } .lifesketch-profile-options-container .profile-settings-content .profile-double-range-container .profile-double-range-spacer { display: inline-block; float: left; text-align: center; width: 8%; } .lifesketch-profile-options-container .profile-settings-content .profile-option-actions { margin-top: 10px; text-align: center; } .lifesketch-profile-options-container .checkbox-column { float: left; width: 50%; } .lifesketch-profile-options-container .profile-settings-content .profile-lookup-selection { display: inline-block; padding: 5px; } .lifesketch-profile-options-container .profile-settings-content .profile-lookup-selection .profile-lookup-selection-remove { background-position: 4px 4px; background-repeat: no-repeat; background-size: 20px 20px; float: right; font-size: 1.2em; font-weight: bold; height: 26px; margin-left: 5px; opacity: 0.4; overflow: hidden; padding-left: 24px; padding-top: 7px; text-decoration: none; transition-duration: 300ms; } .lifesketch-profile-options-container .profile-settings-content .profile-lookup-selection:hover .profile-lookup-selection-remove { opacity: 1; } .lifesketch-profile-options-container .profile-settings-content .profile-lookup-selection .profile-lookup-selection-value { display: inline-block; font-size: 1.6em; margin-bottom: 0; padding: 4px 0; } .lifesketch-profile-summary-container { height: 492px; padding-top: 8px; overflow-y: auto; scrollbar-width: thin; -webkit-scrollbar-width: thin; text-align: left; } .lifesketch-profile-summary-container .profile-summary-category-container { margin-bottom: 20px; } .lifesketch-profile-summary-container .profile-summary-category-container:last-child { margin-bottom: 0; } .lifesketch-profile-summary-container .profile-summary-section-container .profile-summary-section { cursor: pointer; display: inline-block; padding: 5px; } .lifesketch-profile-summary-container .profile-summary-section-container .profile-summary-section:hover .profile-section-clear-button { opacity: 1; } .lifesketch-profile-summary-container .profile-summary-section-container .profile-summary-section .profile-section-clear-button { background-position: 4px 4px; background-repeat: no-repeat; background-size: 20px 20px; float: right; font-size: 1.2em; font-weight: bold; height: 26px; margin-left: 5px; opacity: 0.4; overflow: hidden; padding-left: 24px; padding-top: 7px; text-decoration: none; transition-duration: 300ms; } .lifesketch-profile-summary-container .profile-summary-section-container .profile-summary-section .profile-summary-section-details { display: inline-block; } .lifesketch-profile-summary-container .profile-summary-section-container .profile-summary-section .profile-summary-section-details h3 { padding-top: 0; } iframe#clean { height: 570px; width: 100%; } /*confirm stage =================*/ .confirm_columns .confirm_left { float: left; width: 64.15%; } .confirm_columns .confirm_left .list_header { font-size: 1.7em; font-weight: 700; margin-left: 1px; } .confirm_columns .confirm_left .col_1 { float: left; width: 10%; } .confirm_columns .confirm_left .col_1 .divider { border-right: 2px dotted; } .confirm_columns .confirm_left .col_2 { float: left; width: 40%; } .confirm_columns .confirm_left .col_2 span { display: block; padding: 0 10%; } .confirm_columns .confirm_left .col_3 { float: left; width: 50%; } .confirm_columns .confirm_left .list_header .col_1 .divider { padding: 10px 0 22px; } .confirm_columns .confirm_left .list_header .col_2 { padding: 10px 0 20px; } .confirm_columns .confirm_left .list_header .col_3 { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: flex-start; padding: 10px 0 20px; } .confirm_columns .confirm_left .list_header .col_3 span { vertical-align: middle; } .confirm_columns .confirm_left .list_item { border-bottom: 2px dotted; position: relative; } .confirm_columns .confirm_left .list_item .remove_input { display: block; width: 24px; height: 24px; position: absolute; right: 5px; top: 50%; margin-top: -12px; border-radius: 30px; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .confirm_columns .confirm_left .list_item .remove_input:before, .confirm_columns .confirm_left .list_item .remove_input:after { position: absolute; left: 11px; top: 6px; content: " "; height: 12px; width: 2px; } .confirm_columns .confirm_left .list_item .remove_input:before { transform: rotate(45deg); } .confirm_columns .confirm_left .list_item .remove_input:after { transform: rotate(-45deg); } .confirm_columns .confirm_left .list_item .col_1 { font-size: 1.6em; text-align: center; } .confirm_columns .confirm_left .list_item .col_1 .divider { padding: 19px 0 20px; } .confirm_columns .confirm_left .list_item .col_2 { padding: 9px 0 10px; } .confirm_columns .confirm_left .list_item .col_2 .field_name { display: none; font-size: 1.1em; font-weight: 600; margin-bottom: 4px; margin-top: -4px; overflow: hidden; padding: 0 10%; text-overflow: ellipsis; text-wrap: nowrap; } .confirm_columns .confirm_left .list_item .col_2 .field_preview { font-size: 1.6em; overflow: hidden; padding: 10px 10%; text-overflow: ellipsis; white-space: nowrap; width: 80%; } .confirm_columns .confirm_left .list_item .col_2 .txtbox { font-size: 1.6em; padding: 10px 10%; width: 80%; border: none; } .confirm_columns .confirm_left .list_item .col_2.has_header .field_name { display: block; } .confirm_columns .confirm_left .list_item .col_2.has_header .field_preview { font-size: 1.4em; padding: 0 10%; } .confirm_columns .confirm_left .list_item .col_3 { padding: 9px 0 10px; } .confirm_columns .confirm_left .list_item .col_3 .input_name { font-size: 1.6em; padding: 10px 0 10px 35px; position: relative; } .confirm_columns .confirm_left .list_item .col_3 .input_name:before { content: ""; display: block; width: 23px; height: 23px; border-radius: 15px; position: absolute; left: 0; top: 8px; } .confirm_columns .confirm_left .list_item_filled_in:hover .remove_input { opacity: 1; } body .input_name { font-size: 1.6em; padding: 10px 0 10px 35px; position: relative; } body .input_name:before { content: ""; display: block; width: 23px; height: 23px; border-radius: 15px; position: absolute; left: 0; top: 8px; } .confirm_columns .confirm_right { float: right; width: 31.6%; } .confirm_columns .confirm_right .field_pool_header { border-bottom: 5px solid; row-gap: 8px; display: flex; flex-direction: column; padding-bottom: 14px; padding-top: 5px; width: 100%; } .confirm_columns .confirm_right .field_pool_header .field_pool_header_entry { align-items: center; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .confirm_columns .confirm_right .field_pool_header .field_pool_header_entry h3 { font-size: 1.7em; } .confirm_columns .confirm_right .confirm_fields .list2 { padding: 22px 32px; } .confirm_columns .confirm_right .confirm_fields .list2 .field-drag-placeholder { display: none; } .confirm_columns .confirm_right .confirm_fields .list_item .col_1, .confirm_columns .confirm_right .confirm_fields .list_item .col_2, .confirm_columns .confirm_right .confirm_fields .list_item .col_3 { display: none; } .confirm_columns .confirm_right .list_item .input_name_right { font-size: 1.6em; font-weight: 300; position: relative; padding: 10px 0 10px 35px; } .confirm_columns .confirm_right .list_item .input_name_right .dot { width: 23px; height: 23px; border-radius: 15px; position: absolute; left: 0; top: 8px; } .confirm_columns .confirm_left .list_item .input_name_right { display: none; } .header_padding { padding-right: 44px; } #custom_scr, .custom_scr { height: 1020px; } #custom_scr.preview_scr, .custom_scr.preview_scr { height: 500px !important; } #custom_scr .list1, .custom_scr .list1 { padding-right: 12px; } .field_dock_options { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin: 5px 0; width: 100%; } .confirm_footer { border-top: 5px solid; padding: 18px 0; margin: 44px 0 0; clear: both; } .confirm_footer a { text-transform: uppercase; text-decoration: none; text-align: center; font-size: 1.5em; } .confirm_footer a.home_link { float: right; margin-right: 5px; } .confirm_footer a.next_services { float: right; } .confirm_footer a.next_link, .confirm_footer a.dedupe_btn, .confirm_footer a.import_btn { float: right; margin-left: 5px; } .confirm_footer a.back_link { float: left; } .confirm_footer a.eui_stats_link, .confirm_footer a.result_stats_link { float: right; } .confirm_footer a.stats_link, .confirm_footer a.edit_btn { float: right; margin-left: 15px; } .confirm_footer a.finish_link, .confirm_footer a.collect_link { float: right; margin-left: 15px; position: relative; text-align: center; } .confirm_footer a.run_link, .confirm_footer a.export_job_link { float: right; margin-left: 15px; position: relative; } .confirm_footer_run { border: none; } /*run stage =================*/ .run_step { position: relative; } .run_step .run_left:after { position: absolute; content: ""; display: block; left: 50%; top: 10px; bottom: 16px; border-left: 2px dotted; } .run_step .run_left { float: left; width: 45%; } .run_step .run_left .run_form_row { padding: 0 0 15px; } .run_step .run_left .run_form_row .run_label { float: left; width: 125px; font-size: 1.7em; font-weight: 700; padding: 10px 0; } .run_step .run_left .run_form_row .run_val { font-size: 1.7em; float: left; margin-left: 20px; padding: 10px 0; max-width: 390px; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 160px); } .run_step .run_left .run_form_row .run_val ul { font-size: 1em; } .run_step .run_left .run_form_row .run_label_big { width: 18%; padding: 10px 0; } .run_step .run_left .run_form_row .run_label_full { width: 100%; padding: 10px 0; } .run_step .run_left .run_form_row .run_label_full button { border: 0; cursor: pointer; vertical-align: middle; } .run_step .run_left .run_form_row .run_label_full button img { transition-duration: 300ms; } .run_step .run_left .run_form_row .run_label_full .view_profile_settings img { transform: rotate(180deg); } .run_step .run_left .run_form_row .run_input { margin-left: 20px; width: calc(100% - 160px); float: left; } .run_step .run_left .run_form_row .run_input .txtbox { width: 94%; padding: 10px 3%; border: 1px solid; font-size: 1.7em; } .run_step .run_left .run_form_profile_summary { line-height: 1.5; } .run_step .run_left .run_form_profile_summary h2 { font-size: 1.3em; margin-bottom: 5px; } .run_step .run_left .run_form_profile_summary .profile_summary_container { margin-bottom: 10px; } .run_step .run_left .run_form_profile_summary .profile_summary_container h3 { font-size: 1.2em; margin-bottom: 5px; text-transform: uppercase; } .run_step .run_left .run_form_profile_summary .profile_summary_container p { padding-top: 0; } .run_step .run_left .run_form_profile_summary .profile_summary_container:last-child { margin-bottom: 0; } .run_step .run_left .payment_status_message { font-size: 1.7em; } .run_step .run_right { float: right; width: 45%; } .run_step .run_right p { font-size: 2em; } .run_step .run_right .output_preview h4 { font-size: 2em; margin-bottom: 10px; text-align: center; } .run_step .run_right .output_preview .list_header { font-size: 1.7em; font-weight: 700; margin-left: 1px; } .run_step .run_right .output_preview .col_1 { float: left; width: 10%; } .run_step .run_right .output_preview .col_1 .divider { border-right: 2px dotted; } .run_step .run_right .output_preview .col_2 { float: left; width: 40%; } .run_step .run_right .output_preview .col_2 span { display: block; padding: 0 10%; } .run_step .run_right .output_preview .col_3 { float: left; width: 50%; } .run_step .run_right .output_preview .list_header .col_1 .divider { padding: 10px 0 22px; } .run_step .run_right .output_preview .list_header .col_2 { padding: 10px 0 20px; } .run_step .run_right .output_preview .list_header .col_3 { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: flex-start; padding: 10px 0 20px; } .run_step .run_right .output_preview .list_header .col_3 span { vertical-align: middle; } .run_step .run_right .output_preview .list_header .col_3.input_preview_header > span { padding-left: 10px; } .run_step .run_right .output_preview .list_item { border-bottom: 2px dotted; position: relative; } .run_step .run_right .output_preview .list_item .remove_input { display: block; width: 24px; height: 24px; position: absolute; right: 5px; top: 50%; margin-top: -12px; border-radius: 30px; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .run_step .run_right .output_preview .list_item .remove_input:before, .run_step .run_right .output_preview .list_item .remove_input:after { position: absolute; left: 11px; top: 6px; content: " "; height: 12px; width: 2px; } .run_step .run_right .output_preview .list_item .remove_input:before { transform: rotate(45deg); } .run_step .run_right .output_preview .list_item .remove_input:after { transform: rotate(-45deg); } .run_step .run_right .output_preview .list_item .col_1 { font-size: 1.6em; text-align: center; } .run_step .run_right .output_preview .list_item .col_1 .divider { padding: 19px 0 20px; } .run_step .run_right .output_preview .list_item .col_2 { padding: 9px 0 10px; } .run_step .run_right .output_preview .list_item .col_2 .field_preview { font-size: 1.6em; overflow: hidden; padding: 10px 10%; text-overflow: ellipsis; white-space: nowrap; width: 80%; } .run_step .run_right .output_preview .list_item .col_2 .txtbox { font-size: 1.6em; padding: 10px 10%; width: 80%; border: none; } .run_step .run_right .output_preview .list_item .col_3 { padding: 9px 0 10px; } .run_step .run_right .output_preview .list_item .col_3 .input_name { font-size: 1.6em; padding: 10px 0 10px 35px; position: relative; } .run_step .run_right .output_preview .list_item .col_3 .input_name:before { content: ""; display: block; width: 23px; height: 23px; border-radius: 15px; position: absolute; left: 0; top: 8px; } .run_step .run_right .output_preview .list_item .col_3 .input_name_preview { font-size: 1.6em; font-weight: 600; overflow: hidden; padding: 10px 0 10px 10px; position: relative; text-overflow: ellipsis; text-wrap: nowrap; } .run_step .run_right .output_preview .list_item_filled_in:hover .remove_input { opacity: 1; } .run_step .run_right .edit_btn_row { padding: 20px 0; } .run_step .run_right .edit_btn_row .edit_btn { font-size: 1.5em; float: left; text-decoration: none; text-align: center; margin: 4px 0 0; } .run_step .run_right .edit_btn_row p { padding: 0 0 0 115px; } /*complete stage =================*/ .content_tabs { border-bottom: 5px solid; } .content_tabs a { float: left; text-decoration: none; text-transform: uppercase; width: 110px; height: 37px; text-align: center; line-height: 37px; margin: 0 4px 0 0; font-size: 1.5em; position: relative; transition: 0.3s; -webkit-transition: 0.3s; } .content_tabs a:before { content: ""; display: block; left: 0; bottom: 100%; right: 0; height: 0; position: absolute; transition: 0.3s; -webkit-transition: 0.3s; } .content_tabs a:hover:before, .content_tabs a.current:before { height: 8px; } .tab_content_cols .tabs_left { width: 69%; float: left; } #custom_scr_tabs { max-height: 1080px; width: 100%; } #custom_scr_tabs iframe { width: 100%; } .tab_content_cols .tabs_left .content_padding { padding: 0 60px 0 0; } .tab_content_cols .tabs_left .divider { border-bottom: 1px dotted; margin: 10px 0; } .tab_content_cols .tabs_left .divider_more_space { border-bottom: 1px dotted; margin: 35px 0 15px; } .tab_content_cols .tabs_left h2 { font-size: 2.7em; padding: 20px 0; } .tab_content_cols .tabs_left h6 { font-size: 1.7em; font-weight: 400; padding: 3px 0; } .tab_content_cols .tabs_left h6 strong { font-weight: 700; } .tab_content_cols .tabs_left .chart_row .chart_left { float: left; width: 60%; } .tab_content_cols .tabs_left .chart_row .chart_left h2 { padding-bottom: 30px; } .tab_content_cols .tabs_left .chart_row .chart_left p { font-size: 1.7em; padding: 8px 0; line-height: 1.4; } .tab_content_cols .tabs_left .chart_row .chart_right { float: right; width: 40%; margin: 45px 0 0; text-align: right; } .tab_content_cols .tabs_left .chart_row .chart_right img { max-width: 100%; } .tab_content_cols .tabs_right { float: right; width: 25.8%; } .tab_content_cols .tabs_right .navi_btn { margin: 0 0 12px 4.55%; } .tab_content_cols .tabs_right .navi_btn a { border-bottom: 4px solid; } .tab_content_cols .tabs_right .navi_ico { border: 6px solid; } .tab_content_cols .tabs_left table { width: 300px; margin: 1px; } .tab_content_cols .tabs_left table td { font-size: 1.1em; padding: 12px; border: 1px dotted; } .tab_content_cols .tabs_left table th { border: 1px solid #3b3b3c; font-size: 1.2em; padding: 12px; position: relative; } .tab_content_cols .tabs_left table th:nth-child(1):after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: 1px dotted; } #address-list-popup .address-list-container { border-width: 4px; border-style: solid none solid none; height: 208px; margin: 0 auto 20px auto; overflow: auto; padding: 5px 0; width: 100%; } #address-list-popup .address-list-container table { width: 100%; } #address-list-popup .address-list-container table tbody td { border-bottom-width: 2px; border-bottom-style: dotted; cursor: pointer; height: 30px; font-size: 1.6em; padding-top: 10px; padding-left: 20px; } #address-list-popup .address-list-container table tbody tr:last-child td { border-bottom-style: none; } .job_wizard_collect_output { display: grid; grid-template-columns: 50% 50%; -moz-column-gap: 20px; column-gap: 20px; margin-top: 30px; } .job_wizard_collect_output .tablesorter { margin-top: 10px; margin-bottom: 10px; } .job_wizard_collect_output .tablesorter .tablesorter-header { padding-left: 0; } .job_wizard_collect_output .tablesorter tbody td { height: 42px; } .job_wizard_collect_output .tablesorter .custom_radio .label { font-size: 100%; } .job_wizard_collect_output .pager .table_navi > a { cursor: pointer; } .job_wizard_collect_output .job_wizard_stats_container { height: 100%; } .job_wizard_collect_output .job_wizard_stats_container #custom_scr_tabs { height: 100%; } .job_wizard_collect_output .job_wizard_stats_container #custom_scr_tabs iframe { height: 100%; } .job-wizard-section-body .tablesorter { margin-top: 10px; margin-bottom: 10px; } .job-wizard-section-body .tablesorter .tablesorter-header { padding-left: 0; } .job-wizard-section-body .tablesorter tbody td { height: 42px; } .job-wizard-section-body .tablesorter .custom_radio .label { font-size: 100%; } .job-wizard-section-body .pager .table_navi > a { cursor: pointer; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body { margin-bottom: 15px; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body:last-child { margin-bottom: 0; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container { margin-top: 10px; margin-bottom: 10px; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container .purchase-order-message-container { float: right; font-size: 1.2em; width: 30%; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container .invoice-po-entry-container { width: 65%; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container .invoice-po-entry-container .invoice-po-entry { margin-top: 15px; width: 100%; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container .invoice-po-entry-container .invoice-po-entry h3 { font-size: 1.6em; font-weight: 700; margin-bottom: 8px; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container .invoice-po-entry-container .invoice-po-entry p { font-size: 1.6em; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container .invoice-po-entry-container .invoice-po-entry ul.purchase-order-notes li { list-style-type: disc; margin-left: 20px; padding-bottom: 8px; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container .invoice-po-entry-container .purchase-order-controls .purchase-order-control { float: left; } .job-wizard-purchase-section .job_wizard_section_body .payment-option-body .invoice-po-container .invoice-po-entry-container .purchase-order-controls .purchase-order-control a { margin-right: 5px; } .job-wizard-purchase-section .job_wizard_section_body .frm_horizontal { font-size: 0.9em; text-align: left; margin: 0; width: 90%; } .job-wizard-purchase-section .job_wizard_section_body .frm_horizontal .frm_input textarea { height: 100px; } .job-wizard-purchase-section .job_wizard_section_body .frm_horizontal .SumoSelect > .CaptionCont { border: 1px solid; font-size: 1.7em; padding: 11px 3% 10px 3%; } .job-wizard-purchase-section .job_wizard_section_body .frm_horizontal .SumoSelect > .CaptionCont > label > i { width: 20px; height: 20px; right: 10px; } .job-wizard-purchase-section .job_wizard_section_body .frm_horizontal .SumoSelect > .optWrapper > .options { font-size: 1.5em; text-align: left; } .job-wizard-purchase-section .job_wizard_section_body .frm_horizontal .SumoSelect > .optWrapper > .options li.opt { padding: 7px 2%; } .job-wizard-purchase-section .job_wizard_section_body .frm_horizontal .frm_input > #add-new-end-user-search-address-button { margin-left: 5px; vertical-align: middle; } .wealth_purchase_options_table.tablesorter tbody td { height: 42px; } .purchase-order-table.tablesorter { margin-top: 10px; margin-bottom: 10px; } .purchase-order-table.tablesorter .tablesorter-header { padding-left: 25px; } .purchase-order-table.tablesorter .tablesorter-headerUnSorted { padding-left: 0; } .purchase-order-table.tablesorter tbody td { height: 42px; } .purchase-order-table.tablesorter .custom_radio .label { font-size: 100%; } .purchase-order-table .pager .table_navi > a { cursor: pointer; } .account_purchase_order_table ~ .purchase-order-controls { align-items: center; display: flex; flex-direction: row; justify-content: space-between; } .account_purchase_order_table ~ .purchase-order-controls .pager .paging { float: none; } .available_licence_list.tablesorter tbody td { padding-top: 8px; padding-bottom: 8px; } .tablesorter ~ .table-controls .table-control { float: left; } .purchase-order-table tbody td label .label { font-size: 1em; } #eui-warning-content { text-align: left; } #eui-warning-content ul { margin-left: 30px; margin-top: 10px; } #eui-warning-content ul li { list-style-type: disc; margin-bottom: 5px; } #eui-warning-content ul li:last-child { margin-bottom: 0; } #eui-warning-content p { margin-bottom: 0; } #output-file-list-container { margin-bottom: 10px; } .output-file-table td { cursor: default; } .output-file-table .output-file-name { cursor: pointer; font-weight: bold; } .output_file_table { border: solid 1px; } .output_file_table thead th { text-align: center; } .output_file_table tbody td { cursor: pointer; font-size: 1.3em; } .output_file_table tbody .output_file_name { align-items: center; display: flex; flex-direction: row; font-weight: bold; -moz-column-gap: 10px; column-gap: 10px; justify-content: space-between; } .output_file_table tbody .output_file_name .image_container { position: relative; text-align: center; } .output_file_table tbody .output_file_name .bottom_right { font-weight: normal; font-size: 0.5em; position: absolute; bottom: -1px; padding: 2px; right: -1px; text-transform: uppercase; } .output_file_table tbody .output_file_size { align-items: center; display: flex; flex-direction: row; -moz-column-gap: 5px; column-gap: 5px; justify-content: space-between; text-wrap: nowrap; } .output_file_table tbody .output_file_size .download_file_options { width: 60px; white-space: nowrap; } .output_file_table tbody .output_file_size .download_file_options a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .output_file_table tbody .output_file_size .download_file_options a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .output_file_table tbody .output_file_size .download_file_options a .btn_txt .tb { display: table; width: 100%; height: 100%; } .output_file_table tbody .output_file_size .download_file_options a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .output_file_table tbody .output_file_size .download_file_options a :hover .btn_txt { display: block; } .output_file_table tbody .output_file_size .download_file_options a.collect_btn { background-size: 468px auto; } .tablesorter.no-paging ~ .pager { display: none !important; } .quickstart-template-description-container p, .template-details-service-entry-body > p { line-height: 1.5; white-space: pre-wrap; } #quickstart-template-services > p { font-weight: 500; } #quickstart-template-services ul { margin-bottom: 10px; margin-left: 30px; } #quickstart-template-services ul li { list-style-type: disc; } #quickstart-template-services ul li > span { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-direction: row; justify-content: flex-start; } #quickstart-template-services ul li > span .question_icon { cursor: pointer; width: 15px; height: 30px; } #quickstart-template-services ul:last-child { margin-bottom: 0; } #quickstart-template-services table.fixed_format_table { font-size: 1.4em; margin-top: 10px; } #quickstart-template-services table.fixed_format_table td, #quickstart-template-services table.fixed_format_table th { padding: 5px; } #quickstart-template-services table.fixed_format_table td:first-child, #quickstart-template-services table.fixed_format_table th:first-child { padding-right: 30px; } #quickstart-template-services table.fixed_format_table tbody td:first-child { text-align: center; } .template-details-service-entry { margin-bottom: 5px; margin-top: 10px; } p + .template-details-service-entry { margin-top: 5px; } .template-details-service-entry.expanded .template-details-service-entry-header .service-description-toggle-icon { top: -3px; } .template-details-service-entry.expanded .template-details-service-entry-header .service-name { font-weight: 500; } .template-details-service-entry .template-details-service-entry-header .service-description-toggle { border-style: solid; border-radius: 20px; border-width: 2px; cursor: pointer; float: left; width: 20px; height: 20px; padding: 0; position: relative; vertical-align: middle; } .template-details-service-entry .template-details-service-entry-header .service-description-toggle-icon { position: absolute; font-size: 2em; font-weight: bold; top: -2px; left: 0; text-align: center; width: 100%; height: 100%; } .template-details-service-entry .template-details-service-entry-header .service-name { float: left; margin-bottom: 0; padding: 3px 5px; } .template-details-service-entry .template-details-service-entry-body p.service-description { border-top: 2px dotted; margin-top: 8px; } /*===================================================================================*/ /*NEW JOB WIZARD END=================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*ACCOUNT TAB========================================================================*/ /*===================================================================================*/ @keyframes greenglow { from { left: -120px; } to { left: 100%; } } .menu_templates { display: none; } .account_purchase_order_table.tablesorter td { padding: 12px 0; } .account_section { margin-top: 20px; } .account_section h2 { font-size: 2.5em; font-weight: 200; margin-bottom: 30px; } .account_section .account_action_progress { align-items: flex-start; display: flex; flex-direction: column; row-gap: 10px; } .account_section .account_action_progress .progress_label { font-size: 1.7em; font-weight: 700; } .account_section .account_action_progress .progress_bar { width: 300px; height: 20px; border-width: 1px; border-style: solid; border-radius: 5px; position: relative; overflow: hidden; } .account_section .account_action_progress .progress_bar:after { content: " "; display: block; width: 120px; top: -50%; height: 250%; position: absolute; animation: greenglow 3s linear infinite; -webkit-animation: greenglow 3s linear infinite; z-index: 2; } .account_sft_options { align-items: stretch; display: grid; grid-template-columns: 45% 45%; -moz-column-gap: 20px; column-gap: 20px; justify-content: space-between; height: 100%; width: 100%; } .account_sft_options div.open_sft_option { display: flex; flex-direction: column; height: 100%; justify-content: flex-end; width: 100%; } .account_sft_options div.open_sft_option a { align-self: center; } .account-user-list.tablesorter .tablesorter-header, .file_transfer_list.tablesorter .tablesorter-header { padding-left: 0; } .file_transfer_list.tablesorter tbody td { padding-top: 15px; padding-bottom: 15px; } .account-users-options .account_enabled_status { display: inline-block; background-size: cover; height: 30px; margin-left: 5px; vertical-align: middle; width: 30px; } .upload_options .frm_popup .frm_row .frm_input { float: left; width: 280px; border: 1px solid; height: 35px; margin-right: 14px; } .upload_options .frm_popup .frm_row .frm_input .txtbox { width: 95%; height: 24px; padding: 5px 2.5%; border: none; outline: none; } .upload_options .frm_popup .frm_row .frm_db_file { float: left; } .upload_options .frm_popup .frm_row .frm_db_file input { display: none; } .upload_options .frm_popup .frm_row .frm_db_file .browse_btn { display: inline-block; margin-right: 8px; } .account-options h2 { font-size: 2em; margin-bottom: 10px; margin-top: 30px; } .account-downloads { margin-top: 20px; } .account_download_entry { align-items: stretch; display: flex; flex-direction: row; height: 100%; justify-content: space-between; margin-bottom: 30px; row-gap: 10px; width: 100%; } .account_download_entry h3 { font-size: 1.7em; } .account_download_entry ul li { line-height: 1.5; } .account_download_entry .content_description { flex-grow: 3; width: 100%; } .account_download_entry .content_description p.upsell_body { font-size: 2em; font-weight: 700; line-height: 1.5; margin-top: 30px; } .account_download_entry .content_description p.upsell_instructions { font-size: 1.5em; margin-top: 10px; } .account_download_entry .content_actions { align-items: center; display: flex; flex-direction: column; flex-grow: 1; height: 100%; justify-content: space-between; row-gap: 30px; width: 100%; } .account_download_entry:last-child { margin-bottom: 30px; } .credit_application_form .credit_application_details { align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; } .credit_application_form .credit_application_details .credit_application_section { border-top-width: 3px; border-top-style: solid; flex-grow: 1; margin: 20px 2% 10px 2%; width: 46%; } .credit_application_form .credit_application_details .credit_application_section legend { font-size: 1.8em; margin-bottom: 15px; padding: 0 10px; text-align: center; } .credit_application_form .credit_application_details .credit_application_section .credit_application_row { padding: 0 0 15px; } .credit_application_form .credit_application_details .credit_application_section .credit_application_row .checkbox_container { float: left; font-size: 1.7em; font-weight: 500; padding: 10px 0; width: 100%; } .credit_application_form .credit_application_details .credit_application_section .credit_application_row .label_container { float: left; font-size: 1.7em; font-weight: 700; padding: 10px 0; width: 36%; } .credit_application_form .credit_application_details .credit_application_section .credit_application_row .input_container { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; float: left; justify-content: space-between; width: 64%; } .credit_application_form .credit_application_details .credit_application_section .credit_application_row .input_container > span { font-size: 1.3em; margin-bottom: 10px; } .credit_application_form .credit_application_details .credit_application_section .credit_application_row .input_container .txtbox, .credit_application_form .credit_application_details .credit_application_section .credit_application_row .input_container textarea { border-style: solid; border-width: 1px; font-size: 1.7em; padding: 10px 3%; width: 94%; } .credit_application_form .credit_application_details .credit_application_section:last-child { margin-left: 2%; margin-right: 0; } .credit_application_form .credit_application_details .credit_applicant_section { flex-grow: 1; margin: 20px 2% 10px 2%; width: 46%; } .credit_application_form .credit_application_details .credit_applicant_section .credit_application_row { padding: 0 0 15px; } .credit_application_form .credit_application_details .credit_applicant_section .credit_application_row .label_container { float: left; font-size: 1.7em; font-weight: 700; padding: 10px 0; width: 36%; } .credit_application_form .credit_application_details .credit_applicant_section .credit_application_row .input_container { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; float: left; justify-content: space-between; width: 64%; } .credit_application_form .credit_application_details .credit_applicant_section .credit_application_row .input_container > span { font-size: 1.3em; margin-bottom: 10px; } .credit_application_form .credit_application_details .credit_applicant_section .credit_application_row .input_container .txtbox, .credit_application_form .credit_application_details .credit_applicant_section .credit_application_row .input_container textarea { border-style: solid; border-width: 1px; font-size: 1.7em; padding: 10px 3%; width: 94%; } .credit_application_form .credit_application_options { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: flex-end; width: 100%; } .credit_application_form .SumoSelect > .CaptionCont { border: 1px solid; font-size: 1.7em; padding: 9px 2%; } .credit_application_form .SumoSelect > .CaptionCont > label > i { width: 20px; height: 20px; right: 10px; } .credit_application_form .SumoSelect > .optWrapper > .options { font-size: 1.5em; text-align: left; } .credit_application_form .SumoSelect > .optWrapper > .options li.opt { padding: 7px 2%; } #access_permissions .access-permission-section .sub-option-settings { margin-bottom: 20px; margin-left: 30px; } #access_permissions .access-permission-section .sub-option-settings .caption { font-size: 1.4em; margin: 10px 0 5px; } .choose_opt_popup .hosting-table-select { margin-bottom: 5px; max-height: 320px; } .choose_opt_popup .option-controls { text-align: right; } .choose_opt_popup .popup_contents .popup-buttons { margin-top: 20px; text-align: center; } .choose_opt_popup .popup_contents .popup-buttons > .submit_btn, .choose_opt_popup .popup_contents .popup-buttons > .edit_btn, .choose_opt_popup .popup_contents .popup-buttons > .cancel_btn { margin-left: 5px; } .quickstart_template_list tbody td { height: 62px; } .quickstart_template_list .template_checkbox { margin-top: -14px; padding-left: 40px; } .licence_section .expired_licence_list tbody .licence_name_column { font-weight: 600; } #licence-details-popup .popup-buttons a { float: right; } #licence-details-popup .popup-buttons .actions-container { float: left; } .view_licence_content .licence_frame_container { max-height: 400px; overflow-x: auto; } a.information_link { font-size: 0.7em; font-weight: 600; text-transform: uppercase; } .account_history_options .account_job_history { align-items: stretch; display: grid; grid-template-columns: 55% 45%; justify-content: space-between; height: 100%; transition-duration: 200ms; width: 100%; } .account_history_options .account_job_history .history_month_job_list { display: flex; flex-direction: column; height: 100%; row-gap: 20px; width: 100%; } .account_history_options .account_job_history .history_month_job_list .month_select_container { align-items: center; display: flex; flex-direction: row; -moz-column-gap: 5px; column-gap: 5px; justify-content: flex-end; width: 100%; } .account_history_options .account_job_history .history_month_job_list .month_select_container > label { font-size: 1.3em; } .account_history_options .account_job_history .history_month_job_list .month_select_container .SumoSelect { margin-right: 5px; width: 150px; } .account_history_options .account_job_history .history_month_job_list .month_job_list .tablesorter { font-size: 0.8em; margin-top: unset; } .account_history_options .account_job_history .history_month_job_list .month_job_list .pager .paging { margin-right: 5px; } .account_history_options .account_job_history .history_month_job_stats { padding: 5px; } .account_history_options .account_job_history.job_selected { grid-template-columns: 40% 60%; } .account_history_options .accordion .accordion-body .tablesorter { margin-top: 0; } .account_history_options .accordion .accordion-body .tablesorter thead th { font-size: 100%; } .account_history_options .accordion .accordion-body .tablesorter tbody td { font-size: 100%; } .account_history_options .accordion .accordion-body .pager .paging .pagedisplay { font-size: 100%; } .account_history_options .accordion .accordion-body .pager .paging .ts-startRow { font-size: 100%; } .account_history_options .accordion .accordion-body .pager .paging .SumoSelect .CaptionCont { font-size: 100%; } .job_stats_option_buttons { display: none; margin: 5px 0; position: relative; z-index: 1; } .job_stats_option_buttons a { font-size: 1.5em; text-decoration: none; text-transform: uppercase; } .job_stats_option_buttons .back_btn { float: left; } .job_history_list.tablesorter tbody tr.no_options td { padding-top: 15px; padding-bottom: 15px; } #history-feedback-popup .popup-buttons { margin: 0 auto 38px auto; width: 80%; } #history-feedback-popup .popup-buttons a { float: right; } #history-feedback-popup .popup-buttons .actions-container { float: left; } .account_costs_options { margin-top: 10px; } .account_costs_options .accordion .accordion-body__contents { padding: 0.5em; } .account_costs_options .account_costs_overview { margin: 20px 0; } .account_costs_options .account_costs_overview p { font-size: 1.6em; padding: 5px 0; } .account_costs_options .account_costs_overview > p:first-child { font-size: 2em; font-weight: bold; } .account_costs_options .cost_type_list { float: left; margin: 10px 5px; width: 38%; } .account_costs_options .cost_type_list .cost_section_list_header { margin: 1px 0; padding: 5px; } .account_costs_options .cost_type_list .cost_section_list_header span.cost_section_toggle_button:after { content: "\f3d0"; font-family: IonIcons; font-size: 1.2em; float: left; position: relative; top: -2px; transition: 0.3s all; transform: rotate(-90deg); } .account_costs_options .cost_type_list .cost_section_list_header a.cost_section_list_header_caption { font-size: 0.9em; padding-left: 15px; text-decoration: none; } .account_costs_options .cost_type_list .cost_section_list_header a.cost_section_list_header_caption:hover { font-weight: 500; } .account_costs_options .cost_type_list .cost_section_list_header a.cost_section_list_header_caption.selected { font-weight: 700; } .account_costs_options .cost_type_list .cost_section_list_header a ~ a.cost_section_list_header_caption { padding-left: 5px; } .account_costs_options .cost_type_list .cost_section_list_header:first-child { margin-top: 0; } .account_costs_options .cost_type_list .cost_section_list_header:last-child { margin-bottom: 0; } .account_costs_options .cost_type_list .cost_section_list_header.selected span.cost_section_toggle_button:after { transform: rotate(0deg); } .account_costs_options .cost_type_list .cost_section_list_body { padding: 5px 5px 10px; } .account_costs_options .cost_type_list .cost_section_list_body .cost_section_item { cursor: pointer; padding: 5px; } .account_costs_options .cost_type_list .cost_section_list_body .cost_section_item .cost_section_item_caption { font-size: 0.85em; } .account_costs_options .cost_type_list .cost_section_list_body .cost_section_item:hover .cost_section_item_caption { font-weight: 500; } .account_costs_options .cost_type_list .cost_section_list_body .cost_section_item.selected .cost_section_item_caption { font-weight: 700; } .account_costs_options .cost_type_details { float: right; width: 58%; } .account_costs_options .cost_type_details .account_cost_list { margin-top: 0; } .account_costs_options .cost_type_details .account_cost_list th, .account_costs_options .cost_type_details .account_cost_list td { font-size: 1em; } .account_costs_options .cost_type_details .account_cost_list td { padding: 16px 0; } .account_costs_options .cost_type_details .account_cost_list th:not(:first-child), .account_costs_options .cost_type_details .account_cost_list td:not(:first-child) { text-align: right; } .account_costs_options .job_costs_option_buttons { -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-direction: row; justify-content: flex-end; margin-top: 10px; width: 100%; } .account_costs_options .job_costs_option_buttons a { font-size: 0.8em; } #clean-template-details-popup .header { padding-bottom: 20px; } #clean-template-details-popup .header h2 { font-size: 2em; font-weight: 400; text-align: left; } #clean-template-details-popup .body .tab_header { align-items: center; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 10px; width: 100%; } #clean-template-details-popup .body .tab_header .tab_entry { border-radius: 10px; border-style: solid; border-width: 2px; cursor: pointer; padding: 10px 20px; transition-duration: 200ms; } #clean-template-details-popup .body .tab_header .tab_entry > a { text-decoration: none; text-transform: uppercase; transition-duration: 200ms; } #clean-template-details-popup .body .tab_panels { border-radius: 10px; border-style: solid; border-width: 2px; min-height: 300px; margin-bottom: 20px; padding: 10px; } #clean-template-details-popup .body .tab_panels .selected_service_categories { align-items: flex-start; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } #clean-template-details-popup .body .tab_panels .selected_service_categories .service_category { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; row-gap: 5px; } #clean-template-details-popup .body .tab_panels .selected_service_categories .service_category h4 { align-self: center; font-size: 1.2em; margin-bottom: 10px; text-transform: uppercase; } #clean-template-details-popup .body .tab_panels .selected_service_categories .service_category .service_items { width: 100%; } #clean-template-details-popup .body .tab_panels .selected_service_categories .service_category .service_items > p { font-size: 1.4em; margin-bottom: 0; padding: 5px; text-align: left; } #clean-template-details-popup .body .tab_panels .output_fields_panel { align-items: flex-start; -moz-column-gap: 10px; column-gap: 10px; display: flex; flex-direction: row; justify-content: space-between; } #clean-template-details-popup .body .tab_panels .output_fields_panel .output_fields_table { flex-grow: 3; width: 100%; } #clean-template-details-popup .body .tab_panels .output_fields_panel .output_fields_table th { font-size: 1.3em; font-weight: bold; padding: 10px 30px; text-align: left; text-transform: uppercase; } #clean-template-details-popup .body .tab_panels .output_fields_panel .output_fields_table th:first-child { padding-right: 10px; text-align: center; } #clean-template-details-popup .body .tab_panels .output_fields_panel .output_fields_table td { font-size: 1.4em; padding: 5px 30px; text-align: left; } #clean-template-details-popup .body .tab_panels .output_fields_panel .output_fields_table td:first-child { text-align: center; } #clean-template-details-popup .body .tab_panels .output_fields_panel p { flex-grow: 1; font-size: 1.3em; } #clean-template-details-popup .body .tab_panels .description_container { padding: 10px; } #clean-template-details-popup .body .tab_panels .description_container > div { font-size: 1.6em; margin: 5px; padding: 5px; text-align: left; } #cost-calculator-popup .header { padding-bottom: 10px; text-align: left; } #cost-calculator-popup .header h2 { font-size: 2em; font-weight: 400; text-align: left; } #cost-calculator-popup .header p { font-size: 1.5em; } #cost-calculator-popup .body { margin-bottom: 20px; width: 100%; } #cost-calculator-popup .body .settings { margin-bottom: 10px; width: 100%; } #cost-calculator-popup .body .settings .settings_rows { -moz-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: [label] 25% [input-field] 75%; grid-template-rows: auto; row-gap: 10px; width: 100%; } #cost-calculator-popup .body .settings .settings_rows .label_column { grid-column-start: label; place-self: center start; } #cost-calculator-popup .body .settings .settings_rows .label_column label { font-size: 1.5em; font-weight: bold; } #cost-calculator-popup .body .settings .settings_rows .detail_column { grid-column-start: input-field; place-self: center start; } #cost-calculator-popup .body .settings .settings_rows .detail_column input.txtbox { border: 1px solid; font-size: 1.7em; padding: 10px 3%; width: 94%; } #cost-calculator-popup .body .settings .settings_rows .detail_column .SumoSelect { width: 200px; } #cost-calculator-popup .body .configuration { -moz-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: [service-selection] 50% [cost-calculation] 50%; grid-template-rows: max-content; width: 100%; } #cost-calculator-popup .body .configuration .service_selection { grid-column-start: service-selection; } #cost-calculator-popup .body .configuration .service_selection h3 { font-size: 1.7em; font-weight: 700; text-align: center; } #cost-calculator-popup .body .configuration .service_selection .service_selection_body { padding: 0; padding-bottom: 5px; width: 100%; } #cost-calculator-popup .body .configuration .service_selection .service_selection_body .services_list { -moz-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: [service-selection] 60% [match-rate] 40%; grid-template-rows: auto; row-gap: 10px; width: 100%; } #cost-calculator-popup .body .configuration .service_selection .service_selection_body .services_list .service_entry_service { grid-column-start: service-selection; place-self: center start; } #cost-calculator-popup .body .configuration .service_selection .service_selection_body .services_list .service_entry_match_rate { align-items: center; -moz-column-gap: 5px; column-gap: 5px; display: flex; flex-direction: row; justify-content: space-between; grid-column-start: match-rate; place-self: center; } #cost-calculator-popup .body .configuration .service_selection .service_selection_body .services_list .service_entry_match_rate p { margin-bottom: 0; } #cost-calculator-popup .body .configuration .service_selection .service_selection_body .services_list .service_entry_match_rate .txtbox { border: 1px solid; font-size: 1.7em; padding: 10px 3%; width: 50px; } #cost-calculator-popup .body .configuration .cost_calculation { align-items: flex-start; border-radius: 40px; border-style: solid; border-width: 2px; display: flex; flex-direction: column; justify-content: space-between; grid-column-start: cost-calculation; margin: 40px 20px 30px 0; padding: 10px; } #cost-calculator-popup .body .configuration .cost_calculation h3 { align-self: center; font-size: 2em; padding: 0; } #cost-calculator-popup .body .configuration .cost_calculation ul { font-size: 1.4em; line-height: 1.5; text-align: left; } #cost-calculator-popup .body .configuration .cost_calculation ul li { list-style-type: disc; margin-left: 20px; } .choose_opt_popup .tab_contents .end_user_account_licence_container p.additional_information { margin-bottom: 10px; margin-left: 30px; margin-top: 5px; } /*===================================================================================*/ /*ACCOUNT TAB END====================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*CONFIRM SECURITY CODE START========================================================*/ /*===================================================================================*/ .confirm_code { margin-top: 30px; } .confirm_code h2 { font-size: 2.7em; padding-bottom: 20px; } .confirm_code h2 .pg_icon { display: inline-block; width: 74px; height: 74px; border: 6px solid; border-radius: 50px; vertical-align: middle; margin-right: 20px; } .confirm_code h2 .pg_icon img { display: block; width: 50px; height: auto; margin: 12px auto 0; } .confirm_code p { font-size: 2em; margin-bottom: 4px; } .confirm_code .code_setup { padding: 20px 0; } .confirm_code .code_setup .code_numpad { width: 264px; padding: 16px 0 16px 16px; float: left; } .confirm_code .code_setup .code_numpad a { width: 54px; height: 54px; border: 4px solid; border-radius: 40px; display: inline-block; text-align: center; line-height: 54px; text-decoration: none; font-size: 2.9em; font-weight: 700; margin: 7px 10px; } .confirm_code .code_setup .code_numpad a.del { font-size: 1.9em; } .confirm_code .code_setup .code_inputs { float: left; padding: 0 0 0 45px; } .confirm_code .code_setup .code_inputs .c_input_row { padding: 34px 0 0; } .confirm_code .code_setup .code_inputs .c_input_row .c_input_label { float: left; font-size: 2em; width: 57px; padding: 7px 0; } .confirm_code .code_setup .code_inputs .c_input_row .c_input { float: left; width: 106px; } .confirm_code .code_setup .code_inputs .c_input_row .c_input .txtbox { text-align: center; width: 90%; padding: 9px 5%; border: 1px solid; } .confirm_code .code_setup .code_inputs .c_input_row.current-entry .c_input_label { font-weight: bold; } .confirm_code .code_setup .code_inputs .c_input_row.current-entry .c_input .txtbox { border-width: 2px; } .confirm_code .code_setup .code_inputs .submit_btn { font-size: 1.5em; outline: none; margin: 35px 0 0; } .confirm_code .forgot_code { padding: 12px 0; } .confirm_code .forgot_code p { font-size: 2em; font-weight: 700; } .confirm_code .forgot_code .reset_code_btn { display: inline-block; } /*===================================================================================*/ /*CONFIRM SECURITY CODE END==========================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*HELP CONTENT=======================================================================*/ /*===================================================================================*/ .help-content { height: 100%; width: 100%; } .help-content h1 { font-size: 2.2em; font-weight: 500; margin-bottom: 10px; } .help-content h2 { font-size: 1.8em; font-weight: 500; margin-bottom: 5px; margin-top: 5px; } .help-content ul { padding-left: 30px; } .help-content ul, .help-content li { list-style-type: circle; } .help-content li { margin-bottom: 10px; } .help-content a { font-size: 0.8em; } /*===================================================================================*/ /*SUPPLY CONTENT=====================================================================*/ /*===================================================================================*/ .drop-shadow { box-shadow: 5px 5px 5px #888; } .import-selection-pane .import-file-actions { float: right; margin-top: 5px; } .radius-drivetime-options-container .extended-area-type-selections { margin-bottom: 10px; } .radius-drivetime-options-container .extended-area-type-selections .extended-area-type-option { float: left; margin-right: 20px; } .radius-drivetime-options-container .extended-area-type-selections .extended-area-options .extended-area-unit-selection { float: left; margin-top: 5px; } .radius-drivetime-options-container .extended-area-type-selections .extended-area-options .extended-area-unit-selection .extended-area-unit-option { float: left; margin-right: 10px; } .radius-drivetime-options-container .extended-area-type-selections .extended-area-options .extended-area-unit-value-entry { float: right; } .included-geographic-selections-table .area-name-column .extended-area-details-container { padding-left: 5px; } .included-geographic-selections-table .area-name-column .extended-area-details-container img { height: 15px; } table.tablesorter thead th .table-header-action-icon { height: 16px; vertical-align: top; width: auto; } .area_selection_actions { height: 35px; width: 100%; } .area_selection_actions .selection_move_options { float: left; } .area_selection_actions .select_all_clear_options { float: right; } .area_selection_actions .selection_move_options a { float: left; margin-top: 4px; margin-right: 4px; width: 28px; height: 28px; } .area_selection_actions .duplicate_selection_options { float: left; } .area_selection_actions .duplicate_selection_options a { float: left; padding: 10px; margin-right: 10px; text-decoration: none; font-size: 1.2em; font-weight: 300; text-transform: uppercase; width: 75px; text-align: center; } .area_selection_actions .select_all_clear_options a { float: right; margin-left: 10px; text-decoration: none; font-size: 1.2em; text-align: center; } div.map-panel { border: solid 1px rgba(71, 83, 88, 0.1); height: 800px; margin-bottom: 20px; position: relative; } div.map-controls { position: absolute; top: -1px; left: -1px; z-index: 205; } div.map-content { position: relative; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } div.selected-map { z-index: 204; filter: alpha(opacity=60); opacity: 0.6; } div.exclusions-map { z-index: 4; } div.selections-map { z-index: 3; } div.road-map { z-index: 2; } div.base-map { z-index: 1; } .map-layer { width: 678px; height: 1131px; } div.map-layer { position: absolute; } .popup_options_settings .options_buttons { float: right; margin-top: 5px; } .popup_options_settings .options_buttons a { float: left; padding: 10px 0; margin-left: 10px; text-decoration: none; font-size: 1.5em; font-weight: 300; text-transform: uppercase; width: 95px; text-align: center; } #confirmation-box-message h2, #confirmation-box-message p, #confirmation-box-message table { margin: 10px auto; } #confirmation-box-message table tbody td:first-child { padding-right: 20px; text-align: left; } #search-categories-box #search-options-results .selections-container { margin-bottom: 10px; max-height: 300px; overflow-x: auto; } #search-categories-box #search-options-results .selections-container .search-result-entry { cursor: pointer; margin-bottom: 2px; padding: 0 5px 10px 5px; } #search-categories-box #search-options-results .selections-container .search-result-entry:last-child { margin-bottom: 0; } #search-categories-box #search-options-results .selections-container .search-result-entry h3 { font-size: 1.6em; } #search-categories-box #search-options-results .selections-container .search-result-entry h4 { font-size: 1.5em; text-align: left; } .list_channel_error { text-align: left; } .list_channel_error ul.bullet-list { margin-left: 30px; } .list_channel_error ul.bullet-list li { list-style-type: disc; } .list_channel_error ul.bullet-list ul { font-size: 100%; } .profile-icon { padding-right: 5px; width: auto; height: 20px; vertical-align: text-bottom; } .dedupe-count-alert-icon-container { float: left; width: 20px; height: 20px; } .dedupe-count-alert-icon-container span.error_icon { display: block; position: absolute; width: 20px; height: 20px; position: absolute; left: 0; top: -2px; border-radius: 15px; } .dedupe-count-alert-icon-container span.error_icon:before, .dedupe-count-alert-icon-container span.error_note h4 span.error_icon:after { position: absolute; left: 9px; top: 6px; content: " "; height: 9px; width: 2px; } .dedupe-count-alert-icon-container span.error_icon:before { transform: rotate(45deg); } .dedupe-count-alert-icon-container span.error_icon:after { transform: rotate(-45deg); } .profile_section { margin-bottom: 20px; text-align: left; width: 100%; } .profile_section > h4 { font-size: 1.6em; } .profile_section .profile-group-entry { margin-top: 10px; } .profile_section .profile-group-entry > .SumoSelect { max-width: 300px; } .profile_section .profile-group-entry table tr td { padding-left: 15px; } .profile_section .profile-group-entry table tr td:first-child { min-width: 100px; padding-left: 0; } .profile_section .profile-group-entry table tr td:last-child { min-width: 100px; } .profile_section .profile-group-entry table.range_profile_table tr td { font-size: 1.3em; } .profile_section .profile_selections { align-items: flex-start; display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px; } .profile_section .profile_selections .profile_selection_block { flex-grow: 1; margin-right: 10px; } .profile_section .frm_row .frm_input { float: left; width: 100%; } .profile_section .frm_row .frm_input .txtbox { font-size: 1.3em; width: 94%; padding: 10px 3%; border-width: 1px; border-style: solid; } .profile_section .radio_btn_row { padding: 7px 0; } .profile_section .radio_btn_row .custom_radio { transition: opacity 0.3s; } .profile_section .profile_options { display: flex; flex-direction: row; justify-content: flex-end; margin-top: 5px; width: 100%; } .profile_section .profile_options a { text-decoration: none; font-size: 1.2em; font-weight: bold; text-transform: uppercase; } .lookup_profile_selection { border: solid 1px; display: inline-block; margin: 5px; padding: 0 5px; transition-duration: 300ms; } .lookup_profile_selection:first-child { margin-left: 0; } .lookup_profile_selection .lookup_profile_remove_icon { cursor: pointer; font-size: 1.2em; font-weight: 500; float: right; margin-top: 6px; padding: 4px; position: relative; transition-duration: 300ms; } .lookup_profile_selection .lookup_profile_remove_icon:hover { font-weight: 800; } .lookup_profile_selection .lookup_profile_remove_icon:after { content: "\f2d7"; font-family: Ionicons; font-size: 1.2em; } .lookup_profile_selection .lookup_profile_caption { margin-right: 20px; white-space: nowrap; } .profile-options-menu-overlay { position: absolute; border-style: solid; border-radius: 5px 5px 0 0; } .profile-options-menu-overlay img.profile-icon { position: absolute; top: 5px; left: 5px; } .profile-options-menu-overlay h3 { border-bottom-style: solid; padding: 5px 10px 5px 20px; font-size: 12px; font-weight: bold; } .profile-options-menu-overlay ul { list-style-type: none; } .profile-options-menu-overlay li { padding: 5px; cursor: pointer; } .confirm_columns .notes_section { text-align: left; margin-top: 20px; } .confirm_columns .notes_section h2 { font-size: 1.2em; } .confirm_fields .list_item_flags { float: right; margin-top: -5px; } .confirm_fields .list_item_flags .field-property { padding: 2px; } .p_contents .service_notice { margin-top: 30px; } .p_contents .service_notice h4 { font-size: 1.4em; margin: 5px 0; padding-bottom: 5px; } .p_contents .service_notice table th { padding-right: 20px; } .p_contents .service_notice table th, .p_contents .service_notice table td { font-size: 1.2em; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1024px) { input[type=text], textarea, select { -webkit-appearance: none; border-radius: 0; } /*===================================================================================*/ /*HOMEPAGE START=====================================================================*/ /*===================================================================================*/ .header .top_bar .top_buttons .tel_num:before { background-size: auto 24px; } .content_cols .left_navi { width: 100%; padding: 20px 0 0; } .navi_btn { width: 15%; margin: 0 2% 12px 0; } .navi_btn.last { margin-right: 0; } .navi_btn a { padding: 15px 0 0; } .navi_btn .navi_ico { width: 64px; height: 64px; border: 5px solid; } .navi_btn .navi_ico img { max-width: 42px; } .navi_btn h2 { font-size: 1.6em; } .content_cols .content_right { width: 100%; } .content_job_wizard .content_right { width: 100%; } /* .tick{width:30px; height:auto; vertical-align:middle;} */ .tablesorter { margin-top: 20px; } .tablesorter th { font-size: 1.5em; } .tablesorter td { font-size: 1.4em; } .tablesorter thead .sorter-false { padding: 12px 5px; } .tablesorter .header, .tablesorter .tablesorter-header { background-size: 20px 20px; background-position: left center; background-repeat: no-repeat; box-sizing: border-box; } .account_purchase_order_table.tablesorter .tablesorter-headerAsc, .job_history_list.tablesorter .tablesorter-headerAsc { padding-left: 25px !important; } .account_purchase_order_table.tablesorter .tablesorter-headerDesc, .job_history_list.tablesorter .tablesorter-headerDesc { padding-left: 25px !important; } /*.tablesorter .tablesorter-headerAsc { background-size: 20px 20px; background-position: left center; background-repeat: no-repeat; } .tablesorter .tablesorter-headerDesc { background-size: 20px 20px; background-position: left center; background-repeat: no-repeat; }*/ .tablesorter th.options { width: 270px; } /* .tablesorter td .whitespace{white-space:nowrap;} .pagerSavedHeightSpacer{display:none !important;} .pager{} .pager .paging{float:right;} .pager .paging .ts-startRow{font-size:1.2em; text-align:center; padding:5px; background:#f2f2f2; border:none; outline:none; float:left;} .pager .paging .pagedisplay{font-size:1.2em; float:left; line-height:25px;} .pager .paging .pagedisplay input{margin:0 5px 0 0;} .pager .paging .no_of_row{float:left; width:88px; margin:0 10px 0 12px;} .pager .paging .gotoPage{float:left;} .pager .paging .pagesize{float:left;} .pager .paging .table_navi{float:left;} .pager .paging .table_navi a{float:left; width:28px; height:28px; margin:0 0 0 9px;} */ .pager .paging .table_navi a.first { background-size: 140px auto; } .pager .paging .table_navi a.prev { background-size: 140px auto; } .pager .paging .table_navi a.next { background-size: 140px auto; } .pager .paging .table_navi a.last { background-size: 140px auto; } .area_selection_actions .selection_move_options a { background-size: 28px auto; } .SumoSelect { width: 100%; } .SumoSelect > .CaptionCont { border: none; font-size: 1.2em; padding: 7px 8% 7px; } .SumoSelect > .optWrapper > .options { font-size: 1.2em; } .SumoSelect > .optWrapper > .options li.opt { padding: 7px 5%; } .clear_search_main { padding: 17px 0 0; } .clear_search_main .clear_search { float: right; } .clear_search_main .clear_search a { float: left; } .options_btn { width: 378px; white-space: nowrap; } .options_btn a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .options_btn a.view_btn { background-size: 520px auto !important; } .options_btn a.run_btn { background-size: 520px auto !important; } .options_btn a.rerun_btn { background-size: 520px auto !important; } .options_btn a.quick_btn { background-size: 520px auto !important; } .options_btn a.upgrade_btn { background-size: 520px auto !important; } .options_btn a.buy_btn { background-size: 520px auto !important; } .options_btn a.collect_btn { background-size: 520px auto !important; } .options_btn a.cancel_btn { background-size: 520px auto !important; } .options_btn a.enable_btn { background-size: 520px auto !important; } .options_btn a.delete_btn { background-size: 520px auto !important; } .options_btn a.copy_btn { background-size: 520px auto !important; } .options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .options_btn a .btn_txt .tb { display: table; width: 100%; height: 100%; } .options_btn a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .options_btn a:hover .btn_txt { display: block; } .qs_template_options_btn { width: 260px; white-space: nowrap; } .qs_template_options_btn a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .qs_template_options_btn a.run_btn { background-size: 260px auto; } .qs_template_options_btn a.enable_btn { background-size: 260px auto; } .qs_template_options_btn a.disable_btn { background-size: 260px auto; } .qs_template_options_btn a.rename_btn { background-size: 260px auto; } .qs_template_options_btn a.delete_btn { background-size: 260px auto; } .qs_template_options_btn a.settings_btn { background-size: 260px auto; } .qs_template_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .qs_template_options_btn a .btn_txt .tb { display: table; width: 100%; height: 100%; } .qs_template_options_btn a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .qs_template_options_btn a:hover .btn_txt { display: block; } .licences_options_btn { width: 108px; white-space: nowrap; } .licences_options_btn a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .licences_options_btn a.view_btn { background-size: 104px auto; } .licences_options_btn a.view_new_btn { background-size: 104px auto; } .licences_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .licences_options_btn a .btn_txt .tb { display: table; width: 100%; height: 100%; } .licences_options_btn a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .licences_options_btn a:hover .btn_txt { display: block; } .history_options_btn { width: 108px; white-space: nowrap; } .history_options_btn a { width: 54px; height: 62px; float: left; text-decoration: none; position: relative; } .history_options_btn a.view_btn { background-size: 104px auto; } .history_options_btn a.send_feedback_btn { background-size: 104px auto; } .history_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; } .history_options_btn a .btn_txt .tb { display: table; width: 100%; height: 100%; } .history_options_btn a .btn_txt .tb .td { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .history_options_btn a:hover .btn_txt { display: block; } @keyframes nav-anim { 0% { top: 50px; opacity: 0; } 100% { top: 0px; opacity: 1; } } .footer { padding: 35px 0; } .footer .logo_footer { float: left; width: 150px; height: auto; } .footer .footer_links { float: right; padding: 34px 0 0; } .footer .footer_links ul { float: left; font-size: 1.7em; } .footer .footer_links ul li { float: left; } .footer .footer_links ul li:after { content: "|"; padding: 0 10px; } .footer .footer_links ul li.last:after { display: none; } .footer .footer_links ul li a { float: left; text-decoration: none; } /*===================================================================================*/ /*HOMEPAGE END=======================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*NEW JOB WIZARD START===============================================================*/ /*===================================================================================*/ /* .job_wizard_steps{float:left;} .job_wizard_steps .wizard_step{float:left; font-size:1.1em; font-weight:300; color:#fff; padding:2px 8px 0 0;} .job_wizard_steps .wizard_step .step_num{color:#fff; width:18px; height:18px; border:2px solid #fff; text-align:center; line-height:18px; display:inline-block; font-weight:500; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin-left:6px;} .job_wizard_steps .active_step .step_num{background:#fff; color:#616fb4;} */ .content_job_wizard .job_wizard_intro { padding: 0 0 20px; } .content_job_wizard .job_wizard_intro h1 { font-size: 2.5em; padding: 0 0 15px; } .content_job_wizard .job_wizard_intro h2 { font-size: 1.8em; } .content_job_wizard .job_wizard_intro h3 { font-size: 1.7em; } .content_job_wizard .job_wizard_intro p { font-size: 1.7em; } .content_job_wizard .job_wizard_intro .status_row { font-size: 1.9em; padding: 0 0 20px; } .content_job_wizard .job_wizard_intro .status_row .ico_complete { position: relative; display: inline-block; padding: 0 0 0 12px; margin: 0 5px; } .content_job_wizard .job_wizard_intro .status_row .ico_complete:after { width: 6px; height: 17px; border-width: 0 4px 4px 0; } .content_job_wizard .job_wizard_intro .error_note h4 { font-size: 2.4em; padding: 3px 0 3px 45px; } .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon { width: 34px; height: 34px; left: 0; top: -1px; } .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon:before, .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon:after { left: 15px; top: 9px; } .content_job_wizard .job_wizard_intro .error_note p { font-size: 1.8em; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row { padding: 10px 0; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_radio { padding: 0 10px 0 0; } .content_job_wizard .services_selection h3 { font-size: 1.7em; } .content_job_wizard .list_type_selection h3 { font-size: 1.7em; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_input { width: 200px; margin-right: 10px; } /*.content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_input .txtbox{width:95%; height:24px; padding:5px 2.5%; border:none; outline:none;}*/ /* .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_db_file{float:left;} .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_db_file input{display:none;} .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_db_file .browse_btn{display:inline-block; font-size:1.5em; color:#fff; background:#616fb4; text-decoration:none; width:97px; height:37px; text-align:center; line-height:37px; margin-right:8px; text-transform:uppercase;} .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_db_file .clearbtn{background:#3b3b3c;} */ .section_title h2 { font-size: 2em; /* padding:11px 0 15px;*/ } /*.section_title h2 a.edit_link{display:inline-block; width:27px; height:27px; background:url(../images/icon_edit.png) 0 0 no-repeat; background-size:27px 27px; vertical-align:baseline;}*/ .services_selection { padding: 25px 0 5px; } .services_selection h2 { font-size: 2.4em; padding: 0; } .services_selection .key_next_btn .key_sel { float: left; padding: 15px 0 0; } .services_selection .key_next_btn .key_sel .keys_title { padding: 0 0 10px; clear: both; } .services_selection .key_next_btn .key_sel .frm_radio { clear: both; padding: 0 0 7px; } .list_type_selection { padding: 25px 0 5px; } /*.services_selection .key_next_btn .next_services{font-size:1.5em; padding:11px 27px;}*/ .tabless { padding: 30px 0 0; } /*.tabless .table_col{float:left; width:25%;}*/ .tabless .table_col .col_header { padding: 0; } .tabless .table_col .col_header h3 { font-size: 1.5em; padding: 0 0 14px; } .tabless .table_col .col_row .custom_radio_sm .label { padding: 2px 0 0; font-size: 1.4em; } .next_top { padding: 20px 0 0; } /* .next_top .back_to_top{float:left; color:#fff; text-decoration:none; font-size:1.5em; padding:11px 12px; background:#3b3b3c; text-transform:uppercase;} .next_top .next_services{float:right; font-size:1.5em; text-transform:uppercase; text-decoration:none; background:#616fb4; color:#fff; padding:11px 27px;} */ .choose_opt_popup .popup_contents { padding: 35px 25px 30px; text-align: left; } .choose_opt_popup .popup_contents h2 { font-size: 2.2em; padding: 0 0 20px; } .choose_opt_popup .popup_contents p { font-size: 1.5em; margin-bottom: 12px; } .choose_opt_popup .popup_cols .p_tabs { width: 30%; } .choose_opt_popup .popup_cols .p_tabs a { font-size: 1.5em; padding: 11px 0 17px; margin: 0 0 12px; } .choose_opt_popup .popup_cols .p_contents { width: 65%; padding: 0 0 0 22px; } .choose_opt_popup .popup_cols .p_contents p { padding: 0; } .choose_opt_popup .popup_cols .p_contents h3 { font-size: 1.5em; padding: 12px 0 7px; } .choose_opt_popup .popup_cols .p_contents .SumoSelect > .CaptionCont { font-size: 1.5em; padding: 8px 2%; } .choose_opt_popup .popup_cols .p_contents .SumoSelect > .CaptionCont > label > i { background-size: 20px 20px; } .choose_opt_popup .popup_cols .p_contents .SumoSelect > .optWrapper > .options { font-size: 1.4em; } .choose_opt_popup .popup_cols .p_contents .SumoSelect > .optWrapper > .options li.opt { padding: 6px 2%; } iframe#clean { height: 585px; width: 100%; } /*run stage =================*/ /*.run_step .run_left:after{position:absolute; content:""; display:block; left:50%; top:10px; bottom:16px; border-left:2px dotted #3b3b3c;}*/ .run_step .run_left { width: 47%; } .run_step .run_left .run_form_row .run_label { /*float:left; width:55px;*/ font-size: 1.5em; padding: 10px 0; } .run_step .run_left .run_form_row .run_val { font-size: 1.5em; float: left; margin-left: 0; padding: 10px 0; max-width: 290px; } .run_step .run_left .run_form_row .run_label_big { width: 22%; padding: 10px 0; } .run_step .run_left .run_form_row .run_label_full { width: 100%; padding: 10px 0; } .run_step .run_left .run_form_row .run_label_full button { border: 0; cursor: pointer; vertical-align: middle; } .run_step .run_left .run_form_row .run_label_full button img { transition-duration: 300ms; } .run_step .run_left .run_form_row .run_label_full .view_profile_settings img { transform: rotate(180deg); } .run_step .run_left .run_form_row .run_input { width: 78%; margin-left: 0; /*float:left;*/ } .run_step .run_left .run_form_row .run_input .txtbox { padding: 10px 3%; font-size: 1.5em; } .run_step .run_right { width: 47%; } .run_step .run_right p { font-size: 1.7em; } .run_step .run_right .edit_btn_row { padding: 15px 0; } .run_step .run_right .edit_btn_row .edit_btn { font-size: 1.4em; width: 87px; height: 40px; line-height: 40px; } .run_step .run_right .edit_btn_row p { padding: 0 0 0 105px; } /*complete stage =================*/ /* .content_tabs{} .content_tabs a{float:left; color:#fff; text-decoration:none; text-transform:uppercase; background:#616fb4; width:110px; height:37px; text-align:center; line-height:37px; margin:0 4px 0 0; font-size:1.5em; position:relative;transition:0.3s; -webkit-transition::0.3s;} .content_tabs a:before{content:""; display:block; left:0; bottom:100%; right:0; height:0; position:absolute; transition:0.3s; -webkit-transition::0.3s;} .content_tabs a.services_tab{background:#616fb4;} .content_tabs a.services_tab:before{background:#616fb4;} .content_tabs a.input_tab{background:#bfc84a;} .content_tabs a.input_tab:before{background:#bfc84a;} .content_tabs a.output_tab{background:#f7b926;} .content_tabs a.output_tab:before{background:#f7b926;} .content_tabs a.results_tab{background:#f15a2a;} .content_tabs a.results_tab:before{background:#f15a2a;} .content_tabs a.notes_tab{background:#1b80c4;} .content_tabs a.notes_tab:before{background:#1b80c4;} .content_tabs a.current, .content_tabs a:hover{background:#3b3b3c;} .content_tabs a:hover:before, .content_tabs a.current:before{height:8px;} .tab_content_cols{padding:55px 0 0;} */ .tab_content_cols .tabs_left { width: 65%; float: left; } /* #custom_scr_tabs{max-height:1080px;} */ .tab_content_cols .tabs_left .content_padding { padding: 0 40px 0 0; } /* .tab_content_cols .tabs_left .divider{border-bottom:1px dotted #3b3b3c; margin:10px 0;} .tab_content_cols .tabs_left .divider_more_space{border-bottom:1px dotted #3b3b3c; margin:35px 0 15px;} .tab_content_cols .tabs_left h2{font-size:2.7em; padding:20px 0;} .tab_content_cols .tabs_left h6{font-size:1.7em; font-weight:400; color:#f15a2a; padding:3px 0;} .tab_content_cols .tabs_left h6 strong{font-weight:700; color:#3b3b3c;} .tab_content_cols .tabs_left .chart_row{} .tab_content_cols .tabs_left .chart_row .chart_left{float:left;} .tab_content_cols .tabs_left .chart_row .chart_left{width:65%;} .tab_content_cols .tabs_left .chart_row .chart_left h2{padding-bottom:60px;} .tab_content_cols .tabs_left .chart_row .chart_left p{font-size:1.7em; padding:8px 0;} .tab_content_cols .tabs_left .chart_row .chart_left p .legend_1{display:inline-block; width:24px; height:24px; background:#f15a2a; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; vertical-align:middle;} .tab_content_cols .tabs_left .chart_row .chart_left p .legend_2{background:#fab999;} .tab_content_cols .tabs_left .chart_row .chart_left p .legend_3{background:#f68b5f;} .tab_content_cols .tabs_left .chart_row .chart_right{float:right; width:34%; margin:45px 0 0;} .tab_content_cols .tabs_left .chart_row .chart_right img{display:block; margin:0 auto; max-width:100%;} .orange_scr .mCSB_scrollTools .mCSB_buttonUp, .orange_scr .mCSB_scrollTools .mCSB_buttonDown, .orange_scr .mCSB_scrollTools .mCSB_buttonLeft, .orange_scr .mCSB_scrollTools .mCSB_buttonRight{background:#f15a2a;} .orange_scr .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .orange_scr .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .orange_scr .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .orange_scr .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#fdebdf;} */ .tab_content_cols .tabs_right { width: 32%; } .tab_content_cols .tabs_right .navi_btn { margin: 0 0 12px 4.55%; width: 45.45%; } .tab_content_cols .tabs_right .navi_btn a { border-bottom: 4px solid; } .tab_content_cols .tabs_right .navi_ico { border: 6px solid; } /*===================================================================================*/ /*NEW JOB WIZARD END=================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*SUPPLY JOB WIZARD START============================================================*/ /*===================================================================================*/ .content_job_wizard .content_right.map-panel { display: none; } /*===================================================================================*/ /*SUPPLY JOB WIZARD END==============================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*CONFIRM SECURITY CODE START========================================================*/ /*===================================================================================*/ .confirm_code { padding: 30px 0 0; } .confirm_code h2 { font-size: 2.4em; } /*===================================================================================*/ /*CONFIRM SECURITY CODE END==========================================================*/ /*===================================================================================*/ #section-header-menu > :nth-child(n+4) { display: block !important; } .account_sft_options { grid-template-columns: 60% 35%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #section-header-menu > :nth-child(n+3) { display: block !important; } .account_history_options .account_job_history { display: flex; flex-direction: column; } .account_history_options .account_job_history .history_month_job_list.hide_low_width { display: none; } .account_history_options .account_job_history .job_stats_option_buttons { display: block; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .wrapper { border: none; } /*===================================================================================*/ /*HOMEPAGE START=====================================================================*/ /*===================================================================================*/ .header { padding: 0 0 15px; } .header .top_bar .top_buttons { float: right; } .header .top_bar .top_buttons .tel_num { font-size: 1.5em; margin: 10px 5px 0 0; } .header .top_bar .top_buttons .top_btn { padding: 12px 10px 9px; font-size: 1.4em; margin-left: 5px; } .header .top_bar .top_buttons .top_btn:hover { padding: 9px 10px 12px; } .header .logo_navi { padding: 12px 0 0; } .header .logo_navi .logo { width: 170px; margin-bottom: 12px; } .header .logo_navi .top_navi { padding: 0; float: none; clear: both; display: none; transition: none; -webkit-transition: none; } .header .logo_navi .top_navi ul { float: none; } .header .logo_navi .top_navi ul li { padding: 5px; float: none; } .header .logo_navi .top_navi ul li a { float: none; display: block; text-align: center; } .header .logo_navi .show_menu { display: block; } .header .top_bar .top_buttons .change_password_option { max-width: unset; } .notes_btn, .help_btn { padding: 10px 0 0; } .content_cols .left_navi { padding: 10px 0 0; } .navi_btn { width: 31%; /*background:#f8faf9;*/ margin: 0 1.15% 12px; } .navi_btn.last { margin-right: 1.2%; } .navi_btn a { padding: 12px 0 0; } .navi_btn .navi_ico { width: 55px; height: 55px; border: 4px solid; } .navi_btn .navi_ico img { max-width: 35px; } .navi_btn h2 { font-size: 1.6em; padding: 10px 0; } .content_cols .content_right { width: 100%; } .content_job_wizard .content_right { width: 100%; } .reset-password-pane form { width: 100%; } .reset-password-pane .reset-form-row .reset-label { float: none; width: 100%; } .reset-password-pane .reset-form-row .reset-input { float: none; width: 100%; } .reset-password-pane .reset-form-row .reset-input-txt { float: none; width: 100%; } .tablesorter { margin-top: 15px; } .tablesorter .tablesorter-colgroup { display: none !important; } .tablesorter thead, .tablesorter tr { display: block; } .tablesorter tr:after { content: ""; clear: both; display: block; } .tablesorter thead th { font-size: 1.2em; display: block; float: left; padding: 5px 0 !important; } .tablesorter td { font-size: 1.5em; display: block; float: left; padding: 12px 0 !important; border-bottom: 1px solid; } .tablesorter tbody th, .tablesorter tbody td { padding: 0; } .tablesorter thead .sorter-false { padding: 0; } .tablesorter .header, .tablesorter .tablesorter-header { background-size: 20px 20px; background-position: left center; background-repeat: no-repeat; } .tablesorter .tablesorter-headerAsc { background-size: 20px 20px; } .tablesorter .tablesorter-headerDesc { background-size: 20px 20px; } .tablesorter th.options { width: 270px; } .tablesorter th img { height: 15px; width: auto; } .tablesorter th.job { width: 40%; } .tablesorter td.job { width: 40%; height: 18px; } .tablesorter th.status { width: 25%; } .tablesorter td.status { width: 25%; height: 18px; } .tablesorter th.lastrun { width: 35%; } .tablesorter td.lastrun { width: 20%; height: 18px; } .tablesorter th.time { width: 15%; } .tablesorter td.time { width: 15%; height: 18px; } .tablesorter th.options, .tablesorter th.collected_by_column { width: auto; display: none; } .tablesorter td.options { width: auto; padding: 3px 0 0 !important; float: none; clear: both; height: auto !important; border-bottom: 2px dotted; } .tablesorter td.collected_by_column { width: auto; padding: 3px 0 0 !important; float: none; clear: both; height: auto !important; } .tablesorter td.collected_by_column.hidden { border-bottom-style: none; } .tablesorter td.options:after, .tablesorter .td.collected_by_column:after { content: ""; display: block; clear: both; } .tablesorter th.invoice_name { width: 70%; } .tablesorter td.invoice_name { width: 70%; height: 18px; } .tablesorter th.generated_date { width: 30%; } .tablesorter td.generated_date { width: 30%; height: 18px; } .tablesorter td .unlocked_wrap { background-size: 14px 20px; padding: 3px 0 3px 25px; } .tablesorter th.user-email-heading { width: 75%; } .tablesorter td.user-email-heading { width: 75%; height: 18px; } .tablesorter th.user-status-heading { width: 25%; } .tablesorter td.user-status-heading { width: 25%; height: 18px; } .credit_application_form .credit_application_details { flex-direction: column; } .credit_application_form .credit_application_details .credit_application_section, .credit_application_form .credit_application_details .credit_applicant_section { width: 100%; } .account_purchase_order_table.tablesorter th.po_number_column { width: 20%; } .account_purchase_order_table.tablesorter td.po_number_column { width: 20%; height: 18px; } .account_purchase_order_table.tablesorter th.po_expiry_date_column { width: 20%; } .account_purchase_order_table.tablesorter td.po_expiry_date_column { width: 20%; height: 18px; } .account_purchase_order_table.tablesorter th.po_max_value_column { width: 20%; } .account_purchase_order_table.tablesorter td.po_max_value_column { width: 20%; height: 18px; } .account_purchase_order_table.tablesorter th.po_amount_used_column { width: 20%; } .account_purchase_order_table.tablesorter td.po_amount_used_column { width: 20%; height: 18px; } .account_purchase_order_table.tablesorter th.po_amount_remaining_column { width: 20%; } .account_purchase_order_table.tablesorter td.po_amount_remaining_column { width: 20%; height: 18px; } .account_purchase_order_table.tablesorter .tablesorter-header { font-size: 1.2em; } .account_purchase_order_table ~ .purchase-order-controls { align-items: flex-end; flex-direction: column-reverse; justify-content: flex-start; row-gap: 10px; } .tablesorter th.file_name_column { width: 40%; } .tablesorter td.file_name_column { width: 40%; height: 18px; } .tablesorter th.file_size_column { width: 25%; } .tablesorter td.file_size_column { width: 25%; height: 18px; } .tablesorter th.file_date_column { width: 35%; } .tablesorter td.file_date_column { width: 35%; height: 18px; } .tablesorter th.template_name { width: 75%; } .tablesorter td.template_name { width: 75%; height: 18px; } .tablesorter th.template_enabled { width: 25%; } .tablesorter td.template_enabled { width: 25%; height: 18px; } .quickstart_template_list .template_checkbox { margin-top: -8px; } .tablesorter td .tick_wrap { display: block; background-position: 0 0; background-repeat: no-repeat; background-size: 30px 30px; padding: 2px 0 2px 35px; } .tablesorter td .tick_false_wrap { display: block; background-position: 0 0; background-repeat: no-repeat; background-size: 30px 30px; padding: 2px 0 2px 35px; } .tablesorter th.licence_name_column { display: none; } .tablesorter td.licence_name_column { font-weight: bold; width: 100%; height: 18px; } .tablesorter th.licence_effective_column { width: 30%; } .tablesorter td.licence_effective_column { width: 30%; height: 18px; } .tablesorter th.licence_expiry_column { width: 30%; } .tablesorter td.licence_expiry_column { width: 30%; height: 18px; } .tablesorter th.licence_status_column { width: 40%; } .tablesorter td.licence_status_column { width: 40%; height: 18px; } .tablesorter th.job_name_column { width: 45%; } .tablesorter td.job_name_column { width: 45%; height: 18px; } .tablesorter th.job_date_column { width: 40%; } .tablesorter td.job_date_column { width: 40%; height: 18px; } .tablesorter th.record_count_column { width: 15%; } .tablesorter td.record_count_column { width: 15%; height: 18px; } .account_end_user_list.tablesorter th.user_name_heading { width: 50%; } .account_end_user_list.tablesorter td.user_name_heading { width: 50%; height: 18px; } .account_end_user_list.tablesorter th.company_name_heading { width: 50%; } .account_end_user_list.tablesorter td.company_name_heading { width: 50%; height: 18px; } .account_end_user_list.tablesorter th.options { display: none; } .account_end_user_list.tablesorter td.options { width: auto; padding: 3px 0 0 !important; float: none; clear: both; height: auto !important; border-bottom: 2px dotted; } /* .tablesorter td .whitespace{white-space:nowrap;} .pagerSavedHeightSpacer{display:none !important;} .pager{} .pager .paging{float:right;} .pager .paging .ts-startRow{font-size:1.2em; text-align:center; padding:5px; background:#f2f2f2; border:none; outline:none; float:left;} .pager .paging .pagedisplay{font-size:1.2em; float:left; line-height:25px;} .pager .paging .pagedisplay input{margin:0 5px 0 0;} .pager .paging .no_of_row{float:left; width:88px; margin:0 10px 0 12px;} .pager .paging .gotoPage{float:left;} .pager .paging .pagesize{float:left;} .pager .paging .table_navi{float:left;} .pager .paging .table_navi a{float:left; width:28px; height:28px; margin:0 0 0 9px;} .pager .paging .table_navi a.first{background:url(../images/table_paging.png) 0 0 no-repeat;} .pager .paging .table_navi a.prev{background:url(../images/table_paging.png) -35px 0 no-repeat;} .pager .paging .table_navi a.next{background:url(../images/table_paging.png) -75px 0 no-repeat;} .pager .paging .table_navi a.last{background:url(../images/table_paging.png) -112px 0 no-repeat;} .SumoSelect{width:100%;} .SumoSelect > .CaptionCont{border:none; background:#f2f2f2; font-size:1.2em; color:#333; padding:7px 8% 7px;} .SumoSelect > .CaptionCont > span{} .SumoSelect > .CaptionCont > label > i{background:url(../images/select_arrow.png) center no-repeat;} .SumoSelect > .optWrapper > .options{font-size:1.2em;} .SumoSelect > .optWrapper > .options li.opt{padding:7px 5%;} .clear_search_main{padding:17px 0 0;} .clear_search_main .clear_search{float:right;} .clear_search_main .clear_search a{float:left; color:#fff; padding:10px 0; margin-left:10px; text-decoration:none; font-size:1.5em; font-weight:300; text-transform:uppercase; width:95px; text-align:center;} .clear_search_main .clear_search a.clear_btn{background:#3b3b3c;} .clear_search_main .clear_search a.search_btn{background:#616fb4;} */ .options_btn { width: 378px; white-space: nowrap; margin: 0 auto; } .options_btn .options_label { display: block; padding: 5px 0; } .options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; line-height: 1.3; } .footer .footer_links ul { font-size: 1.5em; } /*===================================================================================*/ /*HOMEPAGE END=======================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*ACCOUNT START======================================================================*/ /*===================================================================================*/ .qs_template_options_btn { width: 270px; white-space: nowrap; margin: 0 auto; } .qs_template_options_btn .options_label { display: block; padding: 5px 0; } .qs_template_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; line-height: 1.3; } #clean-template-details-popup .body .tab_panels .output_fields_panel { flex-direction: column-reverse; } #clean-template-details-popup .body .tab_panels .output_fields_panel p { text-align: left; } .licences_options_btn { width: 108px; white-space: nowrap; margin: 0 auto; } .licences_options_btn .options_label { display: block; padding: 5px 0; } .licences_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; line-height: 1.3; } .history_options_btn { width: 108px; white-space: nowrap; margin: 0 auto; } .history_options_btn .options_label { display: block; padding: 5px 0; } .history_options_btn a .btn_txt { display: block; left: -7px; top: 0; right: -7px; bottom: 0; position: absolute; text-align: center; z-index: 9; display: none; animation: nav-anim 0.3s; line-height: 1.3; } .history_collected_by_button { display: block; margin: 5px 0; } .history_collected_by_button .collected_by_label { display: block; padding: 5px 0; } .account_costs_options .cost_type_list, .account_costs_options .cost_type_details { float: none; width: 100%; } .account_costs_options .tablesorter th.cost_type_column { width: 40%; } .account_costs_options .tablesorter td.cost_type_column { width: 40%; height: 18px; } .account_costs_options .tablesorter th.cost_per_record_column { width: 30%; } .account_costs_options .tablesorter td.cost_per_record_column { width: 30%; height: 18px; } .account_costs_options .tablesorter th.maximum_records_column { width: 30%; } .account_costs_options .tablesorter td.maximum_records_column { width: 30%; height: 18px; } .account_costs_options .cost_type_list .cost_section_list_header a.cost_section_list_header_caption { font-size: 0.85em; } .account_costs_options .cost_type_list .cost_section_list_body .cost_section_item .cost_section_item_caption { font-size: 0.8em; } .account_costs_options .cost_type_details .account_cost_list th { font-size: 0.75em; } .account_costs_options .cost_type_details .account_cost_list td { font-size: 0.8em; } .account_history_options .account_job_history { display: flex; flex-direction: column; } .account_history_options .account_job_history .history_month_job_list.hide_low_width { display: none; } .account_history_options .account_job_history .job_stats_option_buttons { display: block; } /*===================================================================================*/ /*ACCOUNT END======================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*NEW JOB WIZARD START===============================================================*/ /*===================================================================================*/ /* .job_wizard_steps{float:left;} */ .job_wizard_steps .wizard_step { margin: 3px 0 2px; } /* .job_wizard_steps .wizard_step .step_num{color:#fff; width:18px; height:18px; border:2px solid #fff; text-align:center; line-height:18px; display:inline-block; font-weight:500; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin-left:6px;} .job_wizard_steps .active_step .step_num{background:#fff; color:#616fb4;} */ .content_job_wizard .job_wizard_intro { padding: 0; } .content_job_wizard .job_wizard_intro h1 { font-size: 2em; padding: 0 0 10px; } .content_job_wizard .job_wizard_intro h2 { font-size: 1.6em; } .content_job_wizard .job_wizard_intro h3 { font-size: 1.5em; } .content_job_wizard .job_wizard_intro p { font-size: 1.5em; } .content_job_wizard .job_wizard_intro .status_row { font-size: 1.6em; padding: 0 0 15px; } .content_job_wizard .job_wizard_intro .status_row .ico_complete { position: relative; display: inline-block; padding: 0 0 0 12px; margin: 0 5px; } .content_job_wizard .job_wizard_intro .status_row .ico_complete:after { width: 6px; height: 17px; border-width: 0 4px 4px 0; } .content_job_wizard .job_wizard_intro .error_note h4 { font-size: 2.1em; padding: 3px 0 3px 40px; } .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon { width: 32px; height: 32px; left: 0; top: 0; } .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon:before, .content_job_wizard .job_wizard_intro .error_note h4 span.error_icon:after { left: 14px; top: 8px; } .content_job_wizard .job_wizard_intro .error_note p { font-size: 1.7em; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row { padding: 5px 0 15px; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_radio { padding: 0 10px 15px 0; clear: both; } .content_job_wizard .job_wizard_intro .wizard_frm .frm_row .frm_input { width: 203px; clear: left; margin-bottom: 10px; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting { flex-direction: column; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_caption { width: 100%; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value .txtbox { width: 100%; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload { width: 100%; } .content_job_wizard .job_wizard_intro .file_intro_field .file_intro_field_setting .field_setting_value.has_advanced_upload .input_file_upload .input_file_selection + label { width: 100%; } .section_title h2 { font-size: 1.7em; padding: 8px 0 12px; } .section_title h2 a.edit_link { width: 22px; height: 22px; background-size: 22px 22px; } .services_selection { padding: 20px 0 5px; } .services_selection h2 { font-size: 2em; padding: 0; } .list_type_selection { padding: 20px 0 5px; } .list_type_selection h3 { font-size: 1.5em; } .tabless { padding: 20px 0 0; } .tabless .table_col { float: left; width: 100%; margin-bottom: 35px; } .tabless .table_col:last-child { margin-bottom: 0; } .tabless .table_col .col_row_blank { display: none; } .tabless .table_col .col_header { padding: 0; } .tabless .table_col .col_header h3 { font-size: 1.5em; padding: 0 0 5px; } .tabless .table_col .col_row .custom_radio_sm .label { padding: 2px 0 0; font-size: 1.4em; } .next_top { padding: 20px 0 0; } /* .next_top .back_to_top{float:left; color:#fff; text-decoration:none; font-size:1.5em; padding:11px 12px; background:#3b3b3c; text-transform:uppercase;} .next_top .next_services{float:right; font-size:1.5em; text-transform:uppercase; text-decoration:none; background:#616fb4; color:#fff; padding:11px 27px;} */ .choose_opt_popup .popup_contents { padding: 35px 25px 30px; text-align: left; } .choose_opt_popup .popup_contents h2 { font-size: 2.2em; padding: 0 0 20px; } .choose_opt_popup .popup_contents p { font-size: 1.5em; margin-bottom: 12px; } .choose_opt_popup .popup_cols .p_tabs { width: 180px; } .choose_opt_popup .popup_cols .p_tabs a { font-size: 1.4em; padding: 9px 0 15px; margin: 0 0 9px; } .choose_opt_popup .popup_cols .p_contents { width: auto; padding: 0 0 0 200px; float: none; } .choose_opt_popup .popup_cols .p_contents p { padding: 0; } .choose_opt_popup .popup_cols .p_contents h3 { font-size: 1.4em; padding: 10px 0 5px; } /*confirm stage =================*/ .confirm_columns .confirm_left { float: none; width: auto; } /* .confirm_columns .confirm_left .list_header{font-size:1.7em; font-weight:700;} .confirm_columns .confirm_left .col_1{float:left; width:10%;} .confirm_columns .confirm_left .col_1 .divider{border-right:2px dotted #3b3b3c;} .confirm_columns .confirm_left .col_2{float:left; width:45%;} .confirm_columns .confirm_left .col_2 span{display:block; padding:0 10%;} .confirm_columns .confirm_left .col_3{float:left; width:45%;} .confirm_columns .confirm_left .list_header .col_1 .divider{padding:10px 0 22px;} .confirm_columns .confirm_left .list_header .col_2{padding:10px 0 20px;} .confirm_columns .confirm_left .list_header .col_3{padding:10px 0 20px;} .confirm_columns .confirm_left .list_item.input_blank{background:#f2f3f8;} .confirm_columns .confirm_left .list_item .col_1{font-size:1.6em; text-align:center;} .confirm_columns .confirm_left .list_item .col_1 .divider{padding:19px 0 20px;} .confirm_columns .confirm_left .list_item .col_2{padding:9px 0 10px;} .confirm_columns .confirm_left .list_item .col_2 .txtbox{font-size:1.6em; padding:10px 10%; width:80%; border:none; outline:;} .confirm_columns .confirm_left .list_item .col_3{padding:9px 0 10px;} .confirm_columns .confirm_left .list_item .col_3 .input_name{font-size:1.6em; color:#616fb4; padding:10px 0 10px 35px; position:relative;} .confirm_columns .confirm_left .list_item .col_3 .input_name:before{content:""; display:block; width:23px; height:23px; background:#616fb4; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; position:absolute; left:0; top:8px;} .confirm_columns .confirm_left .list_item{border-bottom:2px dotted #3b3b3c;} .confirm_columns .confirm_left .save_template{padding:20px 0;} .confirm_columns .confirm_left .save_template a{float:right; color:#fff; text-transform:uppercase; font-size:1.5em; text-decoration:none; background:#616fb4; padding:9px 12px;} */ .confirm_columns .confirm_right { float: none; width: auto; max-width: 400px; margin: 0 auto; } /* .confirm_columns .confirm_right h3{font-size:1.7em; padding:10px 5px 14px; border-bottom:5px solid #616fb4;} .confirm_columns .confirm_right .confirm_fields{background:#f8faf9; padding:22px 32px;} .confirm_columns .confirm_right .list_item{} .confirm_columns .confirm_right .list_item .input_name_right{font-size:1.6em; font-weight:300; position:relative; padding:10px 0 10px 35px; color:#616fb4;} .confirm_columns .confirm_right .list_item .input_name_right .dot{width:23px; height:23px; background:#616fb4; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; position:absolute; left:0; top:8px;} .confirm_columns .confirm_right .list_item.added .input_name_right{color:#3b3b3c;} .confirm_columns .confirm_right .list_item.added .input_name_right .dot{background:#3b3b3c;} .confirm_columns .confirm_left .list_item .input_name_right{display:none;} .confirm_columns .confirm_right .confirm_fields .list_item .col_1, .confirm_columns .confirm_right .confirm_fields .list_item .col_2, .confirm_columns .confirm_right .confirm_fields .list_item .col_3{display:none;} .header_padding{padding-right:44px;} */ #custom_scr, .custom_scr { height: 400px; } /* #custom_scr .list1, .custom_scr .list1 { padding-right:12px; } */ .confirm_footer { padding: 14px 0; margin: 24px 0 0; } .confirm_footer a { font-size: 1.4em; } .confirm_footer a.next_link { margin-left: 10px; } .accept_licences_link { font-size: 1.4em; } /*run stage =================*/ .run_step .run_left:after { position: static; content: ""; display: block; border: none; border-bottom: 2px dotted; margin: 20px 0; } .run_step .run_left { width: auto; float: none; } .run_step .run_left .run_form_row .run_label_big { width: 30%; } .run_step .run_left .run_form_row .run_input { width: 70%; } .run_step .run_right { width: auto; float: none; } .run_step .run_right p { font-size: 1.5em; } .run_step .run_right .edit_btn_row { padding: 15px 0; } .run_step .run_right .edit_btn_row .edit_btn { font-size: 1.4em; width: 67px; height: 32px; line-height: 32px; } .run_step .run_right .edit_btn_row p { padding: 0 0 0 85px; } /*complete stage =================*/ .content_tabs a { margin-bottom: 15px; } .content_tabs a:before { content: ""; display: block; left: 0; bottom: 100%; right: 0; height: 0; position: absolute; transition: 0.3s; -webkit-transition: 0.3s; } .content_tabs a:hover:before, .content_tabs a.current:before { height: 8px; } .tab_content_cols { padding: 25px 0 0; } .tab_content_cols .tabs_left { width: auto; float: none; padding-bottom: 25px; } #custom_scr_tabs { max-height: 350px; } .tab_content_cols .tabs_left .content_padding { padding: 0 15px 0 0; } .tab_content_cols .tabs_left .divider { border-bottom: 1px dotted; margin: 10px 0; } .tab_content_cols .tabs_left .divider_more_space { border-bottom: 1px dotted; margin: 35px 0 15px; } .tab_content_cols .tabs_left h2 { font-size: 1.8em; padding: 15px 0; } .tab_content_cols .tabs_left h6 { font-size: 1.4em; } .tab_content_cols .tabs_left .chart_row .chart_left { float: left; } .tab_content_cols .tabs_left .chart_row .chart_left { /*width:65%;*/ } .tab_content_cols .tabs_left .chart_row .chart_left h2 { padding-bottom: 20px; } .tab_content_cols .tabs_left .chart_row .chart_left p { font-size: 1.4em; padding: 8px 0; } /* .orange_scr .mCSB_scrollTools .mCSB_buttonUp, .orange_scr .mCSB_scrollTools .mCSB_buttonDown, .orange_scr .mCSB_scrollTools .mCSB_buttonLeft, .orange_scr .mCSB_scrollTools .mCSB_buttonRight{background:#f15a2a;} .orange_scr .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .orange_scr .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .orange_scr .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .orange_scr .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#fdebdf;} */ .tab_content_cols .tabs_right { width: auto; float: none; } .tab_content_cols .tabs_right .navi_btn { margin: 0 3% 12px 0; width: 48.5%; } .tab_content_cols .tabs_right .navi_btn:nth-child(2) { margin-right: 0; } .tab_content_cols .tabs_right .navi_btn:nth-child(4) { margin-right: 0; } .tab_content_cols .tabs_right .navi_btn a { border-bottom: 4px solid; } .tab_content_cols .tabs_right .navi_ico { border: 3px solid; } .job-wizard-purchase-section .job_details_summary { display: none; } /*===================================================================================*/ /*NEW JOB WIZARD END=================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*SUPPLY TAB START===================================================================*/ /*===================================================================================*/ .services_selection .list-options, .services_selection .list-settings { width: 100%; } .services_selection .list-settings { border-left-style: none; margin-top: 10px; padding-left: 0; } .included-geographic-selections-table th.geographic-selections-selected-area-header { width: 60%; } .included-geographic-selections-table td.area-name-column { width: 60%; height: 18px; } .included-geographic-selections-table th.geographic-selections-available-header { width: 40%; } .included-geographic-selections-table td.area-count-column { width: 40%; height: 18px; } .excluded-geographic-selections-table th.geographic-exclusions-area-header { width: 100%; } .excluded-geographic-selections-table td.area-name-column { width: 100%; } .dedupe-selections-table th.dedupe-selections-top-header { width: 100%; } .dedupe-selections-table th.dedupe_date_column { width: 30%; } .dedupe-selections-table td.dedupe_date_column { width: 30%; height: 18px; } .dedupe-selections-table th.dedupe_list_column { width: 50%; } .dedupe-selections-table td.dedupe_list_column { width: 50%; height: 18px; } .dedupe-selections-table th.dedupe_records_column { width: 20%; } .dedupe-selections-table td.dedupe_records_column { width: 20%; height: 18px; } .tablesorter th.profile_area_name_column { width: 50%; } .tablesorter td.profile_area_name_column { width: 50%; max-width: none; height: 18px; } .tablesorter th.profile_area_requested_column { width: 25%; } .tablesorter td.profile_area_requested_column { width: 25%; height: 18px; } .tablesorter th.profile_area_available_column { width: 25%; } .tablesorter td.profile_area_available_column { width: 25%; height: 18px; } .tablesorter th.profile_area_requested_column.hidden ~ th.profile_area_available_column { width: 50%; } .tablesorter td.profile_area_requested_column.hidden ~ td.profile_area_available_column { width: 50%; } /*===================================================================================*/ /*SUPPLY TAB START===================================================================*/ /*===================================================================================*/ /*===================================================================================*/ /*CONFIRM SECURITY CODE START========================================================*/ /*===================================================================================*/ .confirm_code { padding: 30px 0 0; } .confirm_code h2 { font-size: 2em; } .confirm_code h2 .pg_icon { width: 54px; height: 54px; border: 4px solid; margin-right: 10px; } .confirm_code h2 .pg_icon img { width: 35px; margin: 10px auto 0; } .confirm_code p { font-size: 1.7em; margin-bottom: 0px; } .confirm_code .code_setup { padding: 15px 0; } .confirm_code .code_setup .code_numpad { width: 200px; padding: 10px 0 10px 10px; } .confirm_code .code_setup .code_numpad a { width: 44px; height: 44px; border: 3px solid; line-height: 44px; font-size: 2.2em; font-weight: 700; margin: 4px 5px; } .confirm_code .code_setup .code_numpad a.del { font-size: 1.7em; } .confirm_code .code_setup .code_inputs { padding: 0 0 0 20px; } .confirm_code .code_setup .code_inputs .c_input_row { padding: 15px 0 0; } .confirm_code .code_setup .code_inputs .c_input_row .c_input_label { font-size: 1.5em; width: 35px; padding: 7px 0; } .confirm_code .code_setup .code_inputs .c_input_row .c_input { width: 80px; } .confirm_code .code_setup .code_inputs .submit_btn { font-size: 1.4em; margin: 25px 0 0; } .confirm_code .forgot_code { padding: 10px 0; } .confirm_code .forgot_code p { font-size: 1.8em; } .confirm_code .forgot_code .reset_code_btn { font-size: 1.4em; padding: 9px 10px; } /*===================================================================================*/ /*CONFIRM SECURITY CODE END==========================================================*/ /*===================================================================================*/ .account_sft_options { display: flex; flex-direction: column; row-gap: 20px; justify-content: space-between; } .account_sft_options div.open_sft_option { display: flex; flex-direction: row; justify-content: center; width: 100%; } .account_history_options .account_job_history { display: flex; flex-direction: column; } .account_history_options .account_job_history .history_month_job_list.hide_low_width { display: none; } .account_history_options .account_job_history .job_stats_option_buttons { display: block; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 540px) { .navi_btn .navi_ico { width: 52px; height: 52px; border: 3px solid; } .navi_btn .navi_ico img { max-width: 30px; } .navi_btn h2 { font-size: 1.4em; padding: 7px 0; } .tablesorter th.job { width: 35%; } .tablesorter td.job { width: 35%; height: 18px; } .tablesorter th.status { width: 30%; } .tablesorter td.status { width: 30%; height: 18px; } .tablesorter th.lastrun { width: 35%; } .tablesorter td.lastrun { width: 25%; height: 18px; } .tablesorter th.time { width: 10%; } .tablesorter td.time { width: 10%; height: 18px; } .tablesorter th.options, .tablesorter th.collected_by_column { width: auto; display: none; } .tablesorter td.options, .tablesorter td.collected_by_column { width: auto; padding: 5px 0; float: none; clear: both; } .tablesorter td.options:after, .tablesorter td.collected_by_column:after { content: ""; display: block; clear: both; } .pager .paging .no_of_row { margin-bottom: 10px; } .header .top_bar .top_buttons { float: none; text-align: center; } .header .top_bar .top_buttons .tel_num { margin: 10px auto 5px; float: none; display: block; max-width: 140px; } .header .top_bar .top_buttons .top_btn { margin: 0 2px 5px; float: none; display: inline-block; } .footer { padding: 35px 0; } .footer .logo_footer { float: none; display: block; margin: 0 auto; } .footer .footer_links { float: none; padding: 15px 0 0; } .footer .footer_links ul { float: none; font-size: 1.6em; text-align: center; } .footer .footer_links ul li { float: none; display: inline-block; } .footer .footer_links ul li:after { content: "|"; padding: 0 10px; } .footer .footer_links ul li.last:after { display: none; } .footer .footer_links ul li a { float: none; } .tab_content_cols .tabs_left .chart_row .chart_left, .tab_content_cols .tabs_left .chart_row .chart_right { float: none; width: auto; } .tab_content_cols .tabs_left .chart_row .chart_right { text-align: center; padding-bottom: 25px; margin-top: 5px; } .login-expired-container { font-size: 1.2em; margin-top: 2em; padding: 0 1em; } .login-expired-container h1 { font-size: 300%; margin-bottom: 1em; } .login-expired-container p { font-size: 100%; } .login-expired-container ul { font-size: 100%; } .login-expired-container ul li { font-size: 100%; } .account_history_options .account_job_history { display: flex; flex-direction: column; } .account_history_options .account_job_history .history_month_job_list.hide_low_width { display: none; } .account_history_options .account_job_history .job_stats_option_buttons { display: block; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .tablesorter td .tick_wrap { display: block; background-position: 0 0; background-repeat: no-repeat; background-size: 30px 30px; padding: 0; width: 30px; height: 20px; font-size: 0; overflow: hidden; } .tablesorter td .tick_false_wrap { display: block; background-position: 0 0; background-repeat: no-repeat; background-size: 30px 30px; padding: 0; width: 30px; height: 20px; font-size: 0; overflow: hidden; } .choose_opt_popup .popup_contents { padding: 35px 15px 30px; text-align: left; } .choose_opt_popup .popup_contents h2 { font-size: 2em; padding: 0 0 15px; } .choose_opt_popup .popup_contents p { font-size: 1.5em; margin-bottom: 12px; } .choose_opt_popup .popup_cols .p_tabs { width: auto; float: none; text-align: center; } .choose_opt_popup .popup_cols .p_tabs a { font-size: 1.2em; padding: 12px 10px 15px; margin: 0 4px 9px; display: inline-block; } .choose_opt_popup .popup_cols .p_contents { width: auto; padding: 15px 0; float: none; } .choose_opt_popup .popup_cols .p_contents p { padding: 0; } .choose_opt_popup .popup_cols .p_contents h3 { font-size: 1.4em; padding: 10px 0 5px; } /*===================================================================================*/ /*CONFIRM SECURITY CODE START========================================================*/ /*===================================================================================*/ .confirm_code { padding: 30px 0 0; } .confirm_code h2 { font-size: 1.8em; } .confirm_code h2 .pg_icon { width: 44px; height: 44px; margin-right: 7px; } .confirm_code h2 .pg_icon img { width: 30px; margin: 8px auto 0; } .confirm_code .code_setup .code_numpad { width: 180px; padding: 5px 0 5px 5px; } .confirm_code .code_setup .code_numpad a { width: 44px; height: 44px; border: 3px solid; line-height: 44px; font-size: 2em; font-weight: 700; margin: 4px 2px; } .confirm_code .code_setup .code_numpad a.del { font-size: 1.7em; } .confirm_code .code_setup .code_inputs { padding: 0 0 0 10px; } .confirm_code .code_setup .code_inputs .c_input_row .c_input { width: 55px; } .confirm_code .forgot_code p { font-size: 1.6em; } /*===================================================================================*/ /*CONFIRM SECURITY CODE END==========================================================*/ /*===================================================================================*/ }/*# sourceMappingURL=site.css.map */