/* Minification failed. Returning unminified contents.
(8238,1): run-time error CSS1019: Unexpected token, found '}'
(9681,8084): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9681,8105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9681,8132): run-time error CSS1019: Unexpected token, found '@keyframes'
(9681,8145): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9681,8172): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9681,8193): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9681,8220): run-time error CSS1019: Unexpected token, found '@keyframes'
(9681,8233): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9681,11610): run-time error CSS1019: Unexpected token, found '@keyframes'
(9681,11623): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9681,11704): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9681,11725): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9681,12331): run-time error CSS1030: Expected identifier, found '.'
(9681,12362): run-time error CSS1031: Expected selector, found ')'
(9681,12362): run-time error CSS1025: Expected comma or open brace, found ')'
(11064,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11065,10): run-time error CSS1035: Expected colon, found '{'
(11074,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11075,10): run-time error CSS1035: Expected colon, found '{'
 */
/*! jQuery UI - v1.12.1 - 2017-09-29
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d3d3d3}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #aaa;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}

/* System
------------------------------------------------------------------------------*/


span.photo {
    width: 114px;
    height: 114px;
    background-color: White;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-top: 5px;
    margin: 3px;
}


span.photo a {
    text-decoration: none;
}

div.photoProcess {
    width: 100px;
    padding: 15px 5px 10px 5px;
    color: #888;
    margin-top: 20px;
    border: 1px solid #aaa;
}

input[type="file"] {
    outline-style: none;
}

div.pager {
    vertical-align: middle;
    height: 17px;
    vertical-align: top;
    cursor: default;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

    div.pager div, a.next div, a.prev div {
        display: inline-block !important;
        line-height: 17px;
        height: 17px;
        color: #ccc;
        cursor: default;
        vertical-align: top;
    }

    div.pager a {
        color: #333 !important;
        text-decoration: none;
        padding: 0 5px;
        height: 16px;
        font-size: 14px;
    }

        div.pager a:hover, div.pager div.current-page {
            font-weight: bold;
            font-size: 14px;
        }

    div.pager div.current-page {
        font-weight: bold;
        font-size: 14px;
        color: #333 !important;
        padding: 0px 6px 0px 4px;
    }

.pager .next, a.next div {
    background-image: url(/content/icons/icons-1.3.png);
    background-position: -176px -30px;
    background-repeat: no-repeat;
    width: 13px;
    height: 14px;
    margin-top: 2px;
    cursor: pointer;
}

.pager .prev, a.prev div {
    background-image: url(/content/icons/icons-1.3.png);
    background-repeat: no-repeat;
    background-position: -176px 0px;
    width: 13px;
    height: 14px;
    margin-top: 2px;
    cursor: pointer;
}

    .pager .prev:hover, a.prev div:hover {
        background-position: -176px -15px;
    }

.pager .next:hover, a.next div:hover {
    background-position: -176px -45px;
}

a.next div, a.prev div {
    margin-top: 7px;
}

a.next, a.prev {
    text-decoration: none;
}

div#aboutMessages {
    border: 1px solid #ddd;
    background-color: #eee;
    margin: 5px;
    padding: 5px;
}

.commentInput {
    width: 100%;
}

textarea.commentInput {
    height: 150px;
}

.commentFormSmall {
    width: 99%;
    height: 37px;
    margin: auto;
    margin-bottom: 5px;
}


#messageBody {
    width: 300px;
    height: 150px;
}

#receivers {
    max-height: 600px;
    overflow-x: no-display;
    overflow-y: auto;
    padding: 5px;
    width: 300px;
}


    #receivers table {
        width: 100%;
    }

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee;
}

.validation-summary-errors {
    color: #c00;
    margin-top: 10px;
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    padding: 5px 5px 5px 25px;
    margin: 5px;
    max-width: 340px;
}

.next-play {
    padding-left: 8px;
    margin-bottom: 5px;
}

    .next-play .komandi {
        font-weight: bold;
        font-size: 16px;
        line-height: 18px;
        color: #1d1d1d;
    }

    .next-play .datime {
        font-weight: bold;
        line-height: 24px;
    }

    .next-play .place {
        font-weight: bold;
        color: #1d1d1d;
        padding-bottom: 5px;
    }

    .next-play table tr td b {
        font-size: 30px;
    }

.w20 {
    width: 20px;
    display: inline-block;
}

.w30 {
    width: 30px;
    display: inline-block;
}

.w200 {
    width: 200px;
    display: inline-block;
}

span.rosterName {
    width: 160px;
    display: inline-block;
}

div#personTabs {
    width: 350px;
    min-height: 370px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.turntab {
    padding: 1px;
}

    .turntab th, .turntab td {
        border: #B3B3A8 solid 1px;
        height: 31px;
        text-align: center;
    }

    .turntab th {
        background-color: #aaa;
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase;
    }

    .turntab td {
        color: #000000;
        width: 20px;
        text-align: center;
    }

.contacts {
    text-align: center;
    padding-bottom: 10px;
}
.titleDesc {
    margin: 5px 5px 15px 5px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
}


.addTeamsTable tr td {
    vertical-align: middle;
    padding-left: 10px;
    border: 1px solid #ddd;
    height: 20px;
}

    .addTeamsTable tr td img {
        max-width: 20px;
        max-height: 20px;
    }

.addTeamsTable .cImg {
    width: 25px;
}

.addTeamsTable .cTeam {
    width: 300px;
}

.addTeamsTable th {
    border: #aaa solid 1px;
    background-color: #aaa;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
}

.addTeamsTable tr.checked {
    background-color: #e5ffe5 !important;
}

    .payments table tbody {
        max-height: 150px;
        overflow-y: auto;
        overflow-x: hidden;
        display: block;
    }

    .payments tr:hover {
        background-color: #ddd !important;
    }

.alt td {
    border: none;
    text-align: left;
    padding-left: 5px;
    padding-right: 10px;
}


.formRadio {
    height: 30px;
}

    .formRadio label {
        margin-left: 0px;
        color: #222;
    }

    .formRadio input {
        margin-top: -2px;
    }


.attendance th, .attendance td {
    border: #ccc solid 1px;
    text-align: center;
    padding: 2px;
    width: 75px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: default;
}

.attendanceWithoutPadding td {
    padding-top: 0px;
    padding-bottom: 0px;
}

.attendance tr:hover {
    background-color: #ddd !important;
}

.attendance td.tm {
    text-align: left;
    padding-left: 10px;
    width: 150px;
}

.attendance th {
    background-color: #aaa;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
}


.showReferees td.player {
    border-right: none;
}

.showReferees td.addInfo {
    color: #666;
    border-left: none;
}

td.teamAv {
    vertical-align: middle;
    text-align: center;
    color: #002020;
    width: 250px;
    border: none;
}

div.command {
    width: 225px;
    height: 100px;
    float: left;
    margin-left: 15px;
}

    div.command img {
        float: left;
        margin-right: 5px;
        width: 80px;
    }

    div.command a.commandname {
        color: #1a2b66;
    }

.bord {
    padding-top: 15px;
    height: 1px;
    width: 100%; /*background: #e5e6e9;*/
    border-bottom: 1px solid #e5e6e9;
    margin-bottom: 20px;
    position: relative; /* IE6 получает hasLayout для правильной очистки */
    clear: both; /* это свойство очистки заставляет .container видеть место окончания столбцов и включать их */
}

.sidebar2 {
    float: left;
    /*background: #EADCAE;*/
    padding: 20px 22px 30px 20px;
}

    .sidebar2 h3.partnerTitle {
        font-size: 18px;
        padding-left: 0px;
    }

    .sidebar2 .comment {
        background: #fff;
        width: 425px;
        margin: 0px 5px 20px 15px;
        float: left;
        position: relative;
        height: 270px;
    }

    .sidebar2 .photo {
        float: left;
        padding: 10px 0;
    }

        .sidebar2 .photo img {
            margin-left: 25px;
        }

    .sidebar2 .comment .titletes, .partner .titletes, .comment2 .titletes {
        position: absolute;
        top: 15px;
        left: 140px;
        color: #262454;
        font-weight: 900;
    }

    .sidebar2 div.nameautor {
        width: 150px;
        margin-top: 10px;
        padding-bottom: 10px;
    }

        .sidebar2 div.nameautor p, div.nameautor p.command {
            font-weight: bold;
            padding-left: 25px;
            padding-right: 0;
        }

            .sidebar2 div.nameautor p.command {
                font-weight: 400;
            }

    .sidebar2 div.text {
        font-style: italic;
        color: #040404;
        border-top: 1px solid #dde0e7;
        float: right;
        width: 270px;
        margin: 60px 0 15px 0;
        padding-top: 5px;
    }

.dragenter {
    background-color: blanchedalmond;
    border-color: silver;
    border-width: 1px;
    border-style: dashed;
    height: 33px;
}

/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Tue Dec 17 2013 09:49 EST-0500
 * Plugins: tips viewport modal
 * Styles: css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}



.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border-width: 0;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}
	
	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}
	
	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}
	
	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}



.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	
}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}

#qtip-overlay{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}


/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("images/Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.scroll-pane{
	max-height: 400px;
	overflow: auto;
	outline: none !important;
}
.scroll-pane-3 {
    overflow: auto;
	outline: none !important;
}

