/** Created by PhpStorm. User: Teo Date: 30.01.2018 Time: 15:19 */
.svoBox-outer { box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

.svoBox-outer *[class^="svoBox-"] { box-sizing: border-box; }

.svoBox-iframe .svoBox-inner, .svoBox-image .svoBox-inner { overflow: hidden; text-align: center; }

.svoBox-outer:nth-child(n+2) { background: rgba(0, 0, 0, 0.1) !important; }

.svoBox-outer.open, .svoBox-outer.open2 { opacity: 1; }

.svoBox-wrap { position: absolute; background: #fff; padding: 15px; margin: 0; margin-top: 0; margin-left: 0; border-radius: 5px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.svoBox-wrap > .svoBox-nav-prev, .svoBox-wrap > .svoBox-nav-next { width: 32px; height: calc(100% - 30px); position: absolute; display: inline-block; top: 15px; left: 15px; text-align: center; font-weight: bold; font-size: 30pt; color: #eee; cursor: pointer; opacity: 1; left: -32px; }

.svoBox-wrap > .svoBox-nav-prev::after, .svoBox-wrap > .svoBox-nav-prev:after { content: ' '; background: url("/canevas/svor/images/svoBox/modal_arrows_sprite.png"); background-position: 0 0; width: 64px; height: 64px; position: absolute; display: inline-block; top: 50%; left: 0px; margin-top: -32px; }

.svoBox-wrap > .svoBox-nav-next::after, .svoBox-wrap > .svoBox-nav-next:after { content: ' '; background: url("/canevas/svor/images/svoBox/modal_arrows_sprite.png"); background-position: 0 0; width: 64px; height: 64px; position: absolute; display: inline-block; top: 50%; left: 0px; margin-top: -32px; }

.svoBox-wrap > .svoBox-nav-prev::after, .svoBox-wrap > .svoBox-nav-prev:after { background-position: 0 64px; right: 0px; left: auto; }

.svoBox-wrap > .svoBox-nav-next { left: auto; right: -32px; }

.svoBox-wrap > .svoBox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 30px; color: #888; cursor: pointer; background: #fff; box-shadow: 0 0 12px -4px rgba(0, 0, 0, 0.7); font-weight: 400; font-family: arial !important; -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; font-size: 32px; }

.svoBox-wrap > .svoBox-close:hover { background: #eee; }

.svoBox-wrap > .svoBox-bottom-bar { background: rgba(0, 0, 0, 0.6); color: white; padding: 8px; position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); pointer-events: none; }

.svoBox-wrap > .svoBox-bottom-bar[data-svobox-title-style='inside'] { padding: 5px 0 0 0; position: static; color: #777; background: transparent; bottom: 0; left: 0; display: block; width: auto; pointer-events: auto; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; }

.svoBox-wrap > .svoBox-bottom-bar[data-svobox-title-style='outside'] { position: absolute; bottom: -40px; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 20px; text-align: center; border-radius: 50px; display: block; width: 100%; margin: 0; left: 0; pointer-events: auto; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; }

.svoBox-wrap > .svoBox-bottom-bar .svoBox-title { display: inline-block; }

.svoBox-wrap > .svoBox-bottom-bar .svoBox-item-count { float: right; display: inline-block; }

.svoBox-wrap > .svoBox-bottom-bar.svoBox-hidden { display: none; }

.svoBox-outer.open > .svoBox-wrap { -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

.svoBox-outer.open > .svoBox-wrap > .svoBox-inner { -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

.svoBox-wrap > .svoBox-inner { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; }

.svoBox-wrap > .svoBox-inner > iframe { border: none; }

.zoomBox { cursor: Row-Resize; cursor: zoom-in; overflow: hidden; position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }

.zoomBox.maxZoom { cursor: zoom-out; }

.zoomBox.drag { cursor: All-Scroll; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }

.zoomBox.noZoom { cursor: default !important; }