@telerik/kendo-theme-default/dist/popup.css

SASS resources for the default Kendo UI theme

.k-animation-container{position:absolute;overflow:hidden;z-index:100}.k-animation-container-fixed{position:fixed}.k-push-right-appear,.k-push-right-enter{-webkit-transform:translate(-100%);transform:translate(-100%)}.k-push-right-appear-active,.k-push-right-enter-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-right-leave{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-right-leave-active{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-right-enter-active+.k-push-right-enter-active,.k-push-right-leave-active+.k-push-right-leave-active{display:none}.k-push-left-appear,.k-push-left-enter{-webkit-transform:translate(100%);transform:translate(100%)}.k-push-left-appear-active,.k-push-left-enter-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-left-leave{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-left-leave-active{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-left-enter-active+.k-push-left-enter-active,.k-push-left-leave-active+.k-push-left-leave-active{display:none}.k-push-down-appear,.k-push-down-enter{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-down-appear-active,.k-push-down-enter-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-down-leave{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-down-leave-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-up-appear,.k-push-up-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.k-push-up-appear-active,.k-push-up-enter-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-up-leave{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-up-leave-active{-webkit-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-expand .k-child-animation-container{overflow:hidden}.k-fade-enter{opacity:0}.k-fade-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.k-fade-leave{opacity:1}.k-fade-leave-active{opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.k-fade-enter-active+.k-fade-enter-active,.k-fade-leave-active+.k-fade-leave-active{display:none}.k-zoom-in-appear,.k-zoom-in-enter{opacity:0}.k-zoom-in-appear-active,.k-zoom-in-enter-active{opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.k-zoom-in-leave{-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}.k-zoom-in-leave-active{-webkit-transform:translateY(-100%) scale(0);transform:translateY(-100%) scale(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-zoom-out-appear,.k-zoom-out-enter{-webkit-transform:scale(0);transform:scale(0)}.k-zoom-out-appear-active,.k-zoom-out-enter-active{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-zoom-out-leave{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-zoom-out-leave-active{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.k-slide-in-appear{opacity:.1;-webkit-transform:translateY(-3em);transform:translateY(-3em)}.k-slide-in-appear .k-centered{-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}.k-slide-in-appear-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .3s cubic-bezier(.2,1,.2,1),-webkit-transform .3s cubic-bezier(.2,.6,.4,1);transition:opacity .3s cubic-bezier(.2,1,.2,1),-webkit-transform .3s cubic-bezier(.2,.6,.4,1);transition:transform .3s cubic-bezier(.2,.6,.4,1),opacity .3s cubic-bezier(.2,1,.2,1);transition:transform .3s cubic-bezier(.2,.6,.4,1),opacity .3s cubic-bezier(.2,1,.2,1),-webkit-transform .3s cubic-bezier(.2,.6,.4,1)}.k-slide-in-appear-active .k-centered{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.k-slide-down-enter{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-slide-down-enter-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-down-enter-active,.k-slide-down-leave{-webkit-transform:translateY(0);transform:translateY(0)}.k-slide-down-leave-active{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-up-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.k-slide-up-enter-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-up-enter-active,.k-slide-up-leave{-webkit-transform:translateY(0);transform:translateY(0)}.k-slide-up-leave-active{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-right-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.k-slide-right-enter-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-right-enter-active,.k-slide-right-leave{-webkit-transform:translateX(0);transform:translateX(0)}.k-slide-right-leave-active{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-left-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.k-slide-left-enter-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-left-enter-active,.k-slide-left-leave{-webkit-transform:translateX(0);transform:translateX(0)}.k-slide-left-leave-active{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-content,.k-input,.k-textbox,.k-widget{background-color:#fff;border-color:#e2e2e2;color:#656565;border-radius:2px}.k-header{background-color:#f6f6f6;border-color:#e2e2e2}.k-icon,.k-icon:focus,.k-icon:hover,.k-link{color:#656565;text-decoration:none}.k-centered{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.k-state-default{border-color:#e2e2e2}.k-state-selected{background-color:#ff6358;border-color:#ff685d;color:#fff}.k-state-active{background-color:#fff}.k-state-focused,.k-textbox:focus{box-shadow:0 0 0 2px #f0f0f0}.k-state-hover,.k-state-hover:hover{background-color:#ededed;border-color:#c3c3c3;color:#656565}.k-state-disabled,.k-state-disabled .k-button,.k-state-disabled .k-link{border-color:#d2d2d2;color:#d2d2d2;cursor:default;outline:0}.k-state-disabled{opacity:.7}.k-state-error{border-style:ridge}.k-state-empty{font-style:italic}.k-state-highlight{background-color:#f6f6f6;border-color:#ff6358}.k-button-bare{background:none!important;border-width:0;box-shadow:none}.k-button-bare:focus{box-shadow:none!important;border-color:transparent}.k-var--accent{background-color:#ff6358}.k-var--base{background-color:#f6f6f6}.k-var--background{background-color:#fff}.k-var--border-radius{margin-top:2px}.k-var--normal-background{background-color:#fff}.k-var--normal-text-color{background-color:#656565}.k-var--hover-background{background-color:#ededed}.k-var--hover-text-color{background-color:#656565}.k-var--selected-background{background-color:#ff6358}.k-var--selected-text-color{background-color:#fff}.k-var--error{background-color:#f31700}.k-var--warning{background-color:#ffc000}.k-var--success{background-color:#37b400}.k-var--info{background-color:#0058e9}.k-var--series-a{background-color:#ff6358}.k-var--series-b{background-color:#ffd246}.k-var--series-c{background-color:#78d237}.k-var--series-d{background-color:#28b4c8}.k-var--series-e{background-color:#2d73f5}.k-var--series-f{background-color:#aa46be}.k-popup .k-list-optionlabel,.k-popup .k-list .k-item{padding:1px 17px 1px 8px;line-height:2em;min-height:2em;white-space:normal}.k-popup.k-list-container{border-width:1px;border-style:solid;box-sizing:border-box}.k-list-optionlabel{border-bottom-width:1px;border-bottom-style:solid}.k-list-filter{display:block;position:relative;margin:8px}.k-list-filter>.k-textbox{padding-right:20px;width:100%;box-sizing:border-box}.k-list-filter>.k-icon{position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.k-popup{color:#656565}.k-popup.k-list-container{background-color:#f6f6f6;border-color:rgba(0,0,0,.08)}.k-popup.k-list-container .k-item{-webkit-transition:background-color .2s ease;transition:background-color .2s ease;cursor:pointer}.k-popup.k-list-container .k-item.k-state-selected{box-shadow:none}.k-popup.k-list-container .k-item:hover{background-color:#ededed}.k-popup.k-list-container .k-item:hover.k-state-selected{background-color:#ed5c52;color:#fff}.k-popup.k-list-container .k-item.k-state-focused,.k-popup.k-list-container .k-item:focus{box-shadow:inset 0 0 0 2px #dfdfdf}.k-popup.k-list-container .k-item.k-state-focused.k-state-selected,.k-popup.k-list-container .k-item:focus.k-state-selected{box-shadow:inset 0 0 0 1px #eb5b51}.k-popup.k-list-container .k-list-optionlabel{border-bottom-color:rgba(0,0,0,.08);box-shadow:0 5px 10px 0 rgba(0,0,0,.06)}.k-animation-container{border-radius:0 0 2px 2px}