.jspContainer{
	overflow: hidden;
	position: relative;
}
.jspPane{
	position: absolute;
}
.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 4px;
	width: 5px;
	height: 100%;
}
.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
}
.jspVerticalBar *, .jspHorizontalBar *{
	margin: 0;
	padding: 0;
}
.jspCap{
	display: none;
}
.jspHorizontalBar .jspCap{
	float: left;
}
.jspTrack{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: #272727;
	position: relative;
}
.jspDrag{
	position: relative;
	top: 0;
	left: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: #404040;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}
.jspArrow{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrowUp{
}
.jspArrowDown{
}
.jspArrow.jspDisabled{
	cursor: default;
	opacity: 0.50;
	filter: alpha(opacity = 50);
}
.jspVerticalBar .jspArrow{
	height: 4px;
}
.jspHorizontalBar .jspArrow{
	width: 5px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus{
	outline: none;
}
.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}
* html .jspCorner{
	margin: 0 -3px 0 0;
}

/* ----- scroll-pane-2 ----- */
.scroll-pane-2{
	overflow: auto;
	outline: none !important;
}
.scroll-pane-2 .sf_clearfix{
	padding: 0 4px 0 0;
}
.scroll-pane-2 .jspVerticalBar{
	right: 0;
	width: 12px;
}
.scroll-pane-2 .jspTrack{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #e5e5e5;
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	position: relative;
}
.scroll-pane-2 .jspDrag{
	position: relative;
	top: 0;
	left: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #cccccc;
	cursor: pointer;
}
.scroll-pane-2 .jspVerticalBar .jspArrow{
	height: 0;
}

/* ----- scroll-pane-5 ----- */
.scroll-pane-5, .scroll-pane-6{
	overflow: auto;
	outline: none !important;
}
.scroll-pane-5 .jspHorizontalBar, .scroll-pane-6 .jspHorizontalBar{
	top: 0;
	height: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background: #e6e6e6;
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	z-index: 10;
}
.sf_scrolled_holder_fixed.scroll-pane-5 .jspHorizontalBar, .sf_scrolled_holder_fixed.scroll-pane-6 .jspHorizontalBar{
	position: fixed;
	bottom: auto;
	top: 70px;
	left: auto;
	width: auto;
}
.scroll-pane-5 .jspHorizontalBar:before, .scroll-pane-6 .jspHorizontalBar:before{
	position: absolute;
	top: -8px;
	bottom: -8px;
	left: -1px;
	right: -1px;
	content: "";
	background: #f2f2f2;
	z-index: 8;
}
.scroll-pane-5 .jspHorizontalBar:after, .scroll-pane-6 .jspHorizontalBar:after{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "";
	height: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background: #e6e6e6;
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	z-index: 9;
}
.scroll-pane-5 .jspHorizontalBar .jspArrow, .scroll-pane-6 .jspHorizontalBar .jspArrow{
	width: 0;
}
.scroll-pane-5 .jspDrag, .scroll-pane-6 .jspDrag{
	position: relative;
	top: 0;
	left: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background: #cccccc;
	z-index: 11;
	cursor: pointer;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/**
 * name:        FancyBox Transitions
 * file:        jquery.fancybox-transitions.css
 * version:     0.1
 * author:      Thomas Lagier
 * description: Adds CSS3 open/close transitions for FancyBox 2.
 * license:     MIT
 * date: 		April 25, 2014
 */

/* Effect 1: Fade in and scale up */
.fadescale{
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
}

.fadescale-transitions{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.fadescale.show{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.slideright {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
}

.slideright-transitions{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.slideright.show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.slidebottom {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
}

.slidebottom-transitions{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.slidebottom.show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.newspaper {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.newspaper-transitions {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.newspaper.show {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.fall {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.fall > *:first-child{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.fall.show > *:first-child {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: Side fall */

.sidefall {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.sidefall > *:first-child {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.sidefall.show > *:first-child {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.stickyup{
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.stickyup-transitions{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.stickyup.show {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.horizflip {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.horizflip > *:first-child{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
}

.horizflip-transitions > *:first-child {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.horizflip.show > *:first-child {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.vertflip {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.vertflip > *:first-child{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	opacity: 0;
}

.vertflip-transitions > *:first-child{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.vertflip.show > *:first-child {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.sign {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.sign > *:first-child {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
}

.sign-transitions > *:first-child{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}

.sign.show > *:first-child {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super-scaled */
.superscale {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}

.superscale-transitions{
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-ms-transition: -ms-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.superscale.show{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.slit {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.slit > *:first-child {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.slit.show > *:first-child {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.rotatebottom {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.rotatebottom-transitions > *:first-child {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.rotatebottom > *:first-child {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
}

.rotatebottom.show > *:first-child {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.rotateleft {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.rotateleft-transitions > *:first-child {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.rotateleft > *:first-child {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
}

.rotateleft.show > *:first-child{
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.blur-overlay {
	background: rgba(0,0,0,0.5);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.blur{
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.blur-transitions{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.blur.show{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}


    s, s select {
        position: relative;
    }

        s,
        s select,
        s::after,
        s::before {
            display: inline-block;
            height: 25px;
            vertical-align: top;
        }

            s::after,
            s::before {
                content: '';
                -moz-pointer-events: none;
                -webkit-pointer-events: none;
                pointer-events: none;
            }

            s, s::after, s option {
                background: #ffffff;
            }


                s select, s option {
                    color: #666666;
                }

                s select {
                    margin: 0;
                    width: 100%;
                    padding-left: 4px;
                    /*text-indent: 4px;*/
                    outline: none;
                    border: 0;
                    background: transparent;
                    line-height: 25px;
                }




    s {
        position: relative;
        overflow: hidden;
        border: 1px solid #d8d8d8;
        cursor: pointer;
    }

        s::before {
            position: absolute;
            top: 11px;
            right: 6px;
            z-index: 1;
            width: 0;
            height: 0;
            border: solid 4px transparent;
            border-top-color: #666666;
        }

        s::after {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 21px;
        }

        s:hover::before {
            border-top-color: #444;
        }

html {
    background: #000000 center top repeat fixed;
}

html, body {
    background-attachment: fixed;
    color: #333333;
    font-size: 14px;
    line-height: 1.26em;
    margin: 0;
    padding: 0;
    width: 100%;
}

html, body, A, input, select, textarea {
    font-family: 'Roboto', Verdana, Geneva CY, DejaVu Sans, Sans-serif;
}

* {
    box-sizing: border-box;
}

img {
    object-fit: cover;
}

A {
    color: #333;
    outline: none;
    text-decoration: none;
}

    A:hover {
        color: #333;
        text-decoration: underline;
    }

img, object, iframe {
    border: 0;
    vertical-align: middle;
}

iframe {
    width: 100%;
}

header, nav, menu, aside, address, section, article, footer, figure, figcaption {
    display: block;
}

form, figure, menu {
    margin: 0;
    padding: 0;
}

input, select, textarea {
    color: #333333;
    font-size: 13px;
    margin: 0;
}

    input[placeholder], textarea[placeholder] {
        color: #777777;
    }

    input[type="text"], input[type="password"], input[type="email"], textarea {
        color: #666666;
    }

        input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
            color: #333333;
        }

    input[type="text"], input[type="email"], input[type="password"] {
        height: 27px;
    }

    input[type="text"], input[type="email"], input[type="password"], textarea {
        background: #ffffff;
        border: 1px solid #d8d8d8;
        outline: none;
        padding: 0 8px;
    }

select {
    padding: 2px;
}

textarea {
    height: 68px;
    padding: 8px;
    resize: vertical;
    vertical-align: top;
}

input[type="image"], input[type="button"], input[type="submit"], label {
    cursor: pointer;
}

table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

#middle table {
    width: 100%;
}

input[type="checkbox"], input[type="radio"] {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
    *top: 0;
}

@media not all and (-webkit-min-device-pixel-ratio) {
    input[type="checkbox"], input[type="radio"] {
        top: 0;
    }
}

.sf_clear, .sf_hr {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.sf_clearfix:before, .sf_clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.sf_clearfix:after {
    clear: both;
}

.sf_clearfix {
    zoom: 1;
}

.sf_flexible {
    overflow: hidden;
    zoom: 1;
}

.sf_text_center {
    text-align: center !important;
}

.sf_text_left {
    text-align: left !important;
}

.sf_text_right {
    text-align: right !important;
}

.sf_ws_nowrap {
    white-space: nowrap;
}

.sf_fl_left, .fl_left {
    float: left;
}

img.sf_fl_left {
    margin: 0 5px 5px 0;
}

.sf_fl_right, .fl_right {
    float: right;
}

.sf_cur {
    cursor: default;
}

.sf_all_2 {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 100%;
}

.set-layout {
    margin: 0;
    zoom: 0.9;
    transition: all ease 1.5s;
}

/* ----- header_top ----- */
.sf_header_top_center, .toppanel__inner {
    margin: 0 auto;
    padding: 0 12px;
}

.sf_header_top_nav {
    float: right;
    position: relative;
}

.notificLink, .sf_ico_2 {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    line-height: 43px;
    margin: 0 4px 0 0;
    position: relative;
    width: 24px;
}

    .notificLink:hover, .notificLink.sf_open {
        background-color: #333333;
    }

.notificLink {
    background: url("/images/sf_icons_top.png") left top no-repeat;
}

    .notificLink.loading {
        background: url("/images/preloader_light.gif") no-repeat center;
        background-color: #333333;
    }

    .notificLink:before {
        background: #333333;
        bottom: -3px;
        content: "";
        display: none;
        height: 3px;
        position: absolute;
        right: 0;
        width: 24px;
    }

    .notificLink.sf_open:before {
        display: block;
    }

.notificLink span, #unreadLockerRoomCnt {
    background: #cc0000;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    height: 13px;
    line-height: 12px;
    padding: 0 2px;
    position: absolute;
    right: -2px;
    top: -2px;
}

#unreadLockerRoomCnt {
    line-height: 10px;
    padding: 3px;
    right: 5px;
    top: 3px;
}

.sf_header_top_nav_user {
    float: right;
}

    .sf_header_top_nav_user a {
        float: left;
    }


#mySites ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #mySites ul li {
        line-height: 32px;
        min-height: 32px;
        padding: 0 10px 0 16px;
    }

        #mySites ul li img {
            border-radius: 3px;
            height: 24px;
            margin: 0 7px 0 0;
            width: 24px;
        }

        #mySites ul li a {
            display: inline-block;
            line-height: 24px;
        }


/* ----- header ----- */

.sf_header {
    position: relative;
    width: 100%;
    z-index: 4;
}


.sf_menu {
    width: 100%;
}

    .sf_menu ul {
        box-shadow: 0 4px 8px #000000, 0 -4px 8px #000000, 3px 0 6px #000000, -3px 0 6px #000000, inset 1px 0 0 #666666;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 -4px 8px rgba(0, 0, 0, 0.3), 3px 0 6px rgba(0, 0, 0, 0.3), -3px 0 6px rgba(0, 0, 0, 0.3), inset 1px 0 0 #666666;
    }

.sf_floatColumn_fixed {
    left: auto;
    position: fixed;
    right: auto;
}

.sf_button_dark, .sf_settings_panel .btn {
    background: #444444;
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 2px #000000, inset 0 1px 0 #666666;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 0 #666666;
    color: #ffffff !important;
    font-size: 12px;
    text-shadow: 0 -1px 0 #222222;
    cursor: pointer;
}

.sf_menu ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.sf_menu span {
    color: #bbb;
}

.sf_menu img {
    margin: -2px 0 0 0;
    vertical-align: middle;
}

/* ----- footer ----- */

.sf_footer {
    background: #111111;
    color: #cccccc;
    padding: 15px 25px;
    position: relative;
    z-index: 2;
    font-size: 13px;
}

    .sf_footer .sf_footer_right a {
        color: #cccccc;
    }

.sf_footer_left {
    float: left;
}

.sf_footer_right {
    float: right;
}

    .sf_footer_right ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .sf_footer_right li {
        float: left;
        padding: 0 0 0 16px;
    }

.sf_footer span {
    color: #444444;
}

/* ----- content ----- */

.sf_content {
    background: #252525;
    position: relative;
    z-index: 3;
}

h2 {
    color: #ddd;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
    text-transform: uppercase;
}

span.sf_w150 {
    display: inline-block;
}

.sf_w50p {
    width: 50%;
}

.sf_w100p {
    width: 100%;
}

.sf_w70 {
    width: 50px !important;
}

.sf_h300 {
    height: 300px;
}

.sf_h200 {
    height: 200px;
}

.sf_h100 {
    height: 100px;
}


.sf_block_firstrow {
    height: 372px;
}

.fancybox-inner .sf_page {
    border: none;
}

.fancybox-inner {
    line-height: normal;
    overflow-x: hidden !important;
}

    .fancybox-inner .sf_hr {
        margin: 8px 0;
    }

#fancybox-loading {
    background-image: none;
    margin-top: 0;
    opacity: 1;
    top: 8px;
}

    #fancybox-loading div {
        background-image: url(/images/loadingLight.gif);
        height: 10px;
        width: 74px;
    }

.fancybox-skin {
    background: #ffffff !important;
    border-radius: 0 !important;
}

.sf_button_close_popup_inner {
    font-size: 13px;
    position: absolute;
    right: 10px;
    text-decoration: underline;
    top: 5px;
    z-index: 1;
}

.helpPost .text {
    padding: 5px;
}

.helpPost p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 18px;
}

.sf_hr {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #d8d8d8;
    margin: 8px 0;
}

.sf_hr_2 {
    border-bottom: 1px solid #444444;
    border-top: 1px solid #111111;
    margin: 15px -16px;
}

.sf_block_message_add_inp {
    position: relative;
    z-index: 1;
}

    .sf_block_message_add_inp input[type="text"] {
        color: #cccccc !important;
        width: 100%;
    }

.sf_block_message_add_text {
    display: none;
    margin: 0 0 -30px 0;
    position: relative;
    top: -30px;
    z-index: 2;
}

    .sf_block_message_add_text span, .sf_block_message_add_inp span {
        width: 100%;
    }

    .sf_block_message_add_text textarea {
        margin: 0 0 8px 0;
        overflow: auto;
        width: 100%;
    }

.sf_textarea_333 {
    color: #333333;
}

.sf_block_message_add_text_nav {
    opacity: 0;
}


.sf_button_dark, .sf_button_soc {
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    vertical-align: top;
    zoom: 1;
}

    .btn img, .sf_button_soc img, .sf_button_dark img, .sf_button_action1 img {
        vertical-align: middle;
    }

.sf_slider_range .ui-slider-handle {
    background: #c7c7c7;
    color: #333333 !important;
}

input.btn, input.sf_button_dark {
    border: 0;
}

.sf_button_action1_pressed, .sf_button_action1_pressed:hover {
    background: #cccccc;
}

    .sf_button_action1_pressed, .sf_button_action1_pressed:hover {
        cursor: default;
    }


.sf_block_button_sub_menu {
    left: 8px;
    position: absolute;
    top: 8px;
    z-index: 2;
}

.sf_training.sf_block_button_sub_menu, .sf_popup_block_calendar_section .sf_block_button_sub_menu {
    left: auto;
    right: 0;
    top: 0;
}

.sf_button_sub_menu, .sf_slider_range .ui-slider-handle, .sf_calendar_next, .sf_calendar_prev {
    display: inline-block;
    font-size: 12px !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 !important;
    text-align: center;
    vertical-align: top;
    width: 20px !important;
    zoom: 1;
}

    .sf_button_sub_menu img {
        vertical-align: middle;
    }

.sf_popup_button_sub_menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 5px;
    text-align: left !important;
    z-index: 2;
}

.sf_imgFramed, .sf_game_vs_inn .sf_img, .sf_img_cup, .sf_onlineMember .sf_img img, .sf_fan .sf_img img, div.sf_tournament_team_logo {
    background: #ffffff;
    /*border: 1px solid #cdcdcd;*/
    box-shadow: 0 1px 4px #000000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

    .sf_imgFramed img {
        max-width: 100%;
    }

div.sf_imgFramed {
    padding: 6px;
}

img.sf_imgFramed {
    padding: 2px;
}

.sf_imgFramed {
    display: inline-block;
}

.sf_fan .sf_img img {
    height: 48px;
    width: 48px;
}

.sf_popup_button_sub_menu li {
    font-size: 13px;
    line-height: 17px;
    padding: 4px 0;
    word-wrap: break-word;
}

.sf_block_feed {
    position: relative;
}

    .sf_block_feed a.sf_img, .sf_block_feed > div.sf_img {
        float: left;
        height: 48px;
        margin: 0 8px 0 0;
        overflow: hidden;
        width: 48px;
    }

.postCommentsContainer a.sf_img {
    height: 36px;
    width: 36px;
}

.sf_block_feed a i {
    font-style: normal;
    font-weight: bold;
}

.sf_block_feed a:hover i {
    text-decoration: underline;
}

.sf_block_feed u {
    color: #919191;
    text-decoration: none;
}

.sf_block_feed p {
    /*line-height: 16px;*/
    margin: 12px 0 !important;
    /*min-height: 10px;*/
}

.sf_block_feed .sf_big_date {
    font-size: 14px;
}

.sf_block_feed .sf_date, .sf_block_feed .privacy, .sf_block_feed .shareButton a {
    color: #999 !important;
    margin-bottom: 8px;
}

.sf_block_feed .privacy, .sf_block_feed .shareButton {
    padding: 0 1px 0 8px;
}

    .sf_block_feed .privacy:hover, .sf_block_feed .shareButton a:hover {
        color: #333 !important;
        text-decoration: none;
    }

.sf_block_feed h3 {
    font-size: 24px;
    /* letter-spacing: 1px; */
    line-height: 28px;
    /* padding-top: 0; */
    /* text-align: center; */
    /* text-transform: uppercase; */
    width: 100%;
    word-spacing: 1px;
    font-weight: 500;
    padding: 6px 0;
    margin: 0;
}

.sf_block_feed .sf_postTextImg {
    text-align: center;
}

    .sf_block_feed .sf_postTextImg img {
        margin-top: 8px;
        max-height: 350px;
        max-width: 100%;
        object-fit: contain;
    }

.postText, .postText * {
    line-height: 24px !important;
    font-family: 'Roboto' !important;
    font-size: 14px !important;
    word-wrap: break-word;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.sf_block_feed strong {
    margin: 0 0 4px 0;
}

.sf_block_feed .adminActions span:hover {
    -ms-opacity: 1;
    opacity: 1;
}

.sf_block_feed .adminActions span {
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.sf_block_feed .adminActions {
    background: #fff;
    float: right;
    padding-top: 2px;
    right: 0;
    top: 0;
}

#lockerRoomMessages .adminActions {
    background: transparent;
}

.sf_block_feed .adminActions a {
    color: #333;
}

    .sf_block_feed .adminActions a span {
        line-height: 1em;
        vertical-align: top;
    }

.sf_block_feed .icon {
    background: url(/images/news_feed_icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: bottom;
}

.sf_block_feed .tid-context-menu {
    float: right;
}

.sf_block .sf_block_feed:last-child > div.sf_hr {
    display: none;
}


.shareButton .icon {
    background: url(/images/share.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    line-height: 1em;
    margin: 1px 2px 0 4px;
    opacity: 0.5;
    vertical-align: top;
    vertical-align: top;
    width: 14px;
}

    .shareButton .icon:hover {
        opacity: 1;
    }

.sf_block_feed .pin .icon {
    background-position: 0 0;
    height: 14px;
    width: 8px;
}

.sf_block_feed .edit .icon {
    background-position: 0 -14px;
    height: 11px;
    width: 10px;
}

.sf_block_feed .delete .icon {
    background-position: 0 -25px;
    height: 12px;
    width: 10px;
}

.sf_block_feed .private .icon, .private .icon {
    -ms-opacity: 0.5;
    background-position: 0 -37px;
    height: 12px;
    opacity: 0.5;
    width: 8px;
}

.sf_block_feed .postComment {
    padding-bottom: 4px;
    padding-top: 3px;
}

.sf_block_feed .sf_commentTrigger, .sf_block_feed .postCommentsContainer {
    margin-bottom: 8px;
}

.sf_block_feed .sf_commentTrigger {
    margin-top: 5px;
}

.sf_block_feed .postCommentsContainer .sf_hr {
    border: none;
    margin: 6px 0;
}

.sf_red {
    color: #cc0000;
}

.sf_green {
    color: #669900;
}

.sf_orange {
    color: #ff8800;
}

.sf_game {
    position: relative;
}

    .sf_game .icon_button, .sf_game .tid-context-menu {
        float: right;
    }

.fancybox-inner .sf_game {
    margin-top: 8px;
}

.sf_game_title, .sf_tournament_title, .sf_tournament_title_sub, .sf_tournament_title_sub_red {
    display: block;
}

.sf_game_title {
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 20px;
    margin: 0 32px 8px 32px;
    text-transform: uppercase;
}

.sf_tournament_title, .sf_tournament_title_sub {
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 15px 0;
}

.sf_tournament_title_sub {
    font-size: 14px;
    margin: 0 0 7px 0;
}

.sf_tournament_title_sub_red {
    color: #cc0000;
    font-size: 12px;
    margin: -7px 0 7px 0;
}

.sf_fs_12 {
    font-size: 12px;
}

.sf_fs_15 {
    font-size: 15px;
}

.sf_fs_18 {
    font-size: 18px;
}

.sf_game .sf_fs_15:hover {
    color: #000000;
}

.sf_game .sf_fs_15 img {
    margin: 0 0 0 5px;
}

.sf_fs_20 {
    font-size: 20px !important;
    line-height: 24px;
}

.sf_game p {
    margin: 2px 18px;
}

    .sf_game p img {
        margin: 0 0 0 5px;
    }

.sf_game_vs {
    border-spacing: 0;
    display: table;
    margin: 0 0 8px 0;
    padding: 8px 0 0 0;
    width: 100%;
}

    .sf_game_vs.editable {
        margin: auto;
    }

.sf_game_vs_inn {
    display: table-cell;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top;
    zoom: 1;
}

.gameEndScore > s {
    margin-top: 4px;
    width: 142px;
}

.sf_game_vs_inn > input {
    font-size: 16px;
    height: 27px;
    text-align: center;
    width: 70px;
}

.sf_game_team_name, .sf_game_team_name_inline {
    display: inline-block;
    overflow: hidden;
    width: 95px;
    margin-top: 4px;
}


.sf_game_vs_inn .sf_img {
    display: inline-block;
    margin-bottom: 4px;
    padding-right: 3px;
}

.img--medium {
    height: 106px;
    width: 106px;
    padding: 5px;
    object-fit: contain;
    box-shadow: 0 1px 8px #000000;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    background: #fff;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.img--small {
    height: 50px;
    width: 50px;
    padding: 2px;
    object-fit: contain;
    box-shadow: 0 1px 8px #000000;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    background: #fff;
}

.sf_score {
    font-size: 20px;
    font-weight: bold;
}

.sf_game_vs_inn a {
    overflow: hidden;
    white-space: normal;
    width: 110px;
}

.sf_game_vs_inn_txt {
    padding-top: 20px;
    text-align: center;
    white-space: nowrap;
    width: 1px;
}

    .sf_game_vs_inn_txt.editable {
        padding-top: 0;
    }

.sf_game u {
    color: #666666;
    display: block;
    font-size: 12px;
    margin: 0 auto;
    text-align: left;
    text-decoration: none;
    width: 250px;
}

.sf_img_next_training_cont {
    height: 209px;
    min-width: 290px;
    text-align: center;
    padding: 8px 0;
}

    .sf_img_next_training_cont img {
        max-width: 100%;
        max-height: 100%;
    }

.fancybox-inner .sf_img_next_training_cont img {
    height: auto;
    margin: 8px 0;
    max-width: 600px;
}

.sf_block_who_go {
    font-size: 12px;
    margin: 0 0 0 0;
    max-width: 690px;
}

.fancybox-inner .sf_block_who_go {
    margin-bottom: 24px;
}

.sf_block_who_go a, .sf_block_who_go a:hover {
    display: inline-block;
    margin-right: 3px;
    text-decoration: none;
}

.sf_block_who_go span {
    margin: 0 0 4px 0;
}

.sf_block_who_go img {
    height: 32px;
    margin: 3px 0;
    width: 32px;
}

.fancybox-inner .sf_block_who_go img {
    height: 44px;
    margin: 2px 0 1px 0;
    width: 44px;
}

.sf_progressbar_title {
    margin: 0 38px 0 0;
}

.sf_progressbar, #sf_slider_range, .sf_slider_range, #sf_period_slider {
    background: #d5d5d5;
    background: linear-gradient(#bababa 0, #eeeeee 100%);
    border-bottom: 1px solid #ffffff;
    height: 5px;
    margin: 4px 0 8px 0;
    position: relative;
    width: 100%;
}

.sf_progressbar_color, .ui-slider-range {
    background: #cd0d0d;
    height: 5px;
    position: absolute;
}

    .sf_progressbar_color:before, .ui-slider-range:before {
        background: url("/images/progressbar_color.png") left bottom repeat-x;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

.sf_progressbar span {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: -20px;
}

.sf_ul_interrogation {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sf_ul_interrogation li {
        margin-bottom: 8px;
    }

.sf_settings_panel ul#layout li label span {
    font-size: 14px;
}

.sf_img_cup {
    display: inline-block;
    margin: 8px 0 16px 0;
    padding: 6px;
    vertical-align: top;
    zoom: 1;
}

.sf_slider_all {
    padding-bottom: 30px !important;
    position: relative;
}

.sf_slider, .sf_slider_div {
    background-color: #676767;
    height: 450px;
    overflow: hidden;
    z-index: 1;
}

    .sf_slider .img-cont {
        text-align: center;
        vertical-align: middle;
    }

    .sf_slider img {
        max-height: 450px;
        vertical-align: middle;
    }

#promoslider_wrap {
    padding: 8px;
}

    #promoslider_wrap .sf_slider, #promoslider_wrap .sf_slider_div {
        height: 534px;
    }

        #promoslider_wrap .sf_slider img {
            max-height: none;
            max-width: none;
        }

    #promoslider_wrap .sf_slider_paging {
        margin: 24px 0 16px 0;
        position: relative;
    }

.sf_slider_div {
    position: relative;
}

.sf_slider_div_info {
    background: #000000;
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #ffffff;
    font-size: 14px;
    left: 0;
    padding: 8px 16px 16px 12px;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 0 #000000;
    z-index: 1;
}

    .sf_slider_div_info span u {
        position: relative;
        text-decoration: none;
        top: 16px;
    }

    .sf_slider_div_info a {
        color: #ffffff !important;
    }

    .sf_slider_div_info strong, .sf_big_title {
        font-size: 15px;
        line-height: 20px;
        text-transform: uppercase;
    }

    .sf_slider_div_info p {
        margin: 12px 0 7px 0;
    }

.sf_slider_paging {
    text-align: center;
    width: 100%;
    z-index: 10;
    padding-top: 8px;
}

    .sf_slider_paging a {
        color: transparent !important;
        display: inline-block;
        margin: 0 5px;
        vertical-align: top;
        white-space: nowrap;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background: #bbb;
    }

.sf_slider_more {
    bottom: 8px;
    position: absolute;
    right: 5px;
    text-align: right;
    z-index: 2;
}


/* ----- inner_login ----- */

.sf_button_enter:before {
    background: #323232;
    bottom: -3px;
    content: "";
    display: none;
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
}

.sf_button_enter:hover, .sf_button_enter.sf_open {
    background: #333333;
}

    .sf_button_enter.sf_open:before {
        display: block;
    }

.sf_settings_panel input[type="text"] {
    background: #595959;
    border: 1px solid #111111;
    box-shadow: 0 1px 0 #444444, inset 0 1px 3px #4e4e4e;
    color: #222222;
    margin: 0 0 8px 0;
    width: 268px;
}

.sf_settings_panel h3 {
    color: #cccccc;
    font-size: 12px;
    font-weight: normal;
}

.sf_settings_panel select {
    border: 1px solid #111111;
    margin: 0 0 8px 0;
}

.sf_settings_panel select {
    width: 100%;
}

.sf_settings_panel select {
    background: #595959;
    box-shadow: 0 1px 0 #444444, inset 0 1px 3px #4e4e4e;
}

    .sf_settings_panel select option {
        background: #595959;
        box-shadow: 0 1px 0 #444444, inset 0 1px 3px #4e4e4e;
    }

.sf_settings_panel select {
    box-shadow: 0 1px 0 #444444, inset 0 1px 3px #4e4e4e;
}

    .sf_settings_panel select, .sf_settings_panel select option {
        color: #ffffff;
    }

.sf_settings_panel input[type="text"]:focus {
    color: #ffffff;
}

/* ----- notifications ----- */

.sf_notifications_holder {
    bottom: 0;
    position: fixed;
    right: 12px;
    width: 300px;
    z-index: 1999;
}

.sf_notification {
    border: 1px solid #fff;
    border-top: 1px solid #ccc;
    display: block;
    margin-right: 8px;
    padding: 8px;
}

.sf_notification_popup {
    background: #333333;
    border-radius: 4px;
    box-shadow: 0 0 8px #000000;
    color: #ccc;
    cursor: pointer;
    display: none;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 8px 0;
    min-height: 52px;
    padding: 10px 16px 8px 16px;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #000000;
}

.sf_notification:first-child {
    border-top: 1px solid #fff;
}

a.sf_notification:hover {
    border: 1px solid #777;
    text-decoration: none;
}

.sf_notification .sf_img, .sf_notification_table_top img {
    border-radius: 3px;
    float: left;
    margin: 2px 8px 0 0;
}

.sf_notification_popup img {
    border-radius: 3px;
    float: left;
    margin: 2px 16px 0 0;
}


.sf_notification span, .sf_notification_popup span {
    display: block;
}

.sf_notification i, .sf_notification_table_top i, .sf_notification_popup i {
    font-style: normal;
    font-weight: bold;
}

.sf_notification_popup i {
    color: #666666;
}

.sf_notification em, .sf_notification_popup em {
    color: #669900;
    display: block;
    font-style: normal;
    padding: 4px 0 0 0;
}

.sf_notification u, .sf_notification_popup u, .sf_notification_table_top u {
    display: block;
    padding: 4px 0 0 0;
    text-decoration: none;
}

.sf_notification .time {
    color: #aaa;
}

.sf_notification_popup .time {
    color: #666666;
}

div.time, span.time {
    color: #666666;
    display: block;
    font-size: 12px;
    padding: 4px 0 0 0;
}

.w300 {
    width: 300px;
}

.sf_notification_table_top {
    padding: 6px 16px 8px 14px;
}

    .sf_notification_table_top a {
        text-decoration: none !important;
    }

        .sf_notification_table_top a:hover strong {
            text-decoration: underline;
        }

.sf_notification_table_ava {
    margin: 0 auto;
    position: relative;
    width: 32px;
    z-index: 2;
}

    .sf_notification_table_ava img {
        border-radius: 3px;
    }

    .sf_notification_table_ava .sf_img {
        border-radius: 4px;
        box-shadow: 0 0 8px #000000;
        display: none;
        left: 0;
        position: absolute;
        top: -102px;
    }

.sf_header_top_popup_table {
    color: #666666;
    padding: 0;
}

    .sf_header_top_popup_table .sf_notification_table_top {
        padding: 14px 18px 8px 16px;
    }

        .sf_header_top_popup_table .sf_notification_table_top a i {
            color: #919191;
        }

        .sf_header_top_popup_table .sf_notification_table_top a strong {
            color: #333333;
        }

    .sf_header_top_popup_table .sf_hr {
        margin: 8px 0 0 0;
    }

h3 {
    color: #333333;
    font-size: 14px;
    margin: 0 0 3px 0;
    padding: 3px 0 0 0;
}

.sf_header_top_popup_table input[type="text"] {
    color: #333333 !important;
    height: 28px;
    padding: 0 6px;
    text-align: center;
}

    .sf_header_top_popup_table input[type="text"]::-webkit-input-placeholder {
        color: #333333;
    }

.sf_header_top_popup_table i {
    font-style: normal;
}

.sf_button_upload {
    overflow: hidden;
    position: relative;
}

    .sf_button_upload input {
        -ms-opacity: 0;
        cursor: pointer;
        filter: alpha(opacity = 0);
        font-size: 50px;
        height: 50px;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .sf_button_upload form {
        width: auto !important;
    }

/* ----- inner_calendar ----- */

.sf_block_calendar_top a {
    height: 22px !important;
    line-height: 21px !important;
    width: 22px !important;
}

.sf_block_calendar_top span {
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 0 8px;
    position: relative;
    text-transform: uppercase;
    top: 5px;
}

.sf_block_calendar_top_month {
    padding: 10px 0 10px 0;
}

    .sf_block_calendar_top_month span {
        font-size: 26px;
        margin-left: 10px;
    }

.sf_block_calendar_day {
    display: table;
    width: 100%;
}

.sf_block_calendar_day_div {
    display: table-cell;
    font-size: 12px;
    padding: 0 0 5px 5px;
    width: 14%;
}

.sf_block_calendar_number_div {
    border: 1px solid #dadada;
    cursor: pointer;
    font-size: 12px;
    height: 68px;
    padding-top: 20px;
    position: relative;
    vertical-align: top;
    width: 13%;
}

.sf_grey {
    color: #919191 !important;
}

.sf_black {
    color: #333 !important;
}

.sf_block_calendar_number_div span {
    left: 5px;
    position: absolute;
    top: 2px;
}

.sf_block_calendar_number_div u {
    bottom: -1px;
    height: 68px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
}


.sf_block_calendar_number_div:hover u {
    border: 1px solid #555555;
}

.sf_block_calendar_number_div p {
    font-size: 12px;
    padding: 35px 5px;
}

.sf_block_calendar_number_div i {
    background-image: url("/images/corner.png");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: 0;
    height: 10px;
    position: absolute;
    right: 0;
    width: 10px;
}

/* Schedule. */


.sf_block_schedule_number {
    border: 1px solid #d8d8d8;
    border-bottom: 0;
    border-collapse: separate;
    border-radius: 3px;
    box-shadow: 0 1px 0 #ffffff, inset 0 1px 0 #ffffff;
    margin: 0;
}

.sf_block_schedule_number_content {
    cursor: pointer;
    font-size: 12px;
    min-height: 92px;
    padding: 20px 0 10px 14px;
    position: relative;
}

    .sf_block_schedule_number_content a:hover {
        text-decoration: none;
    }

.sf_block_schedule_number_div {
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    box-shadow: 0 1px 0 #ffffff;
    vertical-align: top;
    width: 131px;
}

    .sf_block_schedule_number_div a {
        display: inline-block;
        position: relative;
    }


.event_time {
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    margin-top: 2px;
    opacity: 0.85;
    text-align: center;
    width: 100%;
}

#smallCalendar .event_time {
    border-radius: 0;
    bottom: 0;
    font-size: 10px;
    opacity: 0.65;
    position: absolute;
}

.sf_block_schedule_number_div:nth-child(7n) {
    border-right: 0;
}

.sf_block_schedule_number_div.sf_cur {
    background: #e8e8e8;
    box-shadow: inset 0 1px 0 #ffffff;
    font-weight: bold;
}

.sf_block_schedule_number .sf_home_team {
    bottom: 17px;
    left: 2px;
    position: absolute;
    z-index: 1;
}

#smallCalendar .sf_home_team {
    bottom: 7px;
    left: 2px;
    position: absolute;
    z-index: 1;
}

.sf_event_host {
    display: inline-block;
    position: relative;
}

.sf_block_schedule_number_div span {
    left: 5px;
    position: absolute;
    top: 2px;
}

.sf_block_schedule_number_div:hover {
    border: 1px solid #555555;
    padding: 0 1px 1px 0;
}

.sf_block_schedule_number_div:nth-child(7n):hover {
    padding: 0 0 1px 0;
}

.sf_block_schedule_number_div p {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: 0 1px 0 #ffffff, inset 0 1px 0 #ffffff;
    font-size: 12px;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px;
}

.sf_block_schedule_number_div i {
    background-image: url("/images/corner.png");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: 0;
    height: 10px;
    position: absolute;
    right: 0;
    width: 10px;
}

.sf_popup_dayevents {
    background-color: #f2f2f2;
}

.sf_popup_dayevents_qtip, .qtip-default {
    background-color: #f2f2f2;
    border-color: #E2E2E2;
    max-width: 600px;
}

.sf_popup_dayevents_date {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 12px 0;
    text-align: center;
    text-transform: uppercase;
}

.sf_popup_dayevents_block {
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    color: #666666;
    margin: 0 0 10px 0;
}

    .sf_popup_dayevents_block a {
        color: #666666;
        text-decoration: none;
    }

.sf_popup_dayevent_time {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 75px;
}

.sf_dayevents_line:hover {
    background: #ffffff;
    box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #333;
}

.sf_dayevents_line {
    border-bottom: 1px solid #dadada;
    color: #777;
    cursor: pointer;
    font-size: 12px;
    line-height: 32px;
    overflow: hidden;
    padding: 4px 16px 4px 8px;
    position: relative;
    vertical-align: middle;
}

    .sf_dayevents_line div, .sf_dayevents_line img {
        display: inline-block;
        line-height: 32px;
        vertical-align: middle;
    }

.sf_img_w36 {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    width: 36px;
}

    .sf_img_w36 img {
        height: 36px;
    }

.sf_popup_dayevents_block div:last-child {
    border-bottom: none;
}

/* ----- inner_calendar_2 ----- */

.eventpic--small {
    border-radius: 4px;
    position: absolute;
    width: 38px;
    height: 38px;
    bottom: 5px;
    left: 7px;
}

.sf_block_calendar_number_div .btn {
    display: none;
    height: 14px !important;
    line-height: 13px !important;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 14px !important;
}

.sf_block_calendar_number_div:hover .btn {
    display: block;
}

.stat_results {
    position: relative;
    text-align: center;
    width: 100%;
}

.sf_game_title .stat_results .sf_hr {
    margin: 4px 0;
}

.stat_results strong {
    font-size: 15px;
    text-transform: uppercase;
}

.stat_results .sf_progressbar_p {
    margin: 8px 8px 8px 12px;
    padding: 15px 16px;
}

.stat_results .sf_progressbar_p, .stat_results .sf_progressbar_p_small {
    border: 1px solid #dedede;
    box-shadow: 0 1px 0 #ffffff, inset 0 1px 0 #ffffff;
}

.stat_results .sf_progressbar_p_small {
    margin: 8px auto 8px auto;
    padding: 15px 16px;
    width: 138px;
}

.stat_results .sf_progressbar {
    margin: 0;
}

.stat_results .sf_left_label, .stat_results .sf_right_label {
    background: #f2f2f2;
    border-radius: 4px;
    box-shadow: 0 1px 2px #000000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 19px;
    width: 80px;
    z-index: 4;
}

.stat_results .sf_roster_full_name {
    float: none;
}

.stat_results > div {
}

.stat_results .sf_roster_item {
    width: 100%;
    height: 96px;
    margin: 0;
}

    .stat_results .sf_roster_item .playerImgFrame {
        height: 72px;
        overflow: hidden;
    }

.sf_w300 .sf_roster_item > table {
    width: 265px;
}

.widgetTable .sf_roster_item > table {
    width: 285px !important;
}

.sf_w385 .sf_roster_item > table {
    width: 344px;
}

.sf_w385 .sf_progressbar_p_small {
    width: 175px;
}


.stat_results .sf_roster_item .sf_roster_item_title_name {
    height: 20px;
}

.sf_left_label {
    left: 10px;
}

.sf_right_label {
    right: 10px;
}

.sf_progressbar_p_small {
    margin: 0 40px;
}

.sf_progressbar_p {
    padding: 9px 0 10px 0;
}


    .sf_progressbar_p .sf_progressbar_color_green {
        background: #669900 !important;
        z-index: 3;
    }

    .sf_progressbar_p .sf_progressbar_color_orange {
        background: #ff8800 !important;
        z-index: 2;
    }

    .sf_progressbar_p .sf_progressbar_color_red {
        background: #cc0000 !important;
        z-index: 1;
    }

/* ----- inner_gallery ----- */

.sf_gallery_left, .sf_left_pane {
    display: inline-block;
    float: left;
    margin-right: 8px;
    position: relative;
}

.sf_gallery_right, .sf_right_pane {
    display: inline-block;
    float: right;
    margin-left: 8px;
    position: relative;
}

.sf_button_gallery {
    background: #e0e0e0;
    border-radius: 2px;
    box-shadow: 0 1px 0 #ffffff;
    color: #333 !important;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    margin: 0 0 8px 0;
    text-align: center;
    text-decoration: none !important;
}

.sf_button_gallery {
    margin-right: 12px;
}

.sf_gallery_left .sf_button_gallery {
    margin: 0 0 16px 0;
}

.sf_button_gallery:hover {
    background: #eaeaea;
    color: #333;
    /*border: 1px solid #cccccc;*/
}

.sf_button_gallery:active {
    background: #f0f0f0;
    color: #333;
}

.sf_button_gallery img {
    margin: -2px 8px 0 0;
    vertical-align: middle;
}

.sf_button_gallery_img {
    display: none;
    height: 26px !important;
    line-height: 24px !important;
    padding: 0 !important;
    position: absolute;
    text-align: center;
    width: 26px !important;
}

    .sf_button_gallery_img img {
        vertical-align: middle;
    }

.sf_album {
    line-height: 18px;
    margin: 0 10px 15px 0;
    position: relative;
}

    .sf_album .sf_button_gallery_img {
        right: 47px;
        top: 4px;
        z-index: 2;
    }

    .sf_album .sf_img, .sf_gallery_img .sf_img {
        display: inline-block;
        position: relative;
        vertical-align: top;
        z-index: 1;
        zoom: 1;
    }

        .sf_album .sf_img:before, .sf_gallery_img .sf_img:before {
            bottom: 0;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

    .sf_album .sf_img {
        margin: 0 0 6px 0;
    }

    .sf_album a {
        font-weight: bold;
    }

        .sf_album a:hover {
            text-decoration: none;
        }

    .sf_album span {
        color: #666666;
        font-size: 12px;
    }

    .sf_album div:last-child {
        overflow-x: hidden;
    }

.sf_album_one {
    position: relative;
}

    .sf_album_one .sf_block_button_sub_menu {
        left: auto;
        right: 0;
        top: 0;
    }

.sf_album_one_title {
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 50px 6px 0;
    text-align: center;
}

.sf_album_one_info {
    margin-bottom: 5px;
}

    .sf_album_one_info span {
        color: #919191;
        display: inline-block;
        width: 70px;
    }

.sf_album_one_info_name {
    text-decoration: none !important;
}

    .sf_album_one_info_name i {
        color: #919191;
        font-style: normal;
    }

    .sf_album_one_info_name u {
        color: #d6d6d6;
        text-decoration: none;
    }

    .sf_album_one_info_name:hover i {
        text-decoration: underline;
    }

    .sf_album_one_info_name:hover u {
        color: #919191;
    }

.sf_gallery {
    margin: 0;
    padding: 0;
}

.sf_gallery_img {
    float: left;
    margin: 0 8px 8px 0;
    position: relative;
    width: 130px;
}

    .sf_gallery_img .sf_button_gallery_img {
        right: 4px;
        top: 4px;
        z-index: 2;
    }

.sf_popup_new_album, .sf_popup_album_edit, .sf_popup_upload, .sf_popup_instruction {
    padding: 18px 16px 16px 16px;
    text-align: center;
    width: 500px;
}


.fancybox-inner h2, .fancybox-inner h1, #photoPicker h2 {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    color: #333333;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: normal;
    margin: 0 0 18px 0;
    padding: 8px 0;
    text-align: center;
    text-transform: none;
}

.sf_popup_new_album textarea {
    height: 80px;
    margin: 0 0 16px 0;
    overflow: auto;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100%;
}

.sf_popup_new_album .sf_textarea_like_inp {
    height: 30px;
    margin: 0 0 8px 0;
}

.sf_popup_new_album .btn, .sf_popup_upload .btn {
    margin: 0 8px;
}

.sf_button_cancel {
    color: #919191;
    font-size: 12px;
    margin: 0 -60px 0 8px;
    position: relative;
    top: 6px;
    cursor: pointer;
}

    .sf_button_cancel:hover {
        color: #333333;
        text-decoration: none;
    }

.sf_popup_upload .sf_progressbar {
    margin: 4px 0 16px 0;
}

.sf_popup_upload .sf_hr {
    margin-bottom: 16px;
}

.sf_popup_upload_errors {
    display: none;
}

.sf_popup_upload_errors_in {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 14px 0 0 0;
    text-align: left;
}

    .sf_popup_upload_errors_in span {
        display: block;
        margin: 0 0 3px 0;
        word-wrap: break-word;
    }

    .sf_popup_upload_errors_in i {
        display: block;
        font-size: 12px;
        font-style: normal;
        margin: 0 0 14px 0;
    }

/* ----- settings panel ----- */

.sf_button_settings {
    background: url("/images/button_settings.png") left top no-repeat;
    height: 108px;
    margin: -54px 0 0 0;
    position: fixed;
    right: 0;
    top: 50%;
    width: 62px;
    z-index: 1000;
}

    .sf_button_settings:hover {
        background-position: left -108px;
    }

    .sf_button_settings:active {
        background-position: left -216px;
    }

.sf_settings_panel {
    background: #333333;
    bottom: 0;
    box-shadow: 0 0 20px #000000;
    color: #cccccc;
    font-size: 12px;
    padding: 16px 32px 16px 16px;
    position: fixed;
    right: -400px;
    text-shadow: 0 1px 0 #000000;
    top: 0;
    width: 312px;
    z-index: 1000;
}

.sf_lockerRoom {
    height: 100%;
    left: 0;
    padding: 16px;
    right: auto;
    width: 252px;
}

.sf_settings_panel a {
    color: #cccccc;
}

#mainmenu .sf_hr_2 {
    margin-bottom: 0;
    margin-top: 0;
}

.sf_lockerRoom .sf_hr {
    margin: 17px 0 7px 0;
}


.sf_settings_panel form h4 {
    padding-top: 0;
}

    .sf_settings_panel h4 * {
        vertical-align: bottom;
    }


.sf_settings_panel_menu {
    list-style: none;
    margin-bottom: 16px;
    margin-top: 0;
    padding: 0;
}

    .sf_settings_panel_menu li {
        border-left: 4px solid #333333;
        display: block;
        cursor: pointer;
        font-size: 14px;
        padding: 8px 16px 8px 32px;
    }

.sf_lockerRoomNav ul li {
    border-left: none;
    border-right: none;
    margin: 0;
    padding: 8px 12px;
}

nav.sf_settings_panel_menu li {
    border-left: none;
    border-right: 4px solid #333333;
    padding: 8px 0;
}

#middle .sf_lockerRoomNav ul a {
    margin-right: 7px;
    padding: 8px 6px 8px 12px;
}

nav.sf_settings_panel_menu li:hover, nav.sf_settings_panel_menu li.currentNav li {
    text-shadow: none;
}

.sf_settings_panel_menu li:hover, .sf_settings_panel_menu li.currentNav li {
    color: #ffffff !important;
}

li.currentNav a {
    font-weight: normal !important;
}

.sf_settings_panel .sf_settings_panel_menu li:hover, .sf_settings_panel .sf_settings_panel_menu li.currentNav, nav.sf_settings_panel_menu li:hover {
    background: #454545;
}

@media screen and (max-height: 850px) and (min-height: 500px) {
    .sf_settings_panel_menu li {
        font-size: 12px;
        padding: 2px 0;
    }

    div.background_settings_preview_container {
        height: 160px !important;
    }
}

.sf_help_sec {
    margin-right: 8px;
    text-align: right;
}

.sf_ico_faq {
    background: url("/images/ico_faq.png") left top no-repeat;
    display: inline-block;
    height: 17px;
    vertical-align: middle;
    width: 16px;
    zoom: 1;
}

    .sf_ico_faq:before {
        display: none;
        left: auto;
        margin: 16px 0 0 -3px;
        top: auto;
        z-index: 2;
    }

    .sf_ico_faq:hover:before {
        display: block;
    }

.sf_settings_panel_ul_ra {
    list-style: none;
    margin: 0 0 4px 0;
    padding: 0;
}

    .sf_settings_panel_ul_ra li {
        padding: 0 0 7px 0;
    }

.sf_settings_panel_choose_color {
    padding: 3px 0 0 0;
}

    .sf_settings_panel_choose_color .sf_fl_right {
        padding: 7px 10px 0 0;
    }

.sf_a_choose_color {
    display: inline-block;
    text-decoration: underline;
    vertical-align: top;
    zoom: 1;
}

span.sf_a_choose_color {
    color: #888888;
    text-decoration: none;
}

.sf_a_choose_color span, .sf_settings_panel_choose_color input[type="text"] {
    background: #cc0000;
    border: 1px solid #111111;
    border-radius: 4px;
    box-shadow: 0 1px 0 #444444, inset 0 1px 5px #000000;
    box-shadow: 0 1px 0 #444444, inset 0 1px 5px rgba(0, 0, 0, 0.3);
    color: transparent !important;
    display: inline-block;
    height: 28px;
    margin: 0 9px 0 0;
    vertical-align: top;
    width: 28px;
    zoom: 1;
}

.sf_a_choose_color.sf_bg_none span {
    background: url("/images/bg_none.gif") left top;
}

.sf_a_choose_color i {
    font-style: normal;
    position: relative;
    top: 7px;
}

.sf_settings_panel_add_img img {
    border: 1px solid #111111;
    margin: 0 0 8px 0;
}

.sf_settings_panel_add_img .sf_button_dark, .sf_settings_panel_add_img .btn {
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
}

.sf_settings_panel_header_height .sf_fl_right {
    padding: 12px 10px 0 0;
    width: 200px;
}

#sf_slider_range {
    background: #565656;
    border: 0;
    border-radius: 0;
}



    #sf_slider_range .ui-slider-handle, #sf_period_slider .ui-slider-handle {
        background: url("/images/bullet.png") left top no-repeat;
        border: 0;
        height: 23px;
        margin: 0 0 0 -12px;
        position: absolute;
        right: 0;
        top: -8px;
        width: 23px;
    }

#sf_period_slider {
    margin: 5%;
    width: 90%;
}

    #sf_period_slider .ui-slider-handle {
        background: url("/images/bullet_light.png") left top no-repeat;
    }

.sf_settings_panel_header_height input[type="text"] {
    margin: 4px 0 0 0 !important;
    width: 44px;
}

.sf_settings_panel_header_height i {
    font-style: normal;
    padding: 0 0 0 4px;
    position: relative;
    top: -3px;
}

.sf_settings_panel_gallery {
    margin: 0 0 14px -8px;
    padding: 4px 0 0 0;
}

    .sf_settings_panel_gallery a {
        border: 1px solid #111111;
        float: left;
        margin: 0 0 8px 8px;
        position: relative;
    }

        .sf_settings_panel_gallery a:hover:before, .sf_settings_panel_gallery .sf_cur:before {
            bottom: -1px;
            content: "";
            left: -1px;
            position: absolute;
            right: -1px;
            top: -1px;
        }

        .sf_settings_panel_gallery a:hover:before {
            border: 2px solid #111111;
        }

    .sf_settings_panel_gallery .sf_cur:before {
        border-style: solid;
        border-width: 2px;
    }

.sf_settings_panel_buttons .sf_button_cancel {
    color: #888888;
}

    .sf_settings_panel_buttons .sf_button_cancel:hover {
        color: #cccccc;
    }

.sf_logo_team {
    margin: 2px 0 15px 0;
}

.sf_logo_team_img {
    background: #ffffff;
    border: 1px solid #111111;
    border-radius: 4px;
    box-shadow: 0 1px 0 #444444;
    display: table-cell;
    height: 108px;
    text-align: center;
    vertical-align: middle;
    width: 108px;
}

    .sf_logo_team_img img {
        max-height: 96px;
        max-width: 96px;
    }

.sf_logo_team_buttons {
    padding: 0 0 0 8px;
}

    .sf_logo_team_buttons .sf_button_dark, .sf_logo_team_buttons .btn {
        height: 28px;
        line-height: 28px;
        margin: 0 0 4px 0;
        padding-left: 10px;
        padding-right: 10px;
    }

.sf_button_deleteimage {
    color: #888888 !important;
    line-height: 25px;
    margin-left: 10px;
}

    .sf_button_deleteimage .sf_button_delete:hover {
        color: #cccccc;
        text-decoration: none;
    }

.sf_settings_panel input[type="text"], .sf_settings_panel select {
    color: #ffffff;
    margin-top: 3px;
}

    .sf_settings_panel input[type="text"]::-ms-clear {
        display: none;
    }

.sf_mb_0 {
    margin-bottom: 0 !important;
}

.sf_mb_8 {
    margin-bottom: 8px;
}

.sf_mb_12 {
    margin-bottom: 12px;
}


.sf_mb_16 {
    margin-bottom: 16px;
}


.sf_mb_24 {
    margin-bottom: 24px !important;
}

.sf_pr7 {
    padding-right: 7px;
}

.sf_pr12 {
    padding-right: 12px;
}

/*Tournaments*/


.sf_tournaments_header_txt {
    display: table;
}

.sf_tournaments_header_txt_inner {
    display: table-cell;
    font-size: 20px;
    font-weight: bold;
    height: 65px;
    line-height: 25px;
    vertical-align: bottom;
}

.sf_stage_header_txt {
    padding: 16px 0;
    text-align: center;
}

    .sf_stage_header_txt #tornament_title, .sf_stage_header_txt__title {
        display: inline-block;
        margin: 8px;
        font-size: 20px;
        font-weight: bold;
    }

.sf_tournaments_header img {
    float: left;
    margin: 8px 16px 0 16px;
}

.sf_tournaments_menu {
    list-style: none;
    margin: -26px 0 16px 0;
    padding: 0 0 0 130px;
}

.sf_tournaments_menu, .button_more, .btn {
    background: #efefef;
    border: 1px solid #d9d9d9;
}

    .sf_tournaments_menu li {
        float: left;
    }

    .sf_tournaments_menu a {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        color: #666666;
        float: left;
        font-size: 13px;
        height: 40px;
        line-height: 40px;
        padding: 0 14px;
    }

        .sf_tournaments_menu a:hover {
            border-left: 1px solid #d1d1d1;
            border-right: 1px solid #d1d1d1;
        }

        .sf_tournaments_menu a:hover, .button_more:hover, .btn:hover, .sf_row_arrangement_block:hover {
            background: #f3f3f3;
            text-decoration: none;
        }

        .sf_tournaments_menu .sf_cur, .sf_tournaments_menu a:active {
            border-left: 1px solid #c9c9c9 !important;
            border-right: 1px solid #c9c9c9 !important;
        }

        .sf_tournaments_menu .sf_cur, .sf_tournaments_menu a:active, .button_more:active, .btn:active, .sf_row_arrangement_block:active {
            background: #e3e3e3 !important;
            color: #333333;
        }

        .sf_tournaments_menu a:active, .button_more:active {
            color: #666666;
        }

.sf_tournaments_table_div {
    margin-bottom: 8px;
}

.sf_tournaments_table {
    border-collapse: separate;
}

    .sf_tournaments_table th {
        background: #eeeeee;
        border-bottom: 1px solid #d9d9d9;
        font-size: 12px;
        padding: 9px 16px;
    }

        .sf_tournaments_table th span {
            font-size: 10px;
            position: relative;
            top: 2px;
        }

        .sf_tournaments_table th a {
            background: url("/content/images/ico_arrow_bottom.png") right 10px no-repeat;
            padding: 0 9px 0 0;
            position: relative;
            text-decoration: none !important;
        }

            .sf_tournaments_table th a:before {
                background: url("/content/images/ico_arrow_top.png") left top no-repeat;
                content: "";
                height: 3px;
                position: absolute;
                right: 0;
                top: 5px;
                width: 5px;
            }

        .sf_tournaments_table th .sf_top {
            background: url("/content/images/ico_arrow_top.png") right 8px no-repeat;
        }

        .sf_tournaments_table th .sf_bottom {
            background: url("/content/images/ico_arrow_bottom.png") right 8px no-repeat;
        }

            .sf_tournaments_table th .sf_top:before, .sf_tournaments_table th .sf_bottom:before {
                display: none;
            }

    .sf_tournaments_table td {
        background: #ffffff;
        border-bottom: 1px solid #d9d9d9;
        font-size: 12px;
        padding: 4px 16px;
        text-align: center;
    }

    .sf_tournaments_table tr:hover td {
        background: #f2f2f2;
    }

    .sf_tournaments_table .sf_img {
        text-decoration: none !important;
    }

    .sf_tournaments_table td img, .sf_tournaments_table td a, .sf_tournaments_table td span {
        vertical-align: middle;
    }

    .sf_tournaments_table .sf_img img {
        margin: 0 8px 0 0;
    }

    .sf_tournaments_table .sf_img span {
        position: relative;
    }

.sf_table {
    border: 1px solid #ccc;
    width: 100%;
}

    .sf_table th, table th {
        border-bottom: 1px solid #d9d9d9;
        color: #111;
        font-size: 12px;
        font-weight: bold;
        padding: 9px 16px;
    }

        .sf_table th a, table th a {
            color: #111;
        }

        table th i, b i {
            font-size: 10px;
            font-style: normal;
            position: relative;
            top: 2px;
        }

    .sf_table > tr > td, .sf_table > tbody > tr > td {
        border-bottom: 1px solid #ccc;
        border-top: none !important;
        padding: 4px 16px;
        text-align: center;
    }

table.gamesGrid td, table.gamesGrid th {
    border: 1px solid #ccc !important;
    padding: 9px 2px !important;
}

table.gamesGrid tr td:first-child, table.gamesGrid tr th:first-child {
    border-right: none !important;
    padding-left: 6px !important;
}

table.gamesGrid tr td:nth-child(2), table.gamesGrid tr th:nth-child(2) {
    border-left: none !important;
}

.sf_table td.bordered {
    cursor: pointer;
    white-space: nowrap;
}

.sf_table th.bordered {
    font-weight: normal;
    line-height: 24px;
    white-space: nowrap;
}

    .sf_table th.bordered img {
        margin-left: 4px;
    }

.sf_table tr:last-child td {
    border-bottom: none;
}

.sf_table .sf_img {
    text-decoration: none !important;
}

    .sf_table .sf_img img {
        margin: 0 8px 0 0;
    }

    .sf_table .sf_img span {
        position: relative;
        top: 4px;
    }

    .sf_table .sf_img:hover span, .sf_table tr:hover .sf_img span {
        text-decoration: underline;
    }

.sf_tournaments_table .sf_img:hover span, .sf_tournaments_table tr:hover .sf_img span {
    text-decoration: underline;
}

.sf_tournaments_table_type_1 th:first-child, .sf_tournaments_table_type_1 td:first-child {
    padding-right: 0;
}

.sf_tournaments_table_type_1 th:last-child, .sf_tournaments_table_type_1 td:last-child {
    padding-right: 32px;
}

.sf_tournaments_table_type_2 {
    border: none;
}

    .sf_tournaments_table_type_2 th, .sf_tournaments_table_type_2 td {
        padding-left: 12px;
        padding-right: 12px;
    }

        .sf_tournaments_table_type_2 th:first-child, .sf_tournaments_table_type_2 td:first-child {
            padding-left: 16px;
        }

        .sf_tournaments_table_type_2 th:last-child, .sf_tournaments_table_type_2 td:last-child {
            padding-right: 24px;
        }

.sf_game .sf_tournaments_table_div {
    margin: 0 0 3px 0;
}

.button_more {
    color: #666666;
    display: block;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    margin: 0 0 8px 0;
    text-align: center;
}

#tournamentGames {
    display: table;
    width: 100%;
    border-top: 1px dotted #d9d9d9;
}

.tgame {
    background: #ffffff;
    cursor: pointer;
    display: table-row;
    position: relative;
    z-index: 1;
}

.tgame_cell {
    border-bottom: 1px dotted #d9d9d9;
    display: table-cell;
    height: 48px;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
}

.tgame_cell_text {
    background: #f5f5f5;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    display: inline-block;
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    margin: 0 1px;
    vertical-align: top;
    width: 38px;
    zoom: 1;
}

.tgame .sf_small, .sf_tournaments_results_center_center .sf_small {
    font-size: 12px;
}

.tgame_action_btn {
}

.tgame_date {
    padding-left: 20px;
    width: 110px;
}

.tgame_result {
    text-align: center;
    white-space: nowrap;
    width: 110px;
}

.tgame_team__img {
    margin: 0 5px;
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

.tgame_hometeam, .tgame_awayteam {
    font-weight: 500;
    line-height: 32px;
    /*text-transform: uppercase;*/
    width: 250px;
}

.tgame_hometeam {
    text-align: right;
}

.tgame_awayteam {
    text-align: left;
}

.sf_tournaments_results_center_right {
    float: right;
    text-align: left;
    width: 230px;
}

.sf_tournaments_results_center_left {
    float: left;
    text-align: right;
    width: 210px;
}

.sf_tournaments_results_center_right .sf_img {
    margin: 0 4px 0 0;
}

.sf_tournaments_results_center_left .sf_img {
    margin: 0 0 0 4px;
}

.sf_tournaments_results_center_center {
    font-size: 0;
    text-align: center;
}



    .sf_tournaments_results_center_center span {
        background: #f5f5f5;
        border: 1px solid #d9d9d9;
        border-radius: 2px;
        display: inline-block;
        font-size: 15px;
        height: 24px;
        line-height: 24px;
        margin: 11px 4px 0 4px;
        vertical-align: top;
        width: 38px;
        zoom: 1;
    }



.sf_vs {
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin: 15px 4px 0 4px;
    width: 25px;
}

.stage_settings {
    padding: 0 0 16px 0;
    text-align: center;
}

    .stage_settings a {
        font-weight: bold;
        margin-right: 12px;
    }

.sf_changing {
    border-spacing: 5px;
    display: table;
    margin-bottom: 8px;
    margin-left: -5px;
    width: 100%;
}


    .sf_changing a {
        background: #f7f7f7;
        border: 1px solid #dedede;
        border-radius: 4px;
        display: table-cell;
        line-height: 14px;
        min-height: 28px;
        padding: 8px 4px;
        text-align: center;
        text-decoration: none !important;
        vertical-align: middle;
        width: 217px;
    }

.sf_card_commands_more {
    background: #f7f7f7;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.sf_changing a:hover {
    background: #fcfcfc;
}

.sf_changing a.sf_cur, .sf_changing a:active {
    background: #e9e9e9;
}

.sf_changing a.sf_cur {
    font-weight: bold;
}

.sf_card_commands_more {
    bottom: 16px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 30px;
}

    .sf_card_commands_more:before {
        background: url("/images/arrows_top_bottom.png") left top no-repeat;
        content: "";
        height: 12px;
        left: 10px;
        margin: -6px 0 0 0;
        position: absolute;
        top: 50%;
        width: 10px;
    }

.sf_open .sf_card_commands_more:before {
    background: url("/images/arrows_top_bottom.png") -10px top no-repeat;
}

.sf_card_command_more {
    display: none;
}

/* End tournaments */

.sf_a_tariff, .sf_a_extend {
    border-left: 4px solid #333333;
    display: block;
    line-height: 16px;
    padding: 7px 0 9px 12px;
    text-decoration: none !important;
}

    .sf_a_tariff:hover, .sf_a_extend:hover {
        background: #454545;
        border-left: 4px solid #cc0000;
    }

.sf_a_extend {
    padding: 5px 0 8px 12px;
}

    .sf_a_tariff em, .sf_a_extend em {
        color: #888888;
        font-size: 12px;
        font-style: normal;
    }

    .sf_a_tariff:hover, .sf_a_extend:hover, .sf_a_tariff:hover em, .sf_a_extend:hover em {
        color: #ffffff !important;
    }


    .sf_a_extend i {
        color: #ffffff;
        font-style: normal;
    }

    .sf_a_extend span {
        margin: 9px 0 0 0 !important;
    }

.sf_settings_panel a.warning {
    background: url("/images/sf_a_extend_bg.gif");
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 10px 15px;
    text-align: center;
    text-decoration: underline;
}

a.warning i {
    font-style: normal;
}

a.warning span {
    display: block;
    margin-top: 10px;
}

span.deleteButton {
    background: url(/Images/sf_delete_post.png);
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 17px;
    width: 11px;
}

    span.deleteButton:hover {
        background-position: 22px 0;
    }

    span.deleteButton:active {
        background-position: 11px 0;
    }

.pollContainer span.deleteButton {
    float: none;
    margin-left: 4px;
    vertical-align: middle;
}

.pollContainer input[type='text'] {
    width: 100%;
}

span.editButton {
    background: url(/Images/ico_card_user_edit.png);
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 17px;
    width: 11px;
}

#personTabs img.large {
    max-width: 275px;
}

span.date {
    color: #919191;
    float: right;
}

.editor {
    overflow: hidden;
}

a.slink {
    color: #919191;
    text-decoration: underline;
}

    a.slink:hover {
        color: #444444;
    }

    a.slink.pressed, a.slink.pressed:hover {
        color: #111 !important;
        font-weight: bold;
    }

.lmarg {
    margin-left: 5px;
}

a.grey, .grey {
    color: #999;
    font-weight: normal;
}

div.loading {
    background-image: url(/Images/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 240px;
}

span#pageTitle {
    display: none;
}

.sf_onlineMember, .sf_fan {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 67px;
    zoom: 1;
}

    .sf_onlineMember small, .sf_fan small {
        font-size: 10px;
        line-height: 10px;
    }

    .sf_onlineMember a:hover, .sf_fan a:hover {
        text-decoration: none;
    }

.fieldsets fieldset {
    border: 1px solid #aaa;
    margin-bottom: 10px;
    padding: 0 10px 5px 10px;
}

    .fieldsets fieldset legend {
        font-weight: bold;
        margin: 5px;
    }

.ui-widget {
    font-family: 'Roboto', Verdana, Geneva CY, DejaVu Sans, Sans-serif !important;
    font-size: 0.9em;
}

.ui-front {
    z-index: 9000 !important;
}

.help fieldset {
    padding: 0 30px 10px 30px;
}

.help legend {
    color: #444;
    font-family: 'Prosto One';
    font-size: 20px;
    margin-bottom: 5px;
    margin-left: 0 !important;
    margin-top: 20px;
}

.help h3 {
    color: #444;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 0;
    text-decoration: underline;
    text-transform: none;
}

.sf_album img {
    height: 40px;
    width: 40px;
}


.sf_buttons_select, .sf_buttons_select a, .sf_buttons_select > span {
    vertical-align: middle;
}

.sf_buttons_select {
    padding-bottom: 6px;
}

    .sf_buttons_select span {
        color: #919191;
    }


    .sf_buttons_select a.slink {
        margin-left: 10px;
        text-decoration: none;
    }

.loadingContent {
    background-image: url(/Images/preloadLight.gif) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 45px !important;
}

.eventLineUp label {
    border-bottom: 1px solid;
    cursor: text;
    display: block;
    font-size: 13px;
    margin: 8px 16px 4px 0;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.playoff_series_settings select {
    font-size: 14px;
    font-weight: 600;
}

.playoff_series_settings label {
    border-bottom: none;
    cursor: text;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
}

.playoff_series_settings .clear_view_selects {
    border: 1px solid #ddd;
    display: inline-block;
    margin: 8px 24px;
    padding: 6px 8px 8px 8px;
}

.eventLineUp label {
    font-weight: bold;
}

.eventLineUp .sublabel {
    font-size: 13px;
    margin: 4px 0;
}

.eventLineUp span {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-right: 4px;
}

div.eventLineUp {
    width: 610px;
}

.eventLineUp > div {
    width: 50%;
}

.eventPlayer {
    white-space: nowrap;
}

table.eventLineUp td {
    vertical-align: top;
}

.teamFinanceTable td {
    font-size: 14px;
    padding: 5px 10px 5px 15px;
    vertical-align: middle;
    width: 200px;
}

    .teamFinanceTable td.importantValue {
        font-weight: bold;
    }

    .teamFinanceTable td a {
        margin-top: 0;
        padding: 0;
        width: 100%;
    }

/* ----- inner_playoff ----- */

.sf_scrolled_holder_all {
    position: relative;
}

.sf_scrolled_holder {
    overflow: auto;
}

.sf_scrolled {
    min-height: 100px;
    position: relative;
}


div.playoff_round {
    display: table-cell;
    padding: 15px 0 16px 0;
    vertical-align: middle;
}

.sf_scrolled .playoff_round:first-child {
    padding-left: 8px;
}

.sf_game .playoff_round {
    padding: 0;
}

.sf_game .sf_img {
    float: none;
}

.playoff_round_top {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 192px;
}

.playoff_round, .playoff_round .playoff_round_inn {
    width: 192px;
}

.playoff_round_finale, .playoff_round_finale .playoff_round_inn {
    width: 280px;
}

.playoff_round_result, .playoff_round_result .playoff_round_inn {
    width: 160px;
}

.playoff_round_top span {
    margin: 0 0 0 -32px;
}

.playoff_round_result .playoff_round_top span {
    margin: 0;
}

.playoff_round_inn {
    position: relative;
    vertical-align: middle;
}

.playoff_twoseries {
    border: 1px solid #cccccc;
    border-left: 0;
    position: relative;
    width: 175px;
}

.playoff_round_1 .playoff_twoseries {
    height: 74px;
    margin: 37px 0;
}

.playoff_round_2 .playoff_twoseries {
    height: 149px;
    margin: 75px 0;
}

.playoff_round_3 .playoff_twoseries {
    height: 300px;
    margin: 150px 0;
}

.playoff_round_4 .playoff_twoseries {
    height: 599px;
    margin: 300px 0;
}

.playoff_round_5 .playoff_twoseries {
    height: 1201px;
    margin: 37px 0;
}

.playoff_round_finale .playoff_twoseries {
    height: 140px;
    margin: 90px 0;
    width: 263px;
}

.playoff_round_finale .playoff_onefinal {
    border: 1px solid transparent;
    border-top-color: #cccccc;
    margin: 90px 0;
    position: relative;
    width: 263px;
}


.sf_game .playoff_round .playoff_twoseries {
    height: 98px;
    margin: 42px 0 43px 32px;
    width: 235px;
}

.playoff_round .playoff_series {
    left: 0;
    position: absolute;
    width: 150px;
}

.playoff_series {
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    color: #666666;
    display: block;
    padding: 4px;
    text-align: left;
    text-decoration: none !important;
}

    .playoff_series:hover {
        background: #f2f2f2;
        border: 1px solid transparent;
        box-shadow: 0 0 6px #000000;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
        color: #333333;
    }

.sf_game .playoff_series {
    margin: 0 auto 14px auto;
    padding: 7px 8px;
    position: static;
    width: 202px;
}

.sf_game .playoff_series_big {
    padding: 9px 8px;
    width: 230px;
}

.sf_game .playoff_series_last {
    margin: 0 auto 4px auto;
}

.sf_game .playoff_round .playoff_series {
    margin: 0;
    position: absolute;
}

.playoff_twoseries_first {
    top: -34px;
}

.playoff_twoseries_second {
    bottom: -34px;
}

.sf_game .playoff_twoseries_first {
    top: -42px;
}

.sf_game .playoff_twoseries_second {
    bottom: -42px;
}

.playoff_round .playoff_series:before {
    border-top: 1px solid #cccccc;
    content: "";
    left: -17px;
    position: absolute;
    top: 32px;
    width: 16px;
}

.playoff_round:first-child .playoff_series:before, .sf_game .playoff_series:before {
    display: none;
}

.playoff_series_number {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
}

.playoff_series_team {
    height: 24px;
    position: relative;
}

.sf_game .playoff_series_team {
    height: 26px;
}

.sf_game .playoff_series_big .playoff_series_team {
    height: 32px;
}

.sf_game .playoff_series_team strong {
    color: #333333;
}

.playoff_series_team .sf_img {
}

.sf_game .playoff_series_team .sf_img {
}

.playoff_series_big .playoff_series_number {
    font-size: 14px;
    line-height: 32px;
}



.playoff_series_team__pic {
    margin: 0 4px 0 0;
    line-height: 26px;
    text-transform: uppercase;
}

.playoff_series_team__pic--small {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.sf_number, .sf_number2, .sf_vs {
    background: #fafafa;
    /*border: 1px solid #d9d9d9;*/
    box-shadow: 0 1px 4px #000000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    height: 22px;
    line-height: 22px;
    min-width: 34px;
    text-align: center;
}

.sf_number {
    min-width: 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.sf_number2, .sf_vs {
    display: inline-block;
    font-size: 15px;
}

.sf_number:before {
    background: url("/images/sf_shadow.png") left top repeat-y;
    content: "";
    height: 24px;
    left: -20px;
    position: absolute;
    top: 0;
    width: 19px;
}

.sf_game .sf_number {
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    width: 38px;
}

.postInner .sf_number2 {
    font-size: 48px;
    height: 75px;
    line-height: 75px;
    min-width: 68px;
    margin: 0 5px;
    font-weight: 200;
}

.postInner .sf_game_team_name {
    width: 190px;
    font-weight: 500;
    font-size: 16px;
    margin-top: 8px;
}

.postInner .sf_game {
    margin: 48px 0;
}

.sf_game .playoff_series_big .sf_number {
    top: 3px;
}

.playoff_series:hover .playoff_series_team:first-child .sf_number:before {
    background: url("/images/sf_shadow_hover.png") left top no-repeat;
}

.playoff_series:hover .playoff_series_team:last-child .sf_number:before {
    background: url("/images/sf_shadow_hover_2.png") left top no-repeat;
}

.playoff_series .sf_hr {
    border-bottom: 1px solid #d8d8d8;
    border-top: none;
    margin: 4px 0;
}

.sf_game .playoff_series .sf_hr {
    margin: 7px 0;
}

.sf_game .playoff_series_big .sf_hr {
    margin: 9px 0;
}

.playoff_round_finale .playoff_series {
    padding: 8px;
    width: 230px;
}

.playoff_round_finale .playoff_twoseries_first {
    top: -50px;
}

    .playoff_round_finale .playoff_twoseries_first:before {
        top: 48px;
    }

.playoff_round_finale .playoff_twoseries_second {
    bottom: -44px;
}

    .playoff_round_finale .playoff_twoseries_second:before {
        top: 42px;
    }

.playoff_round_finale .playoff_series:first-child {
    text-transform: uppercase;
}

.playoff_round_finale .playoff_twoseries_first {
    color: #333333;
    font-weight: bold;
}

    .playoff_round_finale .playoff_twoseries_first .sf_img {
        font-size: 14px;
    }

.playoff_series_title {
    font-size: 14px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -25px;
}

.playoff_round_finale .playoff_twoseries_first .playoff_series_title {
    font-size: 15px;
    font-weight: bold;
}

.playoff_round_finale .playoff_series .sf_number {
    font-size: 15px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    width: 38px;
}

.playoff_round_finale .playoff_twoseries_first .sf_number {
    top: 3px;
}

.playoff_round_finale .playoff_series .sf_hr {
    margin: 8px 0;
}

.playoff_round_finale .playoff_twoseries_first .playoff_series_team {
    height: 32px;
}

    .playoff_round_finale .playoff_twoseries_first .playoff_series_team .sf_img {
        line-height: 32px;
    }

.playoff_round_finale .playoff_twoseries_second .playoff_series_team {
    height: 26px;
}

    .playoff_round_finale .playoff_twoseries_second .playoff_series_team .sf_img {
        line-height: 26px;
    }

.playoff_twoseries_result {
    background: #f7f7f7;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin: 37px auto;
    padding: 24px 0 0 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 158px;
}

.playoff_round .playoff_twoseries_result {
    margin: 37px 0;
}

    .playoff_round .playoff_twoseries_result:before {
        border-top: 1px solid #cccccc;
        content: "";
        left: -18px;
        margin: -1px 0 0 0;
        position: absolute;
        top: 50%;
        width: 17px;
    }

.playoff_twoseries_result .sf_img {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 23px 0;
    text-decoration: none !important;
}

.playoff_twoseries_result .sf_img_1 {
    font-size: 14px;
}

.playoff_twoseries_result .sf_img_2 {
    font-size: 13px;
}

.playoff_twoseries_result .sf_img span {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 1px 6px #000000;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin: 0 0 7px 0;
    padding: 8px;
    position: relative;
    vertical-align: top;
    zoom: 1;
}

.playoff_twoseries_result .sf_img_1 span {
    padding: 13px;
}

.playoff_twoseries_result .sf_img_2 span {
    padding: 12px;
}

.playoff_twoseries_result .sf_img i {
    position: absolute;
    right: -16px;
    top: -13px;
}

.playoff_twoseries_result .sf_img_1 i {
    background: url("/images/ico_medal_1.png") left top no-repeat;
    height: 44px;
    width: 44px;
}

.playoff_twoseries_result .sf_img_2 i {
    background: url("/images/ico_medal_2.png") left top no-repeat;
    height: 40px;
    width: 40px;
}

.playoff_twoseries_result .sf_img_3 i {
    background: url("/images/ico_medal_3.png") left top no-repeat;
    height: 36px;
    width: 36px;
}

.sf_popup_series_header {
    padding: 0 0 24px 0;
}

    .sf_popup_series_header h2 {
        background: transparent;
        border: none;
        color: #444;
        font-size: 15px;
        text-transform: uppercase;
    }

    .sf_popup_series_header .sf_clearfix {
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .sf_popup_series_header .sf_tournaments_results_center_right {
        width: 400px;
    }

    .sf_popup_series_header .sf_tournaments_results_center_left {
        width: 400px;
    }

    .sf_popup_series_header i {
        background: #ffffff;
        border-radius: 4px;
        box-shadow: 0 1px 6px #000000;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
        display: inline-block;
        margin: 0 20px !important;
        padding: 12px;
        vertical-align: middle;
        zoom: 1;
    }

    .sf_popup_series_header .sf_tournaments_results_center_right i {
        margin: 0 4px 0 -2px;
    }

    .sf_popup_series_header .sf_tournaments_results_center_left i {
        margin: 0 -2px 0 4px;
    }

    .sf_popup_series_header .sf_tournaments_results_center_center span {
        margin: 23px 4px 0 4px;
    }

    .sf_popup_series_header u {
        background: #ffffff;
        border: 1px solid #d9d9d9;
        border-radius: 2px;
        color: #cc0000;
        display: inline-block;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        margin: 8px 0 -8px 0;
        padding: 0 10px;
        text-decoration: none !important;
        vertical-align: top;
        zoom: 1;
    }

.btn, .sf_button_action1 {
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    zoom: 1;
    cursor: pointer;
}

    .btn .material-icons, .sf_button_action1 .material-icons {
        vertical-align: middle;
        font-size: 16px;
    }


.btn {
    color: #333 !important;
}

    .btn.pressed {
        background: transparent;
        border: none;
        font-weight: bold;
    }

.sf_button_action1 {
    color: #fff !important;
}

.victoryType {
    display: inline-block;
    font-size: 12px;
    padding-bottom: 5px;
}


.sf_page {
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
}


#middle .sf_page > h1, #overContent .sf_page > h1 {
    background: #e9e9e9;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #d8d8d8;
    font-size: 15px;
    font-weight: normal;
    height: 36px;
    letter-spacing: 1px;
    line-height: 35px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

    #middle .sf_page > h1 .btn, #middle .sf_page > h1 s, #overContent .sf_page > h1 .btn, #overContent .sf_page > h1 s {
        border-color: #c7c7c7;
        color: #111;
        font-size: 12px;
        letter-spacing: 0;
        margin: 8px 0;
        text-transform: none;
    }

    #middle .sf_page > h1 .sheader__buttons {
        position: absolute;
        right: 8px;
        top: 8px
    }

    #middle .sf_page > h1 .sheader__inner__button {
        border: 1px solid #c7c7c7 !important;
        margin-left: 5px;
        background: #efefef;
        display: inline-block;
        color: #111 !important;
        font-size: 12px;
        letter-spacing: 0;
        text-transform: none;
        line-height: 30px;
        min-height: 30px;
        padding: 0 12px;
        text-shadow: none;
    }

        #middle .sf_page > h1 .sheader__inner__button:hover {
            background: #fafafa;
        }

        #middle .sf_page > h1 .sheader__inner__button select {
            border: none;
            background: transparent;
            width: 150px;
        }

    #middle .sf_page > h1 .sf_absolute_left, #overContent .sf_page > h1 .sf_absolute_left {
        margin-left: 16px;
    }

    #middle .sf_page > h1 .sf_absolute_right, #overContent .sf_page > h1 .sf_absolute_right {
        margin-right: 16px;
    }


    #middle .sf_page > h1:first-child, #overContent .sf_page > h1:first-child {
        border-top: none;
        font-size: 17px;
        height: 48px;
        line-height: 48px;
    }

#middle.borderize div.layoutRow {
    border: 1px dashed #eee;
    margin: 24px -4px;
    min-height: 240px;
    padding: 4px;
    position: relative;
}

    #middle.borderize div.layoutRow.beforeDelete {
        background: #fff;
        border-style: solid;
    }

        #middle.borderize div.layoutRow.beforeDelete > * {
            opacity: 0.3;
        }

.configButton {
    clear: both;
    display: block;
}

#middle.borderize a.addBlock {
    text-align: center;
}

#middle.borderize article, #middle.borderize aside {
    border: 1px dashed #eee;
    margin-bottom: 4px;
    margin-top: 4px;
    min-height: 40px;
    padding: 2px;
}


#middle.borderize section {
    position: relative;
}

#middle.borderize .sf_popup_button_sub_menu {
    background: #f7f7f7;
    background: rgba(247, 247, 247, 0.8);
    border-radius: 4px;
    box-shadow: 0 1px 4px #000000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    height: 100px;
    left: 50%;
    margin-left: -100px;
    margin-top: -50px;
    padding: 12px;
    position: absolute;
    top: 50%;
    width: 200px;
    z-index: 11111;
}

#middle.borderize div.sf_block {
    max-height: 500px;
    min-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* ----- inner_roster ----- */

.sf_roster_items {
    text-align: center;
}

.sf_roster_items_col_title {
    letter-spacing: 1px;
    margin: 7px 0 15px 0;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}

    .sf_roster_items_col_title span {
        position: relative;
        word-wrap: break-word;
    }

        .sf_roster_items_col_title span:before, .sf_roster_items_col_title span:after {
            border-bottom: 1px solid #ffffff;
            border-top: 1px solid #d8d8d8;
            content: "";
            position: absolute;
            top: 8px;
        }

        .sf_roster_items_col_title span:before {
            left: -805px;
        }

        .sf_roster_items_col_title span:after {
            right: -805px;
        }

.sf_roster_item {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 1px 4px #000000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    color: #666666;
    display: inline-block;
    margin: 1px 1px 1px 2px;
    padding: 2px;
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.sf_roster_items .sf_roster_item, .contacts .sf_roster_item {
    width: 100px;
}

.sf_roster_item .employee_title {
    display: block;
    font-weight: 500;
    height: 36px;
    overflow-y: hidden;
    padding: 0 4px;
}

.sf_roster_item:hover {
    box-shadow: 0 1px 8px #000000;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    color: #333333;
    text-decoration: none;
}

.roster_item__pic {
    margin: 0 0 4px 0;
    text-align: center;
    height: 96px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.roster_item__pic--card {
    max-height: 196px;
    width: 196px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 1px 4px #000000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    display: block;
    float: left;
    margin: 0 16px 2px 8px;
    padding: 6px;
}


.sf_block_feed .sf_roster_item {
    margin-left: 0;
    min-width: 192px;
    width: auto;
}

    .sf_block_feed .sf_roster_item table {
        width: 100%;
    }

        .sf_block_feed .sf_roster_item table td {
            vertical-align: top;
        }


            .sf_block_feed .sf_roster_item table td:first-child {
                width: 96px;
            }

.sf_block_feed p img {
    max-width: 100%;
}

.statParam {
    padding-left: 4px;
}

.sf_roster_item_title {
    margin: 1px 0 2px 0;
    padding: 0 0 0 4px;
    white-space: nowrap;
}

    .sf_roster_item_title strong {
        font-size: 16px;
    }

    .sf_roster_item_title .sf_fl_right {
        padding: 2px 0 0 0;
    }

    .sf_roster_item_title img {
        margin: -1px 0 0 0;
        vertical-align: middle;
    }

.sf_roster_item_title_name {
    min-height: 28px;
    overflow: hidden;
    padding: 0 0 0 4px;
    position: relative;
    white-space: nowrap;
}


.sf_roster_full_name {
    float: left;
}

.stat_results .sf_roster_full_name {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}

.rightToTransparent {
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

    .rightToTransparent:before {
        background: url("/images/sf_shadow.png") right top repeat-y;
        bottom: 0;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 16px;
    }

h1 .sf_a_open {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

    h1 .sf_a_open:before {
        background: url("/images/arrows_top_bottom.png") -10px top no-repeat;
        content: "";
        height: 12px;
        position: absolute;
        right: 8px;
        top: 13px;
        width: 10px;
    }

    h1 .sf_a_open.sf_closed:before {
        background: url("/images/arrows_top_bottom.png") left top no-repeat;
    }


/* ----- inner_card ----- */

#middle .card-section {
    background: #fff;
    padding: 16px;
}

.card-section .sf_flexible {
    min-height: 115px;
    padding: 2px 0 0 2px;
    position: relative;
}

.card_label {
    color: #999999;
    width: 150px;
    display: inline-block;
}

.sf_card_user_name {
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    margin: 0 0 5px 0;
    overflow: hidden;
    white-space: nowrap;
}

    .sf_card_user_name strong {
        color: #777;
        font-size: 28px;
        margin-left: 8px;
    }

    .sf_card_user_name span {
        color: #bbbbbb;
    }


.card-section td {
    font-size: 12px;
    padding: 0 0 4px 0;
}

.card-section .sf_table {
    border: 0;
}

.card-section .card_menu {
    bottom: 1px;
    font-size: 12px;
    left: 0;
    position: absolute;
    width: 100%;
}

.ico_card_user_edit {
    background: url("/images/ico_card_user_edit.png") left 1px no-repeat;
}

.sf_card_title {
    background: #e9e9e9;
    margin-top: 16px;
}

    .sf_card_title h3 {
        font-size: 14px;
        font-weight: normal;
        height: 32px;
        letter-spacing: 1px;
        line-height: 31px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
    }

        .sf_card_title h3 span {
            color: #999999;
        }

.sf_card_items {
    padding: 16px 16px 0 16px;
}

.sf_padding16 {
    padding: 16px !important;
}

.sf_card_commands {
    position: relative;
}

.sf_card_command {
    margin: 0 0 16px 8px;
    position: relative;
}

.sf_card_command_4 {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    height: 85px;
}

.sf_card_command .sf_img {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 1px 4px #000000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    float: left;
    margin: 0 9px 0 0;
    padding: 2px;
}

.sf_card_command_title {
    margin: 0;
}

.sf_card_command span {
    color: #999999;
    font-size: 12px;
}

.sf_card_command_bottom {
    bottom: 0;
    color: #666666;
    font-size: 12px;
    left: 82px;
    position: absolute;
}

    .sf_card_command_bottom strong {
        color: #333333;
        font-size: 17px;
    }

.sf_card_items .sf_tournaments_table_div {
    border-bottom: 0;
}

/* ----- inner_championship ----- */

.sf_content_white_bg {
    background: #f2f2f2;
    box-shadow: 0 1px 4px #000000, inset 0 -7px 4px -6px #000000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 -7px 4px -6px rgba(0, 0, 0, 1);
    margin-bottom: -13px;
    margin-top: -10px;
    padding: 3px 0 0 0;
    position: relative;
}

    .sf_content_white_bg h2 {
        background-color: transparent !important;
        border: none !important;
        border-bottom: 1px solid #d8d8d8 !important;
        box-shadow: 0 1px 0 #ffffff;
        color: #333333 !important;
        font-size: 17px;
        height: 51px;
        line-height: 51px;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        position: relative;
        text-align: center;
        z-index: 1;
    }

.sf_content_white_buttons {
    border-top: 1px solid #ffffff;
    box-shadow: 0 -1px 0 #d8d8d8;
    padding: 22px 0 26px 0;
}

    .sf_content_white_buttons .sf_button_cancel {
        margin: 0 0 0 15px;
    }

.ui-sortable {
    padding: 0;
}

.sf_pb6 {
    padding-bottom: 6px;
}

.sf_pb0 {
    padding-bottom: 0;
}

.sf_tournament_start {
    margin-bottom: 7px;
    margin-top: 10px;
}

.playoff_round_bottom {
    height: 70px;
}

.initialHiddenPost {
    display: none;
}

.sf_verticalTop {
    vertical-align: top !important;
}

table.widgetTable {
    border-collapse: separate;
    border-spacing: 5px;
}

    table.widgetTable td {
        vertical-align: top;
    }

    table.widgetTable tr td.bordered {
        border-left: solid 1px #d8d8d8;
    }

.sf_sidepadding0 {
    padding-left: 0;
    padding-right: 0;
}


.sf_padding0 {
    padding: 0 !important;
}

.sf_padding8 {
    padding: 8px;
}

.sf_card_horiz {
    vertical-align: top;
}

    .sf_card_horiz strong {
        font-size: 13px;
    }

    .sf_card_horiz .sf_roster_item_title_name {
        width: 192px;
    }

.sf_normal_font span, .sf_normal_font div, .sf_normal_font p, .sf_normal_font strong, .sf_normal_font font {
    font-family: 'Roboto', Verdana, Geneva CY, DejaVu Sans, Sans-serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

.standard_font span, .standard_font div, .standard_font p, .standard_font strong, .standard_font font {
    font-family: 'Roboto', Verdana, Geneva CY, DejaVu Sans, Sans-serif !important;
    font-size: 14px !important;
    word-break: break-word !important;
    white-space: normal !important;
}



.sf_site_welcome {
    font-weight: bold;
}

.sf_table_main th {
    padding: 4px 7px;
}

.sf_table_main td {
    padding: 4px 7px;
}

    .sf_table_main td:last-child {
        padding-right: 10px;
    }

.sf_table_main th:last-child {
    padding-right: 10px;
}

.sf_tournaments_table_div_main {
    border: none;
}

.sf_training_description {
    margin: 5px 0 !important;
}


.sf_video_overlay {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
}

.button_soc {
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 15px 12px 0 12px;
    padding: 3px 6px;
    text-decoration: none !important;
    vertical-align: top;
    zoom: 1;
}

    .button_soc img {
        margin: 0 8px 0 0;
        position: relative;
        top: -2px;
        vertical-align: middle;
    }

.button_vk {
    background: #6184ad;
    box-shadow: 0 1px 4px #000000, inset 0 1px 0 #7e9cbc;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0 #7e9cbc;
    color: #ffffff;
    margin: 0 0;
    text-shadow: 0 -1px 0 #4c709e;
}

    .button_vk:hover {
        background: #6082ad;
        box-shadow: 0 1px 4px #000000, inset 0 1px 0 #89a9cc;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0 #89a9cc;
    }

    .button_vk:active {
        background: #5075a5;
        box-shadow: 0 1px 0 #ffffff, inset 0 1px 8px #000000;
        box-shadow: 0 1px 0 #ffffff, inset 0 1px 8px rgba(0, 0, 0, 0.5);
    }

.button_fb {
    background: #eaeaea;
    box-shadow: 0 1px 4px #000000, inset 0 1px 0 #f7f7f7;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0 #f7f7f7;
    color: #3b5898;
    margin: 0 22px;
    text-shadow: 0 1px 0 #f9fafc;
}

    .button_fb:hover {
        background: #eeeeee;
        box-shadow: 0 1px 4px #000000, inset 0 1px 0 #f8f8f8;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0 #f8f8f8;
        text-shadow: 0 1px 0 #ffffff;
    }

    .button_fb:active {
        background: #e8e8e8;
        box-shadow: 0 1px 0 #ffffff, inset 0 1px 8px #000000;
        box-shadow: 0 1px 0 #ffffff, inset 0 1px 8px rgba(0, 0, 0, 0.5);
        text-shadow: 0 1px 0 #f9fafc;
    }

.sf_pl5 {
    padding-left: 5px;
}

.sf_row {
    background: #ffffff;
    border-bottom: 1px solid #d9d9d9;
}

    .sf_row > div {
        display: inline-block;
        padding: 9px 8px;
        vertical-align: top;
    }

        .sf_row > div.postText > div {
            display: inline-block;
        }

.sf_forumtable_titlewide {
    width: 340px;
}

.sf_forumtable_date {
    width: 110px;
}

#userAccount td {
    padding-left: 10px;
}

#userAccount {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    #userAccount .optionWrapper {
        height: 86%;
        max-width: 440px;
        position: absolute;
    }

    #userAccount div {
        cursor: pointer;
    }

    #userAccount .optionWrapper:hover {
        background: #E1E1DF;
        border: 1px dashed #000;
    }

    #userAccount .optionWrapper.selected {
        background: #ccc;
        border: 1px dashed #000;
    }

    #userAccount h4 {
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
    }

    #userAccount table {
        height: 100%;
    }

.sf_post_archieved {
    background-color: #ddd;
    color: #333;
    font-size: 14px;
    margin-bottom: 8px;
    padding: 12px 8px;
}

.sf_mark {
    background-color: #CCEDD8;
    color: #333;
    font-size: 14px;
    margin-bottom: 8px;
    padding: 12px 8px;
}

.sf_post_archieved b {
    font-size: 15px;
}

.hasDatepicker::-ms-clear {
    display: none;
}

.toast-message {
    font-size: 14px;
}

div.gameForm_TournamentName {
    max-height: 70px;
    max-width: 300px;
    overflow-y: hidden;
}

div.choose_subscription_text {
    min-height: 80px;
}

#createUserAndSendInvition {
    color: #666666;
    font-weight: bold;
}

#linksTable .linkUrlTitle {
    overflow: hidden;
    width: 350px;
}

.sf_other_site_logo {
    left: 2px;
    position: absolute;
    top: 0;
    z-index: 2;
}

    .sf_other_site_logo > img {
        max-height: 20px;
        max-width: 20px;
    }

.sf_tournament_team_logo {
    display: inline-block;
    height: 36px;
    margin: 2px 2px 2px 0;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

    .sf_tournament_team_logo img {
        margin-left: -2px;
        max-height: 32px;
        max-width: 32px;
        text-align: center;
        vertical-align: middle;
    }

a.toplink {
    color: #cccccc;
    display: inline-block;
    height: 43px;
    line-height: 43px;
    padding: 0 8px;
    position: relative;
    vertical-align: middle;
}

div.ask_a_question {
    font-size: 14px;
}

li.ask_a_question {
    margin-top: 10px;
}

textarea.ask_a_question {
    height: 100px;
    margin-top: 5px;
    width: 100%;
}

.sf_tournamentWithParticipantsBlock_cont, .sf_tournamentWithParticipantsBlock_cont a {
    margin-bottom: 1px;
}

.sf_newsList_cont div a {
    border-bottom: 1px solid #eee;
    display: block;
    font-size: 15px;
    padding: 13px;
    white-space: nowrap;
    width: 100%;
}

    .sf_newsList_cont div a:hover {
        background: #eee;
        text-decoration: none;
    }

.sf_block_horizontal {
    white-space: nowrap;
    overflow: hidden;
}

.sf_horizontal_game {
    display: inline-block;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    color: #333333 !important;
    padding: 5px;
    position: relative;
    text-align: left;
    width: 171px;
    cursor: pointer;
    height: 68px;
}

    .sf_horizontal_game .sf_hr {
        margin: 4px 0 3px 0;
    }

    .sf_horizontal_game:hover {
        background: #f2f2f2;
        box-shadow: 0 0 6px #000000;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    }

.hscroll {
}

.hscroll__arrow {
    width: 30px;
    position: absolute;
    z-index: 1;
    top: 8px;
    bottom: 8px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    color: #333333 !important;
    cursor: pointer;
    display: none;
    padding: 0 3px;
}

    .hscroll__arrow i {
    }

.hscroll__arrow_left {
    left: 8px;
}

.hscroll__arrow_right {
    right: 8px;
}

.hscroll__inner {
    overflow: hidden;
    width: 100%;
}

.hscroll__content {
    overflow: visible;
    width: fit-content;
    transition: all ease 1s;
}

div.attendance_line {
    height: 5px;
    margin: 10px;
}

.sf_attendance_progressbar_colored {
    height: 5px;
    position: relative;
    z-index: 5;
}

.sf_attendance_progressbar_transparent {
    height: 5px;
    position: relative;
    top: -5px;
}

    .sf_attendance_progressbar_colored:before, .sf_attendance_progressbar_transparent:before {
        background: url("/images/progressbar_color.png") left bottom repeat-x;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

.sf_tournaments_table_type_3 td {
    padding: 4px 1px;
}

.sf_series_result_team_name {
    margin-top: 25px;
    max-height: 20px;
    overflow: hidden;
    width: 280px;
}

a.sf_parentsite_logo, a.sf_parentsite_logo:hover {
    color: #d0d0d0;
    text-decoration: none;
}

    a.sf_parentsite_logo:hover span {
        text-decoration: underline;
    }

.sf_parentsite_logo img {
    height: 24px;
    margin-top: 3px;
}

.sf_parentsite_logo .sf_parentsite_name {
    display: inline-block;
    font-size: 12px;
    height: 23px;
    margin-left: 8px;
    padding-top: 7px;
}


.sf_teamlist .sf_game_vs_inn {
    display: inline-block;
    margin-bottom: 12px;
    text-align: center;
}

    .sf_teamlist .sf_game_vs_inn .sf_game_team_name {
        width: 99px;
    }

.printButton a {
    font-size: 14px;
    margin-left: 20px;
    margin-top: 10px;
}

ul#recruitedTypes {
    list-style: none;
    margin: 10px 0;
    padding-left: 15px;
}

    ul#recruitedTypes li {
        margin-top: 8px;
    }

.requestConfirmationTable {
    width: 73%;
}

    .requestConfirmationTable td {
        padding: 5px;
    }

.sf_bold {
    font-weight: bold;
}

input[readonly] {
    background-color: #ccc;
}

.publishStats {
    display: inline-block;
    padding-left: 14px;
    padding-top: 7px;
}

img.customLabelPic {
    margin: 8px;
    max-height: 30px;
}

.sf_playerLevel_delete {
    margin: 0 10px;
}

.configureDomain input {
    width: 55% !important;
}

.getDomainName {
    padding: 5px 0;
}

.statsShowPage td {
    border-left: none;
    border-right: none;
    padding: 4px 10px;
    text-align: center;
}

.statsShowPage th {
    border: none;
}

.statsShowPage tr td:first-child {
    text-align: center;
    width: 25px;
}

.statsShowPage td.playerColumn {
    text-align: left;
    width: 180px;
}

.unPublishProtocol {
    color: red;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

.sf_button_xl {
    cursor: pointer;
    color: #ffffff !important;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    padding: 0 30px;
    text-decoration: none !important;
    vertical-align: top;
    zoom: 1;
}

    .sf_button_xl:hover {
        color: #fefefe !important;
    }

#dot {
    font-size: 15px;
}

#domainAvailable {
    font-size: 15px;
    margin-top: 20px;
    text-align: center;
}

#domainNotAvailable {
    font-size: 15px;
    margin-top: 20px;
}

img.adsImage {
    max-height: 120px;
    max-width: 675px;
}

.sf_partnerStatisticMenu {
    margin: 0;
    padding: 0;
}

.sf_val {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.sf_settings_panel .sf_val {
    color: #f0f0f0;
}

#domain {
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
}

.sf_button_graySecondary {
    background-color: #ccc;
    border-radius: 4px;
    color: #7A7A7A;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
    padding: 0 30px;
    padding: 0 10px;
    text-decoration: none !important;
    vertical-align: top;
    zoom: 1;
}

    .sf_button_graySecondary:hover {
        color: #7A7A7A;
    }

.configureDomain #siteDomain {
    line-height: 35px;
}

input.gallery_photo_upload {
    height: 0;
    left: -50000px;
    opacity: 0;
    position: absolute;
    width: 0;
}

.title-of-row {
    font-size: 14px;
    line-height: 20px;
}

.bigger-font {
    font-size: 13px;
}

.news-posts, .font13, .big-font {
    font-size: 13px;
}

    .news-posts .sf_block_feed p {
        line-height: 18px;
    }

    .news-posts h3 {
        font-size: 18px !important;
    }

    .news-posts label {
        line-height: 26px;
    }

.bigger-font a {
    text-decoration: underline;
}

.bigger-font label, .font13 label {
    display: inline-block;
    font-weight: 600;
    margin: 3px 0;
}


    .verticalIndent0, .bigger-font label.verticalIndent0 {
        margin-top: 24px;
    }

.verticalIndent1 {
    margin-top: 12px !important;
}

.verticalIndent2 {
    margin-top: 5px;
}


label.verticalIndent1, fieldset.verticalIndent1 {
    display: inline-block;
}


.pastGame {
}

.subscription-for-domain .slink {
    display: none;
}

.paw {
    font-size: 14px;
    height: 60px;
    padding-top: 10px;
    vertical-align: top;
}

    .paw img {
        height: 30px;
        line-height: 30px;
        width: 88px;
    }

    .paw label::before {
        line-height: 10px;
        margin-bottom: 10px;
        vertical-align: top;
    }

    .paw span {
        line-height: 35px;
        vertical-align: top;
    }

.sf_block_schedule_number_content img {
    border-radius: 4px;
}

#fileDisplayArea {
    display: inline-block;
    float: left;
    width: 600px;
}

#preview {
    background: #F1F1F1;
    border-radius: 4px;
    display: none;
    padding: 3px;
}

#croppedFile {
    display: inline-block;
    float: right;
    padding: 8px;
    width: 300px;
}


.fileUpload {
    text-align: center;
}

.locationImage, .teamImage {
    max-width: 100px;
}

.grayBg {
    background-color: #e6e6e6;
}

div.background_settings_preview_container {
    height: 266px;
    overflow: hidden;
}

.hiddenLargeText {
    overflow-y: hidden;
    position: relative;
}

    .hiddenLargeText:before {
        background: url(data:image/svg+xml;base64,alotofcodehere);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 95%);
        bottom: 0;
        content: "";
        height: 24px;
        left: 0;
        position: absolute;
        width: 100%;
    }

.nav-bricks a {
    color: #fff !important;
    display: inline-block;
    font-size: 15px;
    height: 90px;
    line-height: 90px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    width: 300px;
}

.nav-bricks .greenbg {
    background-color: #0a752e;
}

.nav-bricks .bluebg {
    background-color: #355b87;
}

.nav-bricks .redbg {
    background-color: #b22222;
}

.nav-bricks .orangebg {
    background-color: #ff8800;
}

.sf_margin_top {
    margin-top: 5px !important;
}

.sf_button_dark:hover, .sf_a_extend:hover .sf_button_dark, .sf_a_extend .sf_button_dark:hover, .sf_settings_panel .btn:hover {
    background: #555555;
    box-shadow: 0 1px 2px #000000, inset 0 1px 0 #777777;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 0 #777777;
}

#defaultTopPanelInfo img, #customTopPanelEdit img {
    background-color: #111;
    padding: 0 8px;
}

