/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(/fonts/glyphicons-halflings-regular.eot);src:url(/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(/fonts/glyphicons-halflings-regular.woff) format("woff"),url(/fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
.iv {
    /***** snap view css *****/
    /*** zoom slider ***/
    /**** snap view css end *****/
}

.iv-container {
    overflow: hidden;
    position: relative;
}

.iv-fullscreen {
    position: fixed;
    background: #0d0d0d;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000;
}

.iv-fullscreen-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.iv-container {
    overflow: hidden;
    position: relative;
}

.iv-image-mode {
    display: inline-block;
}

.pi-preview-icon-area .pi-icon-preview-close {

}

.iv-fullscreen-close {
    position: absolute;
    right: 16px;
    top: 16px;
}

.iv-snap-view {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 66px;
    right: 16px;
    border: 1px solid #aaa;
    background: black;
    z-index: 100;
    box-sizing: content-box;
    transition: opacity ease 400ms;
    opacity: 0;
}

.iv-snap-image-wrap {
    display: inline-block;
    position: absolute;
    max-width: 150px;
    max-height: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.iv-snap-image {
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}

.iv-snap-handle {
    box-sizing: border-box;
    position: absolute;
    border: 1px solid white;
    transform: translate3d(0, 0, 0);
    box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    cursor: grab;
}

.iv-snap-handle:active {
    cursor: grabbing;
}

.iv-zoom-slider {
    width: 100%;
    box-sizing: content-box;
    border: 1px solid #aaa;
    border-top: 0;
    background: rgba(0, 0, 0, 0.3);
    height: 15px;
    position: absolute;
    top: 150px;
    left: -1px;
}

.iv-zoom-handle {
    width: 20px;
    height: 15px;
    background: white;
    position: absolute;
    cursor: pointer;
    cursor: grab;
}

.iv-zoom-handle:active {
    cursor: grabbing;
}

.iv-zoom-action-bar{
    color: var(--sc-white-color);
    display: flex;
    font-size: 23px;
    border: 1px solid #aaa;
    border-top: 0;
    width: 100%;
    height: 32px;
    position: absolute;
    top: 166px;
    background: rgba(0, 0, 0, 0.3);
    left: -1px;
    box-sizing: content-box;
}

.iv-zoom-action-bar div{
    align-self: center;
    text-align: center;
    width: 50%;
}

.iv-zoom-action-bar div:hover{
    cursor: pointer;
    background-color: #353535;;
}


.iv-image-view {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.iv-image-wrap {
    display: inline-block;
}

.iv-image-wrap:active {
    cursor: move;
}

.iv-image {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    -ms-touch-action: none;
    touch-action: none;
    transform: translate3d(0, 0, 0);
}

.iv-loader {
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    z-index: 100;
    margin-top: -16px;
    margin-left: -16px;
    font-size: 5px;
    position: absolute;
    text-indent: -9999em;
    border: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    transform: translateZ(0);
    animation: loading-icon 1.1s infinite linear;
}

.iv-loader:after {
    width: 10em;
    height: 10em;
    border-radius: 50%;
}

@keyframes loading-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 767px) {
    .iv-snap-view {
        z-index: -1;
        visibility: hidden;
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    font-size: 150% !important;
  }
}

/* perfect-scrollbar v0.8.1 */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
      overflow: auto !important; } }
  .ps.ps--active-x > .ps__scrollbar-x-rail,
  .ps.ps--active-y > .ps__scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
      background-color: #999;
      height: 11px; }
  .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
      background-color: #999;
      width: 11px; }
  .ps > .ps__scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    /* there must be 'bottom' for ps__scrollbar-x-rail */
    height: 15px; }
    .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      bottom: 2px;
      /* there must be 'bottom' for ps__scrollbar-x */
      height: 6px; }
    .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
      height: 11px; }
  .ps > .ps__scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps__scrollbar-y-rail */
    width: 15px; }
    .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      right: 2px;
      /* there must be 'right' for ps__scrollbar-y */
      width: 6px; }
    .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
      width: 11px; }
  .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
      background-color: #999;
      height: 11px; }
  .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
      background-color: #999;
      width: 11px; }
  .ps:hover > .ps__scrollbar-x-rail,
  .ps:hover > .ps__scrollbar-y-rail {
    opacity: 0.6; }
  .ps:hover > .ps__scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
      background-color: #999; }
  .ps:hover > .ps__scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
      background-color: #999; }

@charset "UTF-8";
/*
 * jQuery File Upload UI Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */

.progress-animated .progress-bar,
.progress-animated .bar {
  background: url('../img/progressbar.gif') !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url('../img/loading.gif') center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}
.files .name {
  word-wrap: break-word;
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.files button {
  margin-bottom: 5px;
}
.toggle[type='checkbox'] {
  transform: scale(2);
  margin-left: 10px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .btn {
    margin-bottom: 5px;
  }
  .fileupload-buttonbar .delete,
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
}

@media (max-width: 480px) {
  .files .image td:nth-child(2) {
    display: none;
  }
}

.pi-subaction-area {
    opacity: 0;
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    color: var(--action-text-color);
    background-color: transparent;
    display: flex;
    margin-top: 12px;
    height: 48px;
    z-index: 4;
}

/*.pi-mobile .pi-subaction-area {*/
/*    font-size: 20px;*/
/*}*/

.pi-subaction-left-content {
    flex-grow: 1;
}

.pi-subaction-left-minimized {
    cursor: pointer;
    display: none;
    margin-top: -4px;
}

.pi-subaction-left-normal {
    display: flex;
    flex-wrap: nowrap;
}

.pi-subaction-right-content {
    display: flex;
    align-items: center;
}

.pi-main-action-button {
    min-width: 158px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 12px 16px !important;
    -webkit-border-radius: 24px !important;
    -moz-border-radius: 24px !important;
    border-radius: 24px !important;
}

/*.pi-mobile .pi-main-action-button {*/
/*    font-size: 22px !important;*/
/*    padding: 10px !important;*/
/*}*/

.pi-subaction-text-indicator {
    display: block !important;
}

.pi-main-action-button a {
    color: white !important;
}

.pi-list-view-toggle {
    top: 64px;
    position: absolute;
    right: 8px;
    z-index: 1;
}

.pi-mobile .pi-list-view-toggle {
    top: 64px;
}

.pi-action-content {
    display: flex;
    flex-direction: row;
    transition: opacity 0.5s ease-in-out;
    justify-content: flex-end;
}

.pi-action-content .left-area {
    display: flex;
    border-radius: 24px;
    align-items: center;

    background: var(--navbar-bg-color);
    backdrop-filter: blur(8px);
}

.pi-action-content .left-area .btn.btn-secondary {
    border-radius: 24px;
}

backup-view .left-area {
    padding-right: 4px !important;
}

.left-area.transparent {
    background: transparent;
    backdrop-filter: none;
}

.pi-action-content .actions, .menu, .mobileSelect, .mainAction {
    display: none;
}

.pi-action-content .mainAction {
    margin-left: 24px;
}

.pi-action-content .menu {
    margin-left: 24px;
}

.pi-action-content .mobileSelect {
    margin-left: 24px;
}

.pi-add-photos-group-album {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 48px;
    height: 48px;
    -webkit-background-size: 48px;
    background-size: 48px;
    background-repeat: no-repeat;
    background-image: url(/img/actions/add_photos_white_v1.svg);
}

.pi-action-content .mobileSelect .pi-actionLabel {
    display: none;
    font-size: 16px;
    font-family: TheSansW4SemiLight;
    color: var(--primary-interaction-color);
    line-height: 1.5;
    padding-top: 4px;
}

.mono-dropdown-item-text {
}

.dropdown-menu > li > a {
    display: flex !important;
}

.pi-action-button.responsive {

}

.pi-main-action-button .icon {
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
    margin-right: 8px;
}

.pi-action-button {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 24px;
    white-space: nowrap;
}

.pi-action-button .icon {
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
    margin-right: 8px;
}

.pi-mobileSelectIcon {
    margin-top: 4px;
    display: block;
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
}

.pi-icon-size {
    cursor: pointer;
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
}


.mono-photo-thumbnail-album-mouseover-area .pi-icon-size {
    cursor: pointer;
    width: 32px;
    height: 32px;
    -webkit-background-size: 32px;
    background-size: 32px;
}

.mono-photo-thumbnail-mouseover-area .pi-icon-size {
    cursor: pointer;
    width: 32px;
    height: 32px;
    -webkit-background-size: 32px;
    background-size: 32px;
}

/*.pi-action-button:last-child {*/
/*margin-right: 0;*/
/*}*/

.pi-action-button .text {
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-interaction-color);
    line-height: 1.5;
}

.pi-mobile .pi-action-button .text {
    display: none;
}

.pi-mobile .pi-action-button .icon {
    margin-right: 0;
}

.pi-mobile .btn.pi-action-button {
    min-width: unset;
}

.pi-desktop .pi-action-button:hover .text {
    color: var(--primary-interaction-hover);
}

.pi-desktop .pi-action-button:hover .fa-angle-down {
    color: var(--primary-interaction-hover);
}

.pi-icon-share {
    background-repeat: no-repeat;
    background-image: url('/img/actions/share_blue_v1.svg');
}

.pi-icon-dynamic-fromOtherUsers {
    background-repeat: no-repeat;
    background-image: url('/img/actions/share_blue_v1.svg');
}

.pi-icon-dynamic-hidden {
    background-repeat: no-repeat;
    background-image: url('/img/actions/hidden_blue_v1.svg');
}

.pi-icon-select {
    background-repeat: no-repeat;
    background-image: url('/img/actions/select_blue_v1.svg');
}

.pi-icon-albums {
    background-repeat: no-repeat;
    background-image: url('/img/actions/albums_blue_v1.svg');
}

.pi-icon-smiley {
    background-repeat: no-repeat;
    background-image: url('/img/actions/smiley_white_v1.svg');
}

.pi-icon-add-folder {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_folder_blue_v1.svg');
}

.pi-icon-lock-safe {
    background-repeat: no-repeat;
    background-image: url('/img/actions/lock_blue_v1.svg');
}

.pi-icon-add-album {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_album_blue_v1.svg');
}

.pi-icon-filter {
    background-repeat: no-repeat;
    background-image: url('/img/actions/filter_blue_v1.svg');
}

.pi-icon-rocket {
    background-repeat: no-repeat;
    background-image: url('/img/actions/rocket_blue_v1.svg');
}

.pi-icon-mount {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_to_album_blue_v1.svg');
}

.pi-icon-present {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/present_blue_v1.svg');
}

.pi-icon-contest {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/contest_blue_v1.svg');
}

.pi-icon-unmount {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_album_blue_v1.svg');
}

.pi-icon-remove-link {
    background-repeat: no-repeat;
    background-image: url('/img/actions/chain_break_blue_v1.svg');
}

.pi-icon-qr-code {
    background-repeat: no-repeat;
    background-image: url('/img/actions/qr_code_blue_v1.svg');
}

.pi-icon-link {
    background-repeat: no-repeat;
    background-image: url('/img/actions/link_white_v1.svg');
}

.pi-icon-dynamic-notInAlbum {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_album_blue_v1.svg');
}

.pi-icon-add-to-mycloud {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_to_myCloud_blue_v2.svg');
}

.pi-icon-remove-from-mycloud {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_myCloud_blue_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-add-to-mycloud {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_to_myCloud_hover_v2.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-remove-from-mycloud {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_myCloud_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-add-album {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_album_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-mount {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_to_album_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-present {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/present_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-contest {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/contest_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-unmount {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_album_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-dynamic-notInAlbum {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_album_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-filter {
    background-repeat: no-repeat;
    background-image: url('/img/actions/filter_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-rocket {
    background-repeat: no-repeat;
    background-image: url('/img/actions/rocket_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-share {
    background-repeat: no-repeat;
    background-image: url('/img/actions/share_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-dynamic-fromOtherUsers {
    background-repeat: no-repeat;
    background-image: url('/img/actions/share_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-dynamic-hidden {
    background-repeat: no-repeat;
    background-image: url('/img/actions/hidden_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-select {
    background-repeat: no-repeat;
    background-image: url('/img/actions/select_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-trash {
    background-repeat: no-repeat;
    background-image: url('/img/actions/trash_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-add-folder {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_folder_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-lock-safe {
    background-repeat: no-repeat;
    background-image: url('/img/actions/lock_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-download {
    background-repeat: no-repeat;
    background-image: url('/img/actions/download_hover_v1.svg');
}

.pi-desktop .pi-action-button:hover .pi-icon-versioning {
    background-repeat: no-repeat;
    background-image: url('/img/actions/versioning_white_v1.svg');
}


.pi-icon-tile {
    background-repeat: no-repeat;
    background-image: url('/img/actions/tile_view_gray_v1.svg');
}

.pi-dark-theme .pi-icon-tile {
    background-image: url('/img/actions/tile_view_white_v1.svg');
}

.pi-desktop .pi-icon-tile:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/tile_view_hover_v1.svg');
}

.pi-icon-list {
    background-repeat: no-repeat;
    background-image: url('/img/actions/list_view_gray_v1.svg');
}

.pi-dark-theme .pi-icon-list {
    background-repeat: no-repeat;
    background-image: url('/img/actions/list_view_white_v1.svg');
}

.pi-desktop .pi-icon-list:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/list_view_hover_v1.svg');
}

.pi-desktop .pi-icon-search {
    background-repeat: no-repeat;
    background-image: url('/img/actions/search_blue_v1.svg');
}

.pi-desktop .pi-icon-search:hover {
    background-image: url('/img/actions/search_navy_v1.svg');
}

.pi-icon-back {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url('/img/actions/arrow_left_blue_v1.svg');
}

.pi-desktop .pi-icon-back:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/arrow_left_hover_v1.svg');
}

.pi-icon-info {
    background-repeat: no-repeat;
    background-image: url('/img/actions/info_navy_v1.svg');
}

.pi-icon-info-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/info_white_v2.svg');
}

.pi-mobile .mono-preview-content .pi-icon-size {
    width: 32px;
    height: 32px;
    background-size: 32px;
}

.pi-mobile .mono-right-panel-area .pi-icon-size {
    width: 32px;
    height: 32px;
    background-size: 32px;
}

/*
LIST group Styles
 */

.pi-list-column .pi-list-group {
    display: flex;
    flex-flow: column;
    width: 100%;
    padding: 16px 0;
}

.pi-list-group .mono-file-icon {
    cursor: pointer;
    width: 32px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
    margin: 0 4px 0 0;
}

.pi-list-group .pi-history-more {
    margin-left: 16px;
    margin-top: 8px;
    align-self: flex-start;
}

.pi-list-group .pi-group-items {
    display: flex;
    font-size: 14px;
    flex-flow: column;
    padding: 16px 16px 0px 16px;
}

.pi-group-item {
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    display: flex;
    margin-bottom: 4px;
}

.pi-group-item .pi-name {
    flex-basis: 100%;
}

.pi-col-flex-start {
    padding-top: 20px;
    align-self: flex-start;
}

/*
Dropdown item Icon styles
 */

.mono-dropdown-icon {
    margin-right: 16px;
}

.pi-dropdown-icon-size {
    cursor: pointer;
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
}

.pi-icon-add-file {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_file_blue_v1.svg');
}

.pi-icon-add-photo {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_photos_blue_v1.svg');
}

.pi-icon-account {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/account_white_v1.svg');
}

.pi-icon-rename {
    background-repeat: no-repeat;
    background-image: url('/img/actions/rename_blue_v1.svg');
}

.pi-icon-move-up {
    background-repeat: no-repeat;
    background-image: url('/img/actions/move_level_up_blue_v1.svg');
}

.pi-icon-move-to-safe {
    background-repeat: no-repeat;
    background-image: url('/img/actions/move_to_safe_blue_v1.svg');
}

.pi-icon-move {
    background-repeat: no-repeat;
    background-image: url('/img/actions/move_files_blue_v1.svg');
}

.pi-icon-menu {
    cursor: pointer;
    width: 32px;
    height: 32px;
    -webkit-background-size: 32px;
    background-size: 32px;

    background-repeat: no-repeat;
    background-image: url('/img/actions/menu_blue_v1.svg');
}

.pi-icon-menu:hover {
    background-image: url('/img/actions/menu_hover_v1.svg');
}

.pi-icon-add-to-photo {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_to_photos_blue_v1.svg');
}

.pi-icon-download {
    background-repeat: no-repeat;
    background-image: url('/img/actions/download_blue_v1.svg');
}

.pi-icon-versioning {
    background-repeat: no-repeat;
    background-image: url('/img/actions/versioning_blue_v1.svg');
}

.pi-icon-trash {
    background-repeat: no-repeat;
    background-image: url('/img/actions/trash_blue_v1.svg');
}

.pi-icon-notification {
    background-repeat: no-repeat;
    background-image: url('/img/actions/notification_blue_v1.svg');
}

.pi-icon-notification-disabled {
    background-repeat: no-repeat;
    background-image: url('/img/actions/notification_disabled_blue_v1.svg');
}

.pi-icon-tileview {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_green_v1.svg');
}

.pi-icon-size-small {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_small_blue_v1.svg');
}

.pi-icon-size-medium {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_normal_blue_v1.svg');
}

.pi-icon-size-large {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_large_blue_v1.svg');
}

.pi-icon-favorites {
    background-repeat: no-repeat;
    background-image: url('/img/actions/favourites_blue_v1.svg');
}

.pi-icon-dynamic-favorites {
    background-repeat: no-repeat;
    background-image: url('/img/actions/favourites_blue_v1.svg');
}

.pi-icon-places {
    background-repeat: no-repeat;
    background-image: url('/img/actions/places_blue_v1.svg');
}

.pi-icon-dynamic-places {
    background-repeat: no-repeat;
    background-image: url('/img/actions/places_blue_v1.svg');
}

.pi-icon-video {
    background-repeat: no-repeat;
    background-image: url('/img/actions/videos_blue_v1.svg');
}

.pi-icon-dynamic-videos {
    background-repeat: no-repeat;
    background-image: url('/img/actions/videos_blue_v1.svg');
}

.pi-icon-sortRecent {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_recent_blue_v2.svg');
}

.pi-icon-dynamic-recentlyUploaded {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_recent_blue_v2.svg');
}

.pi-icon-sortManual {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_manual_blue_v1.svg');
}

.pi-icon-sortDate-asc {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_date_oldest_blue_v2.svg');
}

.pi-icon-sortDate-desc {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_date_newest_blue_v2.svg');
}

.pi-icon-sortName-az {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_az_blue_v2.svg');
}

.pi-icon-sortName-za {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_za_blue_v2.svg');
}

.pi-icon-upload {
    background-repeat: no-repeat;
    background-image: url('/img/actions/upload_blue_v1.svg');
}

.pi-icon-photo {
    background-repeat: no-repeat;
    background-image: url('/img/actions/photos_blue_v1.svg');
}

.pi-icon-laptop {
    background-repeat: no-repeat;
    background-image: url('/img/actions/laptop_blue_v1.svg');
}

.pi-icon-settings {
    background-repeat: no-repeat;
    background-image: url('/img/actions/settings_blue_v1.svg');
}

.pi-icon-edit {
    background-repeat: no-repeat;
    background-image: url('/img/actions/edit_blue_v1.svg');
}

.pi-icon-copy {
    background-repeat: no-repeat;
    background-image: url('/img/actions/copy_blue_v1.svg');
}

.pi-icon-tv {
    background-repeat: no-repeat;
    background-image: url('/img/actions/tv_blue_v1.svg');
}

.pi-icon-logout {
    background-repeat: no-repeat;
    background-image: url('/img/actions/logout_blue_v1.svg');
}

.pi-icon-help {
    background-repeat: no-repeat;
    background-image: url('/img/actions/help_blue_v1.svg');
}

.itemSelected .pi-icon-sortDate-asc {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_date_oldest_green_v2.svg');
}

.itemSelected .pi-icon-sortRecent {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_recent_green_v2.svg');
}

.itemSelected .pi-icon-dynamic-recentlyUploaded {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_recent_green_v2.svg');
}

.itemSelected .pi-icon-tileview {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_green_v1.svg');
}

.itemSelected .pi-icon-size-small {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_small_green_v1.svg');
}

.itemSelected .pi-icon-size-medium {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_normal_green_v1.svg');
}

.itemSelected .pi-icon-size-large {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_large_green_v1.svg');
}


.itemSelected .pi-icon-sortManual {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_manual_green_v1.svg');
}

.itemSelected .pi-icon-sortDate-desc {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_date_newest_green_v2.svg');
}

.itemSelected .pi-icon-sortName-az {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_az_green_v2.svg');
}

.itemSelected .pi-icon-sortName-za {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_za_green_v2.svg');
}

.dropdown-menu-info-item {
    height: 148px !important;
    cursor: default !important;
    color: var(--primary-text-color) !important;
    padding-top: 16px;
}

.dropdown-menu-info-item:hover {
    margin-top: 0px !important;
    color: var(--primary-text-color) !important;
    cursor: default !important;
    background-color: var(--dropdown-bg-color) !important;
    border-color: var(--dropdown-bg-color) !important;
}

/*.dropdown-menu-info-item:hover:after {*/
/*    position: absolute;*/
/*    top: -8px;*/
/*    left: 15px;*/
/*    display: inline-block;*/
/*    border-right: 8px solid transparent;*/
/*    border-bottom: 8px solid var(--dropdown-bg-color) !important;*/
/*    border-left: 8px solid transparent;*/
/*    content: '';*/
/*}*/

.pi-desktop .dropdown-menu-info-item > .mainLabel {
    font-family: TheSansW4SemiLight;
    font-weight: 500;
    white-space: nowrap;
    color: var(--primary-text-color);
    font-size: 16px;
    padding-left: 24px;
    margin-bottom: 4px;
}

.pi-desktop .dropdown-menu-info-item > .subBaseLabel {
    font-size: 14px;
    color: var(--secondary-text-color);
    padding-left: 24px;
    padding-right: 12px;
}

.pi-desktop .dropdown-menu-item .pi-icon-info {
    background-repeat: no-repeat;
    background-image: url('/img/actions/info_blue_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-filter {
    background-repeat: no-repeat;
    background-image: url('/img/actions/filter_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-rocket {
    background-repeat: no-repeat;
    background-image: url('/img/actions/rocket_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-albums {
    background-repeat: no-repeat;
    background-image: url('/img/actions/albums_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-settings {
    background-repeat: no-repeat;
    background-image: url('/img/actions/settings_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-edit {
    background-repeat: no-repeat;
    background-image: url('/img/actions/edit_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-copy {
    background-repeat: no-repeat;
    background-image: url('/img/actions/copy_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-laptop {
    background-repeat: no-repeat;
    background-image: url('/img/actions/laptop_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-share {
    background-repeat: no-repeat;
    background-image: url('/img/actions/share_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-dynamic-fromOtherUsers {
    background-repeat: no-repeat;
    background-image: url('/img/actions/share_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-dynamic-hidden {
    background-repeat: no-repeat;
    background-image: url('/img/actions/hidden_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-tv {
    background-repeat: no-repeat;
    background-image: url('/img/actions/tv_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-help {
    background-repeat: no-repeat;
    background-image: url('/img/actions/help_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-logout {
    background-repeat: no-repeat;
    background-image: url('/img/actions/logout_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-restore {
    background-repeat: no-repeat;
    background-image: url('/img/actions/recover_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-mount {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_to_album_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-present {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/present_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-contest {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/contest_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-unmount {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_album_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-dynamic-notInAlbum {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_album_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-photo {
    background-repeat: no-repeat;
    background-image: url('/img/actions/photos_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-upload {
    background-repeat: no-repeat;
    background-image: url('/img/actions/upload_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-add-album {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_album_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-add-file {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_file_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-add-to-mycloud {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_to_myCloud_white_v2.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-remove-from-mycloud {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_myCloud_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-sortManual {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_manual_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-sortRecent {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_recent_white_v2.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-dynamic-recentlyUploaded {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_recent_white_v2.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-tileview {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-size-small {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_small_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-size-medium {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_normal_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-size-large {
    background-repeat: no-repeat;
    background-image: url('/img/actions/view_tile_large_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-favorites {
    background-repeat: no-repeat;
    background-image: url('/img/actions/favourites_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-dynamic-favorites {
    background-repeat: no-repeat;
    background-image: url('/img/actions/favourites_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-places {
    background-repeat: no-repeat;
    background-image: url('/img/actions/places_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-dynamic-places {
    background-repeat: no-repeat;
    background-image: url('/img/actions/places_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-video {
    background-repeat: no-repeat;
    background-image: url('/img/actions/videos_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-dynamic-videos {
    background-repeat: no-repeat;
    background-image: url('/img/actions/videos_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-sortDate-asc {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_date_oldest_white_v2.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-sortDate-desc {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_date_newest_white_v2.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-sortName-az {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_az_white_v2.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-sortName-za {
    background-repeat: no-repeat;
    background-image: url('/img/actions/sort_za_white_v2.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-add-photo {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_photos_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-rename {
    background-repeat: no-repeat;
    background-image: url('/img/actions/rename_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-move-up {
    background-repeat: no-repeat;
    background-image: url('/img/actions/move_level_up_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-move-to-safe {
    background-repeat: no-repeat;
    background-image: url('/img/actions/move_to_safe_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-info {
    background-repeat: no-repeat;
    background-image: url('/img/actions/info_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-move {
    background-repeat: no-repeat;
    background-image: url('/img/actions/move_files_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-add-to-photo {
    background-repeat: no-repeat;
    background-image: url('/img/actions/add_to_photos_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-download {
    background-repeat: no-repeat;
    background-image: url('/img/actions/download_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-versioning {
    background-repeat: no-repeat;
    background-image: url('/img/actions/versioning_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-trash {
    background-repeat: no-repeat;
    background-image: url('/img/actions/trash_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-notification {
    background-repeat: no-repeat;
    background-image: url('/img/actions/notification_white_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-notification-disabled {
    background-repeat: no-repeat;
    background-image: url('/img/actions/notification_disabled_white_v1.svg');
}

.dropdown-menu-item .pi-icon-play {
    background-repeat: no-repeat;
    background-image: url('/img/actions/diashow_blue_v2.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-play {
    background-repeat: no-repeat;
    background-image: url('/img/actions/diashow_white_v2.svg');
}

.dropdown-menu-item .pi-icon-set-albumcover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/set_albumcover_blue_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-set-albumcover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/set_albumcover_white_v1.svg');
}

/*
Grid Icons
 */

.pi-icon-comments-badge {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/comment_badge_white_v1.svg');
}

.pi-icon-unmount-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/remove_from_album_white_v1.svg');
}

.pi-desktop .pi-icon-unmount-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/remove_from_album_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-unmount-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/remove_from_album_white_hover_darkmode_v1.svg');
}

.pi-icon-mount-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/add_to_albums_white_v1.svg');
}

.pi-desktop .pi-icon-mount-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/add_to_albums_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-mount-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/add_to_albums_white_hover_dakrmode_v1.svg');
}

.pi-icon-share-blue {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/share_blue_v1.svg');
}

.pi-desktop .pi-icon-share-blue:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/share_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-share-blue:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/share_white_hover_darkmode_v1.svg');
}

.pi-icon-share-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/share_white_v1.svg');
}

.pi-desktop .pi-icon-share-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/share_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-share-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/share_white_hover_darkmode_v1.svg');
}

.pi-icon-delete-blue {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/delete_blue_v1.svg');
}

.pi-desktop .pi-icon-delete-blue:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/delete_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-delete-blue:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/delete_white_hover_darkmode_v1.svg');
}

.pi-icon-left-arrow {
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: url('/img/actions/arrow_small_gray_v2.svg');
}

.pi-dark-theme .pi-icon-left-arrow {
    background-image: url('/img/actions/arrow_small_blue_v2.svg');
}

.pi-desktop .pi-subaction-area .pi-icon-left-arrow:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/arrow_small_hover_v2.svg');
}

.pi-icon-right-arrow {
    margin-top: 2px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-image: url('/img/actions/arrow_small_gray_v2.svg');
}

.pi-dark-theme .pi-icon-right-arrow {
    background-image: url('/img/actions/arrow_small_blue_v2.svg');
}

.pi-desktop .pi-subaction-area .pi-icon-right-arrow:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/arrow_small_hover_v2.svg');
}

.pi-desktop .pi-icon-delete-blue:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/delete_white_hover_v1.svg');
}

.pi-icon-delete-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/delete_white_v1.svg');
}

.pi-desktop .pi-icon-delete-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/delete_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-delete-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/delete_white_hover_darkmode_v1.svg');
}

.pi-icon-download-blue {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/download_blue_v1.svg');
}

.pi-desktop .pi-icon-download-blue:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/download_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-download-blue:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/download_white_hover_darkmode_v1.svg');
}

.pi-icon-download-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/download_white_v1.svg');
}

.pi-desktop .pi-icon-download-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/download_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-download-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/download_white_hover_darkmode_v1.svg');
}

.pi-icon-favorite-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/favorite_white_v1.svg');
}

.pi-desktop .pi-icon-favorite-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/favorite_white_hover_v1.svg');
}

.pi-icon-unlock-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/lock_open_white_v1.svg');
}

.pi-desktop .pi-icon-unlock-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/lock_open_hover_v1.svg');
}

.pi-icon-favorite-active {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/favorite_active_v1.svg');
}

.pi-desktop .pi-icon-favorite-active:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/favorite_active_hover_v1.svg');
}

.pi-icon-recover-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/recover_white_v1.svg');
}

.pi-desktop .pi-icon-recover-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/recover_white_hover_v1.svg');
}

.pi-icon-rename-blue {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/rename_blue_v1.svg');
}

.pi-desktop .pi-icon-rename-blue:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/rename_white_hover_v1.svg');
}

.pi-icon-rename-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/rename_white_v1.svg');
}

.pi-desktop .pi-icon-rename-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/rename_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-rename-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/rename_white_hover_darkmode_v1.svg');
}

.pi-icon-settings-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/settings_white_v1.svg');
}

.pi-desktop .pi-icon-settings-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/settings_white_hover_v1.svg');
}

.pi-dark-theme.pi-desktop .pi-icon-settings-white:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/settings_white_hover_darkmode_v1.svg');
}

.pi-icon-video-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/grid/video_white_v2.svg');
}

.pi-figure .pi-icon-video-white {
    margin-right: 4px;
}

.pi-icon-video-timelapse-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/timelapse_white_v1.svg');
}

.pi-icon-video-timelapse {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/timelapse_gray_v1.svg');
}

.pi-icon-video-slowmo-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/slowmo_white_v1.svg');
}

.pi-icon-video-slowmo {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/slowmo_gray_v1.svg');
}

.pi-icon-livePhoto-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/live_photo_white_v1.svg');
}

.pi-icon-livePhoto {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/live_photo_play_white_v1.svg');
}

.pi-icon-burst-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/burst_white_v1.svg');
}

.pi-icon-burst {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/burst_grey_v1.svg');
}

.pi-icon-motion-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/motion_white_v1.svg');
}

.pi-icon-motion {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/motion_grey_v1.svg');
}

.pi-icon-animation-error {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/animated_photo_play_error_white_v1.svg');
}

.pi-icon-night {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/night_grey_v1.svg');
}

.pi-icon-night-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/night_white_v1.svg');
}

.pi-icon-food {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/food_grey_v1.svg');
}

.pi-icon-food-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/food_white_v1.svg');
}

.pi-icon-pro {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/pro_grey_v1.svg');
}

.pi-icon-pro-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/pro_white_v1.svg');
}

.pi-icon-sphere {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/sphere_grey_v1.svg');
}

.pi-icon-sphere-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/sphere_white_v1.svg');
}

.pi-icon-portrait {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/portrait_grey_v1.svg');
}

.pi-icon-portrait-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/portrait_white_v1.svg');
}

.pi-icon-panorama {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/pano_grey_v1.svg');
}

.pi-icon-panorama-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/pano_white_v1.svg');
}

@-webkit-keyframes rotating /* Safari and Chrome */
{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.pi-icon-motion-loading {
    background-repeat: no-repeat;
    background-image: url('/img/actions/saveAll/spinning_indicator_white_v1.svg');

    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.pi-figure .pi-icon-video-slowmo-white {
    margin-right: 4px;
}

.pi-figure .pi-icon-video-timelapse-white {
    margin-right: 4px;
}

.pi-icon-favorite-matrix-white {
    background-repeat: no-repeat;
    background-image: url('/img/actions/favorite_matrix_white_v1.svg');
}

/*
MEDIA Tags
 */
@media (min-width: 300px) {
    .pi-action-button {
        margin-right: 8px;
    }

    .pi-action-button.responsive {
        display: none;
    }

    .pi-action-button .text {
        display: none;
    }
    .pi-action-content .btn-secondary .icon {
        margin-right: unset;
    }

    .pi-action-content .btn-secondary {
        min-width: unset;
        padding-left: 12px;
        padding-right: 12px;
    }

    .pi-action-content .mainAction {
        margin-left: 24px;
    }

    .pi-action-content .menu {
        margin-left: 8px;
    }

    .pi-action-content .mobileSelect {
        margin-left: 8px;
    }
}

@media (min-width: 550px) {

    .pi-action-button {
        margin-right: 8px;
    }

    .pi-action-button.responsive {
        display: none;
    }

    .pi-action-button .text {
        display: none;
    }

    .pi-action-content .btn-secondary .icon {
        margin-right: unset;
    }

    .pi-action-content .btn-secondary {
        min-width: unset;
        padding-left: 12px;
        padding-right: 12px;
    }

    .pi-action-content .mainAction {
        margin-left: 24px;
    }

    .pi-action-content .menu {
        margin-left: 8px;
    }

    .pi-action-content .mobileSelect {
        margin-left: 8px;
    }
}

@media (min-width: 720px) {
    .pi-group-item .pi-name {
        max-width: unset;
    }

    .pi-action-button {
        margin-right: 16px;
    }

    .pi-action-button.responsive {
        display: none;
    }

    .pi-action-button .text {
        display: block;
    }

    .pi-action-content .btn-secondary .icon {
        margin-right: 8px;
    }

    .pi-action-content .mainAction {
        margin-left: 24px;
    }

    .pi-action-content .menu {
        margin-left: 24px;
    }

    .pi-action-content .mobileSelect {
        margin-left: 24px;
    }
}

@media (min-width: 1280px) {

    .pi-action-content .btn-secondary {
        padding-left: 24px;
        padding-right: 24px;
    }

    .pi-action-button.responsive {
        display: flex;
    }
}

@media (min-width: 1620px) {

}

.mono-navigation-logo {
    width: 42px;
    height: 42px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../../img/appswitcher/logo/sc_logo_v2.svg');
}

.mono-navigation-logo.pride{
    background-image: url('../../../img/appswitcher/logo/sc_logo_pride_v2.png');
}

.pi-dark-theme .mono-navigation-logo {
    background-image: url('../../../img/appswitcher/logo/sc_logo_dark_v2.svg');
}

.mono-navigation-logo-text {
    width: 137px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../../img/swisscom_logo_text_v1.svg');
}

.mono-hamburger-logo {
    margin-top: 21px;
    margin-left: 27px;
    margin-bottom: 60px;
    width: 141px;
    height: 40px;
    -ms-background-size: 141px 40px;
    background-size: 141px 40px;
    background-repeat: no-repeat;
    background-image: url('../../../img/hamburger/logo_v2.png');
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .mono-hamburger-logo {
        margin-top: 21px;
        margin-left: 27px;
        margin-bottom: 60px;
        width: 141px;
        height: 40px;
        -ms-background-size: 141px 40px;
        background-size: 141px 40px;
        background-repeat: no-repeat;
        background-image: url('../../../img/hamburger/logo_2x_v2.png');
    }
}

.mono-header-height {
    height: 80px;
}

.mono-header-offset {
    top: 80px;
}

/* piWhite */

.tpd-skin-piWhite .tpd-background-content {
    background-color: #ffffff;
}

.tpd-skin-piWhite .tpd-content{
    color: #666666;
}

.tpd-skin-purple .tpd-background {
    border-width: 1px;
    border-color: #ffffff;
    border-color: rgba(6,0,12,.6);
}

.tpd-skin-piWhite .tpd-background-title {
    background-color: #ffffff;
}

/* line below the title */
.tpd-skin-piWhite .tpd-title-wrapper {
    border-bottom: 1px solid white;
}
/* shadow */
.tpd-skin-piWhite .tpd-background-shadow {
    box-shadow: 0 0 8px rgba(0,0,0,.15);
}
/* links */
.tpd-skin-piWhite a,
.tpd-skin-piWhite a:hover {
    color: #1781E3;
}

/* monoBlue */

.tpd-skin-monoBlue .tpd-background-content {
    background-color: #1781E3;
}

.tpd-skin-purple .tpd-background {
    border-width: 1px;
    border-color: #1781E3;
    border-color: rgba(6,0,12,.6);
}

.tpd-skin-monoBlue .tpd-background-title {
    background-color: #1781E3;
}

/* line below the title */
.tpd-skin-monoBlue .tpd-title-wrapper {
    border-bottom: 1px solid white;
}
/* shadow */
.tpd-skin-monoBlue .tpd-background-shadow {
    box-shadow: 0 0 8px rgba(0,0,0,.15);
}
/* links */
.tpd-skin-monoBlue a,
.tpd-skin-monoBlue a:hover {
    color: white;
}


/* medium (default) */
.tpd-size-normal .tpd-content,
.tpd-size-normal .tpd-title {
    padding: 8px;
    font-size: 14px;
    font-family: TheSansW4SemiLight;
    line-height: 16px;
}

.tpd-size-normal .tpd-background {
    border-radius: 8px;
}

.tpd-size-normal .tpd-stem {
    width: 16px; /* best cross browser stem width is 2xheight, for a 90deg angle */
    height: 8px;
    margin-left: 6px; /* space from the side */
    margin-top: 2px; /* space between target and stem */
}

.tpd-size-normal.tpd-no-radius .tpd-stem {
    margin-left: 10px;
}
/* wraps the loader, ideal dimensions don't cause stem movement when opening large tooltips */
.tpd-size-normal .tpd-loading-icon {
    width: 42px;
    height: 42px;
}

.tpd-size-normal .tpd-loading-line {
    z-index: 12; /* amount of lines */
    margin-bottom: 5px; /* radius of the inner circle */
    height: 4px; /* length of a line */
    width: 2px; /* width of a line */
}

.tpd-size-normal .tpd-close {
    margin: 4px 2px;
}

.tpd-size-piHuge .tpd-content,
.tpd-size-huge .tpd-title {
    padding: 16px;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

.tpd-size-huge .tpd-content,
.tpd-size-huge .tpd-title {
    padding: 10px;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}

.tpd-size-huge .tpd-background {
    border-radius: 10px;
}

.tpd-size-huge .tpd-stem {
    width: 24px;
    height: 12px;
    margin-left: 8px; /* space from the side */
    margin-top: 2px; /* space between stem and target */
}

.tpd-size-huge.tpd-no-radius .tpd-stem {
    margin-left: 10px;
}

.tpd-size-huge .tpd-loading-icon {
    width: 50px;
    height: 50px;
}

.tpd-size-huge .tpd-loading-line {
    z-index: 12; /* amount of lines */
    margin-bottom: 5px; /* radius of the inner circle */
    height: 5px; /* length of a line */
    width: 2px; /* width of a line */
}

.tpd-size-huge .tpd-close {
    margin: 11px 5px 11px 5px;
}

.tpd-size-huge .tpd-close-icon {
    font-size: 32px;
}

.smartbanner-show {
	margin-top: 80px;
}

.smartbanner-show .smartbanner {
	display: block;
}

/** Default **/
.smartbanner {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Helvetica Neue', sans-serif;
	background: #f4f4f4;
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

.smartbanner-container {
	margin: 0 auto;
	white-space: nowrap;
}

.smartbanner-close {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 20px;
	text-align: center;
	color: #888;
	text-decoration: none;
	border: 0;
	border-radius: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-icon {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	margin-right: 12px;
	background-size: cover;
	border-radius: 10px;
}

.smartbanner-info {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
}

.smartbanner-title {
	font-size:13px;
	line-height: 18px;
}

.smartbanner-button {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active, .smartbanner-button:hover {
	color: #aaa;
}

.smartbanner-button-text {
}

.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}

/** iOS **/
.smartbanner-ios {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
	background: rgba(0,0,0,0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.smartbanner-ios .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
	color:#4d4d4d;
	font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-ios .smartbanner-button-text {
}

.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}

/** Android **/
.smartbanner-android {
	background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
	box-shadow: inset 0 4px 0 #88B131;
	line-height: 82px;
}

.smartbanner-android .smartbanner-close {
	border: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	margin-right: 7px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
	color: #eee;
}

.smartbanner-android .smartbanner-icon {
	background-color: transparent;
	box-shadow: none;
}

.smartbanner-android .smartbanner-info {
	color:#ccc;
	text-shadow:0 1px 2px #000;
}

.smartbanner-android .smartbanner-title {
	color:#fff;
	font-weight: bold;
}

.smartbanner-android .smartbanner-button {
	min-width: 12%;
	color: #d1d1d1;
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: 0 0 0 1px #333, 0 0 0 2px #DDDCDC;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
	background: none;
}

.smartbanner-android .smartbanner-button-text {
	text-align: center;
	display: block;
	padding: 0 10px;
	background: #42B6C9;
	background: linear-gradient(to bottom, #42B6C9, #39A9BB);
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
	background: #2AC7E1;
}

/** Windows **/
.smartbanner-windows {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
	background: rgba(0,0,0,0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.smartbanner-windows .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
	color:#4d4d4d;
	font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-windows .smartbanner-button-text {
}

.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}

/* perfect-scrollbar v0.8.1 */
.ps{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps{overflow:auto !important}}.ps.ps--active-x>.ps__scrollbar-x-rail,.ps.ps--active-y>.ps__scrollbar-y-rail{display:block;background-color:transparent}.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail{background-color:#eee;opacity:.9}.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x{background-color:#999;height:11px}.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail{background-color:#eee;opacity:.9}.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y{background-color:#999;width:11px}.ps>.ps__scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x,.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x{height:11px}.ps>.ps__scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y,.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y{width:11px}.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail{background-color:#eee;opacity:.9}.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x{background-color:#999;height:11px}.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail{background-color:#eee;opacity:.9}.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y{background-color:#999;width:11px}.ps:hover>.ps__scrollbar-x-rail,.ps:hover>.ps__scrollbar-y-rail{opacity:.6}.ps:hover>.ps__scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x{background-color:#999}.ps:hover>.ps__scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y{background-color:#999}

/* 
    Banner Styles
*/
.mono-banner {
    visibility: hidden;
    height: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 4;
}

.mono-banner-bottom {
    bottom: 0;
}

.mono-photo-banner-bottom {
    bottom: 0;
}

.mono-photo-banner-inside {
    position: relative;
    height: 90px;
    float:left;
    width: 100%;

}

.mono-banner-inside {    
    bottom: auto;
}

.mono-banner-area {
    visibility: hidden;
    text-align: center;
}

.mono-banner-info {
    text-wrap: normal;
    font-weight: 300;
    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
    color: var(--primary-text-color);
}

.mono-banner-link {
    cursor: pointer;
    color: var(--primary-interaction-color);
}

    .mono-banner-link:hover {
        color: var(--primary-interaction-hover);
    }

/*
 * Tipped - A Complete Javascript Tooltip Solution - v4.2.9
 * (c) 2012-2015 Nick Stakenburg
 *
 * http://www.tippedjs.com
 *
 * License: http://www.tippedjs.com/license
 */

.tpd-tooltip {
  position: absolute;
}

/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
   within their own namespace */
.tpd-tooltip,
.tpd-tooltip [class^="tpd-"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* Content */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
.tpd-content-relative {
  width: 100%;
}

.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; }
.tpd-tooltip .tpd-content-no-padding { padding: 0 !important; }

.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-title-spacer {
  float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
.tpd-title-relative { width: 100%; }
.tpd-title {
  float: left;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.tpd-has-title-close .tpd-title { padding-right: 0 !important; }
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
.tpd-close-icon {
  float: left;
  font-family: Arial, Baskerville, monospace;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}


/* Skin */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}

.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
}

.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; }

.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box; /* Safari */
  background-clip: padding-box; /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255,255,255,.1); /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
}
/* no radius */
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; }
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}

.tpd-background-box-top { top: 0; }
.tpd-background-box-bottom { bottom: 0; }
.tpd-background-box-left { left: 0; }
.tpd-background-box-right { right: 0; }

/* iframeshim IE6 */
.tpd-iframeshim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* Skin / Stems */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tpd-shift-stem-side {
  position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side { width: 100%; }
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side { height: 100%; }

.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; /* shows possible invalid subpx rendering */
  width: 16px; /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px; /* space from the side */
  margin-top: 2px; /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* remove margins once we're done measuring */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; }

.tpd-stem-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer { margin-top: 0; }

.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}

.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1,1);
  transform: scale(-1,1);
}
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff; /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}

.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}

/* fixes rendering issue in IE */
.tpd-stem * { z-index: 0; zoom: 1; }

/* used by IE < 9 */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}

/* transformations for left/right/bottom */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1,1);
  transform: rotate(-90deg) scale(-1,1);
}
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1,-1) translate(0, -100%);
  transform: scale(1,-1) translate(0, -100%);
}


/* Spinner measurements */
.tpd-loading-icon {
  position: absolute;
  width: 42px;
  height: 42px;
  display: none;
}
.tpd-loading-line {
  z-index: 12;
  height: 3px;
  width: 2px;
  margin-bottom: 5px;
}
.tpd-spinner {
  margin-left: 50%;
  margin-top: 50%;
}
/* show the loader while loading and hide all the content */
.tpd-is-loading .tpd-loading-icon { display: block; }
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper { display: none; }


/* The actual spinner */
@-moz-keyframes tpd-spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes tpd-spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes tpd-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.tpd-spin {
  position: absolute;
  top: 50%;
  left: 50%;
}

.tpd-spin-rotate,
.tpd-spin-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tpd-spin-line {
  position: absolute;
  top: 0;
  left: 50%;
}


/* Resets while measuring content */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-loading-icon {
  display: none;
}

/* Links */
.tpd-tooltip a,
.tpd-tooltip a:hover { color: #8e8e8e; text-decoration: none; }
.tpd-tooltip a:hover { text-decoration: underline; }


/*
 * Sizes
 */
/* x-small */
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
  padding: 7px 8px;
  font-size: 10px;
  line-height: 15px;
}
.tpd-size-x-small .tpd-background { border-radius: 5px; }
.tpd-size-x-small .tpd-stem {
  width: 12px;
  height: 6px;
  margin-left: 4px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px; }
.tpd-size-x-small .tpd-loading-icon { width: 32px; height: 32px; }
.tpd-size-x-small .tpd-loading-line {
  z-index: 12;        /* amount of lines */
  margin-bottom: 4px; /* radius of the inner circle */
  height: 3px;        /* length of a line */
  width: 2px;         /* width of a line */
}
.tpd-size-x-small .tpd-close { margin-bottom: 1px; }

/* small */
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
  padding: 8px;
  font-size: 10px;
  line-height: 16px;
}
.tpd-size-small .tpd-background { border-radius: 6px; }
.tpd-size-small .tpd-stem {
  width: 14px;
  height: 7px;
  margin-left: 5px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px; }
.tpd-size-small .tpd-loading-icon { width: 34px; height: 34px; }
.tpd-size-small .tpd-loading-line {
  z-index: 12;        /* amount of lines */
  margin-bottom: 4px; /* radius of the inner circle */
  height: 3px;        /* length of a line */
  width: 2px;         /* width of a line */
}
.tpd-size-small .tpd-close { margin: 2px 1px; }


/* medium (default) */
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
}
.tpd-size-medium .tpd-background { border-radius: 8px; }
.tpd-size-medium .tpd-stem {
  width: 16px;      /* best cross browser stem width is 2xheight, for a 90deg angle */
  height: 8px;
  margin-left: 6px; /* space from the side */
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 10px; }
/* wraps the loader, ideal dimensions don't cause stem movement when opening large tooltips */
.tpd-size-medium .tpd-loading-icon { width: 42px; height: 42px; }
.tpd-size-medium .tpd-loading-line {
  z-index: 12;        /* amount of lines */
  margin-bottom: 5px; /* radius of the inner circle */
  height: 4px;        /* length of a line */
  width: 2px;         /* width of a line */
}
.tpd-size-medium .tpd-close { margin: 4px 2px; }



/* large */
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
}
.tpd-size-large .tpd-background { border-radius: 8px; }
.tpd-size-large .tpd-stem {
  width: 18px;
  height: 9px;
  margin-left: 7px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-large .tpd-loading-icon { width: 50px; height: 50px; }
.tpd-size-large .tpd-loading-line {
  z-index: 12;        /* amount of lines */
  margin-bottom: 5px; /* radius of the inner circle */
  height: 5px;        /* length of a line */
  width: 2px;         /* width of a line */
}
.tpd-size-large .tpd-close { margin: 5px 2px 5px 2px; }



/* Skins */
/* default (dark) */
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close { color: #fff; }
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
  background-color: #282828;
}
.tpd-skin-dark .tpd-background {
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255,255,255,.1);
}
/* line below the title */
.tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; }
/* links */
.tpd-skin-dark a,
.tpd-skin-dark a:hover { color: #ccc; }


/* light */
.tpd-skin-light .tpd-content,
.tpd-skin-light .tpd-title,
.tpd-skin-light .tpd-close { color: #333; }
.tpd-skin-light .tpd-background-content {
  background-color: #fff;
}
.tpd-skin-light .tpd-background {
  border-width: 1px;
  border-color: #838383;
  border-color: rgba(0,0,0,.3);
}
.tpd-skin-light .tpd-background-title {
  background-color: #f7f7f7;
}
.tpd-skin-light .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; }
.tpd-skin-light .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* fallback for no/disabled shadow */
.tpd-skin-light.tpd-no-shadow .tpd-background {
  border-color: #acacac;
  border-color: rgba(100,100,100,.3); 
}

/* gray */
.tpd-skin-gray .tpd-content,
.tpd-skin-gray .tpd-title,
.tpd-skin-gray .tpd-close { color: #fff; }
.tpd-skin-gray .tpd-background-content,
.tpd-skin-gray .tpd-background-title {
  background-color: #727272;
}
.tpd-skin-gray .tpd-background {
  border-width: 1px;
  border-color: #727272;
  border-color: rgba(255,255,255,.1);
}
.tpd-skin-gray .tpd-title-wrapper { border-bottom: 1px solid #505050; }
.tpd-skin-gray a,
.tpd-skin-gray a:hover { color: #ccc; }


/* red */
.tpd-skin-red .tpd-content,
.tpd-skin-red .tpd-title,
.tpd-skin-red .tpd-close { color: #fff; }
.tpd-skin-red .tpd-background-content { background-color: #e13c37; }
.tpd-skin-red .tpd-background {
  border-width: 1px;
  border-color: #a30500;
  border-color: rgba(12,0,0,.6);
}
.tpd-skin-red .tpd-background-title { background-color: #e13c37; }
.tpd-skin-red .tpd-title-wrapper { border-bottom: 1px solid #a30500; }
.tpd-skin-red .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-red a,
.tpd-skin-red a:hover { color: #ccc; }

/* green */
.tpd-skin-green .tpd-content,
.tpd-skin-green .tpd-title,
.tpd-skin-green .tpd-close { color: #fff; }
.tpd-skin-green .tpd-background-content { background-color: #4aab3a; }
.tpd-skin-green .tpd-background {
  border-width: 1px;
  border-color: #127c00;
  border-color: rgba(0,12,0,.6);
}
.tpd-skin-green .tpd-background-title { background-color: #4aab3a; }
.tpd-skin-green .tpd-title-wrapper { border-bottom: 1px solid #127c00; }
.tpd-skin-green .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-green a,
.tpd-skin-green a:hover { color: #ccc; }

/* blue */
.tpd-skin-blue .tpd-content,
.tpd-skin-blue .tpd-title,
.tpd-skin-blue .tpd-close { color: #fff; }
.tpd-skin-blue .tpd-background-content { background-color: #45a3e3; }
.tpd-skin-blue .tpd-background {
  border-width: 1px;
  border-color: #1674b4;
  border-color: rgba(0,0,12,.6);
}
.tpd-skin-blue .tpd-background-title { background-color: #45a3e3; }
.tpd-skin-blue .tpd-title-wrapper { border-bottom: 1px solid #1674b4; }
.tpd-skin-blue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-blue a,
.tpd-skin-blue a:hover { color: #ccc; }


/* lightyellow */
.tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title,
.tpd-skin-lightyellow .tpd-close { color: #333; }
.tpd-skin-lightyellow .tpd-background-content { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-background {
  border-width: 1px;
  border-color: #9d9c8c;
  border-color: rgba(8,8,0,.35);
}
.tpd-skin-lightyellow .tpd-background-title { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-title-wrapper { border-bottom: 1px solid #a7a697; }
.tpd-skin-lightyellow .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }


/* lightblue */
.tpd-skin-lightblue .tpd-content,
.tpd-skin-lightblue .tpd-title,
.tpd-skin-lightblue .tpd-close { color: #333; }
.tpd-skin-lightblue .tpd-background-content { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-background {
  border-width: 1px;
  border-color: #7c868a;
  border-color: rgba(0,0,8,.35);
}
.tpd-skin-lightblue .tpd-background-title { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-title-wrapper { border-bottom: 1px solid #909b9f; }
.tpd-skin-lightblue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }


/* lightpink */
.tpd-skin-lightpink .tpd-content,
.tpd-skin-lightpink .tpd-title,
.tpd-skin-lightpink .tpd-close { color: #333; }
.tpd-skin-lightpink .tpd-background-content { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-background {
  border-width: 1px;
  border-color: #8d817c;
  border-color: rgba(8,0,0,.35);
}
.tpd-skin-lightpink .tpd-background-title { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-title-wrapper { border-bottom: 1px solid #a08f8f; }
.tpd-skin-lightpink .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }

.mono-album-row {
}

.mono-album-track-number {
}

.mono-album-track-playing {
    display: none;
    color: var(--primary-interaction-color);
    position: absolute;
    margin-top: 10px;
    margin-left: 6px;
}

/*old styles...*/
.album-view {
    margin-right: 20px;
    margin-bottom: 40px;
    float: left;
}

.album-track {
    position: relative;
    height: 32px;
}

    .album-track h1 {
        font-family: TheSansW4SemiLight;
        margin: 0;
        position: absolute;
        left: 50px;
        font-size: 15px;
        top: 10px;
        right: 49px;
        overflow: hidden;
        white-space: nowrap;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
        color: var(--primary-text-color);
        line-height: 17px;
    }

    .album-track:hover {
        cursor: pointer;
        background-color: #F0F0F0;
    }

.album-track-number {
    position: absolute;
    font-size: 13px;
    width: 20px;
    left: 25px;
    top: 8px;
    color: #807F80;
}

.album-active-listening {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 22px;
    top: 8px;
    background: url(/img/active_listening.png) no-repeat;
    -ms-background-size: cover;
    background-size: cover;
}

.album-track-duration {
    position: absolute;
    right: 22px;
    width: 50px;
    top: 8px;
    color: #807F80;
    text-align: right;
    margin-right: -11px;
}


.listSelected {
    background-color: #F0F0F0;
}


/* 

    MUSIC Player Styles

*/

.music-player {
    display: none;
    position: absolute;
    height: 50px;
    background-color: var(--secondary-dark-bg-color);
    left: 0;
    right: 0;
    bottom: -100px;    
    z-index: 1000;
    padding-left: 8px;
    padding-right: 8px;
}

.mono-music-player-previous, .mono-music-player-play, .mono-music-player-pause, .mono-music-player-next {
}

.mono-music-player-content {
}


.mono-music-player-controls {
    position: absolute;
    height: 50px;
    width: 100px;
    bottom: 0;
}

.mono-music-player-cover {
    position: absolute;
    width: 90px;
    height: 90px;
    -ms-background-size: 90px;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center;
}

.mono-music-player-controls-icon {
    cursor: pointer;
    float: left;    
    color: white;
}

    .mono-music-player-controls-icon:hover {
        color: var(--primary-interaction-color);
    }


.mono-music-player-area-right {
    position: relative;
    margin-top: 18px;    
    float: right;
}

.mono-music-player-area-left {
    display: none;
    position: absolute;
    top: 26px;
}

.mono-music-player-details-area {
    visibility: hidden;
    position: absolute;
    left: 220px;
    top: 0px;
    bottom: 0;
    
}


.mono-music-player-mainbar, .mono-music-player-valuebar {
    position: absolute;
    height: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.mono-music-player-valuebar {
    background-color: #2d90ec;
}

.mono-music-player-mainbar {
    width: 120px;
    background-color: #bbbbbb;
}

.mono-music-player-icon {
    color: #333333;
    cursor: pointer;
}

    .mono-music-player-icon:hover {
        color: #2d90ec;
    }

.mono-music-player-track-detail {
    position: absolute;
    left: 0;
    right: 20px;
    color: #ffffff;
    width: 150px;
}

.mono-music-player-track-artist {
    display: none;
    font-size: 14px;
    font-family: TheSansW4SemiLight;
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.mono-music-player-track-name {
    margin-top: 15px;
    font-family: TheSansW4SemiLight;
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.mono-music-player-play-area {
    position: absolute;
    right: 0;
    left: 150px;
    height: 50px;

}

.mono-music-player-time {
    margin-top: 15px;
    position: absolute;
    font-size: 14px;
    font-family: TheSansW4SemiLight;
    color: #ffffff;
}

.mono-music-player-volume-inputrange {
    margin-left: -2px;
    margin-top: -6px;
    position: absolute;
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    bottom: 40px;
    left: -27px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mono-music-player-volume-inputrange {
        margin-left: -2px;
        margin-top: -6px;
        position: absolute;
        -webkit-transform: rotate(-90deg); /* Safari and Chrome */
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        bottom: 44px;
        left: -33px;
    }
}

.mono-music-player-volume-outline {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    z-index: 1005;    
    width: 32px;
    position: absolute;
    height: 100px;
    bottom: 34px;
    right: 56px;
    background-color: #333333; 
}
.mono-music-player-volume-area {
    height: 100%;
}


.mono-music-player-thumb {
    width: 12px;
    height: 12px;
    margin-left: -3px;
    margin-top: -3px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #2d90ec;
    -webkit-box-shadow: 0px 0px 6px black;
    -ms-box-shadow: 0px 0px 6px black;
    box-shadow: 0px 0px 6px black;
}

.mono-music-player-volumebar {
    margin-left: 15px;
    height: 100%;
    position: relative;
    width: 2px;
    background-color: #dddddd;
}

.mono-music-player-volumebar-value {
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    width: 2px;
    background-color: #2d90ec;
}

/* =========================================================
 * Backup styles
 * =========================================================
 */

/*
================================
    History STYLES
================================
 */

.mono-history-navigation-offset {
    margin-left: 0 !important;
    margin-right: 0 !important;
    right: 330px !important;

    /*transition: right 300ms cubic-bezier(0.4, 0.0, 0.2, 1);*/
}

.mono-history-navigation-area {
    display: none;
    width: 330px;
    background-color: var(--default-bg-color);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: var(--nav-main-content-left-border);
}

.pi-history-container {
    overflow: hidden;
}

.pi-history-title {
    margin-top: 24px;
    margin-left: 32px;
    margin-bottom: 4px;
    color: var(--primary-text-color);
    font-size: 18px;
    font-weight: 500;
}

.pi-history-item-container {
    padding: 24px 32px;
    border-bottom: 1px solid var(--border-color);
}

.pi-history-item-time {
    clear: both;
    font-size: 14px;
    color: var(--primary-text-color);
}

.pi-history-item-event {
    color: var(--primary-text-color);
    font-size: 16px;
    font-weight: 600;
}

.pi-history-item-text {
    float: left;
}

.pi-history-item-list-container {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 16px;
}

.pi-history-item {
    font-size: 16px;
    color: var(--secondary-text-color);
    display: flex;
    margin-bottom: 8px;
}

.pi-history-item .mono-file-icon {
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
    margin-right: 8px;
}

.pi-history-item .mono-drive-folder-icon {
    margin-left: 0;
    margin-right: 8px;
    margin-top: 0;
}

.pi-history-load-more-items-container{
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 24px;
}

.pi-history-more {
    margin-left: 32px;
    font-size: 15px;
    color: var(--primary-interaction-color);
    cursor: pointer;
}

.pi-history-more:hover {
    color: var(--primary-interaction-hover);
}

.pi-history-restore {
    color: var(--primary-headline-color);
    cursor: pointer;
    font-size: 16px;
}

.pi-history-restore:hover {
    color: var(--primary-interaction-hover);
}

/*
History overview styles
 */
.backup-history-detail-view {
    width: 768px;
    height: 605px;
}

.pi-history-overview-event-area {
    display: none;
    float: left;
    width: 100%;
    position: relative;
}

.pi-history-overview-event-title {
    font-size: 16px;
    float: left;
}

.pi-history-overview-action-area {
    float: right;
    display: flex;
    flex-direction: row;
}

.pi-menuaction-item {
    color: var(--primary-interaction-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
}

.pi-menuaction-item:first-child {
    margin-right: 24px;
}

.pi-menuaction-item:last-child {
    margin-right: 8px;
}


.action-label {
    margin-top: 2px;
    margin-left: 8px;
    font-size: 16px;
}

.pi-menuaction-item:hover .action-label {
    color: var(--primary-interaction-hover);
}

.pi-menuaction-item:hover .mono-icon-download-blue {
    background-repeat: no-repeat;
    background: url('/img/shortActions/download_blue_hover_v1.svg');
}

.pi-menuaction-item:hover .mono-icon-recover-blue {
    background-repeat: no-repeat;
    background: url('/img/controls/recover_hover_v1.svg');
}

.pi-menuaction-item:hover .mono-icon-delete-blue {
    background-repeat: no-repeat;
    background: url('/img/shortActions/delete_blue_hover_v1.svg');
}

.pi-history-overview-event-list-area {
    position: relative;
    clear: both;
    margin-top: 16px;
    float: left;
    width: 100%;
}

/*
History Version Detail View
 */
.pi-history-active-version-area {
    margin-bottom: 32px;
}

.pi-history-active-version-content {
    text-align: left;
    display: flex;
    flex-direction: row;
}

.pi-history-active-version-icon {
    margin-top: 4px;
    margin-right: 8px;
}

.pi-history-active-version-info {
    display: flex;
    flex-direction: column;
}

.pi-history-active-version-info .pi-title {
    font-weight: 600;
    font-size: 16px;
    color: var(--primary-text-color);
}

.pi-history-active-version-info .pi-details {
    line-height: 24px;
    font-size: 16px;
    font-family: "TheSansW4SemiLight";
}

.pi-history-version-empty-area {
    margin-top: 104px;
    display: none;
    flex-direction: column;
}

.pi-history-version-empty-icon {
    margin: auto auto 16px;
    width: 43px;
    height: 43px;
    -webkit-background-size: 43px;
    background-size: 43px;
    background-repeat: no-repeat;
    background-image: url('/img/controls/versions_gray_v1.svg');
}

.pi-history-version-empty-area .pi-title {
    font-weight: 600;
    font-size: 16px;
    color: var(--primary-text-color);
}

.pi-history-version-empty-area .pi-details {
    line-height: 24px;
    font-size: 16px;
    font-family: "TheSansW4SemiLight";
}

.pi-coachmark-content {
    opacity: 0;
    position: absolute;
    display: flex;


    right: 25px;
    bottom: 120px;
    z-index: 999;

    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);

    transform: translateY(215px) translateX(140px) scale(0.2);
}

.pi-coachmark-bear {
    position: absolute;
    border-radius: 40px;
    width: 80px;
    height: 80px;
    background-color: var(--sc-navy-color);
    -webkit-background-size: 80px;
    background-size: 80px;
    background-repeat: no-repeat;
    background-image: url('/img/coachmarks/coach_bear_v3.svg');
    right: 25px;
    bottom: 25px;
    z-index: 10;

    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.pi-coachmark-show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.pi-coachmark-content-show {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0) scale(1);
    -moz-transform: translateY(0) translateX(0) scale(1);
    -ms-transform: translateY(0) translateX(0) scale(1);
    -o-transform: translateY(0) translateX(0) scale(1);
    transform: translateY(0) translateX(0) scale(1);
}

.pi-coachmark-area {
    border-radius: 8px;
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.16);

    padding: 16px;
    background-color: var(--coachmark-bg-color);
}

.pi-coachmark-area.feature {
    padding: 0;
}

/*.pi-coachmark-area:after {*/
/*    position: absolute;*/
/*    bottom: -12px;*/
/*    right: 34px;*/
/*    display: inline-block;*/
/*    border-right: 12px solid transparent;*/
/*    border-top: 12px solid var(--coachmark-bg-color);*/
/*    border-left: 12px solid transparent;*/
/*    content: '';*/
/*}*/

.pi-coachmark-close {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 16px;
    right: 16px;
    background-repeat: no-repeat;
    /*width: 14px;*/
    /*height: 14px;*/
    /*background-size: 14px;*/
    background-image: url('/img/actions/close_white_v1.svg');
}

.pi-dark-theme .pi-coachmark-close {
    background-image: url('/img/actions/close_white_v1.svg');
}

.pi-mobile .pi-coachmark-close {
    width: 30px;
    height: 30px;
    background-size: 30px;
}


.pi-desktop .pi-coachmark-close:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/close_blue_v1.svg');
}

.pi-coachmark-default, .pi-coachmark-animation, .pi-coachmark-survey, .pi-coachmark-feature {
    min-width: 360px;
    display: flex;
    flex-direction: column;
    min-height: 350px;
    padding-left: 8px;
    padding-right: 8px;
    color: var(--light-text-color);
}

.pi-coachmark-feature {
    padding: 0;
}

.pi-coachmark-feature .pi-content-area {
    width: 360px;
    padding: 24px;
    display: flex;
    flex-flow: column;
}

.pi-coachmark-feature .pi-content-area .title {
    font-weight: 600;
    font-size: 24px;
}

.pi-coachmark-feature .pi-content-area .detail {
    font-weight: 400;
    font-size: 18px;
}


.pi-coachmark-default.small-info {
    min-width: unset;
    min-height: unset;
    width: 328px;
    padding: 8px;
}

.pi-coachmark-animation {
    width: 424px;
}

.pi-coachmark-survey {
    width: 408px;
}

.pi-coachmark-survey .title {
    font-size: 22px;
    font-weight: 500;
    color: var(--light-text-color);
    margin-bottom: 16px;
}

.pi-coachmark-animation .media {
    width: 100%;
    height: 318px;
}

.pi-coachmark-animation .title {
    font-size: 18px;
    font-weight: 500;
    color: var(--light-text-color);
    margin-top: 16px;
}


.pi-coachmark-default .title {
    width: 320px;
    font-size: 22px;
    font-weight: 500;
    color: var(--light-text-color);
    margin-bottom: 16px;
}

.pi-coachmark-default .detail {
    display: flex;
    width: 320px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
}

.pi-coachmark-default .smallDetails {
    text-align: center;
    max-width: 320px;
    margin-top: 16px;
    font-size: 14px;
    color: rgba(177, 185, 190, 1);
    font-weight: 300;
    align-self: center;
}

.pi-coachmark-feature-bear-area {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    height: 178px;
    width: 360px;
    background-size: 360px 178px;
    background-image: url('/img/coachmarks/feature_bg_v1.svg');
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
}

.pi-coachmark-feature-bear {
    margin-bottom: -14px;
    width: 125px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: 140px 125px;
    background-image: url('/img/coachmarks/feature_advertising_v1.svg');
}

.pi-coachmark-info-circle {
    position: absolute;
    left: 42px;
    top: 45px;
    width: 88px;
    height: 88px;
    border-radius: 44px;
    background-color: rgba(166, 50, 151, 1);
}

.pi-coachmark-info-circle .details {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 70px;
    rotate: -20deg;
    top: 18px;
    position: absolute;
    left: 8px;

}

.pi-coachmark-image {
    margin-top: -16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pi-coachmark-image img {
    width: 224px;
    height: 224px;
}

.pi-coachmark-image img.landscape {
    width: 316px;
    height: 194px;
    margin-bottom: 24px;
}

.pi-coachmark-checkmark {
    float: left;
    margin-right: 12px;
    height: 24px;
    width: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url('/img/coachmarks/check_mark_v1.svg');
}

.pi-coachmark-bullet {
    background-color: rgba(23, 129, 227, 1);
    width: 8px;
    height: 8px;
    margin-top: 8px;
    border-radius: 4px;
}

/**
PROMOTION INDICATOR STYLES
 */
.pi-promotion-area {
    opacity: 0;
    position: absolute;
    z-index: 1500;
    max-width: 400px;
    min-height: 160px;
    border-radius: 16px;
    background-color: var(--promotion-indicator-background-color);
    display: flex;

    transition: opacity .25s ease-in-out;

}

.pi-promotion-area:after {
    position: absolute;
    top: 32px;
    right: -18px;
    transform: rotate(-90deg);
    display: inline-block;
    border-right: 12px solid transparent;
    border-top: 12px solid var(--promotion-indicator-background-color);
    border-left: 12px solid transparent;
    content: '';
}

.pi-promotion-area.right:after {
    position: absolute;
    bottom: 32px;
    left: -17px;
    right: unset;
    transform: rotate(-90deg);
    border-top: unset;
    top: unset;
    border-bottom: 12px solid var(--promotion-indicator-background-color);
}

.pi-promotion-area.bottomRight:after {
    position: absolute;
    bottom: unset;
    left: unset;
    right: 32px;
    top: -12px;
    transform: rotate(-180deg);
    border-top: unset;

    border-top: 12px solid var(--promotion-indicator-background-color);
}

.pi-promotion-area.no-indicator:after {
    display: none;
}

.pi-promotion-target-indicator {
    position: absolute;
    border-radius: 4px;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background-color: var(--sc-interaction-orange);
}

.pi-promotion-close {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 10;
    top: 8px;
    right: 8px;

    -webkit-background-size: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url('/img/actions/close_white_v1.svg');
}

.pi-promotion-close:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/close_gray_v1.svg');
}

.pi-promotion-area .text {
    max-width: 224px;
    font-size: 24px;
    font-weight: 500;
    color: var(--promotion-indicator-font-color);
}

.pi-promotion-default {
    display: flex;
    flex-direction: column;
    padding-left: 24px;
    align-self: center;
    flex-grow: 1;
}

.pi-promotion-bear {
    width: 120px;
    height: 120px;
    background-size: 120px 120px;
    background-repeat: no-repeat;

    z-index: 10;
    align-self: center;
    margin-right: 20px;
}

.pi-promotion-bear.photoProducts {
    background-image: url('/img/zookeeper/baer_hat_ein_Geschenk_v2.svg');
}

.pi-promotion-bear.photoContest {
    background-image: url('/img/zookeeper/Bear_hat_eine_Kamera.svg');
}

.pi-promotion-bear.search {
    background-image: url('/img/zookeeper/Fox_simple_v1.svg');
}

/*
 ONBOARDING styles
 */

.pi-onboarding-area {
    padding: 0px;
    border-radius: 8px;
}

.pi-onboarding-default {
    width: 360px;
    padding-left: 0;
    padding-right: 0;
    min-height: unset;
}


.pi-onboarding-img-area {
    display: flex;
    flex-direction: column;
}

.pi-onboarding-img {
    border-radius: 8px;
    width: 360px;
    height: 208px;
    background-repeat: no-repeat;
    background-size: 360px 208px;
    background-image: url('/img/onboarding/onboarding_apps_v1.jpg');
}

.pi-onboarding-apps-img {
    background-repeat: no-repeat;
    background-image: url('/img/onboarding/onboarding_apps_v1.jpg');
}

.pi-onboarding-dc-img {
    background-repeat: no-repeat;
    background-image: url('/img/onboarding/onboarding_dc_v1.jpg');
}

.pi-onboarding-tv-img {
    background-repeat: no-repeat;
    background-image: url('/img/onboarding/onboarding_tv_v1.jpg');
}

.pi-onboarding-apps-star-rating {
    width: 72px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 72px 12px;
    background-image: url('/img/onboarding/start_rating_v1.svg');
}

.pi-onboarding-content {
    display: flex;
    flex-flow: column;
    padding: 24px;
    padding-bottom: 0;
}

.pi-onboarding-content .title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: unset;
}

.pi-onboarding-content .detail {
    font-size: 18px;
    font-weight: 400;
    width: unset;
}

.pi-onboarding-footer {
    display: flex;
    flex-flow: row;
    padding: 24px;
    align-items: center;
}

.pi-onboarding-pager-area {
    display: flex;
    flex-grow: 1;
}

.pi-onboarding-pager-area .item {
    width: 12px;
    height: 6px;
    background-color: white;
    opacity: 0.5;
    border-radius: 100px;
    margin-right: 8px;
}

.pi-onboarding-pager-area .item.active {
    width: 32px;
    opacity: 1;
}

.pi-onboarding-action-area {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
}

.pi-onboarding-next {
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-image: url('/img/actions/arrow_left_white_v1.svg');
}

.context-menu {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: var(--context-menu-bg-color);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
}

.context-menu--active {
    display: block;
}

.context-menu-item {
    height: 49px;
    cursor: pointer;
    padding-top: 11px;
    border-bottom: 1px solid var(--border-color);
}

.context-menu-item:hover {
    color: white;
    height: 50px;
    margin-top: -1px;
    background-color: var(--primary-interaction-color);
    border-bottom-color: var(--primary-interaction-color);
}


.context-menu-item:hover .context-menu-item-content {
    color: var(--context-menu-hover);
}

.context-menu-item-content {
    font-size: 18px;
    font-family: TheSansW4SemiLight;
    color: var(--primary-interaction-color);
    padding-left: 24px;
    padding-right: 24px;
    white-space: nowrap;
}

.context-menu-item-content:hover {
    color: var(--context-menu-hover);
    text-decoration: none;
}


/*
KEY HANDLER MENU Styles
 */

.keyhandler-menu {
    cursor: pointer;
    position: absolute;
    width: 56px;
    height: 56px;
    right: 16px;
    bottom: 16px;

    background: var(--key-handler-bg-color);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 32px;
}

.keyhandler-menu.bottomPadding {
    bottom: 72px;
}


.keyhandler-menu:hover {
    background: var(--key-handler-bg-color-hover);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);

}


.keyhandler-menu.open {
    background: var(--sc-interaction-grey);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
}


.keyhandler-menu.open:hover {
    background: var(--sc-interaction-grey-hover);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.keyboard-menu-content {
    display: flex;
    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: center;
}

.keyhandler-menu .keyboard-icon {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url('/img/actions/keyboard_white_v1.svg');
}

.keyhandler-menu.open .keyboard-icon {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url('/img/actions/close_gray_v1.svg');
}

.keyhandler-menu-actions {
    display: none;
    padding: 12px 16px;

    position: absolute;
    min-width: 238px;
    bottom: 88px;
    right: 16px;

    background: var(--key-handler-actions-bg-color);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.keyhandler-menu-actions.bottomPadding {
    bottom: 144px;
}

.keyhandler-menu-actions .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    line-height: 24px;
    color: var(--legal-color);
}


.keyhandler-menu-actions .menu-actions {
    display: flex;
    flex-flow: column;
    margin-top: 4px;
}

.keyhandler-menu-actions .menu-actions .menu-action-entry {
    display: flex;
    height: 33px;
    align-items: center;
    border-bottom: 1px solid #5C5C5C;
}

.menu-action-entry .menu-action-entry-shortcut {
    background: #5C5C5C;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    margin-top: 6px;
    margin-bottom: 6px;
    color: white;

    font-weight: 900;
    font-size: 12px;
    line-height: 20px;

    margin-right: 8px;
}

.menu-action-entry .menu-action-entry-shortcut-icon {
    margin-right: 8px;
    height: 20px;
    background-repeat: no-repeat;
}

.keyboard-shift-icon-mac {
    width: 68px;
    background-size: 68px 20px;
    background-image: url('/img/actions/keycodes/shift_click_mac_v1.svg');
}

.keyboard-delete-icon-mac {
    width: 30px;
    background-size: 30px 20px;
    background-image: url('/img/actions/keycodes/delete_mac_v1.svg');
}

.keyboard-delete-icon-win {
    width: 53px;
    background-size: 53px 20px;
    background-image: url('/img/actions/keycodes/delete_v1.svg');
}

.keyboard-shift-icon-win {
    width: 82px;
    background-size: 82px 20px;
    background-image: url('/img/actions/keycodes/shift_click_win_v1.svg');
}

.keyboard-right-icon {
    width: 26px;
    background-size: 26px 20px;
    background-image: url('/img/actions/keycodes/arrow_right_v1.svg');
}

.keyboard-left-icon {
    width: 26px;
    background-size: 26px 20px;
    background-image: url('/img/actions/keycodes/arrow_left_v1.svg');
}

.keyboard-info-icon {
    width: 21px;
    background-size: 21px 20px;
    background-image: url('/img/actions/keycodes/information_v1.svg');
}

.keyboard-comment-icon {
    width: 22px;
    background-size: 22px 20px;
    background-image: url('/img/actions/keycodes/comments_v1.svg');
}

.keyboard-space-icon {
    width: 48px;
    background-size: 48px 20px;
    background-image: url('/img/actions/keycodes/space_v1.svg');
}

.keyboard-esc-icon {
    width: 34px;
    background-size: 34px 20px;
    background-image: url('/img/actions/keycodes/esc_v1.svg');
}

.keyboard-scrollTop-icon-win {
    width: 48px;
    background-size: 48px 20px;
    background-image: url('/img/actions/keycodes/home_win_v1.svg');
}

.keyboard-scrollTop-icon-mac {
    width: 50px;
    background-size: 50px 20px;
    background-image: url('/img/actions/keycodes/home_mac_v1.svg');
}

.keyboard-selectAll-icon {
    width: 24px;
    background-size: 24px 20px;
    background-image: url('/img/actions/keycodes/select_all_v1.svg');
}

.menu-action-entry .menu-action-entry-info {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: white;
}

.scroll-to-top {
    cursor: pointer;
    position: absolute;
    width: 56px;
    height: 56px;
    bottom: 16px;
    background: var(--key-handler-bg-color);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 32px;
}

.scroll-to-top:hover{
    background: var(--key-handler-bg-color-hover);
}

.scroll-to-top:hover .scroll-to-top-hover {
    display: block;
}

.scroll-to-top:hover .scroll-to-top-icon {
    display: none;
}

.scroll-to-top-hover {
    display: none;
}

.scroll-to-top-icon {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url('/img/actions/scroll_to_top_white_v1.svg');
}

/*
    Switch Control
*/

.mono-controls-switch-container {
    height: 30px;
    padding-top: 5px;
    width: 85px;
}

.mono-controls-switch-container.theme{
    width: 100px;
}

.mono-controls-switch-text {
    width: 25px;
    float: left;
    margin-right: 8px;
    margin-top: 4px;
    text-align: right;
    font-size: 16px;
}

.mono-controls-switch-container.theme .mono-controls-switch-text{
    width: 40px;
}

.mono-controls-switch-content {
    position: relative;
    float: left;
}

.mono-controls-switch-background {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 20px;
    -ms-background-size: 50px 20px;
    background-size: 50px 20px;
    background-image: url('/img/settings/switcher_bg_v1.svg');
}

.mono-controls-switch-button, .mono-controls-switch-button-off {
    margin-top: -2px;
    position: absolute;
    cursor: pointer;
    height: 24px;
    width: 24px;
    background-size: 24px;
}

.mono-controls-switch-button {
    background-image: url('/img/settings/switcher_button_v1.svg');
}

.mono-controls-switch-button-off {
    background-image: url('/img/settings/switcher_button_grey_v1.svg');
}

/* Radio Button Styles*/

.mono-controls-radio-button, .mono-controls-radio-button-checked {
    cursor: pointer;
    width: 25px;
    height: 25px;
    -ms-background-size: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
}

.mono-controls-radio-button {
    -ms-background-size: 25px;
    background-size: 25px;
    background-image: url('/img/actions/radio_v1.svg');
}

.mono-controls-radio-button-checked {
    -ms-background-size: 25px;
    background-size: 25px;
    background-image: url('/img/actions/radio_active_v1.svg');
}

/* Dropdown Styles*/

.mono-control-dropdown-arrow-down, .mono-control-dropdown-arrow-up, .mono-control-dropdown-item-checked {
    position: absolute;
    right: 10px;
    height: 9px;
    width: 16px;
    background-size: 16px 9px;
    background-repeat: no-repeat;
}

.mono-control-dropdown-item-checked {
    position: absolute;
    display: none;
    right: 12px;
    top: 18px;
    height: 11px;
    width: 11px;
    background-size: 11px;
    background-repeat: no-repeat;
    background-image: url('/img/controls/checkmark_green_v1.svg');
}

.mono-control-dropdown-arrow-down {
    top: 19px;
    background-image: url('/img/controls/chevron_up_blue_v1.svg');
}

.mono-control-dropdown-arrow-down-selected {
    top: 19px;
    background-image: url('/img/controls/chevron_up_white_v1.svg');
}

.mono-control-dropdown-arrow-up {
    top: 21px;
    background-image: url('/img/controls/chevron_down_blue_v1.svg');
}

.mono-control-dropdown-arrow-up-selected {
    top: 21px;
    background-image: url('/img/controls/chevron_down_white_v1.svg');
}

.mono-control-dropdown-area {
    cursor: pointer;
    background-color: var(--default-bg-color);
    position: relative;
    height: 48px;
    font-size: 18px;
}

.mono-control-dropdown-header-content, .mono-control-dropdown-header-content-open {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: var(--primary-text-color);
    padding: 6px;
    padding-top: 11px;
    padding-left: 15px;
    padding-right: 10px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
}

.mono-control-dropdown-header-content-open {
    color: var(--primary-interaction-color);
    box-shadow: 0 0 4px 0 rgba(51, 51, 51, 0.1);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.mono-control-dropdown-content-placeholder {
}

.mono-control-dropdown-content-value {
    display: none;
}

.mono-control-dropdown-right-area {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 36px;
    right: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.pi-desktop .mono-control-dropdown-right-area:hover {
    background-color: var(--primary-interaction-color);
}

.pi-desktop .mono-control-dropdown-right-area:hover .mono-control-dropdown-arrow-down {
    background-image: url('/img/controls/chevron_up_white_v1.svg');
}

.pi-desktop .mono-control-dropdown-right-area:hover .mono-control-dropdown-arrow-up {
    background-image: url('/img/controls/chevron_down_white_v1.svg');
}

.mono-control-dropdown-right-area-hover {
    background-color: var(--primary-interaction-color);
}

.mono-control-dropdown-right-area-open {
    border-bottom-right-radius: 0;
}

.mono-control-dropdown-flyout-area {
    display: none;
    position: absolute;
    background-color: var(--default-bg-color);
    width: 100%;
    top: 48px;
    left: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 0 4px 0 rgba(51, 51, 51, 0.1);
    border: 1px solid var(--border-color);
    border-top: none;
}

.mono-control-dropdown-flyout-item, .mono-control-dropdown-flyout-item-selected {
    position: relative;
    cursor: pointer;
    color: var(--primary-text-color);
    height: 48px;
    padding: 10px;
    padding-left: 15px;
    padding-top: 11px;

    border-bottom: 1px solid var(--border-color);
}

.mono-control-dropdown-flyout-item:last-child {
    border-bottom: none;
}

.mono-control-dropdown-flyout-item-selected {
    color: var(--dropdown-flyout-selected);
}

.pi-desktop .mono-control-dropdown-flyout-item-selected:hover {
    color: var(--dropdown-flyout-selected-hover);
}

.pi-desktop .mono-control-dropdown-flyout-item-selected:hover .mono-control-dropdown-item-checked {
    background-image: url('/img/controls/checkmark_white_v1.svg');
}

.pi-desktop .mono-control-dropdown-flyout-item:hover {
    color: var(--dropdown-flyout-selected-hover);;
    height: 49px;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    border-bottom: 1px solid var(--primary-interaction-color);
    background-color: var(--primary-interaction-color);
}

.pi-desktop .mono-control-dropdown-flyout-item:last-child:hover {
    /*color: white;
    background-color: var(--primary-interaction-color);*/
    height: 50px;
    margin-bottom: -1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*
Password Box Styles
 */

.pi-control-password-area {
    position: relative;
    display: flex;
    flex-flow: column;
}

.pi-control-password-area .pi-icon-size {
    width: 24px !important;
    height: 24px !important;
    background-size: 24px !important;
}

.pi-control-password-area .strengthArea {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
}

.pi-control-error input {
    color: var(--sc-red-color) !important;
    border: 1px solid var(--sc-red-color) !important;
}

.pi-control-error input:hover {
    color: var(--sc-red-color) !important;
    border: 1px solid var(--sc-red-color) !important;
}

.pi-control-error input:focus {
    border: 1px solid var(--sc-red-color) !important;
}

.pi-control-error .pi-icon-eye-closed {
    background-image: url("../img/actions/eye_closed_red_v2.svg") !important;
}

.pi-control-error .pi-icon-eye-opened {
    background-image: url("../img/actions/eye_open_red_v1.svg") !important;
}

.strengthArea .bar {
    height: 4px;
    border-radius: 2px;
    width: 100px;
    background-color: var(--border-color);
}

.strengthArea.weak .bar:nth-child(1) {
    background-color: var(--sc-red-color);
}

.strengthArea.middle .bar:nth-child(1) {
    background-color: var(--sc-interaction-orange);
}

.strengthArea.middle .bar:nth-child(2) {
    background-color: var(--sc-interaction-orange);
}

.strengthArea.ok .bar:nth-child(1) {
    background-color: var(--sc-interaction-green);
}

.strengthArea.ok .bar:nth-child(2) {
    background-color: var(--sc-interaction-green);
}

.strengthArea.ok .bar:nth-child(3) {
    background-color: var(--sc-interaction-green);
}

.strengthArea.secure .bar:nth-child(1) {
    background-color: var(--sc-interaction-green);
}

.strengthArea.secure .bar:nth-child(2) {
    background-color: var(--sc-interaction-green);
}

.strengthArea.secure .bar:nth-child(3) {
    background-color: var(--sc-interaction-green);
}

.strengthArea.secure .bar:nth-child(4) {
    background-color: var(--sc-interaction-green);
}

/*
pi-grid styles
 */
.pi-grid-area {
    position: relative;
}

.pi-grid-area .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    transition: opacity 0.5s ease-in-out;
}

.list .item {

}

.drive-template {
    min-width: 276px;
    max-width: 350px;
    height: 72px;
    border-radius: 3px;
    background-color: var(--backup-computer-bg-color);
    margin-right: 24px;
    margin-bottom: 24px;
}

.pi-desktop .drive-template:hover {
    box-shadow: 0 4px 8px 0 rgba(37, 142, 227, 0.14), 0 0 24px 0 rgba(37, 142, 227, 0.08);
    cursor: pointer;
}

.pi-desktop .drive-template:hover .text-content .line1 {
    color: var(--primary-interaction-color);
}

.pi-desktop .drive-template:hover .text-content .line2 {

}

.pi-desktop .drive-template .mono-drive-navigation-item-computer {
    background-image: url('/img/header/menu/laptop_navy_v1.svg');
}

.pi-dark-theme .drive-template .mono-drive-navigation-item-computer{
    background-image: url('/img/header/menu/laptop_white_v1.svg');
}

.pi-desktop .drive-template:hover .mono-drive-navigation-item-computer {
    background-image: url('/img/header/menu/laptop_light_v1.svg');
}

.item-drive-content {
    outline: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 21px 8px 0 16px;
}

.item-drive-content .icon {
    width: 32px;
    height: 32px;
    -webkit-background-size: 32px;
    background-size: 32px;
    margin-right: 16px;
}

.item-drive-content .text-content {
    margin-right: 8px;
    flex-grow: 1;
}

.text-content .line1 {
    max-width: 246px;
    font-size: 16px;
    color: var(--primary-text-color);
    font-weight: 500;
    font-family: "TheSansW4SemiLight";
}

.text-content .line2 {
    max-width: 246px;
    margin-top: -3px;
    font-size: 14px;
    color: var(--secondary-text-color);
    font-family: "TheSansW4SemiLight";
}

.item-drive-content .menu {
    display: none;
}

.item-drive-content .async-dropdown-empty {
    height: 128px !important;
}

.item-drive-content .mono-dropdown-empty > .mainLabel {
    max-width: 210px;
    font-family: "TheSansW4SemiLight";
    font-weight: 500;
    white-space: nowrap;
    color: var(--primary-text-color);
    font-size: 17px;
    padding-top: 8px;
    padding-left: 24px;
    margin-bottom: 8px;
}

.item-drive-content .mono-dropdown-empty > .subBaseLabel {
    white-space: nowrap;
    font-size: 14px;
    color: var(--secondary-text-color);
    padding-left: 24px;
    padding-right: 80px;
}


/*.item-drive-content .mono-dropdown-empty > .subLabel1 {*/
/*    white-space: nowrap;*/
/*    font-size: 14px;*/
/*    color: #5c5c5c;*/
/*    padding-left: 24px;*/
/*    padding-right: 80px;*/
/*}*/

/*.item-drive-content .mono-dropdown-empty > .subLabel2 {*/
/*    white-space: nowrap;*/
/*    font-size: 14px;*/
/*    color: #5c5c5c;*/
/*    padding-left: 24px;*/
/*    padding-right: 80px;*/
/*}*/

/*
pi-list styles
 */

.pi-list-area {

    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.pi-list, .pi-list-header {
    display: flex;
    flex-direction: column;
    transition: opacity 0.5s ease-in-out;
}

.pi-list .ui-droppable-active {
    background-color: var(--drop-active);
}

.pi-list .ui-droppable-hover {
    background-color: var(--drop-hover) !important;
}

.pi-desktop .pi-list-hover .pi-list-item:hover {
    cursor: pointer;
    background: var(--list-item-hover);
}

.pi-list-hover .pi-list-item:hover .pi-history-menu-icon {
    background-repeat: no-repeat;
    background-image: url('/img/controls/menu_active_v1.svg');
}

.pi-desktop .pi-list-hover .pi-list-item .pi-history-menu-icon:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/menu_hover_v1.svg');
}

.pi-desktop .pi-list-canSelect .pi-list-item:hover {
    cursor: pointer;
    background: -moz-linear-gradient(left, var(--list-item-hover-opactiy) 0%, var(--list-item-hover) 25px, var(--list-item-hover) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--list-item-hover-opactiy) 0%, var(--list-item-hover) 25px, var(--list-item-hover) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--list-item-hover-opactiy) 0%, var(--list-item-hover) 25px, var(--list-item-hover) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pi-list-item, .pi-list-header-item {
    outline: none;
    /*border-top: 1px solid #e6e6e6;*/
    border-bottom: 1px solid var(--border-color);
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.pi-mobile .pi-list-item {
    height: 64px;
    font-size: 20px;
}
.pi-mobile .pi-list-header-item{
    height: 64px;
    font-size: 20px;
}

.pi-desktop .pi-list-header-item:hover .pi-list-checkbox-container {
    display: block;
}

.pi-desktop .pi-list-item:hover .pi-list-checkbox-container {
    display: block;
}

.pi-list-header-item {
    /*font-size: 14px;*/
}

.pi-list-header-item .sortable {
    cursor: pointer;
}

.pi-desktop .sortable:hover {
    cursor: pointer;
    color: var(--primary-interaction-color);
}

.pi-list-header-item .order {
    margin-left: 8px;
}

.pi-list-item:last-child {
    border-bottom: 1px solid var(--border-color);
}

.pi-list-column {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
}

.pi-list-column > .mono-drive-folder-icon {
    margin: 0;
}

.pi-list-column > .mono-link-icon-folder {
    margin: 0;
}

.pi-list-column > .mono-file-icon {
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
}

.pi-list-column > .pi-thumbnail-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    margin-left: -4px;
}

@media all and (-ms-high-contrast:none)
{
    *::-ms-backdrop, .pi-thumbnail-icon { top: 8px; left: 0px; } /* IE11 */
}

.pi-list-item .menu {
    position: relative;
}

.pi-list-item .async-dropdown-empty {
    height: 128px !important;
}

.pi-list-item .async-dropdown-empty.small {
    height: 108px !important;
}

.pi-list-item .mono-dropdown-empty > .mainLabel {
    max-width: 230px;
    font-family: TheSansW4SemiLight;
    font-weight: 500;
    white-space: nowrap;
    color: var(--primary-text-color);
    font-size: 17px;
    padding-top: 8px;
    padding-left: 24px;
    margin-bottom: 8px;
}

.pi-list-item .mono-dropdown-empty > .subBaseLabel {
    white-space: nowrap;
    font-size: 14px;
    color: var(--secondary-text-color);
    padding-left: 24px;
    padding-right: 80px;
}

.pi-list-column span {
    /*max-width: 250px;*/
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pi-list-item .icon-column {
    width: 32px;
    margin-left: 8px;
    margin-right: 8px;
}

.pi-list-item .icon-fixed-column {
    width: 32px;
    margin-left: 8px;
    margin-right: 8px;
}

.pi-list-item .action-column {
    justify-content: flex-end;
}

.pi-justify-content-right {
    justify-content: flex-end;
}

.pi-list-item .flex-width {
    flex-grow: 1;
    margin-right: 16px;
    min-width: 0;
    flex-basis: 0;
}

.pi-list-item .small-width {
    width: 15%;
    margin-right: 16px;
}

.pi-list-item .medium-width {
    width: 20%;
    margin-right: 16px;
}

.pi-list-item .large-width {
    width: 30%;
    margin-right: 16px;
}

.pi-list-header-item .icon-column {
    width: 0px;
    margin-left: 8px;
}

.pi-list-header-item .icon-fixed-column {
    width: 32px;
    margin-left: 8px;
    margin-right: 8px;

}

.pi-list-header-item .flex-width {
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 16px;
    min-width: 0;
}

.pi-list-header-item .small-width {
    width: 15%;
    margin-right: 16px;
}

.pi-list-header-item .medium-width {
    width: 20%;
    margin-right: 16px;
}

.pi-list-header-item .large-width {
    width: 30%;
    margin-right: 16px;
}

.pi-drag-item-area {
    box-shadow: 0 87px 48px -70px rgba(0, 17, 85, 0.24), 0 0 32px 0 rgba(23, 129, 227, 0.16);
    background-color: var(--default-bg-color);
    z-index: 5;
}

.pi-drag-icon-single {
    width: 56px;
    height: 56px;
    background-size: 120px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-image: url('/img/files/drag_element_single_v1.svg');
}

.pi-dark-theme .pi-drag-icon-single{
    background-image: url('/img/files/drag_element_single_dark_v1.svg');
}

.pi-drag-icon-multiple {
    width: 64px;
    height: 64px;
    background-size: 128px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-image: url('/img/files/drag_element_multiple_v1.svg');
}

.pi-drag-item-count {
    width: 32px;
    height: 20px;
    border-radius: 10px;
    background-color: var(--primary-interaction-color);
    color: var(--sc-white-color);
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10px;
    right: -8px;
}

@media (min-width: 300px) {
    /*.pi-list-item .flex-width span {*/
    /*    max-width: 260px;*/
    /*}*/
    /*.pi-list-item .medium-width {*/
    /*    width: 20% !important;*/
    /*}*/
    /*.pi-list-header-item .flex-width span {*/
    /*    max-width: 250px;*/
    /*}*/
    /*.pi-list-header-item .small-width {*/
    /*    width: 15% !important;*/
    /*}*/
    /*.pi-list-header-item .medium-width {*/
    /*    width: 20% !important;*/
    /*}*/
    .pi-list-item .pi-hide-1 {
        display: none;
    }

    .pi-list-header-item .pi-hide-1 {
        display: none;
    }

    .pi-list-item .pi-hide-2 {
        display: none;
    }

    .pi-list-header-item .pi-hide-2 {
        display: none;
    }

    .pi-menuaction-item .action-label {
        display: none;
    }

    /*
    pi-overlay related
     */
    .pi-overlay .pi-list-item .pi-hide-2 {
        display: flex;
    }

    .pi-overlay .pi-list-header-item .pi-hide-2 {
        display: flex;
    }
}

@media (min-width: 550px) {
    .pi-list-item .pi-hide-1 {
        display: none;
    }

    .pi-list-header-item .pi-hide-1 {
        display: none;
    }

    .pi-list-item .pi-hide-2 {
        display: flex;
    }

    .pi-list-header-item .pi-hide-2 {
        display: flex;
    }

    .pi-menuaction-item .action-label {
        display: none;
    }
}

@media (min-width: 650px) {

    /*
      pi-overlay related
       */
    .pi-overlay .pi-menuaction-item .action-label {
        display: block !important;
    }

    .pi-overlay .pi-list-item .pi-hide-1 {
        display: flex;
    }

    .pi-overlay .pi-list-header-item .pi-hide-1 {
        display: flex;
    }

}

@media (min-width: 1350px) {
    .pi-list-item .pi-hide-1 {
        display: flex;
    }

    .pi-list-header-item .pi-hide-1 {
        display: flex;
    }

    .pi-list-item .pi-hide-2 {
        display: flex;
    }

    .pi-list-header-item .pi-hide-2 {
        display: flex;
    }

    .pi-menuaction-item .action-label {
        display: block;
    }
}

@media (min-width: 1620px) {
    .pi-list-item .pi-hide-1 {
        display: flex;
    }

    .pi-list-header-item .pi-hide-1 {
        display: flex;
    }

    .pi-list-item .pi-hide-2 {
        display: flex;
    }

    .pi-list-header-item .pi-hide-2 {
        display: flex;
    }

    .pi-menuaction-item .action-label {
        display: block;
    }
}

/*
checkbox list control styles
 */

.pi-desktop .pi-list-checkbox-outer:hover .pi-list-checkbox-container {
    display: block;
}

.pi-checkMode .pi-list-checkbox-container {
    display: block;
}

.pi-checkMode .pi-icon {
    display: none !important;
}

.pi-checkMode .menu {
    visibility: hidden;
}

.pi-selectAll .pi-list-checkbox {
    background-image: url('/img/controls/list_checkbox_selected_v1.svg');
}

.pi-list-checkbox-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 44px;
    height: 50px;
    left: 0;
}

.pi-mobile .pi-list-checkbox-outer {
    height: 64px;
}

.pi-list-checkbox-container {
    display: none;
}

.pi-list-checkbox, .pi-list-checkbox-checked, .pi-list-header-checkbox {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
}

.pi-mobile .pi-list-checkbox {
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.pi-mobile .pi-list-checkbox-checked {
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.pi-mobile .pi-list-header-checkbox {
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.pi-list-checkbox {
    background-image: url('/img/controls/list_checkbox_v1.svg');
}

.pi-desktop .pi-list-checkbox:hover {
    background-image: url('/img/controls/list_checkbox_selected_v1.svg');
}

.pi-list-header-item {
    background-color: transparent !important;
}

.pi-checked, .multiselect {
    background-color: var(--input-selection-color);
}

.multiselect .pi-list-checkbox {
    background-image: url('/img/controls/list_checkbox_selected_v1.svg');
}

.pi-checked .pi-list-checkbox {
    background-image: url('/img/controls/list_checkbox_selected_v1.svg');
}

.pi-list-header-checkbox {
    background-image: url('/img/controls/list_checkbox_v1.svg');
}

.pi-desktop .pi-list-header-checkbox:hover {
    background-image: url('/img/controls/list_checkbox_selected_v1.svg');
}

.pi-checked .pi-list-header-checkbox {
    background-image: url('/img/controls/list_checkbox_selected_v1.svg');
}

.pi-unselect .pi-list-header-checkbox {
    background-image: url('/img/controls/list_checkbox_unselect_v1.svg');
}

/*
Mobile behavior
 */

.pi-mobile .pi-list-checkbox-container {
    display: block;
}

/*
Listbox action icon
 */
.pi-desktop .pi-list-item:hover .pi-icon {
    display: block;
}

.pi-icon {
    display: none;
    margin-right: 8px;
}

.pi-icon-share {
    background-repeat: no-repeat;
    background-image: url('/img/controls/share_light_v1.svg');
}

.pi-desktop .pi-icon-share:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/share_light_v1.svg');
}

.pi-icon-download {
    background-repeat: no-repeat;
    background-image: url('/img/controls/download_light_v1.svg');
}

.pi-desktop .pi-icon-download:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/download_hover_v1.svg');
}

.pi-icon-restore {
    background-repeat: no-repeat;
    background-image: url('/img/actions/recover_blue_v1.svg');
}

.pi-desktop .pi-icon-restore:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/recover_hover_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-restore {
    background-repeat: no-repeat;
    background-image: url('/img/actions/recover_white_v1.svg');
}

.pi-icon-delete {
    background-repeat: no-repeat;
    background-image: url('/img/actions/trash_blue_v1.svg');
}

.pi-desktop .pi-icon-delete:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/trash_hover_v1.svg');
}

.pi-desktop .dropdown-menu-item:hover .pi-icon-delete {
    background-repeat: no-repeat;
    background-image: url('/img/actions/trash_white_v1.svg');
}

li > .dropdown-menu-item-danger .pi-icon-delete{
    background-repeat: no-repeat;
    background-image: url('/img/actions/trash_red_v1.svg');
}

li > .dropdown-menu-item-danger:hover .pi-icon-delete {
    background-repeat: no-repeat;
    background-image: url('/img/actions/trash_white_v1.svg');
}

.pi-icon-eye-closed {
    background-repeat: no-repeat;
    background-image: url('/img/actions/eye_closed_v2.svg');
}

.pi-dark-theme .pi-icon-eye-closed {
    background-image: url('/img/actions/eye_closed_white_v1.svg');
}

.pi-icon-eye-opened {
    background-repeat: no-repeat;
    background-image: url('/img/actions/eye_open_v1.svg');
}

.pi-dark-theme .pi-icon-eye-opened {
    background-image: url('/img/actions/eye_open_white_v1.svg');
}

.pi-icon-lock {
    background-repeat: no-repeat;
    background-image: url('/img/actions/lock_v1.svg');
}

.pi-dark-theme .pi-icon-lock {
    background-repeat: no-repeat;
    background-image: url('/img/actions/lock_white_v1.svg');
}

.pi-icon-unlocked {
    background-repeat: no-repeat;
    background-image: url('/img/actions/lock_open_v2.svg');
}

.pi-dark-theme .pi-icon-unlocked {
    background-repeat: no-repeat;
    background-image: url('/img/actions/lock_open_white_v2.svg');
}

.pi-icon-lock-invalid {
    background-repeat: no-repeat;
    background-image: url('/img/actions/lock_red_v1.svg');
}

/*
List Pager Styles
 */
.pi-list-pager-container {
    opacity: 0;
    position: absolute;
    bottom: 24px;
    height: 40px;
    border-radius: 4px;
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.12);
    background-color: var(--default-bg-color);
    display: flex;
    align-items: center;
    left: 50%;
    transition: opacity 0.5s ease-in-out;
    z-index: 4;
}

.pi-list-pager-container .pi-icon-left-arrow {
    margin-left: 8px;
    margin-right: 16px;
}

.pi-list-pager-container .pi-icon-right-arrow {
    margin-left: 16px;
    margin-right: 8px;
}

.pi-list-pager-container .content {
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-text-color);
}

/* 
    BEGIN Custom designs for photoEditorSDK

*/

.pesdk-react-editor .pesdk-react-topBar__right {
    right: 55px;
}

/* 
    END Custom designs for photoEditorSDK

*/

a,
a:hover,
a:focus {
    color: var(--primary-interaction-color);
}

a:focus {
    outline: none;
}

.mono-notification-inner-area a {
    color: white;
    text-decoration: none;
}

.mono-notification-inner-area a:hover {
    color: white;
}

.mono-notification-inner-area a:focus {
    color: white;
}

.mono-footer-content a {
    color: var(--primary-text-color);
    text-decoration: none;
}

.mono-footer-content a:hover {
    color: var(--primary-interaction-color);
}

.list-group {
    margin-bottom: 0;
}

.list-group .list-group-item {
    color: var(--primary-text-color);
    background-color: var(--default-bg-color);
    padding: 6px;
    border: none;
    -ms-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-group .list-group-tree-item {
    position: relative;
    padding: 6px;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0px;
}

.list-group-text {
    margin-bottom: -4px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.node-tree:hover {
    background-color: var(--tree-item-hover);
}

.node-tree input {
    background-color: var(--secondary-bg-color);
}

.node-tree.node-selected {
    background-color: var(--tree-item-hover);
}

.btn {
    -ms-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    padding-left: 24px;
    padding-right: 24px;
    -moz-min-width: 160px;
    -ms-min-width: 160px;
    -o-min-width: 160px;
    -webkit-min-width: 160px;
    min-width: 160px;
    font-family: TheSansW4SemiLight;
    font-size: 18px;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    box-shadow: none;
    text-shadow: none;
}

.btn-info {
    background: var(--button-info-color);
    border-color: var(--border-color);
}

.btn-info:hover {
    background: var(--button-info-color);
}

.btn-info:focus {
    background: var(--button-info-color);
}

.btn-info:active {
    background: var(--button-info-color);
}

.btn-default,
.btn-default:focus {
    background-image: none;
    background-color: var(--button-default-color);
    color: var(--dark-text-color);
    border-color: var(--button-default-color);
}

.btn-default:hover {
    background-color: var(--button-default-hover);
    border-color: var(--button-default-hover);
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: var(--button-default-color);
    color: var(--disabled-text-color);
    opacity: 0.4;
}

.btn:focus,
.btn:focus:active,
.active.btn:focus {
    outline: none;
}

.btn-Newprimary,
.btn-Newprimary:focus {
    -ms-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 24px;
    -moz-min-width: 160px;
    -ms-min-width: 160px;
    -o-min-width: 160px;
    -webkit-min-width: 160px;
    min-width: 160px;
    font-family: TheSansW4SemiLight;
    font-size: 18px;
    background-image: none;
    color: var(--sc-white-color);
    background-color: var(--primary-interaction-color);
    border-color: var(--primary-interaction-color);
}

.btn-Newprimary:hover {
    color: white;
    background-color: var(--primary-interaction-hover);
    border-color: var(--primary-interaction-hover);
}

.btn-Newprimary.disabled,
.btn-Newprimary[disabled],
fieldset[disabled] .btn-Newprimary,
.btn-Newprimary.disabled:hover,
.btn-Newprimary[disabled]:hover,
fieldset[disabled] .btn-Newprimary:hover,
.btn-Newprimary.disabled:focus,
.btn-Newprimary[disabled]:focus,
fieldset[disabled] .btn-Newprimary:focus,
.btn-Newprimary.disabled:active,
.btn-Newprimary[disabled]:active,
fieldset[disabled] .btn-Newprimary:active,
.btn-Newprimary.disabled.active,
.btn-Newprimary[disabled].active,
fieldset[disabled] .btn-Newprimary.active {
    background-color: var(--primary-interaction-hover);
    opacity: 0.4;
}

.btn-primary,
.btn-primary:focus {
    color: white;
    background-image: none;
    background-color: var(--primary-interaction-color);
    border-color: var(--primary-interaction-color);
}

.btn-primary:hover {
    background-color: var(--primary-interaction-hover);
    border-color: var(--primary-interaction-hover);
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: var(--primary-interaction-color);
    opacity: 0.4;
}

.btn-secondary,
.btn-secondary:focus {
    background-color: transparent;
    color: var(--button-secondary-color);
    border-color: var(--button-secondary-border-color);
}

.btn-secondary:hover {
    background-color: var(--button-secondary-hover);
    color: var(--button-secondary-color);
    border-color: var(--button-secondary-border-color);
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
    background-color: transparent;
    opacity: 0.4;
}

.btn-secondary.pi-iconbutton-style {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.1px;
}

.btn-primary.pi-iconbutton-style {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.1px;
}

.btn-alert,
.btn-alert:focus {
    background-color: var(--sc-red-color);
    color: var(--sc-white-color);
    border-color: var(--sc-red-color);
}

.btn-alert:hover {
    color: var(--sc-white-color);
    background-color: var(--sc-red-color);
    border-color: var(--sc-red-color);
}

.btn-alert.disabled,
.btn-alert[disabled],
fieldset[disabled] .btn-alert,
.btn-alert.disabled:hover,
.btn-alert[disabled]:hover,
fieldset[disabled] .btn-alert:hover,
.btn-alert.disabled:focus,
.btn-alert[disabled]:focus,
fieldset[disabled] .btn-alert:focus,
.btn-alert.disabled:active,
.btn-alert[disabled]:active,
fieldset[disabled] .btn-alert:active,
.btn-alert.disabled.active,
.btn-alert[disabled].active,
fieldset[disabled] .btn-alert.active {
    background-color: var(--sc-red-color);
    opacity: 0.4;
}


.btn-transparent,
.btn-transparent:focus {
    background-color: transparent;
    color: var(--button-transparent-color);
    border-color: var(--button-transparent-border-color);
}

.btn-transparent:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: var(--button-transparent-color);
    border-color: var(--button-transparent-border-color);
}

.btn-transparent.disabled,
.btn-transparent[disabled],
fieldset[disabled] .btn-transparent,
.btn-transparent.disabled:hover,
.btn-transparent[disabled]:hover,
fieldset[disabled] .btn-transparent:hover,
.btn-transparent.disabled:focus,
.btn-transparent[disabled]:focus,
fieldset[disabled] .btn-transparent:focus,
.btn-transparent.disabled:active,
.btn-transparent[disabled]:active,
fieldset[disabled] .btn-transparent:active,
.btn-transparent.disabled.active,
.btn-transparent[disabled].active,
fieldset[disabled] .btn-transparent.active {
    background-color: transparent;
    opacity: 0.4;
}

.breadcrumb > li + li:before {
    content: ">";
    font-family: TheSansW4SemiLight;
    padding-left: 4px;
    padding-top: 0px;
    padding-bottom: 0;
    padding-right: 7px;
    color: var(--primary-text-color);
}

.breadcrumb > a,
a:focus {
    color: var(--primary-interaction-color);
    text-decoration: none;
}

a:hover {
    color: var(--primary-interaction-hover);
    text-decoration: none;
}

.dropdown-menu {
    margin: 15px 0 0;
    margin-left: -22px;
    border-radius: 0;
    border: none;
    background-color: var(--dropdown-bg-color);
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12);
    padding: 0;
}

.dropdown-menu.pull-right {
    right: -10px;
    left: auto;
}

.dropdown-menu.pull-straight-right {
    right: 0 !important;
    left: auto;
}

.dropdown-menu.pull-custom {
    right: -10px;
    left: auto;
}

.dropdown:hover {
    color: var(--primary-interaction-color);
}

.dropdown-menu li {
    height: 56px;
    cursor: pointer;
}

.mono-dropup.dropdown-menu > li:last-child:after {
    position: absolute;
    bottom: -8px;
    left: 15px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--dropdown-bg-color);
    border-left: 8px solid transparent;
    content: '';
}

.mono-dropup.dropdown-menu > li:last-child:hover:after {
    border-top: 10px solid var(--primary-interaction-color);
}

.mono-dropup.dropdown-menu.pull-right > li:last-child:before {
    left: auto;
    right: 19px;
}

.mono-dropup.dropdown-menu.pull-right > li:last-child:after {
    left: auto;
    right: 20px;
}

.mono-dropdown.dropdown-menu > li:first-child:after {
    position: absolute;
    top: -8px;
    left: 15px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--dropdown-bg-color);
    border-left: 8px solid transparent;
    content: '';
}

.mono-dropdown.dropdown-menu > li:first-child:hover:after {
    position: absolute;
    top: -8px;
    left: 15px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--primary-interaction-color);
    border-left: 8px solid transparent;
    content: '';
}

.mono-dropdown-empty:hover:after {
    position: absolute;
    top: -8px;
    left: 15px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--dropdown-bg-color) !important;
    border-left: 8px solid transparent;
    content: '';
}

.mono-dropdown.dropdown-menu.pull-right > li:first-child:after {
    left: auto;
    right: 23px;
}

.mono-dropdown.dropdown-menu.pull-custom > li:first-child:before {
    left: 40px;
}

.mono-dropdown.dropdown-menu.pull-custom > li:first-child:after {
    left: 41px;
}

.dropdown-menu-item-danger {

}

.dropdown-menu > li:last-child {
    border-bottom: none;
}

.dropdown-menu > li > a {
    line-height: 24px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-interaction-color);
}

.dropdown-menu > li > a:focus {
    background-image: none;
    background-color: transparent;
    text-decoration: none;
    color: var(--primary-interaction-color);
}

.dropdown-menu > li > .dropdown-menu-item-danger {
    line-height: 24px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 500;
    color: var(--sc-red-color);
}

.dropdown-menu > li > a:active {
    background-image: none;
    background-color: transparent;
    text-decoration: none;
    color: var(--sc-interaction-green);
}

.dropdown-menu > li > a:hover {
    background-image: none;
    background-color: transparent;
    text-decoration: none;
    color: var(--dropdown-flyout-selected-hover);
}

.dropdown-menu > li > a:hover a:focus {
    color: var(--dropdown-flyout-selected-hover);
}

.dropdown-menu > li:hover {
    color: var(--dropdown-flyout-selected-hover);
    height: 56px;
    border-color: var(--primary-interaction-color);
    background-color: var(--primary-interaction-color);
}

.dropdown-menu > li:hover a {
    /*padding: 16px 24px;*/
    color: var(--dropdown-flyout-selected-hover);
}

.dropdown-menu > li:hover > a:focus {
    background-image: none;
    background-color: transparent;
    text-decoration: none;
    color: var(--dropdown-flyout-selected-hover);
}

.dropdown-menu > li > .itemSelected {
    color: var(--sc-interaction-green);
}

.order .mono-caret:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f107";
}

.order .dropup .mono-caret:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f106";
}

.form-control:focus {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border-color: var(--border-color);
}

.ps-container > .ps-scrollbar-y-rail {
    right: 0;
    z-index: 2;
}

/* Change base style of input*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    padding: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: var(--border-color);
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    outline: 0 none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

textarea.mono-info-control {
    overflow: hidden;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

textarea.mono-info-control:hover {
    border: 1px solid var(--border-color);
}

textarea.mono-info-control:focus {
    border: 1px solid var(--primary-interaction-color);
}

textarea.pi-dark-info-control {
    overflow: hidden;
    border: solid 1px rgba(255, 255, 255, 0.24);
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.08);
}

textarea.pi-dark-info-control:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

textarea.pi-dark-info-control:focus {
    background-color: rgba(255, 255, 255, 0.24);
}

textArea.pi-transparent-control {
    border: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

textarea.pi-transparent-control:hover {
    background-color: transparent;
}

textarea.pi-transparent-control:focus {
    background-color: transparent;
}

textarea.pi-transparent-control::selection {
    background-color: #2AC7E1;
}

input::selection {

}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

::-ms-reveal {
    display: none;
}


input.mono-control {
    background-color: var(--input-bg-color);
    color: var(--primary-text-color);
    overflow: hidden;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

input.mono-control:hover {
    border: 1px solid var(--border-color);
}

input.mono-control:focus {
    border: 1px solid var(--primary-interaction-color);
}

input.mono-control-seamless {
    overflow: hidden;
    border: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: var(--primary-text-color);
    font-size: 24px;
    padding: 0;
}

input.mono-control-seamless::-ms-clear {
    display: none;
}

input.mono-control-seamless:hover {
    border: none !important;
}

input.mono-control-seamless:focus {
    border: none !important;
}

input.pi-transparent-control {
    border: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 6px 12px;
}

input.pi-transparent-control:focus-visible{
    outline: none;
    background-color: transparent;
}

input.pi-transparent-control:hover {
    background-color: transparent;
}

input.pi-transparent-control:focus {
    background-color: transparent;
}

input.pi-transparent-control::selection {
    /*background-color: #2AC7E1;*/
}

input.pi-transparent-control:read-only {
    background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: var(--secondary-text-color);
    cursor: default;
    background-color: var(--default-bg-color);
    opacity: 1;
}

textarea[readonly],
textarea[readonly]:focus {
    overflow: hidden;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}


.pi-dark-info-control[readonly],
.pi-dark-info-control[readonly]:hover,
.pi-dark-info-control[readonly]:focus,
fieldset[readonly] .pi-dark-info-control {
    overflow: hidden;
    border: solid 1px rgba(255, 255, 255, 0.24);
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.08);
}

.pi-transparent-control[readonly],
.pi-transparent-control[readonly]:hover,
.pi-transparent-control[readonly]:focus,
fieldset[readonly] .pi-transparent-control {
    border: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

input:-moz-read-only {
    /* For Firefox */
    background-color: var(--default-bg-color);
}

input:read-only {
    background-color: var(--default-bg-color);
}

/*Remove followin X button from Search inputs...*/

input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.plainHyperLink {
    padding: 10px;
    border-radius: 8px;
    padding-left: 24px;
    padding-right: 24px;
    -moz-min-width: 160px;
    -ms-min-width: 160px;
    -o-min-width: 160px;
    -webkit-min-width: 160px;
    min-width: 160px;
    font-family: TheSansW4SemiLight;
    font-size: 18px;
    background-color: var(--primary-interaction-color);
    border: 1px solid transparent;
    text-decoration: none;
    color: white;
    text-align: center;
}

.plainHyperLink:hover {
    background-color: var(--primary-interaction-hover);
    text-decoration: none;
    color: white;
}

.plainHyperLink:active {
    text-decoration: none;
    color: white;
}

.plainHyperLink:focus {
    text-decoration: none;
    color: white;
    outline: none;
}

.plainHyperLink.default {
    background-color: var(--button-default-color);
    color: var(--dark-text-color);
}

.plainHyperLink.default:hover {
    background-color: var(--button-default-hover);
}

.plainHyperLink.secondary,
.plainHyperLink.secondary:focus {
    background-color: transparent;
    color: var(--button-secondary-color);
    border-color: var(--button-secondary-border-color);
}

.plainHyperLink.secondary:hover {
    background-color: var(--button-secondary-hover);
    color: var(--button-secondary-color);
    border-color: var(--button-secondary-border-color);
}

.plainHyperLink.transparent {
    background-color: transparent;
    color: var(--sc-white-color);
    border-color: var(--sc-white-color);
}

.plainHyperLink.transparent:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.plainPrimaryDiv {
    -ms-border-radius: 5px;
    border-radius: 5px;
    -moz-min-width: 160px;
    -ms-min-width: 160px;
    -o-min-width: 160px;
    -webkit-min-width: 160px;
    min-width: 160px;
    font-family: TheSansW4SemiLight;
    font-size: 18px;
    text-align: center;
}

.plainPrimaryDiv-primary,
.plainPrimaryDiv-primary:focus {
    background: var(--primary-interaction-color);
    color: var(--sc-white-color);
    border-color: var(--primary-interaction-color);
}

.plainPrimaryDiv-primary:hover {
    background-color: var(--primary-interaction-hover);
    border-color: var(--primary-interaction-hover);
}

.folder-information-view {
    width: 438px;
    height: 320px;
}

.folder-create-view {
    width: 500px;
    height: 180px;
}

.photocontest-confirm-view {
    width: 480px;
    border-radius: 8px;
    background-color: var(--default-bg-color-l2);
}

.mobile-app-chooser-view {
    width: 480px;
    height: 430px;
}

.picture-config-view {
    width: 416px;
    height: 430px;
}

.app-promote-view {
    width: 440px;
    height: 466px;
}

.edit-place-view {
    width: 600px;
    height: 400px;
}

.folder-to-album-view {
    width: 550px;
    height: 148px;
}

.fileupload-conflict-view {
    width: 550px;
    height: 180px;
}

.move-to-view {
    height: 342px;
    width: 550px;
}

.move-to-safe-view {
    height: 342px;
    width: 420px;
}

.mount-create-view {
    width: 500px;
    height: 285px;
}

.pair-tv-view {
    width: 450px;
    height: 285px;
}

.popup-image-view {
    width: 440px;
    height: 540px;
}

.popup-input-view, .rename-view {
    width: 534px;
    height: 180px;
}

.global-preview {
    width: 450px;
    height: 315px;
}

.browser-not-supported {
    width: 550px;
    height: 315px;
}

.photo-timestamp-view, .photo-timestamp-triage-view {
    width: 450px;
    height: 250px;
}

.folder-delete-view, .popup-view {
    width: 500px;
    height: 200px;
}

.folder-delete-safe-view {
    width: 650px;
    height: 200px;
}

.popup-loading-view {
    width: 500px;
    height: 327px;
}

.fileupload-triage-view {
    width: 450px;
    height: 200px;
}

.drive-create-triage-view {
    width: 500px;
    height: 200px;
}

.remove-from-album-view {
    width: 500px;
    height: 200px;
}

.pdf-view {
    width: 1024px;
    height: 768px;
}

.add-to-album-view {
    width: 850px;
    height: 600px;
}

.dialog-header, .dialog-header-v2 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: 30px;
    margin-right: 30px;
    top: 0px;
    height: 64px;
    border-bottom: 1px solid var(--border-color);
}

.dialog-header-v2 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
}

.dialog-close-icon {
    float: left;
    width: 14px !important;
    height: 14px !important;
    -ms-background-size: 14px !important;
    background-size: 14px !important;
    z-index: 1200;
    position: absolute;
    right: 0;
    margin-top: 25px;
    margin-right: 30px;
}

.dialog-content {
    padding-top: 20px;
    padding-bottom: 25px;
    margin-top: 44px;
    left: 0px;
    right: 0px;
    top: 64px;
    bottom: 90px;
}

.dialog-animation-content {
    position: relative;
    width: 640px;
    height: 350px;
}


.dialog-animation-loading-content {
    position: absolute;
    bottom: -6px;
    left: 0px;
    right: 0;
}

.dialog-button-bar {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 25px;
}

.dialog-button-bar-new {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 30px;
    padding-right: 30px;

}

@-moz-document url-prefix() {
    .emailTextArea {
        height: 130px;
    }
}

.form-signin .form-control:focus .dialog-input-error {
    border-color: var(--sc-interaction-red);
}

.dialog-input-error {
    border-color: var(--sc-interaction-red);
}

.dialog-input {
    padding: 5px;
    font-size: 13px;
}

.dialog-timestamp-field {
    float: left;
    width: 54px;
}

.dialog-button, .dialog-button-topright {
    margin-top: 8px;
    margin-right: 8px;
}

.dialog-button-topright {
    margin-right: 20px;
}

.dialog-subline {
    text-align: left;
    margin-bottom: 12px;
    font-weight: 300;
}

.dialog-infoline {
    text-align: left;
    margin-bottom: 12px;
}

.dialog-hintline {
    color: var(--primary-interaction-color)
}

.dialog-hintline:hover {
    cursor: pointer;
    color: var(--primary-interaction-hover);
}

.dialog-hintline:hover > .mono-icon-prospect-information {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/information_active_v1.svg');
}

.form-heading {
    text-align: left;
    font-weight: 500;
    margin-top: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-signin {
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0;
    margin: 0 auto;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    padding: 6px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin .mono-input {
    border: 1px solid var(--border-color);
    height: 48px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
}

.form-signin .mono-input::selection {
    background-color: rgba(55, 165, 254, 0.08);
}

.form-signin .mono-input-error {
    color: var(--sc-interaction-red);
    border: 1px solid var(--sc-interaction-red);
}

.form-signin .mono-input-error:hover {
    color: var(--sc-interaction-red);
    border: 1px solid var(--sc-interaction-red);
}

.form-signin .mono-input-error:focus {
    border: 1px solid var(--sc-interaction-red);
}

.pi-dialog .mono-input {
    border: 1px solid var(--border-color);
    height: 48px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
}

.pi-dialog .mono-input-error {
    color: var(--sc-interaction-red);
    border: 1px solid var(--sc-interaction-red);
}

.pi-dialog .mono-input-error:hover {
    color: var(--sc-interaction-red);
    border: 1px solid var(--sc-interaction-red);
}

.pi-dialog .mono-input-error:focus {
    border: 1px solid var(--sc-interaction-red);
}

/* Terms Dialog*/

.onboarding-eula-view {
    width: 500px;
    height: 550px;
}

.onboarding-upgrade-error-view {
    width: 500px;
    height: 550px;
}

/*
    Landing Page - Register View Styles
*/
.register-view {
    width: 450px;
    height: 600px;
}

.mono-dialog-register-link, .mono-dialog-takentime-link {
    cursor: pointer;
    color: var(--primary-interaction-color);
}

.mono-dialog-register-link:hover {
    color: var(--primary-interaction-hover);
}

/* 
    Popup Image View

*/

.mono-popup-image-view-gift {
    width: 280px;
    height: 280px;
    background-size: contain;
    background-image: url('/img/onboarding/Gift.svg');
}

/* 
    Google Autocomplete box styles 
*/
.pac-extension {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.pac-container {
    z-index: 1104;
    /*margin-top: -1px;*/
    border: 1px solid var(--border-color);
    border-top: none;
    box-shadow: 0 0 4px 0 rgba(51, 51, 51, 0.1);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pac-icon {
    display: none;
}

.pac-item {
    font-size: 18px;
    font-family: TheSansW4SemiLight;
    height: 48px;
    padding: 6px 15px;
}

.pac-item:hover {
    color: white;
    background-color: var(--primary-interaction-color);
}

.pac-item:hover .pac-item-query {
    color: white;
}

.pac-item-selected {
    color: white;
    background-color: var(--primary-interaction-color);
}

.pac-item-selected .pac-item-query {
    color: white;
    background-color: var(--primary-interaction-color);
}

.pac-item-query {
    font-size: 18px;
    font-family: TheSansW4SemiLight;
}

/*
    Update TakenTime dialog styles
*/
.mono-dialog-takentime-link {
    margin-bottom: 0;
    word-wrap: break-word;
    word-break: break-word;
    font-size: 18px;
}

.mono-dialog-takentime-link:hover {
    color: var(--primary-interaction-hover);
}

.mono-dialog-takentime-details {
    margin-bottom: 0;
    word-wrap: break-word;
    word-break: break-word;
    font-size: 14px;
}

.mono-dialog-takentime-image-area {
    width: 100px;
    height: 100px;
    background-size: contain;
}

.mono-dialog-takentime-image-stack {
    width: 100px;
    height: 100px;
    background-color: white;
    border-right: 4px solid var(--border-color);
    border-bottom: 4px solid var(--border-color);
    position: absolute;
}

.mono-dialog-takentime-separator {
    width: 14px;
    text-align: center;
    font-size: 18px;
    padding-top: 11px;
}

.pi-welcome-family {
    width: 264px;
    height: 264px;
    -webkit-background-size: 264px;
    background-size: 264px;
    background-image: url('/img/zookeeper/Baer_hat_ein_Phone.svg');
}

.pi-dialog {
    display: flex;
    flex-flow: column;
    text-align: left;
}

.pi-dialog .header {
    padding: 24px 32px;
    display: flex;
    flex-flow: row;
    align-items: center;;
    border-bottom: 1px solid var(--border-color);
}

.pi-dialog .header .close-icon {
    width: 14px;
    height: 14px;
    background-size: 14px;
    z-index: 1200;

}

.pi-dialog .header .title {
    flex-grow: 1;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.pi-dialog .header .pi-insider-logo-layout {
    flex-grow: unset;
    display: flex;
    margin-top: 0;
    position: absolute;
    top: -40px;
    left: 200px;
}

.pi-dialog .header .pi-insider-logo-layout .pi-insider-logo {
    width: 116px;
    height: 54px;
    background-size: 116px 54px;
}

.pi-dialog .content {
    background: var(--modal-bg);
    border-radius: unset;
    border: none;
}

.content .area {
}

/*
Mobile Dialog Styles
 */

.pi-mobile-dialog {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1500px;
    z-index: 1102;
    display: flex;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
}

.pi-m-dialog {
    display: flex;
    flex-flow: column;
    width: 100%;
    bottom: 0;
    color: var(--primary-headline-color);
    background-color: var(--default-bg-color);
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    padding: 0px 16px;
}

.pi-dark-theme .pi-m-dialog {
    background-color: var(--default-bg-color-l3);
}

.pi-m-dialog .header {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 16px;
}

.pi-m-dialog .fs-header {
    display: flex;
    justify-content: start;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 16px;
    padding-top: 16px;
}

.pi-m-dialog .fs-divider {
    background-color: var(--search-key-item-border-color);
    height: 1px;
    flex-grow: 1;
    margin-left: -24px;
    margin-right: -24px;
}

.pi-m-dialog .bear-feature-screen {
    position: absolute;
    top: -190px;
    right: 30px;
    width: 224px;
    height: 254px;
    background-repeat: no-repeat;
    background-size: 224px 254px;
    background-image: url('/img/zookeeper/bear_mobile_feature_v1.svg');
}

.pi-m-dialog .fs-bubble {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 78px;
    rotate: -20deg;
    top: -113px;
    position: absolute;
    right: 142px;
    color: var(--light-text-color);
}

.pi-m-dialog .fs-title {
    display: flex;
    font-size: 26px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 8px;
}

.pi-m-dialog .fs-details {
    display: flex;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 8px;
}

.pi-m-dialog .details {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 23px;
    font-weight: 400;
    padding-bottom: 16px;
}

.pi-m-dialog .content {
    flex-grow: 1;
    padding-top: 32px;
    padding-bottom: 32px;
}

.pi-m-dialog .push-mycloud-icon {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    background-repeat: no-repeat;
    background-size: 120px;
    background-image: url('/img/push_mycloud_logo_v1.svg');
}

.pi-dark-theme .pi-m-dialog .push-mycloud-icon {
    background-image: url('/img/push_mycloud_logo_dark_v1.svg');
}

.content .m-row {
    display: flex;
    font-weight: 600;
    font-size: 26px;
    align-items: center;
    margin-bottom: 56px;
}

.pi-mobile .btn {
    font-size: 23px;
    padding-left: 16px;
    padding-right: 16px;
    min-width: 120px;
}

.m-row:last-child {
    margin-bottom: 0;
}

.m-row .info {
    flex-grow: 1;
    margin-left: 16px;
}

.pi-m-dialog .pi-icon-size {
    width: 70px;
    height: 70px;
    background-size: 70px;
    -webkit-background-size: 70px;
}

.pi-m-dialog .pi-icon-app {
    background-repeat: no-repeat;
    background-image: url("../img/app_icon_v1.svg");
}

.pi-m-dialog .pi-icon-network {
    background-repeat: no-repeat;
    background-image: url("../img/network_navy_v1.svg");
}


.pi-dark-theme .pi-m-dialog .pi-icon-network {
    background-repeat: no-repeat;
    background-image: url("../img/network_white_v1.svg");
}

.pi-new-dialog {
    display: flex;
    flex-direction: column;
    padding: unset;
}

.pi-new-dialog .title {
    font-weight: 500;
    font-size: 18px;
    color: var(--primary-text-color);
}

.pi-new-dialog a {
    text-decoration: none;
}

.pi-new-dialog .pi-icon-close {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-image: url('/img/actions/close_gray_v1.svg');
}

.pi-dark-theme .pi-new-dialog .pi-icon-close {
    background-image: url('/img/actions/close_white_v1.svg');
}

.pi-new-dialog .pi-dialog-header {
    align-items: center;
    position: relative;
    height: 72px;
    padding-left: 32px;
    padding-right: 32px;
    text-align: left;
}

.pi-new-dialog .pi-dialog-content {
    display: flex;
    flex-flow: column;
    text-align: left;
    padding-left: 32px;
    padding-right: 32px;

    font-size: 16px;
    font-weight: 400;
}

.pi-new-dialog .pi-dialog-content div {
    margin-bottom: 8px;
}

.pi-new-dialog .pi-dialog-content div:last-child {
    margin-bottom: unset;
}

.pi-new-dialog .pi-dialog-footer {
    display: flex;
    flex-flow: row;
    column-gap: 16px;
    justify-content: flex-end;
    padding-top: 24px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
}

@media (min-width: 500px) {
    .pi-m-dialog {
        padding: 0px 24px;
    }
}

.mono-drive-cancel-dragging {
}

.mono-table-header {
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
}


/*
    Link View Styles
*/

/*.mono-table-participant-icon,*/
/*.mono-table-participant-icon-nohover {*/
/*    width: 26px;*/
/*    height: 26px;*/
/*    font-size: 12px;*/
/*    color: #666666;*/
/*    -ms-border-radius: 13px;*/
/*    border-radius: 13px;*/
/*    border: 1px solid #666666;*/
/*    text-align: center;*/
/*    padding-top: 4px;*/
/*}*/

/*.mono-table-participant-icon:hover {*/
/*    color: white;*/
/*    background-color: #1781E3;*/
/*    border: 1px solid #1781E3;*/
/*}*/

/* 
    Sharing Drive View
*/

.mono-drive-sharing-title-area {
    height: 117px;
    position: absolute;
    left: 0;
    right: 0;
}

.mono-drive-hero-text-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 110px;
    padding-left: 50px;
    padding-right: 50px;
}

.mono-drive-hero-text-title {
    font-weight: 200;
    margin-top: 32px;
    font-size: 36px;
    color: var(--primary-text-color);
}

.mono-drive-hero-text-details {
    font-family: TheSansW4SemiLight;
    font-size: 20px;
    color: var(--primary-text-color);
    margin-top: -5px;
}

.mono-drive-sharing-single-area {
    color: var(--primary-text-color);
    cursor: pointer;
}

.mono-drive-sharing-single-area:hover {
    text-decoration: underline;
    color: var(--primary-interaction-color);
}

/* =========================================================
 * bootstrap-treeview.css v1.0.2
 * =========================================================
 * Copyright 2013 Jonathan Miles 
 * Project URL : http://www.jondmiles.com/bootstrap-treeview
 *	
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.

 * Modified by Swisscom (Schweiz) AG (David Rupp)

 * ========================================================= */

.mono-tree-content {
    text-align: left;
    overflow: auto;
    height: 217px;
    padding: 0;
    border: 1px solid var(--border-color);
}

.mono-tree-span-icon {
    margin-left: -5px;
    color: var(--primary-text-color);
}

.treeview .list-group {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -ms-border-radius: 0;
    border-radius: 0;
}

.treeview .list-group-item {
    cursor: pointer;
    font-size: 16px;
    font-family: TheSansW4SemiLight;
}

.treeview span.indent {
    padding-left: 10px;
    padding-right: 18px;
}

.treeview span.expand-collapse {
    width: 1rem;
    height: 1rem;
}

.treeview span.icon {
    font-size: 1.3em;
    /*margin-left: 10px;
	margin-right: 5px;*/
}

.mono-tree-imageamount {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}

.mono-tree-checkbox-area,
.mono-tree-checkbox-area-selected {
}

.mono-tree-checkbox-area .mono-photo-checkbox {
    width: 18px;
    height: 18px;
    background-size: 18px;
}

.mono-tree-checkbox-area:hover .mono-photo-checkbox {
    background-repeat: no-repeat;
    background-image: url('/img/controls/checkbox_blue_empty_v2.svg');
}

.mono-tree-checkbox-area-selected:hover .mono-photo-checkbox {
    background-repeat: no-repeat;
    background-image: url('/img/controls/checkbox_blue_v2.svg');
}

.mono-tree-checkbox {
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}

.mono-tree-selectable {
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 0;
    font-size: 14px;
    color: var(--primary-interaction-color);
    z-index: 1;
}

.mono-tree-selectable:hover {
    color: var(--primary-interaction-hover);
}

/*
================================
    TRASH STYLES
================================
*/

.pi-trash-retention-content {
    height: 50px;
    display: flex;
    position: absolute;
    top: 120px;
    align-items: center;
    opacity: 0;

    transition: opacity 0.4s ease-in-out;
}

.pi-trash-retention-content > div {
    font-size: 16px;
    font-weight: 500;
    max-width: 370px;
    /*align-self: flex-start;*/
    /*text-align: center;*/
}

.pi-trash-retention-content .pi-icon-info {
    margin-right: 8px;
}

@media (min-width: 600px) {
    .pi-trash-retention-content > div {
        max-width: unset;
    }
}

/*
================================
 FOLDER INFORMATION DIALOG Styles
================================
 */

.pi-folder-row-container {
    display: flex;
    flex-flow: column;
}

.pi-folder-row {
    display: flex;

    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 1px solid var(--border-color);
}

.pi-folder-row:first-child {
    padding-top: unset;
}

.pi-folder-row .type {
    width: 50%;
    text-align: left;
    margin-left: 8px;
    color: var(--secondary-text-color);
}

.pi-folder-row .details {
    flex-grow: 1;
    text-align: left;
    font-weight: 500;
    color: var(--primary-text-color);
}

.mono-filter-area {
    position: absolute;
    display: none;
    right: -350px;
    top: 0;
    bottom: 0;
    width: 0px;
    background-color: var(--default-bg-color);
    z-index: 1102;
}

.mono-filter-right-broder {
    border-right: 1px solid var(--border-color);
}

.mono-photo-filter-area {
    padding-left: 28px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
    float: left;
    width: 100%;
}


.mono-photo-filter-title {
    clear: both;
    font-family: TheSansW4SemiLight;
    font-size: 14px;
    color: var(--secondary-text-color);
    width: 100%;
    float: left;
}

.mono-photo-filter-separator {
    height: 1px;
    width: 100%;
    background-color: var(--border-color);
    margin-bottom: 26px;
    width: 115%;
    float: left;
}

.mono-photo-filter-setting {
    width: 100%;
    float: left;
    font-family: TheSansW4SemiLight;
    font-size: 14px;
    margin-bottom: 7px;
    color: var(--secondary-text-color);
}

.mono-photo-filter-tile-area, .mono-photo-filter-sorting-area, .mono-photo-filter-grouping-area, .mono-photo-filter-properties-area {
    width: 100%;
    float: left;
    padding-top: 9px;
    padding-bottom: 25px;
}

.mono-photo-filter-line {
    width: 100%;
    float: left;
}

.mono-photo-filter-properties-area {
    margin-top: -14px;
}

.mono-photo-radio-area {
    float: left;
    cursor: pointer;
}

.mono-photo-radio-area:hover .mono-photo-radio {
    background-repeat: no-repeat;
    background-image: url('/img/controls/radio_blue_v1.svg');
}

.mono-photo-radio {
    float: left;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-image: url('/img/controls/radio_grey_v1.svg');
}

.mono-photo-radio:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/radio_blue_v1.svg');
}


.mono-photo-radio-selected {
    background-repeat: no-repeat;
    background-image: url('/img/controls/radio_blue_v1.svg');
}

.mono-photo-filter-setting-text {
    float: left;
    font-family: TheSansW4SemiLight;
    font-size: 16px;
    margin-top: 0;
    margin-left: 4px;
}

.mono-photo-checkbox-area, .mono-photo-checkbox-area-selected {
    float: left;
    width: 100%;
    cursor: pointer;
    margin-top: 11px;
}

.mono-photo-checkbox-area:hover .mono-photo-checkbox {
    background-repeat: no-repeat;
    background-image: url('/img/controls/checkbox_blue_empty_v2.svg');
}

.mono-photo-checkbox-area-selected:hover .mono-photo-checkbox {
    background-repeat: no-repeat;
    background-image: url('/img/controls/checkbox_blue_v2.svg');
}

.mono-photo-checkbox {
    float: left;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-image: url('/img/controls/checkbox_grey_v2.svg');
}

.mono-photo-checkbox:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/checkbox_blue_empty_v2.svg');
}


.mono-photo-checkbox-selected {
    background-repeat: no-repeat;
    background-image: url('/img/controls/checkbox_blue_v2.svg');
}

.mono-photo-filter-buttons {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}

.mono-photo-filter-sort-manual-edit {
    cursor: pointer;
    float: left;
    width: 100%;
    margin-top: -13px;
    margin-bottom: 25px;
    font-size: 16px;
    color: var(--primary-interaction-color);
}

.mono-photo-filter-sort-manual-edit:hover {
    color: var(--primary-interaction-hover);
}


.mono-footer-area, .mono-footer-area-outside {
    position: absolute;
    right: 427px;
    bottom: 0;
    width: 100%;
    /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.08);*/
    /*background-color: var(--footer-container-bg-color);*/
    text-align: left;
}

.mono-footer-area {
    right: 0;
}

.mono-footer-content {
    color: var(--primary-text-color);
    position: relative;
    margin-top: 15px;
    margin-bottom: 16px;
    float: right;
}



.mono-header-area {
    position: absolute;
    top: 0;
    background-color: transparent;
    z-index: 10;
}

.mono-header-background {
    position: absolute;
    height: 80px;
    left: 0;
    right: 0;
    top: 0;
    background-color: var(--default-bg-color);
    z-index: 9;
}

.mono-header-area-borderline {
    height: 1px;
    background-color: var(--border-color);
    left: 0;
    right: 0;
    top: 79px;
    position: absolute;
    z-index: 9;
}

.no-header .mono-header-area {
    display: none;
}

.no-header .mono-header-background {
    display: none;
}

.no-header .mono-header-area-borderline {
    display: none;
}

.no-header .mono-header-offset {
    top: 0;
}

/*.no-header .mono-photo-content-menu-action-area {*/
/*    top: 0;*/
/*}*/

/*.no-header .mono-photo-content-menu-action-area-background {*/
/*    top: 0;*/
/*}*/

.mono-header-menu-area {
    position: absolute;
    padding-top: 20px;
    z-index: 901;
}

.mono-header-menu-icon {
    height: 16px;
    width: 20px;
    -ms-background-size: 20px 16px;
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-image: url('/img/hamburger/hamburger_v1.svg');
}

.pi-dark-theme .mono-header-menu-icon {
    background-repeat: no-repeat;
    background-image: url('/img/hamburger/hamburger_white_v1.svg');
}

.mono-header-menu-area:hover > .mono-header-menu-icon {
    background-repeat: no-repeat;
    background-image: url('/img/hamburger/hamburger_hover_v1.svg');
}

.mono-dropdown-empty {
    height: 88px !important;
    cursor: default !important;
    color: var(--primary-text-color) !important;
    padding-top: 16px;
}

.mono-dropdown-empty:hover {
    margin-top: 0px !important;
    color: var(--primary-text-color) !important;
    cursor: default !important;
    background-color: var(--dropdown-bg-color) !important;
    border-color: var(--dropdown-bg-color) !important;
}

.mono-dropdown-empty > .mainLabel {
    white-space: nowrap;
    font-size: 18px;
    padding-top: 8px;
    padding-left: 24px;
}

.mono-dropdown-empty > .subLabel {
    white-space: nowrap;
    color: var(--secondary-text-color);
    font-size: 16px;
    padding-left: 24px;
    padding-right: 120px;
}

header:hover .mono-subheader-back-icon {
    background-image: url('/img/header/arrow-left_hover_v1.svg');
}

header:hover .mono-header-submenu-item.subheader {
    color: var(--primary-interaction-hover);
}

.mono-subheader-back-icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url('/img/header/arrow-left.svg');
}

.pi-dark-theme .mono-subheader-back-icon {
    background-image: url('/img/header/arrow-left_white_v1.svg');
}

.mono-subheader-back-icon:hover {
    background-image: url('/img/header/arrow-left_hover_v1.svg');
}

.mono-header-menu-text {
    font-weight: 300;
    font-size: 20px;
    color: var(--secondary-text-color);
    float: left;
    padding-left: 15px;
}

.mono-header-menu-area:hover > .mono-header-menu-text {
    color: var(--primary-interaction-color);
}

.mono-header-submenu-area {
    visibility: hidden;
    position: absolute;
    bottom: 23px;
    left: 60px;
}

.mono-header-submenu,
.mono-header-submenu-minimized {
    display: none;
}

.mono-header-submenu-item {
    cursor: pointer;
    float: left;
    font-family: TheSansW4SemiLight;
    color: var(--navigation-text-color);
    font-size: 24px;
    margin-right: 27px;
}

.mono-header-submenu-item:hover {
    color: var(--primary-interaction-color);
}

.mono-header-submenu-item-selected {
    color: var(--navigation-text-color);
}

.mono-header-submenu-item-selected:after {
    content: '';
    height: 1px;
    background: var(--navigation-text-color);
    display: block;
    margin-top: -2px;
}

.mono-header-submenu-item-selected:hover:after {
    content: '';
    height: 1px;
    background: var(--primary-interaction-color);
    display: block;
    margin-top: -2px;
}

.submenuSelected {
}

.mono-header-rightContent {
    position: absolute;
    height: 100%;
    right: 0;
    color: var(--primary-interaction-color);
    width: 256px;
}

.mono-header-upload-minimized {
    display: none;
    float: right;
    margin-right: 20px;
}

.mono-header-upload {
    display: none;
    float: right;
    color: var(--secondary-text-color);
    text-align: center;
    margin-right: 20px;
    font-weight: 300;
    font-size: 18px;
    padding-top: 8px;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url(/img/header/upload_inactive.svg);
    height: 40px;
    width: 152px;
}

.mono-header-upload:hover {
    cursor: pointer;
    color: var(--primary-interaction-color);
    background-image: url(/img/header/upload_active.svg);
}

.mono-header-login {
    position: relative;
    float: right;
}

.mono-header-separator {
    background-color: var(--border-color);
    bottom: 0px;
}

.mono-header-separator,
.mono-header-separatorShadow {
    left: 0;
    right: 0;
    position: absolute;
    height: 1px;
}

.mono-header-loginInfo {
    position: relative;
    margin-top: -6px;
    margin-left: 10px;
    margin-right: 60px;
    padding-left: 12px;
}

.mono-header-icon,
.mono-header-icon-avatar,
.mono-header-icon-upload {
    cursor: pointer;
    height: 40px;
    width: 40px;
    float: right;
}

.mono-header-icon-avatar {
    -ms-border-radius: 20px;
    border-radius: 20px;
    background-color: var(--avatar-bg-color);
}

.mono-header-avatar-text {
    font-size: 18px;
    color: var(--avatar-text-color);
    text-align: center;
    margin-top: 7px;
}

.mono-header-icon-upload,
.mono-header-icon-upload-sharing {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px 26px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-image: url('/img/uploads/upload_v1.svg');
}

.mono-header-icon-upload-sharing {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px 26px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/sharing_upload_grey_v1.svg');
}

.mono-icon-download-sharing-white {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/sharing_download_white_v1.svg');
}

.mono-header-icon-upload:hover {
    background-repeat: no-repeat;
    background-image: url('/img/uploads/upload_hover_v1.svg');
}

.mono-header-icon-upload-cloud {
    cursor: pointer;
    height: 26px;
    width: 26px;
    -ms-background-size: 26px 26px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-image: url('/img/uploads/upload_cloud_v1.svg');
}

.mono-header-icon-upload-cloud:hover {
    background-image: url('/img/uploads/upload_cloud_hover_v1.svg');
}

.mono-header-search-area {
    display: none;
    float: right;
    position: relative;
    margin-top: 3px;
    margin-right: 8px;
}

.mono-header-additional {
    position: relative;
    float: right;
    margin-right: 17px;
}

.mono-header-input {
}

.mono-header-input:focus {
    outline: none;
}

.mono-header-upload-text {
    width: 85px;
    height: 24px;
    margin-top: 7px;
    font-family: TheSansW4SemiLight;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    color: var(--navigation-text-color);
    float: right;
    cursor: pointer;
}

.mono-header-upload-text:hover {
    color: var(--primary-interaction-color);
}

/*
    Landing Page Styles
*/

.mono-header-area-landing {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: var(--primary-headline-color);
    z-index: 5;
    display: flex;
    align-items: center;

    border-bottom: var(--nav-main-content-left-border);
    background-color: var(--list-item-hover);
}

.pi-header-landing-story {
    background-color: var(--secondary-dark-bg-color);
    color: var(--sc-white-color) !important;

}

.pi-header-landing-story .pi-landing-navigation-header {
    padding-left: 16px;
    padding-right: 16px;
}

.pi-landing-navigation-header {
    display: flex;
    align-items: center;
    width: 100%;
}

.pi-landing-logo-content {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.mono-header-area-item,
.mono-header-area-download-item,
.mono-download-action-item,
.mono-header-area-upload-item {
    font-weight: 300;
    cursor: pointer;
    font-size: 18px;
    color: var(--secondary-text-color);
    float: left;
}

.mono-download-action-item {
    color: var(--light-text-color);
}

.mono-download-action-item:hover {
    color: var(--light-text-hover);
}

.mono-download-action-item:hover > .mono-icon-download-sharing-white {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/sharing_download_lightgrey_v1.svg');
}

.mono-header-area-download-item:hover {
    color: var(--primary-interaction-color);
}

.mono-header-area-download-item:hover > .mono-icon-download-sharing {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/sharing_download_blue_v1.svg');
}

.mono-header-area-upload-item:hover {
    color: var(--primary-interaction-color);
}

.mono-header-area-upload-item:hover > .mono-header-icon-upload-sharing {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/sharing_upload_blue_v1.svg');
}

/**
New header styles
 */

.pi-icon-nav-photos {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/photos_navy_v1.svg');
}

.pi-dark-theme .pi-icon-nav-photos {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/photos_white_v1.svg');
}

.pi-icon-nav-albums {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/albums_navy_v1.svg');
}

.pi-dark-theme .pi-icon-nav-albums {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/albums_white_v1.svg');
}

.pi-icon-nav-files {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/files_navy_v1.svg');
}

.pi-dark-theme .pi-icon-nav-files {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/files_white_v1.svg');
}

.pi-icon-nav-safe {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/lock_navy_v1.svg');
}

.pi-dark-theme .pi-icon-nav-safe {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/lock_white_v1.svg');
}

.pi-icon-nav-present {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/present_navy_v1.svg');
}

.pi-dark-theme .pi-icon-nav-present {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/present_white_v1.svg');
}

.pi-icon-nav-contest {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/contest_navy_v1.svg');
}

.pi-dark-theme .pi-icon-nav-contest {
    background-repeat: no-repeat;
    background-image: url('/img/navigation/contest_white_v1.svg');
}

.pi-nav-userinfo-area {
    cursor: pointer;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    display: flex;
    padding: 12px;
    align-items: center;
    background-color: var(--settings-container-bg-color);
}

.pi-main-left-content .dropdown-menu {
    margin-left: -2px;
}

.pi-nav-separator {
    margin: 24px 0;
    height: 1px;
    background-color: var(--border-color);
}


.pi-logo-area {
    margin-left: 16px;
}

.pi-logo-area .mono-navigation-logo {
    width: 42px;
    height: 42px;
    background-size: 42px 42px;
}

.pi-zookeeper-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 272px;
}

.pi-zoo-group {
    width: 272px;
    height: 272px;
    background-size: 272px 272px;
}

.pi-winter-christmas-group {
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/sidebar_winter_christmas_v1.svg');
}

.pi-winter-group {
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/sidebar_winter_v1.svg');
}

.pi-easter-group {
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/sidebar_easter_v1.svg');
}

.pi-summer-group {
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/sidebar_summer_v1.svg');
}

.pi-autumn-group {
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/sidebar_autumn_v1.svg');
}

.pi-helloween-group {
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/sidebar_helloween_v1.svg');
}

.pi-main-left-content .mono-header-menu-icon {
    display: none;
    cursor: pointer;
}

.mono-header-menu-icon {
    display: block;
    margin-bottom: 24px;
    margin-top: 16px;
    margin-left: 20px;
}

.minimized .mono-header-menu-icon {
    display: block;
}


.minimized .pi-header-user-labels {
    display: none;;
}

.pi-main-left-content .subLabel {
    font-size: 14px;
    font-weight: 300;
    color: var(--secondary-text-color);
}

.pi-main-left-content .mainLabel {
    font-size: 24px;
    font-weight: 500;
    color: var(--navigation-text-color);
}

.pi-nav-items-area {
    color: var(--navigation-text-color);
}

.pi-nav-item {
    display: flex;
    flex-flow: column;
    margin-bottom: 16px;
}

.pi-nav-item.collapsed .subItem {
    display: none;
}

.minimized .pi-nav-item .subItem {
    display: none;
}

.pi-nav-item .pi-icon-photo {
    background-image: url('/img/actions/photos_navy_v1.svg');
}

.pi-nav-item .mainItem {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    border-radius: 8px;
}

.minimized .pi-nav-item .mainItem {
    padding-left: 20px;
}

.minimized .pi-nav-item .mainItem .title {
    display: none;
}


.pi-desktop .pi-nav-item .mainItem:hover {
    cursor: pointer;
    background: var(--nav-item-bg-hover);
}

.pi-nav-item .mainItem.selected {
    background: var(--nav-item-bg-color);
}

.pi-nav-item .mainItem .title {
    font-size: 20px;
    font-weight: 500;
}


.pi-nav-item .subItem {
    margin-left: 16px;
    margin-top: 8px;
    padding: 4px 8px;
    border-radius: 8px;
    align-self: flex-start;
}

.pi-nav-item a {
    color: var(--navigation-text-color);
}

.pi-nav-item a:hover {
    color: var(--primary-interaction-color);
}

.pi-nav-item .subItem .title {
    font-size: 16px;
    font-weight: 500;
}

.pi-desktop .pi-nav-item .subItem:hover {
    cursor: pointer;
    text-decoration-line: underline;
    color: var(--primary-interaction-hover);
}

.pi-nav-item .subItem.selected {
    letter-spacing: 0.2px;
    text-decoration-line: underline;
    background-color: unset;
}

.pi-newbadge {
    padding: 4px 12px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--bade-bg-pro);
    color: white;

    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
}

/*
 TOP Navigation styles
 */

.pi-top-navigation-area {
    display: flex;
    height: 100%;
    align-items: center;
}

.pi-top-navigation-backdrop {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    -webkit-backdrop-filter: blur(4px) brightness(75%);
    backdrop-filter: blur(4px) brightness(75%);
}

.pi-navigation-greeting {
    margin-left: 9px;
    align-self: center;
    font-weight: 600;
    font-size: 18px;
    lineheight: 24px;
    color: var(--navigation-text-color);
}

.pi-top-right-action-area {
    height: 100%;
    display: flex;
}

.pi-app-nav-item {
    cursor: pointer;
    display: block;
    margin-right: 24px;

    position: relative;
    transition: color 200ms cubic-bezier(0.4, 0, 0.6, 1), text-decoration-color 200ms cubic-bezier(0.4, 0, 0.6, 1);
    outline: none;
    text-decoration: none;
    text-underline-offset: 5px;
    color: var(--navigation-text-color);
}

.pi-app-nav-item:hover, .pi-app-nav-item:focus-visible {
    text-decoration-thickness: 2px;
    color: var(--primary-interaction-hover);
    text-decoration-color: var(--primary-interaction-hover);
}

.pi-app-nav-item .pi-profile-text {
    font-size: 16px;
    font-weight: 400;
    color: white;
    align-self: center;
}

.pi-dark-theme .pi-app-nav-item .pi-profile-text {
    color: #333333;
}

.pi-dark-theme .pi-app-nav-item:hover .pi-profile-text {
    color: white;
}

.pi-dark-theme .pi-app-nav-item:hover, .pi-dark-theme .pi-app-nav-item:focus-visible {
    text-decoration-thickness: 2px;
    color: var(--secondary-bg-color);
    text-decoration-color: var(--secondary-bg-color);
}

.pi-app-nav-item:hover::after, .pi-app-nav-item:focus-visible::after {
    left: -4px;
    right: -4px;
}

.pi-app-nav-item::after {
    content: "";
    background-color: var(--primary-interaction-hover);
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    right: 50%;
}

.pi-dark-theme .pi-app-nav-item.selected::after {
    background-color: var(--button-secondary-color);
}

.pi-dark-theme .pi-app-nav-item.selected:hover::after {
    background-color: var(--primary-interaction-hover);
}

.pi-app-nav-item.selected {
    background-color: unset;
}

.pi-app-nav-item.selected::after {
    background-color: var(--sc-navy-color);
    left: -4px;
    right: -4px;
}

.pi-app-nav-item.selected:hover::after {
    background-color: var(--primary-interaction-hover);
}

.pi-app-nav-item:hover .app-switcher-icon {
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/nav_apps_hover_v1.svg');
}

.pi-app-nav-item:focus-visible .app-switcher-icon {
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/nav_apps_hover_v1.svg');
}

.pi-app-nav-item .app-switcher-icon {
    background-size: 24px 72px;
    width: 24px;
    height: 72px;
    transition: all 200ms cubic-bezier(0.4, 0, 0.6, 1);
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/nav_apps_navy_v1.svg');
}

.pi-app-nav-item:hover .app-profile-icon {
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/nav_profile_hover_v1.svg');
}

.pi-app-nav-item:focus-visible .app-profile-icon {
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/nav_profile_hover_v1.svg');
}

.pi-app-nav-item .app-profile-icon {
    background-size: 32px 72px;
    width: 32px;
    height: 72px;
    transition: all 200ms cubic-bezier(0.4, 0, 0.6, 1);
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/nav_profile_navy_v1.svg');
}

.pi-dark-theme .app-profile-icon {
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/nav_profile_white_v1.svg');
}

.pi-dark-theme .app-switcher-icon {
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/nav_apps_white_v1.svg');
}

.pi-app-switcher-flyout a:focus-visible {
    outline: auto #666 !important;
    outline-offset: 8px;
}

.pi-app-switcher-flyout {
    visibility: hidden;
    position: absolute;
    top: 72px;
    right: 68px;
    z-index: 1201;
    padding: 24px 16px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background: var(--app-switcher-flyout-bgColor);
    transition: all .2s ease;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
}

.pi-app-switcher-flyout.open {
    visibility: visible;
    transform: scaleY(1);
    opacity: 1;
}

.pi-app-switcher-flyout-area {
    margin-top: 4px;
    opacity: 0;
    transition: all 0.1s 0.2s ease;
}

.pi-app-switcher-flyout.open .pi-app-switcher-flyout-area {
    opacity: 1;
}

.flyout-application-area {
    display: flex;
    flex-wrap: wrap;
    max-width: 312px;
    row-gap: 32px;
}

.application-container {
    width: 104px;
    height: 94px;
}

.application-container .item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    text-align: center;
    color: var(--app-switcher-text-color);
    text-decoration: none;
}

.application-container .item .img {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    border: var(--app-switcher-img-border);
    transition: all .2s ease-out;
}

.application-container .item:hover {
    cursor: pointer;
    color: var(--app-switcher-text-color-hover);
}

.application-container .item:hover .img {
    transform: scale(1.125);
    border: var(--app-switcher-img-border-hover);
    box-shadow: #3333331a 0 4px 20px;
}

.application-container .item:hover .details {
    color: var(--sc-interaction-blue-hover);
}

.appswitcher-icon-swisscom {
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/app-logo_v2.svg');
}

.appswitcher-icon-mail {
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/app-mail_v2.svg');
}

.appswitcher-icon-community {
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/app-community_v2.svg');
}

.appswitcher-icon-tv {
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/app-tv_v2.svg');
}

.appswitcher-icon-cinema {
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/app-cinema_v2.svg');
}

.appswitcher-icon-security {
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/app-security_v2.svg');
}

.appswitcher-icon-sign {
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/app-sign_v2.svg');
}

.appswitcher-icon-myAi {
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/app-myAi_v1.svg');
}

.application-container .item .details {
    line-height: 20px;
    letter-spacing: .1px;
    font-size: 14px;
    font-weight: 600;
}

.flyout-services-area {

}

.flyout-services-area .divider {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1px;
    background: var(--app-switcher-divider-color);
    margin: 40px 0;
}

.flyout-services-area .divider span {
    background: var(--app-switcher-flyout-bgColor);
    color: var(--app-switcher-divider-color);
    padding: 0 8px;
    font-size: 16px;
    font-weight: 500;
}

.flyout-services-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flyout-services-area ul .item {
    cursor: pointer;
    margin-bottom: 8px;
}

.flyout-services-area ul .item:last-child {
    cursor: pointer;
    margin-bottom: unset;
}

.flyout-services-area ul .item a {
    color: var(--app-switcher-text-color);
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.flyout-services-area ul .item a .help-icon {
    background-size: 24px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/lifesaver_navy_v1.svg');
}

.pi-dark-theme .flyout-services-area ul .item a .help-icon {
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/lifesaver_white_v1.svg');
}

.flyout-services-area ul .item:hover a .help-icon {
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/lifesaver_hover_v1.svg');
}

.flyout-services-area ul .item:hover a {
    color: var(--app-switcher-text-color-hover);
}


.mono-home-area {
    position: relative;
    float: left;
    width: 100%;
}

.mono-home2-area {
    display: flex;
    flex-direction: row;
}

.mono-home2-footer {
    display: flex;
    flex-direction: column;
}

.mono-home2-sidebar {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--default-bg-color);
    width: 427px;
    -webkit-box-shadow: var(--home-sidebar-banner-shadow);
    -moz-box-shadow: var(--home-sidebar-banner-shadow);
    box-shadow: var(--home-sidebar-banner-shadow);
}

.mono-home2-sidebar-content {
    margin-right: 61px;
    margin-left: 48px;
    margin-top: 40px;
}

.mono-home2-stripe-content {
    width: 100%;
    height: 100%;
    float: left;
    padding-left: 70px;
    padding-right: 70px;
    visibility: hidden;
}

.mono-home2-header-area {
    display: flex;
    flex-direction: row;
    font-size: 24px;
    color: var(--primary-headline-color);
    font-family: 'TheSansW4SemiLight';
}

.mono-home2-react-area {
    display: flex;
    box-shadow: var(--home-stripe-shadow);
    border-radius: 8px;
}

.pi-home2-christmas-area {

    display: flex;
    flex-direction: row;
    font-size: 24px;
    color: var(--primary-headline-color);
    font-family: 'TheSansW4SemiLight';
}

.mono-home2-header-name {
    flex-grow: 1;
    margin-top: 36px;
    margin-bottom: 36px;
}

.mono-home2-advertise-area {
    clear: both;
    padding-top: 32px;
}

.mono-home2-links-area {
    clear: both;
    padding-top: 32px;
    font-size: 16px;
    font-weight: 300;
    color: var(--secondary-text-color)
}

.mono-home2-links-item {
    margin-top: 10px;
}

.mono-home2-links-item > a {
    width: 100%;
}


.mono-home-badge-area {
    float: right;
    margin-top: -8px;
    margin-left: 0;
}

.mono-home-profile-badge {
    -webkit-border-radius: 8.5px;
    -moz-border-radius: 8.5px;
    border-radius: 8.5px;
    font-weight: 600;
    font-size: 14px;
    color: var(--light-text-color);
    width: 78px;
    text-align: center;
    margin-top: 13px;
    line-height: 16px;
    height: 18px;
    padding-top: 1px;
}

.mono-home-profile-badge {
    cursor: pointer;
    width: unset;
    padding-left: 16px;
    padding-right: 16px;
}

.mono-home-stripe-content {
    width: 100%;
    height: 100%;
    float: left;
    padding-left: 70px;
    padding-right: 70px;
}

.mono-home-header-area {
    position: relative;
    width: 100%;
    padding-right: 10px;
    float: left;
    font-size: 25px;
    color: var(--primary-text-color);
    font-weight: 200;
}

.mono-home-stripe-area,
.mono-home-stripe-element {
}

.mono-home-stripe-element {
    display: none;
}

.mono-home-stripe-item,
.mono-home-stripe-item-photos {
    position: relative;
    /*float: left;*/
    /*overflow: hidden;*/
    width: 100% !important;
    margin-bottom: 24px;
}

.mono-home-stripe-item-content-area {
    width: 100%;
    height: 100%;
    position: relative;
    padding-right: 10px;
    padding-bottom: 10px;
}

.mono-home-stripe-item-content,
.mono-home-stripe-item-content-info {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: var(--home-stripe-bg-color);
    position: relative;
    -webkit-box-shadow: var(--home-stripe-shadow);
    -moz-box-shadow: var(--home-stripe-shadow);
    box-shadow: var(--home-stripe-shadow);
    border-radius: 4px;
}

.mono-home-stripe-header, .mono-home-stripe-header-nohover {
    cursor: pointer;
    position: relative;
    float: left;
    font-family: TheSansW4SemiLight;
    font-size: 16px;
    color: var(--primary-headline-color);
    width: 100%;
    height: 56px;
    padding: 8px 0px 16px 16px;
}

.mono-home-stripe-header:hover {
    color: var(--primary-interaction-hover);
}

.mono-home-stripe-header-nohover {
    cursor: default;
}

.mono-home-stripe-more-area {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 9px;
    color: var(--primary-interaction-color);

}

.mono-home-stripe-more-area:hover {
    color: var(--primary-interaction-hover);
}

.mono-home-stripe-list-content {
    width: 100%;
    padding-left: 14px;
    overflow: hidden;
}

.mono-home-stripe-list-inner-content {
    width: 100%;
    overflow: hidden;
}

.mono-home-upload-icon {
    height: 120px;
    width: 135px;
    -ms-background-size: 135px 120px;
    background-size: 135px 120px;
    background-repeat: no-repeat;
    background-image: url('/img/uploads/upload_green_large_v1.svg');
}

.mono-home-upload-area {
    display: none;
    height: 486px;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

.mono-home-upload-info {
    font-size: 25px;
    font-weight: 200;
    margin-top: 36px;
    margin-bottom: 41px;
}

/*New Styles*/

.mono-home-background-area {
    position: absolute;
    background-image: url('/img/homescreen/background_mountains.jpg');
    background-repeat: no-repeat;
    -ms-background-size: contain;
    background-size: cover;
    background-position: bottom;
    left: 0;
    right: 0;
}

.mono-home-background-area-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

.mono-home2-action-area {
    margin-bottom: 48px;
}

.mono-home-usage-area {
    visibility: hidden;
    position: relative;
    float: right;
    height: 109px;
}

.pi-home-insider-area {
    position: relative;

    margin-bottom: 24px;
}

.content {
    display: flex;
    flex-flow: column;
    border-radius: 4px;
    background: var(--home-sidebar-banner-bg-color);
    border: solid 1px var(--border-color);
    padding: 16px;
    z-index: 2;
    position: relative;
}

.pi-insider-bear-logo {
    width: 71px;
    height: 142px;
    background-size: 71px 142px;
    background-image: url("../img/zookeeper/Spienzel_Baer.svg");
}

.pi-home-insider-area .pi-insider-bear-logo {
    position: absolute;
    z-index: 1;
    left: -30px;
    top: -12px;
}

.pi-home-insider-area .info {
    color: var(--primary-headline-color);
    font-width: 300;
    font-size: 18px;
    margin-bottom: 12px;
}

.pi-home-insider-area a {
    font-size: 16px;
}

/*.mono-home2-usage-area {*/
/*    visibility: hidden;*/
/*}*/

.mono-home-content-area {
    width: 100%;
    float: left;
    position: relative;
}

.mono-home-content {
    position: relative;
    width: 100%;
    float: left;
    padding-bottom: 40px;
}


.mono-home-info-area {
    position: relative;
    float: left;
    padding-bottom: 80px;
    width: 100%;
}

.mono-home-teaser-area {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
}

.mono-home-teaser-text {
    font-weight: 200;
    font-size: 54px;
    color: var(--primary-headline-color);
}

.mono-home-info-col {
    position: relative;
    float: left;
    text-align: center;
    width: 336px;
}

.mono-home-info-col-title {
    font-weight: 200;
    font-size: 25px;
    color: var(--primary-text-color);
    margin-bottom: 5px;
}

.mono-home-info-col-details {
    font-size: 16px;
    color: var(--primary-text-color);
    margin-bottom: 44px;
}

.mono-home-info-col-button-area {
}

/* Usage Area */

/*.mono-home-usage-legend {*/
/*    margin-top: 16px;*/
/*}*/

/*.mono-home-usage-legend-title-area {*/
/*    font-family: TheSansW4SemiLight;*/
/*    font-size: 16px;*/
/*    width: 100%;*/
/*    float: left;*/
/*}*/

/*.mono-home-usage-legend-title {*/
/*    font-weight: 300;*/
/*    font-size: 20px;*/
/*    color: var(--primary-text-color);*/
/*    float: left;*/
/*}*/

/*.mono-home-usage-legend-amount {*/
/*    float: right;*/
/*    margin-top: 4px;*/
/*}*/

/*.mono-home2-usage-legend-amount {*/
/*    float: left;*/
/*    color: var(--primary-headline-color);*/
/*    font-size: 18px;*/
/*}*/


/*.mono-home2-usage-upgrade {*/
/*    cursor: pointer;*/
/*    float: right;*/
/*    color: var(--primary-interaction-color);*/
/*    font-size: 16px;*/
/*}*/

/*.mono-home2-usage-upgrade:hover {*/
/*    cursor: pointer;*/
/*    float: right;*/
/*    color: var(--primary-interaction-hover);*/
/*    font-size: 16px;*/
/*}*/

/*.mono-home-usage-legend-bar-area {*/
/*    width: 100%;*/
/*    float: left;*/
/*    margin-top: 1px;*/
/*}*/

/*.mono-home2-usage-legend-bar-area {*/
/*    width: 100%;*/
/*    float: left;*/
/*    margin-top: 6px;*/
/*}*/

/*.mono-home-usage-legend-bar-element {*/
/*    height: 8px;*/
/*    margin-right: 5px;*/
/*    float: left;*/
/*    -ms-border-radius: 4px;*/
/*    border-radius: 4px;*/
/*}*/

/*.mono-home2-usage-legend-bar-element {*/
/*    height: 8px;*/
/*    float: left;*/
/*    !* -ms-border-radius: 4px;*/
/*    border-radius: 4px; *!*/
/*}*/

/*.mono-home2-usage-legend-bar-element:first-child {*/
/*    border-top-left-radius: 4px;*/
/*    border-bottom-left-radius: 4px;*/
/*}*/

/*.mono-home2-usage-legend-bar-element:last-child {*/
/*    border-top-right-radius: 4px;*/
/*    border-bottom-right-radius: 4px;*/
/*}*/

/*.mono-home-usage-legend-text-area {*/
/*}*/

/*.mono-home-usage-legend-element-area {*/
/*    float: left;*/
/*    margin-right: 22px;*/
/*    margin-top: 4px;*/
/*}*/

/*.mono-home2-usage-legend-element-area {*/
/*    float: left;*/
/*    margin-right: 16px;*/
/*    margin-top: 4px;*/
/*}*/

/*.mono-home-usage-legend-element-dot {*/
/*    float: left;*/
/*    margin-right: 8px;*/
/*    margin-top: 6px;*/
/*    height: 8px;*/
/*    width: 8px;*/
/*    -ms-border-radius: 4px;*/
/*    border-radius: 4px;*/
/*}*/

/*.mono-home-usage-legend-element-title,*/
/*.mono-home-usage-legend-element-percentage {*/
/*    font-family: TheSansW4SemiLight;*/
/*    font-size: 16px;*/
/*}*/

/*.mono-home-usage-legend-element-title {*/
/*    float: left;*/
/*    margin-right: 8px;*/
/*}*/

/*.mono-home-usage-legend-element-percentage {*/
/*    float: left;*/
/*}*/

/*.mono-home2-usage-legend-element-title,*/
/*.mono-home2-usage-legend-element-percentage {*/
/*    font-family: TheSansW4SemiLight;*/
/*    font-size: 14px;*/
/*}*/

/*.mono-home2-usage-legend-element-title {*/
/*    float: left;*/
/*    margin-right: 8px;*/
/*}*/

/*.mono-home2-usage-legend-element-percentage {*/
/*    float: left;*/
/*}*/

/* Tip Styles */

.mono-home-info-details-area {
    margin-left: 8px;
    margin-right: 24px;
    font-size: 16px;
}

.mono-home-info-details-content {
    margin-bottom: 8px;
}

.mono-home-info-details-goto {
    color: var(--primary-interaction-color);
    cursor: pointer;
    text-decoration: none;
}

.mono-home-info-details-goto:hover {
    color: var(--primary-interaction-color);
}

/* File Styles*/

.mono-home-files-area {
    padding-left: 8px;
    padding-right: 24px;
    width: 100%;
    float: left;
}

.mono-home-files-row {
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid var(--border-color);
}

.mono-home-files-row:hover {
    background-color: var(--input-selection-color);
}

.mono-home-files-row-icon {
    height: 20px;
}

.mono-home-files-row-name {
    flex-grow: 1;

    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mono-home-files-row-updated {

    margin-right: 8px;
}

/* Home Sidebar Banner Styles*/

.mono-home-sidebar-banner {
    position: relative;
    width: 318px;
    border-radius: 4px;
    background-color: var(--home-sidebar-banner-bg-color);
    border: solid 1px var(--border-color);
    padding-left: 16px;
    padding-right: 16px;
    float: left;
}

.mono-home-sidebar-banner.promotionBanner {
    border: none;
    background-color: var(--promotion-indicator-background-color);
    color: var(--light-text-color);
}

.mono-home-sidebar-banner-close {
    z-index: 9;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px;
    height: 15px;
    background-size: 16px 15px;
    background-repeat: no-repeat;
    background-image: url('/img/actions/close_navy_v1.svg');
}

.promotionBanner .mono-home-sidebar-banner-close {
    background-image: url("../img/actions/close_white_v1.svg");
}

.mono-home-sidebar-banner-close:hover {
    background-image: url('/img/actions/close_blue_v1.svg');
}

.pi-dark-theme .mono-home-sidebar-banner-close {
    background-image: url("../img/actions/close_white_v1.svg");
}

.mono-home-sidebar-banner-image {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 238px;
    height: 238px;
    background-size: 238px;
    background-repeat: no-repeat;
}

.promotionBanner .mono-home-sidebar-banner-image {
    margin: unset;
    width: 147px;
    height: 102px;
    background-size: 147px 102px;
}

.mono-home-sidebar-banner-image-tv {
    background-image: url('/img/zookeeper/Baer_schaut_TV_v2.svg')
}

.mono-home-sidebar-banner-image-mobile {
    background-image: url('/img/zookeeper/Baer_hat_ein_Phone.svg')
}

.mono-home-sidebar-banner-image-chill {
    background-image: url('/img/zookeeper/Baer_hat_Freunde_v2.svg')
}

.mono-home-sidebar-banner-image-promotion {
    background-image: url('/img/zookeeper/Baer_in_Tuere.svg');
}

.mono-home-sidebar-banner-image-promotion-maze {
    background-image: url('/img/zookeeper/Baer_mit_Herz_v2.svg');
}

.mono-home-sidebar-banner-details-content {
    position: relative;
}

.promotionBanner .mono-home-sidebar-banner-details-content {
    display: flex;
    flex-flow: column;
}

.mono-home-sidebar-banner-details-content > button {
    width: 100%;
}

.mono-home-sidebar-banner-details-title {
    float: left;
    width: 100%;
    max-width: 260px;
    font-size: 18px;
    font-weight: 300;
    color: var(--primary-headline-color);
}

.mono-home-sidebar-banner-details-info {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: var(--secondary-text-color);
    margin-bottom: 24px;
}

.promotionBanner .mono-home-sidebar-banner-details-info {
    margin-bottom: unset;
    width: unset;
}

.promotionBanner .mono-home-sidebar-banner-details-title {
    font-size: 24px;
    font-weight: 500;
    margin-top: 12px;
    color: var(--promotion-indicator-font-color);
}

.promotionBanner .mono-home-sidebar-banner-details-info {
    font-size: 16px;
    margin-top: 14px;
    color: var(--promotion-indicator-font-color);
}

.mono-home-sidebar-banner-details-info.link {
    cursor: pointer;
    text-decoration: underline;
}

.mono-home-sidebar-banner-details-info.link:hover {
    color: var(--primary-interaction-hover);
}

.mono-icon, .mono-dropdown-icon {
    cursor: pointer;
}

.mono-icon-hint,
.mono-icon-empty-hidden,
.mono-icon-empty-movie,
.mono-icon-empty-musicalbums,
.mono-icon-empty-tracks {
    height: 100px;
    width: 100px;
    -ms-background-size: 100px;
    background-size: 100px;
    background-repeat: no-repeat;
    margin-top: 50px;
    /*margin-top: -158px;
    top: 50%*/
}

.pi-icon-protected-share,
.mono-icon-empty-albums,
.mono-icon-agb,
.mono-icon-onboarding-desktop,
.mono-icon-empty-smartalbums,
.mono-icon-empty-places,
.mono-icon-empty-favorites,
.mono-icon-empty-videos,
.mono-icon-empty-filter,
.mono-icon-empty-recentUploads,
.mono-icon-empty-chronical,
.mono-icon-empty-shares-drive,
.mono-icon-empty-shares,
.mono-icon-empty-text,
.mono-icon-empty-trash,
.mono-icon-error,
.mono-icon-empty-trash-photos {
    height: 320px;
    width: 320px;
    -ms-background-size: 320px;
    background-size: 320px;
    background-repeat: no-repeat;
}

.mono-icon-album-navigation {
    height: 24px;
    width: 24px;
    -ms-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
}

.mono-icon-album-navigation-smart {
    background-image: url('/img/albums/category_smart_v4.svg');
}

.pi-dark-theme .mono-icon-album-navigation-smart {
    background-image: url('/img/albums/category_smart_white_v4.svg');
}

.mono-icon-album-navigation-shared {
    background-image: url('/img/albums/category_shared_v3.svg');
}

.pi-dark-theme .mono-icon-album-navigation-shared {
    background-image: url('/img/albums/category_shared_white_v3.svg');
}

.mono-icon-album-navigation-trash {
    background-image: url('/img/albums/category_trash_v1.svg');
}

.pi-dark-theme .mono-icon-album-navigation-trash {
    background-image: url('/img/albums/category_trash_white_v1.svg');
}

.mono-icon-album-navigation-favorites {
    background-image: url('/img/albums/category_favourites_v3.svg');
}

.pi-dark-theme .mono-icon-album-navigation-favorites {
    background-image: url('/img/albums/category_favourites_white_v3.svg');
}

.mono-icon-album-navigation-hidden {
    background-image: url('/img/albums/category_hidden_v1.svg');
}

.pi-dark-theme .mono-icon-album-navigation-hidden {
    background-image: url('/img/albums/category_hidden_white_v1.svg');
}

.mono-icon-album-navigation-notInAlbum {
    background-image: url('/img/albums/category_notInAlbum_v1.svg');
}

.pi-dark-theme .mono-icon-album-navigation-notInAlbum {
    background-image: url('/img/albums/category_notInAlbum_white_v1.svg');
}

.mono-icon-album-navigation-places {
    background-image: url('/img/albums/category_places_v3.svg');
}

.pi-dark-theme .mono-icon-album-navigation-places {
    background-image: url('/img/albums/category_places_white_v3.svg');
}

.mono-icon-album-navigation-themes {
    background-image: url('/img/albums/category_themes_v2.svg');
}

.mono-icon-album-navigation-uploads {
    background-image: url('/img/albums/category_uploads_v3.svg');
}

.pi-dark-theme .mono-icon-album-navigation-uploads {
    background-image: url('/img/albums/category_uploads_white_v3.svg');
}

.mono-icon-album-navigation-videos {
    background-image: url('/img/albums/category_videos_v3.svg');
}

.pi-dark-theme .mono-icon-album-navigation-videos {
    background-image: url('/img/albums/category_videos_white_v3.svg');
}

.mono-icon-hint {
    background-image: url('/img/controls/hint.svg');
}

.mono-icon-error {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.mono-icon-empty-albums {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.pi-icon-protected-share {
    background-image: url('/img/zookeeper/Alles_Sicher_v3.svg');
}

.mono-icon-agb {
    background-image: url('/img/zookeeper/AGB_Baer_v2.svg');
}

.mono-icon-onboarding-desktop {
    background-image: url('/img/zookeeper/Alles_Sicher_v3.svg');
}

.mono-icon-empty-videos {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.mono-icon-empty-recentUploads {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.mono-icon-empty-chronical {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.mono-icon-empty-favorites {
    background-image: url('/img/zookeeper/Baer_mit_Herz_v2.svg');
}

.mono-icon-empty-movie {
    background-image: url('/img/emptyScreens/movie.svg');
}

.mono-icon-empty-musicalbums {
    background-image: url('/img/emptyScreens/musicalbums.svg');
}

.mono-icon-empty-filter {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.mono-icon-empty-places {
    background-image: url('/img/zookeeper/Baer_kennt_Weg_nicht.svg');
}

.mono-icon-empty-shares {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.mono-icon-empty-shares-drive {
    background-image: url('/img/zookeeper/Post_Baer_v2.svg');
}

.mono-icon-empty-smartalbums {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.mono-icon-empty-text {
    background-image: url('/img/zookeeper/Post_Baer_v2.svg');
}

.mono-icon-empty-tracks {
    height: 110px;
    width: 100px;
    -ms-background-size: 100px 110px;
    background-size: 100px 110px;
    background-image: url('/img/emptyScreens/tracks.svg');
}

.mono-icon-empty-trash {
    background-image: url('/img/zookeeper/Post_Baer_v2.svg');
}

.mono-icon-empty-trash-photos {
    background-image: url('/img/zookeeper/Nichts_zu_sehen_v2.svg');
}

.pi-zoo-container {
    width: 240px;
    height: 240px;

    background-size: 240px;
    background-repeat: no-repeat;
}

.pi-zoo-advertising {
    background-image: url('/img/zookeeper/Bear_mit_Megafon.svg');
}

.mono-icon-tv-pairing,
.mono-icon-tv-pairing-success {
    height: 120px;
    width: 124px;
    -ms-background-size: auto 120px;
    background-size: auto 120px;
    background-repeat: no-repeat;
}

.mono-icon-tv-pairing {
    background-image: url('/img/controls/tv_pairing.svg');
}

.mono-icon-tv-pairing-success {
    background-image: url('/img/controls/tv_success.svg');
}

.mono-preview-icon-left,
.mono-preview-icon-right {
    height: 40px;
    width: 40px;
    -ms-background-size: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
}

.mono-preview-icon-left {
    background-image: url('/img/preview/previous_white_circle_v1.svg');
}

.mono-preview-icon-left:hover {
    background-image: url('/img/preview/previous_blue_circle_v1.svg');
}

.mono-preview-icon-right {
    background-image: url('/img/preview/next_white_circle_v1.svg');
}

.mono-preview-icon-right:hover {
    background-image: url('/img/preview/next_blue_circle_v1.svg');
}

.mono-preview-icon-arrow-right {
    height: 18px;
    width: 22px;
    -ms-background-size: 22px 18px;
    background-size: 22px 18px;
    background-repeat: no-repeat;
    background-image: url('/img/preview/arrow_white_v1.svg');
}

.mono-preview-icon-arrow-right:hover {
    background-image: url('/img/preview/arrow_blue_v1.svg');
}

.mono-preview-icon-close {
    height: 40px;
    width: 40px;
    -ms-background-size: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-image: url('/img/preview/cancel_white_circle_v1.svg');
}

.mono-preview-icon-close:hover {
    background-image: url('/img/preview/cancel_blue_circle_v1.svg');
}

.mono-icon-left,
.mono-icon-right {
    height: 30px;
    width: 22px;
    -ms-background-size: 22px 30px;
    background-size: 22px 30px;
    background-repeat: no-repeat;
}

.mono-icon-left {
    background: url('/img/controls/left_inactive.svg');
}

.mono-icon-left:hover {
    background-repeat: no-repeat;
    background: url('/img/controls/left_active.svg');
}

.mono-icon-right {
    background: url('/img/controls/right_inactive.svg');
}

.mono-icon-right:hover {
    background-repeat: no-repeat;
    background: url('/img/controls/right_active.svg');
}

.mono-icon-close,
.mono-icon-close-grey,
.pi-icon-clear-search,
.pi-icon-close-search,
.mono-icon-close-register {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-image: url('/img/preview/escape_white_v1.svg');
}

.mono-icon-close:hover {
    background-repeat: no-repeat;
    background-image: url('/img/preview/escape_blue_v1.svg');
}

.mono-icon-close-grey {
    background-repeat: no-repeat;
    background-image: url('/img/preview/escape_grey_v1.svg');
}

.pi-dark-theme .mono-icon-close-grey {
    background-image: url('/img/preview/escape_white_v1.svg');
}

.pi-icon-close-search {
    cursor: pointer;
    height: 18px;
    width: 18px;
    -ms-background-size: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url('/img/preview/escape_grey_v1.svg');
}

.pi-icon-clear-search {
    cursor: pointer;
    height: 18px;
    width: 18px;
    -ms-background-size: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/clear_v1.svg');
}

.mono-icon-close-register {
    background-repeat: no-repeat;
    background-image: url('/img/preview/cancel_white_circle_v1.svg');
}

.mono-icon-close-register:hover {
    background-repeat: no-repeat;
    background-image: url('/img/preview/cancel_blue_circle_v1.svg');
}

.mono-icon-search {
    height: 32px;
    width: 32px;
    background-size: 32px;
    background-repeat: no-repeat;
    background-image: url('/img/header/search_v1.svg');
}

.pi-dark-theme .mono-icon-search {
    background-image: url('/img/header/search_white_v1.svg');
}

.mono-icon-psdk-close {
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-image: url('/img/controls/close_editor.svg');
}

.mono-icon-psdk-close:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/close_editor.svg');
}

.mono-icon-upload-abort {
    width: 22px;
    height: 24px;
    background-size: 24px 22px;
    background-repeat: no-repeat;
    background-image: url('/img/actions/close_gray_v1.svg');
}

.mono-icon-upload-abort:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/close_blue_v1.svg');
}

.mono-icon-upload-success {
    cursor: default;
    width: 22px;
    height: 24px;
    -ms-background-size: 24px 22px;
    background-size: 24px 22px;
    background-repeat: no-repeat;
    background-image: url('/img/actions/check-mark.svg');
}

.mono-icon-upload-error,
.mono-icon-upload-error-filetype,
.mono-icon-upload-error-maxfilesize,
.mono-icon-upload-error-maxphotosize,
.mono-icon-upload-error-maxsafesize,
.mono-icon-upload-error-full,
.mono-icon-prospect-information {
    cursor: default;
    width: 18px;
    height: 18px;
    -ms-background-size: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url('/img/uploads/info_red_v1.svg');
}

.mono-icon-prospect-information {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/information_v1.svg');
}

.mono-icon-history-information {
    width: 42px;
    height: 42px;
    -ms-background-size: 42px;
    background-size: 42px;
    background-repeat: no-repeat;
    background-image: url('/img/uploads/info_grey_v1.svg');
}

.mono-icon-office,
.mono-icon-office-grey,
.mono-icon-office-nohover {
    height: 22px;
    width: 21px;
    -ms-background-size: 21px 22px;
    background-size: 21px 22px;
    background-repeat: no-repeat;
    background-image: url('/img/officeOnline/05_Office_Online.svg');
}

.mono-icon-office:hover {
    background-image: url('/img/officeOnline/05_Office_Online_Hover.svg');
    background-repeat: no-repeat;
}

.mono-icon-office-grey {
    height: 24px;
    width: 23px;
    -ms-background-size: 23px 24px;
    background-size: 23px 24px;
    background-image: url('/img/officeOnline/05_Office_Online.svg');
    background-repeat: no-repeat;
}

.mono-icon-share,
.mono-icon-share-grey,
.mono-icon-share-nohover {
    height: 26px;
    width: 22px;
    -ms-background-size: 22px 26px;
    background-size: 22px 26px;
    background-repeat: no-repeat;
    background: url('/img/shortActions/share_white_v1.svg');
}

.mono-icon-share:hover {
    background: url('/img/shortActions/share_blue_v1.svg');
    background-repeat: no-repeat;
}

.mono-icon-share-grey {
    background: url('/img/shortActions/share_grey_v1.svg');
    background-repeat: no-repeat;
}

.mono-icon-restore {
    height: 26px;
    width: 24px;
    background: url('/img/shortActions/restore_white_v1.svg');
    -ms-background-size: 24px 26px;
    background-size: 24px 26px;
    background-repeat: no-repeat;
}

.mono-icon-restore:hover {
    background-image: url('/img/shortActions/restore_blue_v1.svg');
    background-repeat: no-repeat;
}

.mono-icon-restore-grey {
    background: url('/img/shortActions/restore_grey_v1.svg');
    background-repeat: no-repeat;
}

.mono-icon-favorite,
.mono-icon-favorite-grey,
.mono-icon-favorite-grey-true,
.mono-icon-favorite-true,
.mono-icon-favorite-nohover {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background: url('/img/shortActions/favorite_white_v1.svg');
}

.mono-icon-favorite:hover {
    background-repeat: no-repeat;
    background: url('/img/shortActions/favorite_blue_v1.svg');
}

.mono-icon-favorite-grey {
    background-repeat: no-repeat;
    background: url('/img/shortActions/favorite_grey.svg');
}

.mono-icon-favorite-grey-true {
    background-image: url('/img/shortActions/favorite_red_v1.svg');
}

.mono-icon-favorite-true {
    background-image: url('/img/shortActions/favorite_red_v1.svg');
}

.mono-icon-edit {
    height: 26px;
    width: 22px;
    background-size: 22px 26px;
    background-repeat: no-repeat;
    background: url('/img/shortActions/edit_white_v1.svg');
}

.mono-icon-edit:hover {
    background-repeat: no-repeat;
    background: url('/img/shortActions/edit_blue_v1.svg');
}

.mono-icon-rename,
.mono-icon-rename-grey {
    height: 26px;
    width: 24px;
    background-size: 24px 26px;
    background-repeat: no-repeat;
    background: url('/img/shortActions/rename_white_v1.svg');
}

.mono-icon-rename:hover {
    background-repeat: no-repeat;
    background: url('/img/shortActions/rename_blue_v1.svg');
}

.mono-icon-rename-grey {
    height: 26px;
    width: 24px;
    background-size: 24px 26px;
    background: url('/img/shortActions/rename_grey_v1.svg');
}

.mono-icon-download,
.mono-icon-download-grey,
.mono-icon-download-nohover,
.mono-icon-download-sharing,
.mono-icon-download-sharing-nohover,
.mono-icon-download-sharing-white,
.mono-icon-download-blue {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background: url('/img/shortActions/download_white_v1.svg');
}

.mono-icon-download:hover {
    background-repeat: no-repeat;
    background: url('/img/shortActions/download_blue_v1.svg');
}

.mono-icon-download-grey {
    background-repeat: no-repeat;
    background: url('/img/shortActions/download_grey_v1.svg');
}

.mono-icon-recover-blue {
    height: 24px;
    width: 24px;
    -webkit-background-size: 24px;
    background-size: 24px !important;
    background-repeat: no-repeat;
    background: url('/img/controls/recover_light_v1.svg');
}

.mono-icon-recover-blue:hover {
    background-repeat: no-repeat;
    background: url('/img/controls/recover_hover_v1.svg');
}

.mono-icon-download-blue {
    height: 24px;
    width: 24px;
    -ms-background-size: 24px;
    background-size: 24px !important;
    background-repeat: no-repeat;
    background: url('/img/shortActions/download_blue_v2.svg');
}

.mono-icon-download-sharing,
.mono-icon-download-sharing-nohover,
.mono-icon-download-sharing-white {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/sharing_download_grey_v1.svg');
}

.mono-icon-download-sharing-white {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/sharing_download_white_v1.svg');
}

.mono-icon-settings,
.mono-icon-settings-grey {
    height: 26px;
    width: 24px;
    -ms-background-size: 24px 26px;
    background-size: 24px 26px;
    background-repeat: no-repeat;
    background-image: url('/img/hamburger/settings_white.svg');
}

.mono-icon-settings-grey {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/settings_grey_v1.svg');
}

.mono-icon-settings:hover {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/settings_blue_v1.svg');
}

.mono-icon-delete,
.mono-icon-delete-grey,
.mono-icon-delete-blue,
.mono-icon-delete-nohover {
    height: 26px;
    width: 22px;
    -ms-background-size: 22px 26px;
    background-size: 22px 26px;
    background-repeat: no-repeat;
    background: url('/img/shortActions/delete_white_v1.svg');
}

.mono-icon-delete:hover {
    background-repeat: no-repeat;
    background: url('/img/shortActions/delete_blue_v1.svg');
}

.mono-icon-delete-grey {
    background-repeat: no-repeat;
    background: url('/img/shortActions/delete_grey_v1.svg');
}

.mono-icon-delete-blue {
    height: 24px;
    width: 24px;
    -webkit-background-size: 24px;
    background-size: 24px !important;
    background-repeat: no-repeat;
    background: url('/img/shortActions/delete_blue_v2.svg');
}

.mono-icon-tooltip {
    cursor: pointer;
    height: 16px;
    width: 16px;
    -ms-background-size: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url('/img/settings/settings_info.svg');
}

.mono-icon-information,
.mono-icon-information-grey,
.mono-icon-information-nohover {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/information_white_v1.svg');
}

.mono-icon-information:hover {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/information_blue_v1.svg');
}

.mono-icon-information-grey {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/information_grey.svg');
}

.mono-icon-dots {
    height: 26px;
    width: 25px;
    -ms-background-size: 25px 26px;
    background-size: 25px 26px;
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/more_white_v1.svg');
}

.mono-icon-dots:hover {
    background-repeat: no-repeat;
    background-image: url('/img/shortActions/more_blue_v1.svg');
}

.mono-icon-fullscreen {
    height: 26px;
    width: 18px;
    background-image: url('/img/controls/fullsize_white_v1.svg');
    -ms-background-size: 18px 26px;
    background-size: 18px 26px;
    background-repeat: no-repeat;
}

.mono-icon-fullscreen:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/fullsize_blue_v1.svg');
}

.mono-icon-slideshow {
    height: 26px;
    width: 26px;
    background-image: url('/img/controls/slideshow_white_v1.svg');
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
}

.mono-icon-slideshow:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/slideshow_blue_v1.svg');
}

.mono-icon-checkmark {
    height: 20px;
    width: 20px;
    background-image: url('/img/shortActions/checkmark_v1.svg');
    -ms-background-size: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
}

/*.mono-icon-slideshow-fullscreen {
    height: 26px;
    width: 18px;
    background: url('/img/controls/slideshow_inactive.svg');
    -ms-background-size: 18px 26px;
    background-size: 18px 26px;
    background-repeat: no-repeat;
}

    .mono-icon-slideshow-fullscreen:hover {
        background-repeat: no-repeat;
        background: url('/img/controls/slideshow_active.svg');
    }

.mono-icon-slideshow-pause-fullscreen {
    height: 28px;
    width: 22px;
    background-image: url('/img/controls/slideshow_pause_inactive.svg');
    -ms-background-size: 22px 28px;
    background-size: 22px 28px;
    background-repeat: no-repeat;
}

    .mono-icon-slideshow-pause-fullscreen:hover {
        background-repeat: no-repeat;
        background-image: url('/img/controls/slideshow_pause_active.svg');
    }*/

/*.mono-icon-resize-fullscreen {
    height: 29px;
    width: 28px;
    background: url('/img/controls/resize_inactive.svg');
    -ms-background-size: 28px 29px;
    background-size: 28px 29px;
    background-repeat: no-repeat;
}

    .mono-icon-resize-fullscreen:hover {
        background-repeat: no-repeat;
        background: url('/img/controls/resize_active.svg');
    }*/

.mono-icon-loudspeaker {
    height: 22px;
    width: 24px;
    background-image: url('/img/video/volume_white_v1.svg');
    -ms-background-size: 24px 22px;
    background-size: 24px 22px;
    background-repeat: no-repeat;
}

.mono-icon-loudspeaker:hover {
    background-repeat: no-repeat;
    background-image: url('/img/video/volume_blue_v1.svg');
}

.mono-icon-play {
    height: 22px;
    width: 16px;
    background-image: url('/img/video/play_white_v1.svg');
    -ms-background-size: 16px 22px;
    background-size: 16px 22px;
    background-repeat: no-repeat;
}

.mono-icon-play:hover {
    background-repeat: no-repeat;
    background-image: url('/img/video/play_blue_v1.svg');
}

.mono-icon-pause {
    height: 22px;
    width: 16px;
    background-image: url('/img/video/pause_white_v1.svg');
    -ms-background-size: 16px 22px;
    background-size: 16px 22px;
    background-repeat: no-repeat;
}

.mono-icon-pause:hover {
    background-repeat: no-repeat;
    background-image: url('/img/video/pause_blue_v1.svg');
}

.mono-icon-cloud {
    height: 25px;
    width: 36px;
    background: url('/img/cloud.svg');
    -ms-background-size: 36px 25px;
    background-size: 36px 25px;
    background-repeat: no-repeat;
}

.mono-icon-unlimited {
    height: 34px;
    width: 74px;
    -ms-background-size: 74px 34px;
    background-size: 74px 34px;
    background-repeat: no-repeat;
    background-image: url('/img/settings/settings_unlimited.svg');
}

.mono-icon-notification-empty-arrow-files,
.mono-icon-notification-empty-arrow-music,
.mono-icon-notification-empty-arrow-photos {
    height: 80px;
    width: 54px;
    -ms-background-size: 54px 80px;
    background-size: 54px 80px;
    background-repeat: no-repeat;
    background-image: url('/img/emptyScreens/arrow_files.svg');
}

.mono-icon-notification-empty-arrow-music {
    background-image: url('/img/emptyScreens/arrow_music.svg');
}

.mono-icon-notification-empty-arrow-photos {
    background-image: url('/img/emptyScreens/arrow_photos.svg');
}

.mono-icon-arrow-down,
.mono-icon-arrow-up {
    height: 9px;
    width: 17px;
    -ms-background-size: 17px 9px;
    background-size: 17px 9px;
    background-repeat: no-repeat;
}

.mono-icon-arrow-down {
    background-image: url('/img/controls/dropdown_arrow_down.svg');
}

.mono-icon-arrow-up {
    background-image: url('/img/controls/dropdown_arrow_up.svg');
}

/*
    Drive List View Icons
*/

/*.mono-drive-list-item, .mono-drive-grid-item {
    float: left;
    color: #666666;
    cursor: pointer;
    font-size: 16px;
}

    .mono-drive-list-item:hover {
        color: #1781E3;
    }

    .mono-drive-grid-item:hover {
        color: #1781E3;
    }*/

/*.mono-drive-list-item-selected, .mono-drive-grid-item-selected {
    color: #1781E3;
}*/

/*.mono-drive-link-item {
    float: left;
}*/

/*.mono-icon-drive-view {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}*/

.mono-icon-drive-list {
    width: 16px;
    height: 11px;
    -ms-background-size: 16px 11px;
    background-size: 16px 11px;
    background-repeat: no-repeat;
    background-image: url('/img/controls/list_grey.svg');
}

/*.mono-icon-drive-grid {
    width: 11px;
    height: 11px;
    -ms-background-size: 11px;
    background-size: 11px;
    background-repeat: no-repeat;
    background-image: url('/img/controls/grid_grey.svg');
}*/

/*.mono-drive-list-item:hover > .mono-icon-drive-list {
    background-image: url('/img/controls/list_blue.svg');
}

.mono-drive-grid-item:hover > .mono-icon-drive-grid {
    background-image: url('/img/controls/grid_blue.svg');
}

.mono-drive-list-item-selected > .mono-icon-drive-list {
    background-image: url('/img/controls/list_blue.svg');
}

.mono-drive-grid-item-selected > .mono-icon-drive-grid {
    background-image: url('/img/controls/grid_blue.svg');
}*/

.mono-icon-tile-view {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.mono-icon-tile-small {
    width: 18px;
    height: 18px;
    -ms-background-size: 181px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url('/img/navigation/tiles_small_grey.svg');
}

.mono-icon-tile-medium {
    width: 18px;
    height: 18px;
    -ms-background-size: 181px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url('/img/navigation/tiles_medium_grey.svg');
}

.mono-icon-tile-large {
    width: 18px;
    height: 18px;
    -ms-background-size: 181px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url('/img/navigation/tiles_large_grey.svg');
}

/*.mono-drive-grid-item:hover > .mono-icon-tile-small {
    background-image: url('/img/navigation/tiles_small_blue.svg');
}

.mono-drive-grid-item:hover > .mono-icon-tile-medium {
    background-image: url('/img/navigation/tiles_medium_blue.svg');
}

.mono-drive-grid-item:hover > .mono-icon-tile-large {
    background-image: url('/img/navigation/tiles_large_blue.svg');
}

.mono-drive-grid-item-selected > .mono-icon-tile-small {
    background-image: url('/img/navigation/tiles_small_blue.svg');
}

.mono-drive-grid-item-selected > .mono-icon-tile-medium {
    background-image: url('/img/navigation/tiles_medium_blue.svg');
}

.mono-drive-grid-item-selected > .mono-icon-tile-large {
    background-image: url('/img/navigation/tiles_large_blue.svg');
}*/

/*
    ********************************
            Music Player Icons
    ********************************
*/

.mono-icon-music-close {
    height: 14px;
    width: 14px;
    -ms-background-size: 14px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-image: url('/img/music/close_white.svg');
}

.mono-icon-music-close:hover {
    background-image: url('/img/music/close_blue.svg');
}

.mono-icon-music-pause {
    height: 19px;
    width: 16px;
    background-image: url('/img/music/pause_white.svg');
    -ms-background-size: 16px 19px;
    background-size: 16px 19px;
    background-repeat: no-repeat;
}

.mono-icon-music-pause:hover {
    background-repeat: no-repeat;
    background-image: url('/img/music/pause_blue.svg');
}

.mono-icon-music-play {
    height: 20px;
    width: 16px;
    background-image: url('/img/music/play_white.svg');
    -ms-background-size: 16px 20px;
    background-size: 16px 20px;
    background-repeat: no-repeat;
}

.mono-icon-music-play:hover {
    background-repeat: no-repeat;
    background-image: url('/img/music/play_blue.svg');
}

.mono-icon-music-previous {
    height: 12px;
    width: 15px;
    background-image: url('/img/music/previous_white.svg');
    -ms-background-size: 15px 12px;
    background-size: 15px 12px;
    background-repeat: no-repeat;
}

.mono-icon-music-previous:hover {
    background-repeat: no-repeat;
    background-image: url('/img/music/previous_blue.svg');
}

.mono-icon-music-next {
    height: 12px;
    width: 15px;
    background-image: url('/img/music/next_white.svg');
    -ms-background-size: 15px 12px;
    background-size: 15px 12px;
    background-repeat: no-repeat;
}

.mono-icon-music-next:hover {
    background-repeat: no-repeat;
    background-image: url('/img/music/next_blue.svg');
}

/*
    ********************************
            Upload Icons
    ********************************
*/

.mono-triage-item {
    cursor: pointer;
    float: left;
    text-align: center;
}

.mono-triage-item:hover {
    color: #1781E3;
}

.mono-triage-item-photo,
.mono-triage-item-drive,
.mono-triage-item-music,
.mono-triage-item-folder,
.mono-triage-item-word,
.mono-triage-item-excel,
.mono-triage-item-powerpoint {
}

.mono-icon-photo,
.mono-icon-drive,
.mono-icon-music,
.mono-icon-folder,
.mono-icon-word,
.mono-icon-excel,
.mono-icon-powerpoint {
    cursor: pointer;
    height: 60px;
    width: 60px;
    -ms-background-size: 60px;
    background-size: 60px;
    background-repeat: no-repeat;
}

.mono-icon-photo {
    background-image: url('/img/uploads/photos_grey_v1.svg');
}

.mono-triage-item-photo:hover > .mono-icon-photo {
    background-image: url('/img/uploads/photos_blue_v1.svg');
}

.mono-icon-drive {
    background-image: url('/img/uploads/documents_grey_v1.svg');
}

.mono-triage-item-drive:hover > .mono-icon-drive {
    background-image: url('/img/uploads/documents_blue_v1.svg');
}

.mono-icon-music {
    background-image: url('/img/uploads/music_grey.svg');
}

.mono-triage-item-music:hover > .mono-icon-music {
    background-image: url('/img/uploads/music_blue.svg');
}

.mono-icon-folder {
    background-image: url('/img/officeOnline/01_Folder.svg');
}

.mono-triage-item-folder:hover > .mono-icon-folder {
    background-image: url('/img/officeOnline/01_Folder_hover.svg');
}

.mono-icon-word {
    background-image: url('/img/officeOnline/02_Word.svg');
}

.mono-triage-item-word:hover > .mono-icon-word {
    background-image: url('/img/officeOnline/02_Word_hover.svg');
}

.mono-icon-excel {
    background-image: url('/img/officeOnline/03_Excel.svg');
}

.mono-triage-item-excel:hover > .mono-icon-excel {
    background-image: url('/img/officeOnline/03_Excel_Hover.svg');
}

.mono-icon-powerpoint {
    background-image: url('/img/officeOnline/04_PowerPoint.svg');
}

.mono-triage-item-powerpoint:hover > .mono-icon-powerpoint {
    background-image: url('/img/officeOnline/04_PowerPoint_hover.svg');
}

/*
    ********************************
            Drive File Icons
    ********************************
*/

.mono-file-icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    -ms-background-size: 34px;
    background-size: 34px;
    background-repeat: no-repeat;
}

.mono-file-icon-big {
    display: inline-block;
    width: 80px;
    height: 80px;
    -ms-background-size: 80px;
    background-size: 80px;
    background-repeat: no-repeat;
}

.mono-drive-icon-big {
    display: inline-block;
    background-repeat: no-repeat;
}

.mono-drive-icon-small {
    display: inline-block;
    margin-top: 9px;
    width: 16px;
    height: 20px;
    -ms-background-size: 16px 20px;
    background-size: 16px 20px;
    background-repeat: no-repeat;
}

.mono-link-icon-normal {
    margin-top: 13px;
    margin-left: 14px;
    height: 22px;
    width: 22px;
    -ms-background-size: 22px;
    background-size: 22px;
    background-image: url('/img/controls/shared_link.svg');
}

.mono-link-icon-folder,
.mono-link-icon-photos,
.mono-link-icon-album,
.mono-link-icon-file {
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 18px;
    height: 34px;
    width: 34px;
    -ms-background-size: 34px;
    background-size: 34px;
    background-repeat: no-repeat;
}

.mono-link-icon-folder {
    background-repeat: no-repeat;
    background-image: url('/img/controls/shares_folder_v1.svg');
}

.pi-dark-theme .mono-link-icon-folder {
    background-image: url('/img/controls/shares_folder_white_v1.svg');
}

.mono-link-icon-photos {
    background-repeat: no-repeat;
    background-image: url('/img/controls/shares_photos_v1.svg');
}

.pi-dark-theme .mono-link-icon-photos {
    background-image: url('/img/controls/shares_photos_white_v1.svg');
}

.mono-link-icon-album {
    background-repeat: no-repeat;
    background-image: url('/img/controls/shares_album_v1.svg');
}

.pi-dark-theme .mono-link-icon-album {
    background-image: url('/img/controls/shares_album_white_v1.svg');
}

.mono-link-icon-files {
    background-repeat: no-repeat;
    background-image: url('/img/controls/shares_files_v1.svg');
}

.pi-dark-theme .mono-link-icon-files {
    background-image: url('/img/controls/shares_files_white_v1.svg');
}

.mono-tree-icon-folder,
.mono-tree-icon-mydata {
    display: inline-block;
    margin-bottom: -6px;
    width: 23px;
    height: 23px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-image: url('/img/files/folder_default_v1.svg');
}

.pi-dark-theme .mono-tree-icon-folder {
    background-image: url('/img/files/folder_default_white_v1.svg');
}

.pi-dark-theme .mono-tree-icon-mydata {
    background-image: url('/img/files/folder_default_white_v1.svg');
}

.mono-file-icon-folder,
.mono-drive-icon-folder-small {
    width: 18px;
    height: 15px;
    margin-top: 12px;
    -ms-background-size: 18px 15px;
    background-size: 18px 15px;
    background-image: url('/img/files/folder_default_v1.svg');
}

.mono-file-icon-other,
.mono-drive-icon-other-small {
    background-image: url('/img/files/file_default_v1.svg');
}

.mono-file-icon-code,
.mono-drive-icon-code-small {
    background-image: url('/img/files/file_code_v1.svg');
}

.mono-file-icon-excel,
.mono-drive-icon-excel-small {
    background-image: url('/img/files/file_excel_v1.svg');
}

.mono-file-icon-image,
.mono-drive-icon-image-small {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_photo_v1.svg');
}

.mono-file-icon-music,
.mono-drive-icon-music-small {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_music_v1.svg');
}

.mono-drive-icon-music-small {
    width: 16px;
    height: 18px;
    margin-top: 10px;
    -ms-background-size: 16px 18px;
    background-size: 16px 18px;
}

.mono-file-icon-pdf,
.mono-drive-icon-pdf-small {
    background-image: url('/img/files/file_pdf_v1.svg');
}

.mono-file-icon-powerpoint,
.mono-drive-icon-powerpoint-small {
    background-image: url('/img/files/file_powerpoint_v1.svg');
}

.mono-file-icon-text,
.mono-drive-icon-text-small {
    background-image: url('/img/files/file_text_v1.svg');
}

.mono-file-icon-video,
.mono-drive-icon-video-small {
    background-image: url('/img/files/file_movie_v1.svg');
}

.mono-drive-icon-video-small {
    width: 18px;
    height: 15px;
    margin-top: 10px;
    margin-left: 0;
    -ms-background-size: 18px 15px;
    background-size: 18px 15px;
}

.mono-file-icon-word,
.mono-drive-icon-word-small {
    background-image: url('/img/files/file_word_v1.svg');
}

.mono-file-icon-zip,
.mono-drive-icon-zip-small {
    background-image: url('/img/files/file_zip_v1.svg');
}

.mono-file-icon-folder-big {
    width: 61px;
    height: 50px;
    -ms-background-size: 61px 50px;
    background-size: 61px 50px;
    background-repeat: no-repeat;
    background-image: url("../img/files/folder_default_v1.svg");
}

.mono-drive-icon-folder-shared-big {
    background-image: url('/img/files/folder_shared_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-folder-shared-big {
    background-image: url('/img/files/folder_shared_tile_white_v1.svg');
}


.mono-drive-icon-backup-big {
    background-image: url('/img/files/backup_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-backup-big {
    background-image: url('/img/files/backup_tile_v1.svg');
}

.mono-drive-icon-folder-big {
    background-image: url('/img/files/folder_default_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-folder-big {
    background-image: url('/img/files/folder_default_tile_white_v1.svg');
}

.mono-file-icon-other-big {
    background-image: url('/img/files/file_default_v1.svg');
}

.mono-drive-icon-other-big {
    background-image: url('/img/files/file_default_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-other-big {
    background-image: url('/img/files/file_default_tile_white_v1.svg');
}

.mono-file-icon-code-big {
    background-image: url('/img/files/file_code_v1.svg');
}

.mono-drive-icon-code-big {
    background-image: url('/img/files/file_code_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-code-big {
    background-image: url('/img/files/file_code_tile_white_v1.svg');
}

.mono-file-icon-excel-big {
    background-image: url('/img/files/file_excel_v1.svg');
}

.mono-drive-icon-excel-big {
    background-image: url('/img/files/file_excel_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-excel-big {
    background-image: url('/img/files/file_excel_tile_white_v1.svg');
}

.mono-file-icon-image-big {
    background-image: url('/img/files/file_photo_v1.svg');
}

.mono-drive-icon-image-big {
    background-image: url('/img/files/file_photo_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-image-big {
    background-image: url('/img/files/file_photo_tile_white_v1.svg');
}

.mono-file-icon-pdf-big {
    background-image: url('/img/files/file_pdf_v1.svg');
}

.mono-drive-icon-pdf-big {
    background-image: url('/img/files/file_pdf_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-pdf-big {
    background-image: url('/img/files/file_pdf_tile_white_v1.svg');
}

.mono-file-icon-powerpoint-big {
    background-image: url('/img/files/file_powerpoint_v1.svg');
}

.mono-drive-icon-powerpoint-big {
    background-image: url('/img/files/file_powerpoint_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-powerpoint-big {
    background-image: url('/img/files/file_powerpoint_tile_white_v1.svg');
}

.mono-file-icon-text-big {
    background-image: url('/img/files/file_text_v1.svg');
}

.mono-drive-icon-text-big {
    background-image: url('/img/files/file_text_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-text-big {
    background-image: url('/img/files/file_text_tile_white_v1.svg');
}

.mono-file-icon-music-big {
    background-image: url('/img/files/file_music_v1.svg');
}

.mono-drive-icon-music-big {
    background-image: url('/img/files/file_music_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-music-big {
    background-image: url('/img/files/file_music_tile_white_v1.svg');
}

.mono-file-icon-video-big {
    background-image: url('/img/files/file_movie_v1.svg');
}

.mono-drive-icon-video-big {
    background-image: url('/img/files/file_movie_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-video-big {
    background-image: url('/img/files/file_movie_tile_white_v1.svg');
}

.mono-file-icon-word-big {
    background-image: url('/img/files/file_word_v1.svg');
}

.mono-drive-icon-word-big {
    background-image: url('/img/files/file_word_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-word-big {
    background-image: url('/img/files/file_word_tile_white_v1.svg');
}

.mono-file-icon-zip-big {
    background-image: url('/img/files/file_zip_v1.svg');
}

.mono-drive-icon-zip-big {
    background-image: url('/img/files/file_zip_tile_v1.svg');
}

.pi-dark-theme .mono-drive-icon-zip-big {
    background-image: url('/img/files/file_zip_tile_white_v1.svg');
}

.mono-drivetile-droppable {
    background-image: url('/img/files/folder_default_tile_highlight_v1.svg');
}

.mono-file-icon-grey {
    display: inline-block;
    margin-right: 12px;
    width: 20px;
    height: 20px;
    -ms-background-size: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
}

.mono-file-icon-other-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_default_v1.svg');
}

.mono-file-icon-code-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_code_v1.svg');
}

.mono-file-icon-excel-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_excel_v1.svg');
}

.mono-file-icon-image-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_photo_v1.svg');
}

.mono-file-icon-pdf-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_pdf_v1.svg');
}

.mono-file-icon-powerpoint-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_powerpoint_v1.svg');
}

.mono-file-icon-text-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_text_v1.svg');
}

.mono-file-icon-music-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_music_v1.svg');
}

.mono-file-icon-video-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_movie_v1.svg');
}

.mono-file-icon-word-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_word_v1.svg');
}

.mono-file-icon-zip-grey {
    background-repeat: no-repeat;
    background-image: url('/img/files/file_zip_v1.svg');
}

.mono-drive-menu-icon {
    margin-top: 11px;
    /* width: 32px;
    height: 32px;
    background-size: 32px; */
    background-repeat: no-repeat;
    background-image: url('/img/navigation/menu_folder_v1.svg');
}

.mono-drive-folder-icon,
.mono-drive-folder-icon-big {
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 18px;
    background-repeat: no-repeat;
    background-image: url('/img/files/folder_default_v1.svg');
}

.pi-dark-theme .mono-drive-folder-icon {
    background-image: url('/img/files/folder_default_white_v1.svg');
}

.mono-drive-folder-icon-big {
    background-image: url('/img/files/folder_default_v1.svg');
}

.mono-drive-folder-icon-grey {
    margin-right: 12px;
    margin-top: 12px;
    height: 16px;
    width: 20px;
    -ms-background-size: 20px 16px;
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-image: url('/img/files/folder_default_v1.svg');
}

.mono-drive-folder-icon-shared {
    background-image: url('/img/files/folder_shared_v1.svg');
}

.pi-dark-theme .mono-drive-folder-icon-shared {
    background-image: url('/img/files/folder_shared_white_v1.svg');
}

/*
    Table Icons for Sharing (Participants)
*/

.mono-icon-user {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background: url('/img/controls/shareduser_inactive.svg');
}

.mono-icon-user:hover {
    background: url('/img/controls/shareduser_active.svg');
}

.mono-icon-more {
    height: 26px;
    width: 26px;
    -ms-background-size: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background: url('/img/controls/sharemore_inactive.svg');
}

.mono-icon-more:hover {
    background: url('/img/controls/sharemore_active.svg');
}

.mono-icon-home-playstore {
    height: 17px;
    width: 16px;
    background-image: url('/img/homescreen/googlePlay_white_v1.svg');
    -ms-background-size: 17px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.mono-icon-home-applestore {
    height: 17px;
    width: 15px;
    background-image: url('/img/homescreen/appStore_white_v1.svg');
    -ms-background-size: 17px;
    background-size: 15px;
    background-repeat: no-repeat;
}

.mono-icon-home-app {
    height: 35px;
    width: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-image: url('/img/homescreen/home_app_v2.svg');
}

.mono-icon-home-desktop {
    height: 35px;
    width: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-image: url('/img/homescreen/home_desktop_v1.svg');
}

.mono-icon-home-cloud {
    height: 50px;
    width: 75px;
    -ms-background-size: 75px 50px;
    background-size: 75px 50px;
    background-repeat: no-repeat;
    background-image: url('/img/homescreen/home_cloud.svg');
}

.mono-icon-home-play {
    cursor: pointer;
    height: 68px;
    width: 68px;
    -ms-background-size: 68px;
    background-size: 68px;
    background-repeat: no-repeat;
    background-image: url('/img/homescreen/home_play.svg');
}

.mono-icon-home-play:hover {
    background-image: url('/img/homescreen/home_play_hover.svg');
}

.mono-icon-home-photos,
.mono-icon-home-movies {
    height: 14px;
    width: 16px;
    -ms-background-size: 16px 14px;
    background-size: 16px 14px;
    background-repeat: no-repeat;
    background-image: url('/img/homescreen/home_photo_v1.svg');
}

.mono-icon-home-movies {
    background-image: url('/img/homescreen/home_movie.svg');
}

.mono-icon-home-files,
.mono-icon-home-info {
    height: 18px;
    width: 14px;
    -ms-background-size: 14px 18px;
    background-size: 14px 18px;
    background-repeat: no-repeat;
    background-image: url('/img/homescreen/home_file_v1.svg');
}

.mono-icon-home-info {
    height: 15px;
    width: 15px;
    background-size: 15px;
    background-image: url('/img/homescreen/home_tip_v1.svg');
}

.mono-icon-home-music {
    height: 16px;
    width: 13px;
    -ms-background-size: 13px 16px;
    background-size: 13px 16px;
    background-repeat: no-repeat;
    background-image: url('/img/homescreen/home_music.svg');
}

/*
    Placeholders
*/

.mono-photo-main-defaultBackground1 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_85.svg');
}

.mono-photo-main-defaultBackground2 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_40.svg');
}

.mono-photo-main-defaultBackground3 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_85.svg');
}

.mono-photo-main-defaultBackground4 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_55.svg');
}

.mono-photo-main-defaultBackground5 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_70.svg');
}

.mono-photo-main-album-defaultBackground1 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_album_85.svg');
}

.mono-photo-main-album-defaultBackground2 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_album_40.svg');
}

.mono-photo-main-album-defaultBackground3 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_album_85.svg');
}

.mono-photo-main-album-defaultBackground4 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_album_55.svg');
}

.mono-photo-main-album-defaultBackground5 {
    height: 100%;
    width: 100%;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url('/img/placeholder/placeholder_picture_album_70.svg');
}

.mono-drive-icon-action {
    background-repeat: no-repeat;
}

.pi-history-menu-icon {
    cursor: pointer;
    margin: 0;
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url('/img/controls/menu_v1.svg');
}

.pi-dark-theme .pi-history-menu-icon {
    background-image: url('/img/controls/menu_white_v1.svg');
}

.pi-history-menu-icon:hover {
    background-repeat: no-repeat;
    background-image: url('/img/controls/menu_active_v1.svg');
}


.pi-app-icon-content {
    width: 190px;
    height: 60px;
    margin: 0 auto;
}

.pi-app-icon-content .app-icon {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.pi-app-icon-content .apple-de {
    background-image: url('/img/store/apple-badge_de.svg');
}

.pi-app-icon-content .apple-fr {
    background-image: url('/img/store/apple-badge_fr.svg');
}

.pi-app-icon-content .apple-it {
    background-image: url('/img/store/apple-badge_it.svg');
}

.pi-app-icon-content .apple-en {
    background-image: url('/img/store/apple-badge_en.svg');
}

.pi-app-icon-content .google-de {
    background-image: url('/img/store/google-play-badge_de.png');
}

.pi-app-icon-content .google-fr {
    background-image: url('/img/store/google-play-badge_fr.png');
}

.pi-app-icon-content .google-it {
    background-image: url('/img/store/google-play-badge_it.png');
}

.pi-app-icon-content .google-en {
    background-image: url('/img/store/google-play-badge_en.png');
}

.pi-icon-search-type-tag {
    background-image: url('/img/search/tag_v1.svg');
}

.pi-icon-search-type-category {
    background-image: url('/img/search/category_v1.svg');
}

.pi-icon-search-type-album {
    background-image: url('/img/search/album_v1.svg');
}

.pi-icon-search-type-year, .pi-icon-search-type-month {
    background-image: url('/img/search/calendar_v1.svg');
}

.pi-icon-search-type-country {
    background-image: url('/img/search/globe_v1.svg');
}

.pi-icon-search-type-places {
    background-image: url('/img/search/map_v1.svg');
}

.pi-icon-search-type-canton, .pi-icon-search-type-place {
    background-image: url('/img/search/map_pointer_v1.svg');
}

.pi-icon-search-type-camera {
    background-image: url('/img/search/photo_camera_v1.svg');
}

.pi-icon-search-type-no_camera {
    background-image: url('/img/search/circle_small_v1.svg');
}

.pi-icon-search-type-favourite {
    background-image: url('/img/search/heart_v1.svg');
}

.pi-icon-search-type-photo {
    background-image: url('/img/search/photo_landscape_v1.svg');
}

.pi-icon-search-type-video {
    background-image: url('/img/search/videos_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-tag {
    background-image: url('/img/search/tag_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-category {
    background-image: url('/img/search/category_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-album {
    background-image: url('/img/search/album_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-year, .pi-dark-theme .pi-icon-search-type-month {
    background-image: url('/img/search/calendar_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-country {
    background-image: url('/img/search/globe_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-canton, .pi-dark-theme .pi-icon-search-type-place {
    background-image: url('/img/search/map_pointer_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-camera {
    background-image: url('/img/search/photo_camera_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-no_camera {
    background-image: url('/img/search/circle_small_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-favourite {
    background-image: url('/img/search/heart_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-photo {
    background-image: url('/img/search/photo_landscape_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-video {
    background-image: url('/img/search/videos_white_v1.svg');
}

.pi-dark-theme .pi-icon-search-type-places {
    background-image: url('/img/search/map_white_v1.svg');
}
.pi-landing-shareOwner-area{
    opacity: 0;
    display: flex;
    position: absolute;
    height: 80px;
}

.pi-landing-shareOwner-area .pi-share-owner.pulse{
    animation: pulse 1s ease-in-out;
}

.pi-landing-shareOwner-area .pi-background {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 50%, rgba(0, 0, 0, 0.20) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
}

.pi-mobile .pi-landing-shareOwner-area .pi-background {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 25%, rgba(0, 0, 0, 0.15) 100%);
}

.pi-landing-shareOwner-area .pi-share-owner{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    background-color: var(--search-key-item-border-color);
    padding: 2px 12px;
    border-radius: 15px;
    align-self: flex-end;
    margin-left: 24px;
    margin-bottom: 24px;
}

.pi-mobile .pi-landing-shareOwner-area .pi-share-owner {
    font-size: 20px;
    padding: 4px 14px;
}

@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.3); }
    100% { transform: scale(1); }
}



/*
MEDIA Tags
 */
@media (min-width: 300px) {
    .pi-action-content .btn-secondary {
        margin-right: 16px;
    }
}

@media (min-width: 550px) {
    .pi-action-content .btn-secondary {
        margin-right: 16px;
    }
}

@media (min-width: 720px) {
    .pi-action-content .btn-secondary {
        margin-right: 16px;
    }
}

@media (min-width: 1350px) {
}

.login-view {
    width: 320px;
    height: 280px;
}

.login-changepassword-view {
    width: 420px;
    height: 350px;
}

.login-page {
    width: 320px;
    position: relative;
    margin: 0 auto;
    display: block;
    margin-top: 100px;
}

.mono-header-login-text {
    padding: 7px;
    cursor: pointer;
}

    .mono-header-login-text:hover {
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }


.pi-matrix-area, .pi-matrix-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
}

.pi-matrix-container {
    top: 76px;
    padding-left: 70px;
    padding-right: 70px;

    transition: top 0.4s ease 0s;
}

.pi-desktop .pi-figure:hover {
    cursor: pointer;
}

.pi-desktop .pi-figure.pi-group:hover {
    cursor: default;
}

.pi-figure.pi-group {
    cursor: default;
    padding-left: 32px;
    font-size: 16px;
    color: var(--primary-headline-color);
    font-weight: 500;
    background-color: var(--default-bg-right-color);
    display: flex;
    align-items: center;
}

.pi-figure.pi-group > div {
    margin-top: 3px;
}

.pi-subaction-area {
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 16px;

    transition: opacity 0.2s ease-out;
}

folder-view .pi-subaction-area {
    margin-left: 0;
}

backup-view .pi-subaction-area {
    margin-left: 0;
}

folder-shared-view .pi-subaction-area {
    margin-left: 0;
}

recycle-bin-page .pi-subaction-area {
    margin-left: 0;
}

.pi-figure .pi-selection {
    cursor: pointer;
    display: none;
    top: 8px;
    left: 8px;
    position: absolute;
    height: 24px;
    width: 24px;
    -ms-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    z-index: 2;
}

.pi-subaction-left-content {
    display: flex;
}

.pi-subaction-left-content .pi-current-group-content {
    display: flex;
    padding: 12px 16px;
    border-radius: 24px;
    align-items: center;

    background: var(--navbar-bg-color);
    backdrop-filter: blur(8px);
}

.pi-group-selection {
    cursor: pointer;
    display: none;
    height: 24px;
    width: 24px;
    -ms-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    z-index: 1;
    margin-left: 8px;
    margin-right: 8px;
}

.pi-desktop .pi-matrix .pi-subaction-left-content:hover .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_v1.svg');
}

.pi-matrix.pi-subaction-area {
    margin-right: 68px;
}

.pi-mobile .pi-matrix.pi-subaction-area {
    margin-right: 8px;
}

.pi-desktop.pi-dark-theme .pi-matrix .pi-subaction-left-content:hover .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_white_v1.svg');
}

.pi-desktop .pi-matrix .pi-subaction-left-content .pi-group-selection:hover {
    background: url('/img/shortActions/checkbox_group_active_v1.svg');
}

.pi-desktop .pi-matrix .pi-subaction-left-content:hover .pi-group-selection.selected {
    display: block;
    background: url('/img/shortActions/checkbox_group_active_v1.svg');
}

.pi-matrix .pi-subaction-left-content.pi-checkMode .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_v1.svg');
}

.pi-dark-theme .pi-matrix .pi-subaction-left-content.pi-checkMode .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_white_v1.svg');
}

.pi-dark-theme .pi-matrix .pi-subaction-left-content.pi-checkMode .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_white_v1.svg');
}

.pi-group-selection.selected {
    display: block;
    background: url('/img/shortActions/checkbox_group_active_v1.svg') !important;
}

.pi-matrix-container.pi-checkMode .pi-selection {
    display: block;
    background: url('/img/shortActions/checkbox_empty_v4.svg');
}

.pi-matrix-container.pi-checkMode .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_v1.svg');
}

.pi-dark-theme .pi-matrix-container.pi-checkMode .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_white_v1.svg');
}

.pi-desktop .pi-group:hover .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_v1.svg');
}

.pi-desktop.pi-dark-theme .pi-group:hover .pi-group-selection {
    display: block;
    background: url('/img/shortActions/checkbox_group_inactive_white_v1.svg');
}

.pi-desktop .pi-group .pi-group-selection:hover {
    background: url('/img/shortActions/checkbox_group_active_v1.svg');
}

.pi-desktop .pi-group:hover .pi-group-selection.selected {
    background: url('/img/shortActions/checkbox_group_active_v1.svg');
}

.pi-desktop .pi-figure:hover .pi-selection {
    display: block;
    background: url('/img/shortActions/checkbox_hover_v3.svg');
}

.pi-desktop .pi-figure .pi-selection:hover {
    display: block;
    background: url('/img/shortActions/checkbox_normal_v3.svg');
}

.pi-figure .pi-selection.selected {
    display: block;
    background: url('/img/shortActions/checkbox_normal_v3.svg');
}

.pi-desktop .pi-figure:hover .pi-selection.selected {
    display: block;
    background: url('/img/shortActions/checkbox_normal_v3.svg');
}

.pi-desktop .pi-matrix-size-small .pi-figure:hover .pi-video-grid-duration {
    display: none;
}

.pi-desktop .pi-matrix-size-small .pi-figure.selected .pi-video-grid-duration {
    display: none;
}

.pi-desktop .pi-figure:hover:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(23, 129, 227, 0.2);
    mix-blend-mode: multiply
}

.pi-figure.selected:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(23, 129, 227, 0.6);
    mix-blend-mode: multiply
}

.pi-desktop .pi-figure.selected:hover:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(23, 129, 227, 0.6);
    mix-blend-mode: multiply
}


.pi-desktop .pi-figure.pi-group:hover:after {
    content: none;
}

.pi-desktop .pi-figure.multiselect:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(23, 129, 227, 0.3);
    mix-blend-mode: multiply
}

.pi-desktop .pi-figure.multiselect .pi-selection {
    display: block;
    background: url('/img/shortActions/checkbox_normal_v3.svg');
}

/*
STYLES for Fast Timeline
 */
.pi-matrix-tl-area {
    cursor: row-resize;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, top 0.5s ease 0s;
}

.pi-mobile .pi-matrix-tl-area {
    width: 12px;
    opacity: 1;
}

.pi-tl-offset {
    /*top: 60px for the offset of the action bar; */
    top: 124px;
}

.pi-tl .pi-container {
    display: flex;
    height: 100%;
}

.pi-tl .pi-thumb {
    right: 0;
    position: absolute;
    color: var(--fastscroll-text-color);
    width: 80px;
    text-align: center;
    display: flex;
    flex-flow: column;
}

.pi-tl .pi-thumb-text-container {
    display: flex;
    box-shadow: 0 2px 8px 0 rgba(23, 129, 227, 0.24);
}

.pi-tl .pi-thumb-text {
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 0px;
    flex-grow: 1;
    background-color: var(--fastscroll-bg-color);
}

.pi-tl .pi-thumb-indicator {
    margin-top: -2px;
    pointer-events: none;
    height: 2px;
    background-image: linear-gradient(to left, #004bde, rgba(0, 75, 222, 0));
}

.pi-tl .pi-scrollstate {
    pointer-events: none;
    position: absolute;
    height: 8px;
    width: 63px;
    right: 0;
    background-size: 63px 8px;
    background-image: url("../img/actions/scroll_state_blue_v1.svg");
}


.pi-tl .fast-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    margin-bottom: 16px;
    width: 70px;
    text-align: right;
    display: flex;
    flex-direction: column;
}

.pi-tl .fast-scroll > div {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: var(--primary-headline-color);
    font-weight: 500;
}

.pi-tl .fast-scroll-year {
    flex: 3;
    align-items: center;
}

.pi-tl .fast-scroll-year > div {
    background-color: var(--default-bg-color);
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 6px;

}

.pi-tl .fast-scroll-year:last-child {
    justify-content: flex-end;
}

/*
Badge styles
 */
.pi-figure .background {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.pi-figure .background.all {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#0a000000', GradientType=0); /* IE6-9 */
}

.pi-figure .background.top {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */
}

.pi-figure .background.bottom {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0); /* IE6-9 */
}

@media (min-width: 660px) {
    .pi-figure .background.all {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#0a000000', GradientType=0); /* IE6-9 */
    }

    .pi-figure .background.top {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */
    }

    .pi-figure .background.bottom {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0); /* IE6-9 */
    }
}

.pi-figure .video {
    position: absolute;
    bottom: 8px;
    left: 8px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.pi-figure .pi-icon-favorite-matrix-white {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
}

.pi-figure .pi-icon-favorite-matrix-white.top {
    top: 32px;
}

/*
Mobile Actions Area
 */

.pi-matrix-container .mobile-action-container {
    position: absolute;
    display: flex;
    justify-content: space-around;
    align-items: center;
    left: 0;
    right: 0;
}

.pi-matrix-container .mobile-action {
    width: 130px;
    height: 88px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.pi-matrix-container .icon {
    width: 32px;
    height: 32px;
    -webkit-background-size: 32px;
    background-size: 32px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.pi-matrix-container .mobile-label {
    font-size: 18px;
    text-align: center;
    color: var(--primary-interaction-color);
    font-weight: 500;
    line-height: 20px;
}

/*
Sorting Area
 */
.pi-matrix-sorting-container {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.pi-matrix-sorting-container .dropdown {
    margin-top: 16px;
    margin-right: 8px;
    float: right;
}

.pi-matrix-sorting-container .dropdown.responsive {
}

.pi-desktop .pi-matrix-container .mono-photo-sorting-text:hover {
    color: var(--primary-interaction-color);
}

.pi-landing-content-container {
    transition: top 0.4s ease 0s;
}

.pi-landing-info-container {
    height: 120px;
    position: absolute;
    top: 80px;
    left: 32px;

    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.pi-landing-info-container .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 8px;
    margin-right: 16px;
}

.pi-landing-info-container .shareOwner {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    background-color: var(--search-key-item-border-color);
    padding: 2px 12px;
    border-radius: 15px;
    align-self: center;
    margin-bottom: 8px;
}

.pi-mobile .pi-landing-info-container {
    left: 12px;
    right: 12px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.pi-landing-info-container .shareOwner .pi-icon {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-right: 4px;
}

.pi-mobile .pi-landing-info-container .shareOwner {
    font-size: 20px;
    padding: 4px 14px;
}

/*
MEDIA Tags
 */
@media (min-width: 300px) {
    .pi-matrix-sorting-container .dropdown.responsive {
        display: none;
    }
}

@media (min-width: 550px) {
    .pi-matrix-sorting-container .dropdown.responsive {
        display: none;
    }
}

@media (min-width: 660px) {
    .pi-matrix-sorting-container .dropdown.responsive {
        display: none;
    }
}

@media (min-width: 1350px) {
    .pi-matrix-sorting-container .dropdown.responsive {
        display: block;
    }
}

@font-face {
    font-family: 'TheSansW2ExtraLight';
    src: url('/fonts/TheSansB-W2ExtraLight.eot'); /* IE9 Compat Modes */
    src: url('/fonts/TheSansB-W2ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/TheSansB-W2ExtraLight.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'TheSansW3Light';
    src: url('/fonts/TheSansB-W3Light.eot'); /* IE9 Compat Modes */
    src: url('/fonts/TheSansB-W3Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/TheSansB-W3Light.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'TheSansW4SemiLight';
    font-weight: 200;
    src: url('/fonts/TheSansB_200_.eot') format('eot'), url('/fonts/TheSansB_200_.woff2') format('woff2'), url('/fonts/TheSansB_200_.woff') format('woff'), url('/fonts/TheSansB_200_.ttf') format('truetype'), url('/fonts/TheSansB_200_.svg#TheSansB_200_') format('svg');
}

@font-face {
    font-family: 'TheSansW4SemiLight';
    font-weight: 300;
    src: url('/fonts/TheSansB_300_.eot') format('eot'), url('/fonts/TheSansB_300_.woff2') format('woff2'), url('/fonts/TheSansB_300_.woff') format('woff'), url('/fonts/TheSansB_300_.ttf') format('truetype'), url('/fonts/TheSansB_300_.svg#TheSansB_300_') format('svg');
}

@font-face {
    font-family: 'TheSans';
    font-weight: 400;
    src: url('/fonts/TheSansB_400_.eot') format('eot'), url('/fonts/TheSansB_400_.woff2') format('woff2'), url('/fonts/TheSansB_400_.woff') format('woff'), url('/fonts/TheSansB_400_.ttf') format('truetype'), url('/fonts/TheSansB_400_.svg#TheSansB_400_') format('svg');
}

@font-face {
    font-family: 'TheSans';
    font-weight: 500;
    src: url('/fonts/TheSansB_500_.eot') format('eot'), url('/fonts/TheSansB_500_.woff2') format('woff2'), url('/fonts/TheSansB_500_.woff') format('woff'), url('/fonts/TheSansB_500_.ttf') format('truetype'), url('/fonts/TheSansB_500_.svg#TheSansB_500_') format('svg');
}

@font-face {
    font-family: 'TheSans';
    font-weight: 600;
    src: url('/fonts/TheSansB_600_.eot') format('eot'), url('/fonts/TheSansB_600_.woff2') format('woff2'), url('/fonts/TheSansB_600_.woff') format('woff'), url('/fonts/TheSansB_600_.ttf') format('truetype'), url('/fonts/TheSansB_600_.svg#TheSansB_600_') format('svg');
}

@font-face {
    font-family: 'TheSansW4SemiLight';
    font-weight: 400;
    src: url('/fonts/TheSansB_400_.eot') format('eot'), url('/fonts/TheSansB_400_.woff2') format('woff2'), url('/fonts/TheSansB_400_.woff') format('woff'), url('/fonts/TheSansB_400_.ttf') format('truetype'), url('/fonts/TheSansB_400_.svg#TheSansB_400_') format('svg');
}

@font-face {
    font-family: 'TheSansW4SemiLight';
    font-weight: 500;
    src: url('/fonts/TheSansB_500_.eot') format('eot'), url('/fonts/TheSansB_500_.woff2') format('woff2'), url('/fonts/TheSansB_500_.woff') format('woff'), url('/fonts/TheSansB_500_.ttf') format('truetype'), url('/fonts/TheSansB_500_.svg#TheSansB_500_') format('svg');
}

@font-face {
    font-family: 'TheSansW4SemiLight';
    font-weight: 600;
    src: url('/fonts/TheSansB_600_.eot') format('eot'), url('/fonts/TheSansB_600_.woff2') format('woff2'), url('/fonts/TheSansB_600_.woff') format('woff'), url('/fonts/TheSansB_600_.ttf') format('truetype'), url('/fonts/TheSansB_600_.svg#TheSansB_600_') format('svg');
}

@font-face {
    font-family: 'TheSansW4SemiLight';
    font-weight: 700;
    src: url('/fonts/TheSansB_700_.eot') format('eot'), url('/fonts/TheSansB_700_.woff2') format('woff2'), url('/fonts/TheSansB_700_.woff') format('woff'), url('/fonts/TheSansB_700_.ttf') format('truetype'), url('/fonts/TheSansB_700_.svg#TheSansB_700_') format('svg');
}

@font-face {
    font-family: 'TheSansW5Plain';
    src: url('/fonts/TheSansB-W5Plain.eot'); /* IE9 Compat Modes */
    src: url('/fonts/TheSansB-W5Plain.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/TheSansB-W5Plain.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'TheSansW6SemiBold';
    src: url('/fonts/TheSansB-W6SemiBold.eot'); /* IE9 Compat Modes */
    src: url('/fonts/TheSansB-W6SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/TheSansB-W6SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'TheSansW7Bold';
    src: url('/fonts/TheSansB-W7Bold.eot'); /* IE9 Compat Modes */
    src: url('/fonts/TheSansB-W7Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/TheSansB-W7Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

.pi-dark-theme {
    --sc-white-color: #E0E0E0;

    --primary-text-color: #E0E0E0;
    --secondary-text-color: #A1A1A1;
    --disabled-text-color: #6C6C6C;
    --light-text-color: var(--sc-white-color);
    --light-text-hover: var(--sc-interaction-grey);

    --sc-interaction-orange: #E86416;
    --sc-interaction-blue: #0A71E9;
    --sc-interaction-blue-hover: #147DF5;
    --border-color: #474747;

    --list-item-hover: rgba(53, 53, 53, 1);
    --list-item-hover-opactiy: rgba(53, 53, 53, 0);

    --primary-headline-color: var(--sc-white-color);
    --navigation-text-color: var(--sc-white-color);
    --action-text-color: var(--sc-white-color);

    --primary-interaction-color: var(--sc-interaction-blue);
    --primary-interaction-hover: var(--sc-interaction-blue-hover);

    --dark-bg-color: #141414;
    --dark-bg-color-L1: #1D1D1D;
    --dark-bg-color-L2: #222222;
    --dark-bg-color-L3: #242424;
    --secondary-dark-bg-color: #1D1D1D;
    --default-bg-color: var(--dark-bg-color);
    --default-bg-color-l1: var(--dark-bg-color-L1);
    --default-bg-color-l2: var(--dark-bg-color-L2);
    --default-bg-color-l3: var(--dark-bg-color-L3);
    --default-bg-right-color: var(--dark-bg-color);
    --secondary-bg-color: var(--secondary-dark-bg-color);
    --modal-bg: var(--default-bg-color);
    --breadcrumb-bg-color: var(--secondary-dark-bg-color);
    --actionbar-bg-color: rgba(55, 164, 254, 0.9);
    --context-menu-hover: var(--sc-white-color);
    --button-info-color: var(--sc-white-color);
    --button-default-color: var(--sc-interaction-grey);
    --button-default-hover: var(--sc-interaction-grey-hover);

    --button-secondary-color: #1781E3;
    --button-secondary-hover: rgba(20, 125, 245, 0.15);
    --button-secondary-border-color: #1781E3;

    --upload-minimized-bg-color: var(--secondary-bg-color);
    --upload-progressbar-bg-color: var(--secondary-bg-color);

    --context-menu-bg-color: var(--secondary-bg-color);
    --dropdown-bg-color: var(--safe-modal-bg-color);

    --fastscroll-bg-color: var(--secondary-bg-color);
    --fastscroll-text-color: var(--primary-text-color);

    --tree-item-hover: var(--list-item-hover);

    --home-bg-color: var(--default-bg-color);
    --home-stripe-bg-color: var(--secondary-bg-color);
    --home-stripe-shadow: 0px 8px 32px 9px var(--default-bg-color);
    --photo-story-strip-background: var(--dark-bg-color-L1);
    --home-sidebar-banner-bg-color: var(--secondary-bg-color);
    --home-sidebar-banner-shadow: 0px var(--secondary-bg-color);

    --version-language-bg-color: #474747;
    --avatar-bg-color: #474747;
    --avatar-text-color: var(--primary-text-color);
    --drop-active: #303030;
    --drop-hover: #1d1d1d;
    --drag-zone-bg-color: rgba(18, 18, 18, 0.9);
    --pig-figure-bg-color: #292929;
    --pig-figure-bg-invalid-color: #2e2e2e;
    --footer-container-bg-color: var(--secondary-bg-color);

    --settings-container-bg-color: #292929;
    --settings-container-shadow: none;
    --settings-accordion-bg-color: #1d1d1d;

    --drive-left-navigation-shadow: 0 var(--default-bg-color);
    --backdrop-color: var(--secondary-dark-bg-color);
    --tile-info-border-color: #322F2F;
    --search-bg-color: rgba(47, 45, 45, 0.8);
    --input-bg-color: var(--default-bg-color);
    --input-selection-color: #2F2D2D;
    --album-navigation-tile-bg: #2e2e2e;

    --photoproducts-bg: var(--secondary-dark-bg-color);
    --photoproducts-title-color: #DADADA;

    --dropdown-flyout-selected: var(--sc-interaction-green);
    --dropdown-flyout-selected-hover: var(--sc-white-color);

    --history-navigation-shadow: 0 0 6px 0 rgba(0, 255, 255, 0.08);

    --promotion-indicator-background-color: var(--sc-navy-color);
    --promotion-indicator-font-color: var(--sc-white-color);
    --coachmark-bg-color: var(--sc-navy-color);

    --recovery-code-bg-color: var(--dark-bg-color);
    --safe-modal-bg-color: #353535;
    --backup-computer-bg-color: #353535;

    --nav-item-bg-hover: #353535;
    --nav-item-bg-color: #353535;
    --nav-main-content-left-border: 1px solid #5C5C5C;
    --action-bg-color: rgba(53, 53, 53, 0.9);
    --navbar-bg-color: rgba(53, 53, 53, 0.9);;

    --key-handler-bg-color: #222222;
    --key-handler-bg-color-hover: #333333;

    --search-input-inactive-bg-color: rgba(41, 41, 41, 0.9);
    --search-input-hover-bg-color: rgba(53, 53, 53, 0.9);
    --search-input-focused-bg-color: rgba(53, 53, 53, 1);
    --search-key-item-bg-color: rgba(41, 41, 41, 1);
    --search-key-item-selected-bg-color: rgba(133, 133, 133, 1);
    --search-key-item-border-color: rgba(133, 133, 133, 1);
    --search-result-places-bg-color: rgba(20, 125, 245, 0.15);

    --app-switcher-divider-color: #B1B9BE;
    --app-switcher-flyout-bgColor: #222222;
    --app-switcher-img-border: 1px solid #707070;
    --app-switcher-img-border-hover: 1px solid #ADADAD;
    --app-switcher-text-color: var(--sc-white-color);
    --app-switcher-text-color-hover: var(--sc-interaction-blue);

    --broker-content-border: var(--nav-main-content-left-border);
    --broker-content-bg: var(--default-bg-color-l3);
    --broker-bg: var(--default-bg-color-l1);
    --broker-footer-bg: var(--default-bg-color-l2);

}

:root {
    --sc-navy-color: #001155;
    --sc-white-color: #ffffff;
    --sc-blue-color: #11AAFF;
    --sc-red-color: #DD1122;

    --primary-text-color: #333333;
    --dark-text-color: #333333;
    --secondary-text-color: #666666;
    --disabled-text-color: #474747;
    --light-text-color: var(--sc-white-color);
    --light-text-hover: var(--sc-interaction-grey);

    --sc-interaction-orange: #CF4A0C;
    --sc-interaction-blue: #086ADB;
    --sc-interaction-blue-hover: #0048CF;
    --sc-interaction-green: #1B8712;
    --sc-interaction-red: #DD1122;
    --sc-interaction-red-hover: #BE0000;
    --sc-interaction-grey: #CFD5D9;
    --sc-interaction-grey-hover: #B1B9BE;
    --border-color: #D6D6D6;
    --legal-color: #adadad;

    --usage-backup: #1781e3;
    --usage-photos: #21b4b1;
    --usage-files: #ae3ea0;
    --usage-available: #e0e6e9;

    --tree-item-hover: #eef3f6;

    --nav-item-bg-color: #EEF3F6;
    --nav-item-bg-hover: #DDE3E7;

    --home-bg-color: var(--secondary-bg-color);
    --home-stripe-bg-color: var(--default-bg-color);
    --home-stripe-shadow: 0px 8px 32px 9px rgba(0, 17, 85, 0.08);
    --photo-story-strip-image-width: 200px;
    --photo-story-strip-image-height: 240px;
    --photo-story-strip-background: #F8FAFB;
    --home-sidebar-banner-bg-color: var(--default-bg-color);
    --home-sidebar-banner-shadow: 0px 8px 32px 9px rgba(0, 17, 85, 0.08);

    --list-item-hover: rgba(248, 250, 251, 1);
    --list-item-hover-opactiy: rgba(248, 250, 251, 0);

    --primary-headline-color: var(--sc-navy-color);
    --primary-interaction-color: var(--sc-interaction-blue);
    --primary-interaction-hover: var(--sc-interaction-blue-hover);

    --navigation-text-color: var(--sc-navy-color);
    --action-text-color: var(--sc-navy-color);

    --default-bg-color: var(--sc-white-color);
    --default-bg-color-l1: var(--sc-white-color);
    --default-bg-color-l2: var(--sc-white-color);
    --default-bg-color-l3: var(--sc-white-color);

    --default-bg-right-color: var(--sc-white-color);
    --dark-bg-color: black;
    --secondary-dark-bg-color: #1D1D1D;
    --breadcrumb-bg-color: var(--secondary-bg-color);
    --preview-action-hover-bg-color: rgba(40, 40, 40, 0.8);
    --actionbar-bg-color: rgba(8, 106, 219, 0.9);

    --secondary-bg-color: #F8FAFB;
    --modal-bg: var(--default-bg-color);

    --context-menu-hover: var(--sc-white-color);

    --button-info-color: var(--sc-white-color);
    --button-default-color: var(--sc-interaction-grey);
    --button-default-hover: var(--sc-interaction-grey-hover);

    --button-secondary-color: #086ADB;
    --button-secondary-hover: rgba(0, 72, 207, 0.15);
    --button-secondary-border-color: rgba(8, 106, 219, 1);

    --button-transparent-color: #E6E6E6;
    --button-transparent-hover: rgba(173, 173, 173, 0.15);
    --button-transparent-border-color: rgba(255, 255, 255, 0.5);

    --fastscroll-bg-color: var(--default-bg-color);
    --fastscroll-text-color: var(--primary-interaction-hover);

    --version-language-bg-color: #c4c4c4;
    --avatar-bg-color: var(--sc-navy-color);
    --avatar-text-color: var(--sc-white-color);
    --drop-active: #d1e6f9;
    --drop-hover: #e7f2fc;
    --drag-zone-bg-color: rgba(255, 255, 255, 0.9);
    --pig-figure-bg-color: #D5D5D5;
    --pig-figure-bg-invalid-color: #333333;
    --footer-container-bg-color: var(--default-bg-color);

    --settings-container-bg-color: var(--default-bg-color);
    --settings-container-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    --settings-accordion-bg-color: #f8fafb;

    --drive-left-navigation-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
    --backdrop-color: black;
    --tile-info-border-color: #f4f4f4;
    --search-bg-color: rgba(255, 255, 255, 0.8);
    --input-bg-color: var(--sc-white-color);
    --input-selection-color: #EEF3F6;
    --history-navigation-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
    --legend-bg-row: #0eaba9;
    --bade-bg-light: #858585;
    --bade-bg-pro: #a63297;
    --album-navigation-tile-bg: #474747;

    --photoproducts-bg: #EEF3F6;
    --photoproducts-title-color: var(--sc-navy-color);

    --upload-minimized-bg-color: var(--default-bg-color);
    --upload-progressbar-bg-color: #d8d8d8;

    --context-menu-bg-color: var(--default-bg-color);
    --dropdown-bg-color: var(--default-bg-color);

    --dropdown-flyout-selected: var(--sc-interaction-green);
    --dropdown-flyout-selected-hover: var(--sc-white-color);

    --promotion-indicator-background-color: var(--sc-navy-color);
    --promotion-indicator-font-color: var(--sc-white-color);

    --coachmark-bg-color: var(--sc-navy-color);

    --recovery-code-bg-color: #e4e9ec;
    --safe-modal-bg-color: var(--default-bg-color);
    --backup-computer-bg-color: #EEF3F6;

    --nav-main-content-left-border: 1px solid #DDE3E7;

    --action-bg-color: rgba(255, 255, 255, 0.9);
    --navbar-bg-color: rgba(221, 227, 231, 0.9);

    --key-handler-bg-color: #5C5C5C;
    --key-handler-bg-color-hover: #474747;
    --key-handler-actions-bg-color: #333333;

    --search-input-inactive-bg-color: rgba(221, 227, 231, 0.9);
    --search-input-hover-bg-color: rgba(228, 233, 236, 0.9);
    --search-input-focused-bg-color: rgba(255, 255, 255, 1);
    --search-key-item-bg-color: rgba(255, 255, 255, 1);
    --search-key-item-selected-bg-color: rgba(214, 214, 214, 1);
    --search-key-item-border-color: rgba(214, 214, 214, 1);
    --search-result-places-bg-color: rgba(8, 106, 219, 0.15);

    --app-switcher-divider-color: #666;
    --app-switcher-flyout-bgColor: var(--sc-white-color);
    --app-switcher-img-border: 1px solid #BBBBBB;
    --app-switcher-img-border-hover: 1px solid #858585;
    --app-switcher-text-color: var(--sc-navy-color);
    --app-switcher-text-color-hover: var(--sc-interaction-blue);

    --broker-content-border: var(--nav-main-content-left-border);
    --broker-content-bg: var(--default-bg-color-l3);
    --broker-bg: var(--default-bg-color-l1);
    --broker-footer-bg: var(--secondary-bg-color);
    --broker-additional-accounts-border: 2px solid #ADADAD;
    --broker-additional-accounts-border-selected: 2px solid #1781e3;
;

}

body {
    font-family: TheSansW4SemiLight, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: var(--primary-text-color);
}

div:focus-visible {
    outline: none;
}

.pi-canSelect {
    -user-select: all;
    -webkit-user-select: all; /* Chrome/Safari */
    -moz-user-select: all; /* Firefox */
    -ms-user-select: all;
/
}

.pi-inner-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--default-bg-color);
}

.pi-top-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 72px;
    border-bottom: var(--nav-main-content-left-border);
    background-color: var(--default-bg-color-l2);

    transition: height 0.3s ease;
}

.pi-main-content {
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;

    transition: top 0.3s ease;
}

.pi-top-content-element {
    display: flex;
    align-items: center;
    height: 64px;
    padding-left: 32px;
    padding-right: 32px;

    transition: opacity 1s ease-in 0s;
}

.pi-top-content-element .pi-icon-size {
    width: 32px;
    height: 32px;
    background-size: 32px;
}

.pi-content-title {
    font-size: 28px;
    font-weight: 600;
    flex-grow: 1;
    color: var(--primary-headline-color);
}

.pi-mobile .pi-top-content-element.pi-content-title {
    font-size: 22px;
    font-weight: 600;
    flex-grow: 1;
    color: var(--primary-headline-color);
}


.pi-main-left-content {
    background-color: var(--default-bg-color-l2);
    overflow: auto;
    width: 272px;
    border-right: var(--nav-main-content-left-border);
    border-right-width: 0px;
    padding: 8px;
}

.pi-main-left-content.minimized {
    width: 80px;
    padding: 8px;
}

@media (min-width: 600px) {
    .pi-main-left-content {
        padding: 24px;
    }
}

.pi-main-right-content {
    position: relative;
    flex-grow: 1;
    background-color: var(--default-bg-right-color);
}

.pi-main-component-content {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 2500px;
    flex-grow: 1;
}

.pi-inner-body.secondaryBg {
    background-color: var(--home-bg-color);
}

.pi-headline {
}

.pi-headline-details{
    font-weight: 400;
    font-size: 14px;
    width: 460px;
    display: none;
}

@media (min-width: 1180px) {
    .pi-headline-details {
        display: block;
    }
}

.pi-primaryText {
    color: var(--primary-text-color);
}

.pi-secondaryText {
    color: var(--secondary-text-color);
}

.pi-errorText {
    color: var(--sc-interaction-red);
}

a.pi-errorText:hover {
    color: var(--sc-interaction-red-hover);
}

.pi-title {
}

.pi-title-2 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.6px;
}

.pi-title-3 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.5px;
}

.pi-title-4 {
    font-size: 21px;
    line-height: 32px;
    letter-spacing: -0.25px;
}

.pi-title-5 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.1px;
}

.pi-body-lead {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.pi-body {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
}

.pi-body-small {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

.pi-body-extrasmall {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
}

.pi-border-bottom {
    border-bottom: 1px solid var(--border-color);
}

* {
    -webkit-overflow-scrolling: touch;
}

a {
    color: var(--primary-interaction-color);
}

ul {
    padding: 0px;
}

.loading-area {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1001;
}

@-webkit-keyframes anim-sheet-navy-large {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -3750px;
    }
}

@keyframes anim-sheet-navy-large {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -3750px;
    }
}


.loader-spinner-large {
    background-size: 3750px 50px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(/img/loader-spinner-navy-large.png);
    width: 50px;
    height: 50px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: anim-sheet-navy-large 1.25s steps(75) infinite;
    animation: anim-sheet-navy-large 1.25s steps(75) infinite;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -25px;
    margin-top: -65px;
}


.pi-dark-theme .loader-spinner-large {
    background-image: url(/img/loader-spinner-dark-large.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .loader-spinner-large {
        background-image: url("../img/loader-spinner-navy-large@2x.png");
    }

    .pi-dark-theme .loader-spinner-large {
        background-image: url("../img/loader-spinner-dark-large@2x.png");
    }
}


@-webkit-keyframes anim-sheet-dark-large {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -3750px;
    }
}

@keyframes anim-sheet-dark-large {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -3750px;
    }
}


.loader-spinner-dark {
    background-size: 3750px 50px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(/img/loader-spinner-dark-large.png);
    width: 50px;
    height: 50px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: anim-sheet-dark-large 1.25s steps(75) infinite;
    animation: anim-sheet-dark-large 1.25s steps(75) infinite;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -25px;
    margin-top: -25px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .loader-spinner-dark {
        background-image: url("../img/loader-spinner-dark-large@2x.png");
    }

}

@-webkit-keyframes anim-sheet-navy-small {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -1875px;
    }
}

@keyframes anim-sheet-navy-small {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -1875px;
    }
}

.loader-spinner-small {
    background-size: 1875px 25px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../img/loader-spinner-navy-small.png");
    width: 25px;
    height: 25px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: anim-sheet-navy-small 1.25s steps(75) infinite;
    animation: anim-sheet-navy-small 1.25s steps(75) infinite;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -12.5px;
    margin-top: -52.5px;
}

.spinner-custom-margin {
    margin-left: 0;
    margin-top: -8px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .loader-spinner-small {
        background-image: url("../img/loader-spinner-navy-small@2x.png");
    }
}

.basicTipped {
}

.extendedTipped {
}

.mono-trim {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px;
    white-space: nowrap;
}

.mono-dialog, .mono-fileupload-dialog {
    z-index: 1102;
    top: -1500px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    color: var(--primary-text-color);
    background-color: var(--modal-bg);
}

/*.mono-presentation {*/
/*    z-index: 1002;*/
/*    position: relative;*/
/*    text-align: center;*/
/*    -moz-min-width: 300px;*/
/*    -ms-min-width: 300px;*/
/*    -o-min-width: 300px;*/
/*    -webkit-min-width: 300px;*/
/*    min-width: 300px;*/
/*    margin: 0 auto;*/
/*    background-color: #F6F8F7;*/
/*    border: 1px solid #E8E8E8;*/
/*    -ms-border-radius: 6px;*/
/*    border-radius: 6px;*/
/*    display: none;*/
/*}*/

.mono-disable-back {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--backdrop-color);
    -ms-opacity: 0.75;
    opacity: 0.75;
}

.mono-offline-area {
    opacity: 0;
    z-index: 1006;
    width: 360px;
    height: 336px;
    background-color: var(--modal-bg);
    position: absolute;
    top: -1500px;
    left: 50%;
    transform: translate(-50%, 0);
}

.mono-offline-content {
    /*width: 500px;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -250px;
    background-color: white;*/
}

.mono-offline-img {
    width: 248px;
    height: 248px;
    margin-top: 24px;
    margin-left: 56px;
    margin-right: 56px;
    background-image: url(/img/zookeeper/Keine_Verbindung_v2.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mono-offline-text {
    width: 360px;
    height: 56px;
    margin-top: 8px;
    padding: 16px;
    background-color: #FF8B2E;
    font-family: TheSansW4SemiLight;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}

.mono-dragzone-element {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: transparent;
    border: 5px solid var(--sc-interaction-green);
}

.mono-dragzone {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    color: var(--primary-text-color);
    background-color: var(--drag-zone-bg-color);
}

.mono-dragzone-container {
    position: absolute;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: -83px;
    top: 50%;
    height: 100%;
    width: 100%;
}

.mono-dragzone-icon {
    height: 100px;
    width: 100px;
    -ms-background-size: 100px;
    background-size: 100px;
    background-repeat: no-repeat;
    background-image: url('/img/uploads/upload_green_large_v1.svg');
}

.mono-notification-view {
}

.mono-empty-content-container {
    display: none;
    position: absolute;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 145px;
    left: 0;
    right: 0;
}

/*.mono-error-content-container {*/
/*    display: none;*/
/*    position: absolute;*/
/*    text-align: center;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*}*/

/*.mono-error-content-image-homescreen {*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*    background-image: url('/img/error/so.svg');*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

.nav-primary {
    padding: 0 20px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

.nav-primary ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.nav-primary li {
    position: relative;
    z-index: 3;
    display: inline-block;
    font-size: 20px;
}

.nav-primary li .active {
    color: white;
    border: 1px solid #4e4e4e;
    border-bottom: 0;
    font-weight: normal;
}

.active::after {
    content: "";
    position: absolute;
    height: 1px;
    background: #2c2c2c;
    bottom: 0px;
    width: 100%;
    left: 0;
}

.nav-primary li a {
    text-decoration: none;
    position: relative;
    display: block;
    padding: 9px 20px 8px;
    border: 1px solid transparent;
    border-bottom: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background: #2c2c2c;
}

/*.main-item {*/
/*    position: relative;*/
/*    margin-bottom: -1px;*/
/*    border-bottom: 1px solid #E9E9E9;*/
/*    cursor: pointer;*/
/*    font-size: 14px;*/
/*    color: #333333;*/
/*    height: 42px;*/
/*}*/

/*    .main-item:hover {*/
/*        background-color: #E9E9E9;*/
/*    }*/

/*.noWrap {*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    -moz-text-overflow: ellipsis;*/
/*    -ms-text-overflow: ellipsis;*/
/*    -o-text-overflow: ellipsis;*/
/*    text-overflow: ellipsis;*/
/*}*/

.selected {
    background-color: #E9E9E9;
}

.main-item-content {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 0;
}


.mono-content-area, .mono-content-photo-area {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}


.mono-content {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0;

    margin-right: auto;
    margin-left: auto;
    max-width: 2500px;

}

.mono-content-breadcrumbs {
    display: flex;
    padding: 12px 16px;
    margin: 0;
    float: left;
    border-radius: 24px;

    background: var(--action-bg-color);
    backdrop-filter: blur(8px);
}

.mono-content-breadcrumbs-droppable {
    font-family: TheSansW4SemiLight;
    padding: 5px;
    margin: 0;
    margin-top: 30px;
    font-size: 25px;
    color: #0290ec;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #E9E9E9;
}

.mono-content-breadcrumbs-droppable-highlight {
    font-family: TheSansW4SemiLight;
    padding: 5px;
    margin: -5px;
    color: #0290ec;
    background-color: #eef3f6;
}

/*.mono-content-startImage {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    height: 400px;*/
/*    margin-top: -200px; !* Half the height *!*/
/*    margin-left: -200px; !* Half the width *!*/
/*}*/

/*.mono-close-icon {
    color: #ACACAC;
    cursor: pointer;
}

    .mono-close-icon:hover {
        color: #333333;
    }*/

/*.mono-content-menu-area {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 94px;
    margin-left: 20px;
    margin-right: 20px;
}*/

.mono-content-menu-area, .mono-content-menu-area-landing {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 61px;
    /*margin-left: 20px;
    margin-right: 20px;*/
    z-index: 5;
    border-bottom: 1px solid var(--border-color);
}

.mono-content-menu-breadcrumb-item {
    max-width: 300px;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mono-content-menu-breadcrumb-item .ui-droppable-active {
    background-color: var(--drop-active);
}

.mono-content-menu-breadcrumb-item .ui-droppable-hover {
    background-color: var(--drop-hover) !important;
}


.mono-content-menu-area-background {
    display: none;
    background-color: var(--secondary-bg-color);
    -ms-opacity: 0.95;
    opacity: 0.95;
    height: 49px;
}

.mono-content-menu-breadcrumb {
    display: flex;
    font-family: TheSansW4SemiLight;
    width: 100%;
    color: var(--primary-headline-color);
}

.mono-content-menu-breadcrumb-area {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: start;
}

.mono-content-menu-action-basic {
}

.mono-content-menu-action-extended {
}

.mono-content-list-outer-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.mono-content-list-area {
    position: absolute;
    /*overflow: hidden;*/
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    /*top: 75px;*/
    /*padding-left: 20px;
    padding-right: 20px;*/
}

.mono-content-list-area h3 {
    color: #535353;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    font-size: 12px;
    padding-bottom: 6px;
}

/*.mono-content-delete-button {*/
/*    position: absolute;*/
/*    top: 8px;*/
/*    right: 130px;*/
/*    height: 34px;*/
/*}*/

/*.mono-content-presentation-button {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    right: 8px;*/
/*    height: 25px;*/
/*}*/

/*.list-item {*/
/*    position: relative;*/
/*    cursor: pointer;*/
/*    font-size: 16px;*/
/*    color: #333333;*/
/*    height: 40px;*/
/*}*/

/*    .list-item:hover {*/
/*        -ms-border-radius: 6px;*/
/*        border-radius: 6px;*/
/*        background-color: #F6F8F7;*/
/*        color: #333333;*/
/*    }*/

/*.list-item-selected {*/
/*    -ms-border-radius: 6px;*/
/*    border-radius: 6px;*/
/*    background-color: #F6F8F7;*/
/*    color: #333333;*/
/*}*/

/*.list-item-content {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 10px;*/
/*}*/

/*.mono-folder-title {*/
/*    margin-top: 30px;*/
/*    font-size: 25px;*/
/*    color: #001152;*/
/*}*/

/*.mono-folder-actionbutton-area {*/
/*    right: 0px;*/
/*    position: absolute;*/
/*    top: 25px;*/
/*}*/

/*.mono-folder-actionbutton {*/
/*    font-size: 16px;*/
/*    cursor: pointer;*/
/*    color: #333333;*/
/*}*/

/*    .mono-folder-actionbutton:hover {*/
/*        color: #50B8DB;*/
/*    }*/


/*.mono-details {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    width: 170px;*/
/*    overflow: auto;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    background-color: #F6F6F6;*/
/*    border: 1px solid #E2E2E2;*/
/*    margin-top: -1px;*/
/*}*/

/*.mono-details-title {*/
/*    margin-top: 18px;*/
/*    font-size: 18px;*/
/*    color: #535353;*/
/*}*/

/*.mono-details-menu-area {*/
/*    position: absolute;*/
/*    left: 0px;*/
/*    right: 0px;*/
/*    top: 0px;*/
/*    height: 60px;*/
/*    margin-left: 10px;*/
/*    margin-right: 10px;*/
/*    border-bottom: 1px solid #E8E8E8;*/
/*}*/

/*.mono-details-content-area {*/
/*    position: absolute;*/
/*    overflow-y: auto;*/
/*    overflow-x: hidden;*/
/*    top: 50px;*/
/*    left: 0px;*/
/*    right: 0px;*/
/*    bottom: 0px;*/
/*    padding: 20px 15px;*/
/*}*/

/*.mono-details-content-img-area {*/
/*    position: relative;*/
/*    left: 0;*/
/*    right: 0;*/
/*    border: 0;*/
/*    top: 15px;*/
/*}*/

/*.mono-details-content-img-file {*/
/*    color: #F6F8F7;*/
/*    font-size: 300px;*/
/*    position: absolute;*/
/*}*/

/*.mono-details-content-img-title {*/
/*    position: absolute;*/
/*    font-size: 45px;*/
/*    font-weight: 700;*/
/*    text-transform: uppercase;*/
/*    color: #333333;*/
/*    left: 34px;*/
/*    top: 30px;*/
/*}*/

/*.mono-details-content-img-single {*/
/*    color: #333333;*/
/*    font-size: 120px;*/
/*    position: absolute;*/
/*    left: 62px;*/
/*    top: 153px;*/
/*}*/

/*.mono-details-content-img-left {*/
/*    color: #333333;*/
/*    font-size: 100px;*/
/*    position: absolute;*/
/*    left: 35px;*/
/*    top: 165px;*/
/*}*/

/*.mono-details-content-img-right {*/
/*    color: #333333;*/
/*    font-size: 100px;*/
/*    position: absolute;*/
/*    left: 140px;*/
/*    top: 165px;*/
/*}*/

/*.mono-details-content-button-area {*/
/*    position: relative;*/
/*    left: 274px;*/
/*    top: 15px;*/
/*}*/

/*.mono-details-content-button {*/
/*    font-size: 22px;*/
/*}*/


.mono-tableRow-selected {
    background-color: #E3F0FB;
}

/*.mono-table-folder-icon {*/
/*}*/


/*.mono-radio-button {*/
/*    cursor: pointer;*/
/*    float: left;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    -ms-border-radius: 8px;*/
/*    border-radius: 8px;*/
/*    border: 1px solid #dddddd;*/
/*}*/

/*    .mono-radio-button:hover {*/
/*        background-color: var(--primary-interaction-color);*/
/*        border: 2px solid #dddddd;*/
/*    }*/

/*.mono-radio-button-selected {*/
/*    background-color: var(--primary-interaction-color);*/
/*    border: 2px solid #dddddd;*/
/*}*/


/*
    Welcome / Login Styles
*/

.mono-welcome-main {
    width: 768px;
    margin: 0 auto;
    margin-top: 250px;
}

.mono-welcome-image-area {
    position: relative;
    text-align: center;
    float: left;
}

.mono-welcome-image {
    background: url('/img/cloud.svg') no-repeat;
    width: 365px;
    height: 250px;
    margin: 0 auto;
    -ms-background-size: 365px 250px;
    background-size: 365px 250px;
}

.mono-welcome-text-area {
    position: relative;
    padding-top: 65px;
    width: 365px;
    float: left;
    padding-left: 35px;
    padding-right: 35px;
}


/*
    Input Range Styles
*/

input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    /*fix for FF unable to apply focus style bug */
    border: 1px solid transparent;
    /*required for proper track sizing in FF*/
    width: 100%;
    border: none;
    background: transparent;
    padding: 0;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #2d90ec;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    margin-top: 2px;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #2d90ec;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
    outline: 1px solid transparent;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent;
}

input[type=range]::-ms-tooltip {
    display: none;
}

input[type=range]::-ms-fill-lower {
    background: transparent;
    border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
    background: transparent;
    border-radius: 10px;
}

input[type=range]::-ms-thumb {
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #2d90ec;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

input[type=range]:focus::-ms-fill-lower {
    background: transparent;
}

input[type=range]:focus::-ms-fill-upper {
    background: transparent;
}

/*
Advertising container styles
 */
.advertising-sidebar-container {
    opacity: 0;
    position: absolute;
    right: 0;
    height: 600px;
    width: 300px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

.advertising-sidebar-container.timeline {
    top: 76px;
}

.advertising-sidebar-container.albums {
    /*
    76px + 54px for the margin inside the grid
     */
    top: 130px;
}

.advertising-sidebar-container.shared {
    /*
    76px + 54px for the margin inside the grid
     */
    top: 130px;
}

.advertising-sidebar-container.details {
    /*
    76px + 54px for the margin inside the grid
     */
    top: 148px;
}

.advertising-sidebar-container.settings {
    position: unset;
    right: unset;
    opacity: 0;
    height: 600px;
    width: 300px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

/*
PI-Subnavigation Area
 */

.pi-subnavigation-area {
    opacity: 0;
    height: 40px;
    top: 60px;
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    color: var(--action-text-color);
    background-color: var(--default-bg-color);
    display: flex;
    align-items: center;
    transition: opacity 0.2s ease-in-out;
    z-index: 9;
}

.pi-subnavigation-content {
    display: flex;

}

.pi-subnavigation-item {
    padding: 4px 16px;
    margin-right: 16px;
    background-color: var(--nav-item-bg-color);
    border-radius: 16px;
    color: var(--primary-text-color);
}

.pi-subnavigation-item:hover {
    cursor: pointer;
    color: var(--sc-white-color);
    background-color: var(--primary-interaction-hover);
}

.pi-subnavigation-item.selected {
    color: var(--sc-white-color);
    background-color: var(--primary-interaction-color);
}


/*
 *  STYLE 3
 */

.myScrollStyle::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.myScrollStyle::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.myScrollStyle::-webkit-scrollbar-thumb {
    background-color: var(--nav-item-bg-color);
}

/*
Simple scrollbar
 */
.ss-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}

.ss-content {
    height: 100%;
    width: calc(100% + 18px);
    padding: 0 0 0 0;
    position: relative;
    overflow-x: auto;
    overflow-y: scroll;
    box-sizing: border-box;
}

.ss-content.rtl {
    width: calc(100% + 18px);
    right: auto;
}

.ss-scroll {
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    width: 9px;
    border-radius: 4px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s linear;
}

.ss-hidden {
    display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
    opacity: 1;
}

.ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/*
    Music Player QUEUE
*/

.music-queue {
    display: none;
    position: absolute;
    top: 0;
    bottom:0;
    background-color: black;
    left: 0;
    right: 0;
    z-index: 999;
}

.mono-notification {
}

.mono-notification-content {
    opacity: 0;
    position: absolute;
    font-family: TheSansW4SemiLight;
    font-size: 18px;
    z-index: 1103;
    left: 32px;
    bottom: -100px;
    top: auto;
    color: var(--sc-white-color);
    width: 600px;
    border-radius: 2px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    height: 72px;
    line-height: 72px;
}

.pi-mobile .mono-notification-content {
    width: 530px;
}

.mono-notification-inner-area {
    position: absolute;
}

.mono-notification-close {
    float: left;
    width: 12px;
    height: 12px;
    -ms-background-size: 12px;
    background-size: 12px;
    z-index: 1103;
    position: absolute;
    right: 16px;
    top: 30px;
}

.mono-notifciation-success {
    background-color: var(--sc-interaction-green);
}

.mono-notifciation-progress {
    background-color: var(--sc-interaction-blue);
}

.mono-notifciation-error {
    background-color: var(--sc-interaction-orange);
}

.mono-notification-progress-text {
    position: relative;
    left: 6px;
}

.mono-notification-retry-text {
    cursor: pointer;
    float: left;
    z-index: 1103;
    position: absolute;
    right: 16px;
}

.mono-notification-empty-title {
    display: none;
    font-size: 24px;
    color: var(--primary-text-color);
    max-width: 450px;
    font-family: TheSansW4SemiLight;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
    padding-bottom: 6px;
    /*padding-left: 20px;
    padding-right: 20px;*/
}

.mono-notification-empty-text {
    font-size: 20px;
    color: var(--primary-text-color);
    max-width: 600px;
    font-family: TheSansW4SemiLight;
    margin-left: auto;
    margin-right: auto;
    /*padding-left: 20px;
    padding-right: 20px;*/
}

.mono-notification-title {
    font-size: 20px;
    color: var(--primary-text-color);
    max-width: 600px;
    font-family: TheSansW4SemiLight;
    margin-left: auto;
    margin-right: auto;
    /*padding-left: 20px;
    padding-right: 20px;*/
}

.mono-notification-second-line {
    display: none;
    margin-top: 15px;
    font-size: 16px;
    color: var(--primary-text-color);
    font-family: TheSansW4SemiLight;
    margin-left: 10px;
    margin-right: auto;
}

/*
 ***********************************************
                REGISTER New styles
 **********************************************
*/

.pi-register {
    position: absolute;
    left: 16px;
    bottom: 0;
    z-index: 999;
    width: 712px;
    height: 199px;
    border-radius: 2px;
    background-color: var(--default-bg-color);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    transition: 0.2s ease-in;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);

}

.show {
    transform: translateY(-32px);
}

.minimize {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    left: 32px !important;
}

.minimize .pi-register-area {
    height: 0px;
    opacity: 0;
}

.minimize .pi-minimized-area {
    height: auto;
    transition: 1s opacity;
    opacity: 1;
}

.minimize-hover {
    -webkit-transition: .5s all;
    -webkit-transition-delay: .5s;
    -moz-transition: .5s all;
    -moz-transition-delay: .5s;
    -ms-transition: .5s all;
    -ms-transition-delay: .5s;
    -o-transition: .5s all;
    -o-transition-delay: .5s;
    transition: .5s all;
    transition-delay: .5s;
}

.minimize-hover .pi-register-area {
    transition: .5s all;
    transition-delay: .5s;
}

.minimize-hover .pi-minimized-area {
    transition: .5s all;
    transition-delay: .5s;
}

.minimize-hover:hover {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 712px;
    height: 199px;
    left: 16px !important;

    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.minimize-hover:hover .pi-minimized-area {
    height: 0;
    opacity: 0;

    /*transition: .5s all;*/
    /*transition-delay: .5s;*/
}

.minimize-hover:hover .pi-register-area {
    height: auto;
    opacity: 1;

    transition: .5s all;
    transition-delay: .5s;
}

.minimize-hover .link {
    display: none;
}

.pi-minimized-area {
    opacity: 0;
    height: 0px;
}

.pi-register-area {
    display: flex;
    flex-direction: row;

    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    -ms-transition: height 0s;
    -o-transition: height 0s;
    transition: height 0s;

}

.pi-chill-bear {
    width: 320px;
    height: 199px;
    background-size: 320px 199px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/img/homescreen/sidebar_chill_v2.svg');
}

.pi-chill-bear-min {
    width: 80px;
    height: 80px;
    background-size: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/img/easy.png');
}

.pi-chill-text-content {
    padding: 32px 24px;
    color: var(--primary-text-color);
}

.pi-chill-text-content .title {
    font-size: 22px;
    font-family: TheSansW4SemiLight;
    font-weight: 500;
    color: var(--primary-headline-color);
    margin-bottom: 5px;
}

.pi-chill-text-content .detail {
    font-size: 16px;
    font-family: TheSansW4SemiLight;
    margin-bottom: 21px;
}

.pi-chill-text-content .btn-Newprimary {
    font-size: 16px;
    padding: 4px 10px;
    border-right: 3px;
    margin-right: 16px;
    float: left;
}

.pi-chill-text-content .link {
    cursor: pointer;
    font-size: 16px;
    color: var(--sc-interaction-blue);
    padding: 4px 10px;
    float: left;
}

.pi-chill-text-content .link:hover {
    color: var(--sc-interaction-blue-hover);
}

@media (max-width: 640px) {
    .pi-register {
        position: absolute;
        left: 24px;
        right: 24px;
        bottom: 0;
        z-index: 999;
        width: auto;
        height: 418px;
        border-radius: 2px;
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        transition: 0.2s ease-in;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    .show {
        transform: translateY(-24px);
    }

    .minimize {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        overflow: hidden;

    }

    .minimize .pi-register-area {
        height: 0px;
        opacity: 0;
    }

    .minimize .pi-minimized-area {
        height: auto;
        opacity: 1;
    }

    .minimize-hover {
        transition: 0s all;
        transition-delay: 0s;
    }

    .minimize-hover .pi-register-area {
        transition: 0s all;
        transition-delay: 0s;
    }

    .minimize-hover .pi-minimized-area {
        transition: 0s all;
        transition-delay: 0s;
    }

    .minimize-hover:hover {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        width: auto;
        height: 418px;

        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }

    .minimize-hover:hover .pi-minimized-area {
        height: 0;
        opacity: 0;

        transition: 0s all;
        transition-delay: 0s;
    }

    .minimize-hover:hover .pi-register-area {
        height: auto;
        opacity: 1;

        transition: 0s all;
        transition-delay: 0s;
    }

    .minimize-hover .link {
        display: none;
    }

    .pi-minimized-area {
        opacity: 0;
        height: 0px;
    }

    .pi-chill-bear {
        margin-left: auto;
        margin-right: auto;
        width: 320px;
        height: 199px;
        background-size: 320px 199px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('/img/homescreen/sidebar_chill_v2.svg')
    }

    .pi-register-area {
        display: flex;
        flex-direction: column;

        -webkit-transition: height 0s;
        -moz-transition: height 0s;
        -ms-transition: height 0s;
        -o-transition: height 0s;
        transition: height 0s;
    }

    .pi-chill-text-content {
        padding: 0px 24px;
        color: var(--primary-text-color);
    }

    .pi-chill-text-content .btn-Newprimary {
        font-size: 18px;
        padding: 10px;
        border-right: 5px;
        clear: both;
        position: relative;
        width: 240px;
        left: 50%;
        margin-left: -120px;
    }

    .pi-chill-text-content .link {
        font-size: 18px;
        padding: 10px;
        padding-top: 24px;
        clear: both;
        text-align: center;
        width: 100%;
    }
}

.pi-static-notification-bar {
    visibility: hidden;
    font-size: 16px;
    position: absolute;
    padding-left: 32px;
    padding-right: 32px;
    color: var(--sc-white-color);
    top: 0px;
    left: 0;
    right: 0;
    height: 72px;
    display: flex;
    background-color: var(--sc-interaction-blue);
    align-items: center;
    z-index: 10;
}

.pi-static-notification-bar a{
    color: var(--sc-white-color);
    text-decoration: underline;
}

.pi-static-notification-bar .pi-icon-size{
    margin-right: 12px;
    width: 32px;
    height: 32px;
    background-size: 32px;
    -webkit-background-size: 32px;
}


.mono-onboarding {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
}

.mono-onboarding-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    -ms-opacity: 0.7;
    opacity: 0.7;
    z-index: 1000;
}

.mono-onboarding-content {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

.mono-onboarding-closebutton {
    right: 0;
    padding: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 1003;
}

.mono-onboarding-mobile-closebutton {
    right: 0;
    padding: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 1003;
}

.mono-onboarding-left-arrow {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 235px;
    left: -40px;
}

.mono-onboarding-right-arrow {
    cursor: pointer;
    position: absolute;
    top: 235px;
    right: -40px;
}

.mono-onboarding-mobile-left-arrow {
    cursor: pointer;
    display: none;
    position: absolute;
    left: 20px;
}

.mono-onboarding-mobile-right-arrow {
    cursor: pointer;
    position: absolute;
    right: 20px;
}

.mono-onboarding-slide {
    width: 700px;
    height: 500px;
    background-repeat: no-repeat;
    -ms-background-size: 700px 500px;
    background-size: 700px 500px;
}

.mono-onboarding-slide1-de {
    background-image: url('/img/onboarding/de/onboarding_slide_1.jpg');
}

.mono-onboarding-slide2-de {
    background-image: url('/img/onboarding/de/onboarding_slide_2.jpg');
}

.mono-onboarding-slide3-de {
    background-image: url('/img/onboarding/de/onboarding_slide_3.jpg');
}

.mono-onboarding-slide1-en {
    background-image: url('/img/onboarding/en/onboarding_slide_1.jpg');
}

.mono-onboarding-slide2-en {
    background-image: url('/img/onboarding/en/onboarding_slide_2.jpg');
}

.mono-onboarding-slide3-en {
    background-image: url('/img/onboarding/en/onboarding_slide_3.jpg');
}

.mono-onboarding-slide1-fr {
    background-image: url('/img/onboarding/fr/onboarding_slide_1.jpg');
}

.mono-onboarding-slide2-fr {
    background-image: url('/img/onboarding/fr/onboarding_slide_2.jpg');
}

.mono-onboarding-slide3-fr {
    background-image: url('/img/onboarding/fr/onboarding_slide_3.jpg');
}

.mono-onboarding-slide1-it {
    background-image: url('/img/onboarding/it/onboarding_slide_1.jpg');
}

.mono-onboarding-slide2-it {
    background-image: url('/img/onboarding/it/onboarding_slide_2.jpg');
}

.mono-onboarding-slide3-it {
    background-image: url('/img/onboarding/it/onboarding_slide_3.jpg');
}

.mono-onboarding-upgrade {
    background-image: url('/img/onboarding/03.jpg');
}

.mono-onboarding-success {
    background-image: url('/img/onboarding/06.jpg');
}

.mono-onboarding-error {
    background-image: url('/img/onboarding/07.jpg');
}

.mono-onboarding-slide-content {
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 51px;
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
}

.mono-onboarding-circle-area {
    position: absolute;
    bottom: -46px;
    height: 16px;
    width: 60px;
    left: 320px;
}

.mono-onboarding-circle {
    width: 10px;
    height: 10px;
    margin-top: 3px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    -ms-opacity: 0.3;
    opacity: 0.3;
    float: left;
}

.mono-onboarding-circle-selected {
    margin-top: 0;
    width: 16px;
    height: 16px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -ms-opacity: 1.0;
    opacity: 1.0;
}

.mono-onboarding-title {
    color: white;
    font-size: 30px;
}

.mono-onboarding-info {
    color: white;
    font-size: 18px;
}

.mono-onboarding-left, .mono-onboarding-right {
    height: 22px;
    width: 12px;
    -ms-background-size: 12px 22px;
    background-size: 12px 22px;
    background-repeat: no-repeat;
}

.mono-onboarding-left {
    background-image: url('/img/preview/previous_white_v1.svg');
}

    .mono-onboarding-left:hover {
        background-image: url('/img/preview/previous_blue_v1.svg');
    }

.mono-onboarding-right {
    background-image: url('/img/preview/next_white_v1.svg');
}

    .mono-onboarding-right:hover {
        background-image: url('/img/preview/next_blue_v1.svg');
    }

.mono-onboarding-mobile-left, .mono-onboarding-mobile-right, .mono-onboarding-mobile-close {
    height: 40px;
    width: 40px;
    -ms-background-size: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
}

.mono-onboarding-mobile-close {
    background-image: url('/img/preview/cancel_white_circle_v1.svg');
}

.mono-onboarding-mobile-left {
    background-image: url('/img/preview/previous_white_circle_v1.svg');
}

    .mono-onboarding-mobile-left:hover {
        background-image: url('/img/preview/previous_blue_circle_v1.svg');
    }

.mono-onboarding-mobile-right {
    background-image: url('/img/preview/next_white_circle_v1.svg');
}

    .mono-onboarding-mobile-right:hover {
        background-image: url('/img/preview/next_blue_circle_v1.svg');
    }

.mono-onboarding-button-area {
    position: absolute;
    bottom: 25px;
}

.mono-onboarding-eula-ios-wrapper {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    height: 350px;
}
.mono-grid-filler {
    position: relative;
    background-color: transparent;
    width: 100%;
    float: left;
}

.pi-photoItems-content {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background: var(--default-bg-right-color);
}

.mono-photo-content-items-area, .mono-photo-dialog-content-items-area, .mono-photo-content-navigation-items-area {
    position: absolute;
    /*overflow: hidden;
    -webkit-overflow-scrolling: touch;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 8px;
    margin-right: 60px;
    /*margin-bottom: 25px;*/
}



.mono-photo-content-navigation-items-area {
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
}

.mono-photo-content-navigation-content-area, .mono-photo-content-generic-navigation-content-area {
    visibility: hidden;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.mono-photo-content-generic-navigation-content-area {
    overflow: hidden;
}

.pi-photo-navigation-background {
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.mono-photo-content-navigation-item, .mono-photo-content-navigation-item-smart, .mono-photo-content-navigation-item-favorites, .mono-photo-content-navigation-item-deleted, .mono-photo-content-navigation-item-fromOtherUsers, .mono-photo-content-navigation-item-recentlyUploaded, .mono-photo-content-navigation-item-themes, .mono-photo-content-navigation-item-places, .mono-photo-content-navigation-item-videos {
    cursor: pointer;
    float: left;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: var(--light-text-color);
    border-radius: 3px;
    background-color: var(--album-navigation-tile-bg);
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.mono-photo-content-navigation-item-deleted {
    background-color: #551166;
}

.pi-navigation-item-bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(23, 129, 227, 0.2);
}

.mono-photo-content-navigation-item:hover .pi-navigation-item-bg {
    display: block;
}

.pi-photo-navigation-item-image {
    color: var(--light-text-color)
}

.pi-navigation-image {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;

    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mono-photo-content-navigation-item:hover .pi-navigation-image {
    transform: scale(1.2);
}

.pi-navigation-image-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.35;
}

.pi-desktop .pi-photo-navigation-item-image:hover:after {
    cursor: pointer;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(23, 129, 227, 0.2);
    mix-blend-mode: multiply
}

/*.mono-photo-content-navigation-item:hover {*/
/*    color: var(--primary-interaction-color);*/
/*    box-shadow: 0 4px 24px 0 rgba(23, 129, 227, 0.16);*/
/*}*/

.mono-photo-content-navigation-item .mono-icon-album-navigation-smart {
    background-image: url('/img/albums/category_smart_white_v4.svg');
}

.mono-photo-content-navigation-item .mono-icon-album-navigation-fromOtherUsers {
    background-image: url('/img/albums/category_shared_white_v3.svg');
}

.mono-photo-content-navigation-item .mono-icon-album-navigation-deleted {
    background-image: url('/img/albums/category_trash_white_v1.svg');
}

.mono-photo-content-navigation-item .mono-icon-album-navigation-favorites {
    background-image: url('/img/albums/category_favourites_white_v3.svg');
}

.mono-photo-content-navigation-item .mono-icon-album-navigation-hidden {
    background-image: url('/img/albums/category_hidden_white_v1.svg');
}

.mono-photo-content-navigation-item .mono-icon-album-navigation-notInAlbum {
    background-image: url('/img/albums/category_notInAlbum_white_v1.svg');
}

.mono-photo-content-navigation-item .mono-icon-album-navigation-recentlyUploaded {
    background-image: url('/img/albums/category_uploads_white_v3.svg');
}

.mono-photo-content-navigation-item .mono-icon-album-navigation-places {
    background-image: url('/img/albums/category_places_white_v3.svg');
}

.mono-photo-content-navigation-item .mono-icon-album-navigation-videos {
    background-image: url('/img/albums/category_videos_white_v3.svg');
}

/*.mono-photo-content-navigation-item-shared:hover > .mono-icon-album-navigation-shared {*/
/*    background-image: url('/img/albums/category_shared_active_v1.svg');*/
/*}*/

/*.mono-photo-content-navigation-item-smart:hover > .mono-icon-album-navigation-smart {*/
/*    background-image: url('/img/albums/category_smart_active_v2.svg');*/
/*}*/

/*.mono-photo-content-navigation-item-trash:hover > .mono-icon-album-navigation-trash {*/
/*    background-image: url('/img/albums/category_trash_active_v1.svg');*/
/*}*/

/*.mono-photo-content-navigation-item-favorites:hover > .mono-icon-album-navigation-favorites {*/
/*    background-image: url('/img/albums/category_favourites_active_v1.svg');*/
/*}*/

/*.mono-photo-content-navigation-item-hidden:hover > .mono-icon-album-navigation-hidden {*/
/*    background-image: url('/img/albums/category_hidden_active_v1.svg');*/
/*}*/

/*.mono-photo-content-navigation-item-notInAlbum:hover > .mono-icon-album-navigation-notInAlbum {*/
/*    background-image: url('/img/albums/category_notInAlbum_active_v1.svg');*/
/*}*/

/*.mono-photo-content-navigation-item-uploads:hover > .mono-icon-album-navigation-uploads {*/
/*    background-image: url('/img/albums/category_uploads_active_v1.svg');*/
/*}*/

/*.mono-photo-content-navigation-item-places:hover > .mono-icon-album-navigation-places {*/
/*    background-image: url('/img/albums/category_places_active_v1.svg');*/
/*}*/

/*.mono-photo-content-navigation-item-videos:hover > .mono-icon-album-navigation-videos {*/
/*    background-image: url('/img/albums/category_videos_active_v1.svg');*/
/*}*/

.mono-photo-content-navigation-item-title {
    z-index: 1;
    text-align: center;
}

.mono-photo-content-navigation-buttons {
    display: none;
    z-index: 1;
    cursor: pointer;
    width: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: transparent;
    opacity: 0
}

.mono-photo-content-navigation-buttons-left:hover > mono-preview-icon-left {
    background-image: url('/img/preview/previous_blue_circle_v1.svg');
}

.mono-photo-content-navigation-buttons-right:hover > mono-preview-icon-right {
    background-image: url('/img/preview/next_blue_circle_v1.svg');
}

.mono-photo-content-items-outer-area, .mono-photo-dialog-content-items-outer-area {
    position: absolute;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.mono-photo-dialog-content-items-outer-area {
    top: 96px;
}

.mono-photo-content-items-outer-area {
    top: 76px;
    transition: top 0.4s ease 0s;
}

.mono-photo-content-menu-area, .mono-photo-content-menu-action-area,
.mono-photo-content-menu-area-landing,
.mono-photo-content-menu-area-background,
.mono-photo-content-menu-action-area-background,
.mono-photo-picker-content-menu-action-area-background,
.mono-photo-picker-content-menu-action-area {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 60px;
    margin-left: 70px;
    margin-right: 67px;
    z-index: 4;
}

.mono-photo-picker-content-menu-action-area {
    bottom: unset;
    top: 0;
}

.mono-photo-content-menu-action-close-separator {
    position: absolute;
    left: -1px;
    height: 30px;
    width: 2px;
    background-color: white;
    opacity: 0.5;
    top: 25px;
}

.mono-photo-content-menu-action-close-area {
    cursor: pointer;
    position: absolute;
    right: 0px;
    width: 70px;
    height: 70px;
}

.mono-photo-content-menu-action-close-area:hover .mono-photo-content-menu-action-close {
    background-repeat: no-repeat;
    background-image: url('/img/preview/escape_lightgrey_v1.svg');
}

.mono-photo-content-menu-action-close {
    position: absolute;
    left: 29px;
    top: 34px;
    width: 14px;
    height: 14px;
    -ms-background-size: 14px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-image: url('/img/preview/escape_white_v1.svg');
}

.mono-photo-content-menu-action-close:hover {
    background-repeat: no-repeat;
    background-image: url('/img/preview/escape_lightgrey_v1.svg');
}

.mono-photo-content-menu-action-area, .mono-photo-picker-content-menu-action-area {
    display: block;
    visibility: hidden;
    height: 80px;
    opacity: 1;
    z-index: 902;
    margin-right: 0;
}

.mono-photo-picker-content-menu-action-area {
    visibility: visible;
}

.mono-photo-content-menu-area-landing {
    margin-left: 0;
    margin-right: 0;
}

.mono-photo-content-menu-area-background {
    display: block;
    background-color: var(--default-bg-color);
    /*-ms-opacity: 0.95;
    opacity: 0.95;*/
}

.mono-photo-content-menu-action-area-background {
    display: none;
    background-color: var(--actionbar-bg-color);
    height: 80px;
    opacity: 1;
    z-index: 902;
    margin-left: 0;
    margin-right: 0;
}

.mono-photo-picker-content-menu-action-area-background {
    display: block;
    background-color: var(--primary-interaction-color);
    height: 80px;
    top: 0;
    opacity: 1;
    z-index: 902;
    margin-left: 0;
    margin-right: 0;
}

.mono-photo-main, .mono-photo-main-selectedBackground, .mono-photo-image, .mono-photo-album-background, .mono-photo-main-placeholder {
    width: 190px;
    height: 190px;
}

.mono-photo-album-background {
    -ms-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background: url('/img/placeholder/placeholder_album_v1.svg');
}

.mono-photo-main, .mono-photo-main-placeholder, .mono-photo-overlay, .mono-photo-main-selectedBackground, .mono-photo-dialog-main, .mono-photo-dialog-main-selectedBackground {
    cursor: pointer;
    position: relative;
    margin-right: 9px;
    margin-bottom: 10px;
    float: left;
    background-color: var(--pig-figure-bg-color);
    outline: none !important;
}

.mono-photo-main.invalid {
    background-color: var(--pig-figure-bg-invalid-color);
}

.mono-photo-main.invalid:hover .pi-album-info-container.invalid {
    opacity: 1.0;
}

.mono-photo-main span {
    background: rgba(23, 129, 227, 0.2);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.mono-photo-main:hover .mono-photo-main-selectedBackground {
    display: block;
    background: rgba(23, 129, 227, 0.2);
}

.mono-photo-main-selected .mono-photo-main-selectedBackground {
    display: block;
    background: rgba(23, 129, 227, 0.6) !important;
}

.mono-photo-main-selected .mono-photo-dialog-main-selectedBackground {
    display: block;
    background: rgba(23, 129, 227, 0.6) !important;
}

.mono-photo-dialog-main:hover .mono-photo-dialog-main-selectedBackground {
    display: block;
}

.mono-photo-main-placeholder {
    background-color: var(--input-selection-color);
}

.mono-photo-group {
    position: relative;
    float: left;
    outline: none !important;
    height: 50px;
    background-color: var(--default-bg-color);
}

.mono-photo-group-content {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    color: var(--primary-text-color);
}

.mono-photo-group-content-select {
    cursor: pointer;
    margin-left: 13px;
    color: var(--primary-interaction-color);
    visibility: hidden;
}

.mono-photo-group-content-select:hover {
    color: var(--primary-interaction-hover);
}

.mono-photo-dialog-main, .mono-photo-dialog-main-selectedBackground {
    margin-right: 10px;
}

.mono-photo-main-selectedBackground, .mono-photo-dialog-main-selectedBackground {
    display: none;
    position: absolute;
    background: rgba(23, 129, 227, 0.2);
    top: 0;
}

.mono-photo-main-timeline-overlay {
}

.mono-photo-image, .mono-photo-dialog-image {
    cursor: pointer;
}

.mono-photo-thumbnail-mouseover-area {
    opacity: 0;
    display: none;
    position: absolute;
    padding-top: 7px;
    padding-bottom: 12px;
    padding-left: 12px;
    bottom: 0px;
    text-align: center;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
    z-index: 2;
}

.mono-photo-thumbnail-album-mouseover-area {
    opacity: 0;
    display: none;
    position: absolute;
    padding-top: 7px;
    padding-bottom: 12px;
    padding-left: 16px;
    bottom: 0px;
    text-align: center;
    width: 100%;
    z-index: 2;
}

/*.mono-photo-thumbnail-mouseover-background {
    display: none;
    position: absolute;
    height: 40px;
    background-color: black;
    -ms-opacity: 0.6;
    opacity: 0.6;
    bottom: 7px;
    width: 100%;
}*/

.mono-photo-thumbnail-special-album {
    cursor: pointer;
    top: 17px;
    left: 20px;
    position: absolute;
    height: 25px;
    width: 25px;
    -ms-background-size: 25px 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-special-album-onedrive {
    background: url('/img/controls/source_onedrive_v1.svg');
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-special-album-recentlyuploaded {
    background: url('/img/controls/source_latestuploads_v1.svg');
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-special-album-facebook {
    background: url('/img/controls/source_facebook_v1.svg');
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-special-album-dropbox {
    background: url('/img/controls/source_dropbox_v1.svg');
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-special-album-share, .pi-smartalbum-new-badge {
    top: 16px;
    left: 16px;
    position: absolute;
    padding-left: 8px;
    padding-right: 8px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 100px;
    background-color: var(--default-bg-color);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    /*background-image: url('/img/controls/source_shared_v1.svg');
    background-repeat: no-repeat;*/
    display: flex;
    align-items: center;
}

.mono-photo-thumbnail-special-album-share .pi-icon-lock {
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-right: 4px;
}

.mono-photo-thumbnail-special-album-share.shareOwnerName {
    padding-left: 10px;
}

.mono-photo-thumbnail-special-album-share .pi-icon-unlocked {
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-right: 4px;
}

.pi-smartalbum-new-badge {
    visibility: hidden;
}

.mono-photo-thumbnail-favorite {
    cursor: pointer;
    display: none;
    top: 8px;
    left: 8px;
    position: absolute;
    height: 22px;
    width: 25px;
    background: url('/img/shortActions/favorite_white_v1.svg');
    -ms-background-size: auto 22px;
    background-size: auto 22px;
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-favorite:hover {
    background: url('/img/shortActions/favorite_blue_v1.svg');
}

.mono-photo-thumbnail-favorite-selected {
    background: url('/img/shortActions/favorite_red_v1.svg');
    top: 8px;
    right: 8px;
}

.mono-photo-main.smallTile .mono-photo-thumbnail-checkbox {
    cursor: pointer;
    display: none;
    top: 5px;
    right: 5px;
    position: absolute;
    height: 24px;
    width: 24px;
    background: url('/img/shortActions/checkbox_empty_v4.svg');
    -ms-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.mono-photo-main.smallTile .mono-photo-thumbnail-checkbox:hover {
    background: url('/img/shortActions/checkbox_normal_v3.svg');
}

.mono-photo-main.smallTile .mono-photo-thumbnail-checkbox-selected {
    background: url('/img/shortActions/checkbox_normal_v3.svg');
    top: 5px;
    right: 5px;
}

.mono-photo-main.smallTile .mono-photo-thumbnail-checkbox-hover {
    height: 24px;
    width: 24px;
    background: url('/img/shortActions/checkbox_hover_v3.svg');
    background-size: 24px;
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-checkbox, .mono-photo-dialog-thumbnail-checkbox {
    cursor: pointer;
    display: none;
    top: 8px;
    left: 8px;
    position: absolute;
    height: 24px;
    width: 24px;
    background: url('/img/shortActions/checkbox_empty_v4.svg');
    -ms-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    z-index: 1;
}

.pi-album .mono-photo-thumbnail-checkbox {
    top: 14px;
    right: 16px;
    left: auto;
}

.pi-album .mono-photo-dialog-thumbnail-checkbox {
    top: 14px;
    right: 16px;
    left: auto;
}

.mono-photo-thumbnail-checkbox-hover {
    height: 24px;
    width: 24px;
    background: url('/img/shortActions/checkbox_hover_v3.svg');
    background-size: 24px;
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-checkbox-mobile, .mono-photo-dialog-thumbnail-checkbox-mobile {
    cursor: pointer;
    display: none;
    top: 8px;
    left: 8px;
    position: absolute;
    height: 24px;
    width: 24px;
    background: url('/img/shortActions/checkbox_empty_v4.svg');
    -ms-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    z-index: 1;
}

.pi-album .mono-photo-thumbnail-checkbox-mobile {
    top: 14px;
    right: 16px;
    left: auto;
}

.pi-album .mono-photo-dialog-thumbnail-checkbox-mobile {
    top: 14px;
    right: 16px;
    left: auto;
}

.mono-photo-thumbnail-checkbox:hover, .mono-photo-dialog-thumbnail-checkbox:hover {
    background: url('/img/shortActions/checkbox_normal_v3.svg');
}

.mono-photo-thumbnail-checkbox-selected, .mono-photo-dialog-thumbnail-checkbox-selected {
    background: url('/img/shortActions/checkbox_normal_v3.svg');
    top: 8px;
    left: 8px;
}

.mono-photo-thumbnail-item-action {
    float: left;
    color: var(--light-text-color);
    cursor: pointer;
    margin-top: 10px;
    background-repeat: no-repeat;
}

.mono-photo-thumbnail-item-action:hover {
    background-repeat: no-repeat;
    color: gray;
}

.mono-photo-menu-timeindicator, .mono-photo-menu-actionitems, .mono-photo-picker-menu-actionitems, .mono-photo-menu-actionitems-reference, .mono-photo-dialog-menu-actionitems .mono-photo-album-menu, .mono-photo-dialog-menu-timeindicator, .mono-photo-dialog-menu-actionitems, .mono-photo-dialog-album-menu {
    bottom: 11px;
    position: absolute;
    font-size: 20px;
    font-family: TheSansW4SemiLight;
    width: 100%;
    color: var(--primary-text-color);
    padding-left: 10px;
    padding-right: 11px;
}

.mono-photo-album-menu, .mono-photo-dialob-album-menu {
    font-size: 18px;
}

.mono-photo-menu-timeindicator {
    bottom: 13px;
    color: var(--primary-text-color);
    padding-left: 0;
    padding-right: 0;
}

.mono-photo-menu-actionitems-normal-area, .mono-photo-menu-timeindicator-normal-area {
}

.mono-photo-menu-actionitems-normal-area {
    position: absolute;
}

.mono-photo-menu-actionitems-minimized-area, .mono-photo-menu-timeindicator-minimized-area {
    display: none;
}

.mono-photo-menu-actionitems, .mono-photo-picker-menu-actionitems {
    padding-left: 24px;
    bottom: 25px;
    visibility: hidden;
    color: var(--light-text-color);
}

.mono-photo-picker-menu-actionitems {
    visibility: visible;
}

.mono-photo-picker-button-bar {
    position: absolute;
    background-color: var(--default-bg-color);
    color: var(--primary-text-color);
    bottom: 15px;
}

.mono-photo-menu-actionitems-right {
    float: right;
    padding-right: 86px;
}

.mono-photo-menu-action-selected-text {
    margin-right: 5px;
}

.mono-photo-dialog-menu-actionitems {
    color: var(--secondary-text-color);
}

/*.mono-menu-action-item {
    clear: both;
    font-weight: 400;
    line-height: 1.4285;
    white-space: nowrap;
    padding: 5px 20px;
    text-decoration: none;
    color: var(--secondary-text-color);
}

.mono-menu-action-item:hover {
    text-decoration: none;
    color: var(--secondary-text-color);
}*/

.mono-dialog-action-item, .mono-photo-menu-filter-item {
}

.mono-photo-filter-item {
    float: right;
    cursor: pointer;
    color: var(--secondary-text-color);
}

.mono-photo-menu-action-item, .mono-photo-menu-action-item-left, .mono-photo-menu-action-item-right {
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    color: var(--primary-text-color);
}

.mono-photo-menu-action-item:hover {
    color: var(--primary-interaction-color);
}

.mono-photo-menu-action-title {
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 2000px;
    width: auto;
}

.mono-photo-menu-action-filter {
    display: none;
    cursor: default;
    color: var(--light-text-color);
    margin-right: 10px;
    font-weight: 600;
    font-size: 14px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: var(--primary-interaction-color);
    padding: 2px 16px;
    margin-top: -2px;
}

.mono-photo-menu-action-item-selected {
    cursor: default;
    color: var(--primary-interaction-color);
}

.mono-photo-menu-action-item-left {
    float: left;
    margin-right: 18px;
}

.mono-photo-menu-action-item-right {
    float: right;
    /*margin-right: 10px;*/
    color: var(--secondary-text-color);
}

.mono-photo-dialog-menu-actionitems .mono-photo-menu-action-item-left {
    color: var(--secondary-text-color);
}

.mono-photo-dialog-menu-actionitems .mono-photo-menu-action-item-left:hover {
    color: var(--primary-interaction-color);
}

.mono-photo-menu-actionitems .mono-photo-menu-action-item-left {
    color: var(--light-text-color)
}

.mono-photo-menu-actionitems .mono-photo-menu-action-item-left:hover {
    color: var(--light-text-hover);
}

.mono-photo-menu-actionitems .mono-photo-menu-action-item-right {
    color: var(--light-text-color)
}

.mono-photo-menu-actionitems .mono-photo-menu-action-item-right:hover {
    color: var(--light-text-hover);
}

.mono-photo-menu-action-item-dropdown {
    font-size: 18px;
    font-weight: 300;
}

.mono-photo-menu-action-item-dropdown-main {
    padding-left: 12px !important;
}

.mono-photo-menu-action-item-dropdown-sub {
    padding-left: 48px !important;
}


.mono-photo-menu-action-item-dropdown-icon {
    float: left;
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px !important;
    margin-right: 12px;
}

.mono-photo-menu-action-item-dropdown-icon-home {
    background-repeat: no-repeat;
    background: url('/img/header/menu/home_light_v1.svg');
}

.mono-photo-menu-action-item-dropdown:hover .mono-photo-menu-action-item-dropdown-icon-home {
    background-repeat: no-repeat;
    background: url('/img/header/menu/home_active_v1.svg');
}

.itemSelected .mono-photo-menu-action-item-dropdown-icon-home {
    background-repeat: no-repeat;
    background: url('/img/header/menu/home_selected_v1.svg');
}

.mono-photo-menu-action-item-dropdown-icon-photos {
    background-repeat: no-repeat;
    background: url('/img/header/menu/photos_light_v1.svg');
}

.mono-photo-menu-action-item-dropdown:hover .mono-photo-menu-action-item-dropdown-icon-photos {
    background-repeat: no-repeat;
    background: url('/img/header/menu/photos_active_v1.svg');
}

.itemSelected .mono-photo-menu-action-item-dropdown-icon-photos {
    background-repeat: no-repeat;
    background: url('/img/header/menu/photos_selected_v1.svg');
}

.mono-photo-menu-action-item-dropdown-icon-albums {
    background-repeat: no-repeat;
    background: url('/img/header/menu/albums_light_v1.svg');
}

.mono-photo-menu-action-item-dropdown:hover .mono-photo-menu-action-item-dropdown-icon-albums {
    background-repeat: no-repeat;
    background: url('/img/header/menu/albums_active_v1.svg');
}

.itemSelected .mono-photo-menu-action-item-dropdown-icon-albums {
    background-repeat: no-repeat;
    background: url('/img/header/menu/albums_selected_v1.svg');
}

.mono-photo-menu-action-item-dropdown-icon-drive {
    background-repeat: no-repeat;
    background: url('/img/header/menu/folder_light_v1.svg');
}

.mono-photo-menu-action-item-dropdown:hover .mono-photo-menu-action-item-dropdown-icon-drive {
    background-repeat: no-repeat;
    background: url('/img/header/menu/folder_active_v1.svg');
}

.itemSelected .mono-photo-menu-action-item-dropdown-icon-drive {
    background-repeat: no-repeat;
    background: url('/img/header/menu/folder_selected_v1.svg');
}

.mono-photo-menu-action-item-dropdown-icon-myclouddrive {
    background-repeat: no-repeat;
    background: url('/img/header/menu/mycloud_folder_light_v1.svg');
}

.mono-photo-menu-action-item-dropdown:hover .mono-photo-menu-action-item-dropdown-icon-myclouddrive {
    background-repeat: no-repeat;
    background: url('/img/header/menu/mycloud_folder_active_v1.svg');
}

.itemSelected .mono-photo-menu-action-item-dropdown-icon-myclouddrive {
    background-repeat: no-repeat;
    background: url('/img/header/menu/mycloud_folder_selected_v1.svg');
}

.mono-photo-menu-action-item-dropdown-icon-backup {
    background-repeat: no-repeat;
    background: url('/img/header/menu/laptop_light_v1.svg');
}

.mono-photo-menu-action-item-dropdown:hover .mono-photo-menu-action-item-dropdown-icon-backup {
    background-repeat: no-repeat;
    background: url('/img/header/menu/laptop_active_v1.svg');
}

.itemSelected .mono-photo-menu-action-item-dropdown-icon-backup {
    background-repeat: no-repeat;
    background: url('/img/header/menu/laptop_selected_v1.svg');
}

.mono-photo-menu-action-item-dropdown-icon-shared {
    background-repeat: no-repeat;
    background: url('/img/header/menu/share_light_v1.svg');
}

.mono-photo-menu-action-item-dropdown:hover .mono-photo-menu-action-item-dropdown-icon-shared {
    background-repeat: no-repeat;
    background: url('/img/header/menu/share_active_v1.svg');
}

.itemSelected .mono-photo-menu-action-item-dropdown-icon-shared {
    background-repeat: no-repeat;
    background: url('/img/header/menu/share_selected_v1.svg');
}

.mono-photo-menu-action-item-dropdown-icon-trash {
    background-repeat: no-repeat;
    background: url('/img/header/menu/trash_light_v1.svg');
}

.mono-photo-menu-action-item-dropdown:hover .mono-photo-menu-action-item-dropdown-icon-trash {
    background-repeat: no-repeat;
    background: url('/img/header/menu/trash_active_v1.svg');
}

.itemSelected .mono-photo-menu-action-item-dropdown-icon-trash {
    background-repeat: no-repeat;
    background: url('/img/header/menu/trash_selected_v1.svg');
}

.mono-photo-menu-action-subitem-dropdown {
    padding-left: 48px !important;
    padding-right: 48px !important;
    font-weight: 300;

}

.mono-photo-menu-action-item-disabled {
    cursor: default;
    color: var(--sc-interaction-grey);
}

.mono-photo-menu-action-item-dropdown-selected {
    color: var(--sc-interaction-green);
}

.mono-photo-menu-action-item-dropdown-selected:hover {
    color: var(--light-text-color)
}

.mono-menu-action-item-breadcrumb {
    margin-right: 7px;
    color: var(--secondary-text-color);
    font-family: TheSansW4SemiLight;
}

.mono-photo-menu-clickable {
    color: var(--primary-interaction-color);
}

.mono-photo-menu-clickable:hover {
    cursor: pointer;
    color: var(--primary-interaction-hover);
}

.mono-photo-menu-subnavigation {
    color: var(--primary-headline-color);
}

.mono-photo-menu-subnavigation:hover {
    cursor: pointer;
    color: var(--primary-interaction-color);
}

.mono-photo-menu-subnavigation-selected {
    cursor: pointer;
    color: var(--primary-headline-color);
}

.mono-photo-menu-subnavigation-selected:hover {
    cursor: pointer;
    color: var(--primary-interaction-color);
}

.mono-photo-menu-subnavigation-selected:after {
    content: '';
    height: 1px;
    background: var(--primary-headline-color);
    display: block;
    margin-top: -1px;
}

.mono-photo-menu-subnavigation-selected:hover:after {
    content: '';
    height: 1px;
    background: var(--primary-interaction-color);
    display: block;
    margin-top: -1px;
}

/*
    Video related
*/

.pi-video-grid-content {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--light-text-color);
    font-size: 14px;
    font-weight: 600;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.pi-video-grid-duration {
    float: left;
    margin-top: 2px;
}


.mono-photo-main-video-overlay, .mono-photo-dialog-main-video-overlay {
    cursor: pointer;
    width: 190px;
    height: 190px;
    position: absolute;
    float: left;
    outline: none !important;
    top: 0;
}

.mono-photo-main-video-error-area {
    position: absolute;
    top: 0;
    display: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */
}

.mono-photo-main-video-error {
    color: var(--light-text-color);
    font-size: 18px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    width: 420px;
    text-align: center;
}

.mono-photo-main-video-error-callToAction {
    top: 50%;
    left: 50%;
    position: absolute;
}

.mono-photo-dialog-main-video-overlay {
    width: 150px;
    height: 150px;
}

.mono-photo-main.smallTile .mono-video-overlay-icon, .mono-video-overlay-pause-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px;
    height: 32px;
    width: 32px;
    background-size: 32px;
}

.mono-photo-main.largeTile .mono-video-overlay-icon, .mono-video-overlay-pause-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    height: 80px;
    width: 80px;
    background-size: 80px;
}

.mono-video-overlay-icon, .mono-video-overlay-pause-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -24px;
    margin-left: -24px;
    height: 48px;
    width: 48px;
    background-size: 48px;
}

.mono-video-overlay-icon {
    background-repeat: no-repeat;
    background-image: url('/img/video/placeholder_video_icon_v3.svg');
}

.mono-video-background-overlay-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -32px;
    margin-left: -32px;
    height: 64px;
    width: 64px;
    background-size: 64px;
    background-repeat: no-repeat;
    background-image: url('/img/video/placeholder_video_icon_v3.svg');
}

.mono-video-overlay-pause-icon {
    display: none;
    background-repeat: no-repeat;
    background-image: url('/img/controls/pause_video.svg');
}

.mono-video-player-area {
    height: 40px;
    z-index: 1004;
    display: none;
    position: relative;
    align-self: center;
    width: 100%;
    margin-bottom: 54px;
    border-radius: 4px;
    max-width: 600px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.6))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000', GradientType=0); /* IE6-9 */
}

@media (min-width: 1080px) {
    .mono-video-player-area {
        margin-bottom: 16px;
    }
}

.mono-video-player-left-area, .mono-video-player-right-area, .mono-video-player-start, .mono-video-player-end, .mono-video-player-bar-area {
    bottom: 15px;
    position: absolute;
}

.mono-video-player-left-area {
    bottom: 9px;
    left: 15px;
}

.mono-video-player-right-area {
    bottom: 9px;
    right: 15px;
}

.mono-video-player-start, .mono-video-player-end {
    font-family: TheSansW4SemiLight;
    color: var(--light-text-color);
    font-size: 14px;
}

.mono-video-player-start {
    bottom: 9px;
    left: 44px;
}

.mono-video-player-end {
    cursor: pointer;
    bottom: 9px;
    right: 51px;
}

.mono-video-player-bar-area {
    bottom: 16px;
    height: 6px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: var(--secondary-text-color);
}

.mono-video-player-playbar, .mono-video-player-seekbar {
    position: absolute;
    height: 6px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.mono-video-player-playbar {
    background-color: var(--primary-interaction-color);
}

.mono-video-player-seekbar {
    background-color: var(--secondary-bg-color);
}

.mono-video-player-inputrange {
    margin-left: -2px;
    margin-top: -6px;
    position: absolute;
}

.mono-video-player-volume-inputrange {
    margin-left: -2px;
    margin-top: -6px;
    position: absolute;
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    bottom: 40px;
    left: -45px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .mono-video-player-volume-inputrange {
        margin-left: -2px;
        margin-top: -6px;
        position: absolute;
        -webkit-transform: rotate(-90deg); /* Safari and Chrome */
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        bottom: 40px;
        left: -51px;
    }
}

.mono-video-player-volume-area {
    display: none;
    -ms-border-radius: 4px;
    border-radius: 4px;
    z-index: 1006;
    width: 6px;
    position: absolute;
    height: 94px;
    bottom: 50px;
    right: 26px;
    background-color: var(--primary-text-color);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.3);
}

.mono-video-player-volume-area input:read-only {
    background-color: unset;
}

.mono-video-player-thumb {
    width: 12px;
    height: 12px;
    margin-left: -3px;
    margin-top: -3px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: var(--primary-interaction-color);
    -webkit-box-shadow: 0px 0px 6px black;
    -ms-box-shadow: 0px 0px 6px black;
    box-shadow: 0px 0px 6px black;
}

.mono-video-player-volumebar {
    height: 100%;
    position: relative;
}

.mono-video-player-volumebar-value {
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    width: 6px;
    background-color: var(--primary-interaction-color);
}

.mono-video-player-timeinfo {
    position: absolute;
    display: none;
    padding: 4px 7px;
    border: 0.2px solid transparent;
    -ms-border-radius: 6px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 11px;
    background-color: var(--default-bg-color);
    color: var(--primary-text-color);
    -webkit-box-shadow: 0px 0px 6px 2px rgba(51, 51, 51, 0.25);
    -moz-box-shadow: 0px 0px 6px 2px rgba(51, 51, 51, 0.25);
    -ms-box-shadow: 0px 0px 6px 2px rgba(51, 51, 51, 0.25);
    box-shadow: 0px 0px 6px 2px rgba(51, 51, 51, 0.25);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.mono-video-player-timeinfo-text {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mono-video-player-timeinfo-arrow {
}

.mono-video-player-timeinfo-arrow:before {
    position: absolute;
    top: -7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--border-color);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
    left: 40%;
}

.mono-video-player-timeinfo-arrow:after {
    position: absolute;
    top: -6px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--default-bg-color);
    border-left: 6px solid transparent;
    content: '';
    left: 41%;
}

/*
    Places styles
*/

.mono-photo-places-map-area {
    top: 126px;
    margin-left: auto;
    margin-right: auto;
    left: 270px;
}

.mono-photo-places-map-content {
    width: 100%;
    height: 100%;
}

.mono-photo-places-folder-area {
    top: 640px;
    margin-bottom: 10px;
}

/*
    Photo Hidden Banner Area
*/

.mono-photo-info-banner-area {
    position: absolute;
    z-index: 1000;
    text-align: center;
    padding: 13px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: var(--light-text-color);
    font-family: TheSansW4SemiLight;
    background: -moz-linear-gradient(top, rgba(0, 102, 204, 0.95) 0%, rgba(0, 102, 204, 0.95) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 102, 204, 0.95) 0%, rgba(0, 102, 204, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(0, 102, 204, 0.95) 0%, rgba(0, 102, 204, 0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f20066cc', endColorstr='#f20066cc', GradientType=0);
}

/*
    Album styles
*/

.mono-photo-drop-element {
    display: none;
    position: absolute;
    background-color: transparent;
    border: 5px solid var(--sc-interaction-green);
    width: 100%;
    height: 100%;
    opacity: 1;
}

.mono-photo-dialog-newalbum {
}

.mono-photo-dialog-newalbum:hover .mono-photo-dialog-add-album-overlay-icon {
    background-image: url('/img/controls/new_album_blue_v1.svg');
}

.mono-photo-dialog-newalbum:hover .mono-photo-dialog-album-info-title {
    color: var(--primary-interaction-color);
}

.mono-photo-dialog-addNewAlbum {
    cursor: pointer;
    background-color: var(--input-selection-color);
}

.mono-photo-dialog-add-album-overlay-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    height: 60px;
    width: 60px;
    -ms-background-size: 60px;
    background-size: 60px;
    background-image: url('/img/controls/new_album_v1.svg');
}

.mono-photo-album-info-area, .mono-photo-dialog-album-info-area, .mono-photo-drive-info-area, .pi-album-info-container {
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}


.pi-album-info-container {
    display: flex;
    flex-flow: column;
    height: 100px;
    padding-top: 20px;

    transition: height 0.1s ease;
}

.pi-album-info-container.invalid {
    opacity: 0.5;
}

.pi-album-info-container.small {
    height: 80px;
}

.pi-mobile .mono-photo-album-info-area, .mono-photo-drive-info-area {
    height: 134px;
}

.pi-mobile .pi-album-info-container.small {
    height: 100px;
}

.pi-album-invalid-container {
    position: absolute;
    display: flex;
    flex-flow: column;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 48px;
    align-items: center;
}

.pi-album-invalid-container .pi-icon-lock {
    background-image: url('/img/actions/lock_white_v1.svg');
    width: 40px;
    height: 40px;
    background-size: 40px;
    margin-bottom: 8px;
}

.pi-album-invalid-container .pi-invalid-text {
    color: var(--light-text-color);
}

.mono-photo-uploader-area {
    height: 56px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.24))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.pi-photo-comments-badge-area {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 2;
}

.pi-photo-comments-badge-area.top {
    bottom: 36px;
}

.pi-photo-comments-badge-area .counter {
    top: 3px;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    font-size: 10px;
    color: var(--secondary-text-color);
    font-weight: 700;
}


.mono-photo-video-area {
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.32));
}

.mono-photo-uploader-content, .mono-photo-uploader-initials-content {
    position: absolute;
    font-weight: 600;
    color: var(--light-text-color);
    font-size: 12px;
    top: 12px;
    right: 8px;
    max-width: 130px;
    z-index: 2;
}

.pi-mobile .mono-photo-uploader-content {
    font-size: 14px;
    max-width: 110px;
}

.mono-photo-uploader-initials-content {
    display: none;
}

.mono-photo-drive-info-area {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.mono-photo-drive-info-area .mono-photo-album-info-title {
    font-size: 16px;
    font-weight: unset;
}

.mono-photo-drive-info-area.drive-bg {
    padding-left: 12px;
    background: var(--default-bg-color);
    border: 1px solid var(--tile-info-border-color);
}

.mono-photo-dialog-album-info-area {
    padding-left: 10px;
    padding-right: 10px;
}

.mono-photo-album-info-title, .mono-photo-album-info-details, .mono-photo-dialog-album-info-title, .mono-photo-album-info-additional {
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 170px;
}

.mono-photo-album-info-title, .mono-photo-dialog-album-info-title, .mono-photo-album-info-additional {
    position: absolute;
    left: 20px;
    bottom: 15px;
    font-size: 16px;
    color: var(--light-text-color);
    font-family: TheSansW4SemiLight;
}

.pi-album-info-row {
    position: unset;
    bottom: unset;
    left: unset;
}

.mono-photo-album-info-title {
    font-size: 18px;
    font-weight: 700;
}

.pi-mobile .mono-photo-album-info-title {
    font-size: 32px;
}

.mono-photo-album-info-additional {
    font-size: 14px;
    font-weight: 500;
    color: var(--light-text-color);
    width: auto;
}

.pi-mobile .mono-photo-album-info-additional {
    font-size: 18px;
}

.mono-photo-dialog-newalbum .mono-photo-dialog-album-info-area {
    background: none;
    text-align: center;
    cursor: pointer;
}

.mono-photo-dialog-newalbum .mono-photo-dialog-album-info-title {
    color: var(--secondary-text-color);
    width: 100%;
    margin-left: -20px;
}

.mono-photo-drive-info-title {
    position: absolute;
    top: 0;
    bottom: 15px;
    font-size: 16px;
    color: var(--secondary-text-color);
    font-family: TheSansW4SemiLight;
}

.mono-photo-drive-inner-title {
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 174px;
}

/*
    Hero Image Photo Grid Enhancements

*/
.mono-photo-hero-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}

.mono-photo-hero-img {
    width: 100%;
    height: 100%;
    background-position: center;
    -ms-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.mono-photo-hero-text-container, .mono-photo-hero-text-container-registerDialog, .mono-photo-hero-text-container-registerDialog-noBackground {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 24px;
    padding-right: 24px;
}

.mono-photo-hero-text-title {
    font-weight: 700;
    font-size: 36px;
    color: var(--light-text-color);
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.mono-photo-hero-text-details {
    font-weight: 500;
    font-size: 18px;
    color: var(--light-text-color);
    margin-bottom: 24px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.mono-photo-hero-shareBadge {
    position: absolute;
    display: flex;
    align-items: center;
    top: 24px;
    left: 24px;
    height: 21px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
    background-color: var(--default-bg-color);
    font-weight: 500;
    font-size: 14px;
    color: var(--primary-text-color);
}

.pi-photo-trash-retention-content {
    height: 50px;
    display: flex;
    align-items: center;
    opacity: 0;
    font-size: 16px;
    margin-top: 20px;
    transition: opacity 0.4s ease-in-out;
}

.pi-top-content-element .mono-photo-hero-shareBadge {
    position: relative;
    top: unset;
    left: unset;
}

.pi-mobile .mono-photo-hero-shareBadge {
    font-size: 16px;
    height: 23px;
}

.mono-photo-hero-shareBadge .pi-icon {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-right: 4px;
}

.mono-photo-hero-shareBadge .pi-icon-notification-disabled {
    background-repeat: no-repeat;
    background-image: url('/img/actions/notification_disabled_gray_v1.svg');
}

.pi-dark-theme .mono-photo-hero-shareBadge .pi-icon-notification-disabled {
    background-repeat: no-repeat;
    background-image: url('/img/actions/notification_disabled_white_v1.svg');
}

.mono-photo-hero-text-container .mono-control-seamless {
    max-width: none;
    color: var(--light-text-color);
    width: 100%;
    font-size: 36px;
    font-weight: 700;
}

.mono-photo-hero-text-container input.mono-control-seamless {
    border-radius: 0;
    border-bottom: 1px solid transparent !important;
}

.mono-photo-hero-text-container input.mono-control-seamless:hover {
    border: none !important;
    border-bottom: 1px solid white !important;
}

.mono-photo-hero-text-container input.mono-control-seamless:focus {
    border: none !important;
    border-bottom: 1px solid white !important;
}

.mono-photo-search-container {
    cursor: pointer;
    z-index: 10;
    position: absolute;
    min-width: 250px;
}

.mono-photo-search-container .mono-icon-search {
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-left: 8px;
    background-image: url('/img/actions/search_gray_v1.svg');
    background-size: 24px;
}

.mono-photo-search-container .mono-icon-close {
    display: none;
    position: absolute;
    background-image: url('/img/actions/close_gray_v1.svg');
    width: 16px;
    height: 16px;
    margin-top: 12px;
    margin-right: 12px;
    background-size: 16px;
    right: 0;
}

.mono-photo-search-container .mono-input {
    height: 40px;
    padding-left: 40px;
    padding-right: 32px;
    font-size: 16px;
}

#photoAlbumsView .mono-input:hover {
    border: 1px solid transparent;
}

#photoAlbumsView .mono-input.containsText:hover {
    border: 1px solid var(--light-text-hover);
}

#photoAlbumsView .mono-input:focus {
    border: 1px solid var(--primary-interaction-color);
}

.mono-photo-search-container .mono-input.containsText {
    border: 1px solid var(--light-text-hover);
}

#photoAlbumsView .mono-input.containsText:focus {
    border: 1px solid var(--primary-interaction-color) !important;
}

.mono-photo-search-container:hover .mono-icon-search {
    background-image: url('/img/actions/search_blue_v1.svg');
}

.mono-photo-search-container:hover .mono-icon-close {
    background-image: url('/img/actions/close_blue_v1.svg');
}


.mono-photo-search-container:hover ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--primary-interaction-color);
    opacity: 1; /* Firefox */
}

.mono-photo-search-container:hover :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--primary-interaction-color);
}

.mono-photo-search-container:hover ::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--primary-interaction-color);
}

#photoAlbumsView input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--secondary-text-color) !important;
    opacity: 1; /* Firefox */
}

#photoAlbumsView input:focus:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--secondary-text-color) !important;
    opacity: 1; /* Firefox */
}

#photoAlbumsView input:focus::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--secondary-text-color) !important;
    opacity: 1; /* Firefox */
}


#photoAlbumsView .mono-input:focus + .mono-icon-search {
    background-image: url('/img/actions/search_blue_v1.svg') !important;
}

/*#photoAlbumsView .mono-input:focus ~ .mono-icon-close {*/
/*    background-image: url('/img/actions/close_blue_v1.svg') !important;*/
/*}*/


.mono-photo-sorting-container {
    cursor: pointer;
    z-index: 10;
    right: 16px;
    position: absolute;
    top: 216px;
}

.mono-photo-sorting-container:hover .mono-photo-sorting-text {
    color: var(--primary-interaction-hover);
}

.mono-photo-sorting-text {
    font-weight: 500;
    color: var(--secondary-text-color);
    font-size: 16px;
    float: left;
    margin-right: 4px;
}

/*
    Grid Navigation Area
*/
.mono-photo-navigation-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

/*
    Sharing Single Photo
*/


.mono-single-photo-hero-text-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    padding-left: 50px;
    padding-right: 50px;
}

/*
    Context-Button-Styles
*/

.mono-context-button-content:hover {
    cursor: pointer;
    color: var(--primary-interaction-hover);
}

.mono-context-button {
    color: var(--primary-text-color);
    padding-top: 4px;
    padding-bottom: 3px;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.mono-context-button:hover {
    color: var(--primary-interaction-hover);
    border: 1px solid var(--primary-interaction-hover);
}

.mono-context-button-large, .mono-context-button-large-selection {
    font-family: TheSansW4SemiLight;
    font-size: 18px;
    color: var(--primary-interaction-color);
    min-width: 160px;
    border: 1px solid var(--primary-interaction-color);
    border-radius: 5px;
}

.mono-context-button-large .mono-photo-menu-action-item-right {
    color: var(--primary-interaction-color);
}

.mono-context-button-large:hover {
    color: var(--primary-interaction-hover);
    border: 1px solid var(--primary-interaction-hover);
}

.mono-context-button-large:hover .mono-photo-menu-action-item-right {
    color: var(--primary-interaction-hover);
}

.mono-context-button-large-selection {
    color: var(--light-text-color);
    background-color: var(--primary-interaction-color);
}

.mono-context-button-large-selection:hover {
    color: var(--light-text-color);
    border: 1px solid var(--primary-interaction-hover);
    background-color: var(--primary-interaction-hover);
}

.mono-context-button-selected {
    color: var(--primary-interaction-color);
    border: 1px solid var(--primary-interaction-color);
}

.mono-context-button-photo {
    margin-top: -4px;
}

.mono-context-button-drive {
    margin-top: -3px;
}


#pig {
    position: relative;
}

.pig-figure {
    overflow: hidden;
    left: 0;
    position: absolute;
    top: 0;
    margin: 0;
}

.pig-figure img {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0;
    transition: 0.5s ease opacity;
    -webkit-transition: 0.5s ease opacity;
}

.pig-figure img.pig-thumbnail {
    -webkit-filter: blur(30px);
    filter: blur(30px);
    left: auto;
    position: relative;
    width: auto;
}

.pig-figure img.pig-loaded {
    opacity: 1;
}

.pi-pp-header {
    flex-shrink: 0;
    background: var(--gradient-colours-gradient-2, radial-gradient(276.77% 236.04% at -0.00% 166.15%, #13A3F4 0%, rgba(22, 158, 255, 0.45) 41.38%, rgba(16, 136, 222, 0.00) 100%), radial-gradient(988.04% 265.27% at 130.46% -146.04%, #D12 8.39%, #015 100%));
    padding-top: 64px;
    padding-left: 56px;
    padding-right: 56px;
    color: var(--sc-white-color);
    font-style: normal;
    display: flex;
    position: relative;
}

.pi-pp-header.pi-pp-contest-header {

    flex-shrink: 0;
    padding-top: 64px;
    padding-left: 56px;
    padding-right: 56px;
    color: var(--sc-white-color);
    font-style: normal;
    display: flex;
    position: relative;

    background: linear-gradient(0deg, rgba(0, 17, 85, 0.5), rgba(0, 17, 85, 0.5)), radial-gradient(24.14% 132.74% at -8.2% 161.84%, #1C3786 0%, rgba(28, 55, 134, 0) 100%), radial-gradient(100.95% 418.22% at 22.72% -70.88%, #BA1F6E 0%, rgba(157, 17, 88, 0) 100%), radial-gradient(49.22% 259.65% at 100% 100%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), #009FFF;
    background-blend-mode: hard-light, normal, normal, normal, normal;
}

.pi-mobile .pi-pp-header.pi-pp-contest-header {
    padding-top: 40px;
    padding-left: 32px;
    padding-right: 32px;
    color: var(--sc-white-color);
    font-style: normal;
    display: flex;
    position: relative;

    background: linear-gradient(0deg, rgba(0, 17, 85, 0.5), rgba(0, 17, 85, 0.5)), radial-gradient(24.14% 132.74% at -8.2% 161.84%, #1C3786 0%, rgba(28, 55, 134, 0) 100%), radial-gradient(100.95% 418.22% at 22.72% -70.88%, #BA1F6E 0%, rgba(157, 17, 88, 0) 100%), radial-gradient(49.22% 259.65% at 100% 100%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), #009FFF;
    background-blend-mode: hard-light, normal, normal, normal, normal;
}

.pi-pp-header .snow {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: contain;
    background-image: url('/img/photoproducts/snow_v2.png');
    z-index: 1;
}

.pi-pp-header .lights {
    width: 489px;
    height: 94px;
    transform: rotate(-3.226deg);
    flex-shrink: 0;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -78px;
    margin-right: -56px;
    background-repeat: no-repeat;
    background-image: url(/img/photoproducts/lights_v2.svg);
    z-index: 1;
}

.pi-pp-header .konfetti {
    width: 452px;
    height: 152px;
    flex-shrink: 0;
    position: absolute;
    margin-top: -60px;
    margin-right: -56px;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(/img/photoproducts/konfetti_v1.svg);
    z-index: 1;
}

.pi-pp-header .hearts {
    width: 452px;
    height: 152px;
    flex-shrink: 0;
    position: absolute;
    margin-top: -60px;
    margin-right: -56px;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(/img/photoproducts/hearts_v2.svg);
    z-index: 1;
}

.pi-pp-header .flowers {
    width: 452px;
    height: 152px;
    flex-shrink: 0;
    position: absolute;
    margin-top: -60px;
    margin-right: -56px;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(/img/photoproducts/flowers_v1.svg);
    z-index: 1;
}

.pi-pp-header .paper-planes {
    width: 452px;
    height: 152px;
    flex-shrink: 0;
    position: absolute;
    margin-top: -60px;
    margin-right: -56px;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(/img/photoproducts/paper_planes_v1.svg);
    z-index: 1;
}

.pi-pp-header .palm-tree {
    width: 452px;
    height: 152px;
    flex-shrink: 0;
    position: absolute;
    margin-top: -64px;
    margin-right: -56px;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(/img/photoproducts/palm_tree_v1.svg);
    z-index: 1;
}

.pi-pp-mobile-info {
    background: #001155;
    color: white;
    font-weight: 500;
    font-size: 20px;
}

.pi-pp-mobile-info .pi-icon-info-white {
    width: 36px;
    height: 36px;
    background-size: 36px;
}

.pi-pp-info-area {
    max-width: 642px;
    padding: 56px;
    color: var(--primary-text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.pi-mobile .pi-pp-info-area {
    padding: 32px;
    font-size: 20px;
}

.pi-mobile .pi-pp-info-area .btn-primary.pi-iconbutton-style {
    font-size: 22px;
}

.pi-pp-header .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px; /* 125% */
    letter-spacing: -0.7px;
    margin-top: 16px;
}

.pi-pp-header .details {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.1px;
    margin-top: 16px;
    margin-bottom: 28px;
}

.pi-mobile .pi-pp-contest-header .details {
    font-size: 22px;
}

.pi-pp-header .pi-iconbutton-style {
    cursor: pointer;
    display: flex;
    padding: 10px 16px;
    align-items: center;
    justify-content: center;

    border-radius: 8px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.1px;

    border: solid 0.8px var(--sc-white-color);
    color: var(--sc-white-color);
}

.pi-pp-header .pi-iconbutton-style:hover {
    color: var(--sc-interaction-grey);
    border: solid 0.8px var(--sc-interaction-grey);
}

.pi-smartphoto-logo {
    width: 158px;
    height: 36px;
    background-size: 158px 36px;
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/smartphoto_logo_v1.svg');
}

.pi-pp-baer {
    width: 252px;
    height: 257px;
    background-size: 252px 257px;
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/photoproducts_baer_normal_v1.svg');
}

.pi-pp-contest-baer {
    position: relative;
    width: 413px;
    height: 332px;
    background-size: 413px 332px;
    background-repeat: no-repeat;
    z-index: 100;
    background-image: url('/img/photocontest/contest_phones_baer_v1.svg');
}

.pi-promo-container, .pi-promo-contest-container {
    position: absolute;
    right: 132px;
    width: 118px;
    height: 118px;
    padding: 18px;
    flex-shrink: 0;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    bottom: 112px;
}

.pi-promo-contest-container {
    z-index: 101;
    right: 72px;
    width: 138px;
    bottom: 178px;
}

.pi-promo-container.FreeBook {
    padding: unset;
    padding-left: 8px;
    padding-right: 8px;
}

.pi-promo-container .promoText {
    color: var(--sc-white-color);
}

.pi-promo-container .promoTextSale {
    color: var(--sc-white-color);
    text-align: center;

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 120% */
    letter-spacing: -0.6px;
    margin-bottom: 4px;
}

.pi-pp-text-area {
    max-width: 466px;
    z-index: 3;
}

.pi-baer-area {
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    height: 322px;
    justify-content: end;
    margin-bottom: 0 !important;
}

.pi-pp-contest-header .pi-baer-area {
    height: 332px;
}

.promo .pi-pp-baer {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/photoproducts_baer_promo_v1.svg');
}

.christmas .pi-pp-baer {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/photoproducts_baer_christmas_v1.svg');
}

.heart .pi-pp-baer {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/photoproducts_baer_heart_v2.svg');
}

.easter .pi-pp-baer {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/photoproducts_baer_easter_v1.svg');
}

.school .pi-pp-baer {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/photoproducts_baer_school_v1.svg');
}

.holiday .pi-pp-baer {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/photoproducts_baer_holiday_v2.svg');
}

.pi-baer-content {
    position: relative;
    width: 252px;
    height: 257px;
    align-self: flex-end;
}

.pi-pp-contest-header .pi-baer-content {
    position: relative;
    width: 413px;
    height: 332px;
    align-self: flex-end;
}

.pi-pp-info-area .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.2px;
    color: var(--photoproducts-title-color);
    margin-bottom: 28px;
}

.pi-pp-info-area .caption {
    font-size: 18px;
    color: var(--photoproducts-title-color);
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.1px;
    margin-right: 16px;
    margin-bottom: 6px;
}

.pi-mobile .pi-pp-info-area .caption {
    font-size: 22px;
}

.pi-pp-info-area .promoDetails {
    margin-top: 48px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.1px;
    color: var(--primary-text-color);
}

.pi-pp-circle-area-up, .pi-pp-circle-area-down {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;

    border-radius: 100px;
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(10px);
}

.pi-icon-photo-white {
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url(/img/actions/photos_white_v1.svg);
}

.pi-icon-mail-white {
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url(/img/actions/mail_white_v1.svg);
}

.pi-icon-link-white {
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url('/img/actions/copy_blue_v1.svg');
}

.pi-pp-circle-area-up {
    display: none;
}

.pi-pp-contest-deadline {
    padding: 4px 12px 4px 12px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    border-radius: 100px;
    background: #A63297;
}

.pi-mobile .pi-pp-contest-deadline {
    font-size: 20px;
}

.pi-pp-contest-legal {
    margin-top: 56px;
    width: 100%;
    background-color: var(--default-bg-color-l1);
    padding: 24px 28px 24px 28px;
    border-radius: 16px;
    border: var(--nav-main-content-left-border);
}

.pi-pp-contest-legal .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-text-color);
    margin-bottom: 12px;
}

.pi-mobile .pi-pp-contest-legal .title {
    font-size: 18px;
}

.pi-pp-contest-legal ul {
    padding-left: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.pi-mobile .pi-pp-contest-legal ul {
    font-size: 18px;
}

.pi-pp-contest-legal li {
    list-style: unset;

}

.pi-pp-contest {
    display: flex;
    flex-direction: column;
    padding: unset;
}

.pi-pp-contest .title {
    font-weight: 500;
    font-size: 18px;
    color: var(--primary-text-color);
}

.pi-pp-contest a {
    text-decoration: none;
}

.pi-pp-contest .pi-icon-close {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-image: url('/img/actions/close_gray_v1.svg');
}

.pi-dark-theme .pi-pp-contest .pi-icon-close {
    background-image: url('/img/actions/close_white_v1.svg');
}

.pi-pp-contest .pi-dialog-header {
    align-items: center;
    position: relative;
    height: 72px;
    padding-left: 32px;
    padding-right: 32px;
    text-align: left;
}

.pi-pp-contest .pi-dialog-content {
    display: flex;
    flex-flow: column;
}

.pi-dialog-content .pi-image-area {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 256px;
    background: linear-gradient(0deg, rgba(0, 17, 85, 0.5), rgba(0, 17, 85, 0.5)), radial-gradient(24.14% 132.74% at -8.2% 161.84%, #1C3786 0%, rgba(28, 55, 134, 0) 100%), radial-gradient(100.95% 418.22% at 22.72% -70.88%, #BA1F6E 0%, rgba(157, 17, 88, 0) 100%), radial-gradient(49.22% 259.65% at 100% 100%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), #009FFF;
    background-blend-mode: hard-light, normal, normal, normal, normal;
}

.pi-dialog-content .pi-contest-image {
    width: 160px;
    height: 160px;
    box-shadow: 0px 0px 55.56px 0px #00115580;
}

.pi-dialog-content .pi-email-area {
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: left;
    display: flex;
    flex-flow: column;
    border-bottom: var(--nav-main-content-left-border);

    font-size: 14px;
    font-weight: 400;
}

.pi-mobile .pi-dialog-content .pi-email-area {

    font-size: 18px;
    font-weight: 400;
}

.pi-dialog-content .pi-link-area {
    user-select: text;
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: left;
    display: flex;
    flex-flow: column;
    font-size: 14px;
    font-weight: 400;
}

.pi-mobile .pi-dialog-content .pi-link-area {
    font-size: 18px;
}

.pi-image-area .pi-confetti {
    position: absolute;
    width: 480px;
    height: 256px;
    background-size: 480px 256px;
    background-image: url('/img/photocontest/confetti.svg');
}

.pi-image-area .pi-baer {
    position: absolute;
    right: 40px;
    bottom: 0;
    margin: 0 auto;
    width: 150px;
    height: 166px;
    background-size: 150px 166px;
    background-image: url('/img/photocontest/baer_v1.svg');
}

@media only screen and (max-width: 1200px) {
    .pi-baer-area {
        height: 301px;
    }

    .pi-baer-content {
        align-self: center;
    }

    .pi-pp-text-area {
        max-width: none;
    }
}

.map-icon-label .map-icon {
    color: var(--light-text-color);
    text-align: center;
    white-space: nowrap;
    border-radius: 8px;
    background-color: var(--primary-interaction-color);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    margin-top: -10px;
    align-self: center;
}

.folder-presentation-view {
    position: absolute;
    margin: 20px;
    top: 70px;
    bottom: 0;
    left: 240px;
    right: 0;
}

.folder-music-view {
    position: absolute;
    margin: 20px;
    top: 70px;
    bottom: 0;
    left: 200px;
    right: 0;
}
.mono-preview, .mono-picker, .mono-editor, .pi-stories {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
}

.mono-picker {
    z-index: 1001;
}

.mono-preview:focus {
    outline: none;
}

.mono-preview-background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--dark-bg-color);
    z-index: 1001;
}

.mono-preview-background:focus {
    outline: none;
}

.mono-preview-photo-container {
    background-position: center;
    background-repeat: no-repeat;
    -ms-background-size: contain;
    background-size: contain;
    background-color: var(--dark-bg-color);
}

.mono-preview-content, .mono-picker-content, .mono-editor-content, .pi-stories-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1002;
    outline: none;
}

.pi-landing-story.pi-stories-content {
    top: 80px;
}

.mono-picker-content {
    background-color: var(--default-bg-color);
}

.mono-preview-content-navigation-left, .mono-preview-content-navigation-right {
    cursor: pointer;
    z-index: 1005;
    width: 80px;
    height: 100%;
    position: absolute;
    display: table;
    top: 0;
    bottom: 0;
    color: var(--light-text-color);
    font-size: 4em;
    outline: none;
}

.mono-preview-content-navigation-left {
    left: 0;
}

.mono-preview-content-navigation-right {
    right: 0;
}

.mono-preview-navigation-arrows {
    position: absolute;
    top: 200px;
    bottom: 200px;
    display: flex;
    align-items: center;
    width: 100px;
    z-index: 1004;
}

.mono-preview-navigation-arrow-item {
}

.mono-preview-content-navigation-closebutton, .mono-preview-content-navigation-closebutton-editor {
    right: 0;
    top: 0;
    padding: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 1006;
}

.mono-preview-content-navigation-closebutton {
    left: 0;
    right: unset;
    padding: 0px;
}


.mono-preview-content-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.mono-preview-content-area:focus {
    outline: 0;
}


.mono-preview-thumbnailstripe-area, .mono-preview-thumbnailstripe-background {
    position: absolute;
    visibility: hidden;
    height: 160px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1004;
}

.mono-preview-content-image-preview-container {
    z-index: 1003;
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    /*-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.40);
    -ms-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.40);*/
}

.mono-preview-content-image-preview-error-area {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */
}

.mono-preview-content-image-preview-error {
    color: var(--light-text-color);
    font-size: 25px;
    font-weight: 300;
    position: absolute;
    max-width: 600px;
    text-align: center;
}

.mono-preview-fullscreen-element {
}

.mono-preview-content-image-action-container {
}

.mono-preview-fullscreen-animationelement {
    -ms-opacity: 0;
    opacity: 0;
}

.mono-preview-content-image-action-area, .mono-preview-content-image-action-background {
    height: 80px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    color: var(--light-text-color);
    z-index: 1006;
}

.mono-preview-content-image-action-background {
    background-color: var(--dark-bg-color);
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.mono-preview-content-image-action-item {
    cursor: pointer;
    position: absolute;
    bottom: 29px;
}

.mono-preview-thumbnailstripe-area {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mono-preview-thumbnailstripe-background {
    background-color: var(--dark-bg-color);
    -ms-opacity: 0.6;
    opacity: 0.6;
}

.mono-preview-thumbnailstripe-left-action {
    width: 100px;
    height: 100%;
    float: left;
}

.mono-preview-thumbnailstripe-right-action {
    width: 100px;
    height: 100%;
    float: right;
}

.mono-preview-thumbnailstripe-center {
    position: absolute;
    overflow: hidden;
    left: 100px;
    right: 100px;
    top: 20px;
    bottom: 20px;
}

.mono-preview-thumbnailstripe-item-area {
    position: absolute;
    width: 126px;
    height: 116px;
}

/*.mono-preview-thumbnailstripe-item-image {*/
/*    width: 116px;*/
/*    height: 116px;*/
/*    background-color: #F3F3F3;*/
/*}*/

/*.mono-preview-thumbnailstripe-item-image:hover {*/
/*    cursor: pointer;*/
/*    border: 3px solid var(--primary-interaction-color);*/
/*}*/

.thumbnail-selected {
    border: 3px solid var(--primary-interaction-color);
}

/*.mono-preview-thumbnailstripe-item-video {*/
/*    position: absolute;*/
/*    width: 116px;*/
/*    height: 116px;*/
/*}*/

/***********************/
/*     VIDEO Styles    */
/***********************/

.mono-preview-video-container {
    width: 955px;
    height: 36px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: var(--secondary-bg-color);
    font-size: 1.4em;
    color: var(--primary-headline-color);
    display: block;
    margin: 0 auto;
    margin-top: -56px;
    position: relative;
}

.mono-preview-video-play {
    width: 44px;
    border-right: 1px solid var(--border-color);
    float: left;
    padding-left: 16px;
    padding-top: 5px;
}

.mono-preview-video-pause {
    width: 44px;
    border-right: 1px solid var(--border-color);
    float: left;
    padding-left: 13px;
    padding-top: 5px;
}

.mono-preview-video-progress-area {
    margin-left: 10px;
    width: 640px;
    height: 36px;
    float: left;
    border-right: 1px solid var(--border-color);
}

.mono-preview-video-duration {
    float: right;
    margin-right: 10px;
    font-size: 16px;
    position: absolute;
    margin-top: 7px;
    left: 644px;
}

.mono-preview-video-progress {
    width: 100%;
    height: 100%;
    padding-right: 90px;
}

/* PDF Viewer */

.mono-pdf-preview-content-area {
}

.mono-office-preview-content, .mono-office-frame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    border: none;
    display: block;
}

.pi-react-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.mono-pdf-preview-content {
    display: none;
    position: absolute;
    top: 80px;
    background-color: var(--default-bg-color);
}


/* Text Viewer */
.mono-text-preview-content-area {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    -o-user-select: initial;
    user-select: initial;
}

.mono-text-preview-content {
    visibility: hidden;
    position: absolute;
    top: 80px;
}


/*
 NEW gallery appearance
 */
.pi-preview-action-container, .pi-preview-action-presentation-container {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1006;
}

.pi-preview-comments-container {
    border-radius: 4px;
    background-color: rgba(60, 60, 60, 0.8);
    cursor: pointer;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 1007;
    padding: 8px;

}

.pi-desktop .pi-preview-comments-container:hover {
    border-radius: 4px;
    background-color: var(--preview-action-hover-bg-color);
}

.pi-preview-comments-container .area {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.pi-preview-comments-container .counterArea {
    display: flex;
    flex-flow: column;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
}


.pi-preview-comments-container .text {
    color: var(--light-text-color);
    margin-left: 8px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
}

.pi-mobile .pi-preview-comments-container .text {
    font-size: 26px;
    margin-left: 16px;
}

.pi-preview-comments-container .pi-icon-comment {
    background-repeat: no-repeat;
    background-image: url(/img/actions/comment_white_v1.svg);
}

.pi-mobile .pi-preview-comments-container .pi-icon-size {
    width: 40px;
    height: 40px;
    background-size: 40px;
}

.pi-preview-comments-container .counterArea .pi-icon-comment {
    position: absolute;
}

.pi-preview-comments-container .counterArea .count {
    color: var(--light-text-color);
    font-size: 10px;
    margin-top: -4px;
}

.pi-mobile .pi-preview-comments-container .counterArea .count {
    font-size: 16px;
    margin-top: -5px;
}

.pi-preview-action-presentation-container {
    display: none;
}

.pi-preview-action-area {
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    background-color: rgba(60, 60, 60, 0.8);
}

.pi-preview-action-area > div {
    cursor: pointer;
    flex: 1 1 auto;
    text-align: center;
    padding: 8px;
}

.pi-mobile .pi-preview-action-area > div {
    padding-left: 16px;
    padding-right: 16px;
    padding: 10px;
}


.pi-desktop .pi-preview-action-area > div:hover {
    background-color: var(--preview-action-hover-bg-color);
}

.pi-desktop .pi-preview-action-area > div:first-child:hover {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

}

.pi-desktop .pi-preview-action-area > div:last-child:hover {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

}

.pi-preview-close {
    top: 16px;
    position: absolute;
    z-index: 1006;
    left: 16px;
}

.pi-preview-icon-area, .pi-preview-icon-transparent-area {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 8px;
    background-color: rgba(60, 60, 60, 0.8);
}

.pi-preview-back-text {
    color: var(--light-text-color);
    margin-left: 8px;
    margin-right: 8px;
    font-size: 20px;
}

.pi-mobile .pi-preview-back-text {
    font-size: 26px;
}

.pi-preview-icon-transparent-area {
    background-color: unset;
}

.pi-desktop .pi-preview-icon-area:hover {
    background-color: var(--preview-action-hover-bg-color);
}

.pi-preview-icon-area .pi-icon-preview-back {
    background-image: url('/img/actions/arrow_left_white_v1.svg');
}

.pi-preview-icon-area .pi-icon-preview-close {
    background-image: url('/img/actions/close_white_v1.svg');
}

.pi-preview-icon-area .pi-icon-play {
    background-image: url('/img/actions/play_white_v1.svg');
}

.pi-preview-icon-area .pi-icon-left-arrow {
    transform: rotate(90deg);
    background-image: url('/img/actions/arrow_small_left_white_v1.svg');
}

.pi-preview-icon-area .pi-icon-right-arrow {
    transform: rotate(-90deg);
    background-image: url('/img/actions/arrow_small_right_white_v1.svg');
}

.pi-map-marker {
    position: absolute;

    width: 40px;
    height: 40px;
    -webkit-background-size: 40px;
    background-size: 40px;

    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -34px;

    /*-webkit-transform: ;*/
    /*-moz-transform: ;*/
    /*-o-transform: ;*/
    /*-ms-transform: ;*/
    /*transform: ;*/

    /*-webkit-animation-name: bounce;*/
    /*-moz-animation-name: bounce;*/
    /*-o-animation-name: bounce;*/
    /*-ms-animation-name: bounce;*/
    /*animation-name: bounce;*/
    /*-webkit-animation-fill-mode: both;*/
    /*-moz-animation-fill-mode: both;*/
    /*-o-animation-fill-mode: both;*/
    /*-ms-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
    /*-webkit-animation-duration: 0.7s;*/
    /*-moz-animation-duration: 0.7s;*/
    /*-o-animation-duration: 0.7s;*/
    /*-ms-animation-duration: 0.7s;*/
    /*animation-duration: 0.7s;*/


    background-image: url('/img/map_marker_v1.svg');
}

.pi-preview-icon-share {
    background-image: url('/img/actions/share_white_v1.svg');
}

.pi-preview-icon-zoom {
    background-image: url('/img/actions/zoom_in_white_v2.svg');
}

.pi-preview-icon-edit {
    background-image: url('/img/actions/edit_white_v1.svg');
}

.pi-preview-icon-favorite {
    background-image: url('/img/actions/favorite_white_v1.svg');
}

.has-favorite .pi-preview-icon-favorite {
    background-image: url('/img/actions/favorite_matrix_white_v1.svg');
}

.pi-preview-icon-download {
    background-image: url('/img/actions/download_white_v1.svg');
}

.pi-preview-icon-delete {
    background-image: url('/img/actions/trash_white_v1.svg');
}

.pi-preview-icon-restore {
    background-image: url('/img/actions/recover_white_v1.svg');
}

.pi-preview-icon-information {
    background-image: url('/img/actions/info_white_v1.svg');
}

.pi-preview-icon-menu {
    transform: rotate(-90deg);
    background-image: url('/img/actions/menu_white_v1.svg');
}

.pi-icon-preview-close {
    background-image: url(/img/actions/close_white_v1.svg);
}

.pi-icon-play {
    background-image: url('/img/actions/play_white_v1.svg');
}

.pi-preview-icon-pause {
    background-image: url('/img/actions/pause_white_v1.svg');
}

.pi-preview-action-container .mono-dropdown.dropdown-menu.pull-right > li:first-child:after {
    left: auto;
    right: 15px;
}

.pi-preview-action-area .mono-icon-share:hover {
    background-repeat: no-repeat;
    background: url('/img/shortActions/share_white_v1.svg');
}

.pi-preview-asset-badge{
    position: absolute;
    z-index: 1010;
    top: 16px;
    display: flex;
    align-items: center;
    left: 500px;
    opacity: 0;
    padding: 4px 6px;
    border-radius: 4px;
    background: rgba(60, 60, 60, 0.8);

    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.1px;

    color: white;
}

.pi-preview-asset-badge .pi-icon-size{
    height: 17px;
    width: 17px;
    background-size: 17px;
    margin-right: 8px;
}

@media (min-width: 660px) {
    .pi-preview-action-area {
        flex-direction: column;
    }

    .pi-desktop .pi-preview-action-area > div:first-child:hover {
        border-radius: 4px 4px 0 0;
        background-color: var(--secondary-dark-bg-color);
    }

    .pi-desktop .pi-preview-action-area > div:last-child:hover {
        border-radius: 0 0 4px 4px;
        background-color: var(--secondary-dark-bg-color);
    }

    .pi-desktop .pi-preview-action-presentation-container .pi-preview-action-area > div:first-child:hover {
        border-radius: 4px 0 0 4px;
        background-color: var(--secondary-dark-bg-color);
    }

    .pi-desktop .pi-preview-action-presentation-container .pi-preview-action-area > div:last-child:hover {
        border-radius: 0 4px 4px 0;
        background-color: var(--secondary-dark-bg-color);
    }
}


@-moz-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.animation-target {
    -webkit-animation: animation 500ms linear both;
    animation: animation 500ms linear both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A500%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A-1000%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A1%2Cb%3A1%7D%5D%7D */

@-webkit-keyframes animation {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1000, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1000, 0, 1);
    }
    5.71% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -624.862, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -624.862, 0, 1);
    }
    11.31% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -364.581, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -364.581, 0, 1);
    }
    17.02% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -190.777, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -190.777, 0, 1);
    }
    22.62% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -86.65, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -86.65, 0, 1);
    }
    28.33% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -27.139, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -27.139, 0, 1);
    }
    33.93% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.147, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.147, 0, 1);
    }
    45.15% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.093, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.093, 0, 1);
    }
    72.57% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.869, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.869, 0, 1);
    }
    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes animation {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1000, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1000, 0, 1);
    }
    5.71% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -624.862, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -624.862, 0, 1);
    }
    11.31% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -364.581, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -364.581, 0, 1);
    }
    17.02% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -190.777, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -190.777, 0, 1);
    }
    22.62% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -86.65, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -86.65, 0, 1);
    }
    28.33% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -27.139, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -27.139, 0, 1);
    }
    33.93% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.147, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.147, 0, 1);
    }
    45.15% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.093, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.093, 0, 1);
    }
    72.57% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.869, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.869, 0, 1);
    }
    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}



.mono-right-panel-area {
    background-color: white;
    position: absolute;
    width: 350px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    outline: none;
}

.pi-panel-black {
    background-color: black;
    color: white;
    box-shadow: -8px 0 32px 0 rgba(0, 0, 0, 0.5);
    z-index: 1003;
}

/* Photo Information Styles */
.mono-photo-information-area, .pi-photo-comments-area {
    display: flex;
    flex-direction: column;
}

.mono-photo-information-title-area, .pi-photo-comments-title-area {
    position: relative;
    align-items: center;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    display: flex;
    height: 74px;
    font-weight: 300;
    font-size: 20px;
    width: 100%;
    padding-left: 24px;
    padding-right: 16px;
}

.pi-mobile .mono-photo-information-title-area {
    font-size: 26px;
}

.mono-photo-information-edit-icon {
    float: left;
    margin-top: 2px;
    height: 15px;
    width: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-image: url('/img/imageInformation/edit_grey_v1.svg');
}

.mono-photo-information-edit-icon:hover {
    background-repeat: no-repeat;
    background-image: url('/img/imageInformation/edit_blue_v1.svg');
}

.mono-photo-information-tags-detail {
    width: 156px;
    float: left;
}

/*
new black styling
 */
.pi-information-map-area, .pi-information-empty-map-area {
    position: absolute;
    display: flex;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 350px;
}

.pi-information-map-title-area {
    height: 104px;
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 246px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}

.pi-information-empty-map-area {
    opacity: .6;
    background: black;
}

.pi-information-empty-info-area {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    height: 276px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
}

.pi-mobile .pi-information-empty-info-area {
    font-size: 22px;
}

.pi-map-click-area {
    cursor: pointer;
}

.pi-information-row {
    margin-top: 24px;
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    display: flex;
    padding: 8px;
    flex-direction: column;
}

.pi-information-row:first-child {
    margin-top: 0;
}

.pi-information-row .edit-back {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pi-information-row .edit-title {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.pi-information-row .edit-subtitle {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-flow: column;
}

.pi-information-row .asset-type-area {
    display: flex;
    align-items: center;
}

.pi-information-row .tag-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
}

.tag-area .tag {
    padding: 8px 14px;
    background-color: rgba(60, 60, 60, 0.8);
    border-radius: 100px;
    color: white;
    font-weight: 500;
    font-size: 14px;
}

.asset-type-area .pi-icon-size {
    width: 17px;
    height: 17px;
    background-size: 17px;
    margin-right: 6px;
}

.pi-mobile .pi-information-row .edit-title {
    font-size: 20px;
}

.pi-mobile .pi-information-row .edit-subtitle {
    font-size: 18px;
}

.edit-title .max-width {
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 262px;
    margin-right: 16px;
}

.pi-information-row .pi-preview-icon-edit {
    opacity: 0.8;
}

.pi-desktop .pi-information-row:hover .edit-back {
    cursor: pointer;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.24);
}

.pi-desktop .pi-information-row:hover .pi-preview-icon-edit {
    opacity: 1;
}

.pi-desktop .pi-information-empty-info-area .btn {
    padding: 4px 16px;
    font-size: 16px;
    font-weight: 500;
}

/*
Comments styles
 */
.pi-comments-empty-container {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.pi-comments-title-background {
    position: absolute;
    left: 16px;
    height: 115px;
    border-radius: 4px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000000);
    right: 16px;
    height: 115px;
    border-radius: 4px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000000);
    z-index: 1;
}

.pi-photo-comments-title-area {
    z-index: 2;
}

.pi-comments-empty-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.pi-comments-empty-area .icon {
    width: 144px;
    height: 144px;
    background-size: 144px;
    background-image: url("../img/emptyScreens/comments_v1.svg");
}

.pi-comments-empty-area .text {
    margin-top: 24px;
    font-size: 18px;
    font-weight: 500;
    width: 230px;
    text-align: center;
    line-height: 1.33;
}

.pi-comments-list-area {

    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /*opacity: 0;*/
}

.pi-comments-list-area .list {
    width: 100%;
    /*height: 100%;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: flex-end;*/
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 46px;
    overflow-y: auto;
    overflow-x: hidden;
}

.pi-comments-list-area .list .item {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.24);
    padding: 8px 16px 16px;
    /*display: none;*/
}

.pi-comments-list-area .pi-icon-menu {
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-image: url('/img/actions/menu_white_v1.svg');
}

.pi-comments-list-area .pi-icon-menu-container {
    width: 32px;
    height: 32px;
    padding: 4px;
}

.pi-comments-list-area .pi-icon-menu-container:hover {
    border-radius: 4px;
    background-color: #1781e3;
}


.pi-item-fadeOut {
    visibility: visible;
    animation: fadeOut 0.3s ease-out;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
        display: none;
        transform: translate(0, 96px);
    }
}

.item .comment-title-area {
    display: flex;
    flex-direction: row;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}

.comment-title-area .author {
    margin-right: 8px;
}

.comment-title-area .date {
    flex-grow: 1;
    color: #c3c3c3;
}

.item .comment-content-area {
    margin-top: 16px;
    font-size: 16px;
}

.item .comment-content-area .pi-emoji-content {
    font-size: 32px;
}

.item .comment-content-area > div {
    white-space: pre-wrap;
    word-break: break-word;
}

.pi-photo-comments-area .pi-send-icon-container {
    cursor: pointer;
    padding: 4px;
}

.pi-desktop .pi-photo-comments-area .pi-send-icon-container:hover {
    border-radius: 4px;
    background-color: #1781E3;
}

.pi-photo-comments-area .pi-send-icon {
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-image: url("../img/actions/send_white_v3.svg");
}

.pi-name-text-area {
    display: flex;
    flex-direction: column;
    border: solid 1px rgba(255, 255, 255, 0.24);
    border-radius: 4px;
    margin-left: 16px;
    margin-bottom: 8px;
    width: 318px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.08);
}


.pi-emoji-text-area {
    display: flex;
    min-height: 112px;
    flex-direction: column;
    border: solid 1px rgba(255, 255, 255, 0.24);
    border-radius: 4px;
    margin-left: 16px;
    margin-bottom: 24px;
    width: 318px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.08);
}

.pi-emoji-text-readonly {
    background-color: rgba(255, 255, 255, 0.24);
}

.pi-emoji-text-area .actions {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 4px;
}

.pi-emoji-tooltip-area {
    display: flex;
    font-size: 20px;
}

.pi-emoji-tooltip-area .pi-emoji {
    cursor: pointer;
    padding: 4px;
    transition: all 0.1s ease-in;
}

.pi-emoji-tooltip-area .pi-emoji:hover {
    transform: scale(1.5);
}


.pi-safe-content-area {
    border-radius: 16px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--safe-modal-bg-color);
    padding-left: 32px;
    padding-right: 32px;

    margin-left: auto;
    margin-right: auto;

    position: relative;
    margin-top: 135px;
    display: flex;

    flex-flow: column;
}

.pi-safe-content-area .link{
    cursor: pointer;
}

.pi-safe-not-initialized-area {
    align-items: center;
    max-width: 485px;
    width: 100%;
    height: 100%;
}

.pi-safe-unlock-area {
    max-width: 430px;
    width: 100%;
    height: 100%;

    padding-top: 32px;
}

.pi-safe-init-area {
    padding-top: 32px;
    max-width: 420px;
    width: 100%;
}

.pi-safe-content-area .mono-input {
    border: 1px solid var(--border-color);
}

.pi-safe-content-area .link {
    font-size: 16px;
    margin-top: 16px;
}

.pi-safe-content-area .caption {
    font-size: 18px;
    color: var(--action-text-color);
    font-weight: 700;
}

.pi-safe-content-area .caption.initTitle {
    font-size: 24px;
    font-weight: 500;
}

.pi-safe-content-area .info {
    font-size: 16px;
    font-weight: 500;
}

.pi-safe-content-area .subInfo {
    font-size: 14px;
    font-weight: 500;
}

.pi-safe-content-area .caption.teaser {
    color: var(--sc-interaction-red);
}

.pi-safe-not-initialized-area .pi-icon-protected-share {
    height: 260px;
    width: 260px;
    -ms-background-size: 260px;
    background-size: 260px;
    background-repeat: no-repeat;
}

.pi-safe-not-initialized-area .pi-safe-info-list {
    flex-wrap: wrap;
}

.pi-safe-info-list {
    display: flex;
}

.pi-safe-info-list .item {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-top: 16px;
}

.pi-safe-info-list .item .pi-safe-icon {
    margin-right: 16px;
    width: 18px;
    height: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
}

.pi-safe-info-list .item .text {
    max-width: 170px;
    font-size: 16px;
}

.pi-safe-init-area .pi-safe-info-list {
    flex-flow: column;
}

.pi-safe-init-area .pi-safe-info-list .item .text {
    max-width: unset;
}

.pi-safe-init-area .mono-home-stripe-more-area{
    text-align: right;
    font-size: 15px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-top: 24px;
}

.pi-safe-recovery-list {
    position: relative;
    border-radius: 4px;
    display: flex;
    flex-flow: column;
    user-select: text;
    background-color: var(--recovery-code-bg-color);
    padding: 8px 16px;
}

.pi-safe-recovery-list .item {
    font-size: 13px;
    flex-grow: 1;
    width: 100%;
    line-height: 30px;
    font-family: monospace;
}

.pi-safe-recovery-list .pi-safe-icon {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.pi-safe-recovery-list .pi-icon-copy {
    position: absolute;
    right: 16px;
    background-repeat: no-repeat;
    background-image: url('/img/actions/copy_gray_v1.svg');
}

.pi-desktop .pi-safe-recovery-list .pi-icon-copy:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/copy_blue_v1.svg');
}

.pi-search {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.pi-search-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--search-bg-color);
}

.pi-search-input-area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 64px;
    background-color: #d1e6f9;
    padding-right: 36px;
    padding-left: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 11;
    align-items: center;
}

.pi-search-input-area input.mono-control-seamless {
    color: var(--dark-text-color);
}

.pi-search-icon-clear {
    margin-right: 14px;
    z-index: 10;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    font-size: 20px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.pi-search-field {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.pi-search-field-invalid {
    -webkit-transform: translateX(-34px);
    transform: translateX(-34px);
}

.pi-search-field-invalid ~ .pi-search-icon-clear {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

/*
New search styles
 */

.pi-action-area-search {
    z-index: 999;
    position: absolute;
    right: 68px;
    left: 0;
    margin-top: 12px;
}

.pi-timeline-search-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.pi-dark-theme .pi-action-area-search .pi-icon-search {
    background-repeat: no-repeat;
    background-image: url('/img/actions/search_white_v2.svg');
}

.pi-action-area-search .pi-icon-search {
    background-repeat: no-repeat;
    background-image: url('/img/actions/search_navy_v2.svg');
}

.pi-action-area-search .pi-icon-search:hover {
    background-repeat: no-repeat;
    background-image: url('/img/actions/search_hover_v2.svg');
}

.pi-action-area-search .pi-icon-area {
    cursor: pointer;
    background: var(--navbar-bg-color);
    position: absolute;
    right: 0;
    border-radius: 24px;
    padding: 12px;
}

.pi-action-area-search .pi-search-input {
    position: absolute;
    display: none;
    align-items: center;
    width: 0%;
    right: 0;
    min-height: 48px;
    padding: 5px 16px;
    background-color: rgba(221, 227, 231, 1);
    border-radius: 100px;

    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

.pi-action-area-search .pi-transparent-control::placeholder {
    color: var(--legal-color);
}

.pi-action-area-search .pi-search-input.open {
    width: 100%;
}

.pi-action-area-search .pi-search-input .pi-icon-close {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    margin-left: 4px;
    background-image: url('/img/actions/close_gray_v1.svg');
}

.pi-dark-theme .pi-action-area-search .pi-search-input .pi-icon-close {
    background-image: url('/img/actions/close_white_v1.svg');
}

.pi-action-area-search .pi-search-input.focused {
    background-color: var(--search-input-focused-bg-color);
}

.pi-action-area-search .pi-search-input.inactive {
    background-color: var(--search-input-inactive-bg-color);
}

.pi-action-area-search .pi-search-input.inactive:hover {
    background-color: var(--search-input-hover-bg-color);
}

.pi-action-area-search .pi-search-input .pi-text-input-area {
    flex-grow: 1;
}

.pi-action-area-search .pi-search-input .pi-keys-area {
    display: flex;
    overflow: auto;
    margin-left: 8px;
}

.pi-action-area-search .pi-search-input .pi-keys-area .pi-icon-close {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    margin-left: 4px;
    background-image: url('/img/actions/close_gray_v1.svg');
}

.pi-dark-theme .pi-action-area-search .pi-search-input .pi-keys-area .pi-icon-close {
    background-image: url('/img/actions/close_white_v1.svg');
}

.pi-action-area-search .pi-search-input .pi-key-items-area {
    display: flex;
}

.pi-action-area-search .pi-search-input .pi-key-items-area .pi-key-item {
    display: flex;
    background-color: var(--search-key-item-bg-color);
    border: 1px solid var(--search-key-item-border-color);
    border-radius: 100px;
    padding: 4px 14px 4px 14px;
    align-items: center;
    cursor: pointer;
    margin-right: 8px;
    text-wrap: nowrap;
}

.pi-action-area-search .pi-search-input .pi-key-items-area .pi-key-item.selected {
    background-color: var(--search-key-item-selected-bg-color);
}

.pi-action-area-search .pi-search-input .pi-key-items-area .pi-key-item:last-child {
    margin-right: 0;
}

.pi-action-area-search .pi-search-result-area {
    display: none;
    flex-flow: column;
    border-radius: 24px;
    width: 522px;
    max-height: 395px;
    padding-top: 24px;
    padding-bottom: 18px;
    background-color: var(--settings-container-bg-color);
    position: absolute;
    top: 58px;
    color: var(--primary-headline-color);
}

.pi-search-result-area .title {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

.pi-search-result-area .result-items-area {
    overflow: auto;
}

.pi-search-result-area .result-items-area .result-item {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0px 24px;
    font-weight: 400;
    font-size: 18px;
}

.pi-search-result-area .result-items-area .result-item .result-item-wrapper {
    display: flex;
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid var(--nav-item-bg-hover);
}

.pi-search-result-area .result-items-area .result-item:hover {
    background: var(--nav-item-bg-hover);
    cursor: pointer;
}

.pi-search-result-area .result-items-area .result-item.onKeyFocus {
    background: var(--nav-item-bg-hover);
}


.pi-search-result-area .result-items-area .result-item:last-child .result-item-wrapper {
    border-bottom: none;
}

.pi-search-result-area .result-items-area .result-item .type-icon {
    margin-right: 16px;
    width: 24px;
    height: 24px;

    background-size: 24px;
    background-repeat: no-repeat;
}

.pi-search-result-area .result-items-area .result-item .name {
    flex-grow: 1;
}

.pi-search-result-area .result-items-area .result-item .count {
    font-size: 16px;
    color: var(--secondary-text-color);
}

.pi-search-result-area .result-items-empty {
    display: none;
}

.result-items-places-info .type-icon {
    margin-right: 16px;
    width: 24px;
    height: 24px;

    background-size: 24px;
    background-repeat: no-repeat;
}

.pi-search-result-area .result-items-places-info {
    color: var(--primary-headline-color);
    background-color: var(--search-result-places-bg-color);
    padding: 18px 24px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    margin-bottom: -18px;
    font-size: 16px;
    font-weight: 400;
}

.result-items-places-info .pi-map-view-link{
    cursor: pointer;
}

.result-items-places-info .places-info {
    display: flex;
    flex-flow: row;
}

.pi-search-result-area .result-items-init {
    display: none;
}

.pi-search-result-area .result-items-empty .result-item {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 18px;
}

.pi-search-result-area .result-items-init .result-item {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 18px;
}

.pi-action-area-search input.pi-transparent-control {
    font-size: 18px;
}

.mono-settings-area {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--default-bg-color);
}

.mono-settings-content-area {
display: flex;
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
}

.pi-settings-top-content-element {
    display: flex;
    align-self: center;
    align-items: center;
    max-width: 680px;
    min-width: 422px;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.mono-settings-content{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 40px;
}

@media (min-width: 994px) {

    .pi-settings-top-content-element {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (min-width: 1002px) {

    .pi-settings-top-content-element {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .mono-settings-content {
        flex-wrap: unset;
    }

    .pi-settings-top-content-element {
        max-width: 1055px;
        padding-left: 8px;
        padding-right: 8px;
    }

    /*.pi-settings-right-content{*/
    /*    max-width: 336px;*/
    /*}*/
}

@media (min-width: 1368px) {
    .pi-settings-top-content-element {
        padding-left: 0;
        padding-right: 0;
    }

    /*.pi-settings-right-content{*/
    /*    max-width: 336px;*/
    /*}*/
}



.pi-settings-left-content {
    flex-grow: 1;
    display: flex;
    max-width: 680px;
    min-width: 422px;
    align-items: center;
    flex-direction: column;
}

.minimized .pi-settings-left-content {
    padding: 8px;
}

.pi-settings-right-content {
    display: flex;
    max-width: 336px;
    flex-direction: column;
}

.pi-settings-container {
    visibility: hidden;
    display: flex;
    opacity: 0;
    flex-direction: column;
    margin-top: 32px;

    border: 1px solid var(--border-color);
    border-radius: 5px;
    box-shadow: var(--settings-container-shadow);
    background-color: var(--settings-container-bg-color);
    width: 100%;

    -webkit-transition: visibility 0.3s linear, opacity 0.6s linear;
    -moz-transition: visibility 0.3s linear, opacity 0.6s linear;
    -ms-transition: visibility 0.3s linear, opacity 0.6s linear;
    -o-transition: visibility 0.3s linear, opacity 0.6s linear;
    transition: visibility 0.3s linear, opacity 0.6s linear;
}

.pi-settings-container .pi-newbadge-settings-row{
    opacity: 0;
    padding: 4px 16px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--bade-bg-pro);
    color: white;

    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    position: absolute;
}

.pi-settings-container.collapsed {
    height: 80px;
}

.pi-settings-container.collapsed .pi-titleRow {
    cursor: pointer;
}


.pi-settings-container.collapsed .pi-titleRow .pi-detail {
    display: none;
}

.pi-settings-container.collapsed .pi-row {
    display: none;
}

.pi-settings-container.collapsed .pi-usage-row {
    display: none;
}


.pi-settings-container .pi-accordion-icon {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-size: 32px;
    background-image: url("../img/actions/accordion_up_v1.svg");
}

.pi-settings-container.collapsed .pi-accordion-icon {
    background-image: url("../img/actions/accordion_down_v1.svg");
}

.pi-settings-plain-container {
    visibility: hidden;
    display: flex;
    opacity: 0;
    flex-direction: column;
    margin-top: 48px;
    margin-bottom: 32px;
    max-width: 680px;
    width: 100%;
    padding-left: 32px;
    text-align: left;

    -webkit-transition: visibility 0.3s linear, opacity 0.3s linear;
    -moz-transition: visibility 0.3s linear, opacity 0.3s linear;
    -ms-transition: visibility 0.3s linear, opacity 0.3s linear;
    -o-transition: visibility 0.3s linear, opacity 0.3s linear;
    transition: visibility 0.3s linear, opacity 0.3s linear;
}

.pi-settings-container .pi-row {
    display: flex;
    border-top: 1px solid var(--border-color);
    padding: 16px 32px;
}

.pi-settings-right-content .pi-settings-container .pi-row {

}

.pi-settings-container .pp-baer-area {
    width: 272px;
    height: 152px;
    flex-shrink: 0;
    background-size: 272px 152px;
    margin-bottom: 16px;
    border-radius: 8px;
}

.pp-baer-area.promo_1 {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/promo_1.jpg');
}

.pp-baer-area.promo_2 {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/promo_2.jpg');
}

.pp-baer-area.promo_3 {
    background-repeat: no-repeat;
    background-image: url('/img/photoproducts/promo_3.jpg');
}

.pi-settings-container .pi-titleRow {
    display: flex;
    padding: 16px 32px;
}

.pi-settings-container .pi-row-padding {
    padding-top: 24px;
    padding-bottom: 24px;
}

.pi-insider-logo {
    width: 106px;
    height: 48px;
    -webkit-background-size: 106px 48px;
    background-size: 106px 48px;
    background-image: url('/img/insider_logo_v2.svg');
}

.pi-desktop .pi-settings-container .btn {
    padding: 4px 16px;
    font-size: 16px;
    font-weight: 500;
}

.pi-settings-container .pi-row:first-child {
    border-top: none;
}

.pi-row .pi-avatar {
    margin-right: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    -ms-border-radius: 36px;
    border-radius: 36px;
    background-color: var(--avatar-bg-color);
}

.pi-avatar .pi-text {
    font-size: 30px;
    color: var(--avatar-text-color);
}


.pi-titleRow .pi-content, .pi-row .pi-content {
    display: flex;
    flex: 1;
    flex-grow: 1;
    align-items: flex-start;
    flex-direction: column;
    padding: 8px 0;
}

.pi-titleRow .pi-content {
    padding: unset;
}

.pi-content .pi-title {
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-headline-color);
    width: 100%;
}

.pi-content .pi-detail {
    display: flex;
    font-size: 16px;
    text-align: left;
    font-weight: 300;
    color: var(--primary-text-color);
    align-self: stretch;
}

.pi-content .pi-detail .link-item{
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}
.pi-content .pi-detail .link-item:last-child{
    margin-right: 0;
}

.pi-content .pi-detail .pi-icon-edit {
    margin-left: 8px;
}

.pi-content-entry {
    display: flex;
    flex-direction: column;
}

.pi-content .pi-title a {
    cursor: pointer;
    font-weight: 500;
}

.pi-content .pi-detail a {
    cursor: pointer;
    font-weight: 500;
}

.pi-content .pi-single {
    padding: 8px 0;
    font-size: 16px;
}

.pi-content .pi-lg {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-headline-color);
    align-self: flex-start;
}

.mono-home-badge-staff-crown {
    position: absolute;
    top: -13px;
    left: 26px;
    width: 26px;
    height: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-image: url('/img/settings/icon-crown_v1.svg');
}

.mono-home-badge-staff-crown {
    top: -19px;
    left: 21px;
    transform: rotate(25deg);
    transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.mono-header-login:hover .mono-home-badge-staff-crown {
    transform: translate3d(-13px, -2px, 0px);
}

.mono-header-login .open .mono-home-badge-staff-crown {
    transform: translate3d(-13px, -2px, 0px);
}

.mono-badge-pro {
    background-color: var(--bade-bg-pro);
}

.mono-badge-light {
    background-color: var(--bade-bg-light);
}

.mono-badge-standard {
    background-color: var(--sc-blue-color);
}

.pi-insider-logo-layout {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: -25px;
}

.pi-settings-container .pi-icon-size {
    background-size: 20px;
    width: 20px;
    height: 20px;
}

.pi-icon-globe {
    background-repeat: no-repeat;
    background-image: url('/img/settings/globe.svg');
}

.pi-icon-lifesaver{
    background-repeat: no-repeat;
    background-image: url('/img/appswitcher/lifesaver_hover_v1.svg');
}

.pi-icon-community{
    background-repeat: no-repeat;
    background-image: url('/img/actions/community_blue_v1.svg');
}

.pi-icon-police{
    background-repeat: no-repeat;
    background-image: url('/img/actions/police_blue_v1.svg');
}


.pi-language-item {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    font-family: TheSansW4SemiLight;
    color: var(--primary-interaction-color);
    font-size: 16px;

}

.pi-language-item:focus {
    outline: none;
}

.pi-language-item:hover {
    text-decoration-line: underline;
}

.pi-language-item-selected {
    text-decoration-line: underline;
}

.pi-ad-upselling-container{
    position: relative;
    display: flex;
    flex-flow: column;
    background-color: var(--sc-navy-color);
    box-shadow: 0px 0px 16px 0px #0000001A;
    border-radius: 5px;
    width: 300px;
    padding-left: 24px;
    padding-top: 18px;
    color: var(--sc-white-color);
}

.pi-ad-upselling-container .text{
    font-size: 18px;
    font-weight: 400;
}

.pi-logo-swisscom-small{
    width: 93px;
    height: 36px;
    margin-left: -6px;
    background-repeat: no-repeat;
    background-image: url(/img/swisscom_logo_navigation_white_v1.svg);
}

.pi-ad-upselling-sidebar-baer {
    position: absolute;
    right: 0;
    bottom: -5px;
    align-self: center;
    width: 87px;
    height: 104px;
    background-size: 87px 104px;
    background-repeat: no-repeat;
    background-image: url(/img/zookeeper/Baer_advertising_slide_v1.svg);
}

/*
 USAGE
 */

.pi-usage-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/*.pi-usage-row {*/
/*    display: flex;*/
/*    width: 100%;*/
/*    align-items: flex-start;*/
/*}*/

/*.pi-usage-row .pi-title {*/
/*    color: var(--primary-headline-color);*/
/*    font-weight: 500;*/
/*}*/

/*.pi-usage-row .pi-detail {*/
/*    color: var(--primary-text-color);*/
/*    font-weight: 500;*/
/*    white-space: nowrap;*/
/*}*/

/*.pi-legend-area {*/
/*    margin: 16px 0;*/
/*    display: flex;*/
/*    width: 100%;*/
/*}*/

/*.pi-legend-bar-element {*/
/*    height: 8px;*/
/*    margin-right: 2px;*/
/*    float: left;*/
/*}*/

/*.pi-legend-bar-element:first-child {*/
/*    border-top-left-radius: 4px;*/
/*    border-bottom-left-radius: 4px;*/
/*}*/

/*.pi-legend-bar-element:last-child {*/
/*    border-top-right-radius: 4px;*/
/*    border-bottom-right-radius: 4px;*/
/*}*/

/*.pi-legend-row {*/
/*    border-top: 1px solid var(--border-color);*/
/*    display: flex;*/
/*    width: 100%;*/
/*    padding: 16px 0;*/
/*    align-items: center;*/
/*}*/

/*.pi-legend-row:last-child {*/
/*    border-bottom: 1px solid var(--border-color);*/
/*}*/

/*.pi-legend-row .pi-dot {*/
/*    margin-right: 16px;*/
/*    background-color: var(--legend-bg-row);*/
/*    height: 16px;*/
/*    width: 16px;*/
/*    -ms-border-radius: 8px;*/
/*    border-radius: 8px;*/
/*}*/

/*.pi-legend-row .pi-title {*/
/*    color: var(--primary-text-color);*/
/*    font-size: 16px;*/
/*    font-weight: 300;*/
/*    flex-grow: 1;*/
/*    width: auto;*/
/*}*/

/*.pi-legend-row .pi-detail {*/
/*    color: var(--primary-text-color);*/
/*    font-size: 16px;*/
/*    font-weight: 300;*/
/*}*/

/*.pi-usage-row .pi-info {*/
/*    color: var(--primary-text-color);*/
/*    font-size: 16px;*/
/*    font-weight: 300;*/
/*}*/

/*.pi-centered-row{*/
/*    flex-flow: column;*/
/*    align-items: center;*/
/*}*/

.share-view-dialog {
    width: 500px;
    height: 275px;
}

.share-view-v2-dialog {
    width: 428px;
}

.share-action-area {
    margin: 0 auto;
    position: relative;
    height: 120px;
    padding-top: 20px;
}

.share-action-content {
    position: absolute;
}

.share-action-item {
}

.share-action-item-link, .share-action-item-collaborate, .share-action-item-facebook, .share-action-item-twitter, .share-action-item-more, .share-action-item-tv {
    cursor: pointer;
    float: left;
    text-align: center;
}

.share-action-item-link:hover, .share-action-item-collaborate:hover, .share-action-item-facebook:hover, .share-action-item-twitter:hover, .share-action-item-more:hover, .share-action-item-tv:hover {
    color: var(--primary-interaction-hover);
}

.share-icon-text {
    font-weight: 300;
    font-size: 15px;
}

.share-icon-link, .share-icon-collaborate, .share-icon-facebook, .share-icon-twitter, .share-icon-more, .share-icon-tv {
    height: 60px;
    width: 60px;
    -ms-background-size: 60px;
    background-size: 60px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.share-icon-link {
    background-image: url('/img/controls/sharing_inactive.svg');
}

.share-action-item-link:hover > .share-icon-link {
    background-image: url('/img/controls/sharing_active.svg');
}

.share-icon-more {
    background-image: url('/img/controls/sharemore_inactive.svg');
}

.share-action-item-more:hover > .share-icon-more {
    background-image: url('/img/controls/sharemore_active.svg');
}

.share-icon-collaborate {
    background-image: url('/img/controls/sharedfolder_inactive.svg');
}

.share-action-item-collaborate:hover > .share-icon-collaborate {
    background-image: url('/img/controls/sharedfolder_active.svg');
}


.share-icon-facebook {
    background-image: url('/img/controls/sharing_facebook_grey.svg');
}

.share-action-item-facebook:hover > .share-icon-facebook {
    background-image: url('/img/controls/sharing_facebook_blue.svg');
}


.share-icon-twitter {
    background-image: url('/img/controls/sharing_twitter_grey.svg');
}

.share-action-item-twitter:hover > .share-icon-twitter {
    background-image: url('/img/controls/sharing_twitter_blue.svg');
}

.share-icon-tv {
    background-image: url('/img/controls/tv_inactive.svg');
}

.share-action-item-tv:hover > .share-icon-tv {
    background-image: url('/img/controls/tv_active.svg');
}

.share-infoline {
    text-align: left;
    margin-bottom: 12px;
    font-family: 'TheSansW4SemiLight';
    font-size: 16px;
    color: var(--primary-text-color);
}

.share-infoline .line-action {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.share-infoline .line-action .pi-icon-size {
    width: 24px;
    height: 24px;
    background-size: 24px;
    margin-right: 8px;
}

.share-infoline .line-action .pi-icon-unmount {
    background-repeat: no-repeat;
    background-image: url('/img/actions/remove_from_album_red_v1.svg');
}

.share-infoline .line-action .pi-icon-remove-link {
    background-repeat: no-repeat;
    background-image: url('/img/actions/chain_break_red_v1.svg');
}

.shareOptionRow {
    padding: 9px 32px;
    font-weight: 400;
    font-size: 16px;
    color: var(--primary-headline-color);
}

.shareOptionRow:last-child {
    border-bottom: none;
}

.shareOptionRow .share-content {
    display: flex;
    flex-flow: row;
    align-items: center;
}

.shareOptionRow .title {
    color: var(--primary-headline-color);
}

.shareOptionRow .detail {
    margin-top: 8px;
    font-size: 16px;
    color: var(--primary-text-color);
}


.shareOptionRow .loader-spinner-dark {
    top: unset;
    left: unset;
    position: unset;
    margin-left: 0;
    margin-top: 0;
}


.shareOptionRow .pi-icon-info {
    background-repeat: no-repeat;
    background-image: url('/img/actions/info_blue_v1.svg');
}

.shareOptionRow .pi-icon-info.icon-detail {
    background-repeat: no-repeat;
    background-image: url('/img/actions/info_gray_v1.svg');
    width: 18px;
    height: 18px;
    background-size: 18px;
    margin-right: 8px;
    margin-left: 8px;
}

.shareOptionRow .pi-icon-checkmark {
    width: 32px;
    height: 32px;
    background-size: 32px;
    background-repeat: no-repeat;
    background-image: url('/img/actions/check-mark-navy-v1.svg');
}

.pi-dark-theme .shareOptionRow .pi-icon-checkmark {
    background-image: url('/img/actions/check-mark.svg');
}


.shareOptionRow .pi-icon-upload {
    width: 44px;
    height: 32px;
    background-size: 32px;
    background-repeat: no-repeat;
    background-image: url('/img/actions/upload_navy_v1.svg');
}

.shareOptionRow .mono-controls-radio-button {
    background-size: 20px;
    width: 20px;
    height: 20px;
}

.shareOptionRow .radioButton-line {
    display: flex;
    align-items: center;
    padding-left: 8px;
    padding-top: 8px;
    font-size: 16px;
    font-weight: 300;
}

.shareOptionRow .radioButton-line.noPadding {
    padding-left: unset;
    padding-top: unset;
    font-weight: 400;
}

.shareOptionRow .pi-iconbutton-style {
    cursor: pointer;
    display: flex;
    padding: 10px 16px;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--sc-interaction-blue);
    border-radius: 8px;
    color: var(--sc-interaction-blue);
    font-size: 14px;
}

.shareOptionRow .pi-iconbutton-style:hover {
    color: var(--sc-interaction-blue-hover);
    border: solid 1px var(--sc-interaction-blue-hover);
}

.pi-iconbutton-style .pi-icon-size {
    width: 18px;
    height: 18px;
    background-size: 18px;
    margin-right: 8px;
}

.pi-iconbutton-style:hover .pi-icon-qr-code {
    background-repeat: no-repeat;
    background-image: url('/img/actions/qr_code_hover_v1.svg');
}

.pi-primary.pi-iconbutton-style {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--sc-interaction-blue);
    border-radius: 8px;
    color: var(--sc-white-color);
    background-color: var(--sc-interaction-blue);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.1px;
}

.pi-dark-theme .shareOptionRow .pi-icon-upload {
    background-repeat: no-repeat;
    background-image: url('/img/actions/upload_white_v1.svg');
}

.column-right {
    display: flex;
    /*flex-flow: column;*/
    flex-grow: 1;
    /*margin-left: 24px;*/
    justify-content: flex-end;
}

.share-infoline-right {
    float: right;
    font-family: 'TheSansW4SemiLight';
    color: var(--primary-interaction-color);
    cursor: pointer;
}

.share-copyright {
    font-family: 'TheSansW4SemiLight';
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    color: var(--legal-color);
    z-index: 11;
}

.notShared-overlay {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    top: 60px;
    z-index: 3;
}

.share-copyright:hover {
    text-decoration: underline;
}

.share-copyright-link {
    cursor: pointer;
}

.dialog-ul {
    font-family: 'TheSansW4SemiLight';
    padding-left: 15px;
}

.dialog-li {
    font-family: 'TheSansW4SemiLight';
    list-style: disc;
    margin-bottom: 4px;
}

/*.share-action-item {
    cursor: pointer;
    color: #001152;
    position: relative;
    float: left;
    width: 50px;
    height: 100%;
    font-size: 11px;
    margin-right: 15px;
    margin-top: 11px;
}

    .share-action-item:hover {
        color: #3CA8E4;
    }

    .share-action-item span {
        top: 40px;
        position: relative;
    }

.share-action-item-selected {
    color: #3CA8E4;
}*/


.email-content-area {
    text-align: left;
}


.share-copylink-button {
    z-index: 2;
    font-size: 16px;
    position: absolute;
    right: 30px;
    margin-top: -42px;
    padding: 9px 15px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.shareOptionRow .share-copylink-button {
    font-size: 18px;
    margin-top: -49px;
    padding: 11px 15px;
    border-radius: 0px 8px 8px 0px;
}

.protection-view-area {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 24px;
    font-size: 16px;
}

.protection-passwordbox {
    margin-bottom: 42px;
    min-width: 160px;
}

.protection-view-content {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    align-items: center;
}

@media (min-width: 300px) {
    .pi-icon-protected-share {
        height: 240px;
        width: 240px;
        -ms-background-size: 240px;
        background-size: 240px;
        background-repeat: no-repeat;
    }

    .protection-view-content {
        justify-content: center;
    }
}

@media (min-width: 550px) {

    .protection-view-area {
        padding: 48px;
    }

    .pi-icon-protected-share {
        height: 320px;
        width: 320px;
        -ms-background-size: 320px;
        background-size: 320px;
        background-repeat: no-repeat;
    }

    .protection-passwordbox {
        margin-bottom: 48px;
        min-width: 280px;
    }

    .protection-view-content {
        justify-content: unset;
    }
}

/* 
    Share Collaborate Styles
*/
/*.share-collaborate-view-dialog {*/
/*    width: 550px;*/
/*    height: 446px;*/
/*}*/

/*.share-collaborate-table-row {*/
/*    height: 50px;*/
/*    padding-top: 15px;*/
/*    border-bottom: 1px solid #dddddd;*/
/*    padding-bottom: 15px;*/
/*}*/

/*.share-collaborate-table-close {*/
/*    float: right;*/
/*    height: 10px;*/
/*    width: 10px;*/
/*    -ms-background-size: 10px;*/
/*    background-size: 10px;*/
/*    margin-right: 10px;*/
/*    margin-left: 42px;*/
/*    margin-top: 6px;*/
/*}*/

.pi-suggestion-area{
    transition: opacity 1s ease-in 0s;
}
.suggestions-strip-background{
    position: absolute;
    height: 352px;
    left: 0;
    right: 0;
    background-color: var(--photo-story-strip-background);
}
.suggestion-strip {
    background-color: var(--photo-story-strip-background);
    position: relative;
    height: 352px;
    padding-left: 32px;
    padding-top: 16px;
}

.suggestion-strip-header {
    font-weight: 600;
    font-size: 28px;
    padding-bottom: 16px;
    color: var(--primary-headline-color);
}

.suggestion-strip-images-row {
    display: flex;
}

.strip-image-container {
    width: var(--photo-story-strip-image-width);
    height: var(--photo-story-strip-image-height);
    text-align: center;
    position: relative;
    display: flex;
    border-radius: 16px;
    margin-bottom: 16px;
}

.pi-desktop .strip-image-container:hover:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(23, 129, 227, 0.2);
    mix-blend-mode: multiply;
    border-radius: 8px;
}

.strip-image-container.not-last {
    margin-right: 16px;
}

.strip-image-label-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    flex-flow: column;
    padding: 5px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0.87%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 8px;
    padding-bottom: 24px;
}

.strip-image-label-overlay-icon {
    background-image: url('/img/homescreen/home_bulb_v1.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
}

.strip-image-label-overlay-text {
    color: white;
    font-size: 20px;
    font-weight: 700;
}

.composite-strip-image {
    display: flex;
    flex-direction: row;
}

.composite-strip-image img {
    max-width: 25%;
}

img.strip-image {
    width: var(--photo-story-strip-image-width);
    height: var(--photo-story-strip-image-height);
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

.pi-takedown-content {
    background-color: var(--default-bg-color);
}

.mono-takedown-content {
    max-width: 550px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}

.mono-takedown-input {
    border: 1px solid var(--border-color) !important;
    height: 48px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
}


.mono-takedown-title {
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 16px;
}

/*
    dropdown
*/
.mono-takedown-dropdown-area {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    height: 40px;
}

.mono-takedown-dropdown-content {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 6px 12px;
    background-color: var(--default-bg-color);
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    box-shadow: 0 0 4px 0 rgba(51, 51, 51, 0.1);
}

.mono-takedown-dropdown-content-placeholder {
    color: var(--secondary-text-color);
}

.mono-takedown-dropdown-content-value {
    display: none;
}

.mono-takedown-dropdown-right-area {
    position: absolute;
    height: 40px;
    width: 45px;
    right: 0;
    background-color: var(--primary-interaction-color);
    -ms-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.mono-takedown-dropdown-flyout-area {
    display: none;
    background-color: var(--default-bg-color);
    width: 100%;
    position: absolute;
    top: 40px;
    height: 160px;
    -ms-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0px 6px 21px -4px grey;
    border: 1px solid var(--border-color);
    border-top: none;
}

.mono-takedown-dropdown-flyout-item {
    cursor: pointer;
    color: var(--secondary-text-color);
    height: 40px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-color);
}

.mono-takedown-dropdown-flyout-item:hover {
    background-color: var(--secondary-bg-color);
}

.mono-takedown-input-error {
    border: 1px solid var(--sc-interaction-red) !important;
}

.mono-textarea-control {
    background-color: var(--input-bg-color);
    color: var(--primary-text-color);
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}


/*
 LEGAL Styles
 */
.pi-legal-sharing-content {
    max-width: 550px;
    display: flex;
    flex-flow: column;
    width: 100%;
    margin-bottom: 32px;
}

.pi-foss-content {
    padding-left: 24px;
    padding-right: 24px;
    max-width: unset;
    width: 100%;
}

.pi-agb-bear {
    align-self: center;
    width: 230px;
    height: 190px;
    background-size: 230px 190px;
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/AGB_Baer_v2.svg');
}

.pi-agb-bear-tv {
    align-self: center;
    width: 230px;
    height: 190px;
    background-size: 230px 190px;
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/png/AGB_Baer.png');
}

.pi-legal-sharing-content ul {
    padding-left: 40px;
}

.pi-legal-sharing-content li {
    list-style-type: disc;
}

.pi-legal-sharing-content .title {
    font-size: 32px;
    font-weight: 300;
    color: var(--primary-headline-color);
    margin-bottom: 24px;
}

.pi-legal-sharing-content .detail {
    font-size: 18px;
    font-weight: 300;
    color: var(--primary-text-color);
}

/*
 DC Release Notes Styles
 */
.pi-version-entry {
    margin-bottom: 16px;
}

.pi-version-entry:first-child {
    margin-top: 16px;
}

.subtitle {
    font-size: 20px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 8px;
    padding-top: 8px;
}

.pi-version-entry .entry-version {
    font-weight: 500;
}

.pi-tab {
    margin-top: 8px;
    overflow: hidden;
}

/* Style the buttons inside the tab */
.pi-tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 8px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.pi-tab button:hover {
    background-color: var(--search-bg-color);
}

/* Create an active/current tablink class */
.pi-tab button.pi-active {
    background-color: var(--version-language-bg-color);
}

/* Style the tab content */
.pi-tabcontent {
    display: none;
    padding: 6px 12px;

    border-top: none;
}

/*
    BROKER Styles
 */
.pi-broker-backdrop {
    position: absolute;
    background-color: var(--backdrop-color);
    -ms-opacity: 0.50;
    opacity: 0.50;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.pi-broker {
    position: relative;
}

.pi-broker-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--default-bg-color);
    display: flex;
    flex-flow: column;
    overflow: auto;
}

.broker-page {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pi-broker-content {
    display: flex;
    flex-flow: column;
    padding: 32px 28px;
    align-items: center;
}

.pi-broker-content .title {
    font-weight: 600;
    font-size: 24px;
    color: var(--primary-text-color);
    margin-bottom: 12px;
    text-align: center;
}

.pi-broker-content .detail {
    font-weight: 400;
    font-size: 18px;
    color: var(--primary-text-color);
    text-align: center;
}

.pi-broker-animal {
    width: 240px;
    height: 240px;

    background-repeat: no-repeat;
    background-size: 240px;
}

.pi-broker-animal.overstorageState {
    background-image: url('/img/zookeeper/Bear_PasswordProtection_v1.svg');
}

.pi-broker-animal.accountNotFound {
    background-image: url('/img/zookeeper/Keine_Verbindung_v2.svg');
}

.pi-broker-animal.inactiveState {
    background-image: url('/img/zookeeper/Bear_kennt_Weg_nicht_v2.svg');
}

.pi-broker-animal.advertiseState {
    background-image: url('/img/zookeeper/Bear_mit_Megafon.svg');
}

.pi-broker-animal.mismatchState {
    background-image: url('/img/zookeeper/Duck_v1.svg');
}

.pi-broker-animal.mobileLoginState {
    background-image: url('/img/zookeeper/Bear_kennt_Weg_nicht_v2.svg');
}

.pi-broker-text-area {
    margin-top: 16px;
    margin-bottom: 24px;
}

.pi-broker-action-area {
    display: flex;
    column-gap: 16px;
}

.pi-additional-account-area {
    display: flex;
    flex-flow: row;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    border: var(--broker-additional-accounts-border);
    border-radius: 6px;
    margin: 0 16px 16px;
    padding: 8px;
}

.pi-additional-account-area.selected {
    background-color: unset;
    color: var(--sc-interaction-blue);
    border: var(--broker-additional-accounts-border-selected);
}

.pi-broker-footer {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    flex-grow: 1;
    display: flex;
    border-radius: 12px;
    background: var(--broker-footer-bg);
}

.pi-broker-footer-content {
    padding: 32px 40px;
    flex-grow: 1;
}

.pi-broker-footer-text-area {
    display: flex;
    flex-flow: column;
    text-align: center;
}

.pi-broker-footer-text-area .link-area {
    flex-grow: 1;
    display: flex;
    column-gap: 32px;
    row-gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 18px;

    font-size: 16px;
    font-weight: 400;
}

.pi-broker-footer-text-area .lang {
    font-size: 16px;
    font-weight: 400;

    display: flex;
    flex-direction: row;
    justify-content: center;
}

.pi-broker-footer-text-area .lang .item {
    margin-right: 20px;
}

.pi-broker-footer-text-area .lang .item:last-child {
    margin-right: unset;
}

.pi-broker-swisscom-logo {
    width: 137px;
    height: 40px;
    background-size: 137px 40px;
    background-image: url('/img/appswitcher/logo/sc_logo_v2.svg');
}

@media (min-width: 501px) {

    .pi-broker-backdrop {
        border-radius: 16px;
    }

    .pi-broker {
        max-width: 410px;
        border: var(--broker-content-border);
        border-radius: 16px;

        box-shadow: 0 0 16px 0 #0000001A;
    }

    .pi-broker-animal {
        width: 354px;
        height: 227px;

        background-repeat: no-repeat;
        background-size: 354px 227px;
    }

    .pi-broker-animal.overstorageState {
        background-image: url('/img/zookeeper/broker/overstorage_v1.svg');
    }

    .pi-broker-animal.inactiveState {
        background-image: url('/img/zookeeper/broker/inactive_v1.svg');
    }

    .pi-broker-animal.advertiseState {
        background-image: url('/img/zookeeper/broker/advertise_v1.svg');
    }

    .pi-broker-animal.mismatchState {
        background-image: url('/img/zookeeper/broker/usermismatch_v1.svg');
    }

    .pi-broker-animal.accountNotFound {
        background-image: url('/img/zookeeper/broker/account_not_found_v1.svg');
    }

    .pi-broker-content {
        align-items: unset;
    }

    .pi-broker-content .title {
        text-align: unset;
    }

    .pi-broker-content .detail {
        text-align: unset;
    }


    .pi-broker-footer-text-area .link-area {
        flex-grow: 1;
        display: flex;
        column-gap: 32px;
        justify-content: unset;
        margin-right: unset;
        margin-left: unset;
        margin-bottom: unset;

    }

    .pi-broker-footer-text-area {
        flex-flow: row;
        text-align: unset;
    }

    .pi-broker-footer-text-area a {
        text-decoration: none;
    }

    .pi-broker-footer-text-area .info {

        margin-bottom: unset;
    }

    .pi-broker-footer-text-area .lang {
        justify-content: unset;
    }

    .pi-broker .mono-input {
        border: 1px solid var(--border-color);
        height: 48px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 18px;
    }

    .pi-broker .mono-input::selection {
        background-color: rgba(55, 165, 254, 0.08);
    }

    .pi-broker-signin .mono-input-error {
        color: var(--sc-interaction-red);
        border: 1px solid var(--sc-interaction-red);
    }

    .pi-broker .mono-input-error:hover {
        color: var(--sc-interaction-red);
        border: 1px solid var(--sc-interaction-red);
    }

    .pi-broker .mono-input-error:focus {
        border: 1px solid var(--sc-interaction-red);
    }

    .pi-broker .mono-input {
        border: 1px solid var(--border-color);
        height: 48px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 18px;
    }

    .pi-broker .mono-input-error {
        color: var(--sc-interaction-red);
        border: 1px solid var(--sc-interaction-red);
    }

    .pi-broker .mono-input-error:hover {
        color: var(--sc-interaction-red);
        border: 1px solid var(--sc-interaction-red);
    }

    .pi-broker .mono-input-error:focus {
        border: 1px solid var(--sc-interaction-red);
    }

}

/*
 * Tipped - A Complete Javascript Tooltip Solution - v4.2.0
 * (c) 2012-2014 Nick Stakenburg
 *
 * http://www.tippedjs.com
 *
 * License: http://www.tippedjs.com/license
 */

.tpd-tooltip {
  position: absolute;
}

/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
   within their own namespace */
.tpd-tooltip,
.tpd-tooltip [class^="tpd-"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* Content */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
.tpd-content-relative {
  width: 100%;
}

.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; }
.tpd-tooltip .tpd-content-no-padding { padding: 0 !important; }

.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-title-spacer {
  float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
.tpd-title-relative { width: 100%; }
.tpd-title {
  float: left;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.tpd-has-title-close .tpd-title { padding-right: 0 !important; }
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
.tpd-close-icon {
  float: left;
  font-family: Arial, Baskerville, monospace;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}


/* Skin */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}

.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
}

.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; }

.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box; /* Safari */
  background-clip: padding-box; /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255,255,255,.1); /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
}
/* no radius */
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; }
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}

.tpd-background-box-top { top: 0; }
.tpd-background-box-bottom { bottom: 0; }
.tpd-background-box-left { left: 0; }
.tpd-background-box-right { right: 0; }

/* iframeshim IE6 */
.tpd-iframeshim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* Skin / Stems */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tpd-shift-stem-side {
  position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side { width: 100%; }
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side { height: 100%; }

.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; /* shows possible invalid subpx rendering */
  width: 16px; /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px; /* space from the side */
  margin-top: 3px; /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* remove margins once we're done measuring */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; }

.tpd-stem-spacer {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer { margin-top: 0; }

.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}

.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1,1);
  transform: scale(-1,1);
}
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff; /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}

.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}

/* fixes rendering issue in IE */
.tpd-stem * { z-index: 0; zoom: 1; }

/* used by IE < 9 */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}

/* transformations for left/right/bottom */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1,1);
  transform: rotate(-90deg) scale(-1,1);
}
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1,-1) translate(0, -100%);
  transform: scale(1,-1) translate(0, -100%);
}


/* Spinner measurements */
.tpd-loading-icon {
  position: absolute;
  width: 42px; 
  height: 42px;
  display: none;
}
.tpd-loading-line {
  z-index: 12;
  height: 3px;
  width: 2px;
  margin-bottom: 5px;
}
.tpd-spinner {
  margin-left: 50%;
  margin-top: 50%;
}
/* show the loader while loading and hide all the content */
.tpd-is-loading .tpd-loading-icon { display: block; }
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper { display: none; }


/* The actual spinner */
@-moz-keyframes tpd-spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes tpd-spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes tpd-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.tpd-spin {
  position: absolute;
  top: 50%;
  left: 50%;
}

.tpd-spin-rotate,
.tpd-spin-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tpd-spin-line {
  position: absolute;
  top: 0;
  left: 50%;
}


/* Resets while measuring content */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-loading-icon {
  display: none;
}

/* Links */
.tpd-tooltip a,
.tpd-tooltip a:hover { color: #8e8e8e; text-decoration: none; }
.tpd-tooltip a:hover { text-decoration: underline; }


/*
 * Sizes
 */
/* x-small */
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
  padding: 7px 8px;
  font-size: 10px;
  line-height: 15px;
}
.tpd-size-x-small .tpd-background { border-radius: 5px; }
.tpd-size-x-small .tpd-stem {
  width: 12px;  
  height: 6px;
  margin-left: 4px; 
  margin-top: 2px; 
}
.tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px; }
.tpd-size-x-small .tpd-loading-icon { width: 32px; height: 32px; }  
.tpd-size-x-small .tpd-loading-line {
  z-index: 12;        /* amount of lines */
  margin-bottom: 4px; /* radius of the inner circle */
  height: 3px;        /* length of a line */
  width: 2px;         /* width of a line */
}
.tpd-size-x-small .tpd-close { margin-bottom: 1px; }

/* small */
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
  padding: 8px;
  font-size: 10px;
  line-height: 16px;
}
.tpd-size-small .tpd-background { border-radius: 6px; }
.tpd-size-small .tpd-stem {
  width: 14px;
  height: 7px;
  margin-left: 5px;
  margin-top: 2px;
}
.tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px; }
.tpd-size-small .tpd-loading-icon { width: 34px; height: 34px; }
.tpd-size-small .tpd-loading-line {
  z-index: 12;        /* amount of lines */
  margin-bottom: 4px; /* radius of the inner circle */
  height: 3px;        /* length of a line */
  width: 2px;         /* width of a line */
}
.tpd-size-small .tpd-close { margin: 2px 1px; }


/* medium (default) */
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
}
.tpd-size-medium .tpd-background { border-radius: 8px; } 
.tpd-size-medium .tpd-stem {
  width: 16px;      /* best cross browser stem width is 2xheight, for a 90deg angle */
  height: 8px;
  margin-left: 6px; /* space from the side */
  margin-top: 2px;  /* space to offset the tooltip */
}
.tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 10px; }
/* wraps the loader, ideal dimensions don't cause stem movement when opening large tooltips */
.tpd-size-medium .tpd-loading-icon { width: 42px; height: 42px; }
.tpd-size-medium .tpd-loading-line {
  z-index: 12;        /* amount of lines */
  margin-bottom: 5px; /* radius of the inner circle */
  height: 4px;        /* length of a line */
  width: 2px;         /* width of a line */
}
.tpd-size-medium .tpd-close { margin: 4px 2px; }



/* large */
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
}
.tpd-size-large .tpd-background { border-radius: 8px; }
.tpd-size-large .tpd-stem {
  width: 18px;
  height: 9px;
  margin-left: 7px;
  margin-top: 2px;
}
.tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-large .tpd-loading-icon { width: 50px; height: 50px; }
.tpd-size-large .tpd-loading-line {
  z-index: 12;        /* amount of lines */
  margin-bottom: 5px; /* radius of the inner circle */
  height: 5px;        /* length of a line */
  width: 2px;         /* width of a line */
}
.tpd-size-large .tpd-close { margin: 5px 2px 5px 2px; }



/* Skins */
/* default (dark) */
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close { color: #fff; }
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
  background-color: #282828;
}
.tpd-skin-dark .tpd-background {
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255,255,255,.1);
}
/* line below the title */
.tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; }
/* links */
.tpd-skin-dark a,
.tpd-skin-dark a:hover { color: #ccc; }


/* light */
.tpd-skin-light .tpd-content,
.tpd-skin-light .tpd-title,
.tpd-skin-light .tpd-close { color: #333; }
.tpd-skin-light .tpd-background-content {
  background-color: #fff;
}
.tpd-skin-light .tpd-background {
  border-width: 1px;
  border-color: #838383;
  border-color: rgba(0,0,0,.3);
}
.tpd-skin-light .tpd-background-title {
  background-color: #f7f7f7;
}
.tpd-skin-light .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; }
.tpd-skin-light .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* fallback for no/disabled shadow */
.tpd-skin-light.tpd-no-shadow .tpd-background {
  border-color: #acacac;
  border-color: rgba(100,100,100,.3); 
}

/* gray */
.tpd-skin-gray .tpd-content,
.tpd-skin-gray .tpd-title,
.tpd-skin-gray .tpd-close { color: #fff; }
.tpd-skin-gray .tpd-background-content,
.tpd-skin-gray .tpd-background-title {
  background-color: #727272;
}
.tpd-skin-gray .tpd-background {
  border-width: 1px;
  border-color: #727272;
  border-color: rgba(255,255,255,.1);
}
.tpd-skin-gray .tpd-title-wrapper { border-bottom: 1px solid #505050; }
.tpd-skin-gray a,
.tpd-skin-gray a:hover { color: #ccc; }


/* red */
.tpd-skin-red .tpd-content,
.tpd-skin-red .tpd-title,
.tpd-skin-red .tpd-close { color: #fff; }
.tpd-skin-red .tpd-background-content { background-color: #e13c37; }
.tpd-skin-red .tpd-background {
  border-width: 1px;
  border-color: #a30500;
  border-color: rgba(12,0,0,.6);
}
.tpd-skin-red .tpd-background-title { background-color: #e13c37; }
.tpd-skin-red .tpd-title-wrapper { border-bottom: 1px solid #a30500; }
.tpd-skin-red .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-red a,
.tpd-skin-red a:hover { color: #ccc; }

/* green */
.tpd-skin-green .tpd-content,
.tpd-skin-green .tpd-title,
.tpd-skin-green .tpd-close { color: #fff; }
.tpd-skin-green .tpd-background-content { background-color: #4aab3a; }
.tpd-skin-green .tpd-background {
  border-width: 1px;
  border-color: #127c00;
  border-color: rgba(0,12,0,.6);
}
.tpd-skin-green .tpd-background-title { background-color: #4aab3a; }
.tpd-skin-green .tpd-title-wrapper { border-bottom: 1px solid #127c00; }
.tpd-skin-green .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-green a,
.tpd-skin-green a:hover { color: #ccc; }

/* blue */
.tpd-skin-blue .tpd-content,
.tpd-skin-blue .tpd-title,
.tpd-skin-blue .tpd-close { color: #fff; }
.tpd-skin-blue .tpd-background-content { background-color: #45a3e3; }
.tpd-skin-blue .tpd-background {
  border-width: 1px;
  border-color: #1674b4;
  border-color: rgba(0,0,12,.6);
}
.tpd-skin-blue .tpd-background-title { background-color: #45a3e3; }
.tpd-skin-blue .tpd-title-wrapper { border-bottom: 1px solid #1674b4; }
.tpd-skin-blue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-blue a,
.tpd-skin-blue a:hover { color: #ccc; }


/* lightyellow */
.tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title,
.tpd-skin-lightyellow .tpd-close { color: #333; }
.tpd-skin-lightyellow .tpd-background-content { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-background {
  border-width: 1px;
  border-color: #9d9c8c;
  border-color: rgba(8,8,0,.35);
}
.tpd-skin-lightyellow .tpd-background-title { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-title-wrapper { border-bottom: 1px solid #a7a697; }
.tpd-skin-lightyellow .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }


/* lightblue */
.tpd-skin-lightblue .tpd-content,
.tpd-skin-lightblue .tpd-title,
.tpd-skin-lightblue .tpd-close { color: #333; }
.tpd-skin-lightblue .tpd-background-content { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-background {
  border-width: 1px;
  border-color: #7c868a;
  border-color: rgba(0,0,8,.35);
}
.tpd-skin-lightblue .tpd-background-title { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-title-wrapper { border-bottom: 1px solid #909b9f; }
.tpd-skin-lightblue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }


/* lightpink */
.tpd-skin-lightpink .tpd-content,
.tpd-skin-lightpink .tpd-title,
.tpd-skin-lightpink .tpd-close { color: #333; }
.tpd-skin-lightpink .tpd-background-content { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-background {
  border-width: 1px;
  border-color: #8d817c;
  border-color: rgba(8,0,0,.35);
}
.tpd-skin-lightpink .tpd-background-title { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-title-wrapper { border-bottom: 1px solid #a08f8f; }
.tpd-skin-lightpink .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }

.file-upload-view, .folder-upload-view {
    height: 512px;
    max-width: 501px;
    overflow: hidden;
}

.form-upload {
}

.mono-upload-title {
}

.upload-cancel {
}

.mono-upload-minimize-area {
    cursor: pointer;
    float: right;
    margin-top: 16px;
    font-size: 18px;
    color: var(--secondary-text-color);
}

.mono-upload-minimize-area:hover {
    color: var(--primary-interaction-color);
}

.mono-upload-drag-drop-area {
    display: flex;
    font-family: TheSansW4SemiLight;
    font-size: 23px;
    top: 70px;
}

.fileupload-progress {
    margin: 0;
    margin-bottom: 0;
    position: absolute;
    z-index: 10;
    opacity: 0;
}

.fileupload-progress .progress-extended {
    /*margin-top: 5px;*/
}

.fileupload-td {
    padding: 0px !important;
    padding-right: 16px !important;
    border: none !important;
    text-align: left;
}

.fileupload-td-content {
    padding-right: 24px !important;
}

.fileupload-td-name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0;
}

.fileupload-td-text-area {
    position: relative;
    z-index: 5;
    width: 336px;
    margin-bottom: 4px;
    margin-top: 2px;
    float: left;
}

.fileupload-td-size {
    text-align: left;
}

.fileupload-error {
}

.form-heading-icon {
    font-size: 29px;
    margin-left: 10px;
    margin-top: 5px;
    float: left;
}


.form-upload-button-area {
    position: absolute;
    color: #535353;
    left: 30px;
    right: 30px;
    bottom: 0px;
    height: 90px;
    z-index: 10;
}

.file-upload-td {
    background-color: transparent;
}

.mono-upload-cancel {
    cursor: pointer;
    color: var(--secondary-text-color);
    top: 6px;
    float: right;
}

.mono-upload-cancel:hover {
    color: var(--primary-text-color);
}

.mono-upload-content-height {
    height: 384px;
}

.mono-upload-content, .mono-upload-content-bg, .mono-upload-content-bg-drag, .mono-upload-content-drag-zone, .pi-upload-content-anonymous-area {
    top: 96px;
    position: absolute;
    overflow: hidden;
    right: 22px;
    left: 28px;
    border-radius: 8px;
    padding: 8px;
}

.mono-upload-content-bg {
    background-color: var(--secondary-bg-color);
    /*background-color: #f8fafb;*/
    border: none;
    border-right: 8px;
    border: dashed 2px #a2cdf4;
}

.mono-upload-content-bg-drag {
    display: none;
    background-color: rgba(37, 178, 82, 0.1);
    border: none;
    border-right: 8px;
    border: dashed 2px var(--sc-interaction-green);
}

.mono-upload-content-drag-zone {

}

.pi-image-preview {
    width: 98px;
    height: 98px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background-color: var(--secondary-bg-color);
    /*// box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.16);*/
    margin-right: 16px;
}

.pi-image-preview canvas {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pi-images-preview {
    display: flex;
}

.pi-image-preview-more {
    top: 0;
    position: absolute;
    height: 98px;
    width: 98px;
    background-color: rgba(0, 0, 0, 0.4);
}

.pi-image-preview-more-text {
    color: var(--sc-white-color);
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    top: 34px;
    left: 34px;

}

.pi-image-preview-error {
    height: 40px;
    width: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-image: url('/img/uploads/preview_global_error_v1.svg');
}

.pi-image-preview .pi-image-preview-error {
    height: 98px;
    width: 98px;
    background-size: 98px;
    background-repeat: no-repeat;
}

.pi-upload-content-anonymous-area {
    z-index: 10;
    height: 352px;
    top: 76px;
    position: absolute;
    overflow: hidden;
    right: 2px;
    left: 8px;
    border-radius: 8px;
    padding: 20px 20px 8px;

}

.pi-upload-content-anonymous {
    display: flex;
    flex-direction: column;
}

.pi-upload-content-anonymous .mono-info-control {
    border: 1px solid var(--border-color);
    padding: 12px 12px 12px 15px;
    font-size: 18px;
    color: var(--primary-text-color);
    max-height: 98px;
    font-weight: 300;
}

.pi-upload-content-anonymous .mono-control {
    border: 1px solid var(--border-color);
    padding: 12px 12px 12px 15px;
    font-size: 18px;
    color: var(--primary-text-color);
    max-height: 98px;
    font-weight: 300;
    height: auto;
}

.pi-upload-content-anonymous .mono-input-error {
    color: var(--sc-interaction-orange);
    border: 1px solid var(--sc-interaction-orange);
}

.pi-upload-content-anonymous-single, .pi-upload-content-anonymous-multi {
    display: flex;
    margin-bottom: 24px;
}

.pi-upload-content-anonymous-multi {

}

.pi-upload-content-user-area {

}

.pi-upload-content-info {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    color: var(--primary-text-color);
    margin-bottom: 16px;
}

.pi-upload-content-user-name {
    display: flex;
    margin-bottom: 16px;
}

.pi-upload-content-user-email {
    margin-right: 10px;
}

.mono-upload-tipp-area {
    top: 272px;
    position: absolute;
    margin: 15px 30px;
    text-align: left;
}

.pi-tmpl-preview {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background-color: var(--upload-progressbar-bg-color);
    overflow: hidden;
}

.mono-upload-progress, .mono-upload-success, .mono-upload-fail {
    position: relative;
    height: 6px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    float: left;
}

.mono-upload-progress {
    background-color: var(--primary-interaction-color);
}

.mono-upload-success {
    background-color: var(--sc-interaction-green);
}

.mono-upload-fail {
    background-color: var(--sc-red-color);
}

.mono-upload-error {
    color: var(--sc-red-color);
    position: absolute;
    z-index: 6;
    right: 8px;
}

.pi-upload-area {
    display: flex;
    width: 100%;
    flex-direction: column;
    font-size: 22px;
    font-weight: 600;
    color: var(--navigation-text-color);
    padding-left: 8px;
    padding-right: 8px;
}

.mono-upload-icon, .mono-upload-dragged-icon, .mono-upload-inprogress-icon {
    margin-top: 48px;
    height: 163px;
    width: 200px;
    background-size: 200px 163px;
    background-repeat: no-repeat;
    background-image: url('/img/uploads/upload_photos_v1.svg');
}

.mono-upload-dragged-icon {
    background-repeat: no-repeat;
    background-image: url('/img/uploads/upload_photos_green_v1.svg');
}

.mono-upload-inprogress-icon {
    background-repeat: no-repeat;
    background-image: url('/img/uploads/upload_blue_large_v1.svg');
}

.pi-upload-bear {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 96px;
    width: 125px;
    background-size: 125px 96px;
    background-repeat: no-repeat;
    background-image: url('/img/zookeeper/Bear_upload_v1.svg');

    transition: 0.2s ease-in-out;
}

.show-bear {
    transform: translateY(-22px) translateX(-15px) scale(1.5);
}

.mono-upload-try-again {
    float: left;
    margin-left: 8px;
    color: var(--primary-interaction-color);
    cursor: pointer;
}

.mono-upload-try-again:hover {
    color: var(--primary-interaction-color);
}


.mono-upload-progress-minimized, .pi-download-progress {
    display: none;
    opacity: 0;
    position: absolute;
    max-width: 600px;
    height: 72px;
    border-radius: 3px;
    background-color: var(--upload-minimized-bg-color);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.08);
    left: 32px;
    right: 32px;
    bottom: -100px;
    z-index: 1100;
}

.pi-download-progress {
    height: 96px;
}

.mono-upload-progress-view {
    height: 72px;
    position: relative;
}

.mono-upload-progress-content-area {
    display: flex;
    height: 100%;
    position: relative;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;

}

.mono-upload-progress-content-details {
    display: flex;
    height: 100%;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.mono-progress-title {
    margin: 0 8px 0 0;
    font-family: TheSansW4SemiLight;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    color: var(--primary-text-color);
}

.mono-progress-conflict-icon {
    width: 16px;
    height: 16px;
    flex-grow: 1.0;
    background-image: url(/img/controls/alert_v1.svg);
    background-size: 16px;
    background-repeat: no-repeat;
}

.mono-progress-conflicts {
    display: none;
    margin: 0 8px 0 0;
    flex-grow: 1.0;
    font-family: TheSansW4SemiLight;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    color: var(--sc-red-color);
}

@media (min-width: 480px) {
    .mono-progress-conflict-icon {
        display: none;
    }

    .mono-progress-conflicts {
        display: block;
    }
}

.mono-progress-details {
    font-family: TheSansW4SemiLight;
    font-size: 16px;
    font-weight: 300;
    text-align: right;
    color: var(--primary-interaction-color);
    margin: 0 16px 0 0;
    cursor: pointer;
}

.mono-progress-cancel-upload {
    width: 12px;
    height: 12px;
    background-image: url(/img/preview/escape_grey_v1.svg);
    background-size: 12px;
}

.mono-upload-progress-bar-container {
    width: 100%;
    height: 9px;
    background-color: var(--upload-progressbar-bg-color);
    border-radius: 3px;
}

.mono-upload-progress-bar, .pi-download-progress-bar {
    width: 0;
    height: 9px;
    border-radius: 3px;
    background-color: var(--primary-interaction-color);
}

.mono-upload-success-bar, .pi-download-success-bar {
    width: 100%;
    height: 9px;
    border-radius: 3px;
    background-color: var(--sc-interaction-green);
}

.pi-download-progress-bar.success {
    background-color: var(--sc-interaction-green);
}

.pi-download-progress-bar.error {
    background-color: var(--sc-interaction-red);
}

.pi-copyright-text-area {
    color: rgb(51, 51, 51);
    position: absolute;
    bottom: 16px;
    left: 34px;
    right: 120px;
    z-index: 11;
}

.usage-content-area {
    opacity: 0;
}

.legend {
    display: flex;
    flex-flow: column;
    margin-left: 24px;
    justify-content: center;
}

.promo{
    font-size: 16px;
    text-align: left;
    margin-bottom: 16px;
}

.chart-area {
    display: flex;
}

.large .chart-area {
    position: relative;
}

.large .legend {
    display: flex;
    margin-left: 32px;
    width: 290px;
    font-size: 16px;
}


.large .size {
    flex-grow: 1;
    text-align: end;
}

.legend-row {
    display: flex;
    align-items: center;
    padding: 2px;
}

.large .legend-row {
    padding-top: 16px;
    padding-bottom: 16px;
}

.large .legend-row {
    border-bottom: 1px solid var(--border-color);
}

.circle {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 8px;
}

.large .circle {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin-right: 16px;
}

.files .circle {
    background-color: var(--usage-files);
}

.photos .circle {
    background-color: var(--usage-photos);
}

.backup .circle {
    background-color: var(--usage-backup);
}

.chart-size {
    width: 160px;
    height: 160px;
}


.large .chart-size {
    width: 210px;
    height: 210px;
}

.chart-summary {
    display: flex;
    flex-flow: column;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 0;
}

.chart-summary .first {
    font-size: 22px;
    font-weight: 500;
}

.large .first {
    font-size: 30px;
}

.chart-summary .second {
    color: var(--secondary-text-color);
    font-size: 16px;
}

.large .second {
    font-size: 22px;
}

.manage-storage-small {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 40px;
}