.themify-cm-conditions-container{ background:#fff; font:normal 13px/150% Arial, Helvetica, sans-serif; color:#666; border:none; width:900px; max-width:100%; padding:20px 25px; position:absolute; left:50%; top:6.5vh !important; margin:auto auto auto -450px; z-index:9999999; display:none; height:calc(100vh - 170px); border-radius:12px; box-shadow:0 1px 20px 3px rgba(0,0,0,.2) } .themify-cm-close{ position:absolute; top:10px; right:20px; width:30px; height:30px; padding-top:2px; text-align:center; cursor:pointer; display:inline-block; zoom:1; text-decoration:none; color:#fff; transition:all .1s linear } .themify-cm-close:before, .themify-cm-close:after{ content:''; position:absolute; left:15px; width:2px; height:30px; background:#666 } .themify-cm-close:hover{ color:#fff; outline:0; transform:rotate(90deg) scale(.9) } .themify-cm-close:hover:before, .themify-cm-close:hover:after{ background:#ea533b } .themify-cm-close:before{ transform:rotate(45deg) } .themify-cm-close:after{ transform:rotate(-45deg) } .themify-cm-conditions-container .themify-cm-title{ font:bold 22px/100% Arial, Helvetica, sans-serif; color:#000; margin:0 0 17px; padding:0; text-transform:capitalize; text-shadow:none } #themify-cm-overlay{ background:#333; background:rgba(0,0,0,.7); position:fixed; width:100%; height:100%; top:0; left:0; z-index:999999; display:none } .themify-cm-conditions-container .themify-visibility-options{ position:relative; height:350px; max-height:400px; overflow-y:auto; overflow-x:hidden } #visibility-tabs > .ui-widget-header{ color:#444; font-weight:bold } form.ui-widget.ui-widget-content{ border:none; box-shadow:0 0 0 1px rgba(0,0,0,.08), 0 1px 15px rgba(0,0,0,.1) } .themify-cm-conditions-container .ui-tabs{ position:relative; /* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */ height:100%; max-height:100%; border:solid 1px #bbb; padding:0; margin:0; font-size:1em; border-radius:6px } #visibility-tabs > .ui-tabs-nav{ margin:0; padding:.7em 1em 0; overflow:hidden; background:#999; box-shadow:none; border:none; border-radius:5px 5px 0 0 } #visibility-tabs > .ui-tabs-nav > li{ list-style:none; float:left; position:relative; top:0; margin:1px .2em 0 0; padding:0; white-space:nowrap; border:none; background:none; border-radius:5px 5px 0 0 } #visibility-tabs > .ui-tabs-nav > li > .ui-tabs-anchor{ float:left; padding:.5em .7em .7em; text-decoration:none; font-weight:normal; font-size:13px; color:#fff; box-shadow:none } #visibility-tabs > .ui-tabs-nav > li.ui-state-hover, #visibility-tabs > .ui-tabs-nav > li.ui-tabs-active{ background:#fff } #visibility-tabs > .ui-tabs-nav > li.ui-state-hover > .ui-tabs-anchor, #visibility-tabs > .ui-tabs-nav > li.ui-tabs-active > .ui-tabs-anchor{ color:#000 } .themify-cm-conditions-container .themify-visibility-inner-tabs{ border:none } .themify-visibility-inner-tabs .inline-tabs{ margin:0; padding:.2em .2em 0; background:none; border:none } .themify-visibility-inner-tabs .inline-tabs li{ display:inline-block; padding:0; margin:0 0 5px; border:none; border-radius:0; color:inherit; background:none; float:none; vertical-align:middle } .themify-visibility-inner-tabs .inline-tabs li a{ text-decoration:none; border:none; margin:0 2px 0 0; border-radius:20px; color:#666; padding:5px 12px !important; font-size:13px } .themify-visibility-inner-tabs .inline-tabs li a:hover{ color:#000 } .themify-visibility-inner-tabs .inline-tabs li.ui-state-hover a{ background:rgba(0,0,0,.05) } .themify-visibility-inner-tabs .inline-tabs li.ui-tabs-active a{ color:#fff; border:none; background:#999 } .themify-visibility-inner-tabs .inline-tabs li a:focus{ box-shadow:none; outline:none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ background:rgba(255,255,255,.2) } .themify-cm-conditions-container .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .themify-cm-conditions-container .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .themify-cm-conditions-container .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{ cursor:text } .themify-cm-conditions-container .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{ cursor:pointer } .themify-cm-conditions-container .ui-tabs .ui-tabs-panel{ display:block; padding:1.8em 1.4em; margin:0; border:0 none; border-radius:0; background:none; box-sizing:border-box } .themify-cm-conditions-container .themify-visibility-inner-tabs .ui-tabs-panel{ padding:20px 0; border:none } .themify-cm-conditions-container .ui-tabs .ui-tabs-panel{ height:calc(100vh - 300px); max-height:none; overflow-y:auto; box-sizing:border-box; } .themify-cm-conditions-container .themify-visibility-inner-tabs .ui-tabs-panel{ max-height:290px; min-height:120px; overflow-y:inherit } .themify-cm-conditions-container .themify-visibility-options label{ display:block; width:49%; float:left; margin-right:1%; margin-bottom:5px } .themify-cm-conditions-container .themify-visibility-options .tf_cm_select_sub{ width:100%; margin-bottom:20px } .themify-cm-conditions-container input[type=checkbox]{ position:relative; border:solid 1px #aaa; width:18px; height:18px; margin-right:7px; border-radius:5px; box-shadow:none; } .themify-cm-conditions-container input[type=checkbox]:checked:before{ font-size:24px; width:21px; height:21px; margin:-3px 0 0 -3px; } .cm-location td{ border-top:1px solid #ccc } .cm-location:first-child td{ border-top:none } .themify-cm-remove{ padding:0 5px 2px; border:1px solid #ccc; border-radius:100%; margin-left:10px; font-size:11px; color:#666 } p.button-controls{ width:60% } #themify-cm-about{ float:right; padding-right:20px } /* Themify Search and Pagination ---------------------------------------------------------------*/ .themify-visibility-items-search{ margin-bottom:10px } .themify-admin-lightbox .themify-visibility-pagination{ position:relative; margin:0 auto; padding-top:15px; clear:both; text-align:center } .themify-admin-lightbox .themify-visibility-pagination span, .themify-admin-lightbox .themify-visibility-pagination a{ display:inline-block; width:28px; height:26px; margin:0 2px; padding:0; position:relative; vertical-align:middle; line-height:26px; text-decoration:none } .themify-admin-lightbox .themify-visibility-pagination a.next, .themify-admin-lightbox .themify-visibility-pagination a.prev{ line-height:23px } .themify-admin-lightbox .themify-visibility-pagination a.page-numbers.next:before, .themify-admin-lightbox .themify-visibility-pagination a.page-numbers.prev:before{ content:''; display:inline-block; border:1px solid transparent; border-top-color:inherit; position:absolute; top:30%; width:0.5em; height:0.5em; text-indent:0; } .themify-admin-lightbox .themify-visibility-pagination a.page-numbers.prev:before{ left:50%; border-left-color:inherit; transform:rotateZ(-45deg); } .themify-admin-lightbox .themify-visibility-pagination a.page-numbers.next:before{ right:50%; border-right-color:inherit; transform:rotateZ(45deg); } .themify-admin-lightbox .themify-visibility-pagination .current{ pointer-events:none; color:#999; border:solid 1px rgba(0,0,0,.1); border-radius:30px; } .themify-visibility-items-page.is-hidden, .themify-visibility-inner-tab.is-hidden{ display:none } .themify-cm-conditions{ position:relative } .themify-cm-conditions:focus{ outline:0; box-shadow:none } .themify-visibility-toggle{ line-height:30px !important } .themify_lightbox_uncheck_container{ position:relative; margin:0 } .themify_all_condition_checked{ opacity:0.3; pointer-events:none } /* Tooltip */ .themify-cm-conditions-container [data-tooltip]{ position:relative; cursor:pointer } .themify-cm-conditions-container [data-tooltip]:before, .themify-cm-conditions-container [data-tooltip]:after{ position:absolute; visibility:hidden; opacity:0; transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transform:translate3d(0, 28px, 0); pointer-events:none; bottom:100%; left:0 } .themify-cm-conditions-container [data-tooltip]:hover:before, .themify-cm-conditions-container [data-tooltip]:hover:after, .themify-cm-conditions-container [data-tooltip]:focus:before, .themify-cm-conditions-container [data-tooltip]:focus:after{ visibility:visible; opacity:1; transform:translateY(20px) } .themify-cm-conditions-container [data-tooltip]:before{ content:""; background:transparent; border:6px solid transparent; border-top-width:0; border-bottom-color:#000; border-bottom-color:hsla(0, 0%, 20%, 0.9); top:-3px; left:6px; z-index:1001 } .themify-cm-conditions-container [data-tooltip]:after{ width:270px; content:attr(data-tooltip); padding:8px; background-color:#000; background-color:hsla(0, 0%, 20%, 0.9); color:#fff; font-size:11px; line-height:1.2; border-radius:12px; margin-left:-1.75em; margin-bottom:5px; z-index:1000; top:3px; left:-1px; bottom:auto; word-break:break-word } .themify-cm-conditions-container .ui-widget.ui-widget-content{ border:none; } .themify-admin-lightbox .button{ color:#491aaf; background:none; height:auto; margin:0; padding:0; border:none; box-shadow:none !important; outline:none } .themify-admin-lightbox .button.button-primary{ font:normal 1.33em/1em Arial, sans-serif; text-transform:uppercase; color:#fff; margin:15px 0 0; padding:.5em 1em; border:none; border-radius:30px; outline:none; background:#f26522; text-shadow:none } .themify-admin-lightbox .button.button-primary:hover{ transform:translateY(2px); color:#fff; box-shadow:none !important } .themify-admin-lightbox .button.uncheck-all{ line-height:1em; margin-top:20px; display:inline-block; text-decoration:none; position:relative; padding-left:20px } .themify-admin-lightbox .button.uncheck-all:hover{ text-decoration:underline; background:none } .themify-admin-lightbox .button.uncheck-all:before, .themify-admin-lightbox .button.uncheck-all:after{ content:''; position:absolute; left:8px; top:1px; width:1px; height:12px; margin:0; background:#666 } .themify-admin-lightbox .uncheck-all:before{ transform:rotate(45deg) } .themify-admin-lightbox .uncheck-all:after{ transform:rotate(-45deg) } .themify-admin-lightbox .uncheck-all:active{ background:none } /* Media Queries ---------------------------------------------------------------*/ @media only screen and (max-width:900px){ .themify-cm-conditions-container, .themify-admin-lightbox{ width:80%; padding:20px 5%; left:0; margin-left:0; height:auto } .themify-cm-conditions-container [data-tooltip]:after{ width:230px } } @media only screen and (max-width:782px){ .themify-admin-lightbox{ left:5% } } @media only screen and (max-width:680px){ .themify-cm-conditions-container [data-tooltip]:after{ width:160px } } .themify-visibility-inner-tab:not(:first-child){ display:none } .themify_cm_loader{ margin:-20px 0 0 -20px; width:62px; height:62px; background-color:rgba(0,0,0,.6); border-radius:50%; box-sizing:border-box; position:fixed; top:50%; left:50%; z-index:99999999; line-height:62px; display:none } .themify_cm_loader.busy{ display:inline-block } .themify_cm_loader.busy::before{ width:80%; height:80%; border:5px solid transparent; border-top-color:transparent; border-top-color:#fff; border-radius:50%; box-sizing:border-box; position:absolute; top:10%; left:10%; content:''; animation:themify_cm_circle_loader 1.4s infinite linear } @keyframes themify_cm_circle_loader{ 0%{ transform:rotate(0deg) } 100%{ transform:rotate(360deg) } }