.sf_left {
    text-align: left !important;
}

.sf_border {
    border-color: #888888;
    border-style: solid;
    border-width: 2px;
}

.sf_padding {
    padding: 10px;
}

.sf_padding_5 {
    padding: 5px;
}

.instruction {
    background-color: #eee8aa;
    font-size: 13px;
    margin: 8px 0;
    padding: 8px;
}

.noComments-hidden .noComments {
    display: none;
}

.fullscreen {
    background-color: #fff !important;
    padding: 50px;
    width: auto;
}

    .fullscreen:before,
    .fullscreen:after {
        content: "";
        display: table;
    }

    .fullscreen:after {
        clear: both;
    }

#detailsEditor {
    min-height: 80px;
}

.protocol-editor .section-title {
    border-bottom: 1px solid #bbb;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 16px;
    padding-bottom: 4px;
}

.protocol-editor h3, .profile_form label, h3.nice {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin: 8px 8px 8px 0;
    text-transform: uppercase;
}

.protocol-editor .editProtocol {
    float: left;
}

.protocol-editor .summary {
    float: right;
}

.protocol-editor ul {
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.protocol-editor ul {
    padding: 4px 0;
}

.letter_in_filter {
    font-size: 17px;
    margin: 0 2px;
}

.letter_in_filter_selected {
    font-size: 20px;
    font-weight: bold;
}

.game-players td {
    padding: 0 !important;
    text-align: left !important;
    vertical-align: top;
    width: 50%;
}

    .game-players td div {
        background: #fff;
        border-bottom: 1px solid #ccc;
        font-size: 12px;
        min-height: 32px;
        line-height: 30px;
        padding: 2px 8px;
    }

.game-players tr td:first-child {
    border-right: 1px solid #ccc !important;
}

.game-players td div:last-child {
    border-bottom: none;
}

.game-players td div img {
    margin-right: 5px;
    max-height: 32px;
    width: 32px;
    float: left;
}

.game-players td div span {
    display: inline-block;
}

    .game-players td div span:first-child {
        width: 32px;
    }

    .game-players td div span:last-child {
        color: #919191;
        float: right;
        width: 110px;
    }

.matchSettings {
    display: inline-block;
    margin-top: 15px;
    width: 460px;
}

.game-stats .handsontable td.theader, [data-tablegroup="TeamStatChanges"].handsontable td.theader {
    color: #000;
    padding-left: 8px;
}

#addEventBlock {
    padding: 10px;
}

    #addEventBlock ul {
        margin: 0;
        padding-left: 0;
    }

        #addEventBlock ul li {
            font-size: 15px;
            list-style: none;
            margin-bottom: 12px;
        }

