.kd-content-container{display:flex}.kd-demo-content>.container{margin-top:32px;margin-bottom:32px}.kd-demo-description p{color:#555}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:1240px){main{margin-top:84px}}.kd-sidebar{width:290px;height:100%;border-right:1px solid #DEDEDE;position:fixed;overflow-x:hidden;overflow-y:auto}.kd-sidebar.expanded{display:block}.kd-sidebar .kd-link:hover{text-decoration:none}.kd-demo-content{width:100%;flex:1 0 0;-ms-flex:1;margin-left:290px;overflow:hidden}.kd-sidebar-container{margin-left:-290px;height:auto;position:relative;display:inline-flex;display:-ms-inline-flexbox;flex-wrap:nowrap;overflow-x:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.kd-sidebar-container{overflow:hidden}}.kd-sidebar-container.root{margin-left:0}.kd-sidebar-container.root .kd-sidebar-demo-nav{height:5px}.kd-sidebar-container.root .kd-sidebar-root-nav{height:auto}.kd-sidebar-container:not(.root) .kd-sidebar-root-nav{height:5px;overflow:hidden}.kd-sidebar-container:not(.root) .kd-sidebar-demo-nav{height:auto}.kd-sidebar-container>div{width:290px;float:left;-ms-flex:0 0 auto}.kd-sidebar-root-nav .root-nav-widgets{margin-bottom:18px;display:none}.kd-sidebar-root-nav h3{margin:0;padding:0 16px;font-weight:600;font-size:16px;line-height:44px;letter-spacing:.4px;color:#454545;text-transform:uppercase;cursor:pointer}.kd-sidebar-demo-nav li:hover,.kd-sidebar-root-nav li .kd-list li:hover,.kd-sidebar-root-nav li:hover h3{background-color:#f3f3f3}.kd-sidebar-demo-nav li a,.kd-sidebar-root-nav li a{padding:0 32px;display:block;font-weight:400;font-size:15px;line-height:30px;color:#656565}.kd-sidebar-demo-nav li a:hover,.kd-sidebar-root-nav li a:hover{color:#656565}.kd-sidebar-demo-nav{margin:18px 0}.kd-sidebar-demo-nav .group,.kd-sidebar-demo-nav h3{font-weight:600;font-size:16px;line-height:44px;color:#454545;padding:0 16px}.kd-sidebar-demo-nav h3{margin:0;text-transform:capitalize;font-size:1.3em}.kd-jquery .kd-sidebar-container .kd-link.active,.kd-jquery .kd-sidebar-container .kd-link:focus,.kd-jquery .kd-sidebar-container li.active .kd-link{color:#FF884D}.kd-core .kd-sidebar-container .kd-link.active,.kd-core .kd-sidebar-container .kd-link:focus,.kd-core .kd-sidebar-container li.active .kd-link,.kd-mvc .kd-sidebar-container .kd-link.active,.kd-mvc .kd-sidebar-container .kd-link:focus,.kd-mvc .kd-sidebar-container li.active .kd-link{color:#27A306}.kd-sidebar-root-nav .root-nav-categories>li{border-bottom:1px solid #E6E6E6}.kd-sidebar-toggle a{display:block}.kd-sidebar-toggle{border-bottom:1px solid #454545;line-height:45px;display:flex;justify-content:center;position:relative;align-items:center;margin:0 auto}.kd-sidebar-toggle .arrow-next,.kd-sidebar-toggle .arrow-prev{display:flex;align-items:center;padding:0 16px;position:absolute;top:50%;margin:0 auto;transform:translateY(-50%)}.kd-sidebar-toggle .arrow-next svg path,.kd-sidebar-toggle .arrow-prev svg path{fill:#454545}.kd-sidebar-toggle .arrow-prev{left:0}.kd-sidebar-toggle .arrow-next{right:0;display:none}.kd-sidebar-toggle>a{display:block;width:100%;text-align:center;font-weight:500;line-height:45px;color:#454545;z-index:2}.kd-sidebar-toggle>a:focus,.kd-sidebar-toggle>a:hover{color:#656565}.kd-sidebar-toggle>a:focus{outline:0}@media (max-width:1240px){.kd-sidebar{display:none;z-index:999;background:#fff;position:absolute}.kd-demo-content{margin:0}.kd-sub-nav .kd-side-nav-toggle{display:block}}.kd-breadcrumb-nav{display:flex}.kd-breadcrumb-nav .kd-list{display:inline-flex;flex-wrap:wrap}.kd-breadcrumb-nav .kd-list li{display:inline-flex}.kd-breadcrumb-nav .kd-list li.active a{color:#2D2DB2;opacity:.6;cursor:auto}.kd-breadcrumb-nav .kd-list li.active:hover a{text-decoration:none}.kd-breadcrumb-nav .kd-list a{font-weight:500;font-size:18px;line-height:20px;letter-spacing:.45px}.kd-breadcrumb-nav .delimiter{margin:0 3px;color:#3D57D8}.kd-button-api{display:inline-flex;align-items:center}.kd-button-api .kd-button-icon svg{width:16px;height:16px;fill:#2D6CEC}.kd-button-api:hover .kd-button-icon svg{fill:#fff}.kd-demo-content-container .keyboard-legend{list-style:none}.keyboard-legend li{margin-bottom:32px}.keyboard-legend .key-button{margin:0;padding:7px 14.25px;display:inline-block;text-align:center;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.25);text-decoration:none;background:#EFF3FB;color:#3D57D8}.keyboard-legend .button-preview{margin-right:15px;color:#3D57D8}.kd-demo-content-container .keyboard-legend li a,.keyboard-legend .key-button{font-weight:500;font-size:20px;line-height:1}.keyboard-legend .button-descr{color:#555}.kd-demo-feedback-form{background-image:url(../images/site/feedback-bgr.svg);background-size:cover;background-repeat:repeat-x}.kd-demo-feedback-form .feedback{display:flex;align-items:center}.kd-demo-feedback-form .feedback>.kd-title{width:100%}.kd-demo-feedback-form .feedback-question{display:flex;flex:0 0 100%;flex-wrap:wrap;align-items:center}.kd-demo-feedback-form .feedback-no-button{margin-left:20px}.kd-demo-feedback-form h3{margin:24px 0}.kd-demo-feedback-form .feedback-more-info{max-height:0;overflow:hidden;padding-left:15px}.kd-demo-feedback-form .feedback-more-info.show{margin-bottom:32px;width:100%;max-height:292px;display:block;transition:max-height .2s ease-out}.kd-demo-feedback-form .feedback-more-info.hide{max-height:50px;overflow:hidden;transition:max-height .2s ease-out}.kd-demo-feedback-form .feedback-other-text-input{margin-bottom:16px;padding:10px;width:100%;max-width:100%;min-width:100%;height:150px;border:1px solid transparent;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.15);font-weight:400;color:#000;outline:0;resize:none;transition:border .2s ease-in}.kd-demo-feedback-form .feedback-other-text-input:focus,.kd-demo-feedback-form .feedback-other-text-input:hover{border:1px solid #2D2DB2;font-weight:400;color:#000;transition:border .2s ease-in}.kd-demo-feedback-form .feedback-send-data-button{margin-right:16px}.kd-demo-feedback-form.vote-disabled{display:none}.kd-demo-feedback-form.vote-hide{animation-name:hideFeedback;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes hideFeedback{from{opacity:1}to{opacity:0}}@media (max-width:992px){.kd-demo-feedback-form .row div,.kd-demo-feedback-form .row h3{width:100%}.kd-demo-feedback-form .feedback-question{margin-bottom:24px}.kd-demo-feedback-form .feedback-question div,.kd-demo-feedback-form .feedback-question h3{text-align:center}.kd-demo-feedback-form .feedback-more-info.show{max-height:initial}}.TK-Footer>.TK-container{max-width:1350px}