/* Minification failed. Returning unminified contents.
(972,34): run-time error CSS1030: Expected identifier, found '.'
(972,35): run-time error CSS1030: Expected identifier, found 'action-button-holder'
(972,55): run-time error CSS1031: Expected selector, found ')'
(972,55): run-time error CSS1025: Expected comma or open brace, found ')'
(1477,15): run-time error CSS1030: Expected identifier, found '#brckDiv'
(1477,24): run-time error CSS1031: Expected selector, found ')'
(1477,24): run-time error CSS1025: Expected comma or open brace, found ')'
(2378,21): run-time error CSS1030: Expected identifier, found '.'
(2378,37): run-time error CSS1031: Expected selector, found ')'
(2378,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2394,21): run-time error CSS1030: Expected identifier, found '.'
(2394,37): run-time error CSS1031: Expected selector, found ')'
(2394,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2400,21): run-time error CSS1030: Expected identifier, found '.'
(2400,37): run-time error CSS1031: Expected selector, found ')'
(2400,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2413,21): run-time error CSS1030: Expected identifier, found '.'
(2413,37): run-time error CSS1031: Expected selector, found ')'
(2413,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2419,21): run-time error CSS1030: Expected identifier, found '.'
(2419,37): run-time error CSS1031: Expected selector, found ')'
(2419,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2424,21): run-time error CSS1030: Expected identifier, found '.'
(2424,37): run-time error CSS1031: Expected selector, found ')'
(2424,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2431,21): run-time error CSS1030: Expected identifier, found '.'
(2431,37): run-time error CSS1031: Expected selector, found ')'
(2431,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2440,25): run-time error CSS1030: Expected identifier, found '.'
(2440,41): run-time error CSS1031: Expected selector, found ')'
(2440,41): run-time error CSS1025: Expected comma or open brace, found ')'
(2455,5): run-time error CSS1030: Expected identifier, found '.'
(2455,29): run-time error CSS1031: Expected selector, found ')'
(2455,29): run-time error CSS1025: Expected comma or open brace, found ')'
(2465,5): run-time error CSS1030: Expected identifier, found '.'
(2465,29): run-time error CSS1031: Expected selector, found ')'
(2465,29): run-time error CSS1025: Expected comma or open brace, found ')'
(2469,5): run-time error CSS1030: Expected identifier, found '.'
(2469,29): run-time error CSS1031: Expected selector, found ')'
(2469,29): run-time error CSS1025: Expected comma or open brace, found ')'
(2475,5): run-time error CSS1030: Expected identifier, found '.'
(2475,29): run-time error CSS1031: Expected selector, found ')'
(2475,29): run-time error CSS1025: Expected comma or open brace, found ')'
(2513,41): run-time error CSS1030: Expected identifier, found '#errorBlock'
(2513,52): run-time error CSS1031: Expected selector, found ')'
(2513,52): run-time error CSS1025: Expected comma or open brace, found ')'
(2535,45): run-time error CSS1030: Expected identifier, found '#errorBlock'
(2535,56): run-time error CSS1031: Expected selector, found ')'
(2535,56): run-time error CSS1025: Expected comma or open brace, found ')'
(2544,15): run-time error CSS1030: Expected identifier, found '#Label_AccountOwner'
(2544,34): run-time error CSS1031: Expected selector, found ')'
(2544,34): run-time error CSS1025: Expected comma or open brace, found ')'
(3918,15): run-time error CSS1030: Expected identifier, found '.'
(3918,29): run-time error CSS1031: Expected selector, found ')'
(3918,29): run-time error CSS1025: Expected comma or open brace, found ')'
(3922,15): run-time error CSS1030: Expected identifier, found '.'
(3922,44): run-time error CSS1031: Expected selector, found ')'
(3922,44): run-time error CSS1025: Expected comma or open brace, found ')'
(3926,15): run-time error CSS1030: Expected identifier, found '.'
(3926,69): run-time error CSS1031: Expected selector, found ')'
(3926,69): run-time error CSS1025: Expected comma or open brace, found ')'
(4175,16): run-time error CSS1030: Expected identifier, found ':'
(4175,30): run-time error CSS1031: Expected selector, found ')'
(4175,30): run-time error CSS1025: Expected comma or open brace, found ')'
(4553,25): run-time error CSS1030: Expected identifier, found '.'
(4553,78): run-time error CSS1031: Expected selector, found ')'
(4553,78): run-time error CSS1025: Expected comma or open brace, found ')'
(4559,25): run-time error CSS1030: Expected identifier, found '.'
(4559,78): run-time error CSS1031: Expected selector, found ')'
(4559,78): run-time error CSS1025: Expected comma or open brace, found ')'
(5414,45): run-time error CSS1030: Expected identifier, found '>'
(5414,70): run-time error CSS1031: Expected selector, found ')'
(5414,70): run-time error CSS1025: Expected comma or open brace, found ')'
(5455,27): run-time error CSS1030: Expected identifier, found '>'
(5455,41): run-time error CSS1031: Expected selector, found ')'
(5455,41): run-time error CSS1025: Expected comma or open brace, found ')'
(5481,16): run-time error CSS1030: Expected identifier, found '>'
(5481,45): run-time error CSS1031: Expected selector, found ')'
(5481,45): run-time error CSS1025: Expected comma or open brace, found ')'
(5487,35): run-time error CSS1030: Expected identifier, found '>'
(5487,62): run-time error CSS1031: Expected selector, found ')'
(5487,62): run-time error CSS1025: Expected comma or open brace, found ')'
(5491,29): run-time error CSS1030: Expected identifier, found '>'
(5491,43): run-time error CSS1031: Expected selector, found ')'
(5491,43): run-time error CSS1025: Expected comma or open brace, found ')'
(5510,46): run-time error CSS1030: Expected identifier, found '>'
(5510,66): run-time error CSS1031: Expected selector, found ')'
(5510,66): run-time error CSS1025: Expected comma or open brace, found ')'
(5582,26): run-time error CSS1030: Expected identifier, found '.'
(5582,40): run-time error CSS1031: Expected selector, found ')'
(5582,40): run-time error CSS1025: Expected comma or open brace, found ')'
(5593,26): run-time error CSS1030: Expected identifier, found '>'
(5593,40): run-time error CSS1031: Expected selector, found ')'
(5593,40): run-time error CSS1025: Expected comma or open brace, found ')'
(5669,40): run-time error CSS1030: Expected identifier, found '>'
(5669,67): run-time error CSS1031: Expected selector, found ')'
(5669,67): run-time error CSS1025: Expected comma or open brace, found ')'
(8318,51): run-time error CSS1030: Expected identifier, found '>'
(8318,80): run-time error CSS1031: Expected selector, found ')'
(8318,80): run-time error CSS1025: Expected comma or open brace, found ')'
(8324,51): run-time error CSS1030: Expected identifier, found '>'
(8324,80): run-time error CSS1031: Expected selector, found ')'
(8324,80): run-time error CSS1025: Expected comma or open brace, found ')'
(8332,51): run-time error CSS1030: Expected identifier, found '>'
(8332,80): run-time error CSS1031: Expected selector, found ')'
(8332,80): run-time error CSS1025: Expected comma or open brace, found ')'
(8338,63): run-time error CSS1030: Expected identifier, found '>'
(8338,80): run-time error CSS1031: Expected selector, found ')'
(8338,80): run-time error CSS1025: Expected comma or open brace, found ')'
(8367,37): run-time error CSS1030: Expected identifier, found '>'
(8367,75): run-time error CSS1031: Expected selector, found ')'
(8367,75): run-time error CSS1025: Expected comma or open brace, found ')'
(8373,55): run-time error CSS1030: Expected identifier, found '.'
(8373,91): run-time error CSS1031: Expected selector, found ')'
(8373,91): run-time error CSS1025: Expected comma or open brace, found ')'
(8407,39): run-time error CSS1030: Expected identifier, found '>'
(8407,54): run-time error CSS1031: Expected selector, found ')'
(8407,54): run-time error CSS1025: Expected comma or open brace, found ')'
(8415,39): run-time error CSS1030: Expected identifier, found '>'
(8415,118): run-time error CSS1031: Expected selector, found ')'
(8415,118): run-time error CSS1025: Expected comma or open brace, found ')'
(8422,80): run-time error CSS1030: Expected identifier, found '>'
(8422,122): run-time error CSS1031: Expected selector, found ')'
(8422,122): run-time error CSS1025: Expected comma or open brace, found ')'
(8463,39): run-time error CSS1030: Expected identifier, found '>'
(8463,54): run-time error CSS1031: Expected selector, found ')'
(8463,54): run-time error CSS1025: Expected comma or open brace, found ')'
(8471,39): run-time error CSS1030: Expected identifier, found '>'
(8471,60): run-time error CSS1031: Expected selector, found ')'
(8471,60): run-time error CSS1025: Expected comma or open brace, found ')'
(8573,39): run-time error CSS1030: Expected identifier, found '>'
(8573,54): run-time error CSS1031: Expected selector, found ')'
(8573,54): run-time error CSS1025: Expected comma or open brace, found ')'
(8583,53): run-time error CSS1030: Expected identifier, found '>'
(8583,95): run-time error CSS1031: Expected selector, found ')'
(8583,95): run-time error CSS1025: Expected comma or open brace, found ')'
(8590,53): run-time error CSS1030: Expected identifier, found '>'
(8590,95): run-time error CSS1031: Expected selector, found ')'
(8590,95): run-time error CSS1025: Expected comma or open brace, found ')'
(8599,53): run-time error CSS1030: Expected identifier, found '>'
(8599,95): run-time error CSS1031: Expected selector, found ')'
(8599,95): run-time error CSS1025: Expected comma or open brace, found ')'
(9232,15): run-time error CSS1039: Token not allowed after unary operator: '-chooser-head-h'
(11386,26): run-time error CSS1039: Token not allowed after unary operator: '-Main-Colors-Main-color'
(11396,21): run-time error CSS1039: Token not allowed after unary operator: '-Main-Colors-Main-color'
(12000,53): run-time error CSS1030: Expected identifier, found '.'
(12000,106): run-time error CSS1031: Expected selector, found ')'
(12000,106): run-time error CSS1025: Expected comma or open brace, found ')'
(12020,32): run-time error CSS1030: Expected identifier, found '#main-menu-container'
(12020,96): run-time error CSS1031: Expected selector, found ')'
(12020,96): run-time error CSS1025: Expected comma or open brace, found ')'
(12023,32): run-time error CSS1030: Expected identifier, found '#main-menu-container'
(12023,96): run-time error CSS1031: Expected selector, found ')'
(12023,96): run-time error CSS1025: Expected comma or open brace, found ')'
(12027,37): run-time error CSS1030: Expected identifier, found '#brckDiv'
(12027,46): run-time error CSS1031: Expected selector, found ')'
(12027,46): run-time error CSS1025: Expected comma or open brace, found ')'
(12543,19): run-time error CSS1039: Token not allowed after unary operator: '-mobile-submenu-top'
(12544,20): run-time error CSS1039: Token not allowed after unary operator: '-mobile-submenu-left'
(16746,39): run-time error CSS1030: Expected identifier, found '>'
(16746,58): run-time error CSS1031: Expected selector, found ')'
(16746,58): run-time error CSS1025: Expected comma or open brace, found ')'
(16759,39): run-time error CSS1030: Expected identifier, found '>'
(16759,58): run-time error CSS1031: Expected selector, found ')'
(16759,58): run-time error CSS1025: Expected comma or open brace, found ')'
(16764,39): run-time error CSS1030: Expected identifier, found '>'
(16764,58): run-time error CSS1031: Expected selector, found ')'
(16764,58): run-time error CSS1025: Expected comma or open brace, found ')'
(16773,39): run-time error CSS1030: Expected identifier, found '>'
(16773,58): run-time error CSS1031: Expected selector, found ')'
(16773,58): run-time error CSS1025: Expected comma or open brace, found ')'
(16781,39): run-time error CSS1030: Expected identifier, found '>'
(16781,58): run-time error CSS1031: Expected selector, found ')'
(16781,58): run-time error CSS1025: Expected comma or open brace, found ')'
(16808,87): run-time error CSS1030: Expected identifier, found '>'
(16808,101): run-time error CSS1031: Expected selector, found ')'
(16808,101): run-time error CSS1025: Expected comma or open brace, found ')'
(16842,95): run-time error CSS1030: Expected identifier, found '>'
(16842,109): run-time error CSS1031: Expected selector, found ')'
(16842,109): run-time error CSS1025: Expected comma or open brace, found ')'
(16865,61): run-time error CSS1030: Expected identifier, found '>'
(16865,72): run-time error CSS1031: Expected selector, found ')'
(16865,72): run-time error CSS1025: Expected comma or open brace, found ')'
(16898,39): run-time error CSS1030: Expected identifier, found '.'
(16898,50): run-time error CSS1031: Expected selector, found ')'
(16898,50): run-time error CSS1025: Expected comma or open brace, found ')'
(17012,91): run-time error CSS1030: Expected identifier, found '>'
(17012,105): run-time error CSS1031: Expected selector, found ')'
(17012,105): run-time error CSS1025: Expected comma or open brace, found ')'
(17395,22): run-time error CSS1030: Expected identifier, found '*'
(17395,23): run-time error CSS1031: Expected selector, found ')'
(17395,23): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*! jQuery UI - v1.11.2 - 2014-10-16
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.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-clearfix{min-height:0}.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}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.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-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.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-dialog{overflow:hidden;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-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.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{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-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-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-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-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;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:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.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;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}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-content{border:1px solid #aaa;background:#fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;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{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{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{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{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{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-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-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-default .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.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-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-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:-64px -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:-64px -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:0 -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 url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.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:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);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-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-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}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.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:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.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-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	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 {
	border: 1px solid #999999;
	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 {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.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-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); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.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-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.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");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-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: -64px -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: -64px -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: 0 -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 is deprecated, use ui-icon-seek-start instead */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.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;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 0px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 5px 5px;
  font-size: 8px;
  line-height: 10px;
    text-transform: uppercase;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #019295;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #019295;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #fff;
  background: #019295;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.45
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #A0D7A2;
  border-color: #A0D7A2
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
/*custom style*/
/*.container
{
    width: auto !important;    
}*/

/*
@font-face {
    font-family: 'Aller_Bd';
    src: url('../../Content/Include/Aller_Bd.woff') format('woff');
}

@font-face {
    font-family: 'Aller_Lt';
    src: url('../../Content/Include/Aller_Lt.woff') format('woff');
}

@font-face {
    font-family: 'Aller_Rg';
    src: url('../../Content/Include/Aller_Rg.woff') format('woff');
}


@font-face {
    font-family: 'Noto Sans';
    src: url('/Content/fonts/NotoSans-Regular.ttf') format('ttf');
}*/
@font-face {
    font-family: 'Gotham Medium';
    src: url('/Content/newdesign/gotham-medium.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/Content/newdesign/gotham-medium.woff') format('woff');
    /*src: url('/Content/newdesign/noto.woff') format('woff');*/
}

@font-face {
    font-family: 'ManropeBold';
    src: url('/Content/newdesign/gotham-medium.woff') format('woff');
    /*src: url('/Content/newdesign/noto-bold.woff') format('woff');*/
}

@font-face {
    font-family: 'Manrope';
    src: url('/Content/newdesign/Manrope-Regular.woff') format('woff');
}
@font-face {
    font-family: 'ManropeBold';
    src: url('/Content/newdesign/Manrope-Bold.ttf') format('ttf');
}
@font-face {
    font-family: 'ManropeLight';
    src: url('/Content/newdesign/Manrope-Light.ttf') format('ttf');
}
@font-face {
    font-family: 'ManropeExtraBold';
    src: url('/Content/newdesign/Manrope-ExtraBold.woff') format('woff');
}
/*
html[data-useragent*='MSIE 10.0'] .form-control {
    line-height: 1 !important
}

html[data-useragent*='MSIE 9.0'] .form-control {
    line-height: 1 !important
}*/

#page-action-wrapper {
    padding-bottom: 300px;
}

.list-bottom-action-wrapper{
    margin-bottom:300px !important
}

#new-action-bar {
    left: 40px;
    right: 40px;
    position: fixed;
    bottom: 40px;
    z-index: 199999999; /* above form dropdowns (.chosen-drop 100000001) so they don't cover the
                            action bar; below its expanded container (200000000), the collapsed-mode
                            nav bars (200000000+), toasts (#alertDiv 200000002) and the loader. */
    display: inline-flex; /* <— critical */
    flex-direction: row; /* buttons side-by-side */
    align-items: center;
    padding: 0; /* no artificial gap */
    margin: 0;
    justify-content: center;
    pointer-events: none;
    /* Collapse animation: shrink + slide into the "show" button. The exact
       transform is computed in JS (getActionBarCollapseTransform) because the
       side button's horizontal offset varies (e.g. .shifted-action-container). */
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: right center;
    /* Never select label/icon text (e.g. while dragging the bar) */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Keep the action bar hidden during page load until Knockout has bound it, so the
   un-bound foreach template never flashes. The class is removed after applyBindings. */
#new-action-bar.action-bar-loading {
    display: none !important;
}

/* While the action bar is being dragged, prevent the cursor from selecting
   text/content anywhere on the page underneath it. Applied only for the
   duration of the drag (class toggled in _Layout.cshtml). */
body.action-bar-dragging,
body.action-bar-dragging * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.icon-actions-container-arrow{
    display:none;
}
.shifted-action-container #new-action-bar {
    right: 93px;
}

.icon-actions-container {
    pointer-events: auto;
    padding: 10px;
    /* Reserve room at the right for the absolutely-positioned close ("X") button
       so it is counted in the bar width and never wraps to a second line. */
    padding-right: 34px;
    position: relative;
    border-radius: 24px;
    background: rgba(0, 70, 82, 0.60);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* CHANGED: This aligns all button blocks to the top of the row */
    align-items: flex-start;
    gap: 15px;
    transition: background 0.2s ease;
}


/* A lone action button is easy to miss against the mostly-empty page behind the
   translucent bar — keep the bar fully opaque while it holds a single action,
   lightening a step on hover for feedback (it is already at the darkest shade).
   Two classes also outweigh the (pointer: coarse) default further down. */
.icon-actions-container.single-action {
    background: #004652;
    /* The opaque background fully covers the blurred backdrop, so don't pay
       for the per-frame blur (same as the empty-bar rule below). */
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.icon-actions-container.single-action:hover {
    background: #004e5c;
}

/* #52685 Layout fixes - Hide action bar when no action buttons are present */
.icon-actions-container:not(:has(.action-button-holder)) {
    padding: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.action-button-image {
    width: 26.12px;
    height: 26.12px;
    position: relative;
    overflow: hidden
}


.action-button-image div {
    /* Keep existing positioning */
    width: 22.10px;
    height: 22.10px;
    left: 2.01px;
    top: 2.01px;
    position: absolute;
    /* VISIBILITY FIX: Ensures image fits in the 20px box */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* COLOR FIX: Turns PNG white (Black -> White) */
    filter: brightness(0) invert(1);
}

.action-button-holder {
    cursor: pointer;
    width: 86px;
    padding-top: 3.62px;
    padding-bottom: 3.62px;
    padding-left: 7px;
    padding-right: 7px;
    /* ... existing flex styles ... */
    display: inline-flex;
    flex-direction: column;
    /* ENSURE THIS IS KEPT: This pushes the icon to the top of the button itself */
    justify-content: flex-start;
    align-items: center;
    gap: 3.62px;
    border-radius: 12px;
    transition: background 0.2s ease;
}
    .action-button-holder .action-label {
        align-self: stretch;
        text-align: center;
        color: white;
        font-size: 11px;
        font-family: Manrope;
        font-weight: 400;
        line-height: 12.06px;
        word-wrap: break-word
    }
.action-bar-separator {
    height: 60px;
    border-right: 1px solid rgba(255, 255, 255, 0.5); /* or just white */
    /*align-self: center;*/ /* <--- This overrides the parent's flex-start */
    width: 0px; /* Ensures the box model is calculated correctly */
    margin: 0 7.5px;
}
.action-button-holder {
    position: relative;
}

    /* hover: subtle highlight instead of glow */
    .action-button-holder:hover {
        /*background: rgba(255, 255, 255, 0.15);*/
        background: rgba(0, 70, 82, 0.75);
    }

    /* micro lift of icon */
    .action-button-holder:hover .action-button-image {
        transform: translateY(-1px);
    }

    /* pressed state */
    .action-button-holder:active {
        background: rgba(0, 70, 82, 1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

/* ---- Additional Actions menu (list bars with > 8 actions) ---- */
.additional-actions-wrapper {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.additional-actions-toggle.active {
    background: rgba(0, 70, 82, 0.75);
}

/* Fixed positioning (coordinates set by positionAdditionalActionsMenu) so the
   popup is never clipped by the action bar's overflow on touch screens. */
.additional-actions-popup {
    position: fixed;
    min-width: 190px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border-radius: 16px;
    background: rgba(0, 70, 82, 0.60);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    z-index: 200000000;
    pointer-events: auto;
    /* Fade in once positioned (opacity toggled in JS) so the popup never flashes
       at its previous position — noticeable after the action bar is dragged. */
    transition: opacity 0.12s ease;
}

.additional-action-item {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 10px;
    transition: background 0.2s ease;
}

    .additional-action-item:hover {
        background: rgba(0, 70, 82, 0.75);
    }

    .additional-action-item:active {
        background: rgba(0, 70, 82, 1);
    }

.additional-action-icon {
    width: 18px;
    height: 18px;
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
}

    .additional-action-icon div {
        width: 18px;
        height: 18px;
        left: 0;
        top: 0;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        filter: brightness(0) invert(1);
    }

.additional-action-label {
    color: white;
    font-size: 11px;
    font-family: Manrope;
    font-weight: 400;
    line-height: 12.06px;
    white-space: nowrap;
}

/* ---- Collapse ("X") button on the list action bar ---- */
.action-bar-close-btn {
    position: absolute;
    top: 6px;
    right: 8px;
    cursor: pointer;
    color: white;
    font-size: 18px;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 10px;
    transition: background 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .action-bar-close-btn:hover {
        background: rgba(0, 70, 82, 0.75);
    }

    .action-bar-close-btn:active {
        background: rgba(0, 70, 82, 1);
    }

/* ---- Right-edge "show" button shown while the bar is collapsed ---- */
.action-bar-show-btn {
    position: fixed;
    right: 0;
    width: 50px;
    height: 62px;
    z-index: 199999999;
    cursor: pointer;
    background-image: url(/Content/newdesign/actions/ab_show.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    transition: filter 0.2s ease;
    pointer-events: auto;
}

    .action-bar-show-btn:hover {
        filter: brightness(0.88);
    }

    .action-bar-show-btn:active {
        filter: brightness(0.78);
    }

/* On touch devices the bar scrolls horizontally. The collapse (hide/show) buttons
   ARE available here; only the Additional Actions submenu stays disabled in JS
   (actionBarIsTouch), so all actions show inline and scroll.
   The close ("X") button is pinned to the right edge of the bar (position:sticky)
   so it stays put while the action buttons scroll underneath/next to it. */
@media (pointer: coarse) {
    .action-bar-close-btn {
        position: sticky;
        right: 0;
        top: auto;
        align-self: stretch;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        /* Negative vertical margins fill the container's 10px padding so the opaque
           background spans the full bar height and scrolling buttons never peek out. */
        margin: -10px 0;
        padding: 0 10px;
        border-radius: 0 24px 24px 0;
        /* Opaque background masks the action buttons scrolling beneath it. */
        background: rgba(0, 70, 82, 0.95);
        box-shadow: -10px 0 10px -4px rgba(0, 70, 82, 0.85);
        z-index: 2;
    }

    /* The sticky X sits at the end of the scrollable row, so no reserved right
       padding is needed (unlike the absolutely-positioned X on desktop). */
    .icon-actions-container {
        padding-right: 0;
    }
}

#bankNameContainer {
    width:100%;
}

@media (max-width: 1239px) {
    #gvDepositDetailsOperationGridView_DXMainTable, #gvDepositDetailsDepositCbsAccountMovementGridView_DXMainTable {
        width: auto !important;
    }
}


#gvSearchEDocFlowDocument_DXMainTable tr.dxgvArm td:nth-child(2) {
        max-width: 25% !important
    }

@media (pointer: fine) and (min-width: 992px) {

    #gvEnrollmentGridView_DXMainTable .dxgvArm td:last-child {
        width: 100%
    }
}

/* --- TOUCHSCREEN OVERRIDES --- */
@media (pointer: coarse) and (min-width: 992px) and (max-width:1280px){
    #gvSearchEDocFlowDocument_DXMainTable tr.dxgvArm td:nth-child(2) {
        max-width: 25% !important
    }
    /* #gvCardManagementList_DXMainTable tr.dxgvArm td:nth-child(2) {
        max-width: 15% !important
    }
    #gvCardManagementList_DXMainTable tr.dxgvArm td:nth-child(4) {
        max-width: 15% !important
    }*/
    #gvPayrollEmployeeList_DXMainTable,
    #gvEnrollmentGridView_DXMainTable,
    /*#gvDepositCbsList_DXMainTable,*/
    #gvDepositDetailsDepositCbsAccountMovementGridView_DXMainTable,
    #gvEDocFlowDocumentLinkGridView_DXMainTable,
    #gvEDocFlowDocumentLinkGridView_DXMainTable,
    #gvAccountStatement_AccountStatementType_DXMainTable,
    #gvAccountStatement_AccountStatementType_Official_DXMainTable,
    #gvAccountStatement_AccountStatementType_Customized_DXMainTable,
    #gvFxOperation_DXMainTable,
    #gvLvApplicationList_DXMainTable,
    /*#gvCardManagementList_DXMainTable,*/
    #gvPayrollList_DXMainTable,
    #gvPendingConsentList_DXMainTable,
    #gvPartnerList_DXMainTable,
    #gvAccountList_DXMainTable,
    #gvAccountRequestList_DXMainTable,
    #gvTemplatePaymentList_DXMainTable,
    #gvSwiftMessage_DXMainTable,
    #gvAllList_DXMainTable {
        width: auto !important;
    }
}
/* (pointer: coarse) targets fingers/touch devices ONLY.
   Horizontal-scroll mode for the action bar must never appear on non-touch
   (mouse) screens, regardless of width — so do NOT add a max-width fallback. */
@media (pointer: coarse) {

    #new-action-bar {
        
         left: 40px; right: 40px; 
    }

    .icon-actions-container-arrow {
        display: none;
        align-self: center;
        color: rgba(255, 255, 255, 0.60);
        font-size: 20px;
        margin-top:-5px
    }

    .icon-actions-container.has-overflow > .icon-actions-container-arrow {
        display: inline-flex;
    }

    .icon-actions-container {
        /* 1. DISABLE WRAPPING to force a single row */
        flex-wrap: nowrap;
        /* 2. ENABLE SCROLLING */
        overflow-x: auto;
        /* 3. ALIGNMENT FIX: justify-content must be flex-start for scrolling
           to work correctly. 'center' cuts off the first few items. */
        justify-content: flex-start;
        /* 4. SMOOTH SCROLLING on iOS */
        -webkit-overflow-scrolling: touch;
        /* 5. Hide Scrollbar (Optional - cleaner glass look) */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
        /* Use darker (hovered) background as default on touch */
        background: rgba(0, 70, 82, 0.60);
    }

        /* Hide scrollbar for Chrome/Safari/Webkit */
        .icon-actions-container::-webkit-scrollbar {
            display: none;
        }

    /* CRITICAL: PREVENT SQUISHING */
    .action-button-holder {
        width: auto;
        flex: 0 0 auto; /* Don't grow, don't shrink, auto basis */
    }

    /* Disable hover background on touch devices */
    .action-button-holder:hover {
        background: transparent;
    }

    /* Ensure separator doesn't shrink either */
    .action-bar-separator {
        flex-shrink: 0;
    }

    /* Prevent horizontal swipe on DevExpress grids - allow only vertical scroll */
    /*.dxgvCSD,
    .dxgvControl_DxCLIC {
        touch-action: pan-y;
        -ms-touch-action: pan-y;
    }*/
}

   /* #left-action-bar:hover {
        width: 220px;
        padding: 20px;
    }*/


.new-button-secondary-outlined {
    display: flex;
    height: 30px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 7.5px;
    border-radius: 8px;
    border: 1.5px solid #007461;
    cursor:pointer
}
    .new-button-secondary-outlined  {
        color: #007461;
        fill: #007461;
        /* Small-button - Badge */
        font-family: Manrope;
        font-size: 11px;
        font-style: normal;
        font-weight: 800;
        line-height: 11px;
        letter-spacing: 0.22px;
    }
		.new-button-secondary-outlined:hover, .new-button-secondary-outlined:focus, .new-button-secondary-outlined:active {
			background: #007461;
			color: #FFF;
		}


.new-button-primary, .user-info-wrapper {
    display: flex;
    height: 30px;
    align-items: flex-start;
    border-radius: 8px;
    background: #007461;
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    cursor: pointer;
    fill: #FFF;
    color: #FFF;
}
    .new-button-primary span, .user-info-wrapper span {
        color: #FFF;
        text-align: center;
        /* Small-button - Badge */
        font-family: Manrope;
        font-size: 11px;
        line-height: 11px;
        font-style: normal;
        font-weight: 800;
        letter-spacing: 0.22px;
    }

    .new-button-primary:hover, .new-button-primary:focus, .new-button-primary:active {
        /*background: #649230;*/
        background: rgba(0, 70, 82);
        fill: #fff;
        color: #fff;
    }


#scrollable-content-wrapper {
    margin-left: 50px;
    transition: margin-left 0.3s ease;
}

#left-action-bar:hover + #scrollable-content-wrapper {
    margin-left: 220px;
}

#action-sidebar {
    height: 100%;
    width: 100%;
}

.action-button-wrapper {
    height: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 16px;
    padding-right: 6px;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    display: inline-flex;
    cursor: pointer;
    width: 100%;
}

.action-icon-container {
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.action-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.action-text {
    color: white;
    font-size: 11px;
    font-family: Manrope, sans-serif;
    font-weight: 700;
    line-height: 14px;
    word-wrap: break-word;
    white-space: nowrap;
}

.form-col-padding-right {
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
}

.filter-row .control-label {
    text-align: left !important;
}

body:not(:has(#brckDiv)) #page-content-wrapper {
    padding-top: 75px !important;
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

    select::-ms-expand {
        display: none;
    }


.no-js {
    display: none;
}

#mailContainer {
    margin-left: 20px;
    margin-right: 20px;
}

.formDateContainer {
    width: 35% !important;
}

    .formDateContainer > .input-group {
        /*width: auto !important;*/
        margin-left: 0px !important;
    }

.reducedContainer {
    width: 35% !important
}

.formAmountContainer {
    width: 50% !important
}

    .formAmountContainer select.green-arrow {
        background: url('/Content/newdesign/img/arrow_down_green.png') no-repeat 80% 50% #D8EAD7 !important;
    }

.fullscreenDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-image: url("/Content/Include/Images/bkg-fullsize.png");
    background-position: center;
    /* Make the background image cover the area of the <div>, and clip the excess */
    background-size: cover;
}

.fullscreenDiv-content {
    position: absolute;
    width: 650px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -325px;
    -webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.75);
}

.fullscreenDiv-content-left {
    float: left;
    width: 50%;
    height: 100%;
    background-image: url('/Content/Include/Images/bkg-img-loginpanel.png');
    background-size: cover;
}

.error {
    color: #a94442;
}

/*simple sidebar css begin*/
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /*max-width: 1280px;*/
    /*min-width: 1000px;*/
}

    #wrapper.toggled {
        padding-left: 250px;
    }

#wrapper-header {
    margin-left: 220px;
    /*min-width: 900px;*/
}

#menuToggler {
    background: #fff;
    border-bottom: 1px solid #efefef;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 1px;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: -4px;
}

#sidebar-wrapper {
    /*z-index: 1000;*/
    position: fixed;
    left: 220px;
    top: 0px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* overflow: hidden;*/
}

#wrapper.toggled #sidebar-wrapper {
    width: 150px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px;
    min-width: 666px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}


#brckDiv {
    position: fixed;
    top: 100px; /* Position below the main menu */
    left: 0px;
    right: 0;
    background-color: #fff; /*#004652;  Match top-menu-bar background */
    padding: 0px 10px 0px 13px;
    height: 50px; /* Give it a fixed height */
    display: flex;
    align-items: center;
    z-index:100000003 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

    #brckDiv span {
        font-family: 'Manrope', sans-serif;
        font-size: 15px;
        font-weight: 600;
        color: #071621;
    }

    .brckDiv-back-btn {
        color: inherit;
    }

    .brckDiv-back-btn:hover,
    .brckDiv-back-btn:focus {
        color: inherit;
    }

    .brckDiv-back-btn:focus-visible {
        outline: 2px solid #004652;
        outline-offset: 2px;
        border-radius: 4px;
    }


/* Sidebar Styles */

.sidebar-nav {
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 13px;
}

    .sidebar-nav li {
        text-indent: 0px;
        max-height: 68px;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 20px;
        line-height: 0.8;
        padding-bottom: 20px;
        background: url('/Content/Include/Images/menu_arrow.png') no-repeat right 20px center;
        background-size: 6px;
    }

        .sidebar-nav li a {
            /*display: block;*/
            text-decoration: none;
            font-size: 13px;
            letter-spacing: 1.6px;
            text-transform: uppercase;
            word-wrap: break-word;
            white-space: normal !important;
        }

        .sidebar-nav li:hover {
            background-color: #009698 !important;
            text-decoration: none;
            color: #fff;
        }

            .sidebar-nav li:hover > a {
                text-decoration: none;
                color: #fff;
            }

        .sidebar-nav li a:hover {
            text-decoration: none;
            color: #fff;
        }

.menulevel2 li:hover > a {
    text-decoration: none;
    color: #fff !important;
}

/*li a:hover {
    text-decoration: none;
    color: #fff !important;
}*/

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
    color: #fff;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

    .sidebar-nav > .sidebar-brand a {
        color: #999999;
    }

        .sidebar-nav > .sidebar-brand a:hover {
            color: rgb(174,243,245);
            background: none;
        }


.toast-margin {
    padding-left: 220px;
    padding-right: 220px;
    margin-top: 140px;
}

li.dropdown.open a.dropdown-toggle {
    background-color: rgb(29,131,133) !important;
}

.year, .month {
    margin-right: 10px;
}

.header {
    color: #b6b6b6 !important;
    display: block;
}

.header-username {
    font-weight: bold;
    font-size: 13px;
    color: #969696 !important;
}


.header-logo {
    width: 273px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
}

.header-logo-shifted {
    height: 47px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
}

.header-toggler {
    height: 30px;
    width: 15px !important;
    margin-left: 2px;
    margin-top: 20px;
    float: left;
    /* visibility: hidden;*/
}
/*
.dxtc-tab:hover {
    background-color: #009698 !important;
    color: #A0D7A2 !important;
}

    .dxtc-tab:hover > a {
        color: #A0D7A2 !important;
    }

.dxtc-activeTab:hover > a {
    color: #A0D7A2 !important;
}*/


#divLoadingModal {
}

.modal-open {
    padding-right: 0px !important;
    overflow: inherit;
}

.dropdown-menu {
    position: static;
    float: none;
    margin: 0;
    padding: 5px 5px 5px 10px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    background-color: rgb(29,131,133);
}

    .dropdown-menu .level2 {
        position: fixed;
        float: none;
        margin: 0;
        top: 0;
        background-color: rgb(29,131,133);
        padding: 5px 5px 5px 15px !important;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.menulevel2 {
    padding-right: 0px;
    padding: 0px !important;
    position: fixed !important;
    top: 80px !important;
    left: 196px !important;
    /*margin-top: 0px !important;
    height: 100% !important;*/
    /*background-color: #4eb3b3 !important;*/
    background-color: rgba(78, 179, 179,1) !important;
    /*background-color: rgba(0,125,127,1.00) !important;*/
    border-left: 10px solid transparent; /*#064325;*/
    padding-left: 0px !important;
    border-radius: 0px !important;
    width: 236px;
    /*-webkit-box-shadow: 20px 10px 15px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 20px 10px 15px -5px rgba(0,0,0,0.3);
    box-shadow: 20px 10px 15px -5px rgba(0,0,0,0.3);*/
}

.menulevel2-item {
    background: none !important;
    color: #fff;
    border-radius: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.menulevel2-item-sub {
    background: url('/Content/Include/Images/menu_arrow.png') no-repeat right 20px center !important;
    background-size: 6px !important;
    color: #fff;
    border-radius: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 5px;
}


.menulevel3 {
    padding-right: 0px;
    padding: 0px !important;
    position: fixed !important;
    top: 80px !important;
    left: 402px !important;
    /*margin-top: 0px !important;
    height: 100% !important;*/
    background-color: #51baba !important;
    /*background-color: rgba(78, 179, 179,1) !important;*/
    border-left: 20px solid transparent;
    padding-left: 0px !important;
    border-radius: 0px !important;
    /*-webkit-box-shadow: 20px 10px 15px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 20px 10px 15px -5px rgba(0,0,0,0.3);
    box-shadow: 20px 10px 15px -5px rgba(0,0,0,0.3);*/
}

.menulevel3-item {
    background: none !important;
    color: #fff;
    border-radius: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.menulevel3-item-double {
    background: none !important;
    color: #fff;
    border-radius: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}


.control-label:not(.ignore-auto-classes) {
   /* text-align: left !important;
    padding-left: 0px !important;*/
}

#sessionCountdown {
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

li.dropdown.menulevel3-item-double:last-child {
    padding-bottom: 15px !important;
}

.dropdown-toggle {
    padding-left: 0px !important;
    padding-right: 10px !important;
    color: rgb(194,247,253);
    text-decoration: none !important;
}

.itemlevel-first {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}

.itemlevel {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.itemlevel2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: rgb(194,247,253) !important;
    /* color: #fff !important;*/
    font-size: 11px !important;
    white-space: normal !important;
}

.itemlevel2-sub {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    color: rgb(194,247,253) !important;
    /* color: #fff !important;*/
    font-size: 11px !important;
    white-space: initial !important;
    border: 0px !important;
}

.itemlevel3 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: rgb(194,247,253) !important;
    /* color: #fff !important;*/
    font-size: 11px !important;
    white-space: initial !important;
}

.itemlevel3withAdditional {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    color: rgb(194,247,253) !important;
    /* color: #fff !important;*/
    font-size: 11px !important;
    white-space: initial !important;
}

.itemleveldescription {
    font-style: italic;
    font-size: 10px;
    display: inline-block;
}

/*.itemleveldescription:hover {
        color: #fff !important;
    }*/

.menulevel3-item:hover {
    color: #fff !important;
}

.menuitem-divider {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(73,182,190);
}

.menuitem-no-background {
    background: none !important;
}

.menuitem-double-pre {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    line-height: 10px !important;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: rgb(73,182,190);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.menuitem-double-post {
    line-height: 20px !important;
    margin-top: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.menuitem-divider-new {
    line-height: 1px !important;
    margin-top: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(73,182,190);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.menuitem-divider-top {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(73,182,190);
}

.dropdown-menu > li > a {
}


.dropdown .dropdown-menu {
    display: none;
    opacity: 0;
    -moz-transition: all 1000ms ease;
    -webkit-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}


#gvPaymentList_custwindow_Scroller {
    width: 50% !important;
}

    #gvPaymentList_custwindow_Scroller > table > tbody > tr .dxgvHeader_DxCLIC {
        text-align: left !important;
        border-bottom: none !important;
    }

        #gvPaymentList_custwindow_Scroller > table > tbody > tr .dxgvHeader_DxCLIC > table > tbody > tr td {
            text-align: left !important;
            border-bottom: none !important;
        }

td {
    vertical-align: text-top;
}



.modal {
    background-color: rgba(0,0,0,0.5);
    z-index: 1000000015;
    overflow-x: auto !important;
}

.modal-backdrop.in {
    z-index: 100000000;
}


.toast-warning {
    background-color: rgb(255, 242, 185);
    color: black;
    background-size: 0px;
    padding: 15px !important;
}

    .toast-warning .toast-close-button {
        color: #000;
        top: 0px !important;
    }

    .toast-warning .toast-message {
        color: #000;
    }

.nav-tabs {
    /*background-color: #fff;*/
    border: none
}

.tftab-container {
    min-height: 40px;
    padding-left: 0px;
    padding-right: 0px;
}

.tab-content {
    padding-top: 39px;
}

.nav-tabs > li {
    /*text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    text-transform: uppercase;
    background-color: #fff;*/
}


	.nav-tabs > li > a {
		text-align: left;
		font-size: 13px;
		text-decoration: none;
		cursor: pointer;
		text-transform: uppercase;
		background-color: transparent;
		font-family: Manrope !important;
		font-weight: 500 !important;
		min-height: 40px !important;
		color: #313131;
		border-start-start-radius: 10px !important;
		border-start-end-radius: 10px !important;
		border-left: 1px solid #ddd !important;
		border-top: 1px solid #ddd !important;
		border-right: 1px solid #ddd !important;
		border-bottom: 1px solid #ddd !important;
		margin-right: 0px;
		/*text-align: center;*/
		/*padding-top: 30px;
            padding-bottom: 30px;*/
		/*border-radius: 0px !important;
            color: #313131;
            border: 0px !important;
            font-size: 10px;
            text-decoration: none;
            cursor: pointer;
            text-transform: uppercase;*/
	}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #fff;
        color: #004652;
        font-weight: 800 !important;
        border-start-start-radius: 10px !important;
        border-start-end-radius: 10px !important;
        border-left: 1px solid #ddd !important;
        border-top: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
        border-bottom: 1px solid #fff !important;
    }


        .nav-tabs > li > a:hover {
            color: #000;
        }

.tftab-container li {
    width: 25% !important
}
/*tab control
    .nav-tabs > li > a {
        height: 100%;
        color: #064325;
        background: #FFFFFF;
        font-size: 13px;
        letter-spacing: 1.6px;
        font-weight: bold;
        text-transform: uppercase;
        border: 0px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border: 0px solid #ddd;
        color: #064325;
    }

    .nav-tabs > li.active > a:focus {
        border: 0px solid #ddd;
        color: #064325  !important;
    }

    li.active {
        background-color: white;
        color: #064325;
        font-size: 13px;
        letter-spacing: 1.6px;
        font-weight: bold;
        text-transform: uppercase;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-top: 1px solid rgb(128,202,203);
        border-left: 1px solid rgb(128,202,203);
        border-bottom: 1px solid white !important;
        border-right: 1px solid rgb(128,202,203);
    }

    .nav-tabs {
        border-bottom: 1px solid #064325;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        color: rgb(128, 202, 203) !important;
        background-color: white !important;
    }



    .nav > li > a {
        padding: 4px 14px;
    }


.dxtcLite_DxCLIC > .dxtc-stripContainer .dxtc-link {
    padding: 4px 14px !important;
}*/
@media(min-width:768px) {
    #wrapper {
        padding-left: 220px;
    }

        #wrapper.toggled {
            padding-left: 0;
        }

    #sidebar-wrapper {
        width: 220px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}


@media(max-width:768px) {

    /*.headerLoginInfoContainer .headerMessageInfoContainer {
        font-size: 10px;
        width: 300px;
    }*/



    .headerLoginInfoTitle {
        font-size: 10px;
    }

    .timer-bubble {
        margin-right: 26px;
    }



    #sidebar-wrapper {
        width: 220px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}
/*simple sidebar css end*/

.form-checkbox {
    margin-left: 0px !important;
}





/*
.dx-form-control {
    max-width: 280px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: rgb(245,245,245) !important;
}

.searcher-no-bkg {
    background-color: transparent !important;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-radius: 0px !important;
}

    .input-group .form-control:last-child:first-child {
        border-radius: 0px;
        padding: 4.5px;
    }

.input-group .form-control {
    border-radius: 0px;
    padding: 4.5px !important;
}
*/
div.content div.form-horizontal {
    padding-bottom: 0px; /*was 10px before*/
    border: 0px solid #ddd;
    position: static;
    /*overflow: hidden;*/
    margin-bottom: 0px;
}
.audit-log-holder {
    margin-top: 40px;
}


.white-form /*div.form-horizontal*/ {
    padding-bottom: 15px; /*was 10px before*/
    padding-top: 15px; /*was 10px before*/
    padding-left: 20px; /*was 10px before*/
    padding-right: 20px; /*was 10px before*/
    border-radius: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08)
}
/*
.white-form .white-form {
    box-shadow: none;
    padding: 0px !important;
    border: none !important;
    
}*/

    .white-form:has(.tftab-container) {
        padding-bottom: 0px; /*was 10px before*/
        padding-top: 0px; /*was 10px before*/
        padding-left: 0px; /*was 10px before*/
        padding-right: 0px; /*was 10px before*/
        border: none;
        background-color: transparent;
        box-shadow: none;
        position: relative; /* #62124: anchor of the record pager below */
    }

    /* #62124: the record pager (first / previous / next / last) of the View and Edit
       pages is positioned at a fixed page offset, which on a tabbed form lands it
       somewhere on the form. On a tabbed host it is anchored to the host instead:
       in line with the tabs, at the right end of the 40px tab strip (30px buttons,
       so 5px from the top), flush with the right edge of the tab pane content. */
    .white-form:has(.tftab-container) > .navigate-btns,
    .forced-collapse .white-form:has(.tftab-container) > .navigate-btns {
        top: 5px !important;
        right: 20px !important;
    }

    .white-form:has(.tftab-container) .tab-content{
        border-radius:10px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    }  

    /* #62124 (small screens): the tab strip is a float the tab content reserves 39px
       for (.tab-content padding-top). When a tab caption wraps, the strip grows past
       that and the first form row - a flex box, i.e. a formatting context that cannot
       overlap a float - is squeezed into the free 25% beside it ("Form" at the right
       edge). On the forms the strip sits in normal flow instead, and the tabs are
       flex items so that a wrapped caption makes every tab equally tall. The 1px
       overlap of the active tab with the pane border is kept by bootstrap's
       li { margin-bottom: -1px }. */
    .white-form:has(.tftab-container) ul.tftab-container {
        float: none;
        display: flex;
        align-items: stretch;
    }

    .white-form:has(.tftab-container) ul.tftab-container > li {
        float: none;
        display: flex;
    }

    .white-form:has(.tftab-container) ul.tftab-container > li > a {
        flex: 1 1 auto;
        min-width: 0; /* a long caption wraps inside its tab instead of overflowing it */
        display: flex;
        align-items: center;
    }

    .white-form:has(.tftab-container) ul.tftab-container + .tab-content {
        padding-top: 0;
    }

    #filter1div > .col-xs-12{
        border-radius:10px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    }  

        .white-form:has(.tftab-container) > .audit-log-holder {
            margin-top: 0px;
        }

        /* #59802: operation history block moved into its own tab pane by
           _AuditLogTabScript.cshtml - the bottom-of-page gap is not needed there */
        .tab-pane > .audit-log-holder {
            margin-top: 0px;
        }

/* #59802: the EDocFlow screens are one card like the other forms (the tab card of the
   single-document Edit / View, .edf-host-card > .edf-sections on the New forms and the
   document sets); the tiles inside (General information / Document / Connections) are its
   sections: no card look of their own, the divider line of the other forms' sections
   between them. Only the side-by-side documents of a set keep a (flat) card each. */
:is(.tab-pane, .edf-sections) > .edocflow-tile,
:is(.tab-pane, .edf-sections) .edf-grid > .edocflow-tile {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

:is(.tab-pane, .edf-sections) .edf-grid {
    margin-bottom: 0;
}

:is(.tab-pane, .edf-sections) > .edocflow-tile ~ :is(.edocflow-tile, .edf-grid) {
    border-top: 1px solid #E4E7EC;
    margin-top: 14px;
    padding-top: 10px;
}

:is(.tab-pane, .edf-sections) .edf-grid:not(.edf-single) > .edocflow-tile {
    border: 1px solid #E4E7EC;
    border-radius: 10px;
    padding: 10px 15px;
}

/* the confirm page already is a card: the New / set wrapper inside it stays flat */
.divConfirm .white-form.edf-host-card {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
}


.white-form .tab-content .tab-pane /*div.form-horizontal*/ {
    padding-bottom: 15px; /*was 10px before*/
    padding-top: 15px; /*was 10px before*/
    padding-left: 20px; /*was 10px before*/
    padding-right: 20px; /*was 10px before*/
    border-radius: 10px;
    border-start-start-radius: 0px !important;
    border: 1px solid #ddd;
    background-color: #fff;
}

 #filter1div > div:first-of-type {
    padding-bottom: 15px !important; /*was 10px before*/
    padding-top: 15px !important; /*was 10px before*/
    padding-left: 20px !important; /*was 10px before*/
    padding-right: 20px !important; /*was 10px before*/
    border-radius: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 15px !important;
}

    #filter1div > div:first-of-type:has(#errorBlock) {
        padding-bottom: 0px !important; /*was 10px before*/
        padding-top: 0px !important; /*was 10px before*/
        padding-left: 0px !important; /*was 10px before*/
        padding-right: 0px !important; /*was 10px before*/
        border-radius: 0px !important;
        border: none !important;
    }
.filterintabdiv > div:first-of-type {
    padding-bottom: 15px !important; /*was 10px before*/
    padding-top: 15px !important; /*was 10px before*/
    padding-left: 20px !important; /*was 10px before*/
    padding-right: 20px !important; /*was 10px before*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 15px !important;
}

    .filterintabdiv > div:first-of-type:has(#errorBlock) {
        padding-bottom: 0px !important; /*was 10px before*/
        padding-top: 0px !important; /*was 10px before*/
        padding-left: 0px !important; /*was 10px before*/
        padding-right: 0px !important; /*was 10px before*/
        border-radius: 0px !important;
        border: none !important;
    }

.col-data:has(#Label_AccountOwner) {
    padding-top: 0px !important;
}

.main-margins {
    /*background-color: #313131;*/
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
    /*margin-right: 220px;*/
}

#dashboard-link a {
    color: #A0D7A2
}

#dashboard-link:hover a {
    color: #cfebd0
}

.collapsed-dashboard-link {
    display: none;
}

.new-header {
    position: fixed;
    top: 0px;
    left: 0px;
    margin-left: 220px;
    width: 100%;
    height: 80px;
    background: rgb(244,244,244);
    border-bottom: 1px solid rgb(169,217,216);
    margin-left: 220px;
    z-index: 1000;
}

.main-scroller-holder {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 1px;
    /*background-color: rgb(238, 238, 238);*/
}

.timer-bubble {
    float: right;
    margin-top: 15px;
    margin-right: 226px;
    color: #888;
    font-weight: normal;
    text-align: center;
    border-radius: 8px;
    padding: 2px 7px 2px 21px;
    font-size: 10px !important;
    /* background: url('/content/images/icon-watch-4x.png') no-repeat left center;
    background-size: 16px;*/
}

.headerLoginInfoContainer {
    float: left;
    /* color: #333; */
    height: 65px;
    overflow: visible;
    margin-top: 23px;
    margin-right: 0px;
    width: 400px;
}

.headerMessageInfoContainer {
    float: left;
    /* color: #333; */
    height: 65px;
    overflow: visible;
    margin-top: 23px;
    margin-right: 0px;
    width: 250px;
}

.headerLoginInfoTitle {
    font-size: 11px;
    border-bottom: none;
    margin-bottom: 0px;
    /*padding: 5px 0px 5px 5px;
    color: rgb(0, 150, 152);*/
    overflow: hidden
}

.topMenuLink {
    float: left;
    margin-top: 0px;
    color: #fff !important;
    padding-left: 5px;
    text-transform: none !important;
    text-decoration: initial !important;
}

    .topMenuLink:hover {
        color: rgb(174, 243, 245) !important;
    }

.logoutButton {
    /*float: right;
    background: url('/Content/Include/Images/logout.png') no-repeat left center;
    background-size: 14px 16px;
     color: #333; */
    height: 16px;
    position: fixed;
    top: 19px;
    right: 15px;
}

.langBtnTopContainer {
    float: right !important;
    background-size: 14px 16px !important;
    /* color: #333; */
    height: 16px !important;
    margin-top: 17px !important;
    margin-left: 30px !important;
    margin-right: 50px !important;
}

.langDropDown {
    background-color: rgba(0,0,0,0.85) !important;
    padding-top: 10px !important;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    position: inherit !important;
    border-radius: 0px 13px 13px 13px !important;
    border: 0px solid #064325;
    margin-top: 0px !important;
    margin-left: -60px !important;
    max-width: 80px;
}

.footerinfo {
    position: fixed;
    bottom: 10px;
    width: 176px;
    padding-top: 12px;
    padding-bottom: 8px;
    margin-left: 20px;
    margin-right: 20px;
    color: rgb(174, 243, 245);
    visibility: visible;
    font-size: 11px;
}

.userdropdown {
    background-color: rgba(0,0,0,0.7) !important;
    padding-top: 10px !important;
    /*-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);*/
    border-radius: 0px 6px 6px 6px !important;
    border: 0px solid #064325;
}

.newlangdropdown {
    background-color: rgba(0,0,0,0.7) !important;
    padding-top: 10px !important;
    /*-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);*/
    border-radius: 0px 6px 6px 6px !important;
    border: 0px solid #064325;
}

.helpButtonContainer {
    float: right;
    position: fixed;
    right: 25px;
    top: 45px;
}

.flag {
    margin-right: 10px;
    padding: 3px 3px 3px 0px;
    max-height: 22px;
    margin-left: 0px;
}

.form-continous {
    margin-bottom: 0px !important;
}

#sigGroupViewContainer {
    padding-bottom: 15px; /*was 10px before*/
    padding-top: 15px; /*was 10px before*/
    padding-left: 20px; /*was 10px before*/
    padding-right: 20px; /*was 10px before*/
    border-radius: 10px;
    border-start-start-radius: 0px;
    border: 1px solid #ddd;
    background-color: #fff;
}

div.box-title {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #666E8A;
    font-size: 16px;
    font-family: Manrope;
    font-weight: 600;
    word-wrap: break-word;
    margin-top: 15px;
    margin-bottom: 10px;
}

div.content div.form-horizontal div.form-title {
    padding: 20px 14px 8px 20px;
    color: rgb(236, 111, 109);
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 16px;
    line-height: 33px;
    border-bottom: 0px solid #CAE1A9;
    z-index: 10;
    font-weight: bold;
    letter-spacing: 2.5px;
}

/*div.content div.cuff {
    background-image: url('images/content_rog.png');
    background-repeat: no-repeat;
    width: 65px;
    height: 29px;
    z-index: 30;
    float: right;
    margin-top: -29px;
    position: relative;
}*/

div.content hr.in-box-line {
    border-top: 1px dotted rgb(221, 221, 221);
    margin: 0px 32px 10px 0px;
}



.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color;
}




div.content div.box-title-old {
    background-image: url('images/box_jasna_zielen_naglowek_blue.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    min-height: 31px;
    font-size: 14px;
    line-height: 18px;
    color: #FFF;
    padding: 4px 14px 0px 32px;
    border: medium none;
    margin-bottom: 5px;
    font-weight: bold;
    z-index: 1;
    text-transform: uppercase;
}


/*div.box-title {
	justify-content: center;
	display: flex;
	flex-direction: column;
	color: var(--Greys-Grey---700-Text, #666E8A);
	font-size: 16px;
	font-family: Manrope;
	font-weight: 600;
	word-wrap: break-word;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
}*/

/* .table-header-grey:after {
    position: absolute;
    content: " ";
    width: 37px;
    min-height: 20px;
    height: 100%;
    background: url(/Content/newdesign/img/ribbon.png) left center no-repeat;
    top: 0px;
    right: -30px;
}

div.box-title:after {
    position: absolute;
    content: " ";
    width: 37px;
    min-height: 20px;
    height: 100%;
    background: url(/Content/newdesign/img/ribbon.png) left center no-repeat;
    top: 0px;
    right: -30px;
} */

/*help*/

.subtable {
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(176,176,176);
    font-size: 12px;
    font-family: arial, tahoma, helvetica, sans-serif;
    text-decoration: none;
    border-collapse: collapse;
}

.subtabletop {
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(176,176,176);
    font-size: 12px;
    text-decoration: none;
    border-collapse: collapse;
    vertical-align: top;
}

.subtablenoborders {
    padding: 4px;
    border-style: none;
    font-size: 12px;
    text-decoration: none;
    border-collapse: collapse;
}

.subtableexample {
    font-size: 11px;
    text-decoration: none;
    border-collapse: collapse;
}

thead.subtable {
    background: #F0F0F0;
    vertical-align: middle;
    text-align: center;
}

.subtabletop {
    vertical-align: top;
}

tbody.subtable {
    vertical-align: top;
    text-align: left;
}

.warning {
    color: red;
    font-weight: bold;
}

p.przypis {
    color: black;
    font-size: 10px;
    font-family: arial, tahoma, helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
}

em.komunikat {
    color: green;
    font-size: 12px;
    font-family: arial, tahoma, helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    margin: 0px;
    padding: 0px;
}


div.box-title-help {
    border-bottom-style: solid;
    min-height: 25px;
    font-size: 13px;
    line-height: 18px;
    color: #064325;
    border-bottom-color: #064325;
    border-bottom-width: 1px;
    margin-bottom: 20px;
    margin-top: 0px;
    z-index: 1;
    letter-spacing: 1.6px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.help-content {
    margin-bottom: 20px;
    font-size: 13px;
}

.box-title-siggroup {
    margin-bottom: 10px !important;
    width: 100% !important;
    margin-left: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 5px !important;
}


div.box-title-action {
    border-bottom-style: solid;
    min-height: 25px;
    font-size: 13px;
    line-height: 18px;
    color: #064325;
    border-bottom-color: rgba(37,165,168,0.5);
    border-bottom-width: 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
    z-index: 1;
    letter-spacing: 1.6px;
    font-weight: bold;
    text-transform: uppercase;
}

div.box-title-light {
    background-image: none;
    background-color: #A0D7A2;
    min-height: 35px;
    font-size: 13px;
    line-height: 16px;
    color: #FFF;
    padding: 8px 14px 0px 20px;
    border: medium none;
    margin-bottom: 0px;
    font-weight: bold;
    z-index: 1;
    border-bottom: 2px solid #ddd;
}

.box-title-warning {
    background-image: url('/Content/images/box_jasna_zielen_naglowek_yellow.png') !important;
    color: #000 !important;
    text-transform: none !important;
}

.small-box-title {
    background-image: url('/Content/images/box_jasna_zielen_naglowek_blue.png');
    background-repeat: repeat-x;
    background-position: 0px -10px;
    height: 21px;
    font-size: 11px;
    line-height: 18px;
    color: #FFF;
    padding: 0px 14px 0px 32px;
    border: medium none;
    margin-bottom: 5px;
    font-weight: bold;
    z-index: 1;
    margin-left: 20px;
    margin-right: 20px;
}

.very-small-box-title {
    text-transform: uppercase;
    color: #064325;
    margin-bottom: 15px;
    font-weight: bold;
}

.small-box-title-help {
    text-transform: uppercase;
    color: #064325;
    margin-bottom: 5px;
    font-weight: bold;
}

.advancedFilterContainer {
    margin-bottom: 5px;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    height: auto;
    display: none;
    /*background-color: rgb(250,250,250);*/
}

.filter-toggler-fixed {
    width: 180px;
}


    .filter-toggler-fixed + div {
        border-left: 0px solid #000;
    }

#topActionContainer {
    min-height: 0px;
}

.no-margin-no-padding {
    margin: 0px !important;
    padding: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.filter-bottom-margin {
    margin-bottom: 5px !important;
}

.filterAfter {
    height: 30px
}

.col-only-right-padding {
    padding: 0px 10px 0px 0px !important;
}

.filterLabelTitle {
    vertical-align: middle !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px !important;
    width: 100%;
}

.filter-row {
    margin: 5px 0px 10px 0px !important;
   /* padding-left: 15px !important;
    padding-right: 10px !important;*/
}


    .filter-row .col-md-12, .filter-row .col-md-2, .filter-row .col-md-3, .filter-row .col-md-4, .filter-row .col-md-6, .filter-row .col-md-8, .filter-row .col-md-9, .filter-row .col-xs-12 {
        padding: 0 5px 0 0px;
    }

.filter-row > .col-md-2, .filter-row > .col-md-3, .filter-row > .col-md-4, .filter-row > .col-md-5ths, .filter-row > .col-md-6, .filter-row > .col-md-8, .filter-row > .col-md-9, .filter-row > .col-md-12, .filter-row > .col-xs-12 {
    padding: 0 2px 0 2px !important;
}

    .filter-row .form-control {
        padding: 0 5px 0 5px !important;
    }
    /*.dxgvPagerBottomPanel_DxCLIC {
    border-top: 1px solid #ddd;
}
*/
    .dxgvFilterRow_DxCLIC {
        /*background-color: #ddd;*/
    }

.additional-form-nmarginBottom {
    margin-bottom: 10px !important;
}

.dxgvTable_DxCLIC {
    /*table-layout: inherit !important; !!!!*/
    /*border-bottom-left-radius: 0px  !important;
    border-bottom-right-radius: 0px  !important;*/
}


    .dxgvTable_DxCLIC + .dxpcLite_DxCLIC {
        width: 100% !important;
        position: static !important;
    }


/*.modal-body .dxgvTable_DxCLIC {
    width: auto !important;
    /* max-width: 940px !important; 
    min-width: 940px !important;
}*/

.dxh1h {
    background-color: rgb(234,245,247) !important;
    color: #333333 !important;
}

/* .dxgvEditFormDisplayRow_DxCLIC , .dxgvDataRow_DxCLIC , .dxgvDataRowAlt_DxCLIC , .dxgvSelectedRow_DxCLIC , .dxgvFocusedRow_DxCLIC {
        border-right: 1px Solid #ddd !important;
    }

    */

.dxgvDataRowAlt_DxCLIC {
    background-color: transparent !important;
}

/*
.dxgvPreviewRow_DxCLIC td.dxgv
{
    padding: 0px 10px 0px 10px  !important;
}


.dxgvPreviewRow_DxCLIC > td {
    border-bottom: 1px Solid rgb(191,191,191) !important;
}

.dxgvPreviewRow_DxCLIC:last-child > td {
    border-bottom: 0px Solid rgb(191,191,191) !important;
}*/

.dxgvSelectedRow_DxCLIC + .dxgvPreviewRow_DxCLIC > td {
    /* border-bottom: 1px Solid rgb(255,255,255) !important;*/
}



.dxgvDataRowHover_DxCLIC:hover + .dxgvPreviewRow_DxCLIC {
    background-color: rgb(248,248,248);
    color: #333333;
}


.dxgvSelectedRow_DxCLIC {
    background-color: rgb(234,245,247) !important;
    color: #333333 !important;
}

    .dxgvSelectedRow_DxCLIC + .dxgvPreviewRow_DxCLIC {
        background-color: rgb(234,245,247) !important;
        color: #333333 !important;
    }


.dxgvCSD {
    /* width:auto !important !!!!*/
}

.dxTableWrapper .dxgvControl_DxCLIC {
    width: 100% !important
}


td .dxgvHeader_DxCLIC {
    vertical-align: middle;
    border-right: 1px solid rgba(255,255,255,0.4);
}


.dxgvHeader_DxCLIC tr td:first-child {
    white-space: normal !important;
    /* ReSharper disable once InvalidValue */
    word-break: break-word;
}

.dxgvHeader_DxCLIC {
    /* #58183 UIX - darkened from #666e8a: white caption contrast 5.04:1 -> 9.31:1 (WCAG AAA) */
    background-color: #40465E !important;
    /*padding-left: 15px !important;*/
}

.dxtlHeader_DxCLIC {
    background-color: #40465E !important;
}


td .dxtlHeader_DxCLIC {
    vertical-align: middle;
    border-right: 1px solid rgba(255,255,255,0.4) !important;
}

td.dxgv {
    white-space: normal !important;
    /* ReSharper disable once InvalidValue */
    word-break: break-word;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ie-breaks {
        -ms-word-break: break-all;
        word-break: break-all;
        display: inline-block;
    }
}

@-moz-document url-prefix() {
    .ie-breaks {
        -ms-word-break: break-all;
        word-break: break-all;
        display: inline-block;
    }
}

#gvMessages_D td.dxtlIndentWithButton_DxCLIC, #gvUserAccPool_U td.dxtlIndentWithButton_DxCLIC {
    vertical-align: middle !important;
}

#gvMessages_D .dxtlSelectedNode_DxCLIC td {
    vertical-align: middle !important;
}

#gvMessages_D .dxtlNode_DxCLIC .dxtl:nth-child(2), #gvMessages_D .dxtlSelectedNode_DxCLIC .dxtl:nth-child(2), #gvUserAccPool_U .dxtlNode_DxCLIC .dxtl:nth-child(2) {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal !important;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    /* ReSharper disable once InvalidValue */
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#gvMessages_D .dxtlNode_DxCLIC .dxtl:last-child, #gvMessages_D .dxtlSelectedNode_DxCLIC .dxtl:last-child, #gvUserAccPool_U .dxtlNode_DxCLIC .dxtl:last-child, #gvUserAccPool_U .dxtlNode_DxCLIC .dxtl:nth-child(3), #gvUserAccPool_U .dxtlNode_DxCLIC .dxtl:nth-child(5) {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal !important;
    /*-ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever *
  word-break: break-all;*/
    /* Instead use this non-standard one: */
    /* ReSharper disable once InvalidValue */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


.transparent-bg {
    background-color: transparent !important;
}

/*.dark-data {
    background-color: #313131 !important;
}*/


.no-padding-for-table {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.table-wrapper {
    margin-left: 20px;
    margin-right: 20px;
    overflow: visible;
}

.row-wrapper {
    margin-left: 15px;
    margin-right: 15px;
    overflow: visible;
}

.chooserDialog {
    width: auto !important;
    max-width: 95% !important;
    min-width: 1000px !important;
}

.helpChooserDialog {
    width: auto !important;
    max-width: 90% !important;
}

.table-box-title {
    background-image: url('/Content/images/box_jasna_zielen_naglowek_blue.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-size: 100%;
    min-height: 31px;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    z-index: 1;
    text-transform: uppercase;
}

/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px solid #ddd;
}*/

.table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px solid #ddd;
}

/*table { border: none; border-collapse: collapse; }*/
.table-responsive table td, th {
    /* border-right: 1px solid #ddd;*/
}

.table-responsive table th {
    /* border-right: 1px solid #ddd;*/
}

.table-responsive table td:last-child, th:last-child {
    border-right: 0px solid #ddd !important;
}

td.dxgv .dxgvIndentCell {
    border-right: 0px solid #ddd !important;
}

.table-header {
    /* background-color: rgb(234, 246, 246);
    color: #064325;*/
    background-color: #000;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold !important;
    border-bottom: 0px solid rgb(191,191,191);
}

.table-header-grey {
    /*height: 40px;*/
    background-color: #A0D7A2;
    color: rgb(255,255,255);
    text-transform: uppercase;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 50px 2px 15px !important;
    /*letter-spacing: 1.6px;*/
    border-bottom: 0px solid rgb(191,191,191);
    width: auto;
    display: inline-block;
    position: relative;
}

.table-header-yellow {
    /*height: 40px;*/
    background-color: rgb(255, 242, 185);
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 13px 5px 10px 8px;
    letter-spacing: 1.6px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid rgb(191,191,191);
}

.table-header-red {
    /*height: 40px;*/
    background-color: rgb(216,91,89);
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 13px 5px 10px 8px;
    letter-spacing: 1.6px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid rgb(191,191,191);
}

.dxtcLite_DxCLIC {
    font: inherit !important;
}

.notvalidated {
    background-color: rgba(255, 242, 185,0.8) !important;
    color: black;
    padding: 5px;
    text-transform: none;
    border-radius: 3px;
    font-weight: normal;
    letter-spacing: normal;
}

.table-responsive {
}

.table {
    margin-bottom: 0px !important;
    background: #fff;
}

.table-rounded-title {
    border-radius: 0px;
    border: 0px solid rgb(191,191,191);
    padding-bottom: 7px;
}


.table-rounded-title-notfullwidth {
    border-radius: 0px;
    border: 0px solid rgb(191,191,191);
    padding-bottom: 7px;
}


.own-vertical-align {
    display: flex;
    align-items: center;
}

.noBackgroundColor {
    background-color: transparent !important;
}

.form-title {
    border-bottom: medium none;
    margin-bottom: 0px;
    padding: 20px 14px 20px 20px;
    color: rgb(0, 150, 152);
    font-size: 24px;
    line-height: 26px;
    overflow: hidden;
    text-transform: uppercase;
}

.small-form-title {
    border-bottom: none;
    margin-bottom: 0px;
    padding: 10px 10px 10px 15px;
    color: rgb(0, 150, 152);
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-transform: uppercase;
    background-color: #fff;
}

.no-text-transform {
    text-transform: none !important;
}

.rightHover:hover {
    background-color: rgba(0,0,0,0.04);
}


.noTopBottomMargin {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.noTopBottomPadding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color;
}


div.box div.naglowek-mini div.tytul {
    float: left;
    font-weight: bold;
}

div.box div.rozwin, div.box div.zwin {
    width: 15px;
    height: 15px;
    position: absolute;
    background-image: url('images/ikona_w_dol.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    top: 1px;
    left: 9px;
    cursor: pointer;
}

div.box div.naglowek-mini.rozwijany {
    cursor: pointer;
}

div.box div.naglowek-mini div.info {
    float: right;
    border: medium none;
    font-size: 10px;
    line-height: 14px;
    color: rgb(255, 255, 255);
    padding: 1px 0px 0px;
    font-weight: normal;
}


.select-style {
    border: 2px solid #A0D7A2;
    border-radius: 20px;
    overflow: hidden;
    background: #fefefe url('/Content/Include/Images/icon_plus.png') no-repeat 97% 50%;
}

    .select-style select {
        padding: 5px 8px;
        max-width: 1000px !important;
        width: 120%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
    }

        .select-style select:focus {
            outline: none;
        }

.select-wrapper {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 2px solid #A0D7A2 !important;
    background: url('/Content/Include/Images/icon_plus.png') no-repeat 95% 50% #fff !important;
    border-radius: 20px !important;
    padding: 5px !important;
    text-overflow: '' !important;
    text-indent: 0.01px !important;
}
/*
select::-ms-expand {
    display: none !important;
}*/



.singleMessage {
    font-size: 16pt;
    margin-left: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.actionSelectorBar {
    position: fixed !important;
    right: 5px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: #fff;
    border-left: 5px solid #313131;
    padding-left: 10px;
    top: 5px;
    z-index: 10;
    height: 100%;
    width: 220px;
}

.actionSelectorBarMessage {
    position: fixed !important;
    right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: rgb(234,245,247);
    bottom: 0px;
    height: auto;
    width: 200px;
}

.actionbarfixed {
    position: fixed !important;
    bottom: 0px !important;
    margin-right: -15px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-right: 20px !important;
    background-color: rgb(238, 238, 238);
    -webkit-box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
}



.errorMessagesfixed {
    position: fixed !important;
    bottom: 0px !important;
    margin-bottom: 0px !important;
    margin-right: -15px !important;
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-right: 20px !important;
    background-color: rgb(238, 238, 238);
    -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
}



.actionbarfixed-above {
    position: fixed !important;
    padding-bottom: 5px !important;
    margin-bottom: 0px !important;
    margin-right: -15px !important;
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-right: 20px !important;
    background-color: rgb(238, 238, 238);
    -webkit-box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
}


.successMessage {
    padding-top: 8px !important;
    padding-bottom: 8px;
    background-color: rgb(120, 242, 135);
    color: black;
    font-weight: bold;
}

.infoMessage {
    padding-top: 8px !important;
    padding-bottom: 8px;
    background-color: rgb(0, 96, 186);
    color: white;
    font-weight: bold;
}

/*.successMessage {
    padding-top: 8px !important;
    padding-bottom: 8px;*/
    /*background-color: #daecac;*/
    /*background-color: #cbe290;
    color: black;
    font-weight: bold;
}*/

.warningMessage {
    padding-top: 8px !important;
    padding-bottom: 8px;
    background-color: rgb(255, 242, 185);
    color: black;
    font-weight: bold;
}

.errorMessage {
    padding-top: 8px !important;
    padding-bottom: 8px;
    background-color: rgb(206, 27, 27);
    color: white;
    font-weight: bold;
}

.commentMessage {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 11px;
    color: #313131;
    padding: 0;
    line-height: 14px;
    background-repeat: no-repeat;
    background-image: url('/Content/newdesign/img/comment_white.png') !important;
    background-position: 45px 50% !important;
    background-size: 16px;
}

div.content .control-label {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    padding-top: 4px;
    padding-bottom: 4px;
}

.col-label .control-label {
    padding-top: 0px !important;
    margin-bottom: 0;
}

.saved-data {
    font-size: 16px;
    line-height: 30px;
    min-height: 30px
}

.saved-data-divider {
    margin-right: 20px
}

.radio-btn-option {
    height: auto;
}

    .radio-btn-option > input {
        height: auto;
        width: auto;
    }

.checkbox-option {
    height: auto;
}

    .checkbox-option > input {
        height: auto;
        width: auto;
    }

div.content .no-top-padding {
    font-weight: normal;
    padding-top: 0px;
}

.no-side-paddings {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.no-side-margins {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

@media all and (max-width: 992px) {
   
}

/*@media all and (min-width: 768px) {
    div.content .control-label {
        text-align: right;
    }
}*/
/*
div.content .form-control {
    background-color: #d5d5d5;
    height: auto;
    border: 0px solid #DDD;
    font-size: 11px;
    color: #4B4B4B;
    padding: 4.5px !important;
    font-family: Arial,Tahoma,Verdana,"Arial CE";
    margin-top: 1px;
    margin-bottom: 3px;
}

div.content .form-control-chosen {
        background-color: #d5d5d5;
    height: auto;
    border: 0px solid #DDD;
    font-size: 11px;
    color: #4B4B4B;
    padding: 0px !important;
    font-family: Arial,Tahoma,Verdana,"Arial CE";
    margin-top: 1px;
    margin-bottom: 3px;
    width: 100%;
}

    div.content .form-control:first-child {
        height: auto;
        border: 0px solid #DDD;
        font-size: 11px;
        color: #4B4B4B;
        padding: 4.5px !important;
        font-family: Arial,Tahoma,Verdana,"Arial CE";
        margin-top: 1px;
        margin-bottom: 3px;
        border-radius: 0px;
    }

    div.content .form-control:focus {
        border-color: #057F50;
    }
    */
.fc-inline {
    display: inline !important
}
/*
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 6px;
}
*/

.col-label {
	color: black;
	font-size: 12px;
	font-family: Manrope, sans-serif;
	font-weight: 400;
	text-align: left;
	word-wrap: break-word;
	padding-top: 0px;
	padding-right: 5px;
}

.col-label .ribbon-sub{
    font-size: 14px;
    font-weight: 600;
}

.col-label-secondary {
    padding-left: 25px;
}

.col-data {
    padding-top: 0px;
    padding-left: 0px;
}

.col-green-data {
    background-color: #dfefb2 !important;
}

.col-data .input-group {
   /* width: 70%;
    margin-left: 70px;*/
}

.form-row {
    background-color: transparent !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 36px;
}

.form-row > .col-label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 34px;
}

.form-row > .col-data {
    display: flex;
    flex-wrap: wrap;
}

.form-row .row {
    flex: 0 0 100%;
}

.form-row > .col-xs-12 {
    flex: 0 0 100%;
}

.col-data:has(.form-checkbox):not(:has(.form-control)) .input-group {
    padding-top: 8px;
}

.form-row:has(.col-data .charatersRemaining) > .col-label {
    padding-top: 30px;
}

.form-row:has(.col-data [style*="display: none"] .charatersRemaining) > .col-label,
.form-row:has(.col-data [style*="display:none"] .charatersRemaining) > .col-label,
.form-row:has(.col-data .charatersRemaining[style*="display: none"]) > .col-label,
.form-row:has(.col-data .charatersRemaining[style*="display:none"]) > .col-label {
    padding-top: 0px;
}

.form-footer-row {
    /*height: 10px;*/
    margin-bottom: 5px !important;
}

.form-header-row {
    /*background-color: #fff !important;*/
    padding-top: 0px !important;
    /* margin-top: 10px !important;*/
    margin-bottom:15px;
    align-items: center;
}

.form-header-row > .col-data {
    flex-wrap: nowrap;
    align-items: center;
}

    .form-header-row .col-label {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 5px;
        padding-bottom: 0px;
        /*color: #ffffff !important;*/
    }

    .form-header-row .col-data {
        padding-left: 0px;
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .form-header-row + .form-row {
        padding-top: 0px !important;
    }


@media (max-width:990px) {
    /*.col-label {
        background-color: #fff;
        color: #313131;
        padding-top: 10px;
    }

    .dark-data {
        background-color: #fff !important;
    }

    .col-data {
        background-color: #fff;
        padding-top: 10px;
    }
     .col-data .input-group {
        width: 100%;
         margin-left: 0px;
    }*/

    div.content .control-label {
        text-align: right;
        padding-left: 0px;
    }

    .input-group .col-xs-12 {
        padding-bottom: 10px !important
    }

    .form-row .col-label {
        padding-right: 5px !important;
    }

    .ribbon-sub-end .checkbox-option {
        padding-left: 40px !important
    }
    
    .ribbon-sub2-end .checkbox-option {
        padding-left: 40px !important
    }

    .ribbon span, .box-title {
        justify-content: center;
        display: flex;
        flex-direction: column;
        color: #666E8A;
        font-size: 16px;
        font-family: Manrope;
        font-weight: 600;
        word-wrap: break-word
    }

    .ribbon span {
        color: black;
    }


    .col-data .input-group {
        width: 100%;
        margin-left: 0px;
    /*    padding-left: 15px;
        padding-right: 15px;*/
    }

    .tf-counter {
        width: 25px !important;
        color: #a1a1a1;
        text-align: right;
        line-height: 30px;
        font-size: 16px;
        position: absolute;
    }

        .tf-counter + .input-group {
            padding-left: 35px;
        }

    .form-col-padding-right {
        padding-right: 0px;
    }

    .formDateContainer {
        width: 55% !important;
    }

    .reducedContainer {
        width: 55% !important;
    }

    .formAmountContainer {
        width: 55% !important;
    }

    .formAmountCurrencyEditable #Input_Amount_formatted {
        width: 100% !important;
    }
}

textarea.form-control {
    /*height: auto !important;*/
    overflow: hidden;
}


.form-control[disabled], .form-control[readonly]:not(.ignore-auto-classes), fieldset[disabled] .form-control {
    background: #fff !important;
    border: none !important;
    color: #313131;
}

    .form-control[disabled] + .input-group-addon {
        background: #fff !important;
        border: none !important;
        color: #313131;
    }
    .form-control[disabled].inputDisabledWithBackground {
        background-color: #F7F8FA !important;
    }

    /* #59802: _Layout swaps disabled for readonly on filled inputs (screen readers), so a
       read-only date picker is matched by both - no calendar button on either */
    .form-control[disabled].bankdatepicker + .input-group-addon,
    .form-control[readonly].bankdatepicker + .input-group-addon {
        display: none;
        background: #fff !important;
        border: none !important;
        color: #313131;
    }

/*div.content .form-control {
    font-size: 13px;
    background: #D8EAD7;
    border: none;
    width: 100%;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #D8EAD7;
    transition: border-color 0.5s linear;
    -webkit-transition: border-color 0.5s linear;
    -moz-transition: border-color 0.5s linear;
    -o-transition: border-color 0.5s linear;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px !important;
}*/
div.content .form-control {
    /*border: none !important;*/
    box-shadow: none !important;
    font-size: 12px;
    background: #F7F8FA;
    /*background: #D8EAD7;*/
    border-radius: 10px !important;
    border: 1px solid #8D93AA;
    width: 100%;
    line-height: 16px;
    letter-spacing: 0.8px;
    height: 34px;
    font-weight: 700;
    color: #071621;
    transition: border-color 0.5s linear;
    -webkit-transition: border-color 0.5s linear;
    -moz-transition: border-color 0.5s linear;
    -o-transition: border-color 0.5s linear;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    div.content .form-control:placeholder-shown {
        font-weight: 500;
        text-align: left !important;
    }

    div.content .form-control input[type='checkbox'] {
        padding: 0px !important;
    }

/*.input-group-addon {
    transition: border-color 0.5s linear;
    -webkit-transition: border-color 0.5s linear;
    -moz-transition: border-color 0.5s linear;
    -o-transition: border-color 0.5s linear;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.formDateContainer .form-control:focus + .input-group-addon, .dateFilter .form-control:focus + .input-group-addon {
    border-bottom: 1px solid #a9a9a9;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}*/

.date .form-control:focus-visible, .formDateContainer .form-control:focus-visible, .dateFilter .form-control:focus-visible {
    border-color: #007461 !important;
    border-width: 2px !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dk-select:has(:focus-visible) {
    border-color: #007461 !important;
    border-width: 2px !important;
    outline: none !important;
    box-shadow: none;
}

div.content .form-control:focus-visible {
    border-color: #007461 !important;
    border-width: 2px !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group .input-group-addon {
    height: 34px;
    line-height: 30px;
    font-size: 12px;
    background: transparent;
    border: none;
    padding: 0px;
    border-radius: 0px !important;
    position: absolute;
    right: 25px;
    z-index: 99;
}


/*.date .form-control {
    padding-left: 10px !important;
}*/
.searcher-no-bkg {
    position: relative !important;
    padding-left: 0px !important;
    background: transparent !important;
}

.label-tooltip {
    margin-top: 2px;
}

.label-tooltip-right {
    margin-top: 1px;
    margin-left: 10px;
}

.messaging-value {
    font-weight: bold;
    word-break: break-word;
}


div.content textarea.form-control {
    line-height: 21px;
    resize: vertical;
    height: auto;
    /* padding-top: 10px;
    padding-bottom: 10px;*/
}

.ta-dynamic {
    height: 30px !important;
    /* padding-top: 3px !important*/
}

div.content div.headerinfo a {
    float: right;
    text-align: right;
    font-size: 8pt;
    color: #064325;
    padding-top: 0px;
}

div .btn-default-nobackground {
    background-color: transparent;
    color: #009698;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    min-height: 14px;
    line-height: 14px;
    text-transform: uppercase;
    border: 0px solid #057F50;
    box-shadow: none;
    border-radius: 8px;
    margin-top: 2px;
}

div .btn-confirm-error {
    padding: 5px 10px;
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    min-height: 14px;
    line-height: 13px;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #fff;
    box-shadow: none;
    margin-top: 2px;
    height: auto;
    margin-left: 5px
}

div .btn-confirm-warning {
    padding: 5px 10px;
    background-color: transparent;
    color: #000;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    min-height: 14px;
    line-height: 13px;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #fff !important;
    box-shadow: none;
    margin-top: 2px;
    height: auto;
    margin-left: 5px
}

div .btn-confirm-info {
    padding: 5px 10px;
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    min-height: 14px;
    line-height: 13px;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #fff !important;
    box-shadow: none;
    margin-top: 2px;
    height: auto;
    margin-left: 5px
}

div .btn-confirm {
    padding: 5px 10px;
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    min-height: 14px;
    line-height: 13px;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #fff !important;
    box-shadow: none;
    margin-top: 2px;
    height: auto;
    margin-left: 5px
}

.confirm-text {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 30px;
    vertical-align: top;
}

.btn-default-pre-caret {
    margin-bottom: 8px !important;
    width: 128px !important;
}

.btn-default-caret {
    border-left: none !important;
    padding-left: 10px !important;
}

.field-validation-error {
    margin-right: 12px !important;
    display: inline-block !important;
}

input[type="checkbox"] {
    vertical-align: middle !important;
    margin-left: 10px;
    margin-top: 0px;
}

.checkbox-no-left-margin {
    margin-left: 0px !important;
}

.checkbox-separated {
    margin: 2px 0px 0px 0px !important;
}


.single-glyph-btn-gray {
    border-color: transparent;
    background: none;
    color: #888;
}

    .single-glyph-btn-gray:hover {
        color: #000;
    }

div .btn {
    font-size: inherit;
}

div .btn-toggle {
    float: right !important;
    margin-right: 20px !important;
    margin-top: -60px !important;
}

div .btn-default-red {
    background-color: rgb(236, 111, 109);
    color: #FFF;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px;
    min-height: 14px;
    line-height: 14px;
    text-transform: none;
    border: 0px solid #057F50;
    box-shadow: none;
    margin-top: 2px;
    border-radius: 6px;
    width: 155px;
    text-align: center;
    /*outline: none;*/
    font-size: 9px !important;
    text-transform: uppercase;
}
/*
button:focus {
    outline: 0;
    background-color: #A0D7A2;
    color: #fff;
}*/

.btn-single-image {
    color: #A0D7A2 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}


    .btn-single-image > span {
        font-size: 16px;
    }

.btn-actionselector {
    width: 155px !important;
    margin-bottom: 8px !important;
}

.btn-actionselector-print {
    width: 140px;
}



/*BUTTONS*/
div .btn-default {
    cursor: pointer;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #007461;
    background-color: #007461;
    overflow: hidden;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    text-align: center;
    color: #F7F8FA;
    font-size: 11px;
    font-family: Manrope;
    font-weight: 800;
    letter-spacing: 0.8px;
    word-wrap: break-word;
    border: 0px !important;
}


    div .btn-default:hover, .btn-default:focus {
        /*background: #649230;*/
        background: rgba(0, 70, 82);
        color: #fff;
    }

    div .btn-default[disabled]:hover, .btn-default[disabled]:focus {
        background-color: #007461;
        color: #fff;
    }

.btn-default:active {
    background: #649230;
    color: #fff;
    box-shadow: none;
}
.btn-default-disabled {
    background: #D4D5D4 !important;
    background: -moz-linear-gradient(left, #ECECEC 0%, #D4D5D4 100%);
    background: -webkit-linear-gradient(left, #D4D5D4 0%, #D4D5D4 100%);
    background: linear-gradient(to right, #D4D5D4 0%, #D4D5D4 100%);
    color: #fff !important;
    cursor: not-allowed !important;
}


.requiredMark {
    /*background: #c1da79 !important;*/
    /*border: 2px solid #8D93AA !important;*/
    background: #D8EAD7 !important
}



.iti {
    padding: 0px !important;
    border: 2px solid transparent !important;
}

    .iti input {
        width: 100%;
        padding-left: 60px;
        height: 32px;
        border-radius: 9px;
        border: 1px solid #8D93AA;
        background: #F7F8FA;
    }

.requiredMarkManual {
    background: #D8EAD7 !important;
}

.requiredMarkOnChosen {
    background: url("/Content/newdesign/img/arrow_down_grey.png") no-repeat calc(100% - 10px) 50% #D8EAD7 !important;
}


/* Grid/TreeList callback loading panel (<table class="dx..LoadingPanel"><tr><td><img></td>
   <td>Loading…</td></tr></table>) restyled to match the global #waiterModal loader:
   400px white box, "Loading..." title, 6px animated bar inset 15px sides / 20px bottom.
   All geometry lives on the table element + its pseudo-elements — the table keeps
   display:table, so padding/position on tbody/tr/td must not be relied on. */
.dxgvLoadingPanel_DxCLIC,
.dxtlLoadingPanel_DxCLIC {
    /* collapsed tables ignore padding on the table element — force separate mode */
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-sizing: border-box !important;
    width: 400px !important;
    border: none !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
    /* bottom 61px = 35px title-to-bar gap (modal: 15px header + 20px body padding)
       + 6px bar + 20px below the bar */
    padding: 15px 15px 61px 15px !important;
    overflow: visible !important;
    z-index: 100 !important;
}

.dxgvControl_DxCLIC:has(.dxgvLoadingPanel_DxCLIC[style*="position: absolute"]),
.dxtlControl_DxCLIC:has(.dxtlLoadingPanel_DxCLIC[style*="position: absolute"]) {
    position: relative;
    pointer-events: none;
}

.dxgvControl_DxCLIC:has(.dxgvLoadingPanel_DxCLIC[style*="position: absolute"])::before,
.dxtlControl_DxCLIC:has(.dxtlLoadingPanel_DxCLIC[style*="position: absolute"])::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(255, 255, 255, 0.8) !important;
    z-index: 99 !important;
    border-radius: 4px;
}

/* The panel's own "Loading…" text is the title, like the #waiterModal header */
.dxgvLoadingPanel_DxCLIC td,
.dxtlLoadingPanel_DxCLIC td {
    padding: 0 !important;
    text-align: left !important;
    color: #000 !important;
    font-size: 13px !important;
}

/* keep scaling with the accessibility font modes, like .mediumfont/.bigfont #waiterModal .modal-title */
.mediumfont .dxgvLoadingPanel_DxCLIC td,
.mediumfont .dxtlLoadingPanel_DxCLIC td {
    font-size: 14.95px !important;
}

.bigfont .dxgvLoadingPanel_DxCLIC td,
.bigfont .dxtlLoadingPanel_DxCLIC td {
    font-size: 16.25px !important;
}

.dxgvLoadingPanel_DxCLIC td img,
.dxtlLoadingPanel_DxCLIC td img {
    display: none !important;
}

/* Bars are anchored to the panel table (its inline position:absolute makes it the
   containing block); insets match the modal: 15px sides, 20px above the box bottom. */
.dxgvLoadingPanel_DxCLIC::after,
.dxtlLoadingPanel_DxCLIC::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 20px !important;
    height: 6px !important;
    background: #A0D7A2 !important;
    border-radius: 3px !important;
}

.dxgvLoadingPanel_DxCLIC::before,
.dxtlLoadingPanel_DxCLIC::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 15px !important;
    bottom: 20px !important;
    height: 6px !important;
    width: 27.75% !important;
    background: linear-gradient(90deg, #308276, #004652) !important;
    border-radius: 3px !important;
    animation: dxPanelLoaderSlide 1.5s ease-in-out infinite !important;
    z-index: 1 !important;
}

/* loaderSlide percentages resolve against the 370px track in the modal; here they
   resolve against the 400px table, so they are scaled by 370/400 to move identically. */
@keyframes dxPanelLoaderSlide {
    0% { margin-left: 0%; width: 27.75%; }
    50% { margin-left: 55.5%; width: 37%; }
    100% { margin-left: 0%; width: 27.75%; }
}

@keyframes loaderSlide {
    0% { margin-left: 0%; width: 30%; }
    50% { margin-left: 60%; width: 40%; }
    100% { margin-left: 0%; width: 30%; }
}


.filter-head .filter-row .btn-default, .filter-head .filter-row .btn-default-secondary {
    /*font-size: 9px !important;
    padding: 13px !important;*/
}

.btn-forced-minimum-width {
    min-width: 125px !important;
}

div .btn-confirm-error:focus {
    background-color: #fff;
    color: #eb1d31;
}

div .btn-confirm-info:focus {
    background-color: #fff;
    color: rgb(88,171,195);
}

div .btn-confirm-warning:focus {
    background-color: #fff;
    color: rgb(0, 0, 0);
}

div .btn-confirm-error:hover {
    background-color: #fff;
    color: #eb1d31;
}

div .btn-confirm-info:hover {
    background-color: #fff;
    color: rgb(88,171,195);
}

div .btn-confirm-warning:hover {
    background-color: #fff;
    color: rgb(0, 0, 0);
}

div .btn-primary:focus {
    background-color: #009698;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 9px 17px;
    min-height: 14px;
    line-height: 14px;
    font-weight: bold;
    text-transform: none;
    box-shadow: none;
    margin-top: 2px;
    border-radius: 0px;
    text-align: center;
}

.countdown {
}

.userinfo {
    font-size: 10px;
    line-height: 12px;
    min-height: 36px;
    vertical-align: middle;
}

.auto-height {
    height: auto !important;
}








.filter-head {
}

.filter-togglediv {
    min-width: 144px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.filter-toggler {
    font-size: 9px !important;
    text-transform: uppercase;
    width: 100% !important;
    padding-right: 28px !important;
    /*background: url('/Content/newdesign/img/arrow_down_white.png') no-repeat 92% 50% #A0D7A2 !important;*/
}

    .filter-toggler:hover {
        background: #649230;
        color: #fff;
    }

.menuitem-with-ribbon {
    background-image: url(/Content/newdesign/img/menu_ribbon.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0% 32% !important;
    font-family: ManropeBold;
}


.filter-row .control-label {
    /*text-transform: uppercase;*/
    padding-left: 10px !important;
    display: block;
    font-size: 12px;
    margin-bottom: 0px !important;
    /*margin-top: 10px;*/
}

.overflow-visible {
    overflow: visible !important;
}

#alertDiv {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 560px;
    max-width: 90vw;
    z-index: 200000002;
    background: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    display: none;
}

#alertList {
    max-height: 300px;
    overflow-y: auto;
    padding: 12px 12px 0 12px;
}

    #alertList::-webkit-scrollbar {
        width: 6px;
    }

    #alertList::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
    }

#alertDiv .alertRow {
    margin-bottom: 8px !important;
    border-radius: 6px;
    box-shadow: none;
    overflow: hidden;
}

    #alertDiv .alertRow .alertWrapper {
        border-radius: 6px;
    }

    #alertDiv .alertRow .alertWrapper > div {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    #alertDiv .alertRow .alertIcon {
        float: none !important;
        flex-shrink: 0;
        margin-right: 0 !important;
        margin-top: -4px !important
    }

    #alertDiv .alertRow .alertMessage {
        float: none !important;
        flex: 1;
        margin: 0 !important;
        min-width: 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 10px;
        font-size: 12px;
        /* color: #666E8A; */
        font-weight: 700;
        line-height: 16px;
        min-height: 30px;
    }

    #alertDiv .alertRow .alertMessage .btn-default-secondary {
        flex-shrink: 0;
        white-space: nowrap;
        margin-left: auto;
    }

    #alertDiv .alertRow .btn-confirm-info,
    #alertDiv .alertRow .btn-confirm-warning,
    #alertDiv .alertRow .btn-confirm-error,
    #alertDiv .alertRow .btn-confirm-success {
        flex-shrink: 0;
        white-space: nowrap;
    }

    #alertDiv .alertRow .tooltipped {
        float: none !important;
        flex-shrink: 0;
        margin-top: 0 !important;
    }

#alertModal {
    overflow-y: hidden !important;
}

#alertModal .modal-content {
    border-radius: 30px !important;
    overflow: hidden;
    background: #DEEFF5;
}

    #alertModal .alertRow {
        border-radius: 6px;
        overflow: hidden;
    }

    #alertModal .alertRow .alertWrapper {
        border-radius: 6px;
    }

    #alertModal .modal-footer {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top:none;
    }

#alertCloseAllRow {
    display: none;
    justify-content: flex-end;
    padding: 6px 17px;
    border-top: 1px solid #e8e8e8;
}

#alertCloseAll {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 4px 8px;
    border: none;
    background: none;
    border-radius: 4px;
    transition: background 0.15s;
}

.alertCloseBtn {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    line-height: inherit;
    font-size: inherit;
    color: inherit;
}

    #alertCloseAll:hover {
        background: rgba(10, 148, 168, 0.1);
    }

#alertCloseAllLabel {
    font-size: 11px;
    color: #0A94A8;
    transition: color 0.15s;
    font-weight: 700;
    letter-spacing: 0.5px;
}

    #alertCloseAll:hover #alertCloseAllLabel {
        color: #077d8e;
    }

#alertCloseAllX {
    font-size: 17px;
    color: #0A94A8;
    transition: color 0.15s;
}

    #alertCloseAll:hover #alertCloseAllX {
        color: #077d8e;
    }

    select.green-arrow {
        padding: 9px;
        color: #666666;
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        -moz-appearance: none;
        appearance: none;
        background: url('/Content/newdesign/img/arrow_down_green_chosen.png') no-repeat 100% 50% #D8EAD7 !important;
        background-size: 11px 7px;
    }

    .filter-toggler:hover,.filter-toggler:focus{
background-color: #004652 !important;
        color: #fff;
    }

div .btn-default-secondary {
    text-decoration: none;
	cursor: pointer;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	display: inline-flex;
	border: 1px solid #007461;
	font-size: 11px;
	font-family: Manrope;
	font-weight: 600;
	color: #007461;
	letter-spacing: 0.8px;
	background-color: #fff;
}

    div .btn-default-secondary span {
        text-align: center;
        color: #007461;
        font-size: 11px;
        font-family: Manrope;
        font-weight: 800;
        letter-spacing: 0.22px;
        word-wrap: break-word
    }

    div .btn-default-secondary:hover, .btn-default-secondary:focus {
        background: #004652;
        color: #fff;
    }

    .btn-default-secondary:focus-visible {
        outline: 2px solid #004652;
        outline-offset: 2px;
    }

.btn-default-secondary:active {
    background: #004652;
    color: #fff;
    box-shadow: none;
}

/* div .btn-default-secondary:focus {
        background-color: #009698;
        color: #FFF;
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        min-height: 14px;
        line-height: 14px;
        font-weight: bold;
        box-shadow: none;
        margin-top: 2px;
        border-radius: 0px;
        text-align: center;
    }*/



.btn-default-secondary-filter, .btn-default-secondary-filter:active {
    text-decoration: underline;
    margin-right: 5px;
    line-height: 25px;
    color: #5f5f5f;
    text-transform: lowercase;
    margin-top: 4px;
    margin-right: 8px;
    cursor: pointer;
    border: 0px;
    background: none;
    outline: none;
}

    .btn-default-secondary-filter:focus {
        color: #009698;
    }

    .btn-default-secondary-filter:hover {
        color: #009698;
    }


.btn-default-filter, .btn-default-filter:active {
    background: #fff;
    cursor: pointer;
    color: #5f5f5f;
    border: 2px solid #5f5f5f !important;
    padding: 8px 6px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    border: 0px;
    outline: none;
}

    .btn-default-filter:focus {
        background: #eeeeee;
    }

    .btn-default-filter:hover {
        background: #eeeeee;
    }



div .btn-addon-searcher {
    background: #fff;
    /*background-color: #007461;*/
    /* background: -moz-linear-gradient(left, #A0D7A2 0%, #649230 100%);
    background: -webkit-linear-gradient(left, #A0D7A2 0%, #649230 100%);
    background: linear-gradient(to right, #A0D7A2 0%, #649230 100%);
    -webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);*/
    color: #007461;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px;
    min-height: 24px;
    line-height: 14px;
    font-family: ManropeBold;
    border: 1.5px solid #007461;
    border-radius: 8px;
    text-align: center;
    outline: none;
    /*width: 75px;*/
}

span.input-group-addon:not(:has(img)) {
    position: relative !important;
    right: auto !important;
}


.btn-addon-searcher:hover {
    background: #007461;
    color: #fff;
}

div .btn-addon-searcher:disabled {
    background: #D4D5D4;
    border: 1px solid #D4D5D4;
    color: #fff;
}

div .btn-addon-searcher:disabled:hover {
    background: #D4D5D4;
    color: #fff;
}

.alertMessage {
    width: 86%;
}


.alertMessage-fullWidth {
    width: 100% !important;
    margin-bottom: 2px !important;
}

    .alertMessage-fullWidth .tooltipped {
        margin-top: 7px !important;
    }

.btn-advanced-search {
    font-size: 8px;
    line-height: 10px;
    text-transform: uppercase;
    white-space: normal;
    text-align: left;
    display: block;
}


div .btn-addon {
    background-color: transparent;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    /*padding: 0px 2px;
    min-height: 11px;*/
    line-height: 18px;
    width: 18px;
    text-transform: uppercase;
    border: 0px solid #057F50;
    box-shadow: none;
    margin-top: 0px;
    background-image: url("/Content/Include/Images/search_btn.png");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}
/*
div .btn-addon-searcher, .btn-addon-searcher:focus {
    margin-right: -10px;
    margin-left: -10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top:0px !important;
}

div .btn-addon-searcher:active {
    margin-right: -10px  !important;
    margin-left: -10px  !important;
    padding-left: 20px  !important; 
    padding-right: 20px  !important;
    margin-top:0px !important;
}*/

/*div .btn-addon-searcher:hover {
    background-color: #009698;
    color: #fff;
    outline: none;
}

div .btn-default-red:hover, .active.btn-default-red, .open > .btn-default-red.dropdown-toggle {
    background-color: #064325;
    color: #fff;
    box-shadow: 0 0 3pt 2pt red;
}



div .btn-default:hover, .active.btn-default, .open > .btn-default.dropdown-toggle {
    background-color: #064325;
    color: #fff;
    outline: none;*/
/*box-shadow: 0 0 3pt 2pt #A0D7A2;*/
/*}

div .btn-primary:hover, .active.btn-primary, .open > .btn-primary.dropdown-toggle {
    background-color: #009698;
    color: #fff;
    outline: none;*/
/*box-shadow: 0 0 3pt 2pt #A0D7A2;*/
/*}

div .btn-default-secondary:hover, .active.btn-default-secondary, .open > .btn-default-secondary.dropdown-toggle {
    background-color: #009698;
    color: #fff !important;
    outline: none;
}

    div .btn-default-secondary:hover > span {
        color: #fff !important;
    }*/

.form-horizontal .form-group {
    margin: 0px 0px 10px 0px;
}

div.content .form-group {
    margin: 0px 0px 10px 0px;
}

/*.form-horizontal .row {
    margin: 0px 0px 0px 0px;
    padding-top: 10px;
}*/

.no-bottom-margin {
    margin: 0px 0px 0px 0px !important;
}

.small-bottom-margin {
    margin: 0px 0px 5px 0px !important;
}

.row-last {
    margin-bottom: 25px !important;
}

.chosen-container-active .chosen-choices {
    border-color: #007461 !important;
    border-width: 2px !important;
    outline: none !important;
}

.chosen-container-active .chosen-single {
    border-color: #007461 !important;
    outline: none !important;
}

.chosen-container:focus-visible {
    border-color: #007461 !important;
    border-width: 2px !important;
    outline: none !important;
    box-shadow: none !important;
}
/*.chosen-container {*/
    /*border: none !important;*/
    /*box-shadow: none !important;
    font-size: 13px;
    background: url("/Content/newdesign/img/arrow_down_grey.png") no-repeat calc(100% - 10px) 50% #D8EAD7;*/
    /*background: #D8EAD7;*/
    /*border: none;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #D8EAD7;
    transition: border-color 0.5s linear;
    -webkit-transition: border-color 0.5s linear;
    -moz-transition: border-color 0.5s linear;
    -o-transition: border-color 0.5s linear;
    box-shadow: none;
    -webkit-box-shadow: none;
}*/
.chosen-container {
    box-shadow: none !important;
    font-size: 12px;
    background: url("/Content/newdesign/img/arrow_down_grey.png") no-repeat calc(100% - 10px) 50% #F7F8FA;
    border-radius: 10px;
    border: 1px solid #8D93AA;
    width: 100%;
    line-height: 16px;
    min-height: 34px;
    letter-spacing: 0.8px;
    font-weight: 700;
    color: #071621;
    transition: border-color 0.5s linear;
    -webkit-transition: border-color 0.5s linear;
    -moz-transition: border-color 0.5s linear;
    -o-transition: border-color 0.5s linear;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-right:15px !important;
}

.chosen-container-active .chosen-choices {
    border: none !important;
    box-shadow: none !important;
}

.chosen-choices {
    border: 0px solid #ddd !important;
    background: none !important;
    padding-top: 2px !important;
    padding-right: 30px !important;
    border-radius: 9px;
}

.chosen-container-single .chosen-single div {
    display: none;
}

.chosen-container-single .chosen-single span {
    margin: 0px;
    color: #071621;
}

.chosen-container-single .chosen-single {
    padding: 0 10px;
    border: 0px !important;
    line-height: 30px;
    height: 30px
}

.chosen-container-single .chosen-single {
    border-radius: 0px !important;
    border: 1px solid #ddd;
    background: none !important;
    box-shadow: none !important;
    padding-top: 0px;
    padding-left: 10px;
}

    .chosen-container-single .chosen-single {
        border-radius: 9px !important
    }

.chosen-container-single {
    width: 100% !important;
}

.chosen-container .chosen-results {
    background-color: #004652;
    margin: 0px;
    color: #fff;
    padding: 0px;
}
.chosen-container .chosen-drop{
    border:0px !important;
}

.chosen-container .chosen-results li.active-result {
    font-size: 11px;
}

/* #59802: account owner group header of the account dropdowns - title line
   ("Name (Id)") plus a small info line ("ZKPO 12345678 · address"), built by
   chosen.jquery.js result_add_group from the optgroup label */
.chosen-container .chosen-results li.group-result .group-title {
    display: block;
}

.chosen-container .chosen-results li.group-result .group-sub {
    display: block;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    color: #B5C9C0;
    white-space: normal;
}

/* #62085: the small second lines of the account owner (address under the
   name, info lines of the account / owner selectors) follow the font size
   modes like the rest of the form (.mediumfont x1.15, .bigfont x1.25) */
.mediumfont .chosen-container .chosen-results li.group-result .group-sub,
.mediumfont .dk-select .dk-option > .group-sub,
.mediumfont .dk-select .dk-selected > .group-sub {
    font-size: 11.5px;
    line-height: 15px;
}

.bigfont .chosen-container .chosen-results li.group-result .group-sub,
.bigfont .dk-select .dk-option > .group-sub,
.bigfont .dk-select .dk-selected > .group-sub {
    font-size: 12.5px;
    line-height: 16px;
}

.mediumfont #Label_AccountOwner .accowner-address,
.mediumfont .saved-data .accowner-address,
.mediumfont .chosen-container-single .chosen-single .chosen-sel-owner,
.mediumfont .chosen-container-single .chosen-single .chosen-sel-sub {
    font-size: 12.65px;
    line-height: 16px;
}

.bigfont #Label_AccountOwner .accowner-address,
.bigfont .saved-data .accowner-address,
.bigfont .chosen-container-single .chosen-single .chosen-sel-owner,
.bigfont .chosen-container-single .chosen-single .chosen-sel-sub {
    font-size: 13.75px;
    line-height: 17.5px;
}

/* #59802 v2: the account owner above the From account is 2 lines -
   name + ZKPO / tax code, then the address */
#Label_AccountOwner .accowner-line,
.saved-data .accowner-line {
    display: block;
    line-height: 16px;
}

#Label_AccountOwner .accowner-address,
.saved-data .accowner-address {
    font-size: 11px;
    line-height: 14px;
    color: #66707A;
}

/* #59802: the selected account in the account dropdowns is drawn in 2 lines -
   "account number / currency   Owner (Id)" and a small info line
   "ZKPO code · address · bank (MFO)" (renderer registered by the account
   selector partials, see chosen.jquery.js choice_label). The box grows to
   fit; both lines are clipped with an ellipsis instead of wrapping. */
.chosen-container-single .chosen-single:has(> span > .chosen-sel-main) {
    height: auto !important;
    min-height: 34px;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.chosen-container-single .chosen-single .chosen-sel-main {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single .chosen-sel-owner {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 13px;
    font-weight: 600;
    color: #313131;
}

.chosen-container-single .chosen-single .chosen-sel-sub {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
    color: #66707A;
}

/* #59802: account owner selectors (_AccownerSelector.cshtml, a dropkick widget
   with the dk-rich-options class): every option and the selected owner are a
   title line "Name (Id)" plus a small info line "ZKPO code · address"
   (dk.js richHtml). The option list is dark, the selected box is light. */
.dk-select .dk-option:has(> .group-title) {
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 4px;
}

.dk-select .dk-option > .group-title,
.dk-select .dk-selected > .group-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dk-select .dk-option > .group-sub,
.dk-select .dk-selected > .group-sub {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    color: #B5C9C0;
}

.dk-select:has(> .dk-selected > .group-title) {
    height: auto;
}

/* two-line options need a taller list than the default 10.5em, which showed
   only three and a half owners and scrolled the first one half out of view */
.dk-select .dk-select-options:has(> .dk-option > .group-title) {
    max-height: 24em;
}

.dk-select .dk-selected:has(> .group-title) {
    height: auto;
    min-height: 34px;
    line-height: 16px;
    padding-top: 4px !important;
    padding-bottom: 3px !important;
}

.dk-select .dk-selected > .group-sub {
    color: #66707A;
}

/* the selected owner text starts where the other fields' text starts (the chosen and
   the inputs sit at 10px; the dropkick default is 5px) */
.form-grid .dk-select .dk-selected {
    padding-left: 10px !important;
}

/* a section switch beside a header title (foreign payment: beneficiary data) */
.form-grid .form-header-row > .col-label:has(> .fg-section-switch) {
    display: flex;
    align-items: center;
    gap: 12px;
}

.form-grid .form-header-row .fg-section-switch {
    align-self: center;
    position: relative;
    top: 1px; /* on the centre line of the 14px title text */
}

/* #59802 v2: every checkbox of the transactional forms is drawn as the On/Off switch of the
   ultimate-party toggle (Toggle Small.svg: 24x16 track, 1.5px teal outline, 8px knob; ON =
   filled teal with the knob slid right). The native checkbox keeps its name, value, validation
   and knockout "checked" binding - only its look changes. The ultimate-party toggle itself
   (.switch-input, visually hidden behind .switch-track/.switch-knob) is left alone. */
.form-grid input[type="checkbox"]:not(.switch-input) {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    box-sizing: border-box;
    width: 24px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    /* the same 1.5px outline as the ultimate-party toggle's .switch-track; the knob is
       centred by a transform so border rounding cannot push it off the centre line */
    border: 1.5px solid #004652 !important;
    border-radius: 8px;
    background: transparent !important;
    vertical-align: middle !important;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

.form-grid input[type="checkbox"]:not(.switch-input)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2.5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #004652;
    transform: translateY(-50%);
    transition: transform 0.25s ease, background-color 0.25s ease;
}

.form-grid input[type="checkbox"]:not(.switch-input):checked {
    background: #004652 !important;
    border-color: #004652 !important;
}

.form-grid input[type="checkbox"]:not(.switch-input):checked::before {
    transform: translate(8px, -50%);
    background: #F7F8FA;
}

.form-grid input[type="checkbox"]:not(.switch-input):disabled,
.form-grid input[type="checkbox"]:not(.switch-input)[readonly] {
    cursor: default;
    opacity: 0.55;
}

.form-grid input[type="checkbox"]:not(.switch-input):focus-visible {
    outline: 2px solid #007461;
    outline-offset: 2px;
}

/* the switch sits on the label line of its row (16px high in a 34px row) */
.form-grid .col-data:has(.form-checkbox):not(:has(.form-control)) .input-group {
    padding-top: 9px;
}

.form-grid .fg-pair > .fg-pair-fit input[type="checkbox"] {
    vertical-align: top !important;
}

/* #59802 v2 (FX purchase): the word "or" between the two mutually exclusive amount
   fields - centred in the 48px column gap beside the left field; in the one-column
   layout it becomes a small line between the two rows, aligned with the fields */
.form-grid .form-row:has(> .fg-or-badge) {
    position: relative;
}

.form-grid .fg-or-badge {
    position: absolute;
    top: 9px;
    right: -24px;
    transform: translateX(50%);
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    color: #66707A;
    pointer-events: none;
}

@media (max-width: 1240px) {
    .form-grid .fg-or-badge {
        position: static;
        transform: none;
        display: block;
        width: 100%;
        /* centred over the fields: the span from the end of the 180px label column to the
           field's right edge (the 15px col-data padding) */
        padding-left: 180px;
        padding-right: 15px;
        text-align: center;
        /* equal space above and below: the row paddings leave 10px under the word */
        margin: 6px 0 -3px 0;
    }
}

@media (max-width: 767px) {
    .form-grid .fg-or-badge {
        padding-left: 0;
    }
}

/* the info line stays readable on the light-green selected / highlighted option */
.dk-select .dk-option-selected > .group-sub,
.dk-select .dk-option-highlight > .group-sub {
    color: #FFFFFF;
}

/* #59802 view forms: the display templates share the edit forms' 2-column grid;
   values are plain text in the edit fields' font - black on white, no boxes -
   aligned to the field baseline (34px row, text at 9px like an input's text). */
.form-grid .col-data > .input-group.saved-data,
.form-grid .col-data > .saved-data {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 16px;
    min-height: 34px;
    padding: 9px 10px 0 10px;
    color: #000000;
    width: 100%;
    word-break: break-word;
}

.form-grid .col-data > .input-group.saved-data .numeric {
    font-weight: 700;
}

/* a multiline value (MultilineText display template: Amount in words, remittance
   information, ...) sits on the label's line like every other value - the legacy
   5px top padding of its <p> pushed it below the label */
.form-grid .col-data > .saved-data > p.saved-multiline-padding {
    padding-top: 0 !important;
    margin: 0;
}

/* the template also sets an inline line-height of 19px (!important, so it cannot be
   overridden here) against the 16px of the other values: 1.5px less top padding keeps
   the text on the centre line of the label */
.form-grid .col-data > .saved-data:has(> p.saved-multiline-padding) {
    padding-top: 7.5px;
}

/* #62089: ".form-header-row + .form-row" drops the top padding of the first row under a
   section header; in the 2-column grid that row's right-hand partner is not the header's
   next sibling and kept its 5px, so it sat lower (FX purchase: Amount / Amount in UAH).
   The partner loses the padding too. */
.form-grid .form-header-row + .fg-left + .fg-right {
    padding-top: 0px !important;
}

/* #62109: the values of the view forms follow the font size modes
   (.mediumfont x1.15, .bigfont x1.25) - the generic .mediumfont .saved-data
   rules lose to the more specific grid rule above */
.mediumfont .form-grid .col-data > .input-group.saved-data,
.mediumfont .form-grid .col-data > .saved-data {
    font-size: 13.8px;
    line-height: 18.4px;
}

.bigfont .form-grid .col-data > .input-group.saved-data,
.bigfont .form-grid .col-data > .saved-data {
    font-size: 15px;
    line-height: 20px;
}
    /* .chosen-with-drop .chosen-drop{
        left:100%  !important;
        top:0%
}*/
    .chosen-container .chosen-results li.highlighted {
        background: #A0D7A2 !important;
    }

.iti__country-list {
    background-color: #064325 !important;
}

.iti__country.iti__highlight {
    background: #A0D7A2 !important;
    color: #fff;
    font-size: 11px;
}
.iti__dial-code {
    color: #ccc !important;
}

.iti__country {
    background: #064325;
    color: #fff;
    font-size: 11px;
}

.chosen-single-with-deselect abbr {
    top: 8px !important;
    right: 30px !important;
    width: 14px !important;
    height: 14px !important;
    background: url(/Content/newdesign/img/arrow_x_green.png) no-repeat !important;
}

.search-choice {
	border: none !important;
	border-radius: 13px !important;
	background: #8D93AA !important;
	background-image: none !important;
	background-color: #8D93AA !important;
	display: flex !important;
	padding: 2px 10px !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 5px !important;
}

    .search-choice span {
        color: #F7F8FA;
        text-align: center;
        /* Small-button - Badge */
        font-family: Manrope;
        font-size: 11px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        letter-spacing: 0.22px;
    }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 10px !important;
    position: initial !important;
    filter: brightness(1.7);
}

/*from global*/
.content {
    background: none repeat scroll 0% 0%;
    overflow: visible;
}

div.content {
    padding: 0px 0px 0px 0px;
    position: static;
    /* overflow: hidden;*/
    clear: both;
    margin: 0px auto 4px;
    /*width: 1100px; bootstrap containerbe rakom*/
    z-index: 10;
}

div.header {
    /*background-image: url('Images/header_tlo.png'); 
    background-repeat: no-repeat;*/
    position: relative;
    background-position: center top;
    z-index: 50;
    /*background-size:100% auto;*/
}

    div.header div.header-center {
        position: relative;
        overflow: visible;
        /*width: 1100px; bootstrap containerbe rakom  
    background-image: url('Images/header_center_tlo.png');border-bottom: 4px solid rgb(62, 66, 65);height: 139px;*/
        background-color: white;
        background-repeat: repeat-x;
        margin: 0px auto;
        z-index: 30;
    }

        /*div.header div.header-center div.header-center { 
    background-image: url('Images/header_center_center_tlo.png'); 
    background-repeat: no-repeat; 
    background-position: right bottom; 
    background-position-y: 22px;
    /*background-size:100% auto;
}
div.header div.header-center div.header-center div.header_logo1 { float: left; margin-left: 40px; margin-top: 26px; background-image: url('Images/ca_logo.png'); background-repeat: no-repeat; width: 230px; height: 30px; position: relative; overflow: hidden; }
div.header div.header-center div.header-center div.header_logo2 { float: left; margin-left: 32px; margin-top: 28px; background-image: url('Images/fb_logo.png'); background-repeat: no-repeat; width: 142px; height: 29px; position: relative; overflow: hidden; }
div.header div.header-center div.header-center div.info { float: right; position: relative; margin-top: 10px; background-image: url('Images/header_info_separator.png'); background-repeat: no-repeat; background-position: left top; color: rgb(75, 75, 75); }
div.header div.header-center div.header-center div.info a { color: rgb(76, 76, 76); display: block; margin-bottom: 2px; }
div.header div.header-center div.header-center div.info a span.info { color: rgb(0, 152, 94); }
div.header div.header-center div.header-center div.info.info-1 { padding-right: 18px; background-image: none; }
div.header div.header-center div.header-center div.info.info-2 { padding-left: 18px; padding-right: 18px; }
div.header div.header-center div.header-center div.info.info-3 { padding-right: 96px; padding-left: 18px; }
div.header div.header-center div.header-center div.info.info-3 div.logged { font-weight: bold; float: left; line-height: 17px; max-width: 160px; }
div.header div.header-center div.header-center div.info.info-3 div.company { color: rgb(163, 163, 163); clear: both; }
div.header div.header-center div.header-center div.shortcuts { position: absolute; overflow: visible; top: 114px; right: 46px; }
div.header div.header-center div.header-center div.shortcuts div.shortcut { float: right; line-height: 15px; padding-left: 22px; background-repeat: no-repeat; height: 15px; }
div.header div.header-center div.header-center div.shortcuts div.shortcut a { color: rgb(76, 76, 76); }
div.header div.header-center div.header-center div.info a.client { color: rgb(128, 128, 128); text-decoration: underline; }*/

        div.header div.header-center div.header_logo1 {
            float: left;
            margin-left: 40px;
            margin-top: 10px;
            background-image: url('/Content/Include/Images/ca_logo.png');
            background-repeat: no-repeat;
            width: 230px;
            height: 30px;
            position: relative;
            overflow: hidden;
        }

        div.header div.header-center div.header_logo2 {
            float: left;
            margin-left: 32px;
            margin-top: 28px;
            background-image: url('/Content/Include/Images/fb_logo.png');
            background-repeat: no-repeat;
            width: 142px;
            height: 29px;
            position: relative;
            overflow: hidden;
        }

        div.header div.header-center div.info {
            float: right;
            position: relative;
            margin-top: 10px;
            background-image: url('/Content/Include/Images/header_info_separator.png');
            background-repeat: no-repeat;
            background-position: left top;
            color: rgb(75, 75, 75);
        }

            div.header div.header-center div.info a {
                color: rgb(76, 76, 76);
                display: block;
                margin-bottom: 2px;
            }

                div.header div.header-center div.info a span.info {
                    color: rgb(0, 152, 94);
                }

            div.header div.header-center div.info.info-1 {
                padding-right: 18px;
                background-image: none;
                text-align: right;
            }

            div.header div.header-center div.info.info-2 {
                padding-left: 18px;
                padding-right: 18px;
            }

            div.header div.header-center div.info.info-3 {
                padding-right: 18px;
                padding-left: 18px;
            }

                div.header div.header-center div.info.info-3 div.logged {
                    font-weight: bold;
                    float: left;
                    line-height: 17px;
                    max-width: 160px;
                }

                div.header div.header-center div.info.info-3 div.company {
                    color: rgb(163, 163, 163);
                    clear: both;
                }
        /*div.header div.header-center div.header-center div.nawigacja { position: absolute; overflow: hidden; bottom: 6px; left: 45px; color: rgb(141, 141, 141); z-index: 1; }*/
        div.header div.header-center div.shortcuts {
            position: relative;
            overflow: visible;
            top: 0px;
            right: 46px;
        }

            div.header div.header-center div.shortcuts div.shortcut {
                float: right;
                line-height: 15px;
                padding-left: 22px;
                background-repeat: no-repeat;
                height: 15px;
            }

                div.header div.header-center div.shortcuts div.shortcut a {
                    color: rgb(76, 76, 76);
                }

        div.header div.header-center div.info a.client {
            color: rgb(128, 128, 128);
            text-decoration: underline;
        }


body {
    background-color: rgb(255, 255, 255);
    /*nem responsive a kép
       background-image: url('Images/tlo.png');
       background-position: 0px 0px; 
       background-repeat: repeat-x;
       --background-size:100% auto; ez nem repeated képekre lenne jó

        font: 12px/13px Arial,Tahoma,Verdana,"Arial CE";
       */
    min-width: 480px;
    font: 12px/13px "Manrope", sans-serif;
    text-align: left;
    margin: 0px;
    padding: 0px;
    color: black;
}

div.footer {
    position: relative;
    overflow: hidden;
    clear: both;
    margin: 0px auto;
    background-color: rgb(255, 255, 255);
    /*width: 1100px; bootstrap containerbe rakom*/
    font-size: 10px;
}

    div.footer div.support {
        background-color: rgb(0, 150, 152);
        color: rgb(255, 255, 255);
        padding: 10px 16px;
        position: relative;
        overflow: hidden;
    }

        div.footer div.support div.application {
            float: right;
        }

            div.footer div.support div.application span.version {
                padding-right: 9px;
                color: rgb(1, 151, 90);
                font-size: 10px;
            }

            div.footer div.support div.application span.ac {
                padding-left: 8px;
                color: white;
                font-size: 10px;
            }

        div.footer div.support div.address {
            float: left;
        }

/*div.footer div.dol { padding: 10px 16px; position: relative; overflow: hidden; }
div.footer div.dol a { color: rgb(179, 178, 178); text-decoration: none; }
div.footer div.dol a.selected_language { color: rgb(0, 0, 0); text-decoration: none; }
div.footer div.dol a:hover { text-decoration: underline; }
div.footer div.dol div.application { float: right; }
div.footer div.dol div.application span { padding-left: 10px; }
div.footer div.dol div.application span img { margin-top: 2px; margin-right: 5px; }*/

img, p, div {
    border: 0px none;
    margin: 0px;
    padding: 0px;
}

a {
    color: rgb(86, 86, 86);
    text-decoration: none;
}

.help-link {
    text-decoration: underline !important;
    padding-left: 3px;
    padding-right: 3px;
}

    .help-link:hover {
        color: white;
        background-color: #064325;
    }


#logout {
    height: 17px;
    width: 88px;
    margin-left: 6px;
    margin-bottom: 2px;
    float: left;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left center;
}

    #logout a {
        height: 17px;
        width: 88px;
        text-indent: -9999em;
        position: absolute;
    }

.sf-menu, .sf-menu * {
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
    font: bold 12px Tahoma,Arial,Verdana,"Arial CE";
    color: rgb(86, 86, 86);
}

.sf-menu {
    line-height: 1;
    list-style: none outside none;
    /*position: absolute;*/
    overflow: visible;
    left: 32px;
    top: 75px;
    padding: 0px;
    margin: 0px;
    z-index: 1000;
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 10em;
    }

        .sf-menu ul li {
            width: 100%;
            border-top: 1px solid rgb(227, 230, 229);
            border-right: 1px solid rgb(227, 230, 229);
            border-left: 1px solid rgb(227, 230, 229);
        }

    .sf-menu li:hover {
        visibility: inherit;
    }

    .sf-menu li {
        float: left;
        position: relative;
    }

    .sf-menu a, .sf-menu div {
        display: block;
        position: relative;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        left: 0px;
        top: 2.5em;
        z-index: 99;
    }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 14.6em;
    top: 0px;
}

.sf-menu {
    float: left;
    margin-bottom: 1em;
}

    .sf-menu a, .sf-menu div {
        border-top: 1px solid rgb(255, 255, 255);
        padding: 0.75em 0.85em;
        text-decoration: none;
        cursor: pointer;
    }
        /*.sf-menu div:hover { text-decoration: underline; }*/
        .sf-menu a, .sf-menu a:visited, .sf-menu div, .sf-menu div:visited {
            color: rgb(86, 86, 86);
        }

    .sf-menu li {
        display: inline;
        float: left;
        position: relative;
        background-image: url('Images/header_menu_separator.png');
        background-repeat: no-repeat;
        background-position: left center;
        margin: 0px;
        padding: 0px;
    }

        .sf-menu li li {
            margin: 0px;
            padding: 0px;
            background: none repeat-x scroll 0% 0% rgb(255, 255, 255);
            width: 175px;
        }

            .sf-menu li li a, .sf-menu li li div {
                font-size: 11px;
                cursor: pointer;
            }

                .sf-menu li li a:hover, .sf-menu li li div:hover {
                    color: rgb(0, 105, 77);
                    text-decoration: none;
                    cursor: pointer;
                }

            .sf-menu li li li a, .sf-menu li li li div {
                font-weight: normal;
            }

        .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:active, .sf-menu div:hover, .sf-menu div:active {
            outline: 0px none;
        }

        .sf-menu a:focus-visible, .sf-menu div:focus-visible {
            outline: 2px solid #007461 !important;
            outline-offset: 2px;
            border-radius: 4px;
        }

div.header .dropdown-toggle {
    padding: 5px 10px;
}

div.header .dropdown-menu {
    margin: 0px;
    padding: 0px;
}

    div.header .dropdown-menu > li {
        margin: 0px;
        font-size: 11px;
        padding: 0px;
    }

div.header .navbar-nav > li > a:hover, .dropdown-menu > li > a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #333;
    margin: 0px;
}

.dropdown-menu > li > a:focus-visible {
    background-color: transparent;
    text-decoration: underline;
    color: #333;
    margin: 0px;
    outline: 2px solid #007461 !important;
    outline-offset: 2px;
    border-radius: 4px;
}

div.header .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border: none;
}

div.header a:hover, a:focus {
    color: #333;
    outline: none;
}

a:focus-visible {
    outline: 2px solid #007461 !important;
    outline-offset: 2px;
    border-radius: 4px;
}

div.header span.icon-bar {
    background-color: black;
}


.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -15px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu:active > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: none;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.navbar-collapse.in {
    /*margin-top: 0px !important;*/
    /*background-color: white !important;*/
}
/*
.input-group-addon {
    font-size: 11px;
    height: auto;
    padding: 0px 12px;
    margin: 1px 0px;
    border: none;
    border-radius: 6px !important;
}



.input-group-addon:last-child {
    font-size: 11px;
    height: auto;
    padding: 0px 12px;
    margin: 1px 0px;
    border: none;
    border-radius: 6px;
}
*/
.showarea .showbox {
    display: none;
}

.active.showbutton + div[class="showbox"] {
    display: block;
}

div.content .btn-show {
    background-color: rgb(0, 150, 152);
    color: #FFF;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    line-height: 14px;
    border: 1px solid #057F50;
    box-shadow: none;
    margin: 0px 0px 5px 20px;
    padding: 0px 0px 0px 10px;
    font-size: 11px;
}

.active.btn-show {
    background-color: gray;
}




.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover,
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background-color: #eee;
}

.bootstrap-datetimepicker-widget {
    background-color: transparent;
    overflow: visible !important;
    z-index: 999999;
    /*right: 0px !important;
     left:auto !important;*/
}

/* #56727 Today / Clear actions rendered as text links in the date picker footer */
.bootstrap-datetimepicker-widget .picker-switch table {
    width: 100%;
}

.bootstrap-datetimepicker-widget .picker-switch td:first-child {
    text-align: left;
}

.bootstrap-datetimepicker-widget .picker-switch td:last-child {
    text-align: right;
}

.bootstrap-datetimepicker-widget .picker-switch td a.clicdp-textbtn {
    height: auto;
    line-height: normal;
    padding: 4px 8px;
    color: #007461;
    font-weight: 600;
    cursor: pointer;
}

    .bootstrap-datetimepicker-widget .picker-switch td a.clicdp-textbtn:hover {
        background: none;
        text-decoration: underline;
    }

.dxTableWrapper {
    overflow: auto !important;
    /* ReSharper disable once InvalidValue */
    word-break: break-word;
    width: 100%;
}

.dxgvDI {
    width: 36px !important;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    /*prevent horizontal scrollbar*/
}

.two-col-margin-fixed-left {
    padding: 0px 10px 0px 0px !important;
}

.two-col-margin-fixed-right {
    padding: 0px 0px 0px 10px !important;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 300px;
}

.ui-menu-item {
    font-size: 10px;
}

/*
.tooltip {
    white-space:pre;
}
*/

/* threecolumnautocomplete */
.threecolumnautocomplete li {
    display: table-row-group;
}

.threecolumnautocomplete a {
    display: table-row !important;
}

.threecolumnautocomplete .col {
    display: table-cell;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-bottom-width: 1px;
}

.tcaRight {
    text-align: right;
}

.threecolumnautocomplete .colheader {
    background-color: rgb(0, 150, 152);
    color: #ffffff;
    border-bottom-style: solid;
    border-bottom-color: #aaaaaa;
    border-bottom-width: 1px;
}

.ie7 .threecolumnautocomplete .col {
    display: block;
    float: left;
    width: 5em;
    overflow: hidden;
    white-space: nowrap;
}
/* END OF threecolumnautocomplete */


input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #064325 !important;
    margin: 5px 0px 0px 0px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    margin-top: 0px;
    width: 14px !important;
    height: 14px;
}
    input[type="checkbox"]:checked {
        background-color: #064325;
        background: url(/Content/newdesign/img/radio_checked.png) center center no-repeat;
        background-size: 17px;
    }
    input[type="checkbox"]:focus {
        outline: none;
        box-shadow: none;
    }

    input[type="checkbox"]:focus-visible {
        outline: 2px solid #064325;
        outline-offset: 2px;
    }
    


@media (max-width: 767px) {
    #logoRightTop {
        /* visibility:hidden;*/
    }

    

    .nav li {
        text-align: left !important;
        margin-left: 0px;
        border: none !important;
    }

    #languageBtn {
        float: none !important;
        text-align: left;
        margin-bottom: 10px;
        margin-left: 5px;
    }

    div#languageBtn.dropdown.pull-right.open {
        position: static !important;
    }

        div#languageBtn.dropdown.pull-right.open ul.dropdown-menu {
            margin-top: -30px;
            margin-right: 250px;
            float: left;
        }

    .dropdown-menu {
        color: #fff;
        margin-left: 20px;
        margin-right: 40px;
    }

    .dropdown .open .dropdown-toggle {
        font-weight: bold;
        font-size: 20px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

    .dropdown .dropdown-menu {
        padding-left: 2em;
        color: #fff;
    }

    .dropdown .dropdown-submenu {
        padding-left: 4em;
        color: #fff;
    }


    li.dropdown.open a.dropdown-toggle {
        font-weight: bold;
        color: #fff;
    }


    li.dropdown.open ul.dropdown-menu {
        padding-left: 2em;
        color: #fff;
    }

    .rtcurrency-tile-container {
        gap: 15px;
        padding: 0 10px;
    }

    .rtcurrency-tile {
        width: 100%;
        max-width: 320px;
    }
}

@media (min-width: 1440px) {
    /*
    #wrapper {
        width: 14400px;
        margin-left: auto;
        margin-right: auto;
    }

    #wrapper-header {
        width: 1226px;
        margin-right: auto !important;
        margin-left: auto !important;
        left: unset;
    }

    #sidebar-wrapper {
        left: unset;
    }*/
}

@media (max-width: 1200px) {

    .timer-bubble {
        margin-right: 26px;
    }



    #sidebar-wrapper {
        width: 20px;
        margin-left: -20px;
        left: 20px;
    }

    .chooserDialog {
        width: auto !important;
        max-width: 950px !important;
        min-width: 1000px !important;
    }

    .modal-body .dxgvTable_DxCLIC {
        width: auto !important;
        /* max-width: 940px !important; */
        min-width: 940px !important;
    }

    .helpChooserDialog {
        width: auto !important;
        max-width: 950px !important;
    }


    .two-col-margin-fixed-left {
        padding: 0px !important;
    }

    .two-col-margin-fixed-right {
        padding: 0px !important;
    }

    .dxTableWrapper {
        overflow: auto !important;
    }

    .form-horizontal .row {
        /*overflow-x: auto !important;*/
    }
    /*
    .dxgvTable_DxCLIC {
        min-width: 850px !important;   
    }

    .table-rounded-title {
        overflow: auto !important;
    }

    .table-rounded-title > div {
        min-width: 850px !important;
    }

    .table-rounded-title > table {
        min-width: 850px !important;
    }*/
}

/*
@media (max-width:1450px) {
        .headerLoginInfoContainer  {
        font-size: 10px;
        width: auto;
    padding-right: 0px;
        height: 40px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 17px;
    }

    .headerMessageInfoContainer {
        font-size: 10px;
        min-width: 235px;
        max-width: 235px;
    padding-right: 0px;
        height: 40px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 17px;
    }



    .headerLoginInfoTitle {
        font-size: 10px;
    }

    .headerLoginInfoType {
        font-weight: bold
    }
}*/



.secondary-form-bg {
    background-color: #f8fbf1 !important
}


.input-group-divided-l {
    padding: 0px 0px 0px 10px !important;
}

@media (max-width: 991px) {


    .filter-row .col-xs-12 > .col-xs-12 {
        padding: 0px !important;
    }


    .filter-row .col-sm-12 > .col-sm-12 {
        padding: 0px !important;
    }

    .input-group-divided-l {
        padding: 0px !important;
    }
}

@media (max-width:1100px) {
    .headerLoginInfoContainer {
        display: none
    }

    #headerLoginInfoContainerBeforeLine {
        display: none;
        width: 100px !important;
        overflow-y: auto
    }
}



@media (max-width:800px) {
    .headerMessageInfoContainer {
        display: none
    }

    #headerLoginInfoContainerBeforeLine {
        display: none
    }

    .headerMessageInfoContainerSmall {
        display: inherit !important;
        min-width: 70px !important;
        width: auto !important;
    }
}


@media (max-width: 767px) {
    .filter-row .col-xs-12 > .col-xs-12 {
        padding: 0px !important;
    }



    .errorMessagesfixed {
        width: 100%;
        position: fixed !important;
        bottom: 0px !important;
        margin-bottom: 0px !important;
        margin-right: -15px !important;
        padding-top: 15px !important;
        padding-left: 15px !important;
        padding-right: 20px !important;
        padding-bottom: 0px !important;
        background-color: rgb(0, 0, 0);
        -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
    }

    .actionbarfixed {
        width: 100%;
        position: fixed !important;
        bottom: 0px !important;
        margin-right: -15px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        padding-left: 15px !important;
        padding-right: 20px !important;
        background-color: rgb(238, 238, 238);
        -webkit-box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
    }

    .actionbarfixed-above {
        width: 100%;
        position: fixed !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px !important;
        margin-right: -15px !important;
        padding-top: 15px !important;
        padding-left: 15px !important;
        padding-right: 20px !important;
        background-color: rgb(238, 238, 238);
        -webkit-box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px -2px 0px rgba(50, 50, 50, 0.75);
    }
}


.ErrorInGridPreviewRowBefore {
    background-color: rgb(245,245,245) !important;
    color: rgb(236,111,109) !important;
}

    .ErrorInGridPreviewRowBefore > td {
        border-top: 1px solid rgb(236,111,109) !important;
    }

.CommentInGridPreviewRow {
    background-color: #2491BC;
    color: white !important;
    font-weight: normal;
    font-size: 11px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 72px;
    padding-right: 10px;
}

.SuccessInGridPreviewRow {
    background-color: #A0D7A2;
    color: white;
    font-weight: normal;
    font-size: 11px;
    /*text-transform: uppercase;*/
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 50px;
    padding-right: 10px;
}

.WarningInGridPreviewRow {
    background-color: rgb(255, 242, 185);
    color: black;
    font-weight: normal;
    font-size: 11px;
    /*text-transform: uppercase;*/
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 50px;
    padding-right: 10px;
}

.ErrorInGridPreviewRow {
    background-color: rgb(216,91,89) !important;
    color: white !important;
    font-weight: normal;
    font-size: 11px;
    /*text-transform: uppercase;*/
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 37px;
    padding-right: 10px;
}

#alertClose:hover {
    color: lightgray;
}

#alertMessage {
    word-wrap: break-word;
}

/*Validation*/
.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffdddd !important;
    background: #ffdddd !important;
}

select.input-validation-error:first-of-type ~ div.dk-select {
    border: 1px solid #ff0000 !important;
    background-color: #ffdddd !important;
    height: 34px;
}

select.input-validation-error:first-of-type ~ div.chosen-container {
    border: 1px solid #ff0000 !important;
    background: url("/Content/newdesign/img/arrow_down_grey.png") no-repeat calc(100% - 10px) 50% #ffdddd !important;
    height: 34px;
}

.input-validation-error-sticky {
    border: 1px solid #ff0000 !important;
    background-color: #ffdddd !important;
    background: #ffdddd !important;
}

select.green-arrow.input-validation-error {
    background: url('/Content/newdesign/img/arrow_down_green_chosen.png') no-repeat 100% 50% #ffdddd !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    font-size: 12px;
    background-color: white;
    position: absolute;
    border-radius: 15px;
    box-shadow: 1px 1px 1px gray;
}


.DevXListAdditional {
    position: absolute;
    left: 0px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;

    /*width: auto;
    padding-left: 20px;
    background-color: #fff;
    margin-left: 20px;
    margin-top: 0px;*/
}

.wrapBreak {
    white-space: nowrap;
    /*word-break: break-all;*/
    word-break: normal;
    word-wrap: break-word;
}

.sortMoveUp {
    margin-top: -5px;
}

.sortMoveDown {
    margin-top: 20px;
}

.sortMoveUp2 {
    vertical-align: text-top;
}

.sortMoveDown2 {
    vertical-align: bottom;
}


.row {
    /*background-color: #fff;*/
    margin-left: 0px;
    margin-right: 0px;
}


#sidebar-wrapper {
    overflow: hidden;
}

#page-content-wrapper {
    background-color: #ECEDF0;
    /*background-color: #313131;
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 5px;*/
}

body {
    /*background-color: #313131;*/
}

.sidemenu,
.sidemenu ul,
.sidemenu ul li,
.sidemenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.user-bg {
    background: #D8EAD7 !important;
    background-color: #D8EAD7 !important;
    border-left: 0px !important;
    color: #5f5f5f !important;
    padding-left: 15px !important;
    /*height: 25px !important;*/
}

.no-border-left {
    border-left: 0px !important;
}

.sidemenu {
    width: 220px;
    color: #00121E;
}

    .sidemenu ul ul {
        display: none;
    }

    .sidemenu > ul > li.active > ul {
        display: block;
    }

.align-right {
    float: right;
}

.sidemenu > ul > li > a {
    border-left: 5px solid #313131;
    padding: 14px 7px 12px 2px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    background: #fff;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

    .sidemenu > ul > li > a:before {
        content: "";
        background: #f0f0f0;
        position: absolute;
        /* bottom: 25%; */
        top: 0;
        height: 1px;
        width: 93%;
    }



.sidemenu > ul > li:first-child > a {
    border-top: 0px solid #f0f0f0;
}

.sidemenu > ul > li:last-child > a {
    border-bottom: 0px solid #f0f0f0;
}

.sidemenu > ul > li > a:hover {
    color: #333 !important;
    font-weight: bold;
}


.open-ind {
    display: none;
    color: #ec1d30;
    margin-left: -20px;
}

.sidemenu ul > li.has-sub.open > a > .open-ind {
    /*display: inline;*/
}

.sidemenu ul > li.has-sub.open > a {
    font-weight: bold;
}

.sidemenu ul ul li a {
    display: block;
    padding: 5px 25px 5px 38px;
    cursor: pointer;
    z-index: 2;
    font-size: 12px;
    text-decoration: none;
    min-height: 30px;
    color: #000;
    border-left: 5px solid #313131;
    background: #fff;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.menu-vertical {
    display: inline;
    vertical-align: middle
}

.sidemenu ul ul ul li a {
    padding-left: 32px;
}

.sidemenu ul ul li a:hover {
    color: #000;
    font-weight: bold;
}

.sidemenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #dddddd;
}

.sidemenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #dddddd;
}

.menu-icon {
    margin-right: 2px;
    height: 25px;
    width: 25px;
}

.btn-square {
}


.actionTopDiv {
    width: 40px;
    margin-top: 5px;
    cursor: pointer;
}

.actionTopElement {
    position: relative;
    background-position: top center;
    background-size: auto 25px;
    background-repeat: no-repeat;
    min-height: 45px;
}

    .actionTopElement span {
        padding-top: 25px;
        color: #5f5f5f;
        font-size: 7px;
        line-height: 8px;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        width: 100%;
    }

.actionFormElement {
    position: relative;
    background-position: top center;
    background-size: auto 27px;
    background-repeat: no-repeat;
    min-height: 45px;
}

    .actionFormElement span {
        padding-top: 25px;
        color: #fff;
        font-size: 7px;
        line-height: 8px;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        width: 100%;
    }



#topActionContainer #actionSelector {
    padding-bottom: 2px;
}

.green-text {
    color: #064325
}

.grey-text {
    color: black
}

.table-grey-header {
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    line-height: 10px;
    background-color: #a9a9a9 !important;
}

.table-black-title {
    background-color: rgb(221, 228, 233) !important;
    width: 100%;
    padding: 10px 20px 10px 20px;
    font-size: 9px;
    color: rgb(95, 95, 95);
    font-weight: 800;
    text-transform: uppercase;
}

.full-width {
    width: 100% !important;
}

.table-grey-data {
    background-color: #eaeaea !important;
    font-size: 11px !important;
    color: #313131;
    padding: 10px 15px !important;
    line-height: 14px;
}

.table-light-data {
    font-size: 11px !important;
    color: #313131;
    padding: 10px 15px !important;
    line-height: 14px;
    border-right: 1px solid #D8EAD7;
}



.table-light-bg {
    background-color: #fff;
}

    .table-light-bg tr:nth-child(even) {
        background-color: #D8EAD7;
    }

    .table-light-bg tr:nth-child(odd) {
        background-color: #fff;
    }

        .table-light-bg tr:nth-child(odd) .table-light-data:last-child {
            border-right: 0px;
        }

    .table-light-bg tr:nth-child(even) .table-light-data:last-child {
        border-right: 0px;
    }

.table-rowedit-data {
    font-size: 13px !important;
    padding: 10px 15px !important;
}

.tr-rowedit-data {
    background-color: #fff !important;
}

.filter-row-no-top-padding {
    padding-top: 0px !important;
}

    .filter-row-no-top-padding .control-label {
        margin-top: 2px !important;
    }


.tab-container {
    width: 100%;
}

    .tab-container ul {
        width: 100%;
        margin: 0px;
    }

        .tab-container ul li {
            float: left;
            width: 33%;
            text-align: center;
            padding-top: 26px;
            text-transform: uppercase;
            height: 70px;
            border-right: 1px solid #313131;
        }

.tab-container-ul-li-4 {
    width: 25% !important;
}

.tab-container-ul-li-5 {
    width: 20% !important;
}

.tab-container-ul-li-2 {
    width: 50% !important;
}

.tab-container ul li:last-child {
    width: 34%;
    border-right: 0px solid #313131;
}

.tab-container-ul-li-4:last-child {
    width: 25% !important;
}

.tab-container-ul-li-2:last-child {
    width: 50% !important;
}

.tab-container ul li a {
    font-size: 10px;
    color: #313131;
    text-decoration: none;
    cursor: pointer;
    /*padding: 30px;*/
}

.tab-active {
    background-color: #064325;
}

    .tab-active a {
        color: #fff !important;
        font-weight: bold;
    }

.filter-toggler-fixed + .col-sm-8 {
    min-height: 62px;
    border-left: 1px solid #000;
}


#topActionContainer .row {
    margin-bottom: 0px !important;
}

.footer-logintitle {
    display: block;
    font-weight: bold;
}

.footerContainer {
    background-color: #313131;
    position: fixed;
    bottom: 0px;
    width: 220px;
    padding: 8px 5px 5px 5px;
    z-index: 2;
}

    .footerContainer > div {
        text-align: center;
        margin-bottom: 8px;
    }

.square-inline-block {
    display: inline-block;
}
/*
div .btn-default {
    background: #F90082;
    background: -moz-linear-gradient(left, #F90082 0%, #a5204f 100%);
    background: -webkit-linear-gradient(left, #F90082 0%, #a5204f 100%);
    background: linear-gradient(to right, #F90082 0%, #a5204f 100%);
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
    border: 0px !important;
    color: #fff;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 13px;
    font-weight: bold;
    margin-top: 2px;
    border-radius: 5px;
    text-align: center;
    outline: none;
    font-size: 14px;
    text-transform: uppercase;
}

    div .btn-default:hover, .btn-default:focus {
        background: #a5204f;
        color: #fff;
    }

.btn-default:active {
    background: #a5204f;
    color: #fff;
    box-shadow: none;
}*/
.btn-square-logout {
    background: #F90082 !important;
    background: -moz-linear-gradient(left, #F90082 0%, #a5204f 100%) !important;
    background: -webkit-linear-gradient(left, #F90082 0%, #a5204f 100%) !important;
    background: linear-gradient(to right, #F90082 0%, #a5204f 100%) !important;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5) !important;
}

    .btn-square-logout:hover {
        background: #a5204f !important;
        border: 1px solid #a5204f !important;
    }

.btn-smaller {
    font-size: 11px !important;
    padding: 5px 10px !important;
}

.btn-square {
    cursor: pointer;
    border-radius: 5px;
    outline: none;
    background: #A0D7A2;
    background: -moz-linear-gradient(left, #A0D7A2 0%, #649230 100%);
    background: -webkit-linear-gradient(left, #A0D7A2 0%, #649230 100%);
    background: linear-gradient(to right, #A0D7A2 0%, #649230 100%);
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
    border: 0px !important;
    /*border: 1px solid #dcdcdc;*/
    width: 40px;
    height: 40px;
    margin-right: 4px;
}

    .btn-square:hover {
        background: #649230;
        border: 1px solid #A0D7A2;
    }

* > .btn-square:last-child {
    margin-right: 0px;
}

.btn-square > * {
    text-align: center;
    display: block;
}

.footer-color {
    color: #dcdcdc !important;
}

.middle {
    vertical-align: middle;
}

.centered {
    text-align: center;
}

.leftified {
    text-align: left;
}

.openHelp {
    cursor: pointer;
}



/* CSSTerm.com Flyout CSS menu */

#flyout_menu {
    width: 54px;
}

    #flyout_menu ul, #flyout_menu li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #flyout_menu ul li.hover,
        #flyout_menu ul li:hover {
            position: relative;
            z-index: 599;
        }

.flyout_hovered {
    position: relative;
    z-index: 599;
}

/*
.menu_resizable {
    overflow: scroll;
}*/



#flyout_menu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
}

#flyout_menu ul li:hover > ul {
    visibility: visible;
}

#flyout_menu ul ul {
    top: 0;
    left: 100%;
}

#flyout_menu span, #flyout_menu a {
    display: inline-block;
    text-decoration: none;
}

#flyout_menu li {
    background: #005555;
}

    #flyout_menu li:hover, #flyout_menu li.active {
        background: #5FD367;
    }

#flyout_menu a {
    color: #FFF;
}

#flyout_menu ul ul li {
    width: 200px;
    border-bottom: 0px solid #007171;
    border-left: 1px solid #eaeaea;
}

    #flyout_menu ul ul li:hover {
        background: #5FD367;
    }


    #flyout_menu ul ul li:first-child a {
        font-weight: bold;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #flyout_menu ul ul li:hover {
        font-weight: bold !important;
    }




#flyout_menu > ul > li > a {
    border-left: 5px solid #313131;
    padding: 12px 10px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    background: #fff;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

    #flyout_menu > ul > li > a:before {
        content: "";
        position: absolute;
        /* bottom: 25%; */
        top: 0;
        height: 1px;
        width: 93%;
    }



#flyout_menu > ul > li:first-child > a {
    border-top: 0px solid #f0f0f0;
}

#flyout_menu > ul > li:last-child > a {
    border-bottom: 0px solid #f0f0f0;
}

#flyout_menu > ul > li > a:hover {
    color: #333 !important;
    font-weight: bold;
}


#flyout_menu ul ul li a {
    display: block;
    padding: 5px 25px;
    cursor: pointer;
    z-index: 2;
    font-size: 13px;
    text-decoration: none;
    min-height: 30px;
    color: #000;
    border-left: 0px solid #313131;
    background: #fff;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}





#page-content-wrapper {
    min-width: 666px;
}

#narrowMenu {
    display: none;
}

@media (max-width:908px) {



    #narrowMenu {
        display: block;
    }

    #normalMenu {
        display: none;
    }

    #sidebar-wrapper {
        width: 54px;
        overflow: visible;
    }

    .footerContainer {
        width: 59px;
        position: relative;
    }

    #wrapper {
        padding-left: 54px;
    }

    #page-content-wrapper {
        min-width: 640px;
    }

    .header {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 15px !important;
    }
}

@media (min-width:908px) {
    #page-content-wrapper {
        min-width: 446px;
    }

    #wrapper {
        padding-left: 220px;
    }

    #sidebar-wrapper {
        width: 220px
    }
}

.mCSB_scrollTools .mCSB_draggerContainer {
    background: #A0D7A2;
}

.mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.mCSB_scrollTools {
    position: absolute;
    width: 10px !important;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 10px !important;
        border-radius: 0px !important;
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        width: 10px !important;
        border-radius: 0px !important;
        background: #A0D7A2 !important;
    }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #00797a;
}







.tooltip {
    z-index: 200000003;
    border-radius: 0px !important;
    min-width: 0px;
    opacity: 1 !important;
}

    .tooltip > .tooltip-inner {
        background: #004652 !important;
        -webkit-box-shadow: 0px 0px 3px 1px rgba(128,128,128,0.75);
        -moz-box-shadow: 0px 0px 3px 1px rgba(128,128,128,0.75);
        box-shadow: 0px 0px 3px 1px rgba(128,128,128,0.75);
        border-radius: 0px !important;
        padding: 10px !important;
        font-size: 12px !important;
        min-width: 130px;
        text-decoration: none !important;
        font-family: Manrope;
    }

    .tooltip.top .tooltip-arrow {
        border-top-color: #004652 !important;
    }

    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #004652;
    }

    .tooltip.left .tooltip-arrow {
        border-left-color: #004652;
    }

    .tooltip.right .tooltip-arrow {
        border-right-color: #004652;
    }

    /* Tooltips triggered from a single-action bar (class applied in _Layout.cshtml's
       show.bs.tooltip handler): the bar is fully opaque there, so the default
       #004652 tooltip would melt into it — use the palette green instead. */
    .tooltip.single-action-tooltip > .tooltip-inner {
        background: #007461 !important;
    }

    .tooltip.single-action-tooltip.top .tooltip-arrow {
        border-top-color: #007461 !important;
    }

    .tooltip.single-action-tooltip.bottom .tooltip-arrow {
        border-bottom-color: #007461 !important;
    }

    .tooltip.single-action-tooltip.left .tooltip-arrow {
        border-left-color: #007461 !important;
    }

    .tooltip.single-action-tooltip.right .tooltip-arrow {
        border-right-color: #007461 !important;
    }

.dxgvCommandColumnItem_DxCLIC {
	text-decoration: none !important;
}


#cbEmpty {
    background-color: #dde4e9;
    width: 100% !important;
    display: block;
    padding: 20px 0px;
    text-align: center;
    /*color: #fff;*/
}

#cbMessage {
    background-color: #064325;
    width: 100% !important;
    display: block;
    text-align: center;
    color: rgb(86, 86, 86);
}

    #cbMessage > * {
        background-color: #A0D7A2;
        min-height: 53px;
    }

#cbTotal {
    text-align: right;
}



tr.checked td {
    position: relative;
    background: #d9ece1 !important;
    color: rgb(169, 196, 188) !important;
    border: none !important;
}

    tr.checked td span {
        color: rgb(169, 196, 188) !important;
    }

tr.checked img {
    opacity: 0.2;
}

.checkedText {
    color: transparent;
}

tr.checked .checkedText {
    color: #004652 !important;
    text-transform: uppercase;
    font-family: ManropeBold;
}

tr.checked td:first-child {
    background-color: #d9ece1 !important;
}

.cbText {
    color: rgb(86, 86, 86);
    width: 100% !important;
    display: block;
    padding: 20px 0px;
    /*font-weight: bold;*/
    font-family: ManropeBold;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
}

.cbToggler {
    font-weight: normal;
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
    padding: 20px 0px;
    display: block;
    text-align: left;
    border: none;
    background: none;
}

#cbEmpty > span {
    border-bottom-width: 0px;
    text-transform: uppercase;
    font-size: 10px;
}

.dateFilter + .input-group {
    padding-right: 0px !important;
}

tr.checked td:not(:first-child) {
    position: relative;
    border: none;
}

    tr.checked td:not(:first-child):after {
        content: "";
        /*background: #C7E8DF;*/
        position: absolute;
        /*opacity: 0.8;*/
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

span.row-checked-label {
    position: absolute;
    top: 0;
    left: 50px;
    z-index: 9999;
    color: black;
    width: 500px;
    height: 100%;
    display: none;
    text-align: left;
}

tr.checked span.row-checked-label {
    display: block;
}



tr.checked span.row-checked-label {
    display: block;
}

span.row-checked-label {
    position: absolute;
    top: 0;
    left: 50px;
    z-index: 2;
    color: black;
    width: 500px;
    height: 100%;
    display: none;
    text-align: left;
}

.dxp-current {
    /*height: 20px;*/
    background-color: #D8EAD7 !important;
    text-align: center;
    vertical-align: middle;
    padding: 5px 8px !important;
    margin-top: 2px;
    min-width: 35px;
    color: black !important;
}

.dxp-pageSizeItem {
    font-size: 9px;
    color: black;
    padding: 0px;
    margin: 0px;
    height: 20px;
}

.dxpLite_DxCLIC .dxp-comboBox {
    display: inline-block;
    background-color: #ebebeb;
    border: none !important;
    margin-top: -1px !important;
}

.dxp-dropDownButton {
    display: none !important;
}

/*.dxpLite_DxCLIC .dxp-comboBox {
    background-color: #ebebeb;
}
*/

.dxpLite_DxCLIC .dxp-comboBox input {
}

.dxp-pageSizeItem {
    width: 100px;
}

    .dxp-pageSizeItem span.dxp-comboBox input {
        border: 1px solid rgb(141, 147, 170) !important;
        border-radius: 10px;
        line-height: 16px;
        letter-spacing: 0.8px;
        padding: 6px;
        margin-top: -1px;
        width: 50px;
        height: 24px;
        text-align: center;
        display: inline-block;
        background: #F7F8FA;
        /*padding: 0px 20px 0px 5px !important;
        height: 20px !important;
        width: 50px !important;
        color: #666666 !important;
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        -moz-appearance: none;
        appearance: none;
        margin: 0px !important;
        background: url('/Content/newdesign/img/arrow_down_green_chosen.png') no-repeat 100% 50% #D8EAD7 !important;
        background-size: 11px 7px;*/
    }
.dxgvPagerTopPanel_DxCLIC .dxm-popupMain.dxm-popup {
    width: 50px !important;
}
.dxgvPagerBottomPanel_DxCLIC .dxm-popupMain.dxm-popup {
    width: 50px !important;
}
.dxgvPagerTopPanel_DxCLIC .dxp-pageSizeItem {
    float: right;
}
.dxgvPagerBottomPanel_DxCLIC .dxp-pageSizeItem {
    float: right;
}
.dxmLite_DxCLIC > div {
    z-index: 999999999 !important;
}

.dxmLite_DxCLIC .dxm-item {
    text-align: left !important;
}

/* Popup menu (used in lists) */
.dxmLite_DxCLIC .dxm-popupMain.dxm-popup {
    background-color: #2b5f72 !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    padding: 4px 0 !important;
    font-family: 'Manrope', sans-serif !important;
    overflow: hidden !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dx.dxm-gutter {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
.dxmLite_DxCLIC .dxm-popup .dxm-spacing {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    display: none !important;
}
.dxmLite_DxCLIC .dxm-popup .dxm-separator {
    padding: 0 !important;
    display: none !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dxm-item {
    border: none !important;
    background-color: transparent !important;
    background: transparent !important;
    transition: background 0.2s ease !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dxm-item:hover:not(.dxm-disabled) {
    background: rgba(255, 255, 255, 0.15) !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dxm-item .dxm-content {
    background-color: transparent !important;
    background: transparent !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dxm-item img {
    width: 14px !important;
    padding-top: 3px;
    padding-bottom: 3px;
    filter: brightness(0) invert(1) !important;
}

.boxOnForm .dxmLite_DxCLIC .dxm-popupMain .dxm-item img{
width: 14px !important;
}

.dxmLite_DxCLIC .dxm-popupMain .dxm-content {
    padding: 6px 28px 6px 15px !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dxm-contentText {
    color: #ffffff !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dxm-item.dxm-disabled .dxm-contentText {
    color: rgba(255, 255, 255, 0.5) !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dxm-item.dxm-disabled img {
    opacity: 0.5 !important;
}
.dxmLite_DxCLIC .dxm-popupMain .dxm-item.mnuSelection {
    background: rgba(255, 255, 255, 0.1) !important;
}
/* End of Popup menu (used in lists) */

.dxgvPagerTopPanel_DxCLIC .dxmLite_DxCLIC .dxm-item {
    text-align: right !important;
}
.dxgvPagerBottomPanel_DxCLIC .dxmLite_DxCLIC .dxm-item {
    text-align: right !important;
}

.dxgvFilterRow_DxCLIC {
    background-color: #fff !important;
}

    .dxgvFilterRow_DxCLIC td {
        vertical-align: middle;
    }

/*.dxgvPagerTopPanel_DxCLIC{
    background-color:transparent !important;
}
*/
.dxeTextBox_DxCLIC, .dxeButtonEdit_DxCLIC, .dxeIRadioButton_DxCLIC, .dxeRadioButtonList_DxCLIC, .dxeCheckBoxList_DxCLIC {
    border: 0px !important;
    background-color: #e5e5e5 !important;
    height: 25px;
    padding-top: 3px;
}

    .dxeTextBox_DxCLIC .dxeEditArea_DxCLIC {
        background-color: #e5e5e5 !important;
    }

    .dxeButtonEdit_DxCLIC .dxeEditArea_DxCLIC {
        background-color: #e5e5e5 !important;
        border-radius: 0px !important;
    }

.dxeButtonEditButton_DxCLIC, .dxeCalendarButton_DxCLIC, .dxeSpinIncButton_DxCLIC, .dxeSpinDecButton_DxCLIC, .dxeSpinLargeIncButton_DxCLIC, .dxeSpinLargeDecButton_DxCLIC, .dxeColorEditButton_DxCLIC {
    background-color: #e5e5e5 !important;
}

.dxEditors_edtDropDown_DxCLIC {
    background-image: url('/Content/newdesign/img/arrow_down_grey.png') !important;
    background-position: 50% 50% !important;
    width: 16px !important;
}

.dxeButtonEditButton_DxCLIC.dxeButtonEditClearButton_DxCLIC {
    display: none !important;
}

/*
.dxp-pageSizeItem {
    font-size: 9px;
    color: #b6b6b6;
}
*/


/*
.dxp-comboBox {
    font-size: 10px;
}*/

.dxp-num {
    font-size: 10px;
    color: #b6b6b6;
}

/*.dxWeb_pNext_DxCLIC {
    background: none;
    background-image: url('/Content/newdesign/img/arrow_right_green.png') !important;
    background-position: 50% 50% !important;
}

.dxWeb_pNextDisabled_DxCLIC {
    background: none;
    background-image: url('/Content/newdesign/img/arrow_right_grey.png') !important;
    background-position: 50% 50% !important;
}

.dxWeb_pPrev_DxCLIC {
    background: none;
    background-image: url('/Content/newdesign/img/arrow_left_green.png') !important;
    background-position: 50% 50% !important;
}

.dxWeb_pPrevDisabled_DxCLIC {
    background: none;
    background-image: url('/Content/newdesign/img/arrow_left_grey.png') !important;
    background-position: 50% 50% !important;
}
*/

/*.dxgvPagerBottomPanel_DxCLIC .dxp-summary {
    display: none;
}

.dxgvPagerBottomPanel_DxCLIC .dxp-pageSizeItem {
    position: relative;
}

.dxtlPagerBottomPanel_DxCLIC label,
.dxgvPagerBottomPanel_DxCLIC label {
    font-size: 9px !important;
    font-weight: normal !important;
    color: black;
}

.dxgvPagerBottomPanel_DxCLIC .dxp-ellip {
    display: none;
}
*/

.input-group.date {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.dxGridView_gvDetailCollapsedButton_DxCLIC, .dxTreeList_CollapsedButton_DxCLIC, .dxGridView_gvCollapsedButton_DxCLIC {
    width: 0px !important;
    height: 0px !important;
    padding: 13px !important;
    background: url('/Content/newdesign/img/arrow_down_grey.png') center no-repeat !important;
}

.dxGridView_gvDetailExpandedButton_DxCLIC, .dxTreeList_ExpandedButton_DxCLIC, .dxGridView_gvExpandedButton_DxCLIC {
    width: 0px !important;
    height: 0px !important;
    padding: 13px !important;
    background: url('/Content/newdesign/img/arrow_up_green.png') center no-repeat !important;
}

#gvPaymentListSelected_DXMainTable .dxgvDataRow_DxCLIC td {
    background-color: #dde4e9 !important;
    color: black !important;
    border-bottom: 1px solid #fff;
    font-family: ManropeBold;
}



#gvPaymentListSelected_DXMainTable .dxgvHeader_DxCLIC {
    background-color: #D8EAD7 !important;
    color: black;
    font-family: ManropeBold;
}

#gvPaymentListSelected_DXMainTable {
    border-bottom: 3px solid #D8EAD7;
    /*table-layout: auto !important;*/
}


#gvPaymentListSelected .dxgvPreviewRow_DxCLIC {
    /* display: none*/
}


/*-*/

#gvPaymentListGroupSelected_DXMainTable .dxgvDataRow_DxCLIC td {
    background-color: #dde4e9 !important;
    color: black !important;
    border-bottom: 1px solid #fff;
    font-family: ManropeBold;
}



#gvPaymentListGroupSelected_DXMainTable .dxgvHeader_DxCLIC {
    background-color: #D8EAD7 !important;
    color: black;
    font-family: ManropeBold;
}

#gvPaymentListGroupSelected_DXMainTable {
    border-bottom: 3px solid #D8EAD7;
    /*table-layout: auto !important;*/
}


#gvPaymentListGroupSelected .dxgvPreviewRow_DxCLIC {
    /* display: none*/
}

/*-*/

.checked + .dxgvPreviewRow_DxCLIC {
    display: none
}

.total-green {
    color: black;
    font-size: 10px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.total-table-align {
    margin-left: 85px;
    margin-top: -12px;
}

.total-table-col-left-padding {
    padding-left: 5px;
}

.bankInfo {
    z-index: 999;
    float: right;
    text-align: right;
    margin-right: 40px;
    margin-top: -30px;
    position: relative;
    color: #b6b6b6;
    font-size: 11px;
    background: #D8EAD7;
    height: 29px;
    line-height: 30px;
    border-bottom: 1px solid #D8EAD7;
}

.bankInfoSeparated {
    text-align: left !important;
    width: 100% !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    padding-left: 10px !important;
}

.balanceInfo {
    z-index: 999;
    float: right;
    /*text-align: right;
    margin-right: 40px;
    margin-top: -30px;*/
    position: relative;
    /*color: #b6b6b6;*/
    font-size: 11px;
    /*background: #D8EAD7;*/
    height: 28px;
    /*line-height: 30px;*/
    border-bottom: 0px solid #D8EAD7;
    z-index: 1000;
    text-align: left !important;
    width: 100% !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    padding-left: 10px !important;
    padding-top: 5px !important;
}

.balanceInfoSeparated {
    text-align: left !important;
    width: 100% !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    padding-left: 10px !important;
}

/* #59802 review: the read-only bank name/address shown under the SWIFT code of a
   foreign payment is a note, not a field — small type, no box — like the balance
   under an account, so the SWIFT row stays as tall as the beneficiary country
   beside it instead of pushing the right column down. */
.form-grid #bankNameContainer textarea.bankNameAndAddressReaodOnly {
    height: 60px;
    min-height: 0;
    padding: 2px 10px;
    font-size: 11px;
    line-height: 14px !important;
    border: none;
    background: transparent;
    box-shadow: none;
    resize: none;
}

/* #59802 review ("the currency must be included in the Amount field itself"):
   where the currency is read-only — a disabled/readonly textbox in the col-md-3
   slot of the amount widget, as on the FX, deposit and OneSWIFT forms — it is
   drawn INSIDE the amount box as a right-hand suffix instead of as a second box
   beside it. The amount input keeps all its own chrome and states (border,
   required tint, error); the currency box drops its chrome and is pulled over
   the input's right end. The editable currency <select> of the foreign payment
   does not match these selectors and keeps its own box. (_Layout swaps
   disabled → readonly on non-empty inputs, hence both attributes.) */
.form-grid .formAmountCurrencyEditable > .row:has(> .col-md-3 > input[disabled]),
.form-grid .formAmountCurrencyEditable > .row:has(> .col-md-3 > input[readonly]) {
    display: flex;
    align-items: stretch;
}

.form-grid .formAmountCurrencyEditable > .row:has(> .col-md-3 > input[disabled]) > .col-md-9,
.form-grid .formAmountCurrencyEditable > .row:has(> .col-md-3 > input[readonly]) > .col-md-9 {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
    float: none;
}

.form-grid .formAmountCurrencyEditable > .row:has(> .col-md-3 > input[disabled]) > .col-md-9 .form-control,
.form-grid .formAmountCurrencyEditable > .row:has(> .col-md-3 > input[readonly]) > .col-md-9 .form-control {
    padding-right: 68px;
    width: 100% !important; /* the legacy inline width:98% left the currency hanging past the box edge */
}

.form-grid .formAmountCurrencyEditable > .row > .col-md-3:has(> input[disabled]),
.form-grid .formAmountCurrencyEditable > .row > .col-md-3:has(> input[readonly]) {
    flex: 0 0 64px;
    width: 64px !important;
    margin-left: -64px !important;
    float: none;
    position: relative;
    z-index: 4; /* above the focused input (bootstrap: z-index 3) */
    display: flex;
    align-items: center;
    pointer-events: none;
}

.form-grid .formAmountCurrencyEditable > .row > .col-md-3 > input.form-control[disabled],
.form-grid .formAmountCurrencyEditable > .row > .col-md-3 > input.form-control[readonly] {
    width: 100% !important;
    height: auto;
    padding: 0 8px 0 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: right;
    font-weight: 600;
    color: #313131;
}

/* #59802 v2: the same read-only-currency-inside-the-box treatment for amounts
   built as input + .input-group-addon (the domestic amount partial, FX contract
   cards). The addon drops its chrome and is pulled over the input's right end. */
.form-grid .formAmountContainer:has(> .input-group-addon.fg-currency-addon),
.form-grid .formAmountContainer:has(> .input-group-addon.input-contracts-currency) {
    display: flex;
    align-items: center;
}

.form-grid .formAmountContainer > .form-control:has(+ .input-group-addon.fg-currency-addon),
.form-grid .formAmountContainer > .form-control:has(+ .input-group-addon.input-contracts-currency) {
    flex: 1 1 0;
    min-width: 0;
    width: 100% !important;
    padding-right: 68px;
}

.form-grid .formAmountContainer > .input-group-addon.fg-currency-addon,
.form-grid .formAmountContainer > .input-group-addon.input-contracts-currency {
    flex: 0 0 64px;
    width: 64px;
    margin-left: -64px;
    height: auto;
    line-height: 1;
    padding: 0 8px 0 0;
    text-align: right;
    font-weight: 600;
    color: #313131;
    background: transparent !important;
    border: none !important;
    position: relative;
    z-index: 4; /* above the focused input (bootstrap: z-index 3) */
    pointer-events: none;
}

/* #59802 v2 ("search buttons integrated in the field"): a button that opens
   a search modal (beneficiary advanced search, SWIFT / correspondent SWIFT
   search, ASPSP agent search) is drawn INSIDE the right end of its field on
   the grid forms instead of as a pill beside it. The addon leaves the flow
   (absolute, over the field's top 34px), the field is full width with room
   kept under the button, and a validation message can still wrap under the
   field. The non-modal addon buttons (VAT default, details refresh) are not
   matched and keep their place. */
.form-grid .col-data .input-group:has(> .form-control):has(> .input-group-addon.searcher-no-bkg > .btn-addon-searcher[data-toggle="modal"]) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    position: relative;
}

.form-grid .col-data .input-group:has(> .input-group-addon.searcher-no-bkg > .btn-addon-searcher[data-toggle="modal"]) > .form-control {
    flex: 1 1 0;
    min-width: 0;
    width: 100% !important;
    padding-right: 118px !important;
}

.form-grid .col-data .input-group > span.input-group-addon.searcher-no-bkg:has(> .btn-addon-searcher[data-toggle="modal"]) {
    position: absolute !important;
    right: 7px !important;
    top: 0;
    height: 34px;
    width: auto !important;
    display: flex;
    align-items: center;
    padding: 0 !important;
    margin: 0;
    line-height: 1;
    z-index: 4; /* above the focused input (bootstrap: z-index 3) */
    background: transparent !important;
}

.form-grid .col-data .input-group > span.input-group-addon.searcher-no-bkg > .btn-addon-searcher[data-toggle="modal"],
.form-grid .col-data .input-group > .fg-infield-actions .btn-addon-searcher {
    width: auto !important;
    min-height: 0;
    height: 22px;
    padding: 0 8px;
    line-height: 20px;
    font-size: 9px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    white-space: nowrap;
    border-width: 1px;
    border-radius: 6px;
    /* no background here: the base rule is white, and the :disabled rule
       (gray pill, white caption - until a debit account is chosen) must win */
}

.form-grid .col-data .input-group > span.input-group-addon.searcher-no-bkg > .btn-addon-searcher[data-toggle="modal"] > .btn-advanced-search,
.form-grid .col-data .input-group > .fg-infield-actions .btn-advanced-search {
    display: inline;
    white-space: nowrap;
}

/* the remittance details SELECT + ADD pair (_DetailsFunctions.cshtml) sits
   inside the right end of the details textarea the same way; the wrapper is
   positioned as one group so the two pills never overlap */
.form-grid .col-data .input-group:has(> .form-control):has(> .fg-infield-actions) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    position: relative;
}

.form-grid .col-data .input-group:has(> .fg-infield-actions) > .form-control {
    flex: 1 1 0;
    min-width: 0;
    width: 100% !important;
    padding-right: 128px !important;
}

/* the textarea is height:auto (min 30px, JS auto-height), so a fixed-height
   absolute overlay cannot be centred on it; instead the wrapper is a zero-width
   flex item on the textarea's own line, centred by the line, and its pills
   overflow leftwards over the field's right end */
.form-grid .col-data .input-group > .fg-infield-actions {
    flex: 0 0 0px;
    width: 0;
    align-self: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    overflow: visible;
    transform: translateX(-7px);
    position: relative;
    z-index: 4; /* above the focused input (bootstrap: z-index 3) */
}

.form-grid .col-data .input-group > .fg-infield-actions > .input-group-addon.searcher-no-bkg {
    position: static !important;
    width: auto !important;
    height: auto;
    padding: 0 !important;
    margin: 0;
    line-height: 1;
    background: transparent !important;
}

/* #59802 v2: a "pair" cell - two fields sharing one half-column cell (the spec's
   quarter columns: "Own payment | Beneficiary account", "Beneficiary name |
   residency", "Country | ZIP"). The row's own label stays in the label column;
   the second field carries a small inline caption. .fg-pair-fit is for a
   checkbox that only needs its own width. */
.form-grid .fg-pair {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100% !important;
}

/* the checkbox sits on the row's label line (the 34px label cell centres its
   14px text at 10px); the tab-content / global checkbox margins that pushed it
   down are cancelled, as is the empty validation placeholder beside it */
.form-grid .fg-pair > .fg-pair-fit {
    flex: 0 0 auto;
    padding-top: 9px; /* 16px switch centred on the 34px row (17px), like the label and the field */
    line-height: 16px;
}

.form-grid .fg-pair > .fg-pair-fit input[type="checkbox"] {
    margin: 0 !important;
    vertical-align: top !important;
}

.form-grid .fg-pair > .fg-pair-fit > .field-validation-valid {
    display: none !important;
}

.form-grid .fg-pair > .fg-pair-cell {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

/* caption directly after the checkbox, flush left and only as wide as its
   text, so the field beside it gets the rest of the cell */
.form-grid .fg-pair .fg-pair-label {
    flex: 0 0 auto;
    max-width: 45%;
    width: auto;
    margin: 0;
    padding: 10px 0 0 0;
    color: #66707A;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: left !important;
    white-space: normal;
}

.form-grid .fg-pair .fg-pair-field {
    flex: 1 1 0;
    min-width: 0;
}

.form-grid .fg-pair .fg-pair-field .input-group,
.form-grid .fg-pair .fg-pair-field .chosen-container {
    width: 100% !important;
}

/* (5) a validation message rendered inside the field's own input-group (the
   SWIFT beneficiary account partial) goes UNDER the field, not beside it */
.form-grid .fg-pair .fg-pair-field .input-group > .field-validation-error,
.form-grid .col-data .input-group:has(> .form-control) > .field-validation-error {
    display: block !important;
    clear: both;
    width: 100%;
    margin: 2px 0 0 0 !important;
}

/* radio options inside a pair cell (beneficiary residency): the legacy markup
   lays them out with bootstrap percentage columns, which overlap in a quarter
   cell - here they are a compact inline row instead */
.form-grid .fg-pair .fg-pair-field .input-group:has(> [class*="col-md-"] .radio-btn-option-kmk) {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px 6px;
}

.form-grid .fg-pair .fg-pair-field .input-group:has(> [class*="col-md-"] .radio-btn-option-kmk) > [class*="col-md-"] {
    float: none;
    flex: 0 0 auto;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap;
}

.form-grid .fg-pair .fg-pair-field .input-group:has(> [class*="col-md-"] .radio-btn-option-kmk) > [class*="col-md-"] + [class*="col-md-"] + [class*="col-md-"] {
    margin-left: 10px !important;
}

@media (max-width: 767px) {
    .form-grid .fg-pair,
    .form-grid .fg-pair > .fg-pair-cell {
        flex-wrap: wrap;
    }
}

/* #59802 v2 ("PAYMENTS: Template selector should be highlighted a bit above the
   form"): the create-from-template row sits in a tinted band of its own */
.form-grid > .fg-template-band {
    grid-column: 1 / -1;
    background: #F3F7F4;
    border-radius: 10px;
    padding: 6px 12px 2px 12px;
    margin: 4px 0 8px 0;
}

.form-grid > .fg-template-band .form-row > .col-label {
    color: #000000;
    font-weight: 600;
}

#FrenchFlag {
    background-image: url('/Content/newdesign/img/french-flag.png');
}

#UkrainianFlag {
    background-image: url('/Content/newdesign/img/ukrainian-flag.png');
}

#EnglishFlag {
    background-image: url('/Content/newdesign/img/english-flag.png');
}

#UnknownFlag {
    background-image: url('/Content/newdesign/img/unknown-flag.png');
}

.lang-flag {
    width: 29px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    float: left;
    margin-left: 11px;
}

.netbalanceRealTime {
    font-weight: 700;
    color: #064325;
}


#waiterModal .modal-dialog {
    margin: 300px auto;
    width: 400px;
}

#waiterModal .modal-content {
    border-radius: 10px !important;
    border: 0px !important;
    overflow: hidden;
}

#waiterModal .modal-header {
    border-bottom: 0px !important;
    padding: 15px 15px 15px 15px !important;
    /*background-color: #064325 !important;*/
    background-color: #fff !important;
    color: #000 !important;
    font-size: 13px !important;
}

#waiterModal .modal-title {
    font-size: 13px !important;
}

#waiterModal .modal-body {
    padding: 0px 15px 0px 15px !important;
}

#waiterModal span {
    font-size: 10px;
    position: relative;
    margin-top: -35px;
    width: 100%;
    float: left;
    color: #ddd;
    font-weight: bold;
}

.dxgvDetailCell_DxCLIC .control-label {
    /*font-weight: 700 !important;
            text-transform: uppercase;*/
    padding-right: 0px !important;
}

.dxgvDetailCell_DxCLIC .form-group {
    padding: 12px 0;
    border-bottom: 1px solid #dde4e9;
}

.dxgvDetailCell_DxCLIC td {
    border-bottom: 0px !important;
}

.dxgvDetailCell_DxCLIC .form-control-account {
    height: 20px;
    color: black;
    padding: 0 10px;
    width: 65%;
    font-size: 12px;
    background: #F7F8FA;
    /* background: #D8EAD7; */
    border-radius: 10px !important;
    border: 1px solid #8D93AA;
}

.dxgvDetailCell_DxCLIC .alias-btn {
text-decoration: none;
    cursor: pointer;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    border: 1px solid #007461;
    font-size: 11px;
    font-family: Manrope;
    font-weight: 600;
    color: #007461;
    letter-spacing: 0.22px;
    background-color: #fff;



}

.alias-editor .control-label {
    display: inline-block;
}

/* #52685 Layout fixes - Alias editor: margin between label and input */
.dxgvDetailCell_DxCLIC #AliasEditor {
    margin-top: 0px;
}

.dxtlHeader_DxCLIC, .dxgvHeader_DxCLIC, .dxgvSelectedRow_DxCLIC, .dxgvDataRow_DxCLIC, .dxtlNode_DxCLIC, .dxtlSelectedNode_DxCLIC {
    height: 40px !important;
    font-family: 'Manrope';
}

/* #58183 UIX - DXR.axd theme sets column captions to 9px — must out-specify it so captions
   are at least as big as the 11px data cells (.mediumfont/.bigfont rules still win by source order) */
.dxgvControl_DxCLIC .dxgvHeader_DxCLIC,
.dxtlControl_DxCLIC .dxtlHeader_DxCLIC {
    font-size: 11px;
    line-height: 13px;
}

    .dxgvDataRow_DxCLIC td {
        font-size: 11px;
        color: black;
        /*padding: 10px 15px !important;*/
        line-height: 14px;
    }

    .dxtlNode_DxCLIC td, .dxtlSelectedNode_DxCLIC td {
        color: black;
    }

    /* DXR.axd theme colors cells via ".dxgvDataRow_DxCLIC td.dxgv" (#313131) — must out-specify it */
    .dxgvControl_DxCLIC .dxgvDataRow_DxCLIC td.dxgv,
    .dxgvControl_DxCLIC .dxgvDataRowAlt_DxCLIC td.dxgv,
    .dxgvControl_DxCLIC .dxgvSelectedRow_DxCLIC td.dxgv,
    .dxgvControl_DxCLIC .dxgvFocusedRow_DxCLIC td.dxgv,
    .dxgvControl_DxCLIC .dxgvEditFormDisplayRow_DxCLIC td.dxgv,
    .dxtlControl_DxCLIC .dxtlNode_DxCLIC td.dxtl,
    .dxtlControl_DxCLIC .dxtlAltNode_DxCLIC td.dxtl,
    .dxtlControl_DxCLIC .dxtlSelectedNode_DxCLIC td.dxtl,
    .dxtlControl_DxCLIC .dxtlFocusedNode_DxCLIC td.dxtl {
        color: black;
    }

        .dxgvDataRow_DxCLIC td:nth-child(1),
        .dxgvDataRow_DxCLIC td:nth-child(2) {
            border-right: 1px solid #cceaec !important;
        }

#gvPaymentList_DXMainTable {
    table-layout: auto !important;
}

#gvPaymentListGroup_DXMainTable {
    table-layout: auto !important;
}

/*#gvPaymentListSelected_DXMainTable {
    table-layout: fixed;
}*/

#gvPaymentList_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(1),
#gvPaymentList_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(2) {
    /*border-right: 0px solid #cceaec !important;*/
    border-right: 1px solid #dde4e9 !important;
}

#gvPaymentListGroup_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(1),
#gvPaymentListGroup_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(2) {
    /*border-right: 0px solid #cceaec !important;*/
    border-right: 1px solid #dde4e9 !important;
}


.dxgvDataRow_DxCLIC td:nth-child(3),
.dxgvDataRow_DxCLIC td:nth-child(4),
.dxgvDataRow_DxCLIC td:nth-child(5),
.dxgvDataRow_DxCLIC td:nth-child(6),
.dxgvDataRow_DxCLIC td:nth-child(7),
.dxgvDataRow_DxCLIC td:nth-child(8),
.dxgvDataRow_DxCLIC td:nth-child(9),
.dxgvDataRow_DxCLIC td:nth-child(10),
.dxgvDataRow_DxCLIC td:nth-child(11),
.dxgvDataRow_DxCLIC td:nth-child(12),
.dxgvDataRow_DxCLIC td:nth-child(13),
.dxgvDataRow_DxCLIC td:nth-child(14) {
    border-right: 1px solid #dde4e9 !important;
    /*padding: 10px 10px !important;*/
}

/*
.dxgvSelectedRow_DxCLIC td:nth-child(3),
.dxgvSelectedRow_DxCLIC td:nth-child(4),
.dxgvSelectedRow_DxCLIC td:nth-child(5),
.dxgvSelectedRow_DxCLIC td:nth-child(6),
.dxgvSelectedRow_DxCLIC td:nth-child(7),
.dxgvSelectedRow_DxCLIC td:nth-child(8),
.dxgvSelectedRow_DxCLIC td:nth-child(9),
.dxgvSelectedRow_DxCLIC td:nth-child(10),
.dxgvSelectedRow_DxCLIC td:nth-child(11),
.dxgvSelectedRow_DxCLIC td:nth-child(12),
.dxgvSelectedRow_DxCLIC td:nth-child(13),
.dxgvSelectedRow_DxCLIC td:nth-child(14) {
    padding: 10px 10px !important;
}*/

.dxICheckBox_DxCLIC > input {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-touch-callout: none;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .dxICheckBox_DxCLIC > input:focus {
        outline: none !important;
    }

.dxgvDetailCell_DxCLIC,
.dxgvPreviewRow_DxCLIC td.dxgv,
.dxgvEmptyDataRow_DxCLIC td.dxgv {
    border-bottom: 0px !important;
}

/*#gvNetBalancesAllAccounts_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(6) {
    border-left: 1px solid #064325 !important;
}

#gvNetBalancesSingleAccount_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(6) {
    border-left: 1px solid #064325 !important;
}*/

#gvNetBalancesAllAccounts_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(4) {
    border-right: 1px solid #064325 !important;
}

#gvNetBalancesSingleAccount_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(4) {
    border-right: 1px solid #064325 !important;
}

#gvNetBalancesAllAccounts_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(1) {
    font-weight: bold !important;
}

#gvNetBalancesSingleAccount_DXMainTable .dxgvDataRow_DxCLIC td:nth-child(1) {
    font-weight: bold !important;
}

#gvCardRequest_DXMainTable{
    margin-top: 5px;
}

#gvAuditLogShared_DXMainTable .dxgvHeader_DxCLIC,
#gvCardHistory_DXMainTable .dxgvHeader_DxCLIC,
#gvTransactionHistoryShared_DXMainTable .dxgvHeader_DxCLIC,
#gvCardRequest_DXMainTable .dxgvHeader_DxCLIC {
    font-size: 11px;
    background: #dde4e9 !important;
    color: black;
    font-family: ManropeBold;
    text-transform: uppercase;
    line-height: 13px;
    border: none;
}

#gvAuditLogShared_DXMainTable .dxgvHeader_DxCLIC,
#gvCardHistory_DXMainTable .dxgvHeader_DxCLIC,
#gvTransactionHistoryShared_DXMainTable .dxgvHeader_DxCLIC {
    padding: 10px 30px;
}


#gvAuditLogShared_DXMainTable .dxgvDataRow_DxCLIC td,
#gvCardHistory_DXMainTable .dxgvDataRow_DxCLIC td,
#gvTransactionHistoryShared_DXMainTable .dxgvDataRow_DxCLIC td,
#gvCardRequest_DXMainTable .dxgvDataRow_DxCLIC td {
    border-left: 1px solid #ebebeb;
    border-right: 0px !important;
    /*padding: 10px 30px !important;*/
    font-size: 11px;
    color: black;
    line-height: 14px;
    vertical-align: middle;
}
#gvAuditLogShared_DXMainTable .dxgvDataRow_DxCLIC td,
#gvCardHistory_DXMainTable .dxgvDataRow_DxCLIC td,
#gvTransactionHistoryShared_DXMainTable .dxgvDataRow_DxCLIC td,
#xgvCardRequest_DXMainTable .dxgvDataRow_DxCLIC td {
    padding: 10px 30px !important;
}

    #gvAuditLogShared_DXMainTable .dxgvDataRow_DxCLIC td:first-child {
        padding: 10px 0 !important;
    }

    #gvAuditLogShared_DXMainTable .dxgvDataRowAlt_DxCLIC td,
    #gvCardHistory_DXMainTable .dxgvDataRowAlt_DxCLIC td,
    #gvTransactionHistoryShared_DXMainTable .dxgvDataRowAlt_DxCLIC td,
    #xgvCardRequest_DXMainTable .dxgvDataRowAlt_DxCLIC td {
        background: #eaeaea;
        border-left: 1px solid #d8d8d8;
        border-right: 0px !important;
    }




#gvStandingOrder_DXMainTable .dxgvHeader_DxCLIC {
    font-size: 11px;
    background: #dde4e9 !important;
    /* #58183 UIX - was #5f5f5f (4.97:1 on #dde4e9), black gives 16.35:1 */
    color: black;
    font-family: ManropeBold;
    text-transform: uppercase;
    padding: 10px 30px;
    line-height: 13px;
    border: none;
}

#gvStandingOrder_DXMainTable .dxgvDataRow_DxCLIC td {
    border-left: 1px solid #ebebeb;
    border-right: 0px !important;
    padding: 10px 30px !important;
    font-size: 11px;
    color: black;
    padding: 0;
    line-height: 14px;
}

#gvStandingOrder_DXMainTable .dxgvDataRowAlt_DxCLIC td {
    background: #eaeaea;
    border-left: 1px solid #d8d8d8;
    border-right: 0px !important;
}




.dxgvDataRowAlt_DxCLIC td {
    background: #F7F8FA;
}

.dxgvDataRowAlt_DxCLIC + .dxgvPreviewRow_DxCLIC td {
    background: #eaedf0;
}

#currentLabel {
    text-align: center; /* If you want to center it */
    line-height: 30px; /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: white;
    padding-left: 6px;
    padding-right: 6px;
}

#currentProgress {
    position: relative;
    width: 100%;
    height: 30px;
    background-color: #dce6e7;
}

#currentBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: #105d63;
}

#globalLabel {
    text-align: center; /* If you want to center it */
    line-height: 30px; /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: white;
    padding-left: 6px;
    padding-right: 6px;
}

#globalProgress {
    /*position: relative;*/
    width: 100%;
    height: 30px;
    background-color: #dce6e7;
}

#globalBar {
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #105d63;
}

.messageContent > div:not(.box-title) {
    background-color: #fff;
    padding: 5px 15px 5px 15px;
}

.messageContent > table:not(.box-title) {
    background-color: #fff;
    padding: 5px 15px 5px 15px;
}


#gvClientSignatureGroupUser_DXMainTable .dxgvControl_DxCLIC .dxgvHeader_DxCLIC {
    background-color: #ddd !important;
    color: #064325;
    padding-bottom: 0px;
}

.green-arrow option {
    background-color: #064325;
    line-height: 30px;
    border-bottom: 1px solid #064325;
    color: #fff;
    padding-left: 10px;
    font-size: 11px;
    height: 30px;
}

.modal-content .dxgvHeader_DxCLIC {
    font-weight: 700;
    background: #fff !important;
    color: #064325;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 14px;
    border: none;
    margin: 0;
    padding: 0;
}

.modal-content {
    border-radius: 0px !important;
}

/* Legacy chooser look (no header/footer, square). A chooser carrying .chooser-modal-v2
   opts out of these and gets the account-owner-selector style defined below. */
#PartnerChooser:not(.chooser-modal-v2) .modal-header,
#PartnerChooser:not(.chooser-modal-v2) .modal-footer,
#bankchooser:not(.chooser-modal-v2) .modal-header,
#bankchooser:not(.chooser-modal-v2) .modal-footer,
#corrbankchooser:not(.chooser-modal-v2) .modal-header,
#corrbankchooser:not(.chooser-modal-v2) .modal-footer,
#DestinationChooser:not(.chooser-modal-v2) .modal-header,
#DestinationChooser:not(.chooser-modal-v2) .modal-footer,
#AccrualChooser:not(.chooser-modal-v2) .modal-header,
#RecipientSearchChooser:not(.chooser-modal-v2) .modal-header,
#PaymentTaxDocumentChooser:not(.chooser-modal-v2) .modal-header {
    display: none
}

#AccrualChooser .modal-footer,
#RecipientSearchChooser .modal-footer,
#PaymentTaxDocumentChooser .modal-footer {
}

#PartnerChooser:not(.chooser-modal-v2) .modal-content,
#bankchooser:not(.chooser-modal-v2) .modal-content,
#corrbankchooser:not(.chooser-modal-v2) .modal-content,
#DestinationChooser:not(.chooser-modal-v2) .modal-content,
#AccrualChooser:not(.chooser-modal-v2) .modal-content,
#RecipientSearchChooser:not(.chooser-modal-v2) .modal-content {
    padding: 10px 20px;
}

/* Form chooser modals (beneficiary / remarks search, ...) restyled to match the
   account owner selector (Login/SelectAccowner.cshtml .select-company-modal):
   16px rounded card, 52px teal header with white 14px title and "x", light footer. */
/* The dialog never scrolls as a whole: the card is capped at the viewport (minus the
   24px margins), header and footer stay put and the body (the DevExpress grid) scrolls. */
.modal.chooser-modal-v2 .modal-dialog {
    margin: 24px auto;
}

.modal.chooser-modal-v2 .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    border: none;
    border-radius: 16px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    padding: 0;
    font-family: 'Manrope', sans-serif;
}

.modal.chooser-modal-v2 .modal-header {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    padding: 0 20px;
    background: #004652;
    color: #fff;
    border-bottom: none;
    box-sizing: border-box;
}

    /* bootstrap clearfix pseudo elements would become empty flex items */
    .modal.chooser-modal-v2 .modal-header:before,
    .modal.chooser-modal-v2 .modal-header:after {
        display: none;
    }

.modal.chooser-modal-v2 .modal-title {
    order: 1;
    flex: 1 1 auto;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.2px;
    text-transform: none;
    line-height: 1.3;
}

.modal.chooser-modal-v2 .modal-header .close {
    order: 2;
    float: none;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 0 0 12px;
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    text-shadow: none;
    opacity: 0.85;
    cursor: pointer;
}

    .modal.chooser-modal-v2 .modal-header .close:hover,
    .modal.chooser-modal-v2 .modal-header .close:focus {
        color: #fff;
        opacity: 1;
    }

/* Direct child only: a nested element must never become a second scroll container
   (it would also capture the sticky header). */
.modal.chooser-modal-v2 > .modal-dialog > .modal-content > .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    /* no top padding: sticky cells stick to the scrollport's content edge, so rows would
       scroll through the padding gap above the frozen header; the gap is a spacer that
       scrolls away with the content (works whatever the first child is: grid, filter
       form, hidden input) */
    padding: 0 28px 20px;
}

    .modal.chooser-modal-v2 > .modal-dialog > .modal-content > .modal-body::before {
        content: '';
        display: block;
        height: 20px;
    }

/* Frozen grid header: the DevExpress column header cells and the filter row stick to the
   top of the scrolling body. The filter row's offset is the header row's height, measured
   into --chooser-head-h by chooserModalFreezeHeaders() in _Layout.cshtml (fallback 30px).
   The DevExpress theme gives the main table overflow:hidden, which would make the TABLE the
   sticky containing block (the header then "sticks" inside the table and scrolls away with
   it) - it has to be visible so the cells stick to the scrolling .modal-body.
   !important: DevExpress writes the overflow as an inline style on the table. */
.modal.chooser-modal-v2 .modal-body table.dxgvTable_DxCLIC {
    overflow: visible !important;
}

.modal.chooser-modal-v2 .modal-body tr[id$="_DXHeadersRow0"] > td.dxgvHeader_DxCLIC {
    position: sticky;
    top: 0;
    z-index: 3;
}

.modal.chooser-modal-v2 .modal-body tr.dxgvFilterRow_DxCLIC > td {
    position: sticky;
    top: var(--chooser-head-h, 30px);
    z-index: 2;
    background-color: #fff;
}

.modal.chooser-modal-v2 .modal-footer {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 28px;
    border-top: 1px solid #e8e8e8;
    background: #f9fafa;
}

    .modal.chooser-modal-v2 .modal-footer:before,
    .modal.chooser-modal-v2 .modal-footer:after {
        display: none;
    }

    .modal.chooser-modal-v2 .modal-footer .btn {
        text-transform: none;
    }

#PartnerChooser td,
#bankchooser td,
#corrbankchooser td,
#DestinationChooser td,
#AccrualChooser td,
#RecipientSearchChooser td {
    border: none !important;
}

.questionTooltip {
    background-repeat: no-repeat;
    background-image: url('/Content/newdesign/img/help_green.png');
    background-position-x: center;
    float: right;
    width: 10px;
    margin-top: 8px;
    margin-right: -20px;
    cursor: pointer;
}

.questionTooltip:focus {
    outline: 2px solid #51baba;
    outline-offset: 2px;
    border-radius: 2px;
}

/* the values of the view forms are focusable for screen readers (_Layout gives
   them tabindex=0): the focus ring is drawn for keyboard focus only, a mouse click
   on a value does not outline it */
.saved-data:focus-visible {
    outline: 2px solid #51baba;
    outline-offset: 2px;
    border-radius: 2px;
}



/*
input[type="checkbox"] {
    display:none;
}



input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('/Content/newdesign/img/help_green.png') left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url('/Content/newdesign/img/help_green.png') -19px top no-repeat;
}*/


.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000 !important;
    outline: none
}

.dk-select, .dk-select-multi {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5em;
    width: 200px;
    cursor: pointer;
}

.input-group .dk-select {
    padding: 0px !important;
}

.dk-selected {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    padding: 0px 30px 0px 5px !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    outline: none;
    line-height: 34px;
    background: url('/Content/newdesign/img/arrow_down_grey.png') no-repeat calc(100% - 10px) 50% transparent !important;
    background-size: 14px 8px !important;
}
    /*
  .dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0; }
  */
    .dk-selected:before {
        top: 50%;
        border: solid transparent;
        border-width: 0.25em 0.25em 0;
        border-top-color: #CCCCCC;
        margin: -0.125em 0.5em 0 0;
    }
/*
  .dk-selected:after {
    top: 0;
    height: 100%;
    margin: 0 1.5em 0 0; }*/

.dk-selected-disabled {
    color: #BBBBBB;
}

.dk-select .dk-select-options {
    position: absolute;
    display: none;
    left: 0;
    right: 0;
}

.dk-select-open-up .dk-select-options {
    font-size: 14px;
    background: #064325;
    color: #ffffff;
    margin-bottom: -1px;
    bottom: 100%;
}

.dk-select-open-down .dk-select-options {
    font-size: 14px;
    background: #004652;
    color: #ffffff;
    margin-top: -1px;
    top: 100%;
}



.dk-select-multi .dk-select-options {
    max-height: 10em;
}

.dk-select-options {
    background-color: white;
    border: 0px solid #CCCCCC;
    list-style: none;
    margin: 0;
    max-height: 10.5em;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    z-index: 9999999 !important;
}

.dk-option-selected {
    background-color: #A0D7A2;
    color: #fff;
}

.dk-select-options-highlight .dk-option-selected {
    background-color: transparent;
    color: inherit;
}

.dk-option {
    cursor: pointer;
    font-size: 11px;
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #064325;
    z-index: 99999 !important;
}

.dk-select-options .dk-option-highlight {
    background-color: #A0D7A2;
    color: #fff;
}

.dk-select-options .dk-option-disabled {
    color: #BBBBBB;
    background-color: transparent;
}

.dk-select-options .dk-option-hidden {
    display: none;
}

.dk-optgroup {
    border: solid #CCCCCC;
    border-width: 1px 0;
    padding: 0.25em 0;
    margin-top: 0.25em;
}

    .dk-optgroup + .dk-option {
        margin-top: 0.25em;
    }

    .dk-optgroup + .dk-optgroup {
        border-top-width: 0;
        margin-top: 0;
    }

    .dk-optgroup:nth-child(2) {
        padding-top: 0;
        border-top: none;
        margin-top: 0;
    }

    .dk-optgroup:last-child {
        border-bottom-width: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.dk-optgroup-label {
    padding: 0 0.5em 0.25em;
    font-weight: bold;
    width: 100%;
}

.dk-optgroup-options {
    list-style: none;
    padding-left: 0;
}

    .dk-optgroup-options li {
        padding-left: 1.2em;
    }

.dk-select-open-up .dk-selected {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: transparent;
}

.dk-select-open-down .dk-selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: transparent;
}

    .dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
        border-width: 0 0.25em 0.25em;
        border-bottom-color: transparent;
    }


    .dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {
        border-left-color: transparent;
    }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {
    display: block;
    border-color: transparent;
}

.dk-select-multi:hover, .dk-select-multi:focus {
    outline: none;
}
/*
.dk-selected:hover, .dk-selected:focus {
  outline: none;
  border-color: #3297fd; }
  .dk-selected:hover:before, .dk-selected:focus:before {
    border-top-color: #3297fd; }
  .dk-selected:hover:after, .dk-selected:focus:after {
    border-left-color: #3297fd; }
  */
.dk-select-disabled {
    opacity: 0.6;
    color: #BBBBBB;
    cursor: not-allowed;
}

    .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
        border-color: inherit;
    }

        .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
            border-top-color: inherit;
        }

        .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
            border-left-color: inherit;
        }

select[data-dkcacheid] {
    display: none;
}

.moveToGroupData .control-label {
	text-align: left !important;
}

.moveToGroupData {
    padding: 30px 0px 0px 0px;
    background-color: #fff;
}

.moveToGroupNoData {
    margin-top: -35px;
    padding: 30px 0px 0px 0px;
}

.highZindex {
    z-index: 99999999 !important;
}

.higherZindex {
    z-index: 100000000 !important;
}

.higherErZindex {
    z-index: 100000001 !important;
}

.text-danger {
    margin-top: 2px;
    font-weight: 700;
    margin-bottom: 5px;
    /*display: inline-block;*/
}
.tabLink .text-danger {
    margin: 0px !important;
}

#loadFilter .dk-select {
    width: auto !important;
}


/*
::-webkit-input-placeholder {
    text-align: left;
    padding-top: 10px;
}

:-moz-placeholder { 
    text-align: left;
    padding-top: 10px;
}

::-moz-placeholder {  
    text-align: left;
    padding-top: 10px;
}

:-ms-input-placeholder {  
    text-align: left;
    padding-top: 10px;
}



textarea:placeholder-shown {
    padding-top: 0px !important;
}


textarea::-moz-placeholder {  
   color: red;  
}

textarea:-ms-input-placeholder {  
   color: red;  
}

textarea:placeholder-shown {
    padding-top: 9px !important;
}

textarea::placeholder {
    line-height: 30px;
}*/

.chosen-container .chosen-drop {
    z-index: 100000001;
}

.bottom_ca_logo_fixed {
    width: 100%;
    /*max-width: 1280px;*/
    position: fixed;
    text-align: center;
    background-image: url('/PublicContent/Images/ca_vertical.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 171px;
    bottom: 5px;
    left: 0px;
    padding-top: 50px;
    z-index: -1;
    border-right: 20px solid transparent;
}

.bottom_ca_logo_in_page {
    width: 171px;
    /*position: fixed;*/
    float: right;
    text-align: center;
    background-image: url('/PublicContent/Images/ca_vertical.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 171px;
    bottom: 5px;
    right: 20px;
    padding-top: 50px;
    z-index: 9;
}

/*.dxgvTable_DxCLIC tr:last-child td {
    border-bottom: 1px solid #dde4e9;
}*/

.dxgvTable_DxCLIC tr:nth-child(2) td {
    border-bottom: 0px solid #dde4e9;
}

.dxgvCommandColumn_DxCLIC {
    position: relative;
    padding-left: 1px !important;
}

#gvPaymentList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPaymentListGroup_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPaymentListSelected_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvAllList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvAllListGroup_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvAllListSelected_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvAccountManagementList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvEDocFlowDocumentList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPayrollList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPendingConsentList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPayrollEmployeeList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPayrollEmployeeRegistryList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvOneSwiftOrderList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvOneSwiftRecipientList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvFxApplicationList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvCardManagementList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvLvApplicationList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvDepositRequestList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPayrollArchiveList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPartnerList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvTemplatePaymentList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvDestinationList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvFxOperation_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvSwiftMessage_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvFxPlatformList_DXMainTable .dxgvCommandColumn_DxCLIC {
    vertical-align: middle !important;
    padding-left: 1px !important;
    padding-right: 1px !important
}


#gvPaymentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPaymentListGroup_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPaymentListSelected_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAllList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAllListGroup_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAllListSelected_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAccountManagementList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvEDocFlowDocumentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPayrollList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPendingConsentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPayrollEmployeeList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPayrollEmployeeRegistryList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvOneSwiftOrderList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvOneSwiftRecipientList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvFxApplicationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvCardManagementList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvLvApplicationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvDepositRequestList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPayrollArchiveList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPartnerList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvTemplatePaymentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvDestinationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvFxOperation_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvSwiftMessage_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvFxPlatformList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC {
    background: none !important;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
    outline: none;
    margin-top: 0px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

#gvPaymentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPaymentListGroup_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPaymentListSelected_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAllList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAllListGroup_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAllListSelected_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAccountManagementList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvEDocFlowDocumentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPayrollList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPendingConsentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPayrollEmployeeList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPayrollEmployeeRegistryList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvOneSwiftOrderList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvOneSwiftRecipientList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvFxApplicationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvCardManagementList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvLvApplicationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvDepositRequestList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPayrollArchiveList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPartnerList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvTemplatePaymentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvDestinationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvFxOperation_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvSwiftMessage_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvFxPlatformList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC {
    background: url('/Content/newdesign/img/radio_checked.png') center center no-repeat !important;
    background-size: 18px !important;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
    outline: none;
    margin-top: 0px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

#gvPaymentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvPaymentListGroup_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvPaymentListSelected_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvAllList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvAllListGroup_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvAllListSelected_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvAccountManagementList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvEDocFlowDocumentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvPayrollList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvPendingConsentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvPayrollEmployeeList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvPayrollEmployeeRegistryList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvOneSwiftOrderList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvOneSwiftRecipientList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvFxApplicationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvCardManagementList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvLvApplicationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvDepositRequestList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvPayrollArchiveList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvPartnerList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvTemplatePaymentList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvDestinationList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvFxOperation_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvSwiftMessage_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvFxPlatformList_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC {
    background: url('/Content/newdesign/img/radio_checked.png') center center no-repeat !important;
    background-size: 18px !important;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
    outline: none;
    margin-top: 0px;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

/* DevExpress switches the header select-all to *Disabled class variants when no
   rows are selectable (e.g. all groups collapsed). Skin those variants so the
   header checkbox doesn't fall back to an unstyled native control. */
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvHeader_DxCLIC .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC {
    background: none !important;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
    outline: none;
    margin-top: 0px;
    cursor: default;
    opacity: 0.5;
}

#gvPaymentList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPaymentListGroup_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPaymentListSelected_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAllList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAllListGroup_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAllListSelected_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAccountManagementList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvEDocFlowDocumentList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPayrollList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPendingConsentList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPayrollEmployeeList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPayrollEmployeeRegistryList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvOneSwiftOrderList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvOneSwiftRecipientList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvFxApplicationList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvCardManagementList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvLvApplicationList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvDepositRequestList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPayrollArchiveList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvPartnerList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvTemplatePaymentList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvDestinationList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvFxOperation_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvSwiftMessage .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvFxPlatformList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC {
    background: none !important;
    border: 1px solid #064325;
    border-radius: 9px;
    width: 18px !important;
    height: 18px !important;
    max-height: 18px !important;
    min-height: 18px !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    outline: none;
    margin: 0 auto;
    position: relative;
    left: 0px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

#gvUsers_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#xgvCardRequestList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC {
    background: url('/Content/newdesign/img/checkbox_empty.png') 60% 45% no-repeat !important;
    width: 33px !important;
    vertical-align: top !important;
    outline: none;
    padding-left: 13px;
    position: relative;
    /*top: 0px;*/
    left: 0px;
    /*-webkit-transform:translateY(50%);
  transform:translateY(50%);*/
}

#gvPaymentList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPaymentListGroup_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPaymentListSelected_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAllList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAllListGroup_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAllListSelected_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAccountManagementList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvEDocFlowDocumentList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPayrollList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPendingConsentList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPayrollEmployeeList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPayrollEmployeeRegistryList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvOneSwiftOrderList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvOneSwiftRecipientList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvFxApplicationList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvCardManagementList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvLvApplicationList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvDepositRequestList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPayrollArchiveList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvPartnerList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvTemplatePaymentList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvDestinationList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvFxOperation_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAccountStatement_AccountStatementType_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAccountStatement_AccountStatementType_Official_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvAccountStatement_AccountStatementType_Customized_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvSwiftMessage_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvFxPlatformList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC {
    background: url('/Content/newdesign/img/radio_checked.png') center center no-repeat !important;
    background-size: 18px !important;
    border: 1px solid #064325;
    border-radius: 9px;
    width: 18px !important;
    height: 18px !important;
    max-height: 18px !important;
    min-height: 18px !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    outline: none;
    margin: 0 auto;
    position: relative;
    left: 0px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

#gvUsers_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#xgvCardRequestList_DXMainTable .dxgvCommandColumn_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC {
    background: url('/Content/newdesign/img/checkbox_checked2.png') 60% 45% no-repeat !important;
    width: 33px !important;
    vertical-align: top !important;
    outline: none;
    padding-left: 13px;
    position: relative;
    /*top: 0px;*/
    left: 0px;
    /*-webkit-transform:translateY(50%);
  transform:translateY(50%);*/
}

#gvUsers_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPaymentList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPaymentListGroup_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvPartnerList_DXMainTable .dxgvCommandColumn_DxCLIC,
#gvLvApplicationList_DXMainTable .dxgvCommandColumn_DxCLIC {
    vertical-align: middle !important;
}

.dxWeb_edtCheckBoxUnchecked_DxCLIC input {
    display: inline-block !important;
}

.dxWeb_edtCheckBoxChecked_DxCLIC input {
    display: inline-block !important;
}

/* #56267 Messages list: the TreeList (gvMessages) is not covered by the grid-ID rules above,
   so its selection checkboxes fell back to the square theme sprite. Same round style as the
   Payments list: node rows below, header select-all (white border on the dark bar) after. */
#gvMessages_D .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC {
    background: none !important;
    border: 1px solid #064325;
    border-radius: 9px;
    width: 18px !important;
    height: 18px !important;
    max-height: 18px !important;
    min-height: 18px !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    outline: none;
    margin: 0 auto;
    position: relative;
    left: 0px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

#gvMessages_D .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC {
    background: url('/Content/newdesign/img/radio_checked.png') center center no-repeat !important;
    background-size: 18px !important;
}

#gvMessages_D .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC {
    opacity: 0.5;
}

#gvMessages_D .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_D .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC {
    cursor: default;
}

/* Header select-all: white border on the dark #40465E header bar (same as the grid headers).
   Placed after the node rules so it wins when the header row sits inside gvMessages_D. */
#gvMessages_HDR .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxUnchecked_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC {
    background: none !important;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 18px !important;
    height: 18px !important;
    max-height: 18px !important;
    min-height: 18px !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    outline: none;
    margin-top: 0px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

#gvMessages_HDR .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxChecked_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC {
    background: url('/Content/newdesign/img/radio_checked.png') center center no-repeat !important;
    background-size: 18px !important;
}

#gvMessages_HDR .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_HDR .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxGrayed_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxUncheckedDisabled_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxCheckedDisabled_DxCLIC,
#gvMessages_D .dxtlHeader_DxCLIC .dxWeb_edtCheckBoxGrayedDisabled_DxCLIC {
    opacity: 0.5;
}

.cbCheckBox {
    background: url('/Content/newdesign/img/radio_checked.png') center center no-repeat !important;
    background-size: 18px !important;
}

/*url(../img/checkbox_checked.png) center center no-repeat


    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    border: 1px solid #a9a9a9;

*/


#gvPaymentList_col0 {
    padding-left: 6px;
}

#gvPaymentListGroup_col0 {
    padding-left: 6px;
}

#gvPaymentList_DXHeadersRow0 span {
    min-height: 13px
}

#gvPaymentListGroup_DXHeadersRow0 span {
    min-height: 13px
}

.fixEmptyAction {
    min-height: 67px;
}

.dateHolderFixHeight {
    /*height: 40px !important;*/
}

.bootstrap-datetimepicker-widget {
    z-index: 999999999;
}

.dxtlNode_DxCLIC:nth-child(odd) td, .dxtlSelectedNode_DxCLIC:nth-child(odd) td {
    background: #F7F8FA !important;
}


.saved-multiline-padding {
    padding-top: 5px !important;
}

.validation-group {
    display: table-footer-group;
}
/*
.col-data .field-validation-error {
    float: left;
}*/

#PartnerSearchBody .dxp-pageSizeItem {
    float: right !important;
}
#PaymentSearchBody .dxp-pageSizeItem {
    float: right !important;
}
#FxApplicationSearchBody .dxp-pageSizeItem {
    float: right !important;
}

#DestinationSearchBody .dxp-pageSizeItem {
    float: right !important;
}

#BICBody .dxp-pageSizeItem {
    float: right !important;
}

.btnInRow {
    min-height: 32px;
}

.force38height {
    height: 38px;
}

.selectZindex16 {
    z-index: 1016 !important;
}

.selectZindex15 {
    z-index: 1015 !important;
}

.selectZindex14 {
    z-index: 1014 !important;
}

.selectZindex13 {
    z-index: 1013 !important;
}

.selectZindex12 {
    z-index: 1012 !important;
}

.selectZindex11 {
    z-index: 1011 !important;
}

.selectZindex10 {
    z-index: 1010 !important;
}

.selectZindex9 {
    z-index: 1009 !important;
}

.selectZindex8 {
    z-index: 1008 !important;
}

.selectZindex7 {
    z-index: 1007 !important;
}

.selectZindex6 {
    z-index: 1006 !important;
}

.selectZindex5 {
    z-index: 1005 !important;
}

.selectZindex4 {
    z-index: 1004 !important;
}

.selectZindex3 {
    z-index: 1003 !important;
}

.selectZindex2 {
    z-index: 1002 !important;
}

.selectZindex1 {
    z-index: 1001 !important;
}

.lowZindex {
    z-index: 1 !important;
}

.lowerZindex {
    z-index: -1 !important;
}

.rowshrink {
    /* -webkit-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
    -moz-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
    transition: max-height 1.5s ease cubic-bezier(0, 1.05, 0, 1);*/
}


#gvMessages_HDR th:first-child {
    cursor: default;
}

/* #58726 the command (selection checkbox) column is content-sized, so on an empty list it
   collapses to the bare 18px circle stuck to the cell edge. The table is table-layout: fixed
   and the first thead row is what sizes the columns — widen its 2nd cell to 30px like the icon
   columns; the select-all cell's own padding:0 + text-align:center (rendered inline) then
   centers the circle. */
#gvMessages_D > thead > tr:first-child > th:nth-child(2) {
    width: 30px !important;
}

/* #58726 Messages list header: the medium/big font profiles inflate header padding
   (13.8px/15px x 11.5px/12.5px) beyond what the fixed 30px icon columns can show, so their
   captions get clipped — pad the caption cells like the 6px data cells instead. The dxtl__IM
   cells (indent + select-all) must keep the padding:0 + text-align:center DevExpress renders
   inline, which centers the 18px circle in its 30px command column. */
#gvMessages_HDR th:not(.dxtl__IM) {
    padding: 6px !important;
    vertical-align: middle !important;
}

.fake-cb-empty {
    background: url('/Content/newdesign/img/checkbox_empty.png') no-repeat 50% 50% transparent !important;
    display: inline-block;
    width: 17px;
}

.fake-cb-checked {
    background: url('/Content/newdesign/img/checkbox_checked2_green.png') no-repeat 50% 50% transparent !important;
    display: inline-block;
    width: 17px;
}


.chosen-in-formrow {
    width: 100% !important;
}

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    /* ReSharper disable once InvalidValue */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.dk-select-open-up {
    z-index: 100000002 !important;
}

.dk-select-open-down {
    z-index: 100000002 !important;
}

.radio-btn-option-kmk label {
    font-weight: normal
}

.radio-btn-option-kmk {
    height: auto;
    margin-bottom: 11px;
}

    .radio-btn-option-kmk > input {
        height: auto;
        width: auto;
    }

    .radio-btn-option-kmk input[type="radio"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        pointer-events: none;
    }

        .radio-btn-option-kmk input[type="radio"] + label {
        }

            .radio-btn-option-kmk input[type="radio"] + label .rbtn-glyph {
                display: inline-block;
                width: 18px;
                height: 18px;
                margin: -4px 9px 0 0;
                vertical-align: middle;
                cursor: pointer;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

            .radio-btn-option-kmk input[type="radio"] + label .rbtn-glyph {
                background: none;
                border: 1px solid #064325;
            }

        .radio-btn-option-kmk input[type="radio"]:checked + label .rbtn-glyph {
            background: url('/Content/newdesign/img/radio_checked.png') center center no-repeat;
            background-size: 18px;
            border: 1px solid #064325;
        }

        .radio-btn-option-kmk input[type="radio"] + label .rbtn-glyph,
        .radio-btn-option-kmk input[type="radio"]:checked + label .rbtn-glyph {
            -webkit-transition: background-color 0.4s linear;
            -o-transition: background-color 0.4s linear;
            -moz-transition: background-color 0.4s linear;
            transition: background-color 0.4s linear;
        }

/* .dxgvLoadingPanel_DxCLIC {
    border: none !important;
    background-color: transparent !important;
}

    .dxgvLoadingPanel_DxCLIC .dx:nth-child(2) {
        display: none !important;
    } */

#waiterModal .modal-dialog {
    margin: 300px auto !important;
    width: 400px !important;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

#waiterModal {
    background-color: rgba(0, 0, 0, 0.3);
}

#filter1div {
    display: none;
}


#btis, #bctis, #corrbctis, #bcptis, #tflookup, #aspspactis {
    max-height: 350px;
    min-height: 120px;
    position: absolute;
    color: #ffffff;
    margin-top: -1px;
    top: 100%;
    z-index: 9999;
    font-size: 14px;
    overflow: auto;
    padding-right: 11px;
    width:100%;
}

@-moz-document url-prefix() {
    #btis, #bctis, #corrbctis, #bcptis, #tflookup, #aspspactis {
        padding-right: 10px;
    }
}

#btis_info, #bctis_info, #corrbctis_info, #bcptis_info, #tflookup_info, #aspspactis_info {
    padding: 5px 10px 5px 10px;
    font-size: 11px;
    background-color: #007461;
}

#btis_results, #bctis_results, #corrbctis_results, #bcptis_results, #tflookup_results, #aspspactis_results {
    /*margin-right: 11px;*/
    background-color: #007461;
    font-size: 14px;
    width: 100%;
}

    #btis_results tr, #bctis_results tr, #corrbctis_results tr, #bcptis_results tr, #tflookup_results tr, #aspspactis_results tr {
        cursor: pointer;
        font-size: 11px;
        line-height: 30px;
        padding: 0 10px;
        border-bottom: 0px solid #007461;
    }

    #btis_results th, #bctis_results th, #corrbctis_results th, #bcptis_results th, #tflookup_results th, #aspspactis_results th {
        font-family: ManropeBold;
        text-transform: uppercase;
        cursor: default;
        font-size: 10px;
        line-height: 30px;
        padding: 0 10px;
        border-bottom: 1px solid #007461;
    }



#btis_resultrows td, #bctis_resultrows td, #corrbctis_resultrows td, #bcptis_resultrows td, #tflookup_resultrows td, #aspspactis_resultrows td {
    padding: 5px 10px;
    line-height: 14px;
}

#btis_resultrows td, #bctis_resultrows td, #corrbctis_resultrows td, #bcptis_resultrows td, #tflookup_resultrows td, #aspspactis_resultrows td {
    border-bottom: 1px solid #007461;
}

#btis_resultrows tr:hover, #btis_resultrows .highlight, #bctis_resultrows tr:hover, #bctis_resultrows .highlight, #corrbctis_resultrows tr:hover, #corrbctis_resultrows .highlight, #bcptis_resultrows tr:hover, #bcptis_resultrows .highlight, #tflookup_resultrows tr:hover, #tflookup_resultrows .highlight, #aspspactis_resultrows tr:hover, #aspspactis_resultrows .highlight {
    background-color: #004652;
}

.btis_tablewrap, .bctis_tablewrap, .corrbctis_tablewrap, .bcptis_tablewrap, .tflookup_tablewrap, .aspspactis_tablewrap {
    display: block;
    max-height: 350px;
    overflow: auto;
}

.dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC,
.dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC {
    padding-top: 4px !important;
    vertical-align: middle;
}

.dxp-sep {
    display: none !important
}

.dxp-num input {
    font-size: 9px;
}

.dxp-lead, .dx, .dxp-num input, .dxp-num span, .dxp-num div {
    font-family: 'Manrope';
    color: black !important;
    font-size: 9px;
}

.gridpager-gotopage {
margin-left: 4px !important;
    margin-right: 4px !important;
     font-size: 9px !important;
     color: black;
}

.dxp-comboBox input {
        font-family: 'Manrope' !important;
    color: black !important;
    font-size: 9px;
}

/*.dxtlPagerBottomPanel_DxCLIC,
.dxtlPagerTopPanel_DxCLIC,
.dxgvPagerBottomPanel_DxCLIC,
.dxgvPagerTopPanel_DxCLIC {
    visibility: hidden;
}

.dxgvPagerTopPanel_DxCLIC .dxp-lead,
.dxgvPagerTopPanel_DxCLIC label,
.dxtlPagerTopPanel_DxCLIC .dxp-lead,
.dxtlPagerTopPanel_DxCLIC label {
    font-weight: normal !important;
    font-family: 'Noto Sans', sans-serif !important;
}

.dxtlPagerTopPanel_DxCLIC,
.dxgvPagerTopPanel_DxCLIC {
    position: absolute;
    right: 20px;
    z-index: 100000000
}

.dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-ellip,
.dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-ellip {
    display: none
}

.dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC,
.dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC {
    min-width: 0px !important
}

    .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-summary,
    .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-summary {
        font-size: 9px;
        color: black;
        position: absolute;
        right: 0;
        margin-top: -24px;
    }

    .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-current, .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-bi,
    .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-current, .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-bi {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 1px !important
    }

    .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-current,
    .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-current {
        margin-top: 2px !important
    }

    .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-bi,
    .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-bi {
        padding: 0px !important;
    }

    .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-pageSizeItem,
    .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-pageSizeItem {
        padding-left: 0px;
        margin-top: 2px;
    }

    .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-pageSizeItem .dx,
    .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-pageSizeItem .dx {
        color: black;
        margin-top: 0px
    }
*/
.dxp-summary, .dxp-sep, .dxp-button, .dxp-pageSizeItem, .dxp-num, .dxp-current, .dxp-ellip {
    background-color: white;
}

.dxgvPagerTopPanel_DxCLIC:not(.searchGrid) > .dxpLite_DxCLIC .dxp-current,
.dxgvPagerBottomPanel_DxCLIC:not(.searchGrid) > .dxpLite_DxCLIC .dxp-current {
    margin-top: -2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    background-color: transparent !important;
}

.dxtlPagerTopPanel_DxCLIC > .dxpLite_DxCLIC .dxp-current,
.dxtlPagerBottomPanel_DxCLIC > .dxpLite_DxCLIC .dxp-current {
    margin-top: -2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    background-color: transparent !important;
}

.searchGrid  .dxp-current {
border: 1px solid rgb(141, 147, 170) !important;
    border-radius: 10px;
    letter-spacing: 0.8px;
    padding: 6px !important;
    margin-top: 1px !important;
    width: 36px;
    text-align: center;
    display: inline-block;
    background: #F7F8FA;
    font-family: 'Manrope' !important;
    color: black !important;
    font-size: 9px;
    background-color: rgb(247, 248, 250) !important;
}

.messageContent td {
    padding: 2px 8px
}



.fieldNotification {
    background-color: rgb(255, 242, 185);
    color: black;
    background-size: 10px;
    padding: 8.5px 10px !important;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-image: url('/Content/newdesign/img/close_black.png');
    cursor: pointer;
}

.total-table-align td {
    padding-right: 5px;
}

    .total-table-align td:last-child {
        padding-right: 0px;
    }

.inlineActionFilter {
    margin-top: -6px !important;
}

.inlineActionContainer {
    border-right: 1px solid #313131
}

@media (max-width: 768px) {

    .inlineActionContainer {
        border-right: 0px solid #313131
    }
}


.col-custom-28perc-100perc {
    width: 28%;
    float: left;
    padding-right: 5px;
}

.col-custom-16perc-100perc {
    width: 16%;
    float: left;
}

.col-custom-14perc-100perc {
    width: 14%;
    float: left;
    padding-right: 5px;
}

.filter-dash {
    display: block;
    position: absolute;
    top: 40px;
    right: 3px;
}

@media (max-width: 990px) {
    .col-custom-28perc-100perc, .col-custom-16perc-100perc, .col-custom-14perc-100perc {
        width: 100%;
        float: left;
        padding-right: 0px;
    }

    .filter-dash {
        display: none
    }
}

.JCLRLastGrip {
    width: 0px !important;
}

.dxeButtonEdit_DxCLIC .dxic input {
    color: #818181 !important;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }


}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.filterRemoveButton {
    float: right;
    background-color: transparent !important;
    margin-top: 8px;
    margin-right: 2px;
}

.pushLabelRight {
    margin-left: 15px !important;
}



#AdditionTab > li > a {
    line-height: 16px !important;
    padding: 22px 0px !important;
}

#AdditionTab > li.active > a {
    font-family: Manrope
}

/*.tftab-container > li > a {
    padding: 15px 35px !important;
    line-height: 1.2em;
    text-transform: uppercase;
    border-left: 1px solid #898989 !important;
    min-height: 60px;*/
    /*font-size: 13px;
    color: #b6b6b6;*/
    /*margin: 0px;
}

.tftab-container > li.active > a {
    padding: 15px 35px !important;
    line-height: 1.2em;
    text-transform: uppercase;
    border-left: 1px solid #898989 !important;
    min-height: 60px;*/
    /*font-size: 13px;*/
    /*color: #fff;
    margin: 0px;
}

.tftab-pre {
    background-color: #313131 !important;
    height: 60px;
}*/

.tfDateContainer {
    margin-left: 0px !important;
}

.tf-counter {
    color: #a1a1a1;
    text-align: right;
    line-height: 30px;
    font-size: 16px;
    position: absolute;
    width: 60px;
}

.tf-comment-author {
    font-size: 10px;
    width: 150px;
    padding: 15px 25px;
    line-height: 14px;
}

.tf-comment-author {
    font-size: 10px;
    width: 150px;
    padding: 15px 25px;
    line-height: 14px;
    float: left
}

.tf-comment-msg {
    width: calc(100% - 150px);
    padding: 11px 35px 15px 0;
    font-weight: 700;
    line-height: 20px;
    font-size: 10px;
    float: left
}

.tf-comment-row:nth-child(even) {
    background: rgb(234,234,234)
}


#AuditLogTab .dxgvHeader_DxCLIC {
    background: #001623 !important;
    color: #fff !important;
    height: 30px !important;
}

#AuditLogTab #gvAuditLogShared_DXHeadersRow0 {
    height: 30px !important;
}

.tab-content .form-checkbox, .tab-content .form-radiobutton {
    margin-top: 8.5px !important;
}

.green-arrow-wo {
    padding: 9px;
    color: #666666;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    appearance: none;
    background: url('/Content/newdesign/img/arrow_down_green_chosen.png') no-repeat 100% 50% #D8EAD7 !important;
    background-size: 11px 7px;
}

.green-arrow-98 {
    padding: 9px;
    color: #666666;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    appearance: none;
    background: url('/Content/newdesign/img/arrow_down_green_chosen.png') no-repeat 100% 50% #D8EAD7 !important;
    background-size: 11px 7px;
}

.hasLogContainer {
    position: absolute;
    right: -30%;
    width: 30%;
    background-color: #064325;
    color: #fff;
    /* height: auto; */
    /* z-index: 999; */
    /* padding: 10px; */
    padding: 10px 10px 20px 10px;
    font-size: 10px;
    line-height: 15px;
    display: none;
    z-index: 9999;
}

.tfAmountLogContainer .hasLogContainer {
    position: absolute;
    right: -150px;
    min-width: 150px;
}

.tfCurrencyLogContainer .hasLogContainer {
    position: absolute;
    right: -150px;
    min-width: 150px;
}

.tfAmountLogContainer + .hasLog {
    padding-right: 50px;
}

.tfCurrencyLogContainer .hasLog {
    padding-right: 50px;
}

.tfCurrencyLogContainer {
    width: auto !important;
}

.tfAmountEditLogContainer .hasLogContainer {
    position: absolute;
    right: -150px;
    min-width: 150px;
}

.tfCurrencyEditLogContainer .hasLog {
    padding-right: 50px;
}


.tfCurrencyEditLogContainer .hasLogContainer {
    position: absolute;
    right: -150px;
    min-width: 150px;
}

@media (max-width:990px) {

    .tfAmountEditContainer, .tfCurrencyEditLogContainer {
        width: 60% !important;
        margin-right: 40% !important;
    }

        .tfAmountEditContainer .hasLog .form-control {
            width: calc(100% - 50px) !important;
        }
}

.tf-logComment {
    padding-bottom: 20px
}


.tfForm .col-data .input-group {
    padding-right: 40px !important;
}

.hasLogContainer:after,
.hasLogContainer:after {
    z-index: -1;
    position: absolute;
    top: 8px;
    left: 0%;
    margin-left: -16px;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 8px transparent;
    border-bottom: solid 8px transparent;
    border-left: solid 8px transparent;
    border-right: solid 8px #064325;
}

.hasLogIcon {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    background-image: url(/Content/Images/tf_comment.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}



/*Trade finance changes*/
.tf-tabs-changes-container {
    /*padding-top: 30px;*/
}

.tf-tabs-change {
    padding: 15px 45px;
    font-size: 10px;
}

    .tf-tabs-change:nth-child(odd) {
        background: #fff;
    }

    .tf-tabs-change:nth-child(even) {
        background: #eaeaea;
    }

.tf-tabs-change-author {
    padding-bottom: 10px;
}

.tf-tabs-change-content-value {
    padding-right: 20px;
}

.tf-tabs-change-content-filed {
    width: 24%;
}

.tf-tabs-change-content-original-value {
    width: 38%;
}

.tf-tabs-change-content-new-value {
    width: 38%;
}

.tf-tabs-change-content-filed .tf-tabs-change-content-label {
    width: 35px;
}

.tf-tabs-change-content-filed .tf-tabs-change-content-value {
    width: calc(100% - 35px);
}

.tf-tabs-change-content-original-value .tf-tabs-change-content-label {
    width: 95px;
}

.tf-tabs-change-content-original-value .tf-tabs-change-content-value {
    width: calc(100% - 95px);
}

.tf-tabs-change-content-new-value .tf-tabs-change-content-label {
    width: 65px;
}

.tf-tabs-change-content-new-value .tf-tabs-change-content-value {
    width: calc(100% - 65px);
}

.tf-details-row-content {
    border-top: 2px solid #a1a1a1;
    border-bottom: 2px solid #a1a1a1;
    display: none;
}

    .tf-details-row-content #tf-tabs {
        border-bottom: 2px solid #a1a1a1;
    }

    .tf-details-row-content .tf-tabs-files-container {
        padding: 0;
    }

    .tf-details-row-content #tf-tabs .tab {
        border: none;
        height: 30px;
        line-height: 30px;
        padding: 0;
        font-size: 14px;
    }

        .tf-details-row-content #tf-tabs .tab.active {
            background: #a1a1a1;
            font-weight: 700;
        }

    .tf-details-row-content #tf-tabs-content th {
        background: #a1a1a1;
    }

        .tf-details-row-content #tf-tabs-content th .styled-checkbox-button {
            border: 1px solid #fff;
        }

    .tf-details-row-content .table-footer {
        padding: 15px 20px;
    }

        .tf-details-row-content .table-footer .btn {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            width: 115px;
            text-align: center;
            padding: 0;
        }

.dk-optgroup-label {
    cursor: default;
    font-size: 11px;
    line-height: 15px;
    min-height: 30px;
    padding: 5px 10px;
    color: rgb(240, 240, 240);
    border-bottom: 1px solid #064325;
}

#BankGuranteeTabContent .form-footer-row .col-label {
    max-height: 10px;
}

#BankGuranteeTabContent .form-footer-row .col-data {
    max-height: 10px;
}

.qs-row .col-data {
    padding-top: 25px !important
}

.allowedDisabledDates + .bootstrap-datetimepicker-widget table th.disabled {
    cursor: pointer !important;
}

.allowedDisabledDates + .bootstrap-datetimepicker-widget table td.disabled {
    cursor: pointer !important;
}

.allowedDisabledDates + .bootstrap-datetimepicker-widget table td span.disabled {
    cursor: pointer !important;
}

.allowedDisabledDates + .bootstrap-datetimepicker-widget table th.disabled:hover {
    cursor: pointer !important;
}

.allowedDisabledDates + .bootstrap-datetimepicker-widget table td.disabled:hover {
    cursor: pointer !important;
}

.allowedDisabledDates + .bootstrap-datetimepicker-widget table td span.disabled:hover {
    cursor: pointer !important;
}

.cardRequsetcontainer {
    padding: 5px 0px 5px 290px;
    color: #000;
}

    .cardRequsetcontainer span:first-child {
        min-width: 150px;
        display: inline-block;
    }

.msg-ta-fullwidth {
    width: 100% !important;
}

.errorBalanceCheck .table-grey-data {
    color: #d85b59 !important
}

.warningBalanceCheck .table-grey-data {
    background-color: #fff2b9 !important
}


.filter-in-col-data .input-group {
    margin-left: 0px !important;
    width: 100% !important;
}

#helpModal li {
    list-style: disc;
    margin-left: 20px
}

.charatersRemaining {
    font-size: 11px;
    padding-bottom: 3px;
}

.iti {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 5px !important;
}

.topXlsLink {
    min-width: 180px !important;
    padding-left: 0px !important;
    padding-right: 15px !important;
    margin-top: 5px;
}

#topXlsLinkContainer .dxp-ellip {
    width: 180px;
    display: none;
}

input[readonly].form-control-readonly {
    font-size: 13px;
    background: #D8EAD7;
    border: none;
    width: 100%;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #D8EAD7;
    transition: border-color 0.5s linear;
    -webkit-transition: border-color 0.5s linear;
    -moz-transition: border-color 0.5s linear;
    -o-transition: border-color 0.5s linear;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px !important;
}

.inlineRequiredCell {
    border-bottom: 1px solid white;
    background: #D8EAD7 !important;
}

.boxOnForm {
    /*padding-left: 15px;*/
}

.import-readonly-field {
    font-size: 13px;
    width: 98%;
    background-color: #ECEDF0 !important;
    cursor: not-allowed;
}

.actionBarOnForm {
margin-bottom:10px;
}

.actionBarOnForm div {
    margin-right:10px;
}

#gvAccrualGridView_DXFooterRow .dxgv {
    color: black;
    font-size: 10px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

/* TFS 51493: the "Count of employees" summary in the registry grid footer. Same shape as the accrual
   footer above, but green - like the label of the secondary buttons (.new-button-secondary-outlined). */
#gvPayrollEmployeeRegistryEmployeeGridView_DXFooterRow .dxgv {
    color: #007461;
    font-size: 10px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.mediumfont #gvPayrollEmployeeRegistryEmployeeGridView_DXFooterRow .dxgv {
    font-size: 11.5px;
}

.bigfont #gvPayrollEmployeeRegistryEmployeeGridView_DXFooterRow .dxgv {
    font-size: 12.5px;
}

/*
    Clearable text inputs
*/
.clearable {
}

    .clearable.x {
        background-image: url(/PublicContent/Images/mJotv.gif) !important;
        background-position: right 5px center !important;
        background-repeat: no-repeat !important;
    }
    /* (jQ) Show icon */
    .clearable.onX {
        cursor: pointer;
    }
    /* (jQ) hover cursor style */
    .clearable::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }
/* Remove IE default X */

.payrollCommandColumn {
    overflow: visible !important;
    padding-top: 0px !important;
}

.oneSwiftOrderCommandColumn {
    overflow: visible !important;
    padding-top: 0px !important;
}

.edocflowlinkCommandColumn {
    overflow: visible !important;
    padding-top: 0px !important;
}

.dxbButton_DxCLIC > .tooltip.top > .tooltip-inner{
    position: relative;
    left: 32%;
}

#Filter_AddSignatureAndStampToPrint {
    margin-top: 0px !important;
}
#Filter_PrintFilterCriteria {
    margin-top: 0px !important;
}

.autoHeightInputField {
    resize: none !important;
    word-break: break-word !important;
    min-height: 30px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.positionRelative {
    position: relative;
}

a.chosen-single.chosen-single-with-deselect{
    padding-right: 50px;
}

/* Remove Edge Password Reveal button */
::-ms-reveal {
    display: none;
}

.dxpLite_DxCLIC .dxp-pageSizeItem {
    width: auto;
}

.grid-memo-column {
    max-height: 100px; /* Adjust the height as necessary */
    overflow-y: auto !important;  /* Add a scrollbar for large text */
}

.ko-loading {
    display: none !important;
}







.logout-button {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    border-radius: 8px;
    outline: 1.50px var(--Main-Colors-Main-color, #007461) solid;
    outline-offset: -1.50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex
}

    .logout-button div {
        text-align: center;
        color: var(--Main-Colors-Main-color, #007461);
        font-size: 11px;
        font-family: Manrope;
        font-weight: 800;
        letter-spacing: 0.22px;
        word-wrap: break-word
    }

#top-menu-bar {
    background: #004652; /* var(--Main-Colors-Secondary-color-3, #004652) */
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 20px;
    position: fixed;
    top: 50px; /* Below the new top-header-bar */
    left: 0;
    width: 100%;
    z-index: 100000004; /* Must be above .chosen-drop (100000001) and #brckDiv (100000003) so menu dropdowns aren't hidden */
}

#top-header-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000006; /* Above top-menu-bar and .forced-collapse #brckDiv (100000005) so header dropdowns aren't hidden */
    background-color: #fff;
}

#top-header-bar-content {
    align-self: stretch;
    height: 50px;
    padding: 10px 0px 10px 22px;
    background: white;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow:visible;
}

#top-menu-bar .header-logo {
    height: 24px;
    width: auto;
    margin-right: 10px;
}




#main-menu-container .has-sub .menu-down-arrow {
    width: 10px;
    height: auto;
    margin-left: 5px;
    fill: #F7F8FA;
}

/* CR review remark: the down arrow marks the currently selected module only
   (li.active, e.g. Payments while on a payments page) - visible right after
   page load. All other main items never show an arrow - nor reserve space for
   it - hovered or clicked. display (not visibility) is safe here because the
   arrow no longer depends on hover/click state: which item has it is fixed for
   the lifetime of the page, so tab widths never shift during interaction.
   Desktop only: in collapsed (hamburger) mode these rules do not match and the
   hamburger keeps its own arrow behaviour. */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub .menu-down-arrow {
    display: none;
}
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub.active .menu-down-arrow {
    display: inline-block;
}

#main-menu-container .has-sub .menu-down-arrow-grey {
    display: none;
    width: 10px;
    height: auto;
    margin-left: 5px;
    fill: #F7F8FA;
}

#main-menu-container .has-sub .menu-right-arrow {
    display: none;
    /*width: 10px;*/
    height: auto;
    margin-left: 5px;
}

#main-menu-container {
    flex-grow: 1;
    display: flex;
    justify-content: left;
    height: 100%;
}

    #main-menu-container > ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        height: 100%;
    }

        #main-menu-container > ul > li.has-sub {
            position: relative; /* Allow submenu to be positioned relative to this */
        }

    #main-menu-container li.has-sub.active {
        background-color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    #main-menu-container > ul > li.has-sub.active a {
        color: #000;
        font-family: ManropeExtraBold;
        font-size: 11.5px;
        line-height: 12px;
    }

        #main-menu-container > ul > li.has-sub.active a .menu-down-arrow {
            color: #000;
        }


    #main-menu-container > ul > li.has-sub > a {
        display: flex;
        align-items: center;
        padding: 6px 13px;
        height: 100%;
        color: #F7F8FA; /* var(--Greys-Grey---200, #F7F8FA) */
        text-decoration: none;
        font-family: Manrope, ManropeBold, sans-serif;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.55px;
    }

            #main-menu-container > ul > li.has-sub.active > a {
                /* background-color: #fff;
                    color: #004652;*/
            }

            /* Removed hover background for main menu items as per new design example */
            #main-menu-container > ul > li.has-sub:hover > a {
                /* background-color: #f0f0f0; */
            }

    #main-menu-container > ul > li.has-sub > a:focus:not(:focus-visible) {
        outline: none !important;
    }

    #main-menu-container > ul > li.has-sub > a:focus-visible {
        outline: 2px solid #007461 !important;
        outline-offset: 2px;
        border-radius: 4px;
    }

    #main-menu-container .menu-icon {
        margin-right: 5px;
        height: 20px;
    }

/* TFS 51959: CORPEX Mobile link — outlined pill pinned to the right edge of the menu bar */
#corpex-mobile-link {
    display: flex;
    align-items: center;
    margin-left: auto;
}

    #corpex-mobile-link > a {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 8px 14px;
        border: 1.5px solid #A0D7A2;
        border-radius: 8px;
        background: transparent;
        color: #A0D7A2;
        font-family: Manrope, ManropeBold, sans-serif;
        font-size: 11px;
        font-weight: 800;
        line-height: 11px;
        letter-spacing: 0.22px;
        white-space: nowrap;
        text-decoration: none;
        transition: background-color 0.18s ease;
    }

        #corpex-mobile-link > a:hover,
        #corpex-mobile-link > a:active {
            background: #A0D7A2;
            color: #004652;
            text-decoration: none;
        }

        #corpex-mobile-link > a:focus:not(:focus-visible) {
            outline: none !important;
        }

        #corpex-mobile-link > a:focus-visible {
            outline: 2px solid #fff !important;
            outline-offset: 2px;
        }
/* Hide the old submenu bar wrapper */
#submenu-bar-wrapper {
    display: none;
}

/* New styles for floating submenu */
.submenu-data {
    display: none;
    position: absolute;
    top: 100%; /* Position below the main menu item */
    left: 0;
    background-color: #fff;
    min-width: 200px; /* Adjust as needed */
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    font-family: Manrope;
    z-index: 1030;
    border-radius: 0 10px 10px 10px;
}

#main-menu-container > ul > li.has-sub:hover > .submenu-data {
    display: block;
}

#main-menu-container > ul > li.has-sub:hover {
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}

    #main-menu-container > ul > li.has-sub:hover > a {
        color: #000;
        padding: 6px 13px;
    }
    #main-menu-container > ul > li.has-sub:hover > a .menu-down-arrow {
        color: #000;
    }
    /* Apply submenu anchor padding unconditionally so the submenu height does not change
       when hover/menu-open state on the parent main item changes. */
    #main-menu-container .submenu-data li a {
        padding: 6px 13px;
        color: #000;
    }

    #main-menu-container > ul > li.has-sub a .menu-down-arrow {
        color: #fff;
    }


#main-menu-container .submenu-data {
    align-self: stretch;
    /*padding-left: 13px;
    padding-right: 13px;*/
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

    #main-menu-container .submenu-data li {
        padding-left: 13px;
        padding-right: 13px;
        align-self: stretch;
        justify-content: center;
        display: flex;
        flex-direction: column;
        color: #000;
        font-size: 12px;
        font-family: Manrope;
        font-weight: 700;
        padding: 0px !important;
        line-height: 16px;
        word-wrap: break-word
    }
        #main-menu-container .submenu-data li:hover {
            background-color: #007461;
            color: #fff;
        }

            #main-menu-container .submenu-data li:hover a {
                color: #fff !important;
                text-decoration: none;
            }

    #main-menu-container .submenu-data a:focus:not(:focus-visible) {
        outline: none !important;
    }

    #main-menu-container .submenu-data a:focus-visible {
        outline: 2px solid #007461 !important;
        outline-offset: 2px;
        border-radius: 4px;
    }


.submenu-data ul {
    padding: 10px 0;
}

.submenu-bar-content ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    gap: 10px;
}

    .submenu-bar-content ul li a {
        display: flex;
        align-items: center;
        padding: 5px 10px;
        height: 100%;
        color: #004652; /* var(--Main-Colors-Secondary-color-3, #004652) */
        text-decoration: none;
        white-space: nowrap;
        font-size: 10px;
        text-transform: uppercase;
        font-family: Manrope, ManropeBold, sans-serif;
        font-weight: 800;
        letter-spacing: 0.80px;
        border-radius: 20px;
    }

        .submenu-bar-content ul li a:hover {
            background-color: #f0f0f0;
            height: 25px;
        }

    .submenu-bar-content ul li:first-child a {
    }
    /* No specific style for first child in new example */

    .submenu-bar-content ul li a.active {
        height: 25px;
        background: #004652; /* var(--Main-Colors-Secondary-color-3, #004652) */
        color: #F7F8FA; /* var(--Greys-Grey---200, #F7F8FA) */
    }


/* =========================================================================
   TFS 56222 - Horizontal submenu bar (desktop / non-collapsed mode only)
   ------------------------------------------------------------------------
   Converts the floating vertical submenu dropdown (.submenu-data) into a
   full-width horizontal bar placed under the main menu bar and above the
   navigation bar (#brckDiv). The bar stays open for the active module and is
   temporarily replaced when another main menu is hovered or clicked.

   Every rule is scoped with body:not(.forced-collapse) so the collapsed
   (hamburger) menu keeps its original behaviour untouched.
   ========================================================================= */

/* The submenu becomes a full-width horizontal bar below the main menu bar. */
body:not(.forced-collapse) #main-menu-container .submenu-data {
    position: fixed;
    top: 100px; /* below top-header-bar (50px) + top-menu-bar (50px) */
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 0 20px;
    background-color: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10);
    border-radius: 0;
    overflow: hidden;
    z-index: 100000002; /* below #top-menu-bar (…004) so the active tab stays on top */
}

/* Lay the submenu items out in a single horizontal row (scrolls if needed). */
body:not(.forced-collapse) #main-menu-container .submenu-data ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    height: 100%;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    /* The JS max-width allocation guarantees the row fits, so no scrollbar is
       needed; hidden also prevents a stray 1px scrollbar from rounding. */
    overflow-x: hidden;
    overflow-y: hidden;
}

body:not(.forced-collapse) #main-menu-container .submenu-data li {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 0 !important;
    background: transparent;
}

/* Submenu item label: green (P1), pill shape, single line with ellipsis. */
body:not(.forced-collapse) #main-menu-container .submenu-data li a {
    /* inline-block (not flex) so text-overflow: ellipsis works on the label. */
    display: inline-block;
    box-sizing: border-box;
    height: 26px;
    line-height: 26px; /* vertically centre the single-line label */
    /* max-width is set per item from JS (setSubmenuItemMaxWidth): the bar width
       divided by the number of items. This is the fallback before JS runs. */
    max-width: 220px;
    padding: 0 8px;
    border-radius: 30px;
    color: #004652; /* P1 green */
    font-family: Manrope, ManropeBold, sans-serif;
    font-weight: 800;
    /* Matches the main menu label size; the .mediumfont / .bigfont accessibility
       modes scale it up via dedicated overrides further down. */
    font-size: 10px;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* trimmed label shows … (spec 3.2.2) */
}

/* Hover: light tint, keep the green label (no full-row fill). The tint is
   bound to the <a> only: the <li> stretches to the full 50px bar height, so
   a li:hover trigger lights the pill before the pointer reaches it and makes
   the selected (dark) pill flicker dark -> light -> dark on approach. */
body:not(.forced-collapse) #main-menu-container .submenu-data li:hover {
    background: transparent;
}
body:not(.forced-collapse) #main-menu-container .submenu-data li a:hover {
    background-color: #e8f5e8;
    color: #004652 !important;
    text-decoration: none;
}
/* While only the li band is hovered, keep the label colors unchanged - the
   legacy dropdown rule (li:hover a -> white !important) would otherwise turn
   an unselected pill's label white-on-white. The open dropdowns win these via
   their more specific .hover-open/.keyboard-open li:hover rules. */
body:not(.forced-collapse) #main-menu-container .submenu-data li:hover a {
    color: #004652 !important;
}
body:not(.forced-collapse) #main-menu-container .submenu-data li:hover a.active {
    color: #fff !important;
}

/* Selected submenu item: dark green (S3) pill, white label. */
body:not(.forced-collapse) #main-menu-container .submenu-data a.active,
body:not(.forced-collapse) #main-menu-container .submenu-data a.active:hover {
    background-color: #004652; /* S3 */
    color: #fff !important;
}

/* The two-line item descriptions do not belong in a single-line bar. */
body:not(.forced-collapse) #main-menu-container .submenu-data .itemleveldescription {
    display: none;
}

/* ---- Visibility --------------------------------------------------------
   The active module's submenu stays open as the persistent horizontal bar.
   Opening a main item (JS hover-intent = .hover-open, or a click = .keyboard-open)
   drops its submenu down as a vertical menu (see the dropdown block below) on top
   of that bar. */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub.active > .submenu-data,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open {
    display: flex;
}

/* An active module whose submenu has no items (e.g. all hidden by rights, or a
   non-module page like My Tasks that has no submenu at all) must show no bar:
   hide the empty bar so it can't overlap the breadcrumb, and - together with the
   reservation below requiring a submenu <li> - the page content is not pushed
   down for a bar that isn't there. */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub.active > .submenu-data:not(:has(li)) {
    display: none;
}

/* The dropdown opens from JS hover-intent (.hover-open, added on the top-bar
   link) or a click (.keyboard-open) - never raw :hover. Hovering the persistent
   submenu bar (a descendant of the active <li>) must NOT re-open/transform it,
   otherwise the bar would jump into a dropdown from under the pointer and
   flicker. Keep every non-active submenu that isn't open hidden, overriding the
   generic li.has-sub:hover display rule higher up in this file. */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub:not(.active) > .submenu-data:not(.hover-open):not(.keyboard-open) {
    display: none;
}

/* ---- Hover / click dropdown (restores the pre-56222 vertical menus) -----
   The dropdown is rendered as a vertical menu overlaying the persistent bar. On
   hover it is a SEPARATE cloned element (.submenu-dropdown, carrying .hover-open)
   appended over the bar - the bar itself is left in place and blurred behind it
   (see the blur rule below), so there is no flicker and no grey gap. A click
   instead transforms the original submenu in place (.keyboard-open) for keyboard
   / touch access. Both are styled identically by the rules that follow. */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    width: auto;
    min-width: 220px;
    max-width: 380px;
    height: auto;
    padding: 0;
    align-items: stretch; /* let the item rows fill the dropdown width */
    background-color: #fff;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    z-index: 100000003; /* above the persistent submenu bar (…002) */
}

/* Stack the dropdown items vertically again. */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open ul,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open ul {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    height: auto;
    width: auto;
    padding: 10px 0;
    overflow: visible;
}

body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open li,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open li {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    background: transparent;
}

body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open li:hover,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open li:hover {
    background-color: #007461;
}

/* Full-width rows again: clear the JS bar max-width, drop the pill shape and
   restore the multi-line label + item-level description look of the old menu. */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open li a,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open li a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: none !important; /* beats the inline bar allocation set from JS */
    height: auto;
    line-height: 16px;
    padding: 6px 13px;
    border-radius: 0;
    color: #000;
    /* Font size / case / letter-spacing intentionally left to inherit the bar's
       values so the .mediumfont / .bigfont accessibility modes keep scaling. */
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open li:hover a,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open li:hover a {
    background-color: transparent;
    color: #fff !important;
}

/* Keep the current-page item highlighted inside the dropdown. */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open a.active,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open a.active {
    background-color: #004652;
    color: #fff !important;
}

/* Show the two-line item descriptions again (hidden in the bar). */
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.hover-open .itemleveldescription,
body:not(.forced-collapse) #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open .itemleveldescription {
    display: block;
}

/* ---- Blur the bar behind an open dropdown ------------------------------
   While any dropdown is open - a hover clone (.hover-open on the cloned
   .submenu-dropdown) or a click / keyboard opened submenu (.keyboard-open) -
   blur the persistent submenu bar so the sharp dropdown dropped over it stands
   out and the bar reads as a soft backdrop (never a grey gap). Driven by
   :has() on the same classes that control dropdown visibility, so the blur
   cannot get out of sync with an open dropdown regardless of how it was
   opened or closed (click, Escape, outside click, focusout). The open
   dropdown itself is excluded so it stays crisp. */
body:not(.forced-collapse) #main-menu-container:has(.submenu-data.hover-open, .submenu-data.keyboard-open) .submenu-data:not(.submenu-dropdown):not(.keyboard-open) {
    filter: blur(3px);
}

/* A dropdown clone whose open state was stripped by one of the generic close
   paths (Escape, outside click, focusout, another submenu opened - they all
   remove .keyboard-open from every .submenu-data sibling, the clone included)
   must never fall back to the active module's base bar styling: it would paint
   a second bar over the real one. Dead clones stay inert until the next open
   purges them from the DOM. Clones are a desktop-only mechanism, so they are
   also hidden wholesale in collapsed (hamburger) mode, e.g. after a resize. */
#main-menu-container .submenu-dropdown:not(.hover-open):not(.keyboard-open),
.forced-collapse #main-menu-container .submenu-dropdown {
    display: none !important;
}

/* ---- Reserve vertical space for the persistent bar ---------------------
   Only the active module's horizontal bar takes layout space. Hover / click
   dropdowns float above the page (like the old vertical menus) and reserve
   nothing, so the page never jumps as the pointer moves across the menu. */
body:not(.forced-collapse):has(#main-menu-container > ul > li.has-sub.active > .submenu-data li) #brckDiv {
    top: 150px;
}
body:not(.forced-collapse):has(#main-menu-container > ul > li.has-sub.active > .submenu-data li) #page-content-wrapper {
    padding-top: 200px !important; /* header 50 + menu 50 + submenu 50 + breadcrumb 50 */
}
/* Pages without a breadcrumb bar: the submenu sits right below the menu. */
body:not(.forced-collapse):not(:has(#brckDiv)):has(#main-menu-container > ul > li.has-sub.active > .submenu-data li) #page-content-wrapper {
    padding-top: 125px !important; /* header 50 + menu 50 + submenu 50 (no breadcrumb) */
}


.itemleveldescription {
    display: block;
    font-size: 10px;
    text-transform: none;
    /*color: #777;*/
    font-weight: normal;
}

#user-menu {
    position: relative;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#user-menu-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 100%;
}

/* Removed hover background for user-menu-toggle as per new design example */
/* #user-menu:hover #user-menu-toggle {
        background-color: #f0f0f0;
    } */

#user-menu .userinfo {
    font-family: ManropeBold, sans-serif;
    text-align: right;
    margin-right: 10px;
}

    #user-menu .userinfo span {
        display: block;
        line-height: 1.2;
        font-size: 12px;
    }

#user-menu-dropdown {
    display: none;
    position: fixed;
    top: 40px;
}

#user-menu:hover #user-menu-dropdown {
    display: block;
}

#user-menu .new-button-primary,
#contact-center-menu .new-button-secondary-outlined {
    height: auto;
    min-height: 30px;
    justify-content: flex-start;
    text-align: left;
}

#user-menu .new-button-primary span,
#contact-center-menu .new-button-secondary-outlined span {
    text-align: left;
}

#user-menu-dropdown ul {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

/*   #user-menu-dropdown ul li a {
        display: block;
        padding: 10px 20px;
        color: #333;
        text-decoration: none;
    }

        #user-menu-dropdown ul li a:hover {
            background-color: #d8e6b5;
        }*/



/* New styles for floating submenu */
.dropdown-white {
    background-color: #fff;
    min-width: 200px; /* Adjust as needed */
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    font-family: Manrope;
    z-index: 1030;
    border-radius: 0 0 4px 4px;
    align-self: stretch;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

    .dropdown-white li {
        align-self: stretch;
        justify-content: center;
        padding-left: 13px;
        padding-right: 13px;
        display: flex;
        flex-direction: column;
        color: #000;
        font-size: 12px;
        font-family: Manrope;
        font-weight: 700;
        padding: 6px 13px;
        line-height: 16px;
        word-wrap: break-word
    }

        .dropdown-white li a {
            color: #000;
        }

        .dropdown-white li:hover {
            background-color: #007461;
            color: #fff;
        }

            .dropdown-white .li-separator:hover {
                background-color: #fff !important;
                color: #fff;
                cursor: default;
            }

            .dropdown-white li:hover a {
                color: #fff;
                text-decoration: none;
            }

            .dropdown-white li a:focus {
                outline: none;
                box-shadow: none;
                background-color: transparent;
            }


    .dropdown-white ul {
        padding: 10px 0;
    }

.login-information {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10px;
}

#messages-menu-dropdown {
    display: none;
    position: fixed !important;
    top: 40px !important;
    left: auto !important;
}

#messages-menu:hover #messages-menu-dropdown {
    display: block;
}

#messages-menu-dropdown ul {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

/*   #messages-menu-dropdown ul li a {
        display: block;
        padding: 10px 20px;
        color: #333;
        text-decoration: none;
    }

        #messages-menu-dropdown ul li a:hover {
            background-color: #d8e6b5;
        }*/

#sessionCountdown {
    font-weight: bold;
    color: #F7F8FA;
}

/* --- Hamburger Menu Styles --- */
.hamburger-icon {
	display: none;
	cursor: pointer;
	/* flex-direction: column;
    justify-content: center;*/
	gap: 5px;
	width: 30px;
	height: 30px;
	/*padding: 5px;*/
	z-index: 1040;
	background-color: transparent !important;
	border: none !important;
}

    .hamburger-icon span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #F7F8FA; /* Matches text color */
        border-radius: 2px;
        transition: all 0.3s ease;
    }


/*@media screen and (pointer: coarse) {
    #top-menu-bar {
        overflow-x: scroll;
    }
    #main-menu-container {
        overflow: visible
    }
}*/

/* --- TOUCHSCREEN OVERRIDES --- */
/*@media screen and (pointer: coarse) {
    #top-menu-bar {
        overflow-x: auto;*/ /* Enable Scroll */
        /*overflow-y: hidden;
        white-space: nowrap;*/ /* Force items to stay in one line */
        /*-webkit-overflow-scrolling: touch;*/ /* Smooth scroll on iOS */
        /* Hide Scrollbar */
        /*scrollbar-width: none;*/ /* Firefox */
        /*-ms-overflow-style: none;*/ /* IE 10+ */
    /*}

        #top-menu-bar::-webkit-scrollbar {
            display: none;*/ /* Chrome/Safari */
        /*}

    #main-menu-container {
        display: inline-block;*/ /* Ensure container fits content */
        /*width: auto;
    }*/

    /* Important: Submenu default state controlled by JS now, 
       but ensure it doesn't get clipped by default styles */
    /*.submenu-data {
        box-shadow: 0px 5px 15px rgba(0,0,0,0.3);*/ /* Stronger shadow for floating look */
    /*}
}*/

.logo-holder {
    display: flex;
    align-items: center;
    width: 273px;
}

  .forced-logo-collapse .logo-holder {
        display: flex;
        align-items: center;
        width: 50px;
        min-width: 50px;
        overflow: hidden;
        margin-right: 20px;
    }

  /*  .forced-collapse .logo-holder {
        display: flex;
        align-items: center;
        width: 50px;
        min-width: 50px;
        overflow: hidden;
        margin-right: 20px;
    }*/

.forced-collapse #stampPrintOptionHolder {
    color: #fff !important;
}
.forced-collapse #addSignatureAndStampToPrintCheckbox,
.forced-collapse #printFilterCriteria,
.forced-collapse #printElectronicSignature {
    border: 1px solid #fff !important;
}


.forced-collapse #brckDiv {
    position: fixed;
    top: 50px;
    left: 40px;
    z-index: 200000001 !important; /* Above #top-menu-bar (100000004) so brckDiv stays visible in collapsed mode where they share the same row */
    background-color: #004652; /*#004652;  Match top-menu-bar background */
    padding: 8px 20px 0px 20px;
    height: 50px;
}

.forced-collapse #top-menu-bar {
z-index: 200000000 !important;
}

.forced-collapse #top-header-bar{
z-index: 200000002 !important;
}

    .forced-collapse #brckDiv span {
        color: #fff;
    }

    .forced-collapse .brckDiv-back-btn:focus-visible {
        outline-color: #fff;
    }

    .forced-collapse #page-content-wrapper {
        padding-top: 100px !important;
    }

    .forced-collapse .hamburger-icon {
        display: flex; /* Show hamburger on small screens */
    }

    .forced-collapse #dashboard-link {
        display: none; /* Hide dashboard link on small screens */
    }

    .forced-collapse .collapsed-dashboard-link {
        display: list-item; /* Show dashboard link in collapsed menu */
    }

    .forced-collapse #main-menu-container > ul > li.collapsed-dashboard-link > a {
        padding: 10px 20px;
    }

    .forced-collapse #top-menu-bar {
        justify-content: flex-start; /* Align icon to left */
    }

    .forced-collapse #main-menu-container {
        display: none; /* Hide menu by default */
        position: absolute;
        top: 50px; /* Height of the top bar */
        left: 0;
        width: 100%;
        background-color: #fff; /* Match existing background */
        flex-direction: column;
        height: auto;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
        /* Class to show menu when clicked */
    .forced-collapse #main-menu-container.mobile-open {
        display: flex !important;
        width: 200px;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        margin-left: 20px;
    }

    .mediumfont.forced-collapse #main-menu-container.mobile-open {
        width: 230px;
    }

    .bigfont.forced-collapse #main-menu-container.mobile-open {
        width: 250px;
    }

    .forced-collapse #main-menu-container > ul {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .forced-collapse #main-menu-container > ul > li.has-sub {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .forced-collapse #main-menu-container > ul > li.has-sub > a {
        padding: 15px 20px;
        /*height: auto;*/
        width: 100%;
        display: block;
        color: #000;
    }

    .forced-collapse #main-menu-container > ul > li.has-sub:hover {
        width: 100%;
        background-color: #A0D7A2;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .forced-collapse #main-menu-container > ul > li.has-sub:hover > a {
        padding: 15px 20px;
        /*height: auto;*/
        width: 100%;
        display: block;
        color: #000;
    }

    .forced-collapse #main-menu-container > ul > li.has-sub:hover {
        border-radius: 0px
    }

    .forced-collapse #main-menu-container .has-sub .menu-down-arrow {
        display: inline-block;
        color: #000 !important
    }

    .forced-collapse #main-menu-container > ul > li.has-sub:hover a .menu-down-arrow {
        display: none;
    }

    .forced-collapse #main-menu-container .has-sub:hover .menu-right-arrow {
        display: inline-block;
        margin-top: 0px;
        position: absolute;
        padding-left: 2px;
    }
    /* Adjust Submenus for Mobile flow */
    .forced-collapse .submenu-data {
        position: static; /* Stack naturally, don't float */
        width: 100%;
        box-shadow: none;
        padding-left: 20px;
        border-radius: 0px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

    /* TFS 51959: collapsed (hamburger) menu — CORPEX Mobile is the last row of the list,
       styled like the other collapsed menu rows. */
    .forced-collapse #corpex-mobile-link {
        margin-left: 0;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

        .forced-collapse #corpex-mobile-link > a {
            display: block;
            width: 100%;
            padding: 15px 20px;
            border: none;
            border-radius: 0;
            background: transparent;
            color: #000;
            font-size: 10px;
            line-height: normal;
            letter-spacing: 0.55px;
            text-transform: uppercase;
        }

        .forced-collapse #corpex-mobile-link > a:hover,
        .forced-collapse #corpex-mobile-link > a:active {
            background-color: #A0D7A2;
            color: #000;
        }

        .forced-collapse #corpex-mobile-link > a:focus-visible {
            outline: 2px solid #007461 !important;
            outline-offset: -2px;
        }


body.greyscale::after {
    content: "";
    position: fixed;
    inset: 0; /* covers the whole screen */
    width: 100vw;
    height: 100vh;
    backdrop-filter: grayscale(100%) contrast(1.01); /* Filters everything behind it */
    pointer-events: none; /* Crucial: clicks go through this layer to the modal */
    z-index: 999999999999999; /* Sits on top of everything, including the modal */
}

.mediumfont html[data-useragent*='MSIE 10.0'] .form-control {
    line-height: 1.15 !important;
}

.mediumfont html[data-useragent*='MSIE 9.0'] .form-control {
    line-height: 1.15 !important;
}

.mediumfont .sidebar-nav li {
    line-height: 0.92;
}

    .mediumfont .sidebar-nav li a {
        font-size: 14.95px;
    }
    /* Ensure submenus display on hover/click on mobile */
    .forced-collapse #main-menu-container > ul > li.has-sub:hover > .submenu-data,
    .forced-collapse #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open {
        display: block;
        position: absolute;
        left: 180px;
        top: 0px;
        width: auto;
        border-radius: 10px;
        border: 1px solid #C1C9D6;
        background: #FFF;
        /* Panel shadow 1 */
        box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.25);
    }

    /* mobile-open: container is a scroll context (overflow-y: auto), which would clip flyout
       submenus. Promote to position: fixed; the mouseenter handler writes the CSS vars from
       the parent <li>'s viewport rect, so hover-opened and click-locked flyouts share the
       same positioning. */
    .forced-collapse #main-menu-container.mobile-open > ul > li.has-sub:hover > .submenu-data,
    .forced-collapse #main-menu-container.mobile-open > ul > li.has-sub > .submenu-data.keyboard-open {
        position: fixed;
        top: var(--mobile-submenu-top, -9999px);
        left: var(--mobile-submenu-left, -9999px);
        z-index: 10000;
    }

    .forced-collapse #main-menu-container .submenu-data li {
        color: #000;
    }

    /* Collapsed (hamburger) flyout: each submenu item is a single line that
       shows as much of the label as fits and trims the overflow with an
       ellipsis - the same behaviour as the desktop horizontal bar. Without this
       the flyout fell back to word-wrap: break-word and, combined with the
       leaked bar-width allocation, broke labels one character per line. */
    .forced-collapse #main-menu-container .submenu-data li a {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Two-line item descriptions (e.g. new-payment items) must keep wrapping;
       white-space is inherited, so reset it on the description span. */
    .forced-collapse #main-menu-container .submenu-data li a .itemleveldescription {
        white-space: normal;
    }

    /* Bound the flyout so a long label ellipsises instead of running off the
       right edge. The 200px-wide open menu sits at left ~20px and the flyout is
       positioned just past it, so cap the width to the space that remains. */
    .forced-collapse #main-menu-container > ul > li.has-sub:hover > .submenu-data,
    .forced-collapse #main-menu-container > ul > li.has-sub > .submenu-data.keyboard-open {
        max-width: calc(100vw - 220px);
    }

    .forced-collapse #main-menu-container > ul > li.menu_alllist {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        border-radius: 0;
        background: transparent;
        height: auto;
    }

    .forced-collapse #main-menu-container > ul > li.menu_alllist > a {
        padding: 15px 20px;
        width: 100%;
        display: block;
        color: #000;
    }

    .forced-collapse #main-menu-container > ul > li.menu_alllist:hover {
        background-color: #A0D7A2;
    }

    .forced-collapse #main-menu-container > ul > li.menu_alllist:hover > a {
        color: #000;
    }

.forced-collapse #contact-center-menu .new-button-secondary-outlined span,
.forced-collapse #contact-center-menu .new-button-secondary-outlined svg:last-child {
    display: none;
}

.forced-collapse #contact-center-menu .new-button-secondary-outlined svg:first-child {
    width: 18px;
    height: 18px;
    margin-top:3px;
}

.forced-collapse #contact-center-menu .new-button-secondary-outlined {
    padding: 2px 5px 3px 4px;
    gap: 0;
}


#contact-center-menu .new-button-secondary-outlined svg:first-child {
    width: 18px;
    height: 18px;
    margin-top:3px;
}

#contact-center-menu .new-button-secondary-outlined {
    padding-top: 2px;
    padding-bottom: 3px;
}

/* TFS 52941 - Contact Us dropdown (header + phones + Feedback entry) */
#contact-center-dropdown {
    padding: 0;
    min-width: 250px;
    border-radius: 12px;
    background-color: #f7f8f9;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
}

#contact-center-dropdown .contact-center-dropdown-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid #e2e5e9;
    color: #007461;
}

#contact-center-dropdown .contact-center-dropdown-header svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

#contact-center-dropdown .contact-center-dropdown-header span {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

#contact-center-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 6px 0 8px;
}

#contact-center-dropdown li {
    padding: 8px 18px;
}

#contact-center-dropdown li:hover {
    background-color: #eef2f3;
}

#contact-center-dropdown li a {
    display: block;
    text-decoration: none;
}

#contact-center-dropdown li:hover a {
    color: inherit;
    text-decoration: none;
}

#contact-center-dropdown .contact-center-divider {
    padding: 0;
    margin: 4px 18px;
    border-bottom: 1px solid #e2e5e9;
    cursor: default;
}

#contact-center-dropdown .contact-center-divider:hover {
    background-color: transparent;
}

#contact-center-dropdown .contact-center-divider-full {
    margin: 4px 0;
}

#contact-center-dropdown .contact-center-phone-number,
#contact-center-dropdown .contact-center-feedback-title {
    color: #007461;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
}

#contact-center-dropdown .contact-center-phone-label,
#contact-center-dropdown .contact-center-feedback-desc {
    color: #666E8A;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

#contact-center-dropdown .contact-center-feedback-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#contact-center-dropdown .contact-center-feedback-row svg {
    flex-shrink: 0;
    color: #007461;
}

#contact-center-dropdown .contact-center-feedback-desc {
    max-width: 200px;
}

.menu_alllist {
	background: #A0D7A2;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 8px;
	transition: background-color 0.18s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
    line-height:10px;
	font-size: 10px;
	letter-spacing: 0.55px;
	height: 50%;
	font-weight: 800;
	margin-top: auto;
	margin-bottom: auto;
	font-family: Manrope, ManropeBold, sans-serif;
    margin-right:7.5px;
}

.mediumfont .timer-bubble {
    font-size: 11.5px !important;
}

.mediumfont .headerLoginInfoTitle {
    font-size: 12.65px;
}

.mediumfont .footerinfo {
    font-size: 12.65px;
}

.mediumfont div.content div.form-horizontal div.form-title {
    font-size: 18.4px;
    line-height: 37.95px;
}

.mediumfont div.content div.box-title-old {
    font-size: 16.1px;
    line-height: 20.7px;
}

.mediumfont div.box-title {
    font-size: 12.65px;
    line-height: 23px;
}

.mediumfont .subtable {
    font-size: 13.8px;
}

.mediumfont .subtabletop {
    font-size: 13.8px;
}

.mediumfont .subtablenoborders {
    font-size: 13.8px;
}

.mediumfont .subtableexample {
    font-size: 12.65px;
}

.mediumfont p.przypis {
    font-size: 11.5px;
}

.mediumfont em.komunikat {
    font-size: 13.8px;
}

.mediumfont div.box-title-help {
    font-size: 14.95px;
    line-height: 20.7px;
}

.mediumfont .help-content {
    font-size: 14.95px;
}

.mediumfont div.box-title-action {
    font-size: 14.95px;
    line-height: 20.7px;
}

.mediumfont div.box-title-light {
    font-size: 14.95px;
    line-height: 18.4px;
}

.mediumfont .small-box-title {
    font-size: 12.65px;
    line-height: 20.7px;
}

.mediumfont .filter-head .filter-row .btn-default,
.mediumfont .filter-head .filter-row .btn-default-secondary {
    font-size: 12.65px !important;
}

.mediumfont .userinfo {
    font-size: 11.5px;
    line-height: 13.8px;
}

.mediumfont .filter-toggler {
    font-size: 10.35px !important;
}

.mediumfont .filter-row .control-label {
    font-size: 12.65px;
}

.mediumfont div.box div.naglowek-mini div.info {
    font-size: 11.5px;
    line-height: 16.1px;
}

.mediumfont .singleMessage {
    font-size: 18.4pt;
}

.mediumfont .commentMessage {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont div.content .control-label {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .saved-data {
    font-size: 18.4px;
    line-height: 34.5px;
}

.mediumfont .tf-counter {
    line-height: 34.5px;
    font-size: 18.4px;
}

.mediumfont div.content .form-control {
    font-size: 14.95px;
    line-height: 34.5px;
}

.mediumfont .input-group .input-group-addon {
    font-size: 14.95px;
}

.mediumfont div.content textarea.form-control {
    line-height: 24.15px;
}

.mediumfont div.content div.headerinfo a {
    font-size: 9.2pt;
}

.mediumfont div .btn-default-nobackground {
    line-height: 16.1px;
}

.mediumfont div .btn-confirm-error {
    line-height: 14.95px;
    font-size: 14.95px;
}

.mediumfont div .btn-confirm-warning {
    line-height: 14.95px;
    font-size: 14.95px;
}

.mediumfont div .btn-confirm-info {
    line-height: 14.95px;
    font-size: 14.95px;
}

.mediumfont div .btn-confirm {
    line-height: 14.95px;
    font-size: 14.95px;
}

.mediumfont .confirm-text {
    font-size: 11.5px;
    line-height: 34.5px;
}

.mediumfont #alertDiv .alertRow .alertMessage {
    font-size: 13.8px;
}

.mediumfont #alertCloseAllLabel {
    font-size: 12.65px;
}

.mediumfont #alertCloseAllX {
    font-size: 19.55px;
}

.mediumfont div .btn-default-red {
    line-height: 16.1px;
    font-size: 10.35px !important;
}

.mediumfont .btn-single-image > span {
    font-size: 18.4px;
}

/* .mediumfont div .btn-default {
    font-size: 16.1px;
    line-height: 16.1px !important;
}

.mediumfont div .btn-primary:focus {
    line-height: 16.1px !important;
}

.mediumfont div .btn-default-secondary {
    font-size: 16.1px !important;
    line-height: 16.1px !important;
    padding: 8px !important
}

    .mediumfont div .btn-default-secondary:focus {
        line-height: 16.1px !important;
    } */

.mediumfont .btn-default-secondary-filter, .btn-default-secondary-filter:active {
    line-height: 28.75px;
}

.mediumfont .btn-default-filter, .btn-default-filter:active {
    font-size: 10.35px;
}

.mediumfont div .btn-addon-searcher {
    line-height: 16.1px;
}

.mediumfont .btn-advanced-search {
    font-size: 9.2px;
    line-height: 11.5px;
}

.mediumfont div .btn-addon {
    line-height: 20.7px;
}

.mediumfont .form-title {
    font-size: 27.6px;
    line-height: 29.9px;
}

.mediumfont .small-form-title {
    font-size: 16.1px;
    line-height: 18.4px;
}

.mediumfont .chosen-container {
    font-size: 14.95px;
    line-height: 34.5px;
}

.mediumfont .chosen-container-single .chosen-single {
    /*line-height: 34.5px;*/
}

.mediumfont .chosen-container .chosen-results li.active-result {
    font-size: 12.65px;
}

.mediumfont .iti__country.iti__highlight {
    font-size: 12.65px;
}

.mediumfont .iti__country {
    font-size: 12.65px;
}

.mediumfont body {
    font-size: 13.8px;
    line-height: 14.95px;
}

.mediumfont div.footer {
    font-size: 11.5px;
}

    .mediumfont div.footer div.support div.application span.version {
        font-size: 11.5px;
    }

    .mediumfont div.footer div.support div.application span.ac {
        font-size: 11.5px;
    }

.mediumfont .sf-menu, .mediumfont .sf-menu * {
    font-size: 13.8px;
}

.mediumfont .sf-menu {
    line-height: 1.15;
}

    .mediumfont .sf-menu li li a, .mediumfont .sf-menu li li div {
        font-size: 12.65px;
    }

.mediumfont div.header .dropdown-menu > li {
    font-size: 12.65px;
}

.mediumfont div.content .btn-show {
    line-height: 16.1px;
    font-size: 12.65px;
}

.mediumfont .ui-menu-item {
    font-size: 11.5px;
}

/* Media Query: max-width: 767px */
@media (max-width: 767px) {
    .mediumfont .dropdown .open .dropdown-toggle {
        font-size: 23px; /* cascaded rule: first one */
    }

    .mediumfont .dropdown .open .dropdown-toggle {
        font-size: 18.4px; /* cascaded rule: second one */
    }
}

.mediumfont .SuccessInGridPreviewRow {
    font-size: 12.65px;
}

.mediumfont .WarningInGridPreviewRow {
    font-size: 12.65px;
}

.mediumfont .ErrorInGridPreviewRow {
    font-size: 12.65px;
}

.mediumfont .CommentInGridPreviewRow {
    font-size: 12.65px;
}

.mediumfont .bootstrap-datetimepicker-widget.dropdown-menu {
    font-size: 13.8px;
}

.mediumfont .sidemenu > ul > li > a {
    font-size: 18.4px; /* cascaded rule 1 */
}

.mediumfont .sidemenu > ul > li > a {
    font-size: 14.95px; /* cascaded rule 2 */
}

.mediumfont .sidemenu ul ul li a {
    font-size: 13.8px;
}

.mediumfont .actionTopElement span {
    font-size: 8.05px;
    line-height: 9.2px;
}

.mediumfont .actionFormElement span {
    font-size: 8.05px;
    line-height: 9.2px;
}

.mediumfont .table-grey-header {
    font-size: 10.35px;
    line-height: 11.5px;
}

.mediumfont .table-black-title {
    font-size: 10.35px;
}

.mediumfont .table-grey-data {
    font-size: 12.65px !important;
    line-height: 16.1px;
}

.mediumfont .table-light-data {
    font-size: 12.65px !important;
    line-height: 16.1px;
}

.mediumfont .table-rowedit-data {
    font-size: 14.95px !important;
}

.mediumfont .tab-container ul li a {
    font-size: 11.5px;
}

.mediumfont .userinfo {
    font-size: 11.5px;
    line-height: 13.8px;
}

.mediumfont .btn-smaller {
    font-size: 12.65px !important;
}

.mediumfont #flyout_menu > ul > li > a {
    font-size: 18.4px; /* cascaded rule 1 */
}

.mediumfont #flyout_menu > ul > li > a {
    font-size: 17.25px; /* cascaded rule 2 */
}

.mediumfont #flyout_menu ul ul li a {
    font-size: 14.95px;
}

.mediumfont .tooltip > .tooltip-inner {
    font-size: 13.8px !important;
}

.mediumfont .cbText {
    font-size: 11.5px;
}

.mediumfont .cbToggler {
    font-size: 11.5px;
}

.mediumfont #cbEmpty > span {
    font-size: 11.5px;
}

.mediumfont .dxp-pageSizeItem {
    font-size: 10.35px !important;
}

.mediumfont .dxp-num {
    font-size: 11.5px;
}

.mediumfont .dxtlControl_DxCLIC {
    font-size: 13.8px;
}

.mediumfont .dxeHyperlink_DxCLIC {
    font-size: 13.8px;
}

.mediumfont .dxtlControl_DxCLIC {
    font-size: 13.8px;
}

.mediumfont .dxeHyperlink_DxCLIC {
    font-size: 13.8px;
}

.mediumfont .dxtlPagerBottomPanel_DxCLIC label,
.mediumfont .dxgvPagerBottomPanel_DxCLIC label {
    font-size: 10.35px !important;
}

.mediumfont .dxgvDataRow_DxCLIC td {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont #gvPaymentListSelected_DXMainTable .dxgvDataRow_DxCLIC td {
    font-size: 12.65px; /* Inherited/Implicit logic from previous structure, usually same */
}

.mediumfont .total-green {
    font-size: 11.5px;
}

.mediumfont .bankInfo {
    font-size: 12.65px;
    line-height: 34.5px;
}

.mediumfont .balanceInfo {
    font-size: 12.65px;
}

.mediumfont #waiterModal .modal-header {
    font-size: 14.95px !important;
}

.mediumfont #waiterModal .modal-title {
    font-size: 14.95px !important;
}

.mediumfont #waiterModal span {
    font-size: 11.5px;
}

.mediumfont .dxgvDetailCell_DxCLIC .form-control-account {
    height: 23px; /* Derived from previous sizes often associated with line-heights/font sizes in inputs */
}

.mediumfont .dxgvDetailCell_DxCLIC .alias-btn {
    line-height: 20.7px;
    font-size: 11.5px;
}

.mediumfont #gvAuditLogShared_DXMainTable .dxgvHeader_DxCLIC,
.mediumfont #gvCardHistory_DXMainTable .dxgvHeader_DxCLIC,
.mediumfont #gvTransactionHistoryShared_DXMainTable .dxgvHeader_DxCLIC,
.mediumfont #gvCardRequest_DXMainTable .dxgvHeader_DxCLIC {
    font-size: 12.65px;
    line-height: 14.95px;
}

.mediumfont #gvAuditLogShared_DXMainTable .dxgvDataRow_DxCLIC td,
.mediumfont #gvCardHistory_DXMainTable .dxgvDataRow_DxCLIC td,
.mediumfont #gvTransactionHistoryShared_DXMainTable .dxgvDataRow_DxCLIC td,
.mediumfont #gvCardRequest_DXMainTable .dxgvDataRow_DxCLIC td {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont #gvStandingOrder_DXMainTable .dxgvHeader_DxCLIC {
    font-size: 12.65px;
    line-height: 14.95px;
}

.mediumfont #gvStandingOrder_DXMainTable .dxgvDataRow_DxCLIC td {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont #currentLabel {
    line-height: 34.5px;
}

.mediumfont #globalLabel {
    line-height: 34.5px;
}

.mediumfont .green-arrow option {
    line-height: 34.5px;
    font-size: 12.65px;
}

.mediumfont .modal-content .dxgvHeader_DxCLIC {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .dk-select, .mediumfont .dk-select-multi {
    line-height: 1.725em;
}

.mediumfont .dk-selected {
   /* line-height: 21.85px;*/
}

.mediumfont .dk-select-open-up .dk-select-options {
    font-size: 16.1px;
}

.mediumfont .dk-select-open-down .dk-select-options {
    font-size: 16.1px;
}

.mediumfont .dk-option {
    font-size: 12.65px;
    line-height: 34.5px;
}

.mediumfont .dk-optgroup-label {
    font-size: 12.65px;
    line-height: 17.25px;
}

.mediumfont #btis, .mediumfont #bctis, .mediumfont #corrbctis, .mediumfont #bcptis, .mediumfont #tflookup, .mediumfont #aspspactis {
    font-size: 16.1px;
}

.mediumfont #btis_info, .mediumfont #bctis_info, .mediumfont #corrbctis_info, .mediumfont #bcptis_info, .mediumfont #tflookup_info, .mediumfont #aspspactis_info {
    font-size: 12.65px;
}

.mediumfont #btis_results, .mediumfont #bctis_results, .mediumfont #corrbctis_results, .mediumfont #bcptis_results, .mediumfont #tflookup_results, .mediumfont #aspspactis_results {
    font-size: 16.1px;
}

    .mediumfont #btis_results tr, .mediumfont #bctis_results tr, .mediumfont #corrbctis_results tr, .mediumfont #bcptis_results tr, .mediumfont #tflookup_results tr, .mediumfont #aspspactis_results tr {
        font-size: 12.65px;
        line-height: 34.5px;
    }

    .mediumfont #btis_results th, .mediumfont #bctis_results th, .mediumfont #corrbctis_results th, .mediumfont #bcptis_results th, .mediumfont #tflookup_results th, .mediumfont #aspspactis_results th {
        font-size: 11.5px;
        line-height: 34.5px;
    }

.mediumfont #btis_resultrows td, .mediumfont #bctis_resultrows td, .mediumfont #corrbctis_resultrows td, .mediumfont #bcptis_resultrows td, .mediumfont #tflookup_resultrows td, .mediumfont #aspspactis_resultrows td {
    line-height: 16.1px;
}

.mediumfont .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-summary,
.mediumfont .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-summary {
    font-size: 10.35px;
}

.mediumfont .tftab-container > li > a {
    line-height: 1.38em;
}

.mediumfont .tf-counter {
    line-height: 34.5px;
    font-size: 18.4px;
}

.mediumfont .tf-comment-author {
    font-size: 11.5px;
    line-height: 16.1px;
}

.mediumfont .tf-comment-msg {
    line-height: 23px;
    font-size: 11.5px;
}

.mediumfont .hasLogContainer {
    font-size: 11.5px;
    line-height: 17.25px;
}

.mediumfont .tf-tabs-change {
    font-size: 11.5px;
}

.mediumfont .tf-details-row-content #tf-tabs .tab {
    line-height: 34.5px;
    font-size: 16.1px;
}

.mediumfont .tf-details-row-content .table-footer .btn {
    line-height: 34.5px;
    font-size: 13.8px;
}

.mediumfont .table-header {
    font-size: 11.5px;
}

.mediumfont .table-header-grey {
    font-size: 12.65px;
}

.mediumfont .table-header-yellow {
    font-size: 13.8px;
}

.mediumfont .table-header-red {
    font-size: 13.8px;
}

.mediumfont .charatersRemaining {
    font-size: 12.65px;
}

.mediumfont input[readonly].form-control-readonly {
    font-size: 14.95px;
    line-height: 34.5px;
}

.mediumfont #gvAccrualGridView_DXFooterRow .dxgv {
    font-size: 11.5px;
}


/* No Media Query */
.bigfont html[data-useragent*='MSIE 10.0'] .form-control {
    line-height: 1.25 !important;
}

.bigfont html[data-useragent*='MSIE 9.0'] .form-control {
    line-height: 1.25 !important;
}

.bigfont .sidebar-nav li {
    line-height: 1;
}

    .bigfont .sidebar-nav li a {
        font-size: 16.25px;
    }

.bigfont .sidebar-nav > .sidebar-brand {
    font-size: 22.5px;
    line-height: 75px;
}

.bigfont .header-username {
    font-size: 16.25px;
}

.bigfont .dropdown-menu {
    font-size: 15px;
}

.bigfont #sessionCountdown {
    /*line-height: 50px;*/
    font-size: 20px;
}

.bigfont .itemlevel2 {
    font-size: 13.75px !important;
}

.bigfont .itemlevel2-sub {
    font-size: 13.75px !important;
}

.bigfont .itemlevel3 {
    font-size: 13.75px !important;
}

.bigfont .itemlevel3withAdditional {
    font-size: 13.75px !important;
}

.bigfont .itemleveldescription {
    font-size: 12.5px;
}

.bigfont .menuitem-double-pre {
    line-height: 12.5px !important;
}

.bigfont .menuitem-double-post {
    line-height: 25px !important;
}

.bigfont .menuitem-divider-new {
    line-height: 1.25px !important;
}

.bigfont .nav-tabs > li > a {
    font-size: 16.25px;
}

.bigfont .timer-bubble {
    font-size: 12.5px !important;
}

.bigfont .headerLoginInfoTitle {
    font-size: 13.75px;
}

.bigfont .footerinfo {
    font-size: 13.75px;
}

.bigfont div.content div.form-horizontal div.form-title {
    font-size: 20px;
    line-height: 41.25px;
}

.bigfont div.content div.box-title-old {
    font-size: 17.5px;
    line-height: 22.5px;
}

.bigfont div.box-title {
    font-size: 13.75px;
    line-height: 25px;
}

.bigfont .subtable {
    font-size: 15px;
}

.bigfont .subtabletop {
    font-size: 15px;
}

.bigfont .subtablenoborders {
    font-size: 15px;
}

.bigfont .subtableexample {
    font-size: 13.75px;
}

.bigfont p.przypis {
    font-size: 12.5px;
}

.bigfont em.komunikat {
    font-size: 15px;
}

.bigfont div.box-title-help {
    font-size: 16.25px;
    line-height: 22.5px;
}

.bigfont .help-content {
    font-size: 16.25px;
}

.bigfont div.box-title-action {
    font-size: 16.25px;
    line-height: 22.5px;
}

.bigfont div.box-title-light {
    font-size: 16.25px;
    line-height: 20px;
}

.bigfont .small-box-title {
    font-size: 13.75px;
    line-height: 22.5px;
}

.bigfont .table-box-title {
    font-size: 17.5px;
}

.bigfont .table-header {
    font-size: 12.5px;
}

.bigfont .table-header-grey {
    font-size: 13.75px;
}

.bigfont .table-header-yellow {
    font-size: 15px;
}

.bigfont .table-header-red {
    font-size: 15px;
}

.bigfont .form-title {
    font-size: 30px;
    line-height: 32.5px;
}

.bigfont .small-form-title {
    font-size: 17.5px;
    line-height: 20px;
}

.bigfont div.box div.naglowek-mini div.info {
    font-size: 12.5px;
    line-height: 17.5px;
}

.bigfont .singleMessage {
    font-size: 20pt;
}

.bigfont .commentMessage {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont div.content .control-label {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .saved-data {
    font-size: 20px;
    line-height: 37.5px;
}

.bigfont .tf-counter {
    line-height: 37.5px;
    font-size: 20px;
}

.bigfont div.content .form-control {
    font-size: 16.25px;
}

.bigfont .input-group .input-group-addon {
    font-size: 16.25px;
}

.bigfont div.content textarea.form-control {
    line-height: 26.25px;
}

.bigfont div.content div.headerinfo a {
    font-size: 10pt;
}

.bigfont div .btn-default-nobackground {
    line-height: 17.5px;
}

.bigfont div .btn-confirm-error {
    line-height: 16.25px;
    font-size: 16.25px;
}

.bigfont div .btn-confirm-warning {
    line-height: 16.25px;
    font-size: 16.25px;
}

.bigfont div .btn-confirm-info {
    line-height: 16.25px;
    font-size: 16.25px;
}

.bigfont div .btn-confirm {
    line-height: 16.25px;
    font-size: 16.25px;
}

.bigfont .confirm-text {
    font-size: 12.5px;
    line-height: 37.5px;
}

.bigfont #alertDiv .alertRow .alertMessage {
    font-size: 15px;
}

.bigfont #alertCloseAllLabel {
    font-size: 13.75px;
}

.bigfont #alertCloseAllX {
    font-size: 21.25px;
}

.bigfont div .btn-default-red {
    line-height: 17.5px;
    font-size: 11.25px !important;
}

.bigfont .btn-single-image > span {
    font-size: 20px;
}

.bigfont div .btn-default {
    font-size: 17.5px;
}

.bigfont .filter-head .filter-row .btn-default, .bigfont .filter-head .filter-row .btn-default-secondary {
    font-size: 13.75px !important;
}

.bigfont div .btn-primary:focus {
    line-height: 17.5px;
}

.bigfont .userinfo {
    font-size: 12.5px;
    line-height: 15px;
}

.bigfont .filter-toggler {
    font-size: 11.25px !important;
}

.bigfont .filter-row .control-label {
    font-size: 13.75px;
}

.bigfont div .btn-default-secondary {
    font-size: 17.5px;
    /*padding: 13px !important*/
}

.bigfont .btn-default-secondary-filter, .bigfont .btn-default-secondary-filter:active {
    line-height: 31.25px;
}

.bigfont .btn-default-filter, .bigfont .btn-default-filter:active {
    font-size: 11.25px;
}

.bigfont div .btn-addon-searcher {
    line-height: 17.5px;
}

.bigfont .btn-advanced-search {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.55px;
}

    .menu_alllist:hover,
    .menu_alllist.active {
        background: #fff;
        color: #000000;
        text-decoration: none;
        outline: none;
    }

    .menu_alllist:focus-visible {
        background: #fff;
        color: #000000;
        text-decoration: none;
        outline: 2px solid #007461 !important;
        outline-offset: 2px;
        border-radius: 4px;
    }

    .menu_alllist a,
    .menu_alllist a:hover,
    .menu_alllist a:active
    {
        text-decoration: none;
        color: inherit;
        /*margin-top:2.5px*/
    }

    .summaryMenuItem{
margin-top:2.5px
}
    .menu_alllist a:focus-visible {
        text-decoration: none;
        color: inherit;
        margin-top: 2.5px;
        outline: 2px solid #007461 !important;
        outline-offset: 2px;
        border-radius: 4px;
    }

.forced-collapse .menu_alllist {
    padding: 0px !important;
}
/* Mobile Media Query */
/*@media screen  and (max-width: 768px) {
    .logo-holder {
        display: flex;
        align-items: center;
        width: 50px;
        min-width: 50px;
        overflow: hidden;
        margin-right: 20px;
    }

    #brckDiv {
        position: fixed;
        top: 50px;
        left: 40px;
        z-index: 1030;
        background-color: #004652;*/ /*#004652;  Match top-menu-bar background */
/*padding: 8px 20px 0px 20px;
        height: 50px;
    }

        #brckDiv span {
            color: #fff;
        }

    #page-content-wrapper{
        padding-top:100px !important;
    }
    .hamburger-icon {
        display: flex;*/ /* Show hamburger on small screens */
/*}

	#dashboard-link {
		display: none;*/ /* Hide dashboard link on small screens */
/*}

    #top-menu-bar {
        justify-content: flex-start;*/ /* Align icon to left */
/*}

    #main-menu-container {
        display: none;*/ /* Hide menu by default */
/*position: absolute;
        top: 50px;*/ /* Height of the top bar */
/*left: 0;
        width: 100%;
        background-color: #fff;*/ /* Match existing background */
/*flex-direction: column;
        height: auto;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }*/
/* Class to show menu when clicked */
/*#main-menu-container.mobile-open {
            display: flex !important;
            width: 200px;
            overflow: visible;
            margin-left:20px;
        }

        #main-menu-container > ul {
            flex-direction: column;
            width: 100%;
            height: auto;
        }

            #main-menu-container > ul > li.has-sub {
                width: 100%;
                border-bottom: 1px solid rgba(255,255,255,0.1);
            }

                #main-menu-container > ul > li.has-sub > a {
                    padding: 15px 20px;*/
/*height: auto;*/
/*width: 100%;
                    display: block;
                    color: #666E8A;
                }

                #main-menu-container > ul > li.has-sub:hover {
                    width: 100%;
                    background-color: #A0D7A2;
                    border-bottom: 1px solid rgba(255,255,255,0.1);
                }

                #main-menu-container > ul > li.has-sub:hover > a {
                    padding: 15px 20px;*/
/*height: auto;*/
/*width: 100%;
                    display: block;
                    color: white;
                }
                    #main-menu-container > ul > li.has-sub:hover  {
                        border-radius: 0px
                    }

        #main-menu-container .has-sub .menu-down-arrow {
            display: inline-block;
            color: #666E8A !important
        }
        #main-menu-container > ul > li.has-sub:hover a .menu-down-arrow {
                        display: none;
        }

        #main-menu-container .has-sub:hover .menu-right-arrow {
            display: inline-block;
            margin-top: 0px;
            position: absolute;
            padding-left:2px;
        }*/
/* Adjust Submenus for Mobile flow */
/*.submenu-data {
        position: static;*/ /* Stack naturally, don't float */
/*width: 100%;
        box-shadow: none;
        padding-left: 20px;
        border-radius: 0px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }*/
/* Ensure submenus display on hover/click on mobile */
/*#main-menu-container > ul > li.has-sub:hover > .submenu-data {
        display: block;
        position: absolute;
        left: 180px;
        top: 0px;
        width: auto;
        border-radius: 10px;
        border: 1px solid  #C1C9D6;
        background: #FFF;*/
/* Panel shadow 1 */
/*box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.25);
    }
    #main-menu-container .submenu-data li {
        color: #071621;
    }
    
}*/
/* 3. The Main Container */
.toggle-container {
    position: relative;
    height: 30px;
    background: transparent;
    border-radius: 10px;
    /* Using outline as requested, though border is often safer for layout */
    outline: 1px solid #007461;
    outline-offset: -1px;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
}

/* 4. The Sliding Background (The "Pill") */
.toggle-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; /* Takes up half the container */
    height: 100%;
    background-color: #007461;
    border-radius: 8px; /* Matches the inner radius design */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1; /* Behind the text */
}

/* 5. The Text Labels */
.toggle-label {
    flex: 1; /* Each label takes 50% width */
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.22px;
    z-index: 2; /* On top of the slider */
    transition: color 0.3s ease;
    padding: 5px 10px; /* From your design */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* --- State Management --- */

/* Default State (Single Mode Active) */
.toggle-container[data-state="single"] .toggle-slider {
    transform: translateX(0%);
}

.toggle-container[data-state="single"] .label-single {
    color: #F7F8FA;
}

.toggle-container[data-state="single"] .label-multi {
    color: #007461;
}

/* Multi Mode Active */
.toggle-container[data-state="multi"] .toggle-slider {
    transform: translateX(100%);
}

.toggle-container[data-state="multi"] .label-single {
    color: #007461;
}

.toggle-container[data-state="multi"] .label-multi {
    color: #F7F8FA;
}


.grey-rounded-holder {
    border: none;
    width: 30px;
    height: 30px;
    padding: 5px;
    background: #ECEDF0;
    overflow: hidden;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    cursor: pointer;
    color: #000;
}

button.accowner-holder,
.accowner-holder {
    min-height: 30px;
    padding: 5px 10px;
    background: #ECEDF0;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    cursor: pointer;
    color: #000;
    border: none;
    outline: none;
    font: inherit;
}

    .accowner-holder span {
        text-align: left;
        font-family: Manrope;
        font-size: 11px;
        line-height: 11px;
        font-style: normal;
        font-weight: 800;
        letter-spacing: 0.22px;
    }

    .accowner-holder:hover, .accowner-holder:active, .accowner-holder:focus, .grey-rounded-holder:hover, .grey-rounded-holder:active, .grey-rounded-holder:focus {
        background: #bcbdc0;
        color: #000;
    }

    .accowner-holder:hover span, .accowner-holder:active span, .accowner-holder:focus span {
        color: #000;
    }
.bigfont #flyout_menu > ul > li > a {
    font-size: 20px;
    font-size: 18.75px;
}

.bigfont #flyout_menu ul ul li a {
    font-size: 16.25px;
}

.bigfont .tooltip > .tooltip-inner {
    font-size: 15px !important;
}

.bigfont .cbText {
    font-size: 12.5px;
}

.bigfont .cbToggler {
    font-size: 12.5px;
}

.bigfont #cbEmpty > span {
    font-size: 12.5px;
}

.bigfont .dxp-pageSizeItem {
    font-size: 11.25px !important;
}

.bigfont .dxp-num {
    font-size: 12.5px;
}

.bigfont .dxtlControl_DxCLIC{
        font-size: 15px;
}
.bigfont .dxeHyperlink_DxCLIC {
    font-size: 15px;
}

.bigfont .dxtlControl_DxCLIC{
        font-size: 15px;
}
.bigfont .dxeHyperlink_DxCLIC {
    font-size: 15px;
}

.bigfont .dxtlPagerBottomPanel_DxCLIC label,
.bigfont .dxgvPagerBottomPanel_DxCLIC label {
    font-size: 11.25px !important;
}

.bigfont .dxgvDetailCell_DxCLIC .form-control-account {
    height: 25px;
}

.bigfont .dxgvDetailCell_DxCLIC .alias-btn {
    line-height: 22.5px;
    font-size: 12.5px;
}

.bigfont .dxtlHeader_DxCLIC, .bigfont .dxgvHeader_DxCLIC, .bigfont .dxgvSelectedRow_DxCLIC, .bigfont .dxgvDataRow_DxCLIC, .bigfont .dxtlNode_DxCLIC, .bigfont .dxtlSelectedNode_DxCLIC {
    height: 50px !important;
}

    .bigfont .dxgvDataRow_DxCLIC td {
        font-size: 13.75px;
        line-height: 17.5px;
    }

.accowner-holder {
    padding: 5px 10px;
    width: auto !important;
    min-width: 80px;
    max-width: 200px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .accowner-holder span {
        color: #000;
        text-align: left;
        /* Small-button - Badge */
        font-family: Manrope;
        font-size: 11px;
        font-style: normal;
        font-weight: 800;
        line-height: 11px;
        letter-spacing: 0.22px;
    }


.table-header-button {
    width: 100%;
    height: 24px;
    display: block;
    text-align: right;
    border: 1px solid rgb(141, 147, 170) !important;
    border-radius: 10px;
}
    .table-header-button:hover {
        background-color: #ECEDF0 !important
    }


.dxm-popupMain {
    z-index: 100000 !important;
}

.mediumfont .dxm-contentText {
    font-size: 13.8px !important
}

.bigfont .dxm-contentText {
    font-size: 15px !important
}

.mediumfont .dxgvHeader_DxCLIC {
    line-height: 14.95px;
    padding: 5.75px 11.5px;
    font-size: 12.65px;
}
.mediumfont .dxtlHeader_DxCLIC {
    line-height: 14.95px;
    padding: 13.8px 11.5px;
    font-size: 12.65px;
}

.bigfont .dxgvHeader_DxCLIC {
    line-height: 16.25px;
    padding: 6.25px 12.5px;
    font-size: 13.75px;
}

.mediumfont .dxgvHeader_DxCLIC:first-child {
    padding: 5px 10px;
}

.bigfont .dxgvHeader_DxCLIC:first-child {
    padding: 5px 10px;
}

.bigfont .dxtlHeader_DxCLIC {
    line-height: 16.25px;
    padding: 15px 12.5px;
    font-size: 13.75px;
}

.mediumfont #topActionContainer {
    min-height: 71.3px;
}


.bigfont #topActionContainer {
    min-height: 77.5px;
}


.mediumfont .dxgvEditFormDisplayRow_DxCLIC td.dxgv,
.mediumfont .dxgvDataRow_DxCLIC td.dxgv,
.mediumfont .dxgvDataRowAlt_DxCLIC td.dxgv,
.mediumfont .dxgvSelectedRow_DxCLIC td.dxgv,
.mediumfont .dxgvFocusedRow_DxCLIC td.dxgv {
    padding: 3.45px 6.9px 4.6px;
    font-size: 12.65px;
    line-height: 16.1px;
}

.bigfont .dxgvEditFormDisplayRow_DxCLIC td.dxgv,
.bigfont .dxgvDataRow_DxCLIC td.dxgv,
.bigfont .dxgvDataRowAlt_DxCLIC td.dxgv,
.bigfont .dxgvSelectedRow_DxCLIC td.dxgv,
.bigfont .dxgvFocusedRow_DxCLIC td.dxgv {
    padding: 3.75px 7.5px 5px;
    font-size: 13.75px;
    line-height: 17.5px;
}

.mediumfont .dxpLite_DxCLIC .dxp-summary,
.mediumfont .dxpLite_DxCLIC .dxp-ellip {
    padding: 6.9px 18.4px;
    font-size: 10.35px;
}

.mediumfont .dxeTextBox_DxCLIC {
    font-size: 13.8px;
}

.bigfont .dxpLite_DxCLIC .dxp-summary,
.bigfont .dxpLite_DxCLIC .dxp-ellip {
    padding: 7.5px 20px;
    font-size: 11.25px;
}

.bigfont .dxeTextBox_DxCLIC {
    font-size: 15px;
}

/* --- Medium Font: 1.15x Scale --- */

/* Action Bar & Buttons */
.mediumfont .action-button-holder .action-label {
    font-size: 13.87px;
    line-height: 17.87px;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.mediumfont .additional-action-label {
    font-size: 13.87px;
    line-height: 17.87px;
}

.mediumfont .additional-action-icon,
.mediumfont .additional-action-icon div {
    width: 22px;
    height: 22px;
}

.mediumfont .action-button-image {
    width: 30.04px;
    height: 30.04px;
}

.mediumfont .action-button-image div {
    width: 25.42px;
    height: 25.42px;
    left: 2.31px;
    top: 2.31px;
}

.mediumfont .action-button-holder {
    padding-top: 4.16px;
    padding-bottom: 4.16px;
    gap: 4.16px;
}

.mediumfont .action-bar-separator {
    height: 69px;
}

.mediumfont .new-button-secondary-outlined span {
    font-size: 12.65px;
}

.mediumfont .new-button-primary span {
    font-size: 12.65px;
}

.mediumfont .action-text {
    font-size: 12.65px;
    line-height: 16.1px;
}

/* Sidebar & Navigation */
.mediumfont .sidebar-nav li {
    line-height: 0.92;
}

    .mediumfont .sidebar-nav li a {
        font-size: 14.95px;
    }

.mediumfont .sidebar-nav > .sidebar-brand {
    font-size: 20.7px;
    line-height: 69px;
}

.mediumfont .dropdown-menu {
    font-size: 13.8px;
}

.mediumfont .header-username {
    font-size: 14.95px;
}

.mediumfont #sessionCountdown {
    /*line-height: 46px;*/
    font-size: 18.4px;
}

.mediumfont .itemlevel2,
.mediumfont .itemlevel2-sub,
.mediumfont .itemlevel3,
.mediumfont .itemlevel3withAdditional {
    font-size: 12.65px;
}

.mediumfont .itemleveldescription {
    font-size: 11.5px;
}

.mediumfont .menuitem-double-pre {
    line-height: 11.5px !important;
}

.mediumfont .menuitem-double-post {
    line-height: 23px !important;
}

.mediumfont .nav-tabs > li > a {
    font-size: 14.95px;
    line-height: 14px;
}
/* Combined logic for nav-tabs */
.mediumfont li.active {
    font-size: 14.95px;
}

/* Header & Footer Info */
.mediumfont .headerLoginInfoTitle {
    font-size: 12.65px;
}

.mediumfont .timer-bubble {
    font-size: 11.5px !important;
}

.mediumfont .footerinfo {
    font-size: 12.65px;
}

/* Titles & Content Headers */
.mediumfont div.content div.form-horizontal div.form-title {
    font-size: 18.4px;
    line-height: 37.95px;
}

.mediumfont div.content div.box-title-old {
    font-size: 16.1px;
    line-height: 20.7px;
}

.mediumfont div.box-title {
    font-size: 12.65px;
    line-height: 23px;
}

.mediumfont .box-title-help {
    font-size: 14.95px;
    line-height: 20.7px;
}

.mediumfont .help-content {
    font-size: 14.95px;
}

.mediumfont .box-title-action {
    font-size: 14.95px;
    line-height: 20.7px;
}

.mediumfont .box-title-light {
    font-size: 14.95px;
    line-height: 18.4px;
}

.mediumfont .small-box-title {
    font-size: 12.65px;
    line-height: 20.7px;
}

.mediumfont .form-title {
    font-size: 27.6px;
    line-height: 29.9px;
}

.mediumfont .small-form-title {
    font-size: 16.1px;
    line-height: 18.4px;
}

.mediumfont div.box div.naglowek-mini div.info {
    font-size: 11.5px;
    line-height: 16.1px;
}

/* Tables & Grids */
.mediumfont .subtable,
.mediumfont .subtabletop,
.mediumfont .subtablenoborders {
    font-size: 13.8px;
}

.mediumfont .subtableexample {
    font-size: 12.65px;
}

.mediumfont .table-header {
    font-size: 11.5px;
}

.mediumfont .table-header-grey {
    font-size: 12.65px;
}

.mediumfont .table-header-yellow,
.mediumfont .table-header-red {
    font-size: 13.8px;
}

.mediumfont .table-grey-header {
    font-size: 10.35px;
    line-height: 11.5px;
}

.mediumfont .table-black-title {
    font-size: 10.35px;
}

.mediumfont .table-grey-data,
.mediumfont .table-light-data {
    font-size: 12.65px !important;
    line-height: 16.1px;
}

.mediumfont .table-rowedit-data {
    font-size: 14.95px !important;
}

.mediumfont .dxgvDataRow_DxCLIC td {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .dxgvHeader_DxCLIC,
.mediumfont .dxtlHeader_DxCLIC {
    line-height: 14.95px;
    font-size: 12.65px;
}

/* Messages & Text */
.mediumfont p.przypis {
    font-size: 11.5px;
}

.mediumfont em.komunikat {
    font-size: 13.8px;
}

.mediumfont .singleMessage {
    font-size: 18.4pt;
}

.mediumfont .commentMessage {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont div.content .control-label {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .saved-data {
    font-size: 18.4px;
    line-height: 34.5px;
}

.mediumfont .col-label {
    font-size: 13.8px;
}

.mediumfont .ribbon span {
    font-size: 18.4px;
}

.mediumfont .tf-counter {
    line-height: 34.5px;
    font-size: 18.4px;
}

/* Forms & Inputs */
.mediumfont div.content .form-control {
    font-size: 14.95px;
    line-height: 34.5px;
}

.mediumfont .input-group .input-group-addon {
    font-size: 14.95px;
}

.mediumfont div.content textarea.form-control {
    line-height: 24.15px;
}

.mediumfont div.content div.headerinfo a {
    font-size: 9.2pt;
}

.mediumfont .chosen-container {
    font-size: 14.95px;
    line-height: 34.5px;
}

    .mediumfont .chosen-container .chosen-results li.active-result {
        font-size: 12.65px;
    }

.mediumfont input[readonly].form-control-readonly {
    font-size: 14.95px;
    line-height: 34.5px;
}

/* Buttons General */
.mediumfont div .btn-confirm-error,
.mediumfont div .btn-confirm-warning,
.mediumfont div .btn-confirm-info,
.mediumfont div .btn-confirm {
    line-height: 14.95px;
    font-size: 14.95px;
}

.mediumfont .confirm-text {
    font-size: 11.5px;
    line-height: 34.5px;
}

.mediumfont #alertDiv .alertRow .alertMessage {
    font-size: 13.8px;
}

.mediumfont #alertCloseAllLabel {
    font-size: 12.65px;
}

.mediumfont #alertCloseAllX {
    font-size: 19.55px;
}

.mediumfont div .btn-default-red {
    line-height: 16.1px;
    font-size: 10.35px !important;
}

.mediumfont .btn-single-image > span {
    font-size: 18.4px;
}

.mediumfont div .btn-default {
    font-size: 12.65px;
}

.mediumfont .filter-head .filter-row .btn-default {
    font-size: 12.65px !important;
}

.mediumfont div .btn-primary:focus {
    line-height: 16.1px !important;
}

.mediumfont div .btn-default-secondary span {
    font-size: 12.65px;
}

.mediumfont div .btn-default-secondary:focus {
    line-height: 16.1px;
}

.mediumfont .btn-default-secondary-filter {
    line-height: 28.75px;
}

.mediumfont .btn-default-filter {
    font-size: 10.35px;
}

.mediumfont div .btn-addon-searcher {
    line-height: 16.1px;
}

.mediumfont .btn-advanced-search {
    font-size: 9.2px;
    line-height: 11.5px;
}

.mediumfont div .btn-addon {
    line-height: 20.7px;
}

.mediumfont .btn-smaller {
    font-size: 12.65px !important;
}

.mediumfont .logout-button div {
    font-size: 12.65px;
}

/* Miscellaneous */
.mediumfont .filter-toggler {
    font-size: 10.35px !important;
}

.mediumfont .filter-row .control-label {
    font-size: 12.65px;
}

.mediumfont .userinfo {
    font-size: 11.5px;
    line-height: 13.8px;
}

.mediumfont .iti__country.iti__highlight,
.mediumfont .iti__country {
    font-size: 12.65px;
}

.mediumfont div.footer {
    font-size: 11.5px;
}

    .mediumfont div.footer div.support div.application span.version,
    .mediumfont div.footer div.support div.application span.ac {
        font-size: 11.5px;
    }

.mediumfont body {
    font-size: 13.8px;
    line-height: 14.95px;
}

.mediumfont .sf-menu, .mediumfont .sf-menu * {
    font-size: 13.8px;
}

    .mediumfont .sf-menu li li a {
        font-size: 12.65px;
    }

.mediumfont div.header .dropdown-menu > li {
    font-size: 12.65px;
}

.mediumfont div.content .btn-show {
    line-height: 16.1px;
    font-size: 12.65px;
}

.mediumfont .ui-menu-item {
    font-size: 11.5px;
}

.mediumfont .dropdown .open .dropdown-toggle {
    font-size: 18.4px;
}

.mediumfont .sidemenu > ul > li > a {
    font-size: 14.95px;
}

.mediumfont .sidemenu ul ul li a {
    font-size: 13.8px;
}

.mediumfont .actionTopElement span,
.mediumfont .actionFormElement span {
    font-size: 8.05px;
    line-height: 9.2px;
}

.mediumfont .tab-container ul li a {
    font-size: 11.5px;
}

.mediumfont #flyout_menu > ul > li > a {
    font-size: 17.25px;
}

.mediumfont #flyout_menu ul ul li a {
    font-size: 14.95px;
}

.mediumfont .tooltip > .tooltip-inner {
    font-size: 13.8px !important;
}

.mediumfont .cbText, .mediumfont .cbToggler, .mediumfont #cbEmpty > span {
    font-size: 11.5px;
}

.mediumfont .dxp-pageSizeItem {
    font-size: 10.35px;
}

.mediumfont .dxp-num {
    font-size: 11.5px;
}

.mediumfont .dxtlControl_DxCLIC {
    font-size: 13.8px;
}

.mediumfont .dxeHyperlink_DxCLIC {
    font-size: 13.8px;
}

.mediumfont .dxtlControl_DxCLIC {
    font-size: 13.8px;
}

.mediumfont .dxeHyperlink_DxCLIC {
    font-size: 13.8px;
}

.mediumfont .dxtlPagerBottomPanel_DxCLIC label,
.mediumfont .dxgvPagerBottomPanel_DxCLIC label {
    font-size: 10.35px !important;
}

.mediumfont .dxgvDetailCell_DxCLIC .alias-btn {
    line-height: 20.7px;
    font-size: 11.5px;
}

.mediumfont #currentLabel, .mediumfont #globalLabel {
    line-height: 34.5px;
}

.mediumfont .green-arrow option {
    line-height: 34.5px;
    font-size: 12.65px;
}

.mediumfont .modal-content .dxgvHeader_DxCLIC {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont #waiterModal span {
    font-size: 11.5px;
}

.mediumfont .dk-select-open-up .dk-select-options,
.mediumfont .dk-select-open-down .dk-select-options {
    font-size: 16.1px;
}

.mediumfont .dk-option {
    font-size: 12.65px;
    line-height: 34.5px;
}

.mediumfont .dk-optgroup-label {
    font-size: 12.65px;
    line-height: 17.25px;
}

.mediumfont .charatersRemaining {
    font-size: 12.65px;
}

.mediumfont #gvAccrualGridView_DXFooterRow .dxgv {
    font-size: 11.5px;
}

.mediumfont #main-menu-container > ul > li.has-sub > a {
    font-size: 12.65px;
}

/* Horizontal submenu pills scale with the accessibility font modes, matching the
   main menu label scaling above. High specificity so it beats the base pill rule. */
body.mediumfont:not(.forced-collapse) #main-menu-container .submenu-data li a {
    font-size: 12.65px;
}

.mediumfont #main-menu-container .submenu-data li {
    font-size: 13.8px;
    line-height: 18.4px;
}

.mediumfont .submenu-bar-content ul li a {
    font-size: 11.5px;
}

.mediumfont #user-menu .userinfo span {
    line-height: 1.38;
    font-size: 13.8px;
}

.mediumfont .dropdown-white li {
    font-size: 13.8px;
    line-height: 18.4px;
}

.mediumfont #contact-center-dropdown .contact-center-dropdown-header span {
    font-size: 18.4px;
}

.mediumfont #contact-center-dropdown .contact-center-phone-number,
.mediumfont #contact-center-dropdown .contact-center-feedback-title {
    font-size: 16.1px;
    line-height: 23px;
}

.mediumfont #contact-center-dropdown .contact-center-phone-label,
.mediumfont #contact-center-dropdown .contact-center-feedback-desc {
    font-size: 13.8px;
    line-height: 18.4px;
}

.mediumfont .toggle-label {
    font-size: 12.65px;
}

/* --- Medium Font: Additional Overrides (1.15x) --- */

.mediumfont .icon-actions-container-arrow {
    font-size: 23px;
    line-height: 27.6px;
}

.mediumfont .new-button-secondary-outlined {
    font-size: 12.65px;
    line-height: normal;
}

.mediumfont .user-info-wrapper span {
    font-size: 12.65px;
    line-height: 12.65px;
}

.mediumfont #brckDiv span {
    font-size: 17.25px;
    line-height: 23px;
}

.mediumfont .table-box-title {
    font-size: 16.1px;
    line-height: 20.7px;
}

.mediumfont div.content .form-control-chosen {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont div.content .form-control:first-child {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .col-label .ribbon-sub {
    font-size: 16.1px;
    line-height: 20.7px;
}

.mediumfont div .btn-default-secondary {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .search-choice span {
    font-size: 12.65px;
    line-height: normal;
}

.mediumfont .sf-menu li li div {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .SuccessInGridPreviewRow {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .WarningInGridPreviewRow {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .ErrorInGridPreviewRow {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .CommentInGridPreviewRow {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont .bootstrap-datetimepicker-widget.dropdown-menu {
    font-size: 13.8px;
    line-height: 18.4px;
}

.mediumfont .total-green {
    font-size: 11.5px;
    line-height: 14.95px;
}

.mediumfont .bankInfo {
    font-size: 12.65px;
    line-height: 34.5px;
}

.mediumfont .balanceInfo {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont #waiterModal .modal-header {
    font-size: 14.95px !important;
    line-height: 19.55px;
}

.mediumfont #waiterModal .modal-title {
    font-size: 14.95px !important;
    line-height: 19.55px;
}

.mediumfont #gvAuditLogShared_DXMainTable .dxgvHeader_DxCLIC,
.mediumfont #gvCardHistory_DXMainTable .dxgvHeader_DxCLIC,
.mediumfont #gvTransactionHistoryShared_DXMainTable .dxgvHeader_DxCLIC,
.mediumfont #gvCardRequest_DXMainTable .dxgvHeader_DxCLIC {
    font-size: 12.65px;
    line-height: 14.95px;
}

.mediumfont #gvAuditLogShared_DXMainTable .dxgvDataRow_DxCLIC td,
.mediumfont #gvCardHistory_DXMainTable .dxgvDataRow_DxCLIC td,
.mediumfont #gvTransactionHistoryShared_DXMainTable .dxgvDataRow_DxCLIC td,
.mediumfont #gvCardRequest_DXMainTable .dxgvDataRow_DxCLIC td {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont #gvStandingOrder_DXMainTable .dxgvHeader_DxCLIC {
    font-size: 12.65px;
    line-height: 14.95px;
}

.mediumfont #gvStandingOrder_DXMainTable .dxgvDataRow_DxCLIC td {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont #btis, .mediumfont #bctis, .mediumfont #corrbctis, .mediumfont #bcptis, .mediumfont #tflookup, .mediumfont #aspspactis {
    font-size: 16.1px;
    line-height: 20.7px;
}

.mediumfont #btis_info, .mediumfont #bctis_info, .mediumfont #corrbctis_info, .mediumfont #bcptis_info, .mediumfont #tflookup_info, .mediumfont #aspspactis_info {
    font-size: 12.65px;
    line-height: 16.1px;
}

.mediumfont #btis_results, .mediumfont #bctis_results, .mediumfont #corrbctis_results, .mediumfont #bcptis_results, .mediumfont #tflookup_results, .mediumfont #aspspactis_results {
    font-size: 16.1px;
    line-height: 20.7px;
}

.mediumfont #btis_results tr, .mediumfont #bctis_results tr, .mediumfont #corrbctis_results tr, .mediumfont #bcptis_results tr, .mediumfont #tflookup_results tr, .mediumfont #aspspactis_results tr {
    font-size: 12.65px;
    line-height: 34.5px;
}

.mediumfont #btis_results th, .mediumfont #bctis_results th, .mediumfont #corrbctis_results th, .mediumfont #bcptis_results th, .mediumfont #tflookup_results th, .mediumfont #aspspactis_results th {
    font-size: 11.5px;
    line-height: 34.5px;
}

.mediumfont .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-summary,
.mediumfont .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-summary {
    font-size: 10.35px;
    line-height: 14.95px;
}

.mediumfont .tf-comment-author {
    font-size: 11.5px;
    line-height: 16.1px;
}

.mediumfont .tf-comment-msg {
    font-size: 11.5px;
    line-height: 23px;
}

.mediumfont .hasLogContainer {
    font-size: 11.5px;
    line-height: 17.25px;
}

.mediumfont .tf-tabs-change {
    font-size: 11.5px;
    line-height: 14.95px;
}

.mediumfont .tf-details-row-content #tf-tabs .tab {
    font-size: 16.1px;
    line-height: 34.5px;
}

.mediumfont .tf-details-row-content .table-footer .btn {
    font-size: 13.8px;
    line-height: 34.5px;
}

.mediumfont .import-readonly-field {
    font-size: 14.95px;
    line-height: 19.55px;
}

.mediumfont .login-information {
    font-size: 11.5px;
    line-height: 14.95px;
}

.mediumfont .menu_alllist {
    font-size: 11.5px;
    line-height: 14.95px;
}

.mediumfont .accowner-holder span {
    font-size: 12.65px;
    line-height: 12.65px;
}

.mediumfont .ribbon-sub2 span,
.mediumfont .ribbon-sub2 label {
    font-size: 16.1px !important;
    line-height: 20.7px;
}

/* --- Big Font: 1.25x Scale --- */

/* Action Bar & Buttons */
.bigfont .action-button-holder .action-label {
    font-size: 15.08px;
    line-height: 17.08px;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.bigfont .additional-action-label {
    font-size: 15.08px;
    line-height: 17.08px;
}

.bigfont .additional-action-icon,
.bigfont .additional-action-icon div {
    width: 24px;
    height: 24px;
}

.bigfont .action-button-image {
    width: 32.65px;
    height: 32.65px;
}

.bigfont .action-button-image div {
    width: 27.63px;
    height: 27.63px;
    left: 2.51px;
    top: 2.51px;
}

.bigfont .action-button-holder {
    padding-top: 4.53px;
    padding-bottom: 4.53px;
    gap: 4.53px;
}

.bigfont .action-bar-separator {
    height: 75px;
}
.mediumfont .action-button-holder,.bigfont .action-button-holder {
    width: auto !important
}

.bigfont .new-button-secondary-outlined span {
    font-size: 13.75px;
}

.bigfont .new-button-primary span {
    font-size: 13.75px;
}

.bigfont .action-text {
    font-size: 13.75px;
    line-height: 17.5px;
}

/* Sidebar & Navigation */
.bigfont .sidebar-nav li {
    line-height: 1;
}

    .bigfont .sidebar-nav li a {
        font-size: 16.25px;
    }

.bigfont .sidebar-nav > .sidebar-brand {
    font-size: 22.5px;
    line-height: 75px;
}

.bigfont .dropdown-menu {
    font-size: 15px;
}

.bigfont .header-username {
    font-size: 16.25px;
}

.bigfont #sessionCountdown {
    /*line-height: 50px;*/
    font-size: 20px;
}

.bigfont .itemlevel2,
.bigfont .itemlevel2-sub,
.bigfont .itemlevel3,
.bigfont .itemlevel3withAdditional {
    font-size: 13.75px;
}

.bigfont .itemleveldescription {
    font-size: 12.5px;
}

.bigfont .menuitem-double-pre {
    line-height: 12.5px !important;
}

.bigfont .menuitem-double-post {
    line-height: 25px !important;
}

.bigfont .nav-tabs > li > a {
    font-size: 16.25px;
    line-height: 14px;
}

.bigfont li.active {
    font-size: 16.25px;
}

/* Header & Footer Info */
.bigfont .headerLoginInfoTitle {
    font-size: 13.75px;
}

.bigfont .timer-bubble {
    font-size: 12.5px !important;
}

.bigfont .footerinfo {
    font-size: 13.75px;
}

/* Titles & Content Headers */
.bigfont div.content div.form-horizontal div.form-title {
    font-size: 20px;
    line-height: 41.25px;
}

.bigfont div.content div.box-title-old {
    font-size: 17.5px;
    line-height: 22.5px;
}

.bigfont div.box-title {
    font-size: 13.75px;
    line-height: 25px;
}

.bigfont .box-title-help {
    font-size: 16.25px;
    line-height: 22.5px;
}

.bigfont .help-content {
    font-size: 16.25px;
}

.bigfont .box-title-action {
    font-size: 16.25px;
    line-height: 22.5px;
}

.bigfont .box-title-light {
    font-size: 16.25px;
    line-height: 20px;
}

.bigfont .small-box-title {
    font-size: 13.75px;
    line-height: 22.5px;
}

.bigfont .form-title {
    font-size: 30px;
    line-height: 32.5px;
}

.bigfont .small-form-title {
    font-size: 17.5px;
    line-height: 20px;
}

.bigfont div.box div.naglowek-mini div.info {
    font-size: 12.5px;
    line-height: 17.5px;
}

/* Tables & Grids */
.bigfont .subtable,
.bigfont .subtabletop,
.bigfont .subtablenoborders {
    font-size: 15px;
}

.bigfont .subtableexample {
    font-size: 13.75px;
}

.bigfont .table-header {
    font-size: 12.5px;
}

.bigfont .table-header-grey {
    font-size: 13.75px;
}

.bigfont .table-header-yellow,
.bigfont .table-header-red {
    font-size: 15px;
}

.bigfont .table-grey-header {
    font-size: 11.25px;
    line-height: 12.5px;
}

.bigfont .table-black-title {
    font-size: 11.25px;
}

.bigfont .table-grey-data,
.bigfont .table-light-data {
    font-size: 13.75px !important;
    line-height: 17.5px;
}

.bigfont .table-rowedit-data {
    font-size: 16.25px !important;
}

.bigfont .dxgvDataRow_DxCLIC td {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .dxgvHeader_DxCLIC,
.bigfont .dxtlHeader_DxCLIC {
    line-height: 16.25px;
    font-size: 13.75px;
}

/* Messages & Text */
.bigfont p.przypis {
    font-size: 12.5px;
}

.bigfont em.komunikat {
    font-size: 15px;
}

.bigfont .singleMessage {
    font-size: 20pt;
}

.bigfont .commentMessage {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont div.content .control-label {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .saved-data {
    font-size: 20px;
    line-height: 37.5px;
}

.bigfont .col-label {
    font-size: 15px;
}

.bigfont .ribbon span {
    font-size: 20px;
}

.bigfont .tf-counter {
    line-height: 37.5px;
    font-size: 20px;
}

/* Forms & Inputs */
.bigfont div.content .form-control {
    font-size: 16.25px;
    line-height: 37.5px;
}

.bigfont .input-group .input-group-addon {
    font-size: 16.25px;
}

.bigfont div.content textarea.form-control {
    line-height: 26.25px;
}

.bigfont div.content div.headerinfo a {
    font-size: 10pt;
}

.bigfont .chosen-container {
    font-size: 16.25px;
    line-height: 37.5px;
}

    .bigfont .chosen-container .chosen-results li.active-result {
        font-size: 13.75px;
    }

.bigfont input[readonly].form-control-readonly {
    font-size: 16.25px;
    line-height: 37.5px;
}

/* Buttons General */
.bigfont div .btn-confirm-error,
.bigfont div .btn-confirm-warning,
.bigfont div .btn-confirm-info,
.bigfont div .btn-confirm {
    line-height: 16.25px;
    font-size: 16.25px;
}

.bigfont .confirm-text {
    font-size: 12.5px;
    line-height: 37.5px;
}

.bigfont #alertDiv .alertRow .alertMessage {
    font-size: 15px;
}

.bigfont #alertCloseAllLabel {
    font-size: 13.75px;
}

.bigfont #alertCloseAllX {
    font-size: 21.25px;
}

.bigfont div .btn-default-red {
    line-height: 17.5px;
    font-size: 11.25px !important;
}

.bigfont .btn-single-image > span {
    font-size: 20px;
}

.bigfont div .btn-default {
    font-size: 13.75px;
}

.bigfont .filter-head .filter-row .btn-default {
    font-size: 13.75px !important;
}

.bigfont div .btn-primary:focus {
    line-height: 17.5px;
}

.bigfont div .btn-default-secondary span {
    font-size: 13.75px;
}

.bigfont div .btn-default-secondary:focus {
    line-height: 17.5px;
}

.bigfont .btn-default-secondary-filter {
    line-height: 31.25px;
}

.bigfont .btn-default-filter {
    font-size: 11.25px;
}

.bigfont div .btn-addon-searcher {
    line-height: 17.5px;
}

.bigfont .btn-advanced-search {
    font-size: 10px;
    line-height: 12.5px;
}

.bigfont div .btn-addon {
    line-height: 22.5px;
}

.bigfont .btn-smaller {
    font-size: 13.75px !important;
}

.bigfont .logout-button div {
    font-size: 13.75px;
}

/* Miscellaneous */
.bigfont .filter-toggler {
    font-size: 11.25px !important;
}

.bigfont .filter-row .control-label {
    font-size: 13.75px;
}

.bigfont .userinfo {
    font-size: 12.5px;
    line-height: 15px;
}

.bigfont .iti__country.iti__highlight,
.bigfont .iti__country {
    font-size: 13.75px;
}

.bigfont div.footer {
    font-size: 12.5px;
}

    .bigfont div.footer div.support div.application span.version,
    .bigfont div.footer div.support div.application span.ac {
        font-size: 12.5px;
    }

.bigfont body {
    font-size: 15px;
    line-height: 16.25px;
}

.bigfont .sf-menu, .bigfont .sf-menu * {
    font-size: 15px;
}

    .bigfont .sf-menu li li a {
        font-size: 13.75px;
    }

.bigfont div.header .dropdown-menu > li {
    font-size: 13.75px;
}

.bigfont div.content .btn-show {
    line-height: 17.5px;
    font-size: 13.75px;
}

.bigfont .ui-menu-item {
    font-size: 12.5px;
}

.bigfont .dropdown .open .dropdown-toggle {
    font-size: 20px;
}

.bigfont .sidemenu > ul > li > a {
    font-size: 16.25px;
}

.bigfont .sidemenu ul ul li a {
    font-size: 15px;
}

.bigfont .actionTopElement span,
.bigfont .actionFormElement span {
    font-size: 8.75px;
    line-height: 10px;
}

.bigfont .tab-container ul li a {
    font-size: 12.5px;
}

.bigfont #flyout_menu > ul > li > a {
    font-size: 18.75px;
}

.bigfont #flyout_menu ul ul li a {
    font-size: 16.25px;
}

.bigfont .tooltip > .tooltip-inner {
    font-size: 15px !important;
}

.bigfont .cbText, .bigfont .cbToggler, .bigfont #cbEmpty > span {
    font-size: 12.5px;
}

.bigfont .dxp-pageSizeItem {
    font-size: 11.25px;
}

.bigfont .dxp-num {
    font-size: 12.5px;
}

.bigfont .dxtlControl_DxCLIC{
        font-size: 15px;
}
.bigfont .dxeHyperlink_DxCLIC {
    font-size: 15px;
}

.bigfont .dxtlControl_DxCLIC{
        font-size: 15px;
}
.bigfont .dxeHyperlink_DxCLIC {
    font-size: 15px;
}

.bigfont .dxtlPagerBottomPanel_DxCLIC label,
.bigfont .dxgvPagerBottomPanel_DxCLIC label {
    font-size: 11.25px !important;
}

.bigfont .dxgvDetailCell_DxCLIC .alias-btn {
    line-height: 22.5px;
    font-size: 12.5px;
}

.bigfont #currentLabel, .bigfont #globalLabel {
    line-height: 37.5px;
}

.bigfont .green-arrow option {
    line-height: 37.5px;
    font-size: 13.75px;
}

.bigfont .modal-content .dxgvHeader_DxCLIC {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont #waiterModal span {
    font-size: 12.5px;
}

.bigfont .dk-select-open-up .dk-select-options,
.bigfont .dk-select-open-down .dk-select-options {
    font-size: 17.5px;
}

.bigfont .dk-option {
    font-size: 13.75px;
    line-height: 37.5px;
}

.bigfont .dk-optgroup-label {
    font-size: 13.75px;
    line-height: 18.75px;
}

.bigfont .charatersRemaining {
    font-size: 13.75px;
}

.bigfont #gvAccrualGridView_DXFooterRow .dxgv {
    font-size: 12.5px;
}

.bigfont #main-menu-container > ul > li.has-sub > a {
    font-size: 13.75px;
}

/* Horizontal submenu pills scale with the big-font accessibility mode too. */
body.bigfont:not(.forced-collapse) #main-menu-container .submenu-data li a {
    font-size: 13.75px;
}

.bigfont #main-menu-container .submenu-data li {
    font-size: 15px;
    line-height: 20px;
}

.bigfont .submenu-bar-content ul li a {
    font-size: 12.5px;
}

.bigfont #user-menu .userinfo span {
    line-height: 1.5;
    font-size: 15px;
}

.bigfont .dropdown-white li {
    font-size: 15px;
    line-height: 20px;
}

.bigfont #contact-center-dropdown .contact-center-dropdown-header span {
    font-size: 20px;
}

.bigfont #contact-center-dropdown .contact-center-phone-number,
.bigfont #contact-center-dropdown .contact-center-feedback-title {
    font-size: 17.5px;
    line-height: 25px;
}

.bigfont #contact-center-dropdown .contact-center-phone-label,
.bigfont #contact-center-dropdown .contact-center-feedback-desc {
    font-size: 15px;
    line-height: 20px;
}

.bigfont .toggle-label {
    font-size: 13.75px;
}

/* --- Big Font: Additional Overrides (1.25x) --- */

.bigfont .icon-actions-container-arrow {
    font-size: 25px;
    line-height: 30px;
}

.bigfont .new-button-secondary-outlined {
    font-size: 13.75px;
    line-height: normal;
}

.bigfont .user-info-wrapper span {
    font-size: 13.75px;
    line-height: 13.75px;
}

.bigfont #brckDiv span {
    font-size: 18.75px;
    line-height: 25px;
}

.bigfont .table-box-title {
    font-size: 17.5px;
    line-height: 22.5px;
}

.bigfont div.content .form-control-chosen {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont div.content .form-control:first-child {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .col-label .ribbon-sub {
    font-size: 17.5px;
    line-height: 22.5px;
}

.bigfont div .btn-default-secondary {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .search-choice span {
    font-size: 13.75px;
    line-height: normal;
}

.bigfont .sf-menu li li div {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .SuccessInGridPreviewRow {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .WarningInGridPreviewRow {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .ErrorInGridPreviewRow {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .CommentInGridPreviewRow {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont .bootstrap-datetimepicker-widget.dropdown-menu {
    font-size: 15px;
    line-height: 20px;
}

.bigfont .total-green {
    font-size: 12.5px;
    line-height: 16.25px;
}

.bigfont .bankInfo {
    font-size: 13.75px;
    line-height: 37.5px;
}

.bigfont .balanceInfo {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont #waiterModal .modal-header {
    font-size: 16.25px !important;
    line-height: 21.25px;
}

.bigfont #waiterModal .modal-title {
    font-size: 16.25px !important;
    line-height: 21.25px;
}

.bigfont #gvAuditLogShared_DXMainTable .dxgvHeader_DxCLIC,
.bigfont #gvCardHistory_DXMainTable .dxgvHeader_DxCLIC,
.bigfont #gvTransactionHistoryShared_DXMainTable .dxgvHeader_DxCLIC,
.bigfont #gvCardRequest_DXMainTable .dxgvHeader_DxCLIC {
    font-size: 13.75px;
    line-height: 16.25px;
}

.bigfont #gvAuditLogShared_DXMainTable .dxgvDataRow_DxCLIC td,
.bigfont #gvCardHistory_DXMainTable .dxgvDataRow_DxCLIC td,
.bigfont #gvTransactionHistoryShared_DXMainTable .dxgvDataRow_DxCLIC td,
.bigfont #gvCardRequest_DXMainTable .dxgvDataRow_DxCLIC td {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont #gvStandingOrder_DXMainTable .dxgvHeader_DxCLIC {
    font-size: 13.75px;
    line-height: 16.25px;
}

.bigfont #gvStandingOrder_DXMainTable .dxgvDataRow_DxCLIC td {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont #btis, .bigfont #bctis, .bigfont #corrbctis, .bigfont #bcptis, .bigfont #tflookup, .bigfont #aspspactis {
    font-size: 17.5px;
    line-height: 22.5px;
}

.bigfont #btis_info, .bigfont #bctis_info, .bigfont #corrbctis_info, .bigfont #bcptis_info, .bigfont #tflookup_info, .bigfont #aspspactis_info {
    font-size: 13.75px;
    line-height: 17.5px;
}

.bigfont #btis_results, .bigfont #bctis_results, .bigfont #corrbctis_results, .bigfont #bcptis_results, .bigfont #tflookup_results, .bigfont #aspspactis_results {
    font-size: 17.5px;
    line-height: 22.5px;
}

.bigfont #btis_results tr, .bigfont #bctis_results tr, .bigfont #corrbctis_results tr, .bigfont #bcptis_results tr, .bigfont #tflookup_results tr, .bigfont #aspspactis_results tr {
    font-size: 13.75px;
    line-height: 37.5px;
}

.bigfont #btis_results th, .bigfont #bctis_results th, .bigfont #corrbctis_results th, .bigfont #bcptis_results th, .bigfont #tflookup_results th, .bigfont #aspspactis_results th {
    font-size: 12.5px;
    line-height: 37.5px;
}

.bigfont .dxtlPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-summary,
.bigfont .dxgvPagerTopPanel_DxCLIC .dxpLite_DxCLIC .dxp-summary {
    font-size: 11.25px;
    line-height: 16.25px;
}

.bigfont .tf-comment-author {
    font-size: 12.5px;
    line-height: 17.5px;
}

.bigfont .tf-comment-msg {
    font-size: 12.5px;
    line-height: 25px;
}

.bigfont .hasLogContainer {
    font-size: 12.5px;
    line-height: 18.75px;
}

.bigfont .tf-tabs-change {
    font-size: 12.5px;
    line-height: 16.25px;
}

.bigfont .tf-details-row-content #tf-tabs .tab {
    font-size: 17.5px;
    line-height: 37.5px;
}

.bigfont .tf-details-row-content .table-footer .btn {
    font-size: 15px;
    line-height: 37.5px;
}

.bigfont .import-readonly-field {
    font-size: 16.25px;
    line-height: 21.25px;
}

.bigfont .login-information {
    font-size: 12.5px;
    line-height: 16.25px;
}

.bigfont .menu_alllist {
    font-size: 12.5px;
    line-height: 16.25px;
}

.bigfont .accowner-holder span {
    font-size: 13.75px;
    line-height: 13.75px;
}

.bigfont .ribbon-sub2 span,
.bigfont .ribbon-sub2 label {
    font-size: 17.5px !important;
    line-height: 22.5px;
}


.dropzone {
    background-color: #D8EAD7 !important;
    border-radius: 15px !important;
    border-color: rgba(0, 0, 0, 0.3) !important
}

.dropzone.input-validation-error {
    background-color: #ffdddd !important;
    border-color: #ff0000 !important;
}

.mnuSelection {
    background: lightgreen !important;
    font-weight: bolder;
}
.mnuLoading {
    background: lightgray !important;
    font-weight: bolder;
}
.mnuError {
    background: salmon !important;
    font-weight: bolder;
}
.mnuEmpty {
    background: lightgrey !important;
    font-weight: bolder;
}

/* Status field colors */

.cell.status_toedit {
    border-left: 8px solid #D1D7E0 !important;
}

.cell.status_toauth {
    border-left: 8px solid #ff9500 !important;
}

.cell.status_partiallyprocessed {
    border-left: 8px solid #8c98c4 !important;
}

.cell.status_partiallyauthorized {
    border-left: 8px solid #ffcc00 !important;
}

.cell.status_authorized {
    border-left: 8px solid #34c759 !important;
}

.cell.status_suspect {
    border-left: 8px solid #ff9500 !important;
}

.cell.status_sent {
    border-left: 8px solid #32ade6 !important;
}

.cell.status_processed {
    border-left: 8px solid #5566A3 !important;
}

.cell.status_rejected {
    border-left: 8px solid #ff2d55 !important;
}

.cell.status_finished {
    border-left: 8px solid #8edd91 !important;
}

.cell.status_cancelled {
    border-left: 8px solid #ca9e00 !important;
}

.cell.status_confirmed {
    border-left: 8px solid #52e4fa !important;
}

.cell.status_accepted {
    border-left: 8px solid #8a52fa !important;
}

.cell.status_delivered {
    border-left: 8px solid #6fa3b1 !important;
}

/* TFS 51472: bank colour codes for Sending, Recalled, Deleted, Withdrawn, Waiting for rate fixation */
.cell.status_sending {
    border-left: 8px solid #7accf3 !important;
}

.cell.status_recalled {
    border-left: 8px solid #1bdece !important;
}

.cell.status_deleted {
    border-left: 8px solid #fb93a7 !important;
}

.cell.status_withdrawn {
    border-left: 8px solid #b40f2e !important;
}

.cell.status_waitingforratefixation {
    border-left: 8px solid #4592f0 !important;
}

/* #52685 Layout fixes - Account groups: grey line between header and form */
.white-form > .form-horizontal > .form-header-row + .form-row {
    border-top: 1px solid #ddd;
    padding-top: 10px !important;
}

/* #52685 Layout fixes - Card details: spacing between label and value in expanded rows */
.dxgvDetailCell_DxCLIC .col-label {
    margin-bottom: 2px;
}

.dxgvDetailCell_DxCLIC .saved-data,
.dxgvDetailCell_DxCLIC .input-group {
    font-weight: 400;
}

/* #52685 Layout fixes - Card management limits table: left border on white rows */
.tablecardlimit .table-light-data {
    border-left: 1px solid #dde4e9;
}

/* #52685 Layout fixes - Deposit account movements tab: reduce left indentation */
#AccountMovements .col-data.boxOnForm {
    padding-left: 0px;
}

#AccountMovements .filter-row {
    padding-left: 0px;
}

/* #52685 Layout fixes - ribbon-sub2 labels should be visually distinct in view mode */
.ribbon-sub2 span,
.ribbon-sub2 label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #666E8A;
    background: transparent !important;
    padding-left: 0px;
}

/* #52685 Layout fixes - Beneficiary Move to group: fix layout structure */
.moveToGroupData {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
}

.moveToGroupNoData {
    padding: 0;
    margin-bottom: 0;
}

/*.white-form .form-horizontal .form-row > .col-md-10:nth-child(2) {
    width: 50% !important
}*/


/* ---------------------------------------------------
   2. Extra Large Screens (typically 1200px and up) -> 45%
--------------------------------------------------- */
@media (min-width: 1200px) {
    /* Shrink the first .col-md-10 further to 45% */
    .white-form .form-horizontal .row > .col-md-10 {
        width: 930px;
    }

        /* Keep the subsequent .col-md-10s at the standard width.
       (Redeclaring this here guarantees it won't be accidentally 
       overridden by Bootstrap's native large grid classes) */
        .white-form .form-horizontal .row > .col-md-10 ~ .col-md-10 {
            width: 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }
}


.input-contracts-currency {
    padding-left:10px !important;
}
.mediumfont .DevXListAdditional div, .mediumfont .tenPxFont {
    font-size: 11.5px !important;
}
.bigfont .DevXListAdditional div, .bigfont .tenPxFont {
    font-size: 12.5px !important;
}

.mediumfont [for="addSignatureAndStampToPrintCheckbox"],
.mediumfont [for="printFilterCriteria"],
.mediumfont [for="printElectronicSignature"] {
    font-size: 12.65px !important;
}

.bigfont [for="addSignatureAndStampToPrintCheckbox"],
.bigfont [for="printFilterCriteria"],
.bigfont [for="printElectronicSignature"] {
    font-size: 13.75px !important;
}

.mediumfont .btn-addon-searcher {
    /*height: 35px;*/

}
.bigfont .btn-addon-searcher {
	/*height: 38px;*/
    width: 90px;
}

.in-card-data {
	font-size: 11px;
}

.in-card-data .form-group {
	border: none !important;
}

.in-card-data .form-group .control-label {
	text-align: left !important;
}

.in-card-data .form-group .input-group {
	font-weight: 600 !important;
}


.mediumfont .in-card-data {
    font-size: 12.65px !important;
    line-height: 12.65px !important;
}


.bigfont .in-card-data {
    font-size: 13.75px !important;
    line-height: 13.75px !important;
}

.mediumfont .footer-logintitle {
	font-size: 11.5px;
}

.bigfont .footer-logintitle {
    font-size: 12.5px;
}
#facsimileCheckboxContainer,
#signatureCheckboxContainer,
#printFilterCriteriaCheckboxContainer {
    display: inline-flex;
    align-items: center;
    width: auto;
    margin-right: 8px;
    white-space: nowrap;
}

    #facsimileCheckboxContainer label,
    #signatureCheckboxContainer label,
    #printFilterCriteriaCheckboxContainer label {
        margin-left: 6px;
        white-space: nowrap;
    }

.dxmLite_DxCLIC > div {
    z-index: 100000001 !important;
}

ul {
    padding-inline-start: 0px;
}

.dxpLite_DxCLIC .dxp-summary, .dxpLite_DxCLIC .dxp-ellip {
    margin-top:1px
}

.navigate-btns {
    right:25px;
    top:174px;
    position:absolute;
    padding:0px;
    z-index:99999999;
}

.navigate-btns-group .btn-default-secondary span, .navigate-btns .btn-default-secondary span {
font-family: "Glyphicons Halflings" !important;
font-weight: initial !important;
}

.navigate-btns-group .btn-default-secondary:hover span, .navigate-btns .btn-default-secondary:hover span {
color:white !important;
}

.forced-collapse .navigate-btns {
    right:25px;
    top:118px;
    position:absolute;
    padding:0px;
    z-index:9999;
}

.navigate-btns-group {
right:65px;
    top:115px;
    position:absolute;
    padding:0px;
    z-index:9999;
}

.col-totals {
    padding-top:6px !important;
}

/* User rights view - tag-based layout */
.user-rights-row {
    display: flex;
    align-items: center;
    padding: 6px 8px;
}

.user-rights-row-even {
    background-color: #f5f5f5;
}

.user-rights-row-odd {
    background-color: #ffffff;
}

.user-rights-row-label {
    font-weight: bold;
    width: 200px;
    flex-shrink: 0;
}

.user-rights-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.user-rights-tags .search-choice {
    display: inline-block;
    float: none;
    margin: 0;
}

.user-rights-row-even .user-rights-tags .search-choice {
    background: #8D93AA !important;
    background-image: none !important;
    color: #ffffff;
}

.user-rights-row-even .user-rights-tags .search-choice span {
    color: #ffffff;
}

.user-rights-row-odd .user-rights-tags .search-choice {
    background: #A0D7A2 !important;
    background-image: none !important;
}

@media (hover: hover) and (pointer: fine) {
    .user-rights-row:hover .user-rights-tags .search-choice {
        background: #007461 !important;
        background-image: none !important;
    }

    .user-rights-row:hover .user-rights-tags .search-choice span {
        color: #ffffff;
    }
}

#paymentListTotals {
    background-color: white;
}


.mediumfont .gridpager-gotopage, .mediumfont .dxp-lead, .mediumfont .dx, .mediumfont .dxp-num input, .mediumfont .dxp-num span, .mediumfont .dxp-num div {
    font-size: 10.35px !important;
}


.bigfont .gridpager-gotopage, .bigfont .dxp-lead, .bigfont .dx, .bigfont .dxp-num input, .bigfont .dxp-num span, .bigfont .dxp-num div {
    font-size: 11.25px !important;
}

.mediumfont .showarea .form-header-row .btn-default-secondary{
font-size: 10.35px !important;
}

.bigfont .showarea .form-header-row .btn-default-secondary{
font-size: 11.25px !important;
}


.label-checkbox-in-col-data{
    padding-top: 13px !important;
    font-weight: 400 !important
}

.label-checkbox-in-col-data label{
    font-weight: 400 !important
}

.label-checkbox-in-col-data .checkbox-option{
    margin-top:-4px !important
}

.col-data .input-group .form-checkbox{
    margin-top:0px !important
}

.mediumfont a.dxbButtonSys > span, .mediumfont input[type="text"].dxeEditArea_DxCLIC, .mediumfont input[type="password"].dxeEditArea_DxCLIC, .mediumfont .dxgvFilterRow_DxCLIC a {
    font-size: 13.8px !important;
}

.bigfont a.dxbButtonSys > span, .bigfont input[type="text"].dxeEditArea_DxCLIC, .bigfont input[type="password"].dxeEditArea_DxCLIC, .bigfont .dxgvFilterRow_DxCLIC a {
    font-size: 15px !important;
}

.msgCount {
    font-size: 10px;
}

.mediumfont .msgCount {
    font-size: 11.5px !important;
    line-height: 11.5px !important;
}

.bigfont .msgCount {
    font-size: 12.5px !important;
    line-height: 12.5px !important;
}

.mediumfont .dxgvPagerTopPanel_DxCLIC .dxm-popupMain.dxm-popup, .mediumfont .dxgvPagerBottomPanel_DxCLIC .dxm-popupMain.dxm-popup{
    width: 55px !important;
}

.bigfont .dxgvPagerTopPanel_DxCLIC .dxm-popupMain.dxm-popup, .bigfont .dxgvPagerBottomPanel_DxCLIC .dxm-popupMain.dxm-popup {
    width: 60px !important;
}

.dxp-current .form-control {
    float: none !important;
}

.mediumfont .rtcurrency-tile{
    width: 380px;
}

.bigfont .rtcurrency-tile {
    width: 430px;
}

.alertMessage a:not(.btn-default-secondary) {
	display: contents !important;
}

/* =========================================================================
   FX platform pending-count badge (Forex platform submenu item).
   Label and count share the row; the count is pinned to the right edge.
   Kept at the end of the file: the flex display below must win the
   specificity tie with body:not(.forced-collapse) … li a (inline-block).
   ========================================================================= */
body #main-menu-container .submenu-data li a.menu_fxplatformlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Flex on the <a> disables its own text-overflow, so the label span takes
   over the single-line ellipsis; min-width lets it shrink as a flex item.
   The count badge never shrinks, so crowding trims the label, not the count. */
#main-menu-container .submenu-data li a.menu_fxplatformlist .fx-menu-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fx-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    min-width: 20px;
    margin-left: 6px;
    padding: 2px 5px;
    border-radius: 4px;
    line-height: 1;
    font-weight: 800;
    color: #eb1d31;
    background-color: transparent;
}

/* Highlighted row (hover / keyboard focus) and the selected current-page item
   (a.active - dark S3 fill in both the persistent bar and the dropdown): the
   count becomes an orange chip (same accent as the bell badge) with black
   text so it stays legible on the row fill. */
#main-menu-container .submenu-data li a.menu_fxplatformlist:hover .fx-count-badge,
#main-menu-container .submenu-data li a.menu_fxplatformlist:focus .fx-count-badge,
#main-menu-container .submenu-data li a.menu_fxplatformlist.active .fx-count-badge {
    background-color: rgb(245, 166, 35);
    color: #000;
}

/* =========================================================================
   Shared modal base (TFS 58751): dimmed blur overlay, white rounded card,
   teal header bar with title and close button. Used by the account owner
   selector modal (_Layout.cshtml, ao-*) and the mobile registration QR code
   modal (ViewUserIdentification.cshtml, regqr-*); markup carries the base
   class plus the feature class. Feature-specific rules follow below.
   ========================================================================= */
.app-modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.35); backdrop-filter: blur(4px);
    display: none; align-items: center; justify-content: center; z-index: 200000002;
}
.app-modal-overlay.open { display: flex; }
.app-modal {
    background: #fff; border-radius: 16px; width: 500px; max-width: 90vw; max-height: 85vh;
    display: flex; flex-direction: column;
    box-shadow: 0 12px 40px rgba(0,0,0,0.2); overflow: hidden; font-family: 'Manrope', sans-serif;
}
.app-modal-header {
    display: flex; justify-content: space-between; align-items: center;
    height: 52px; padding: 0 20px; background: #004652; color: #fff; box-sizing: border-box;
    flex-shrink: 0;
}
.app-modal-header h2 { margin: 0; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.2px; }
.app-modal-close {
    background: none; border: none; color: #fff; font-size: 20px;
    cursor: pointer; padding: 0 0 0 12px; line-height: 1; opacity: 0.85;
}
.app-modal-close:hover { opacity: 1; }

.mediumfont .app-modal-header h2 { font-size: 16.1px; }
.bigfont .app-modal-header h2 { font-size: 17.5px; }

/* =========================================================================
   Account owner selector modal (markup + JS inline in _Layout.cshtml).
   Styles moved here from the layout (TFS 58751).
   ========================================================================= */
.ao-modal-search { padding: 20px 28px 12px; }
.ao-modal-search label { display: block; font-size: 13px; color: #000; margin-bottom: 8px; font-weight: 400; }
.ao-modal-search input {
    width: 100%; height: 30px; padding: 5px 10px; border: 1.5px solid #b0c4c8; border-radius: 8px;
    font-size: 14px; font-family: 'Manrope', sans-serif; outline: none; box-sizing: border-box; color: #333; background: #fff;
}
.ao-modal-search input:focus { border-color: #004652; box-shadow: 0 0 0 2px rgba(0,70,82,0.12); }
.ao-modal-selectall { display: flex; justify-content: flex-end; align-items: center; padding: 10px 20px; gap: 12px; overflow-y: hidden; scrollbar-gutter: stable; }
.ao-modal-selectall label { font-size: 14px; color: #000; cursor: pointer; margin: 0; font-weight: 500; }

@media(pointer: coarse) {
    .ao-modal-selectall { padding: 10px 34.5px; }
}

.ao-modal-list { flex: 1; overflow-y: auto; scrollbar-gutter: stable; padding: 0; max-height: 380px; border-top: 1px solid #eaeaea; }
.ao-modal-item {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 28px; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: background-color 0.15s;
    position: relative; font-weight: normal; margin: 0;
}
.ao-modal-item:last-child { border-bottom: none; }
.ao-modal-item:hover { background-color: #f5f8f8; }
.ao-modal-item.hidden { display: none; }
.ao-modal-item-name { font-size: 14px; color: #000; flex: 1; margin-right: 16px; font-weight: 400; line-height: 1.4; }
.ao-cb-native {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); border: 0;
}
.ao-cb {
    width: 16px; height: 16px; border: 2px solid #c0c0c0; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; cursor: pointer; transition: all 0.15s ease; background: #fff;
}
.ao-cb-native:focus + .ao-cb { outline: 2px solid #004652; outline-offset: 2px; }
.ao-cb-native:checked + .ao-cb, .ao-cb.checked { background: #004652; border-color: #004652; }
.ao-cb-native:checked + .ao-cb::after, .ao-cb.checked::after {
    content: ''; width: 7px; height: 4px;
    border-left: 1.5px solid #fff; border-bottom: 1.5px solid #fff;
    transform: rotate(-45deg); margin-top: -1px;
}
.ao-modal-footer {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 28px; border-top: 1px solid #e8e8e8; background: #f9fafa;
}
.ao-modal-footer-left { display: flex; align-items: center; gap: 10px; }
.ao-modal-footer-left label { font-size: 13px; color: #000; cursor: pointer; margin: 0; font-weight: 400; }
.ao-modal-footer-right { display: flex; align-items: center; gap: 20px; }
.ao-modal-help { font-size: 13px; color: #000; text-decoration: none; cursor: pointer; font-weight: 500; }
.ao-modal-help:hover { color: #004652; text-decoration: underline; }
.ao-modal-list::-webkit-scrollbar { width: 6px; }
.ao-modal-list::-webkit-scrollbar-track { background: transparent; }
.ao-modal-list::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }

/* mediumfont overrides (~1.15x) */
.mediumfont .ao-modal-search label { font-size: 14.95px; }
.mediumfont .ao-modal-search input { font-size: 16.1px; }
.mediumfont .ao-modal-selectall label { font-size: 16.1px; }
.mediumfont .ao-modal-item-name { font-size: 16.1px; }
.mediumfont .ao-modal-footer-left label { font-size: 14.95px; }
.mediumfont .ao-modal-help { font-size: 14.95px; }

/* bigfont overrides (~1.25x) */
.bigfont .ao-modal-search label { font-size: 16.25px; }
.bigfont .ao-modal-search input { font-size: 17.5px; }
.bigfont .ao-modal-selectall label { font-size: 17.5px; }
.bigfont .ao-modal-item-name { font-size: 17.5px; }
.bigfont .ao-modal-footer-left label { font-size: 16.25px; }
.bigfont .ao-modal-help { font-size: 16.25px; }

/* =========================================================================
   Employee type pre-selector modal (TFS 51493). Opened from the Payroll /
   "Employee onboarding req." menu item; the user picks which kind of record
   to create and is navigated to the matching editor. Overlay, card and header
   come from the shared app-modal base above; only the body is specific here.
   ========================================================================= */
.emptype-modal { width: 620px; }

.emptype-modal-body { padding: 24px 28px 20px; overflow-y: auto; }

.emptype-modal-buttons {
    display: flex; gap: 20px; align-items: stretch;
}

.emptype-modal-buttons .emptype-modal-btn {
    flex: 1 1 0; min-width: 0;
    display: flex; align-items: center; justify-content: center; text-align: center;
    min-height: 56px; padding: 12px 16px; box-sizing: border-box;
    background: #007461; color: #fff; border: none; border-radius: 10px;
    font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 800; line-height: 1.25;
    letter-spacing: 0.2px; text-decoration: none; cursor: pointer;
    transition: background-color 0.15s;
}

.emptype-modal-buttons .emptype-modal-btn:hover,
.emptype-modal-buttons .emptype-modal-btn:focus,
.emptype-modal-buttons .emptype-modal-btn:active {
    background: #004652; color: #fff; text-decoration: none;
}

.emptype-modal-buttons .emptype-modal-btn:focus-visible {
    outline: 2px solid #004652; outline-offset: 2px;
}

.emptype-modal-info {
    display: flex; align-items: flex-start; gap: 10px; margin-top: 20px;
    font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 400; color: #333; line-height: 1.4;
}

.emptype-modal-info svg { flex-shrink: 0; margin-top: 1px; }

/* Stack the two buttons below the phone/tablet breakpoint so the labels stay readable */
@media (max-width: 640px) {
    .emptype-modal-buttons { flex-direction: column; }
}

.mediumfont .emptype-modal-buttons .emptype-modal-btn { font-size: 16.1px; }
.mediumfont .emptype-modal-info { font-size: 16.1px; }
.bigfont .emptype-modal-buttons .emptype-modal-btn { font-size: 17.5px; }
.bigfont .emptype-modal-info { font-size: 17.5px; }

/* =========================================================================
   Mobile registration QR code modal (My profile / user identification,
   TFS 58751). Overlay/card/header come from the shared app-modal base
   above; only the dialog body is specific here.
   ========================================================================= */
.regqr-modal-body {
    padding: 20px 28px;
    overflow-y: auto;
}

.regqr-countdown {
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    font-size: 14px;
}

.regqr-info {
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    font-size: 13px;
    color: #444;
}

.regqr-buttons {
    text-align: center;
    padding: 10px 0 5px 0;
}

/* mediumfont overrides (~1.15x) */
.mediumfont .regqr-countdown {
    font-size: 16.1px;
}

.mediumfont .regqr-info {
    font-size: 14.95px;
}

/* bigfont overrides (~1.25x) */
.bigfont .regqr-countdown {
    font-size: 17.5px;
}

.bigfont .regqr-info {
    font-size: 16.25px;
}

/* ============================================================
   2-column form layout for order/payment edit forms (.form-grid).
   .form-grid is a 2-column CSS grid. Every direct child spans
   both columns by default; .fg-left / .fg-right pin a row into
   one column. Knockout show/hide wrapper divs are themselves
   .form-grid, so they span the full width and continue the same
   column rhythm. Sparse flow (no 'dense'): cells never float
   above an earlier full-width row, so fields stay inside their
   own section; hidden rows re-pack without holes.
   Below 1240px the layout falls back to a single column.
   ============================================================ */
.form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 48px;
    grid-auto-flow: row;
    align-items: start;
}

.form-grid > * {
    grid-column: 1 / -1;
    /* grid items default to min-width:auto and would overflow their
       track when the content's min-content is wider than the column */
    min-width: 0;
}

.form-grid > .fg-left {
    grid-column: 1;
}

.form-grid > .fg-right {
    grid-column: 2;
}

.form-grid .form-grid {
    grid-column: 1 / -1;
}

/* #59802: a show/hide wrapper whose rows must take part in the PARENT grid's
   row rhythm instead of forming a block of their own (the domestic remittance
   variants: their first field has to land beside "Remittance type", which lives
   in the outer grid). display:contents drops the wrapper from the layout tree
   while keeping it in the DOM, so knockout's visible binding still hides the
   whole block. Selectors have to be repeated for the children, because
   display:contents does not change the DOM and `.form-grid > .fg-left` would
   not match a row one level down. Written as descendant selectors so a
   .fg-contents nested in another .fg-contents still places its rows. */
.fg-contents {
    display: contents;
}

.form-grid .fg-contents > * {
    grid-column: 1 / -1;
    min-width: 0;
}

.form-grid .fg-contents > .fg-left {
    grid-column: 1;
}

.form-grid .fg-contents > .fg-right {
    grid-column: 2;
}

/* section separator line, replaces the old empty spacer rows */
.form-grid-divider {
    grid-column: 1 / -1;
    border-top: 1px solid #E4E7EC;
    margin: 14px 0 10px 0;
    height: 0;
}

/* inside a cell: label left of its field, right-aligned.
   Overrides .form-row > .col-xs-12 { flex: 0 0 100% } which
   stacked the label above the field. Bootstrap's negative row
   margins would make cells overlap the column gap, so they are
   reset too. */
.form-grid .form-row {
    margin-left: 0;
    margin-right: 0;
}

.form-grid .form-row > .col-label {
    flex: 0 0 180px;
    max-width: 180px;
    justify-content: flex-end;
    text-align: right;
    padding-left: 0;
    padding-right: 16px;
    color: #66707A;
}

.form-grid .form-row > .col-data {
    /* flex-basis 0 (not auto): wide content must not push the data
       column below the label, it has to shrink into the cell.
       width:auto cancels the 930px on .col-md-10 (a class the
       _Layout design hacks add to every .col-data). */
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
}

/* nested rows (e.g. the account selector partial wraps its rows in an
   outer .form-row) must be able to shrink into their cell too */
.form-grid .form-row .row {
    min-width: 0;
}

/* Widgets with fixed/inline widths sized for the old full-width rows
   (chosen writes an inline px width at init, formDateContainer /
   reducedContainer are 35%, formAmountContainer 50%, intl-tel-input
   wraps the phone input in a fixed-width box): inside a grid cell
   they all fill the data column instead. */
.form-grid .col-data .chosen-container,
.form-grid .col-data .formDateContainer,
.form-grid .col-data .reducedContainer,
.form-grid .col-data .formAmountContainer,
.form-grid .col-data .intl-tel-input {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
}

/* an input-group hosting a chosen widget is display:table, whose
   min-content (the selected option's nowrap text) can push it wider
   than the cell — flex lets the chosen shrink into the cell instead */
.form-grid .col-data .input-group:has(> .chosen-container) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100% !important; /* beats the inline calc(100% - 20px) of a tooltipped account selector */
    float: none;
}

/* #59802: the chosen itself takes the line (basis 0 + grow, so a tooltip
   bubble beside it still fits); the balance text and the validation message
   are full-width items and wrap onto their own line UNDER the field on every
   grid form (they used to float beside the dropdown, squeezing the account
   number). */
.form-grid .col-data .input-group:has(> .chosen-container) > .chosen-container {
    flex: 1 1 0;
    min-width: 0;
}

.form-grid .col-data .input-group:has(> .chosen-container) > .balanceInfo {
    flex: 0 0 100%;
    float: none;
    clear: both;
    height: auto;
    line-height: 14px;
    padding-top: 4px !important;
}

.form-grid .col-data .input-group:has(> .chosen-container) > .field-validation-error {
    flex: 0 0 100%;
}

/* tooltip bubbles next to chosen widgets: the flexed input-group centers
   its items vertically, so the legacy inline margin-top (which centered
   them in the old table layout) must not push them down; add breathing
   room towards the field */
.form-grid .col-data .input-group:has(> .chosen-container) > .questionTooltip {
    margin-top: 0 !important;
    margin-left: 12px;
    flex: 0 0 auto;
}

/* two-field rows (id type + value, ZIP + city, ...) span the full
   width; align their halves to the column rhythm so their fields are
   exactly as long as the single-column fields (which end 15px before
   the cell edge, the col-data right padding). The gap that has to be
   skipped between the halves is 243px = 48px column gap + 180px label
   + 15px col-data padding, so each field is (100% - 243px) / 2. */
.form-grid .form-row > .col-data > .input-group > .col-md-6 {
    width: calc(50% - 121.5px);
}

/* the plain right half keeps its 10px divider padding, so the box is
   10px wider and starts 10px earlier for the field itself to land on
   the right column's field edge */
.form-grid .form-row > .col-data > .input-group > .col-md-6.input-group-divided-l {
    margin-left: 233px;
    width: calc(50% - 111.5px);
}

/* a right half carrying its own sub-label reads like a right-column
   cell: 63px (gap + col padding) + 180px label + field, so the field
   lines up with the fields of the right column */
.form-grid .form-row > .col-data > .input-group > .col-md-6.input-group-divided-l:has(> .fg-sublabel) {
    margin-left: 63px;
    width: calc(50% + 58.5px);
    display: flex;
    align-items: center;
    padding-left: 0 !important;
}

.form-grid .fg-sublabel {
    flex: 0 0 180px;
    max-width: 180px;
    text-align: right;
    padding-right: 16px;
    margin: 0;
    color: #66707A;
    font-weight: 400;
}

.form-grid .fg-subfield {
    flex: 1 1 0;
    min-width: 0;
}

/* #59802: the field-order spec puts some two-field rows INSIDE one column
   ("Street name | ZIP, city", "Building, apartment | District + Region",
   "Identification code and value | Country of residence"). Such a row has no
   second column to reach, so the rhythm math above does not apply: the two
   halves simply share the data column of their own cell. The right half's
   sub-label does not fit in half a column, so it is kept for screen readers
   only — the field's placeholder repeats it verbatim. */
.form-grid .form-row.fg-left > .col-data > .input-group > .col-md-6,
.form-grid .form-row.fg-right > .col-data > .input-group > .col-md-6,
.form-grid .form-row.fg-left > .col-data > .input-group > .col-md-6.input-group-divided-l,
.form-grid .form-row.fg-right > .col-data > .input-group > .col-md-6.input-group-divided-l,
.form-grid .form-row.fg-left > .col-data > .input-group > .col-md-6.input-group-divided-l:has(> .fg-sublabel),
.form-grid .form-row.fg-right > .col-data > .input-group > .col-md-6.input-group-divided-l:has(> .fg-sublabel) {
    width: 50%;
    margin-left: 0;
    display: block;
}

/* #62664 (regression of #58853): the rule above resets display:block on every
   .col-md-6 half, which also overrode the 1-class .tobeshownifconfirm { display:none }
   that Payment/Edit.cshtml and the consent editor host use to hide the confirm-screen
   twin of the tax amount field - so the amount showed twice and the Type field wrapped.
   Hide the twin again at a higher specificity; no !important, so the Confirmed-state
   flip in Payment/Edit.cshtml (display:block !important) still wins. */
.form-grid .form-row.fg-left > .col-data > .input-group > .col-md-6.tobeshownifconfirm,
.form-grid .form-row.fg-right > .col-data > .input-group > .col-md-6.tobeshownifconfirm {
    display: none;
}

/* .input-group is display:table, i.e. shrink-to-fit, and the two halves are
   floats — so a two-field row would end wherever its content happens to end
   (measured: three such rows ending at three different x). Pinning it to the
   cell makes every two-field row exactly as long as the single-field rows of
   the same column, and makes both halves exactly half of it. */
.form-grid .form-row.fg-left > .col-data > .input-group:has(> .col-md-6),
.form-grid .form-row.fg-right > .col-data > .input-group:has(> .col-md-6) {
    width: 100%;
}

/* the 10px that separates the two halves (.input-group-divided-l's own padding).
   It has to be restated here because the sub-label variant above zeroes it for
   the full-width rhythm, and because .input-group-divided-l drops it below 992px
   — these halves stay side by side at every width, so they keep their gap. */
.form-grid .form-row.fg-left > .col-data > .input-group > .col-md-6.input-group-divided-l,
.form-grid .form-row.fg-right > .col-data > .input-group > .col-md-6.input-group-divided-l {
    padding-left: 10px !important;
}

.form-grid .form-row.fg-left .fg-sublabel,
.form-grid .form-row.fg-right .fg-sublabel {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* section header rows keep their own layout (title left, switch right).
   The title cell sizes to its text and never wraps: the _Layout design hacks
   put col-xs-3/col-md-2/col-sm-3 on every .col-label, which is 155px at a
   1000px window — too narrow for "BASIS FOR EXCHANGE" — hence width:auto
   with !important. The .col-data beside it takes whatever is left. */
.form-grid .form-header-row > .col-label,
.form-grid .form-row > .col-label:has(.ribbon-sub),
.form-grid .form-row > .col-label:has(.ribbon-sub2) {
    flex: 0 0 auto;
    width: auto !important;
    max-width: none;
    white-space: nowrap;
    justify-content: flex-start;
    text-align: left;
    padding-right: 0;
    color: black;
}

.form-grid .form-header-row > .col-label .ribbon span,
.form-grid .form-row > .col-label .ribbon-sub span,
.form-grid .form-row > .col-label .ribbon-sub label,
.form-grid .form-row > .col-label .ribbon-sub2 span {
    white-space: nowrap;
    word-wrap: normal;
    overflow-wrap: normal;
}

.form-grid .form-header-row > .col-data {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
}

/* Standing order (_StandingOrder partial, shared markup — restyled in
   grid context only): its header row renders as a normal label +
   checkbox row, so the checkbox lines up with the other checkboxes at
   the data column, and its detail rows get the same half width as the
   cells. */
.form-grid.fg-standing-order > .form-header-row {
    margin-top: 0 !important;
    margin-bottom: 0;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.form-grid.fg-standing-order > .form-header-row > .col-label {
    flex: 0 0 180px;
    max-width: 180px;
    justify-content: flex-start;
    text-align: left;
    padding-right: 16px !important;
}

/* #59802 review: "Recurring payment" is a block title — bold, black, left in the
   label column — with the switch and its tooltip at the data column like the
   other checkboxes */
.form-grid.fg-standing-order > .form-header-row .ribbon-sub,
.form-grid.fg-standing-order > .form-header-row .ribbon-sub label {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin: 0;
    text-align: left;
}

.form-grid.fg-standing-order > .form-header-row > .col-data {
    flex: 1 1 0;
    min-width: 0;
}

/* The standing-order detail block splits into two columns: .so-left rows
   (type, generate-before, start date, repeat-it-in) left, .so-right rows
   (non-working day action, end after, repetition) right. Scoped under
   .fg-standing-order so the shared partial keeps its legacy layout on
   unconverted editors. #62053: DENSE flow - every row takes the first free
   cell of its column, so "Non working day action" sits right under the End
   after / End date / Repetition rows and "Repeat it in" stays level with it
   whatever End after shows (sparse flow left a hole whenever a left-column
   row followed a right-column one). The "Type" row is full width, so the
   cell beside it cannot be backfilled. jQuery show()/hide() on
   #standingorderelements restores the cascaded grid display. */
.fg-standing-order #standingorderelements {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 48px;
    grid-auto-flow: row dense;
    align-items: start;
}

.fg-standing-order #standingorderelements > * {
    grid-column: 1 / -1;
    min-width: 0;
}

.fg-standing-order #standingorderelements > .so-left {
    grid-column: 1;
}

.fg-standing-order #standingorderelements > .so-right {
    grid-column: 2;
}

.fg-standing-order #standingorderelements .col-data .input-group {
    width: 100% !important;
}

/* small window / device: fall back to a single column */
@media (max-width: 1240px) {
    .form-grid {
        display: block;
    }

    .form-grid .form-row > .col-data > .input-group > .col-md-6 {
        width: 50%;
    }

    .form-grid .form-row > .col-data > .input-group > .col-md-6.input-group-divided-l {
        margin-left: 0;
    }

    .form-grid .form-row > .col-data > .input-group > .col-md-6.input-group-divided-l:has(> .fg-sublabel) {
        width: 50%;
        margin-left: 0;
    }

    /* the sub-label of a column-pinned half stays screen-reader-only here too:
       rendering it would push its input out of line with the half beside it. */

    .fg-standing-order #standingorderelements {
        display: block;
    }
}

@media (max-width: 767px) {
    /* narrow screens: label above the field again */
    .form-grid .form-row > .col-label {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: flex-start;
        text-align: left;
        padding-right: 5px;
    }
}

/* ============================================================
   #59802: the "basis for exchange" documents of the FX purchase /
   exchange screens render as cards — one rounded card per linked
   contract or protocol document, with the remove action at the
   bottom. The cards sit next to each other and wrap onto the next
   line when they run out of width.
   ============================================================ */
#contract-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 6px 0 4px 0;
}

#contract-container > .contract-card {
    flex: 0 1 340px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #D0D5DD;
    border-radius: 10px;
    padding: 10px 12px;
    background: #FFFFFF;
}

/* a card is far too narrow for the 180px label column of the 2-column
   form, so label and field stack inside it. width:100% also cancels the
   930px that the _Layout design hacks' col-md-10 puts on every .col-data. */
.contract-card .form-row {
    margin-left: 0;
    margin-right: 0;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    min-height: 0;
}

.contract-card .form-row > .col-label,
.contract-card .form-row > .col-data {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    justify-content: flex-start;
    min-height: 0;
}

/* in the form the caption is a 34px flex box that vertically centres its
   label next to the field; in a card it is just the line above the field,
   so the box collapses onto the text */
.contract-card .form-row > .col-label {
    display: block;
}

/* Every caption flush with the left edge of its own field. This has to hit the
   <label> itself, not .col-label: the form sits in a .form-horizontal, and
   bootstrap's `.form-horizontal .control-label { text-align: right;
   padding-top: 7px }` matches the label directly, so a text-align on the parent
   would only be inherited — and inheritance loses to any directly matching
   declaration. The col-* classes these labels carry add 15px of padding on top
   of that, which indented them past the amount label, which has none. */
.contract-card .col-label label,
.contract-card .col-label .control-label {
    text-align: left;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; /* #62099: the value sits right under its caption, the room goes below the value */
    margin-bottom: 0;
    font-size: 11px;
    line-height: 15px;
}

/* #62099: caption and value form one unit - the spacing that used to sit between them
   (caption padding, the top half of the 26px box) now separates the units */
.contract-card .form-row {
    padding-bottom: 7px !important;
}

.contract-card .col-data .form-control[readonly],
.contract-card .col-data .form-control[disabled] {
    height: 22px;
    padding-top: 0;
    padding-bottom: 2px;
}

/* dense card content: smaller type and shorter controls than in the form */
.contract-card .col-data .form-control {
    height: 26px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 20px;
}

.contract-card .col-data .input-group-addon {
    padding: 2px 8px;
    font-size: 11px;
}

.contract-card .col-data .input-group,
.contract-card .col-data .reducedContainer,
.contract-card .col-data .formDateContainer,
.contract-card .col-data .formAmountContainer {
    width: 100% !important;
    max-width: 100%;
    float: none;
}

/* margin-top:auto pins the action row to the bottom of the card, so the
   remove buttons line up across cards of different height in one line
   (a protocol card has no amount field, a contract card does) */
.contract-card .contract-card-actions {
    margin-top: auto;
    padding-top: 8px;
    display: flex;
    justify-content: flex-end;
}

/* #62084: the Delete contract button - size here (not inline) so that the
   font size modes (.mediumfont / .bigfont: x1.15 / x1.25) scale it too */
.contract-card .contract-card-actions .delete-contract-btn {
    padding: 6px !important;
    font-size: 8px;
    line-height: 1.2;
}

.mediumfont .contract-card .contract-card-actions .delete-contract-btn {
    font-size: 9.2px;
}

.bigfont .contract-card .contract-card-actions .delete-contract-btn {
    font-size: 10px;
}

@media (max-width: 767px) {
    #contract-container > .contract-card {
        flex: 1 1 100%;
    }
}

/* #55726 card statement: auto-closing popup shown when the statement query
   failed with ERRORCODE 2954 (balances not received in time) */
.modal-backdrop.balance-not-received-backdrop {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

#balanceNotReceivedModal {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

    #balanceNotReceivedModal.fade:not(.in) {
        display: none !important;
    }

    #balanceNotReceivedModal .modal-dialog {
        margin: auto;
    }

/* TFS 60402: "Success: <action>" dialog after a successful save / action of an edit form
   (bootbox dialog created by showActionSuccessOverlay in _Alerts.cshtml). Same look as the
   account owner selector dialog (.app-modal / .ao-modal-* base further down, values copied here
   because the markup is bootbox's own): rounded white card, 52px dark teal header with the
   "Information" title and the close cross, the plain message in the body. */
#actionSuccessModal .modal-dialog {
    width: 500px;
    max-width: 90vw;
    margin: 280px auto;
}

/* the global ".modal-content { border-radius: 0 !important }" (chooser modals) must not win here */
#actionSuccessModal .modal-content {
    border-radius: 16px !important;
    border: 0 !important;
    /* no white under the teal header: the card's own white background bleeds out on the anti-aliased
       top curves, so the card is transparent and the body paints the white part with its own radius */
    background: transparent !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    font-family: 'Manrope', sans-serif;
}

/* bootbox renders the header as [close button, h4.modal-title]; flex + order puts the title left and the cross right */
#actionSuccessModal .modal-header {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    min-height: 52px;
    padding: 0 20px !important;
    background: #004652 !important;
    color: #fff !important;
    border-bottom: 0 !important;
    box-sizing: border-box;
    /* round the header itself too - clipping a square header with the card's overflow:hidden
       leaves an anti-aliased white sliver on the two top curves */
    border-radius: 16px 16px 0 0;
}

#actionSuccessModal .modal-title {
    order: 1;
    flex: 1 1 auto;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    letter-spacing: 0.2px;
}

#actionSuccessModal .bootbox-close-button {
    order: 2;
    flex: 0 0 auto;
    position: static !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 0 0 12px;
    background: none;
    border: none;
    color: #fff !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-shadow: none;
    opacity: 0.85;
    cursor: pointer;
}

    #actionSuccessModal .bootbox-close-button:hover {
        opacity: 1;
    }

#actionSuccessModal .modal-body {
    padding: 16px 20px !important;
    background: #fff;
    border-radius: 0 0 16px 16px;
}

#actionSuccessModal .action-success-text {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
}

.mediumfont #actionSuccessModal .modal-title { font-size: 16.1px; }
.mediumfont #actionSuccessModal .action-success-text { font-size: 16.1px; }
.bigfont #actionSuccessModal .modal-title { font-size: 17.5px; }
.bigfont #actionSuccessModal .action-success-text { font-size: 17.5px; }

/* #62721: FX Platform icon of the list rows (FX application list, All list) and its 'A' badge
   (FX rate autofixing, TFS 51472). The layout box (.fxp-icon) is always the 18x18 image, so the
   icon sits at the same place with or without the badge. The tooltipped element (.fxp-icon-hit)
   is stretched over the badge as well: the Bootstrap tooltip is placed above the hovered box, so
   it never overlaps the badge under the pointer (that overlap made the tooltip flicker). The
   badge stays inside the cell's padding box (it is not clipped by the cell's overflow: hidden). */
.fxp-icon {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
}

    .fxp-icon .fxp-icon-hit {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .fxp-icon.fxp-icon-auto .fxp-icon-hit {
        top: -6px;
        right: -5px;
    }

    .fxp-icon img {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 18px;
        height: 18px;
    }

    .fxp-icon .fxp-icon-badge {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 3px;
        border-radius: 7px;
        background: #004652;
        color: #fff;
        font-size: 9px;
        font-weight: bold;
        line-height: 12px;
    }

div .btn-addon-searcher.btnGetNewOtpCode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 34px;
    min-height: 34px;
    margin-top: 1px;
    padding: 0 10px;
    line-height: 14px;
}

    div .btn-addon-searcher.btnGetNewOtpCode > .btn-advanced-search {
        display: inline;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
    }

    .mediumfont div .btn-addon-searcher.btnGetNewOtpCode > .btn-advanced-search {
        font-size: 13.8px;
        line-height: 16.1px;
    }

    .bigfont div .btn-addon-searcher.btnGetNewOtpCode > .btn-advanced-search {
        font-size: 15px;
        line-height: 17.5px;
    }

/*placeholder #a9a9a9*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

    margin: 0;
    padding: 0;
}

    .message-html ul :after, *:before {
        padding: 0;
    }
    .message-html ol :after, *:before {
        padding: 0;
    }


body {
    font-family: 'Manrope', sans-serif;
    background: #ECEDF0;
    /*color: #fff;*/
    font-size: 13px;
}

li:not(.message-html *){
    list-style: none;
}

.message-html ul {
    padding-left: 40px;
}

.message-html ol {
    padding-left: 40px;
}

.message-html li {
}

a{
    text-decoration: none;
}

.strong{
    font-weight: 700;
}

.upper{
    text-transform: uppercase;
}

.bg-white{
    background: #fff;
    color: #313131;
}

.bg-white a{
    color: #313131;
}

.bg-white .text-red{
    color: #eb1d31;
}

.bg-white .text-red a{
    color: #eb1d31;
}

.bg-white .text-green{
    color: #019295;
}

.bg-white .text-white{
    color: #fff;
}

.bg-white .text-grey{
    color: #b6b6b6;
}

.bg-green{
    background: #019295;
}

.bg-dark-green{
    background: #D8EAD7;
}

.bg-red{
    background: #eb1d31 
}

.text-green{
    color: #019295;
}

.text-red{
    color: #eb1d31;
}

.text-grey{
    color: #b6b6b6;
}

.text-white{
    color: #fff;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

.cb{
    clear: both;
}

.ac{
    text-align: center;
}

.italic{
    font-style: italic;
}

.half{
    width: 50%;
}

ul.icons-menu li{
    float: left;
    display: inline-block;
}

li.icon a{
    display: block;
    width: 70px;
    padding-top: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 8px;
    line-height: 9px;
    text-align: center;
    text-transform: uppercase;
    background: url(/Content/newdesign/img/icon_default.png) top center no-repeat;
}

li.icon.margin-1{
    margin-left: 70px;
}

li.icon.margin-2{
    margin-left: 140px;
}

li.icon.margin-3{
    margin-left: 210px;
}

.clear::after{
    content: "";
    display: block;
    clear: both;
}

.ribbon span {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: black;
    font-size: 16px;
    line-height: 16px;
    font-family: Manrope;
    font-weight: 600;
    word-wrap: break-word;
    text-align: left
}

/*.ribbon, .ribbon-sub, .ribbon-sub2 {
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    font-family: NotoBold;
    text-transform: uppercase;
}

.ribbon-end {
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    background: url(/Content/newdesign/img/ribbon.png) left center no-repeat;
    background-size: auto 100%;
}

.ribbon-sub-end {
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    background: url(/Content/newdesign/img/ribbon-sub.png) left center no-repeat;
    background-size: auto 100%;
}

.ribbon-sub2-end {
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    background: url(/Content/newdesign/img/ribbon-sub2.png) left center no-repeat;
    background-size: auto 100%;
}


.ribbon span {
    background: #A0D7A2;
    display: block;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ribbon-sub span {
    background: #649230;
    display: block;
    padding-left: 10px;
}
.ribbon-sub label {
    background: #649230;
    display: block;
    padding-left: 10px;
    font-weight: normal !important;
}

.ribbon-sub2 span {
    background: #777;
    display: block;
    padding-left: 10px;
}

.ribbon-sub2 label {
    background: #777;
    display: block;
    padding-left: 10px;
    font-weight: normal !important;
}

.form-labels .ribbon{
    width: 120%;
    position: absolute;
    top: 5px;
    padding: 0;
    padding-right: 7px;
}

.form-labels .ribbon span{
    padding-left: 10px;
}*/
/*
#page{
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

#logo{
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

#left{
    position: fixed;
    width: 220px;
    top: 5px;
}

#left > div.bg-white{
    margin-bottom: 5px;
}

#user-menu-btn{
    cursor: pointer;
}

#user-menu{
    background: #a9a9a9;
    padding: 5px 0;
    display: none;
}

#user-menu li a{
    color: #fff;
    padding-left: 15px;
    height: 25px;
    line-height: 25px;
}

#menu-container{
    overflow: hidden;
}

#menu li{
    font-size: 13px;
    position: relative;
}



#menu li.current:after{
    content: "";
    display: block;
    width: 30px;
    height: 10px;
    background: url(/Content/newdesign/img/menu_ribbon.png) center center no-repeat;
    position: absolute;
    left: -10px;
    top: 10px;
}

#menu li.current a{
    font-weight: 700;
}

#menu li ul{
    display: none;
}

#menu li a{
    display: block;
    min-height: 30px;
    padding: 5px 25px;
}

#menu li.active > a{
    font-weight: 700;
}

#menu li.subheader{
    font-size: 15px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

#menu li.subheader > a{
    line-height: 45px;
    height: 45px;
    padding: 0 0 0 40px;
    background: url(/Content/newdesign/img/menu_icon.png) 10px center no-repeat;
    text-transform: uppercase;
}

#content{
    padding-left: 250px;
    padding-top: 10px;
    padding-right: 30px;
}


#navigation{
    padding-bottom: 30px;    
}

#navigation li{
    display: inline-block; 
}

#navigation li.separator{
    padding: 0 20px;
}

#navigation li.item-back{
    text-decoration: underline;
    margin-right: 50px;
    background: url(/Content/newdesign/img/breadcrumb_arrow.png) left center no-repeat;
    padding-left: 20px;
}



.pagination{
    line-height: 30px;
}
.pagination-select-container{
    position: relative;
    padding-left: 40px;
    width: 100px;
}

.pagination-select-container label{
    position: absolute;
    left: 0;
    top: 0;
    line-height: 30px;
}



*/
/*
.btn{
    display: inline-block;
    padding: 0 40px;
    width: auto;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
}*/

/*
table{
    border-spacing: 0;
    width: 100%;
    text-align: left;
}

td,th{
   
}
/*
th{
    background: #000;
    color: #fff;
    text-transform: uppercase;
}

td{
   
}
tr.odd td{
    background: #fff;
}

tr.odd td.bg-dark-green{
    background: #D8EAD7;
}

tr.even td{
    background: #f1f9fb;
}

table.grey td, table.grey th{
    padding: 10px 40px;;
}

table.grey th{
    background: #a9a9a9;
}

table.grey tr.even td{
    background: #eaeaea;
    border-left: 1px solid #d8d8d8;
}

table.grey td{
    border-left: 1px solid #ebebeb;
    padding: 15px 40px;
}

table.green th{
    background: #D8EAD7;
}

tr.details-row td{
    color: #fff;
    padding: 0;
}
*/
.account-list td, .account-list th{
    padding: 15px;
}

.details-row-content{
    padding: 0 15px;
    display: none;
}

.details-row-content .detail-item-container{
    padding-right: 15px;
}
.details-row-content .detail-item{
    padding: 15px 0;
    border-bottom: 1px solid #49b2b5;
}

td .checkbox-container{
    position: relative;
    z-index: 1;
}
/*
tr.checked td{
    position: relative;
}
tr.checked td:after{
    content: "";
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

/*messages*/
.message-container{
    position: relative;
}

.message-content{
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.message-content span{
    display: inline-block;
    padding-right: 30px;
}

.message-content .btn{
    border: 1px solid #fff;
    width: auto;
    margin-left: 5px;
    line-height: 1;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 13px;
    height: auto;
}

.message-content .close-btn{
    display: block;
    width: 12px;
    height: 12px;
    background: url(/Content/newdesign/img/close.png) center center no-repeat; 
    position: absolute;
    right: 10px;
}

/*payment list*/
.show-filters-container{
    padding: 15px;
    border-right: 1px solid #000;
}

.btn.show-filters{
    background-repeat: no-repeat;
    background-image: url(/Content/newdesign/img/arrow_down_white.png) ;
    background-position: 90% center;
    padding: 0 25px 0 10px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 9px;
    text-transform: uppercase;
}

.payment-list ul.icons-menu{
    padding-top: 15px;
    padding-left: 10px;
}

.payment-list ul.icons-menu li a{
    max-width: 70px;
    padding-top: 20px;
    width: auto;
}

/*account list*/
.account-list .search-container{
    padding: 10px;
    border-right: 1px solid #313131;
}

.account-list .search-container label{
    line-height: 1;
}

.account-list .search-container > div{
    margin-left: 5px;
}
.account-list .search-container > div:first-child{
    margin: 0;
}

.account-list ul.icons-menu{
    padding-top: 15px;
    padding-left: 10px;
}

/*session info*/
#session-info-container{
    padding: 15px 15px 25px 15px;
    color: #ddd;
}
.session-info-text{
    padding-bottom: 5px;
}
.session-info-action-box{
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 40px;
    float: left;
    margin-left: 5px;
}

.session-info-action-box a{
    display: block;
    height: 100%;
    width: 100%;
}

.session-info-action-box.help{
    margin-left: 0;
}

.session-info-action-box.timer{
    width: 100px;
    padding-left: 15px;
}


.itemleveldescription {
    display: block;
    font-style: italic;
    margin-top: 2px;
}


/* Body base size */
.mediumfont  {
    font-size: 14.95px;
    line-height: 14.95px;
}

/* Icon menu links */
.mediumfont li.icon a {
    font-size: 9.2px;
    line-height: 10.35px;
}

/* Ribbons */
.mediumfont .ribbon,
.mediumfont .ribbon-sub,
.mediumfont .ribbon-sub2,
.mediumfont .ribbon-end,
.mediumfont .ribbon-sub-end,
.mediumfont .ribbon-sub2-end {
    font-size: 12.65px;
    line-height: 23px;
}

/* Menu items (commented out in original, but included for completeness if used) */
.mediumfont #menu li {
    font-size: 14.95px;
}

    .mediumfont #menu li.subheader {
        font-size: 17.25px;
    }

        .mediumfont #menu li.subheader > a {
            line-height: 51.75px;
        }

/* Pagination (commented out in original) */
.mediumfont .pagination {
    line-height: 34.5px;
}

.mediumfont .pagination-select-container label {
    line-height: 34.5px;
}

/* Buttons (commented out in original) */
.mediumfont .btn {
    font-size: 18.4px;
    /*line-height: 46px;*/
}

/* Message Content */
.mediumfont .message-content .btn {
    font-size: 14.95px;
    line-height: 14.95px;
}

/* Payment List Filters */
.mediumfont .btn.show-filters {
    line-height: 34.5px;
    font-size: 10.35px;
}

/* Session Info */
.mediumfont .session-info-action-box {
    line-height: 46px;
    font-size: 18.4px;
}

/* Body base size */
.bigfont {
    font-size: 16.25px;
    line-height: 16.25px;
}

/* Icon menu links */
.bigfont li.icon a {
    font-size: 10px;
    line-height: 11.25px;
}

/* Ribbons */
.bigfont .ribbon,
.bigfont .ribbon-sub,
.bigfont .ribbon-sub2,
.bigfont .ribbon-end,
.bigfont .ribbon-sub-end,
.bigfont .ribbon-sub2-end {
    font-size: 13.75px;
    line-height: 25px;
}

/* Menu items (commented out in original, but included for completeness if used) */
.bigfont #menu li {
    font-size: 16.25px;
}

    .bigfont #menu li.subheader {
        font-size: 18.75px;
    }

        .bigfont #menu li.subheader > a {
            line-height: 56.25px;
        }

/* Pagination (commented out in original) */
.bigfont .pagination {
    line-height: 37.5px;
}

.bigfont .pagination-select-container label {
    line-height: 37.5px;
}

/* Buttons (commented out in original) */
.bigfont .btn {
    font-size: 20px;
    /*line-height: 50px;*/
}

/* Message Content */
.bigfont .message-content .btn {
    font-size: 16.25px;
    line-height: 16.25px;
}

/* Payment List Filters */
.bigfont .btn.show-filters {
    line-height: 37.5px;
    font-size: 11.25px;
}

/* Session Info */
.bigfont .session-info-action-box {
    line-height: 50px;
    font-size: 20px;
}

/* Tipso Bubble Styles */
.tipso_bubble, .tipso_bubble > .tipso_arrow{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
.tipso_bubble {
    position: absolute;
	text-align: center;
	border-radius: 7px;
	z-index: 9999;
    background: rgba(0, 0, 0, 0.5) !important;
	padding: 10px;
    white-space: pre-wrap;
}
.tipso_style{
	cursor: help;
    color: rgb(0,162,232);
	/*border-bottom: 1px dotted;*/
}
.tipso_content {
  	word-wrap: break-word;
}

/* Tipso Bubble Div */
.tipso_bubble > .tipso_arrow{
	position: absolute;
	width: 0; height: 0;
	border: 0px solid;
    border-color: rgba(0, 0, 0, 0.5) !important;
	pointer-events: none;
}
.tipso_bubble.top > .tipso_arrow {
   	border-top-color: #000;
   	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
    top: 100%;
    left: 50%;
    margin-left: -8px;
}
.tipso_bubble.bottom > .tipso_arrow {
    border-bottom-color: #000;
    border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
}
.tipso_bubble.left > .tipso_arrow {
    border-left-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
    top: 50%;
	left: 100%;
	margin-top: -8px;
}
.tipso_bubble.right > .tipso_arrow {
    border-right-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
    top: 50%;
	right: 100%;
	margin-top: -8px;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 10px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark-original" 

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
    /* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: #064325; }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #96ca12; }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #96ca12; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */

	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

.tablesorter-default{width:100%;font:12px/18px Arial,Sans-serif;color:#333;background-color:#fff;border-spacing:0;margin:10px 0 15px;text-align:left}.tablesorter-default th,.tablesorter-default thead td{font-weight:700;color:#000;background-color:#fff;border-collapse:collapse;border-bottom:#ccc 2px solid;padding:0}.tablesorter-default tfoot td,.tablesorter-default tfoot th{border:0}.tablesorter-default .header,.tablesorter-default .tablesorter-header{background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);background-position:center right;background-repeat:no-repeat;cursor:pointer;white-space:normal;padding:4px 20px 4px 4px}.tablesorter-default thead .headerSortUp,.tablesorter-default thead .tablesorter-headerAsc,.tablesorter-default thead .tablesorter-headerSortUp{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);border-bottom:#000 2px solid}.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerDesc,.tablesorter-default thead .tablesorter-headerSortDown{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);border-bottom:#000 2px solid}.tablesorter-default thead .sorter-false{background-image:none;cursor:default;padding:4px}.tablesorter-default tfoot .tablesorter-headerAsc,.tablesorter-default tfoot .tablesorter-headerDesc,.tablesorter-default tfoot .tablesorter-headerSortDown,.tablesorter-default tfoot .tablesorter-headerSortUp{border-top:#000 2px solid}.tablesorter-default td{background-color:#fff;border-bottom:#ccc 1px solid;padding:4px;vertical-align:top}.tablesorter-default tbody>tr.even:hover>td,.tablesorter-default tbody>tr.hover>td,.tablesorter-default tbody>tr.odd:hover>td,.tablesorter-default tbody>tr:hover>td{background-color:#fff;color:#000}.tablesorter-default .tablesorter-processing{background-position:center center!important;background-repeat:no-repeat!important;background-image:url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=)!important}.tablesorter-default tr.odd>td{background-color:#dfdfdf}.tablesorter-default tr.even>td{background-color:#efefef}.tablesorter-default tr.odd td.primary{background-color:#bfbfbf}.tablesorter-default td.primary,.tablesorter-default tr.even td.primary,.tablesorter-default tr.odd td.secondary{background-color:#d9d9d9}.tablesorter-default td.secondary,.tablesorter-default tr.even td.secondary,.tablesorter-default tr.odd td.tertiary{background-color:#e6e6e6}.tablesorter-default td.tertiary,.tablesorter-default tr.even td.tertiary{background-color:#f2f2f2}caption{background-color:#fff}.tablesorter-default .tablesorter-filter-row{background-color:#eee}.tablesorter-default .tablesorter-filter-row td{background-color:#eee;border-bottom:#ccc 1px solid;line-height:normal;text-align:center;-webkit-transition:line-height .1s ease;-moz-transition:line-height .1s ease;-o-transition:line-height .1s ease;transition:line-height .1s ease}.tablesorter-default .tablesorter-filter-row .disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.tablesorter-default .tablesorter-filter-row.hideme td{padding:2px;margin:0;line-height:0;cursor:pointer}.tablesorter-default .tablesorter-filter-row.hideme *{height:1px;min-height:0;border:0;padding:0;margin:0;opacity:0;filter:alpha(opacity=0)}.tablesorter-default input.tablesorter-filter,.tablesorter-default select.tablesorter-filter{width:95%;height:auto;margin:4px auto;padding:4px;background-color:#fff;border:1px solid #bbb;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease;transition:height .1s ease}.tablesorter .filtered{display:none}.tablesorter .tablesorter-errorRow td{text-align:center;cursor:pointer;background-color:#e6bf99}


.tablesorter-default th, .tablesorter-default thead td {
    background-color: #eaf5f7 !important;
}
.tablesorter-default td {
    border-bottom: 0px !important;
}
 
.tablesorter-default {
    font: inherit !important;
}