#gameForm {
    min-width: 360px;
}

.profile_form {
    font-size: 14px;
    width: 550px;
}

    .profile_form table {
        width: auto;
    }

        .profile_form table tr td {
            height: 30px;
        }

            .profile_form table tr td:first-child {
                width: 150px;
            }

.sf_margin_left {
    margin-left: 10px !important;
}

.linked_user_container {
    max-width: 500px;
}

div.otherPlayers {
    margin-top: 10px;
    text-align: center;
}

.card-section div.otherPlayers {
    margin: 0;
    padding-right: 7px;
}

div.otherPlayers div {
    display: inline-block;
}

    div.otherPlayers div table {
        margin-top: 20px;
        width: 500px;
    }

div.otherPlayers table tr td {
    height: 32px;
    padding: 0 16px;
}

    div.otherPlayers table tr td:first-child {
        padding: 0;
        width: 32px;
    }


div.otherPlayers img, table.picTable tr td > img {
    height: 32px;
    margin: 2px;
}

div.requestPlayers {
    margin-top: 0;
}

    div.requestPlayers .sf_table {
        border: none;
    }

.text_on_profile_form {
    font-size: 14px;
    text-align: right;
}

.profile_form label {
    font-size: 13px;
    margin: 0;
}

.strike td, span.strike {
    text-decoration: line-through;
}

