.ok-container{font-size:1em}.ok-container .okulus{display:inline-block}.ok-container .open{position:absolute;overflow-y:scroll;height:100%;top:0;left:0;right:0;z-index:200000;background:white;color:#545454}.ok-container .open .ok-header{display:flex;height:46px;padding:0 16px;background:#eeeeee}.ok-container .open .ok-header .title,.ok-container .open .ok-header .input-search,.ok-container .open .ok-header .tool-bar-btn{flex:1;display:flex;align-items:center}.ok-container .open .ok-header .title h2{margin:0;font-size:14px;font-weight:bold}.ok-container .open .ok-header .input-search{height:45px;flex:8}.ok-container .open .ok-header .input-search input{width:100%;height:100%;padding:0 16px;margin-left:14px;border:none}.ok-container .open .ok-header .tool-bar-btn{align-items:center;justify-content:flex-end}.ok-container .open .ok-header .tool-bar-btn a{width:100px;height:30px;line-height:30px;border-radius:20px;background-color:#46c3b6;font-size:13px;font-weight:600;font-style:normal;font-stretch:normal;text-align:center;color:#ffffff;text-decoration:none}.ok-container .open .ok-header .tool-bar-btn a:hover,.ok-container .open .ok-header .tool-bar-btn a:active,.ok-container .open .ok-header .tool-bar-btn a:focus{text-decoration:none}.ok-container .open .ok-header .close{display:flex;position:relative;height:100%;width:40px;margin:0 16px;flex:0;align-items:center;top:0;right:inherit}.ok-container .open .ok-header .close:before,.ok-container .open .ok-header .close:after{background-color:#000000}.ok-container .open .ok-header.fixed{position:fixed;width:100%;z-index:100}.ok-container .errorMessage{color:#c83a43;text-align:center}.ok-gallery{position:relative;margin-top:46px}.ok-gallery .ok-body{margin:0 auto}.ok-gallery .ok-body .grid{display:flex;flex-flow:row wrap;justify-content:space-between}.ok-gallery .ok-body .grid:after{content:"";flex:auto}.ok-gallery .ok-body .grid .ok-picture{margin:1rem}okulus-picture .ok-picture{position:relative}okulus-picture .ok-picture.selected .check{background-color:#46c3b6}okulus-picture .ok-picture .img{position:relative;width:160px;height:160px;border-radius:3px;border:solid 0.5px #eeeeee}okulus-picture .ok-picture .img .check{position:absolute;width:21px;height:21px;top:10px;right:10px;overflow:hidden;border-radius:50%;text-align:center}okulus-picture .ok-picture .img .check .glyphicon-ok-circle,okulus-picture .ok-picture .img .check .fa-check-circle-o{margin-top:-2px;font-size:1.5em;font-weight:300;color:#ffffff}okulus-picture .ok-picture .img .img-container{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer}okulus-picture .ok-picture .img .img-container .video,okulus-picture .ok-picture .img .img-container .audio,okulus-picture .ok-picture .img .img-container .pdf{display:flex;height:calc(100% - 40px);background-color:#d6d6d6}okulus-picture .ok-picture .img .img-container .video i,okulus-picture .ok-picture .img .img-container .audio i,okulus-picture .ok-picture .img .img-container .pdf i{justify-content:center;align-items:center;font-size:3em;display:flex;flex:1}okulus-picture .ok-picture .img img{width:100%;height:auto}okulus-picture .ok-picture .desc{position:absolute;bottom:0;width:100%;height:40px;align-items:center;background-color:#ffffff}okulus-picture .ok-picture .desc .info{max-width:133px;padding:7px 0 0 8px;float:left}okulus-picture .ok-picture .desc .name{font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;color:#4a4a4a;user-select:none;cursor:pointer}okulus-picture .ok-picture .desc .date{font-size:10px;font-weight:normal;font-style:normal;font-stretch:normal;color:#9b9b9b;user-select:none;cursor:pointer}okulus-picture .ok-picture .desc .settings{float:right;padding:10px 8px 0 0;user-select:none;cursor:pointer}okulus-picture .ok-picture .desc .settings .circle{height:4px;width:4px;margin:2px 1px;border-radius:50%;background-color:#000000}okulus-picture .ok-picture img,okulus-picture .ok-picture p{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ok-upload table th,.ok-upload table td{border-bottom:1px solid #ddd}.ok-upload .table{width:100%}.ok-upload .voffset2{margin-top:30px}.ok-upload .ok-body{padding:16px;margin-top:46px}.ok-upload canvas{background-color:#f3f3f3;-webkit-box-shadow:3px 3px 3px 0 #e3e3e3;-moz-box-shadow:3px 3px 3px 0 #e3e3e3;box-shadow:3px 3px 3px 0 #e3e3e3;border:1px solid #c3c3c3;height:100px;margin:6px 0 0 6px}.ok-upload .nv-file-over{background-color:#FFBEA3}.ok-upload .other-over-zone{background-color:moccasin}.zone{width:100%}.over-zone{border:2px dashed lavender;height:100px;padding:35px 4px;text-align:center}.over-zone.drag-over{border-color:#3ec4b6}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}html,body{margin:0;padding:0;font-family:'Open Sans', Arial, sans-serif}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
