html{min-height:100%;position:relative}body,html{height:100%}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:19px;color:#555;background-size:100%;background-repeat:no-repeat;background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(14,126,142,.7)));background:-webkit-linear-gradient(bottom,#fff,rgba(14,126,142,.7));background:-o-linear-gradient(bottom,#fff 0,rgba(14,126,142,.7) 100%);background:linear-gradient(0deg,#fff,rgba(14,126,142,.7));background-attachment:fixed}.App{min-height:400px}.App-scale{margin:auto}.error-cont{position:absolute;left:10px;top:5px;color:#fff;background-color:red;padding-left:10px;padding-right:10px;padding-top:2px}.invisible{visibility:hidden}.invalid-item{border:1px solid red;padding:2px 5px;color:red;border-radius:5px;margin-top:5px}.glyphicon-info-sign-invalid{color:red}.m-t-20{margin-top:50px}.m-t-10{margin-top:30px}.home{background-color:transparent;line-height:1.4}.feedback p,.home p,.intro p{font-size:24px}.feedback h2,.home h1,.home h2,.intro h2,.page-not-found h2,.pageName-cont h2,.pageName-cont h3,.pageName-cont input{font-family:Roboto Condensed,sans-serif}.home h1{word-spacing:6px;color:#444}.intro h2.br{margin-bottom:50px}.intro h2{text-align:center}.intro-cont{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.intro-cont-mobile{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.intro-cont-mobile iframe{position:absolute;top:0;left:0;width:98%;height:98%}.feedback,.intro{background-color:transparent}.flex0{-ms-flex:0 1;flex:0 1}.flex1{-ms-flex:1 1;flex:1 1}.z1000{z-index:1000}a{color:#555;cursor:pointer}a:focus,a:hover{text-decoration:none}aside a:active,aside a:active div,aside a:active span,aside a:hover,aside a:hover div,aside a:hover span,aside a:link,aside a:link div,aside a:link span,aside a:visited,aside a:visited div,aside a:visited span,aside a div{color:#999;text-decoration:none}aside a.active-path,aside a.active-path div,aside a.active-path span{color:#ee1c1b;text-decoration:none}aside .active-path{color:#ee1c1b!important;border-left:4px solid #ee1c1b}.test-item{color:#999}.main-cont{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex:10 1;flex:10 1;min-height:100vh}.section-cont{background-color:transparent;height:100%;position:relative}.center-cont{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.center-cont-scale{margin-left:0!important;padding-left:0!important}.main-panel-cont{padding:20px;padding-right:0;padding-bottom:0;padding-left:0}.main-panel-cont-simple{padding-bottom:0}.disks{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}.disks-header-and-list{width:100%;padding-bottom:40px;margin-right:20px;margin-left:20px}.diskList{display:-ms-flexbox;display:flex;-ms-flex:2 1;flex:2 1;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.diskList2{-ms-flex-pack:start;justify-content:flex-start;padding-left:20px}.visible-on-hover{visibility:hidden}div:hover>.visible-on-hover,td:hover .visible-on-hover,tr:hover .visible-on-hover{visibility:visible}.visible-on-hover-lg{visibility:hidden}div:hover>.visible-on-hover-lg{visibility:visible}.visible-on-hover-disk{visibility:hidden}div.disk-cont-inner:hover .visible-on-hover-disk{visibility:visible}.m-main{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.non-clickable{cursor:auto!important}.h100{height:100%}.disks-header-and-list-no-player{width:100%}@media (max-width:1600px){.disks-header-and-list-no-player{max-width:100%}}@media (max-width:1400px){.disks-header-and-list-no-player{max-width:100%}}@media (max-width:1200px){.disks{-ms-flex-direction:column;flex-direction:column}.disks-header-and-list{max-width:100%;padding-bottom:0;margin-right:0;margin-left:0}}@media (max-width:768px){body{background-size:cover;color:#333}.feedback h2,.home h2,.intro h2,.page-not-found h2,.pageName-cont h2{font-size:24px;color:#333;margin-top:0}.pageName-cont h2,.pageName-cont h3,.pageName-cont input{font-family:sans-serif;color:#333}.intro h2.br{margin-bottom:20px}.feedback p,.home p,.intro p{font-size:18px;color:#333}.home ul{padding:5px}.main-panel-cont{padding:10px}.main-panel-cont-scale{padding:10px 0 0}.main-cont{position:relative;min-height:100vh}.m-main{-ms-flex-pack:center;justify-content:center;width:100%}.intro-center,.m-main{display:-ms-flexbox;display:flex}.intro-center{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-left:-10px}.center-cont{margin-left:0;padding-left:0;padding-right:0;width:100%}.disks-header-and-list{padding-bottom:0;padding-left:10px;padding-right:10px}.disks{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.diskList{-ms-flex-pack:justify;justify-content:space-between}.diskList2{-ms-flex-pack:start;justify-content:flex-start}.visible-on-hover-lg{visibility:initial}input[type=range].scale-slider{height:5px}aside .active-path{border:none;border-bottom:4px solid #ee1c1b}}input[type=url]:invalid{border:3px solid red}input[type=range].scale-slider{height:16px;display:block;z-index:10;margin-bottom:10px;background-color:#0e7e8e;opacity:.7;outline:none}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#ee1c1b;border:1px solid #000;cursor:pointer;margin-top:0}input[type=range]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#ee1c1b;border:1px solid #000;cursor:pointer}input[type=range]::-ms-thumb{border:1px solid #000;height:16px;width:16px;border-radius:50%;background:#ee1c1b;cursor:pointer}input[type=range]::-ms-tooltip{display:none}@media (max-width:768px){input[type=range].scale-slider{height:24px;margin-bottom:10px}input[type=range]::-webkit-slider-thumb{height:24px;width:24px;margin-top:0}input[type=range]::-moz-range-thumb{height:24px;width:24px}input[type=range]::-ms-thumb{height:24px;width:24px}}.logo{width:60px;height:60px}.logo-front{background-image:url(/img/logo-clef-60.png)}.logo-front-xs{background-image:url(/img/logo-clef-30.png);display:inline-block;margin-left:5px;margin-right:10px;width:30px!important;height:30px!important;vertical-align:bottom}.logo-back{background-image:url(/img/logo-int-60.png)}.logo-int2{margin-bottom:80px;padding:0;margin-top:20px;margin-left:13px;opacity:.8;cursor:pointer;border:none;outline:none}.logo-prompt{top:66px;position:absolute;left:12px;font-family:Montserrat;font-weight:700;color:#777}.logo-prompt-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);left:18px}.side-nav-cont{border-right:3px solid #fff;background-color:#b2ebf2;min-height:100vh;z-index:10}.side-nav-cont-slider{width:90px;min-width:90px;overflow:hidden;-webkit-transition:min-width .5s ease,-webkit-transform .5s ease;transition:min-width .5s ease,-webkit-transform .5s ease;-o-transition:transform .5s ease,min-width .5s ease;transition:transform .5s ease,min-width .5s ease;transition:transform .5s ease,min-width .5s ease,-webkit-transform .5s ease}.side-nav-cont-slider.opened{-webkit-transform:translatX(0);-ms-transform:translateX(0);transform:translateX(0)}.side-nav-cont-slider.closed{min-width:0;width:0;display:none;-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}.side-nav-cont ul{list-style:none;margin-left:0;padding-left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.side-nav-cont ul li{margin-bottom:40px;color:#999}.side-menu{height:70%;-ms-flex-pack:justify;justify-content:space-between}.side-menu,.side-nav-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.side-nav-item{-ms-flex-align:center;align-items:center;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700;text-align:center}.side-nav-item,.side-nav-item:hover{text-decoration:none}.side-nav-item .glyphicon{color:#999;display:none}.show{display:block}.side-nav-item.active-path .glyphicon{color:#ee1c1b}aside a.fake-active div,aside a.fake-active span{color:#ee1c1b;text-decoration:none}.nav-glyph{display:block;font-size:24px;margin-bottom:10px}.unsaved,.unsaved .nav-glyph.glyphicon{color:#2b4fa2}.saved .nav-glyph{color:#999}.saveError{border:1px solid red}.saving{border:1px solid #fff}.side-save{margin-left:10px;margin-right:10px;padding-top:5px}.nav-text{text-align:center}.flip-container{-webkit-perspective:1000px;perspective:1000px}.flip-container-2 .flipper{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.back,.flip-container,.front{width:60px;height:60px}.flipper{-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}.front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.vert-flex-center{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media (max-width:1680px){.logo{width:45px;height:45px}.logo-front{background-image:url(/img/logo-clef-45.png)}.logo-back{background-image:url(/img/logo-int-45.png)}.logo-int2{margin-bottom:60px;margin-left:17px}.logo-prompt{top:50px;left:6px}.logo-prompt-back{left:25px}.side-nav-cont-slider{width:80px;min-width:80px}.side-nav-item{font-size:12px}.side-nav-item span{text-align:center}}@media (max-width:1440px){.logo{width:45px;height:45px}.logo-front{background-image:url(/img/logo-clef-45.png)}.logo-back{background-image:url(/img/logo-int-45.png)}.logo-int2{margin-bottom:60px;margin-left:17px}.side-nav-cont-slider{width:80px;min-width:80px}.side-nav-item{font-size:12px}.side-nav-item span{text-align:center}}@media (max-width:768px){.nav-glyph{margin:0}.saved .nav-glyph{color:#fff}.logo-int2{margin:0}.logo{width:37px;height:37px}.logo-front{background-image:url(/img/logo-clef-37.png)}.logo-back{background-image:url(/img/logo-int-37.png)}.logo-prompt{display:none}.side-menu{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:justify;justify-content:space-between}.side-menu,.side-nav-cont{-ms-flex-direction:row;flex-direction:row}.side-nav-cont{position:relative;display:-ms-flexbox;display:flex;background-color:transparent;border:none;width:100%;-ms-flex-pack:start;justify-content:flex-start;padding-left:0;padding-right:20px;-ms-flex-align:center;align-items:center;min-height:0}.side-nav-cont ul{-ms-flex-direction:row;flex-direction:row;margin:0;display:-ms-inline-flexbox;display:inline-flex}.side-nav-cont ul li:first-child{margin:0;padding:0 10px 0 0}.side-nav-cont ul li{margin:0;padding:0 10px}.side-nav-cont-slider{width:inherit;-webkit-transition:min-width .5s ease,-webkit-transform .5s ease;transition:min-width .5s ease,-webkit-transform .5s ease;-o-transition:transform .5s ease,min-width .5s ease;transition:transform .5s ease,min-width .5s ease;transition:transform .5s ease,min-width .5s ease,-webkit-transform .5s ease}.side-nav-cont-slider.opened{-webkit-transform:translatX(0);-ms-transform:translateX(0);transform:translateX(0)}.side-nav-cont-slider.closed{min-width:0;width:0;-webkit-transform:translateX(-45px);-ms-transform:translateX(-45px);transform:translateX(-45px)}.side-nav-item{padding-bottom:5px}.side-nav-item span{display:none}.side-nav-item .glyphicon{color:#fff;display:inline-block}.side-save{margin:0;padding:0}.side-logout-txt{display:none}.flip-container{-webkit-perspective:500px;perspective:500px}.back,.flip-container,.front{width:37px;height:37px;margin-top:2px}.vertical.flip-container .flipper{-webkit-transform-origin:100% 15px;-ms-transform-origin:100% 15px;transform-origin:100% 15px}.saveError{min-width:30px;margin-left:6px!important}}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:30px;color:#444;border-bottom:2px solid #fff;min-height:120px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;position:relative;margin-top:-10px}.no-header-slider{margin-top:-26px}.no-header-slider-ie{margin-top:-60px}.header-slider{min-height:45px;max-height:200px;-webkit-transition:max-height .5s ease,min-height .5s ease,-webkit-transform .5s ease;transition:max-height .5s ease,min-height .5s ease,-webkit-transform .5s ease;-o-transition:transform .5s ease,max-height .5s ease,min-height .5s ease;transition:transform .5s ease,max-height .5s ease,min-height .5s ease;transition:transform .5s ease,max-height .5s ease,min-height .5s ease,-webkit-transform .5s ease}.header-slider-with-tagline{min-height:140px;height:140px}.header-slider.opened{-webkit-transform:translatY(0);-ms-transform:translateY(0);transform:translateY(0)}.header-slider.closed{min-height:0;max-height:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}.header h1{font-size:60px;margin:10px 0 5px}.header a:active,.header a:active div,.header a:active span,.header a:hover,.header a:hover div,.header a:hover span,.header a:link,.header a:link div,.header a:link span,.header a:visited,.header a:visited div,.header a:visited span{color:#fff;text-decoration:none}.header-img{width:80px;cursor:pointer;margin-top:20px;margin-bottom:50px;margin-left:12px}.header-title-bg-cont{position:absolute;width:100%;height:100%;background-color:#0e7e8e;z-index:-1;opacity:.5;top:0;left:0}.header-title-cont{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.header-title-cont h2{color:#fff;margin-top:0;margin-bottom:10px;font-size:24px;font-family:Roboto;font-weight:700;word-spacing:5px}.header-title{text-align:center;color:#fff;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;margin:0 0 5px}.header-box{margin:10px 8px 8px;height:20px;opacity:.5;border-radius:5px}.header-disk-box{width:60px;background-color:#fff}.header-yt-box{width:25px;background-color:#ee1c1b}.header-title-inline{margin:0 4px 0 0}.header-inline{word-spacing:5px}.header-title a:hover{text-decoration:none}.header-disk{padding:5px 5px 0 10px}.header-yt{background-color:#ee1c1b;margin-left:10px;padding:0 10px;border-radius:15px}h2.header-yt{margin-left:0;margin-right:10px;padding:5px 10px 2px}.header-title h1{display:inline-block;font-family:Fjalla One,sans-serif;color:#fff}.header-title h2{display:inline-block;font-family:Roboto Condensed,sans-serif;color:#fff}.header-cont{padding:20px;border-bottom:1px solid #ccc}.header-title-menu-cont{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:baseline;align-items:baseline;width:100%}.top-right-menu-cont{display:-ms-flexbox;display:flex;color:#fff}.top-right-menu-cont li{margin-right:50px;height:30px}.top-right-menu-cont .side-nav-item .glyphicon{display:block;margin-bottom:0}.top-right-menu-cont li{list-style:none}@media (max-width:1680px){.header-slider{min-height:45px}.header-slider-with-tagline{min-height:120px;height:120px}.header-title{margin:0 0 5px}.header h1{font-size:40px}}@media (max-width:1440px){.header-slider{min-height:45px}.header-slider-with-tagline{min-height:120px;height:120px}.header-title{margin:0 0 5px}.header h1{font-size:40px}}@media (max-width:768px){.header-disk{padding:5px 5px 0 0}.header-line{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding-right:15px;margin-bottom:10px;margin-top:10px}.header-yt{margin-left:3px}.header h1{font-size:20px}.header-title-cont h2{margin-top:0;margin-bottom:10px;font-size:16px;word-spacing:2px}.header{-ms-flex-pack:justify;justify-content:space-between;min-height:60px}.header-scale{min-height:80px}.no-header-slider{margin-top:-36px}.header-slider{min-height:100px;height:auto;max-height:100px;overflow:hidden;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:max-height .5s ease,min-height .5s ease,-webkit-transform .5s ease;transition:max-height .5s ease,min-height .5s ease,-webkit-transform .5s ease;-o-transition:transform .5s ease,max-height .5s ease,min-height .5s ease;transition:transform .5s ease,max-height .5s ease,min-height .5s ease;transition:transform .5s ease,max-height .5s ease,min-height .5s ease,-webkit-transform .5s ease}.header-slider.opened{-webkit-transform:translatY(0);-ms-transform:translateY(0);transform:translateY(0)}.header-slider.closed{min-height:0;max-height:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}.header-title-cont{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;margin-left:30px;margin-bottom:10px;-ms-flex-direction:column;flex-direction:column;width:100%}.header-title{margin:0;-ms-flex-align:baseline;align-items:baseline}.header-title-inline{margin:0 4px}.header-title-simple{margin-bottom:10px}.header-title-scale{margin:0}}.home-footer{-ms-flex-pack:center;justify-content:center}.home-footer,.home-footer div{display:-ms-flexbox;display:flex}.home-footer div{-ms-flex-pack:start;justify-content:flex-start;padding-bottom:20px}.home-footer a,.home-footer span{margin-left:10px;margin-right:10px;word-spacing:5px}.home-container a{color:#337ab7}.home-container .home-footnote{font-size:medium}.word-diskyt{font-family:Roboto Condensed,sans-serif;color:#333}.home-jumbotron{padding-bottom:28px}@media screen and (min-width:1200px) and (max-width:1300px){.home-container{width:1100px}}@media screen and (min-width:992px) and (max-width:1100px){.home-container{width:800px}}@media screen and (min-width:768px) and (max-width:860px){.home-container{width:650px}}@media screen and (min-width:768px) and (max-width:1200px){.home-jumbotron{padding:20px 30px 10px}}@media (max-width:768px){.home-footer div{-ms-flex-direction:column;flex-direction:column;padding:5px;width:100%}.home-footer a,.home-footer span{line-height:2.5}.home-container a{word-spacing:normal}.home-container h1.br{margin-top:10px;margin-bottom:0;font-size:24px}.home-container h3{font-size:18px}}
/*# sourceMappingURL=common.1564c0ae.css.map*/