.nodecor {
    text-decoration: none !important;
}

.bold {
    font-weight: bold;
}

.ico_card_size {
    display: inline-block;
    height: 16px;
    width: 16px;
}

.user_edit_contact {
    font-size: 17px;
}

#tornament_title_buttons {
    margin-bottom: 10px;
}

    #tornament_title_buttons a {
        font-size: 12px;
        font-weight: normal;
        margin-right: 5px;
        text-decoration: underline;
    }


.sf_table_championship {
    border-bottom: 1px solid #d9d9d9;
    margin: 0 auto;
    width: 630px;
}

    .sf_table_championship th {
        background: transparent;
        border-top: none;
        color: #000;
        font-size: 15px;
        font-weight: normal;
        padding: 16px 16px 8px 16px;
    }

        .sf_table_championship th a {
            font-size: 12px;
        }

    .sf_table_championship td {
        background: #ffffff;
        padding-left: 16px;
        vertical-align: middle;
    }

    .sf_table_championship tr td:first-child {
        border-left: 1px solid #d9d9d9;
        width: 200px;
    }

    .sf_table_championship tr td:last-child {
        border-right: 1px solid #d9d9d9;
        width: 385px;
    }

    .clear_view_selects select, .sf_table_championship select, .sf_title select {
        border-bottom: 1px solid #d3d3d3;
        border-radius: 0;
        cursor: pointer;
    }

    .sf_table_championship select, .sf_title select {
        color: #000;
    }

.sf_title2 {
    font-size: 20px;
}

.clear_view_selects {
    line-height: 25px;
}

    .clear_view_selects s, .sf_table_championship s {
        border: 1px solid transparent;
        border-radius: 0;
        cursor: pointer;
        margin-bottom: 2px;
        margin-left: 8px;
    }

        .clear_view_selects s::before, .sf_table_championship s::before {
            display: none;
        }

.sf_table_championship select {
    font-size: 15px;
}

.sf_table_championship .handsontable td {
    height: 22px;
    line-height: 22px;
}

.sf_table_championship s,
.sf_table_championship s select,
.sf_table_championship s::after,
.sf_table_championship s::before {
    height: 29px;
}

input.titleInput {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    height: auto;
    margin-left: 15px;
    padding: 0;
    padding-top: 3px;
    width: 90%;
}

.sf_table_championship .labelvalue {
    font-size: 13px;
    margin-left: 0;
}

.sf_table_championship .labelafter {
    line-height: 25px;
}

.sf_table_championship .select_viewer {
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    padding: 4px 24px 4px 17px;
}

.sf_table_championship .ht_viewer {
    font-size: 13px;
    line-height: 25px;
    padding: 0 8px;
}

.sf_table_championship .radio_viewer {
    font-size: 13px;
    padding: 0 8px 8px 8px;
}

.sf_table_championship .text_viewer {
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    padding: 4px 24px 4px 17px;
}

.sf_table_championship ul {
    padding: 0 15px;
}

.sf_absolute_left {
    left: 0;
    position: absolute;
}

.sf_absolute_topleft {
    left: 0;
    position: absolute;
    top: 0;
}

.sf_absolute_right {
    position: absolute;
    right: 0;
}

.sf_title2 {
    margin-bottom: 12px;
    margin-top: 24px;
    text-align: center;
}

.candidatesCount {
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 3px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 5px;
}

}

#photoPicker {
    z-index: 8009;
}

#imageUploadFormOverlay, #photoPickerOverlay {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    overflow-y: scroll;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9998;
}

#photoPickerOverlay {
    z-index: 8008;
}

#AwayTeamSelect, #HomeTeamSelect, #LocationSelect {
    white-space: nowrap;
}

.sf_margin_bottom {
    margin-bottom: 5px !important;
}

#pageMessage, .pageMessage {
    background-color: #e5ffe5;
    border: 1px solid #aad0aa;
    color: #007b00;
    margin: 8px 0;
    padding: 9px 16px;
}

.gridimglink {
    margin-top: 3px;
    opacity: 0.5;
}

    .gridimglink:hover {
        opacity: 1;
    }

#uploadPhoto img {
    margin-bottom: 12px;
    max-width: 100%;
}

#rostersForm .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 15px;
}

#rostersForm .ui-tabs .ui-tabs-nav {
    background: none;
    border-style: none none solid none;
    padding-left: 12px;
}

#rostersForm .ui-widget-content {
    border: none;
}

#rostersForm .ui-tabs .ui-tabs-nav li {
    padding-right: 4px;
}

.appearing {
    opacity: 0.3;
}

.appearer:hover .appearing {
    opacity: 1;
}

h2 .admin_actions {
    display: block;
    white-space: nowrap;
}

    h2 .admin_actions a, h2 .admin_actions span {
        font-size: 12px;
        margin-left: 8px;
    }

    h2 .admin_actions a {
        text-decoration: underline;
        cursor: pointer;
    }

    h2 .admin_actions *:first-child {
        margin-left: 0;
    }

.fancybox-inner .linking_users_settings h3 {
    display: none;
}

.fancybox-inner .linking_users_settings .appearing {
    opacity: 1;
}

a.shareButton {
    float: right;
    margin-top: 1px;
}

.sf_margin_right {
    margin-right: 5px;
}

.sf_mr16 {
    margin-right: 16px;
}

.welcome h3.nice {
    font-weight: bold;
    margin-bottom: 3px;
}

.welcome .sitesect {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    height: auto;
    line-height: 16px;
    padding: 8px 0 12px 0;
    text-align: left;
    width: 100%;
}

    .welcome .sitesect > * {
        margin: 0 16px;
    }

.pathpoint {
    border-radius: 50%;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: 999;
}

img.promoBig {
    float: left;
    height: 420px;
    margin-right: 16px;
    width: 260px;
}

div.promoDesc {
    font-size: 15px;
    line-height: 21px;
    margin: 15px 0 5px 15px;
    padding-right: 20px;
}

div.promoFrame {
    color: #333;
}

div.promoDesc a.paramLink {
    color: #444;
    margin-left: 3px;
    margin-top: -5px;
}

div.promoDesc select, div.promoDesc input[type=text] {
    font-size: 15px;
    height: auto;
    margin: 0;
}

div.promoDesc label {
    color: #000;
    font-size: 17px;
    margin-left: 0;
    padding-top: 10px;
}

div.promoDesc span.addInfo {
    color: #555;
}

div.promoFrame .formRadio label {
    color: #222;
}

div.promoFrame input[type=submit] {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

div.promoFrame h1 {
    font-size: 23px;
    font-weight: normal;
    line-height: 23px;
    padding-top: 3px;
}

a.promoSubmit {
    position: absolute;
    right: 5px;
    top: 372px;
}

.promoForm {
    margin-top: 15px;
}

    .promoForm p {
        margin-bottom: 10px;
    }

    .promoForm label {
        color: #000;
    }

div.chargeErrorDiv {
    margin: 10px 0 0 270px;
}

    div.chargeErrorDiv p {
        padding-bottom: 5px;
    }

    div.chargeErrorDiv a {
        color: #111 !important;
    }

div.wideTable {
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    width: auto;
}

    div.wideTable table {
        margin-left: 200px;
    }

        div.wideTable table tr th {
            height: 32px;
            padding: 4px;
            vertical-align: top;
        }

        div.wideTable table tr td {
            height: 24px;
            padding-bottom: 1px;
            padding-top: 1px;
            vertical-align: top;
        }

            div.wideTable table tr td:first-child, div.wideTable table tr th:first-child {
                background: #fff;
                left: 8px;
                padding-left: 0;
                padding-right: 0;
                position: absolute;
                width: 200px;
            }

        div.wideTable table tr th:first-child {
            border-bottom: none;
            margin-top: 1px;
        }

        div.wideTable table tr td:first-child {
            border-right: 1px solid #ccc;
            margin-top: 1px;
        }

        div.wideTable table tr:first-child td:first-child {
            border-top: 1px solid #ccc;
        }

    div.wideTable .sf_table {
        border-bottom: none;
        border-top: none;
    }

.scroller__wrap {
    overflow: hidden;
    position: relative;
}

.scroller {
    overflow-x: hidden;
    overflow-y: scroll;
}

    .scroller::-webkit-scrollbar { /* Preventing webkit cross-direction scrolling bug */
        width: 0;
    }

.scroller__track {
    bottom: 0;
    display: none; /* Invisible by default */
    position: absolute;
    right: 1px;
    top: 0;
    width: 6px;
}

.baron .scroller__track {
    display: block; /* Visible when scrolling is possible */
}

.scroller__bar { /* The bar. You should define width, right position and background */
    position: absolute;
    right: 0;
    width: 6px;
    z-index: 1;
}

.sf_relative, .scroller__wrap {
    position: relative;
}


.lockerroomDiscussion {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}


#overContent {
    background: #fff;
    bottom: 0;
    box-shadow: 10px 0 10px #000000;
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.4);
    display: none;
    font-size: 13px;
    height: 100%;
    left: 220px;
    line-height: 17px;
    max-width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
}

    #overContent .sf_page {
        border: none;
        border-radius: 0;
    }


        #overContent .sf_page h1:first-child {
            border-radius: 0;
        }

.sf_cont {
    position: relative;
}

    .sf_cont .footer {
        position: absolute;
    }

.lockerRoomInput {
    background: #fff;
    height: auto;
    padding: 12px 0 22px 0;
    width: 636px;
}

#middle .lockerRoomInput {
    background: transparent;
    padding: 12px 0;
    position: relative;
}

.lockerRoomInput .sf_hr {
    display: none;
}

.lockerRoomInput textarea {
    border: 1px solid #999;
    height: 30px;
    line-height: 19px;
    max-height: 300px;
    padding: 5px 8px 4px 8px;
    width: 100%;
}

.lockerRoomInput #sendComment {
    border: 1px solid #999;
    margin-left: -1px;
}

#lockerRoomMessages {
    font-size: 13px;
}


.popupForm {
    min-width: 400px;
}

    .popupForm form {
        margin: 0 auto;
        width: 300px;
    }

.formParamLong {
    width: 250px;
}

#tournamentContent h1 {
    font-size: 17px;
}

#tournamentSectionContainer .sf_stage_header_txt {
    display: none;
}

.section_features {
    font-size: 15px;
    line-height: 18px;
    width: 465px;
}

    .section_features h3 {
        font-size: 17px;
        line-height: 21px;
    }

    .section_features ul {
        margin: 24px 0;
    }

        .section_features ul li {
            list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAIBAMAAAFF00MTAAAAHlBMV�AzUIBBUFCAwQmIZwJxmSCEnzlDUVCQoXKmI5AUBAEICQDluweZJvNksAAAAABJRU5ErkJggg==);
            margin-top: 16px;
        }

.sf_page h1 .sf_search_button {
    height: 25px;
    line-height: 25px;
    margin-left: -6px;
    margin-top: 10px;
    padding: 0 16px;
}

#randomPhotosSlider_cycle {
    white-space: nowrap;
}

table.profilesettings td {
    vertical-align: top;
}

table.profilesettings > tr > td, table.profilesettings > tbody > tr > td {
    border-color: #eee;
    padding: 8px !important;
}

table.profilesettings table td {
    vertical-align: top;
}

td.profilecard .sf_roster_full_name {
    width: 140px;
}

td.profilecard .sf_roster_item {
    margin: 0;
}

.roster_item__pic--small {
    height: 64px;
    width: 64px;
}

td.userdata {
    text-align: left !important;
    vertical-align: top;
    width: 370px;
}

.sf_block h2 {
    background: transparent;
    border: none;
}

#middle section .sf_block {
    padding: 8px;
    position: relative;
    margin: 0 0 10px 0;
    background: rgb(255,255,255);
    /*overflow: visible;*/
}

.mysites td {
    text-align: left !important;
}

.changepassword {
    font-size: 13px;
    width: auto;
}

    .changepassword input {
        height: 30px;
        margin-top: 4px;
        width: 300px;
    }

    .changepassword td {
        padding: 16px 4px;
        vertical-align: bottom;
    }

        .changepassword td:first-child {
            padding-left: 0;
        }

.preloaderBut {
    overflow: hidden;
    white-space: nowrap;
}

    .preloaderBut img {
        height: 2px;
        margin-right: 32px;
        margin-top: 5px;
    }

.no-h2 h2 {
    display: none;
}

.top_menu_icons {
    display: inline-block;
}

#requestSendSection table {
    width: auto;
}

#requestSendSection td {
    padding: 8px 4px;
}

.signin, .soc_signin {
    padding-bottom: 25px;
}

    .signin form, .onlyform {
        padding: 50px 100px;
        text-align: center;
        width: 600px;
    }

        .signin form input[type="text"], .signin form input[type="password"], .signin .row_center input[type="text"] {
            background: #ffffff;
            border: 1px solid #b2b2b2;
            border-radius: 3px;
            font-size: 16px;
            height: 42px;
            margin: 16px 0;
            outline: none;
            padding: 0 0 0 16px;
            width: 100%;
        }

.gblock {
    background: rgb(250, 250, 250);
    border: 1px solid rgb(219, 219, 219);
    border-radius: 5px;
    display: inline-block;
    margin: 0 8px;
    padding: 5px;
    transition: all 0.2s;
}

.signin h1, .soc_signin h1 {
    color: #444444;
    font-size: 34px;
    font-weight: normal;
    line-height: 34px;
    margin: 0 0 20px 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    word-spacing: 2px;
}

.signin .p_remember {
    margin: 0 auto 25px auto;
    text-align: left;
}

.signin label, .signin p a {
    font-size: 14px;
}

.signin .btn {
    background: #0a752e;
    border: 1px solid #777;
    border-radius: 4px;
    color: #ffffff !important;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    padding: 0 30px;
    text-decoration: none !important;
    vertical-align: top;
}

.soc_signin .button_soc {
    border-radius: 4px;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    margin: 0 12px;
    padding: 0 25px;
    text-decoration: none !important;
    vertical-align: top;
    zoom: 1;
}

.soc_signin .button_vk {
    color: #ffffff;
    text-shadow: 0 -1px 0 #4c709e;
}

.soc_signin .button_fb {
    color: #3b5898;
}

.soc_signin {
    text-align: center;
}

.motivating_to_signin {
    font-size: 14px;
    max-width: 600px;
    text-align: center;
}

.signin .validation-summary-errors {
    margin-top: 0;
    max-width: none;
    padding: 0;
}

#resetPasswordForm .gblock {
    padding: 50px 100px;
}

.sf_widget {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .sf_widget #middle {
        padding-top: 0 !important;
    }

.dont_show_anymore {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

.sf_footer_fix {
    background-color: #ff8800;
    bottom: 0;
    color: white;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 6;
}

    .sf_footer_fix a {
        color: white !important;
        text-decoration: underline;
    }

    .sf_footer_fix p {
        margin: 0;
    }

#documentActions {
    margin-top: 10px;
}

.documentContainer {
    padding: 5px;
}

.hidden, .editor_hidden, .font13 label.editor_hidden {
    display: none;
}

.phone-info, .instr-info {
    color: #919191;
    font-size: 12px;
    margin-bottom: 12px;
    text-align: left;
}

tr.basketstat td, tr.basketstat th, table.sf_table_main tr td, table.sf_table_main tr th {
    font-size: 11px;
    padding: 4px 8px;
}

td.narrow, th.narrow {
    padding: 8px;
    width: 1px;
}

.semitransparent {
    opacity: 0.5;
}

.sf_popup_header_img {
    left: 0;
    position: absolute;
    top: 0;
}

.stat_links {
    padding: 5px 0 8px 16px;
}

.teamstat_info {
    margin-top: 12px;
    padding: 5px;
}

nav.leftside {
    background: #333;
    height: 100%;
    left: 0;
    padding-top: 8px;
    position: fixed;
    top: 30px;
    width: 250px;
}

    nav.leftside a {
        background: none;
        color: #ddd;
        float: none;
        height: auto;
        position: relative;
        width: auto;
    }

nav.sf_settings_panel_menu li.hidden {
    display: none;
}

nav.leftside a:hover {
    text-decoration: none;
}

nav.leftside .sf_hr {
    border-bottom: none;
    border-top: 1px solid #ccc;
    margin: 4px 0;
}

.layout2 .sf_all, .layout2 .sf_header_top_center {
    padding-left: 250px;
    width: auto;
}

html.layout2 {
    background-position-x: 125px;
}


.jcrop-handle {
    height: 16px;
    width: 16px;
}

.layout2 .notificLink {
    margin-right: 0;
}

    .layout2 .notificLink span, .layout2 #unreadLockerRoomCnt {
        background: #cc0000;
        color: #ffffff;
        font-size: 11px;
        font-weight: bold;
        padding: 2px 5px;
        right: 0;
        top: 2px;
    }


.more {
    padding: 8px 0;
    text-align: right;
}

.mobile_feed {
    font-size: 15px;
    line-height: 19px !important;
    padding: 8px !important;
}

    .mobile_feed p, .postText {
        line-height: 19px !important;
    }

    .mobile_feed .sf_date {
        margin-bottom: 5px;
    }


    .mobile_feed h3 {
        font-size: 17px !important;
        letter-spacing: 0;
    }

    .mobile_feed img.sf_img {
        float: left;
        margin-right: 8px;
        margin-top: 2px;
    }

.fancybox-inner .sf_eventmembers_header {
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 12px;
}

.protoStat {
    display: inline-block;
    margin-right: 10px;
    text-align: left;
    vertical-align: middle;
}

.tournamSiteLink {
    display: inline-block;
    float: right;
    font-size: 13px;
    margin-right: 4px;
    margin-top: -5px;
}


.photoLinkWide {
    margin-right: 4px;
}

#commands {
    margin-top: 8px;
}

    #commands a {
        color: #333;
        display: block;
        font-size: 13px;
        padding: 2px 2px 2px 10px;
    }

    #commands h4 {
        font-size: 13px;
        margin: 0;
        padding: 2px 2px 2px 2px;
    }


/*new styles*/
.drop_menu {
    display: none;
    padding: 6px;
}

.drop_menu__item {
    display: block;
    cursor: pointer;
    padding: 8px;
    color: #555 !important;
    font-size: 13px;
    margin: 2px 0;
}

.qtip-content {
    padding: 0 !important;
}

.drop_menu__item:hover {
    background: #e2e2e2;
    text-decoration: none !important;
}

.skin__link {
    cursor: pointer;
    display: inline-block;
}

.header {
    display: none;
}

.header--mainpage {
    display: block;
    position: relative;
    width: 100%;
    z-index: 4;
}

.header__inner {
    margin: 0 auto;
}

.header__inner__default {
    display: inline-block;
    padding: 15px 0;
}

.header__inner__usermenu {
    display: inline-block;
    padding: 8px 0;
    float: right;
}

.header__default_title {
    color: #ffffff !important;
    display: inline-block;
    font-family: 'Prosto One';
    text-shadow: 0 0 8px #000000;
}

.header__default_img {
    background: #ffffff;
    box-shadow: 0 0 4px #000000;
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
}

.header__default_name {
    font-size: 32px;
    line-height: 10px;
    padding: 0 0 0 8px;
    vertical-align: middle;
}


.toppanel, .sheader {
    width: 100%;
    box-shadow: 0 1px 2px #000000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    max-height: 100%;
}

.sheader {
    min-height: 48px;
}

.sheader--mainpage, .toppanel__inner__menuitems--mainpage {
    display: none !important;
}

.toppanel--mainpage {
    position: relative;
    display: block;
    padding-top: 0;
    box-shadow: 0 4px 8px #000000, 0 -4px 8px #000000, 3px 0 6px #000000, -3px 0 6px #000000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 -4px 8px rgba(0, 0, 0, 0.2), 3px 0 6px rgba(0, 0, 0, 0.2), -3px 0 6px rgba(0, 0, 0, 0.2);
}

    .toppanel--mainpage .toppanel__inner__menuicon {
        display: none;
    }

.toppanel__inner {
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

.toppanel__inner__item, .sheader__inner__button {
    float: left;
    font-size: 14px;
    position: relative;
    display: inline-block;
    min-height: 48px;
    padding: 0 14px;
    line-height: 48px;
    text-decoration: none;
    border-bottom: 1px #aaa dotted;
}

.toppanel__inner__icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 12px;
    opacity: 0.6;
    cursor: pointer;
}

    .toppanel__inner__icon:hover {
        opacity: 1;
    }

.sheader__inner {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 0;
}

.sheader__inner__title {
    color: #fff;
    font-size: 19px;
    line-height: 48px;
    display: block;
}

.sheader__inner__button {
    /*color: #eee;*/
    /*border-bottom: 1px #aaa dotted;
    margin-left: 12px;*/
}

    .sheader__inner__button:hover {
        text-decoration: none;
        /*border-bottom: 1px #fff dotted;
        color: #fff;*/
        cursor: pointer;
    }

.sheader__inner__menuicon, .toppanel__inner__menuicon, .sheader__inner__backicon, .sheader__inner__localmenuicon {
    float: left;
    padding: 12px;
    cursor: pointer;
    height: 48px;
}

.sheader__inner__menuicon, .sheader__inner__backicon {
    position: absolute;
    left: 0;
}

.sheader__inner__localmenuicon {
    position: absolute;
    right: 0;
}

.sheader__inner__icontext {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 16px;
    margin-left: 4px;
}


.teamLinks {
    text-align: center;
}

    .teamLinks a {
        display: inline-block;
        margin-bottom: 8px;
        border: solid 2px #d8d8d8;
        width: 385px;
    }

#container {
    float: none;
}

.sf_slider_div_info {
    width: auto;
}

.title {
    color: #fff;
    float: left;
    font-size: 34px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 30px;
    padding-top: 20px;
    width: 440px;
}


.icon_small {
    height: 16px;
    width: 16px;
    font-size: 16px;
}

.icon_large {
    height: 36px;
    width: 36px;
    font-size: 32px;
}

.icon_button, .icon_button_small {
    opacity: 0.7;
    cursor: pointer;
}

    .icon_button:hover, .icon_button_small:hover {
        opacity: 1;
    }

.material-icons {
}

.protocolEvents {
    width: 100%;
}

    .protocolEvents td.mainCell {
        font-weight: bold;
        width: 50px;
        text-align: center;
        white-space: nowrap;
    }

    .protocolEvents td.player {
        width: 150px;
    }

        .protocolEvents td.player div.addInfo {
            color: #555;
        }

    .protocolEvents th, .protocolEvents td {
        border: #ccc solid 1px;
        padding: 10px;
        vertical-align: top;
    }

    .protocolEvents td {
        text-align: left;
    }

        .protocolEvents td.time {
            width: 50px;
            text-align: center;
        }

            .protocolEvents td.time span {
                width: 50px;
                display: block;
                overflow-x: hidden;
            }

#mobileMenu {
    display: none;
}

#pageTitle {
    display: none;
}

.splash {
    background: #fff;
    text-align: center;
    padding: 100px 0;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 999;
}

    .splash div {
        margin-top: 20px;
        font-size: 24px;
    }

.popup__wrap, #photoPicker {
    background-color: #fff;
    margin: 30px auto;
    position: relative;
    z-index: 9999;
    width: 670px;
    max-width: 100%;
}


.popup__content {
    padding: 32px;
}

.popup__title {
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 12px;
}

.popup__close {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
}

#uploadControls {
    padding-top: 16px;
}

#photoPicker {
    z-index: 8009;
}

#photoPickerOverlay {
    z-index: 8008;
}

.image_editor {
    display: inline-block;
    width: 600px;
}

    .image_editor img {
        max-width: 100%;
    }

#preview {
    background: #F1F1F1;
    display: none;
    padding: 3px;
}

.editFile, .selectFile {
    text-align: center;
}

.editFile {
    display: none;
}

.pin_form {
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(255, 255, 255);
    border: 1px solid #ddd;
    text-align: center;
    padding: 16px;
}


.rand_photo img {
    width: 105px;
    height: 105px;
}

.commentform, .post {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.sf_block .post:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.commentform__textarea {
    margin-bottom: 5px;
    width: 100%;
}

.post:before, .post:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.post:after {
    clear: both;
}

.actionsPanel {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #111;
}

.actionsPanel_middle_text {
    padding: 20px 12px;
    color: #eee;
    font-size: 15px;
    float: left;
}

.actionsPanel_middle_buttons {
    float: right;
    padding: 12px;
}

.border_btn {
    border: 1px solid;
    height: 24px;
    display: inline-block;
    width: 24px;
}

.teamHeader_logo {
    width: 96px;
    height: 96px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 15px #000000;
    padding: 14px;
    margin-right: 30px;
}

.grid tr:nth-child(odd) td {
    background: #f8f8f8;
}

/*.grid__row:nth-child(even) {
}*/

.grid__img {
    width: 64px;
    max-height: 64px;
}

.hover-table tr:hover td {
    background: #f4f4f4;
}
div.tablesorterPager {
	padding: 10px 0 10px 0;
	background-color: #D6D2C2;
	text-align: center;
}
div.tablesorterPager span {
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}


  /* tables */
table.tablesorter thead tr .tablesorter-header span {
	background: url("../images/ico_arrow_bottom.png") right 9px no-repeat;
	cursor: pointer;
    text-decoration: none !important;
	position: relative;
    padding-right: 10px;
    font-size: 12px;
}


table.tablesorter thead tr .tablesorter-headerUnSorted span:before {
    position: absolute;
	top: 4px;
	right: 0;
	content: "";
	width: 5px;
	height: 3px;
	background: url("../images/ico_arrow_top.png") left top no-repeat;
}

table.tablesorter thead tr .tablesorter-headerDesc span {
	background: url("../images/ico_arrow_top.png") right 6px no-repeat;
}
table.tablesorter thead tr .tablesorter-headerAsc span {
	background: url("../images/ico_arrow_bottom.png") right 6px no-repeat;
}

div.tablesorter-header-inner {
    display: inline;
}
/*!
 * (The MIT License)
 * 
 * Copyright (c) 2012-2014 Marcin Warpechowski
 * Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsoncode.net>
 * 
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * 'Software'), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
 * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
 * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 * 
 * Version: 0.34.5
 * Release date: 12/10/2017 (built at 12/10/2017 10:04:52)
 */.handsontable .table td,.handsontable .table th{border-top:none}.handsontable tr{background:#fff}.handsontable td{background-color:inherit}.handsontable .table caption+thead tr:first-child td,.handsontable .table caption+thead tr:first-child th,.handsontable .table colgroup+thead tr:first-child td,.handsontable .table colgroup+thead tr:first-child th,.handsontable .table thead:first-child tr:first-child td,.handsontable .table thead:first-child tr:first-child th{border-top:1px solid #ccc}.handsontable .table-bordered{border:0;border-collapse:separate}.handsontable .table-bordered td,.handsontable .table-bordered th{border-left:none}.handsontable .table-bordered td:first-child,.handsontable .table-bordered th:first-child{border-left:1px solid #ccc}.handsontable .table>tbody>tr>td,.handsontable .table>tbody>tr>th,.handsontable .table>tfoot>tr>td,.handsontable .table>tfoot>tr>th,.handsontable .table>thead>tr>td,.handsontable .table>thead>tr>th{line-height:21px;padding:0 4px}.col-lg-1.handsontable,.col-lg-2.handsontable,.col-lg-3.handsontable,.col-lg-4.handsontable,.col-lg-5.handsontable,.col-lg-6.handsontable,.col-lg-7.handsontable,.col-lg-8.handsontable,.col-lg-9.handsontable,.col-lg-10.handsontable,.col-lg-11.handsontable,.col-lg-12.handsontable,.col-md-1.handsontable,.col-md-2.handsontable,.col-md-3.handsontable,.col-md-4.handsontable,.col-md-5.handsontable,.col-md-6.handsontable,.col-md-7.handsontable,.col-md-8.handsontable,.col-md-9.handsontable .col-sm-1.handsontable,.col-md-10.handsontable,.col-md-11.handsontable,.col-md-12.handsontable,.col-sm-2.handsontable,.col-sm-3.handsontable,.col-sm-4.handsontable,.col-sm-5.handsontable,.col-sm-6.handsontable,.col-sm-7.handsontable,.col-sm-8.handsontable,.col-sm-9.handsontable .col-xs-1.handsontable,.col-sm-10.handsontable,.col-sm-11.handsontable,.col-sm-12.handsontable,.col-xs-2.handsontable,.col-xs-3.handsontable,.col-xs-4.handsontable,.col-xs-5.handsontable,.col-xs-6.handsontable,.col-xs-7.handsontable,.col-xs-8.handsontable,.col-xs-9.handsontable,.col-xs-10.handsontable,.col-xs-11.handsontable,.col-xs-12.handsontable{padding-left:0;padding-right:0}.handsontable .table-striped>tbody>tr:nth-of-type(2n){background-color:#fff}.handsontable{position:relative}.handsontable .hide{display:none}.handsontable .relative{position:relative}.handsontable.htAutoSize{visibility:hidden;left:-99000px;position:absolute;top:-99000px}.handsontable .wtHider{width:0}.handsontable .wtSpreader{position:relative;width:0;height:auto}.handsontable div,.handsontable input,.handsontable table,.handsontable tbody,.handsontable td,.handsontable textarea,.handsontable th,.handsontable thead{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.handsontable input,.handsontable textarea{min-height:0}.handsontable table.htCore{border-collapse:separate;border-spacing:0;margin:0;border-width:0;table-layout:fixed;width:0;outline-width:0;max-width:none;max-height:none}.handsontable col,.handsontable col.rowHeader{width:50px}.handsontable td,.handsontable th{border-top-width:0;border-left-width:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;height:22px;empty-cells:show;line-height:21px;padding:0 4px;background-color:#fff;vertical-align:top;overflow:hidden;outline-width:0;white-space:pre-line;background-clip:padding-box}.handsontable td.htInvalid{background-color:#ff4c42!important}.handsontable td.htNoWrap{white-space:nowrap}.handsontable th:last-child{border-right:1px solid #ccc;border-bottom:1px solid #ccc}.handsontable th.htNoFrame,.handsontable th:first-child.htNoFrame,.handsontable tr:first-child th.htNoFrame{border-left-width:0;background-color:#fff;border-color:#fff}.handsontable .htNoFrame+td,.handsontable .htNoFrame+th,.handsontable.htRowHeaders thead tr th:nth-child(2),.handsontable td:first-of-type,.handsontable th:first-child,.handsontable th:nth-child(2){border-left:1px solid #ccc}.handsontable tr:first-child td,.handsontable tr:first-child th{border-top:1px solid #ccc}.ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable:not(.ht_clone_top) thead tr th:first-child,.ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable tbody tr th{border-right-width:0}.ht_master:not(.innerBorderTop) thead tr.lastChild th,.ht_master:not(.innerBorderTop) thead tr:last-child th,.ht_master:not(.innerBorderTop)~.handsontable thead tr.lastChild th,.ht_master:not(.innerBorderTop)~.handsontable thead tr:last-child th{border-bottom-width:0}.handsontable th{background-color:#f3f3f3;color:#222;text-align:center;font-weight:400;white-space:nowrap}.handsontable thead th{padding:0}.handsontable th.active{background-color:#ccc}.handsontable thead th .relative{padding:2px 4px}.handsontable tbody th.ht__highlight,.handsontable thead th.ht__highlight{background-color:#dcdcdc}.handsontable.ht__selection--columns thead th.ht__highlight,.handsontable.ht__selection--rows tbody th.ht__highlight{background-color:#8eb0e7;color:#000}#hot-display-license-info{font-size:9px;color:#323232;padding:5px 0 3px;font-family:Helvetica,Arial,sans-serif;text-align:left}.handsontable .manualColumnResizer{position:fixed;top:0;cursor:col-resize;z-index:6;width:5px;height:25px}.handsontable .manualRowResizer{position:fixed;left:0;cursor:row-resize;z-index:6;height:5px;width:50px}.handsontable .manualColumnResizer.active,.handsontable .manualColumnResizer:hover,.handsontable .manualRowResizer.active,.handsontable .manualRowResizer:hover{background-color:#aab}.handsontable .manualColumnResizerGuide{position:fixed;right:0;top:0;background-color:#aab;display:none;width:0;border-right:1px dashed #777;margin-left:5px}.handsontable .manualRowResizerGuide{position:fixed;left:0;bottom:0;background-color:#aab;display:none;height:0;border-bottom:1px dashed #777;margin-top:5px}.handsontable .manualColumnResizerGuide.active,.handsontable .manualRowResizerGuide.active{display:block;z-index:7}.handsontable .columnSorting{position:relative}.handsontable .columnSorting:hover{text-decoration:underline;cursor:pointer}.handsontable .columnSorting.ascending:after{content:"\25B2";color:#5f5f5f;position:absolute;right:-15px}.handsontable .columnSorting.descending:after{content:"\25BC";color:#5f5f5f;position:absolute;right:-15px}.handsontable .wtBorder{position:absolute;font-size:0}.handsontable .wtBorder.hidden{display:none!important}.handsontable td.area{background:linear-gradient(180deg,rgba(181,209,255,.34) 0,rgba(181,209,255,.34));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#57b5d1ff",endColorstr="#57b5d1ff",GradientType=0);background-color:#fff}.handsontable .wtBorder.corner{font-size:0;cursor:crosshair}.handsontable .htBorder.htFillBorder{background:red;width:1px;height:1px}.handsontableInput{border:none;outline-width:0;margin:0;padding:1px 5px 0;font-family:inherit;line-height:21px;font-size:inherit;box-shadow:inset 0 0 0 2px #5292f7;resize:none;display:block;color:#000;border-radius:0;background-color:#fff}.handsontableInputHolder{position:absolute;top:0;left:0;z-index:1}.htSelectEditor{-webkit-appearance:menulist-button!important;position:absolute;width:auto}.handsontable .htDimmed{color:#777}.handsontable .htSubmenu{position:relative}.handsontable .htSubmenu :after{content:"\25B6";color:#777;position:absolute;right:5px}.handsontable .htLeft{text-align:left}.handsontable .htCenter{text-align:center}.handsontable .htRight{text-align:right}.handsontable .htJustify{text-align:justify}.handsontable .htTop{vertical-align:top}.handsontable .htMiddle{vertical-align:middle}.handsontable .htBottom{vertical-align:bottom}.handsontable .htPlaceholder{color:#999}.handsontable .htAutocompleteArrow{float:right;font-size:10px;color:#eee;cursor:default;width:16px;text-align:center}.handsontable td .htAutocompleteArrow:hover{color:#777}.handsontable td.area .htAutocompleteArrow{color:#d3d3d3}.handsontable .htCheckboxRendererInput{display:inline-block;vertical-align:middle}.handsontable .htCheckboxRendererInput.noValue{opacity:.5}.handsontable .htCheckboxRendererLabel{cursor:pointer;display:inline-block;width:100%}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.handsontable .handsontable.ht_clone_top .wtHider{padding:0 0 5px}.handsontable .autocompleteEditor.handsontable{padding-right:17px}.handsontable .autocompleteEditor.handsontable.htMacScroll{padding-right:15px}.handsontable.listbox{margin:0}.handsontable.listbox .ht_master table{border:1px solid #ccc;border-collapse:separate;background:#fff}.handsontable.listbox td,.handsontable.listbox th,.handsontable.listbox tr:first-child td,.handsontable.listbox tr:first-child th,.handsontable.listbox tr:last-child th{border-color:transparent}.handsontable.listbox td,.handsontable.listbox th{white-space:nowrap;text-overflow:ellipsis}.handsontable.listbox td.htDimmed{cursor:default;color:inherit;font-style:inherit}.handsontable.listbox .wtBorder{visibility:hidden}.handsontable.listbox tr:hover td,.handsontable.listbox tr td.current{background:#eee}.ht_clone_top{z-index:2}.ht_clone_left{z-index:3}.ht_clone_bottom_left_corner,.ht_clone_debug,.ht_clone_top_left_corner{z-index:4}.handsontable td.htSearchResult{background:#fcedd9;color:#583707}.htBordered{border-width:1px}.htBordered.htTopBorderSolid{border-top-style:solid;border-top-color:#000}.htBordered.htRightBorderSolid{border-right-style:solid;border-right-color:#000}.htBordered.htBottomBorderSolid{border-bottom-style:solid;border-bottom-color:#000}.htBordered.htLeftBorderSolid{border-left-style:solid;border-left-color:#000}.handsontable tbody tr th:nth-last-child(2){border-right:1px solid #ccc}.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer{border-bottom:1px solid #ccc;padding-bottom:5px}.ht_clone_top_left_corner thead tr th:nth-last-child(2){border-right:1px solid #ccc}.htCollapseButton{width:10px;height:10px;line-height:10px;text-align:center;border-radius:5px;border:1px solid #f3f3f3;box-shadow:1px 1px 3px rgba(0,0,0,.4);cursor:pointer;margin-bottom:3px;position:relative}.htCollapseButton:after{content:"";height:300%;width:1px;display:block;background:#ccc;margin-left:4px;position:absolute;bottom:10px}thead .htCollapseButton{right:5px;position:absolute;top:5px;background:#fff}thead .htCollapseButton:after{height:1px;width:700%;right:10px;top:4px}.handsontable tr th .htExpandButton{position:absolute;width:10px;height:10px;line-height:10px;text-align:center;border-radius:5px;border:1px solid #f3f3f3;box-shadow:1px 1px 3px rgba(0,0,0,.4);cursor:pointer;top:0;display:none}.handsontable thead tr th .htExpandButton{top:5px}.handsontable tr th .htExpandButton.clickable{display:block}.collapsibleIndicator{position:absolute;top:50%;transform:translateY(-50%);right:5px;border:1px solid #a6a6a6;line-height:10px;color:#222;border-radius:10px;font-size:10px;width:10px;height:10px;cursor:pointer;box-shadow:0 0 0 6px #eee;background:#eee}.handsontable col.hidden{width:0!important}.handsontable table tr th.lightRightBorder{border-right:1px solid #e6e6e6}.handsontable tr.hidden,.handsontable tr.hidden td,.handsontable tr.hidden th{display:none}.ht_clone_bottom,.ht_clone_left,.ht_clone_top,.ht_master{overflow:hidden}.ht_master .wtHolder{overflow:auto}.ht_clone_left .wtHolder{overflow-x:hidden;overflow-y:auto}.ht_clone_bottom .wtHolder,.ht_clone_top .wtHolder{overflow-x:auto;overflow-y:hidden}.wtDebugHidden{display:none}.wtDebugVisible{display:block;-webkit-animation-duration:.5s;-webkit-animation-name:c;animation-duration:.5s;animation-name:c}@keyframes c{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-webkit-keyframes c{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}.handsontable.mobile,.handsontable.mobile .wtHolder{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch}.htMobileEditorContainer{display:none;position:absolute;top:0;width:70%;height:54pt;background:#f8f8f8;border-radius:20px;border:1px solid #ebebeb;z-index:8;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:none}.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea),.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle){z-index:11}.bottomRightSelectionHandle,.bottomRightSelectionHandle-HitArea,.topLeftSelectionHandle,.topLeftSelectionHandle-HitArea{left:-10000px;top:-10000px}.htMobileEditorContainer.active{display:block}.htMobileEditorContainer .inputs{position:absolute;right:210pt;bottom:10pt;top:10pt;left:14px;height:34pt}.htMobileEditorContainer .inputs textarea{font-size:13pt;border:1px solid #a1a1a1;-webkit-appearance:none;box-shadow:none;position:absolute;left:14px;right:14px;top:0;bottom:0;padding:7pt}.htMobileEditorContainer .cellPointer{position:absolute;top:-13pt;height:0;width:0;left:30px;border-left:13pt solid transparent;border-right:13pt solid transparent;border-bottom:13pt solid #ebebeb}.htMobileEditorContainer .cellPointer.hidden{display:none}.htMobileEditorContainer .cellPointer:before{content:"";display:block;position:absolute;top:2px;height:0;width:0;left:-13pt;border-left:13pt solid transparent;border-right:13pt solid transparent;border-bottom:13pt solid #f8f8f8}.htMobileEditorContainer .moveHandle{position:absolute;top:10pt;left:5px;width:30px;bottom:0;cursor:move;z-index:11}.htMobileEditorContainer .moveHandle:after{content:"..\A..\A..\A..";white-space:pre;line-height:10px;font-size:20pt;display:inline-block;margin-top:-8px;color:#ebebeb}.htMobileEditorContainer .positionControls{width:205pt;position:absolute;right:5pt;top:0;bottom:0}.htMobileEditorContainer .positionControls>div{width:50pt;height:100%;float:left}.htMobileEditorContainer .positionControls>div:after{content:" ";display:block;width:15pt;height:15pt;text-align:center;line-height:50pt}.htMobileEditorContainer .downButton:after,.htMobileEditorContainer .leftButton:after,.htMobileEditorContainer .rightButton:after,.htMobileEditorContainer .upButton:after{transform-origin:5pt 5pt;-webkit-transform-origin:5pt 5pt;margin:21pt 0 0 21pt}.htMobileEditorContainer .leftButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(-45deg)}.htMobileEditorContainer .leftButton:active:after{border-color:#cfcfcf}.htMobileEditorContainer .rightButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(135deg)}.htMobileEditorContainer .rightButton:active:after{border-color:#cfcfcf}.htMobileEditorContainer .upButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(45deg)}.htMobileEditorContainer .upButton:active:after{border-color:#cfcfcf}.htMobileEditorContainer .downButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(225deg)}.htMobileEditorContainer .downButton:active:after{border-color:#cfcfcf}.handsontable.hide-tween{-webkit-animation:a .3s;animation:a .3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.handsontable.show-tween{-webkit-animation:b .3s;animation:b .3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.htCommentCell{position:relative}.htCommentCell:after{content:"";position:absolute;top:0;right:0;border-left:6px solid transparent;border-top:6px solid #000}.htComments{display:none;z-index:9;position:absolute}.htCommentTextArea{box-shadow:0 1px 3px rgba(0,0,0,.117647),0 1px 2px rgba(0,0,0,.239216);box-sizing:border-box;border:none;border-left:3px solid #ccc;background-color:#fff;width:215px;height:90px;font-size:12px;padding:5px;outline:0!important;-webkit-appearance:none}.htCommentTextArea:focus{box-shadow:0 1px 3px rgba(0,0,0,.117647),0 1px 2px rgba(0,0,0,.239216),inset 0 0 0 1px #5292f7;border-left:3px solid #5292f7}
/*!
 * Handsontable ContextMenu
 */.htContextMenu{display:none;position:absolute;z-index:10}.htContextMenu .ht_clone_corner,.htContextMenu .ht_clone_debug,.htContextMenu .ht_clone_left,.htContextMenu .ht_clone_top{display:none}.htContextMenu table.htCore{border:1px solid #ccc;border-bottom-width:2px;border-right-width:2px}.htContextMenu .wtBorder{visibility:hidden}.htContextMenu table tbody tr td{background:#fff;border-width:0;padding:4px 6px 0;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.htContextMenu table tbody tr td:first-child{border:0}.htContextMenu table tbody tr td.htDimmed{font-style:normal;color:#323232}.htContextMenu table tbody tr td.current,.htContextMenu table tbody tr td.zeroclipboard-is-hover{background:#f3f3f3}.htContextMenu table tbody tr td.htSeparator{border-top:1px solid #bbb;height:0;padding:0;cursor:default}.htContextMenu table tbody tr td.htDisabled{color:#999;cursor:default}.htContextMenu table tbody tr td.htDisabled:hover{background:#fff;color:#999;cursor:default}.htContextMenu table tbody tr.htHidden{display:none}.htContextMenu table tbody tr td .htItemWrapper{margin-left:10px;margin-right:6px}.htContextMenu table tbody tr td div span.selected{margin-top:-2px;position:absolute;left:4px}.htContextMenu .ht_master .wtHolder{overflow:hidden}textarea#HandsontableCopyPaste{position:fixed!important;top:0!important;right:100%!important;overflow:hidden;opacity:0;outline:0 none!important}.htRowHeaders .ht_master.innerBorderLeft~.ht_clone_left td:first-of-type,.htRowHeaders .ht_master.innerBorderLeft~.ht_clone_top_left_corner th:nth-child(2){border-left:0 none}.handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight{cursor:move;cursor:-webkit-grab;cursor:grab}.handsontable.ht__manualColumnMove.on-moving--columns,.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer{display:none}.handsontable .ht__manualColumnMove--backlight,.handsontable .ht__manualColumnMove--guideline{position:absolute;height:100%;display:none}.handsontable .ht__manualColumnMove--guideline{background:#757575;width:2px;top:0;margin-left:-1px;z-index:5}.handsontable .ht__manualColumnMove--backlight{background:#343434;background:rgba(52,52,52,.25);display:none;z-index:5;pointer-events:none}.handsontable.on-moving--columns .ht__manualColumnMove--backlight,.handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline{display:block}.handsontable .wtHider{position:relative}.handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight{cursor:move;cursor:-webkit-grab;cursor:grab}.handsontable.ht__manualRowMove.on-moving--rows,.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer{display:none}.handsontable .ht__manualRowMove--backlight,.handsontable .ht__manualRowMove--guideline{position:absolute;width:100%;display:none}.handsontable .ht__manualRowMove--guideline{background:#757575;height:2px;left:0;margin-top:-1px;z-index:5}.handsontable .ht__manualRowMove--backlight{background:#343434;background:rgba(52,52,52,.25);display:none;z-index:5;pointer-events:none}.handsontable.on-moving--rows .ht__manualRowMove--backlight,.handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline{display:block}
.handsontable {
    font-size: 12px!important;
}

    .handsontable th, .handsontable td, .handsontable th:last-child {
        /*overflow: hidden;
        text-overflow: ellipsis;*/
        white-space: nowrap;
        font-size: 12px !important;
        /*height: 23px!important;*/
    }

    .handsontable td.htDimmed {
        background: #ffffff;
        color: #999999;
    }

    .theader a {
        display: inline-block;
        vertical-align: middle;
    }

    .listbox td.htDimmed {
        background: #ffffff;
    }

/*.htAutocompleteArrow {
    width: auto;
}*/

.htDatepickerHolder {
    z-index: 10000!important;
}

.handsontableInputHolder {
    z-index: 102!important;
}

.handsontableInput {
    font-family: 'Roboto', Verdana, Geneva CY, DejaVu Sans, Sans-serif;
    font-size: 12px;
    /*overflow: hidden;*/
}

.handsontable.htColumnHeaders {
    position: relative;
}

/*.handsontable .handsontable .wtHider {
  
  width: inherit !important;
  padding: 0;
}*/

.handsontable.listbox {
    max-height: 260px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 0!important;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
}

.handsontable.listbox table {
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ht_master .wtHider {
    height: auto!important;
}
.handsontable.htColumnHeaders>.ht_master>.wtHolder {
    overflow-y: auto;
    overflow-x: hidden;
    height: auto !important;
}

.handsontable i.material-icons {
    vertical-align: middle;
}
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: 1.5.25
 *
 * Authors: Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://medialize.github.com/jQuery-contextMenu/
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *   GPL v3 http://opensource.org/licenses/GPL-3.0
 *
 */

.context-menu-list {
    margin:0; 
    padding:0;
    
    min-width: 120px;
    max-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    
    border: 1px solid #DDD;
    background: #EEE;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.context-menu-item {
    padding: 2px 2px 2px 24px;
    background-color: #EEE;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: -moz-none;
        -ms-user-select: none;
            user-select: none;
}

.context-menu-separator {
    padding-bottom:0;
    border-bottom: 1px solid #DDD;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}

.context-menu-item.hover {
    cursor: pointer;
    background-color: #39F;
}

.context-menu-item.disabled {
    color: #666;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #EEE;
}

.context-menu-submenu:after {
    content: ">";
    color: #666;
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 1;
}

/* icons
    #protip:
    In case you want to use sprites for icons (which I would suggest you do) have a look at
    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
    .context-menu-item.icon:before {}
 */
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
.context-menu-item.icon-add { background-image: url(images/page_white_add.png); }
.context-menu-item.icon-quit { background-image: url(images/door.png); }

/* vertically align inside labels */
.context-menu-input > label > * { vertical-align: top; }

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
    margin-left: -17px;
}
.context-menu-input > label > span {
    margin-left: 5px;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
    display: block;
    width: 100%;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

.context-menu-input > label > textarea {
    height: 100px;
}
.context-menu-item > .context-menu-list {
    display: none;
    /* re-positioned by js */
    right: -5px;
    top: 5px;
}

.context-menu-item.hover > .context-menu-list {
    display: block;
}

.context-menu-accesskey {
    text-decoration: underline;
}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
    z-index: 150000;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

/*
 * Toastr
 * Copyright 2012-2014 John Papa and Hans Fjällemark.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 42px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #ffffff;
}
#toast-container > :hover {
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!
 * Cropper v3.1.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-10-11T13:34:16.708Z
 */

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cropper-container img {/*Avoid margin top issue (Occur only when margin-top <= -height)
 */
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
    overflow: hidden;
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    opacity: .5;
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline-color: rgba(51, 153, 255, 0.75);
    outline: 1px solid #39f;
    overflow: hidden;
    width: 100%;
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%;
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%;
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0;
}

.cropper-center:before,
.cropper-center:after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%;
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0;
}

.cropper-line {
    background-color: #39f;
}

.cropper-line.line-e {
    cursor: e-resize;
    right: -3px;
    top: 0;
    width: 5px;
}

.cropper-line.line-n {
    cursor: n-resize;
    height: 5px;
    left: 0;
    top: -3px;
}

.cropper-line.line-w {
    cursor: w-resize;
    left: -3px;
    top: 0;
    width: 5px;
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: s-resize;
    height: 5px;
    left: 0;
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px;
}

.cropper-point.point-e {
    cursor: e-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
}

.cropper-point.point-n {
    cursor: n-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
}

.cropper-point.point-w {
    cursor: w-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
}

.cropper-point.point-ne {
    cursor: ne-resize;
    right: -3px;
    top: -3px;
}

.cropper-point.point-nw {
    cursor: nw-resize;
    left: -3px;
    top: -3px;
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: sw-resize;
    left: -3px;
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: se-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px;
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.sheader__buttons {
    position: absolute;
    right: 0;
    top: 0;
}

.tgame:hover > div {
    color: #111;
    cursor: pointer;
    background-color: #ededed;
}

.onlymobile {
    display: none !important;
}





@media screen and (min-width: 800px) {
    html {
        background: #000000 center top repeat fixed;
    }

    html, body {
        background-attachment: fixed;
    }

    .sf_header_top {
        background: #111111;
        font-size: 13px;
    }

    .sf_header_top_center, .toppanel__inner {
        width: 1024px;
    }

    .sf_header_img img {
        max-height: 300px;
    }

    .sf_header_img_txt {
        overflow: hidden;
        padding: 24px 0 24px 24px;
    }

        .sf_header_img_txt a {
            color: #ffffff;
            display: block;
            font-family: 'Prosto One';
            height: 100px;
            line-height: 2em;
            text-shadow: 0 0 8px #000000;
        }

            .sf_header_img_txt a:hover {
                text-decoration: none;
            }

        .sf_header_img_txt span {
            vertical-align: middle;
        }

    .sf_logo {
        float: left;
        margin: 0 16px 0 0;
    }

        .sf_logo:hover {
            text-decoration: none;
        }

    .splash {
        position: absolute;
    }

    .splash__img {
        -webkit-animation-name: spinner;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 2s;
        animation-name: spinner;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-duration: 2s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }




    .sf_header_top_info a {
        color: #cccccc;
        line-height: 43px;
    }

        .sf_header_top_info a i {
            vertical-align: middle;
        }


    .sf_roster_lines {
        background: url(/images/roster_lines_bg.gif) left top;
        padding: 8px;
    }

    .sf_block_schedule_day_div_cont {
        display: table;
        width: 100%;
    }

    .sf_all {
        width: 100%;
    }

    #middle {
        padding: 10px;
    }

    .sf_game_vs.editable {
        width: 480px;
    }


    .helpPost .text {
        width: 607px;
    }

    div.promoFrame, div.promoDesc label {
        width: 700px;
    }

    img.customLabelPic {
        max-width: 700px;
    }

    .sf_video_overlay {
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.1);
        height: 466px;
        position: absolute;
        width: 829px;
    }

    #postsNavigation ul {
        padding-left: 10px;
    }

        #postsNavigation ul li {
            border-left-style: solid;
            border-left-width: 4px;
            font-size: 16px;
            list-style: none;
            margin: 1px;
            padding: 8px 0 8px 10px;
        }

            #postsNavigation ul li.single {
                font-size: 16px;
                padding-bottom: 8px;
                padding-top: 8px;
            }

            #postsNavigation ul li.nested {
                display: none;
                /*font-size: 12px;*/
                padding-left: 20px;
                width: 130px;
            }

            #postsNavigation ul li a {
                display: block;
                width: 100%;
            }

            #postsNavigation ul li.currentNav {
                font-weight: bold;
            }

    .socialContainer {
        border: solid 2px #d8d8d8;
        display: inline-block;
    }

    .socialBlock .sf_block {
        padding-bottom: 0 !important;
    }

    .socialBlock .socialContainer {
        margin-bottom: 8px;
    }

    .sf_roster_items_col_title span:before, .sf_roster_items_col_title span:after, .sf_card_commands {
        width: 800px;
    }

    .sf_block_schedule_number, .teamstat_info, .protocol-editor .section, .sf_notification_table_top,
    .sf_header_top_popup_table,
    .sf_header_top_popup_table .sf_notification_table_top {
        width: 924px;
    }

    .sf_notifications_holder {
        right: 0;
        width: 100%;
    }

    .sf_notifications_holder_center {
        margin: 0 auto;
        width: 300px;
        float: right;
        margin: 0 10px 0 0;
        padding: 0;
    }

    .flexPrimary {
        width: 645px;
    }

    .flexSecondary {
        width: 336px;
    }

    .flexHalf {
        width: 489px;
    }

    .ctrlEnter {
        color: #919191;
        font-size: 12px;
        line-height: 30px;
        margin-left: 10px;
    }


    .sf_header_top {
        overflow: hidden;
    }


    .d1 {
        width: 1007px;
    }

    .teamLinks a {
        width: 290px !important;
    }

        .teamLinks a img {
            max-width: 100%;
        }

    .sf_slider, .sf_slider_div {
        height: 355px;
        width: 630px;
    }

        .sf_slider img {
            max-height: 355px;
            width: 630px;
            object-fit: cover;
        }

    .sf_roster_items_col_1 {
        width: 112px;
    }

    .sf_roster_items_col_2 {
        width: 232px;
    }

    .sf_roster_items_col_3 {
        width: 352px;
    }

    .sf_roster_items_col_7 {
        width: 841px;
    }

    .sf_roster_items_col {
        display: inline-block;
        margin: 0 23px 0 26px;
        vertical-align: top;
    }

    .sf_roster_items_col_all {
        margin: 5px -4px;
    }

    .sf_roster_items {
        padding: 0 5px 16px 5px;
    }

    .sf_roster_items_cols {
        margin: 0 -8px;
    }

    .sf_roster_item {
        font-size: 12px;
        line-height: 14px;
        margin: 0 5px 16px 8px;
        padding: 6px;
        transition: all ease 0.3s;
    }

    .sf_roster_item__dragover {
        border: 2px dashed #333;
    }

    .sf_gallery_left, .sf_left_pane {
        width: 250px;
    }

    .sf_gallery_right, .sf_right_pane {
        width: 700px;
    }

    .sf_tournamentWithParticipantsBlock_cont {
        display: table;
        margin: -5px -5px 5px -5px;
        border-spacing: 5px;
    }


        .sf_tournamentWithParticipantsBlock_cont > *, .sf_participantsBlock {
            cursor: pointer;
            padding: 12px;
            position: relative;
            text-align: center;
            vertical-align: middle;
            display: table-cell;
        }


    .sf_participantsBlock {
        margin: 4px;
    }

    .sf_tournamentWithParticipantsBlock_cont > * {
        width: 1%;
    }

    .sf_block_schedule_day_div {
        display: table-cell;
        font-size: 14px;
        padding-left: 5px;
        width: 132px;
    }

    .settingsPanelArrow {
        background: url(/images/promo/arrow-1.png);
        bottom: 47%;
        display: none;
        font-size: 17px;
        height: 71px;
        position: fixed;
        right: 50px;
        width: 248px;
    }

    .appearer:hover .settingsPanelArrow {
        display: block;
    }

    .commentArrow {
        bottom: 15px;
        font-size: 14px;
        font-weight: bold;
        left: -210px;
        position: absolute;
        width: 250px;
    }

        .commentArrow img {
            margin-left: 90px;
            margin-top: 8px;
        }

    .sf_settings_panel h4 {
        font-size: 22px;
        font-weight: normal;
        line-height: 22px;
        margin: 12px 0 8px 0;
        cursor: pointer;
    }
}

@media print {
    @page {
        size: A4;
        margin: 0.7cm;
    }


    .noPrint {
        display: none !important;
    }

    body, html, .sf_all, .sf_all_2, #middle, h1, .sf_page {
        background: #ffffff !important;
        min-height: 0 !important;
        height: auto !important;
        width: auto !important;
        border: none !important;
    }

    .sf_header_top,
    .sf_footer,
    .actionsPanel,
    #settingsPanel,
    div.otherPlayers table tr td:first-child,
    div.otherPlayers table tr th:first-child {
        display: none !important;
    }

    div.otherPlayers img {
        height: auto !important;
    }

    .sf_page {
        border: none;
        font-size: 13px;
        font-family: Arial;
    }

    h1, .sf_stage_header_txt {
        font-size: 16px;
        padding: 0;
    }

    .teamColor {
        color: black !important;
    }

    .sf_content {
        min-height: 0 !important;
        height: auto;
    }

    .d1,
    .d2,
    .sf_header_top_center, .toppanel__inner,
    .header__inner,
    .toppanel__inner,
    .sheader__inner {
        width: 720px!important;
    }


    .sf_roster_item {
        padding: 0;
        margin: 1px 0 !important;
        border-radius: 0;
        box-shadow: none !important;
        border: solid 1px #777777;
        overflow: hidden;
        white-space: nowrap;
        page-break-after: auto;
    }

    .sf_roster_items {
        padding: 0 !important;
        margin: 0 !important;
    } 
    
    .sf_roster_items .sf_roster_item {
        width: 92px !important;
        height: 146px !important;
    }

    .sf_roster_item_title {
        font-size: 10px;
        line-height: 10px;
        height: 20px !important;
        margin: 0 1px !important;
        overflow: hidden;
    }

    .sf_roster_item_title_name {
        font-size: 11px;
        line-height: 11px;
        height: 24px!important;
        min-height: 24px !important;
        margin: 0 1px !important;
        overflow: hidden;
    }

    .sf_roster_item strong {
        height: 20px !important;
        font-weight: 500;
        line-height: 19px;
        margin: 0 1px !important;
    }

    .sf_roster_full_name {
        float: none;
    }

    .roster_item__pic {
        margin: 0;
        padding: 0;
        width: 90px;
    }

    .sf_settings_panel h4 {
        margin: 15px 0;
    }

    #middle {
        padding: 0 !important;
    }
}

/* WebKit and Opera browsers */
@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}
/* all other browsers */
@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}