/*
 * Main application CSS manifest
 * This file serves as the entry point for the Asset Pipeline
 *
 *= require_self
 *= require jquery-ui.min
 *= require jquery-ui-custom
 *= require bootstrap
 *= require flat-buttons
 *= require default
 *= require ui-grid.min
 *= require app
 *= require user
 *= require ui-custom
 *= require ui.dynatree
 *= require ui.dynatree-custom
 *= require angular-gridster
 *= require angular-dashboard
 *= require angular-dashboard-custom
 *= require admin
 *= require admin-custom
 *= require samples-custom
 *= require drive

/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.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=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 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-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action: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-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%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-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:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,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:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #ccc}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100-f84efa94ffc0c98e36abd821ebaed679.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100-ed043e2711ca58925c010194af09d7c7.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400-4de91d405406cac6192ba37a1431bfff.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400-45f2e78d0bb164aba5cd4a07b82fd437.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#c77405;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400-598d4ba7821dc1782919ce6638d9d50f.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-icon-background,.ui-state-active .ui-icon-background{border:#fbd850;background-color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100-0412739b71dcc6740f5b02209ec5dac2.png") 50% top repeat-x;color:#363636}.ui-state-checked{border:1px solid #fed22f;background:#ffe45c}.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:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40-c556ae9c07e173eda8137eb1b32f9ea5.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.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;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-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-a1b3887a86cf1791f23c0b53b4d3585f.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240-e3f4748b19b87aadaa924d85f0882432.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240-1eec256e4f7b8324e619aae36ecfbfbd.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240-1eec256e4f7b8324e619aae36ecfbfbd.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_228ef1_256x240-73044fed6bab2c5ed02eed93b7d3adaa.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240-c1a79bd65be08aa2be391cba2321f448.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240-1eec256e4f7b8324e619aae36ecfbfbd.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40-4664673206deba225eeb4cd1330f4ca0.png") 50% 50% repeat;opacity:.5;-ms-filter:Alpha(Opacity=50)}.ui-widget-shadow{-webkit-box-shadow:-5px -5px 5px #000;box-shadow:-5px -5px 5px #000}
.ui-widget-header {
    border: 0px solid #c6c6c6;
    background: #5c9ccc url(../images/jquery/ui-widget-header.png) 50% 50% repeat-x;
}

.ui-corner-all, .ui-corner-top {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

.ui-widget-content {
    /*background: none repeat scroll 0 0 #F5F5F5;*/
    /*border: 1px solid #bac0c3;*/
    /*border-radius: 4px;*/
    /*border-top-left-radius: 0px !important;*/
}

.ui-jqgrid .ui-jqgrid-titlebar {
    color: #006492;
    background: none;
}

.ui-jqgrid .ui-jqgrid-view {
    font-size: 12px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-default,
.ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400-45f2e78d0bb164aba5cd4a07b82fd437.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}

.ui-widget-content .ui-state-hover{
    color: #444;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none;
}

.ui-widget-content a{
    font-size: 0.9em;
}

.ui-widget{
    font-family: Arial, san-serif;
}

/*.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{*/
    /*padding: 5px 0;*/
/*}*/

.ui-jqgrid .ui-search-toolbar th div {
    border-top: 0px solid #ddd !important;
    min-height: 20px;
}


.ui-jqgrid tr.ui-search-toolbar th {
    border-top: 0px solid #ddd !important;
}

.ui-jqgrid tr.jqgrow td {
    font-size:1.2em;
    padding: 6px 4px 4px 3px!important;
    vertical-align: top;
}

.ui-jqgrid-alt-row {
    background: #FFFFFF;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    /*background-image: linear-gradient(#dadada, #f1f6fa 52%, #dadada);*/
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), color-stop(52%, #f1f6fa), to(#dadada));*/
    /*background-image: -webkit-linear-gradient(#dadada, #f1f6fa 52%, #dadada);*/
    /*background-image: -moz-linear-gradient(top, #dadada, #f1f6fa 52%, #dadada);*/
    /*background-repeat: repeat-x;*/
    /*color: #223f77;*/
    /*border: none;*/
    /*font-size: 13px;*/
}

th.ui-th-column {
    vertical-align: top;
}

th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:2px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight{
    border: 1px solid #ddd;
    background-image: none;
    background-color: #eee;
}

/*!
 * 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(glyphicons-halflings-regular-7ad17c6085dee9a33787bac28fb23d46.eot);src:url(glyphicons-halflings-regular-7ad17c6085dee9a33787bac28fb23d46.eot?#iefix) format("embedded-opentype"),url(glyphicons-halflings-regular-448c34a56d699c29117adc64c43affeb.woff2) format("woff2"),url(glyphicons-halflings-regular-68ed1dac06bf0409c18ae7bc62889170.woff) format("woff"),url(glyphicons-halflings-regular-e49d52e74b7689a0727def99da31f3eb.ttf) format("truetype"),url(glyphicons-halflings-regular-ff423a4251cf2986555523dfe315c42b.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 */
/* ============================================
   Flat Design Button System
   ============================================
   Flat design buttons following the design system:
   - No shadows (absolutely no box-shadows)
   - Solid color backgrounds (no gradients)
   - Scale/color hover effects for feedback
   - Consistent border-radius (6px)
   - Typography: Medium weight, no text-transform
   ============================================ */

/* ====================
   Design Token Colors
   ====================
   Primary: #37609c (Slate blue - Action color)
   Secondary: #0092dd (Light blue)
   Accent: #F59E0B (Amber)
   Muted: #F3F4F6 (Gray 100)
   Foreground: #111827 (Gray 900)
   Border: #E5E7EB (Gray 200)
   ==================== */

/* ====================
   Base Button Reset
   ==================== */
.btn {
    display: inline-block;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    
    /* CRITICAL: No shadows - flat design */
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    
    /* No gradients */
    background-image: none !important;
    
    /* Smooth transitions for hover effects */
    transition: all 0.2s ease-in-out;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    /* Focus ring for accessibility - solid outline, not shadow */
    outline: 2px solid #0092dd;
    outline-offset: 2px;
}

/* ====================
   Primary Button
   ==================== 
   Main action buttons - solid primary color
   Used for: Submit, Save, Continue, Apply
*/
.btn-primary {
    color: #ffffff;
    background-color: #37609c;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #ffffff;
    background-color: #2d4f80;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(1.02);
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #243f66;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(0.98);
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
a.btn-primary-disable,
.btn-primary-disable,
.btn-primary-disable:hover {
    /* Tinted disabled - light blue with blue text */
    color: #5a9bc7;
    background-color: #d6e8f4;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    cursor: not-allowed;
    transform: none;
}

/* ====================
   Default/Secondary Button
   ==================== 
   Secondary actions - muted background
   Used for: Cancel, Close, No, Reset
*/
.btn-default {
    color: #111827;
    background-color: #F3F4F6;
    border: 2px solid #E5E7EB;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-default:hover,
.btn-default:focus {
    color: #111827;
    background-color: #E5E7EB;
    border: 2px solid #D1D5DB;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(1.02);
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #111827;
    background-color: #D1D5DB;
    border: 2px solid #9CA3AF;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(0.98);
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover {
    /* Tinted disabled - very light gray with muted text */
    color: #9CA3AF;
    background-color: #F9FAFB;
    border: 2px solid #F3F4F6;
    box-shadow: none !important;
    background-image: none !important;
    cursor: not-allowed;
    transform: none;
}

/* ====================
   Success Button
   ==================== 
   Positive actions - emerald green
   Used for: Confirm, Approve
*/
.btn-success {
    color: #ffffff;
    background-color: #059669;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-success:hover,
.btn-success:focus {
    color: #ffffff;
    background-color: #047857;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(1.02);
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #065f46;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(0.98);
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover {
    /* Tinted disabled - light green with green text */
    color: #6db89a;
    background-color: #d1fae5;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    cursor: not-allowed;
    transform: none;
}

/* ====================
   Danger Button
   ==================== 
   Destructive actions - red
   Used for: Delete, Remove
*/
.btn-danger {
    color: #ffffff;
    background-color: #DC2626;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-danger:hover,
.btn-danger:focus {
    color: #ffffff;
    background-color: #B91C1C;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(1.02);
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #991B1B;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(0.98);
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover {
    /* Tinted disabled - light red with red text */
    color: #e57373;
    background-color: #fee2e2;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    cursor: not-allowed;
    transform: none;
}

/* ====================
   Warning Button
   ==================== 
   Caution actions - amber
*/
.btn-warning {
    color: #111827;
    background-color: #F59E0B;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-warning:hover,
.btn-warning:focus {
    color: #111827;
    background-color: #D97706;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(1.02);
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #111827;
    background-color: #B45309;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(0.98);
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover {
    /* Tinted disabled - light amber with amber text */
    color: #d4a855;
    background-color: #fef3c7;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    cursor: not-allowed;
    transform: none;
}

/* ====================
   Info Button
   ==================== 
   Informational actions - light blue (secondary)
*/
.btn-info {
    color: #ffffff;
    background-color: #0092dd;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-info:hover,
.btn-info:focus {
    color: #ffffff;
    background-color: #0080c4;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(1.02);
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #006ea8;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(0.98);
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover {
    /* Tinted disabled - light blue with blue text */
    color: #6bb8e5;
    background-color: #dbeafe;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    cursor: not-allowed;
    transform: none;
}

/* ====================
   Link Button
   ==================== 
   Text-only button appearance
*/
.btn-link {
    color: #37609c;
    background-color: transparent;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    text-decoration: none;
}

.btn-link:hover,
.btn-link:focus {
    color: #2d4f80;
    background-color: transparent;
    text-decoration: underline;
    box-shadow: none !important;
    background-image: none !important;
    transform: none;
}

/* ====================
   Button Sizes
   ==================== */
.btn-lg {
    padding: 12px 24px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 8px;
}

.btn-sm {
    padding: 5px 12px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-xs {
    padding: 2px 8px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 4px;
}

/* Extra small buttons for help - styled like primary but smaller */
.btn-xs.btn-primary {
    color: #ffffff;
    background-color: #37609c;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-xs.btn-primary:hover {
    color: #ffffff;
    background-color: #2d4f80;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(1.05);
}

/* ====================
   Block Button
   ==================== */
.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

/* ====================
   Button Groups
   ==================== */
.btn-group > .btn,
.btn-group-vertical > .btn {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.btn-group > .btn:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.btn-group > .btn + .btn {
    margin-left: -1px;
}

/* ====================
   Dropdown Toggle
   ==================== */
.btn.dropdown-toggle {
    box-shadow: none !important;
    background-image: none !important;
}

.dropdown-toggle.btn-primary,
.btn-group.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #37609c;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
}

.dropdown-toggle.btn-primary:hover,
.dropdown-toggle.btn-primary:focus {
    color: #ffffff;
    background-color: #2d4f80;
    box-shadow: none !important;
    background-image: none !important;
}

/* ====================
   Login Button (special styling)
   ==================== 
   Used on the login page - uses secondary color
*/
.btn-login {
    color: #ffffff;
    background-color: #0092dd;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
}

.btn-login:hover,
.btn-login:focus {
    color: #ffffff;
    background-color: #0080c4;
    border: none;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(1.02);
}

.btn-login:active {
    color: #ffffff;
    background-color: #006ea8;
    box-shadow: none !important;
    background-image: none !important;
    transform: scale(0.98);
}

/* ====================
   Toolbar Buttons
   ==================== 
   Admin toolbar buttons - consistent styling
*/
.btn-toolbar .btn {
    margin-right: 5px;
}

.btn-toolbar .btn:last-child {
    margin-right: 0;
}

/* ====================
   Disabled State (ui-state-disabled)
   ==================== 
   Used in Admin pages with ng-class
*/
.btn.ui-state-disabled {
    /* Tinted disabled - consistent with primary disabled */
    color: #5a9bc7 !important;
    background-color: #d6e8f4 !important;
    border: none !important;
    box-shadow: none !important;
    background-image: none !important;
    cursor: not-allowed !important;
    transform: none !important;
    pointer-events: none;
}

/* ====================
   Input Group Buttons
   ==================== 
   Buttons attached to input fields
*/
.input-group-btn .btn {
    border-radius: 0 6px 6px 0;
    box-shadow: none !important;
    background-image: none !important;
}

.input-group-btn:first-child .btn {
    border-radius: 6px 0 0 6px;
}

.input-group-btn .btn-default {
    border: 2px solid #E5E7EB;
    border-left: none;
}

.input-group-btn:first-child .btn-default {
    border-left: 2px solid #E5E7EB;
    border-right: none;
}

/* ====================
   Selectpicker Override
   ==================== 
   Bootstrap-select dropdown button
*/
button.dropdown-toggle.selectpicker,
button.dropdown-toggle.selectpicker:hover,
button.dropdown-toggle.selectpicker:focus,
button.dropdown-toggle.selectpicker:active,
.btn-group.open .dropdown-toggle.selectpicker {
    background-color: #ffffff !important;
    border: 1px solid #D1D5DB !important;
    color: #111827 !important;
    box-shadow: none !important;
    background-image: none !important;
}

button.dropdown-toggle.selectpicker:hover {
    border-color: #9CA3AF !important;
}

/* ====================
   Button in eCOA Table
   ==================== 
   Date picker and other buttons in eCOA table cells
*/
#addEditSampleTableId .input-group button,
#addEditSampleTableId .input-group-btn .btn {
    background-color: #F3F4F6;
    border: 1px solid #D1D5DB;
    color: #374151;
    box-shadow: none !important;
    background-image: none !important;
    padding: 6px 10px;
}

#addEditSampleTableId .input-group button:hover,
#addEditSampleTableId .input-group-btn .btn:hover {
    background-color: #E5E7EB;
    border-color: #9CA3AF;
    box-shadow: none !important;
    background-image: none !important;
}

/* ====================
   Modal Footer Buttons
   ==================== 
   Consistent spacing for modal footers
*/
.modal-footer .btn {
    margin-left: 8px;
}

.modal-footer .btn:first-child {
    margin-left: 0;
}

/* ====================
   Anchor styled as Button
   ==================== 
   When <a> tags use .btn class
*/
a.btn {
    text-decoration: none;
}

a.btn:hover,
a.btn:focus {
    text-decoration: none;
}

a.btn-primary {
    color: #ffffff;
}

a.btn-primary:hover,
a.btn-primary:focus {
    color: #ffffff;
}

a.btn-default {
    color: #111827;
}

a.btn-default:hover,
a.btn-default:focus {
    color: #111827;
}

/* ====================
   Icon within Button
   ==================== 
   Glyphicons and other icons in buttons
*/
.btn .glyphicon {
    margin-right: 5px;
}

.btn .glyphicon:last-child {
    margin-right: 0;
}

.btn .glyphicon:only-child {
    margin-right: 0;
}

/* ====================
   Caret in Dropdown
   ==================== */
.btn .caret {
    margin-left: 5px;
}

/* ====================
   Samples Page Custom
   ==================== 
   Override for samples button bar - natural sizing
*/
.samples-button-bar .btn {
    padding: 8px 16px;
}

.samples-button-bar .dropdown-toggle.btn-primary {
    padding-right: 12px;
}

/* ====================
   Filter Buttons
   ==================== 
   Buttons in filter sections
*/
#filterBtns .btn,
.filtersContainer .btn,
.filter-buttons .btn {
    margin-right: 5px;
    margin-bottom: 5px;
}

/* ============================================
   Advanced Filters - Flat Design Restyling
   ============================================
   Following flat design principles:
   - No shadows, no depth
   - Clean borders and background colors
   - Typography-driven hierarchy
   ============================================ */

/* Main filters container */
.filtersContainer {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 6px;
    padding: 10px 12px !important;
    margin-bottom: 10px;
}

/* Collapsed state - more compact, no border */
#dataFilters > div.ui-ajax-section-content > div:only-child {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

#dataFilters > div.ui-ajax-section-content > div:only-child .filtersContainer {
    border: none !important;
    background-color: transparent !important;
}

/* Override jQuery UI widget content styles */
.filtersContainer.ui-widget-content {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 6px;
    color: #111827;
}

/* Expand/Collapse toggle link */
.filtersContainer a[onclick*="showHideFilters"],
.filtersContainer > div > a:first-child,
.filtersContainer a[href*="javascript:void"] {
    color: #37609c;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
}

.filtersContainer a[onclick*="showHideFilters"]:hover,
.filtersContainer > div > a:first-child:hover {
    color: #0092dd;
    text-decoration: none;
}

/* Expand/collapse icon */
.filtersContainer .glyphicon-plus,
.filtersContainer .glyphicon-minus {
    font-size: 14px;
    color: #37609c;
    font-weight: bold;
}

/* Clear filter button */
.filtersContainer .clearFilterButton {
    margin-left: 16px;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.filtersContainer .clearFilterButton:hover {
    opacity: 1;
}

.filtersContainer .clearFilterButton img {
    width: 20px;
    height: 20px;
}

/* Filter edit container wrapper */
.filterEditContainer {
    margin-top: 8px;
}

/* Filter select dropdown */
.filtersContainer select.form-control,
.filterEditContainer select.form-control,
#filterID_all_samples {
    background-color: #F3F4F6;
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    color: #111827;
    height: auto;
    min-height: 40px;
    width: 100%;
    max-width: 500px;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    appearance: auto;
}

.filtersContainer select.form-control:focus,
.filterEditContainer select.form-control:focus,
#filterID_all_samples:focus {
    background-color: #FFFFFF;
    border-color: #37609c;
    outline: none;
    box-shadow: none !important;
}

/* Filter expressions table */
.filterEditContainer table.table,
#filterExpressionsContainer table.table,
#expressionsContainer table.table {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 8px;
    margin-top: 8px;
}

/* Table header */
.filterEditContainer table.table thead,
#filterExpressionsContainer table.table thead,
#expressionsContainer table.table thead {
    background-color: #F3F4F6;
}

.filterEditContainer table.table th,
#filterExpressionsContainer table.table th,
#expressionsContainer table.table th {
    background-color: #F3F4F6 !important;
    background-image: none !important; /* Override gradient from app.css */
    border-bottom: 2px solid #E5E7EB !important;
    color: #111827;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* Table body cells */
.filterEditContainer table.table td,
#filterExpressionsContainer table.table td,
#expressionsContainer table.table td {
    background-color: #FFFFFF !important;
    border-color: #E5E7EB !important;
    padding: 10px 12px;
    vertical-align: middle;
}

/* Table rows */
.filterEditContainer table.table tbody tr,
#filterExpressionsContainer table.table tbody tr,
#expressionsContainer table.table tbody tr {
    border-bottom: 1px solid #E5E7EB;
}

.filterEditContainer table.table tbody tr:last-child,
#filterExpressionsContainer table.table tbody tr:last-child,
#expressionsContainer table.table tbody tr:last-child {
    border-bottom: none;
}

/* Bootstrap selectpicker overrides for filter conditions */
.filterEditContainer .bootstrap-select,
#filterExpressionsContainer .bootstrap-select,
#expressionsContainer .bootstrap-select {
    width: auto !important;
    min-width: 100px;
}

.filterEditContainer .bootstrap-select > .dropdown-toggle,
#filterExpressionsContainer .bootstrap-select > .dropdown-toggle,
#expressionsContainer .bootstrap-select > .dropdown-toggle {
    background-color: #F3F4F6 !important;
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    color: #111827 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 28px 6px 12px !important;
    height: auto !important;
    min-height: 34px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

.filterEditContainer .bootstrap-select > .dropdown-toggle:focus,
#filterExpressionsContainer .bootstrap-select > .dropdown-toggle:focus,
#expressionsContainer .bootstrap-select > .dropdown-toggle:focus,
.filterEditContainer .bootstrap-select > .dropdown-toggle:active,
#filterExpressionsContainer .bootstrap-select > .dropdown-toggle:active,
#expressionsContainer .bootstrap-select > .dropdown-toggle:active {
    background-color: #FFFFFF !important;
    border-color: #37609c !important;
    outline: none !important;
    box-shadow: none !important;
}

.filterEditContainer .bootstrap-select.open > .dropdown-toggle,
#filterExpressionsContainer .bootstrap-select.open > .dropdown-toggle,
#expressionsContainer .bootstrap-select.open > .dropdown-toggle {
    background-color: #FFFFFF !important;
    border-color: #37609c !important;
}

/* Selectpicker dropdown menu */
.filterEditContainer .bootstrap-select .dropdown-menu,
#filterExpressionsContainer .bootstrap-select .dropdown-menu,
#expressionsContainer .bootstrap-select .dropdown-menu {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    margin-top: 4px;
    padding: 4px 0;
}

.filterEditContainer .bootstrap-select .dropdown-menu li a,
#filterExpressionsContainer .bootstrap-select .dropdown-menu li a,
#expressionsContainer .bootstrap-select .dropdown-menu li a {
    padding: 8px 12px;
    font-size: 14px;
    color: #111827;
}

.filterEditContainer .bootstrap-select .dropdown-menu li a:hover,
#filterExpressionsContainer .bootstrap-select .dropdown-menu li a:hover,
#expressionsContainer .bootstrap-select .dropdown-menu li a:hover,
.filterEditContainer .bootstrap-select .dropdown-menu li.selected a,
#filterExpressionsContainer .bootstrap-select .dropdown-menu li.selected a,
#expressionsContainer .bootstrap-select .dropdown-menu li.selected a {
    background-color: #F3F4F6;
    color: #37609c;
}

/* Hide checkbox/checkmarks in single-select filter dropdowns */
.filterEditContainer .bootstrap-select .dropdown-menu li a .check-mark,
#filterExpressionsContainer .bootstrap-select .dropdown-menu li a .check-mark,
#expressionsContainer .bootstrap-select .dropdown-menu li a .check-mark,
.filterEditContainer .bootstrap-select .dropdown-menu li a .glyphicon-ok,
#filterExpressionsContainer .bootstrap-select .dropdown-menu li a .glyphicon-ok,
#expressionsContainer .bootstrap-select .dropdown-menu li a .glyphicon-ok {
    display: none !important;
}

/* Remove condition icon */
.filterEditContainer .glyphicon-trash,
#filterExpressionsContainer .glyphicon-trash,
#expressionsContainer .glyphicon-trash {
    color: #DC2626;
    font-size: 16px;
    opacity: 0.7;
    transition: opacity 0.2s ease, color 0.2s ease;
}

.filterEditContainer .glyphicon-trash:hover,
#filterExpressionsContainer .glyphicon-trash:hover,
#expressionsContainer .glyphicon-trash:hover {
    opacity: 1;
    color: #B91C1C;
}

/* Filter buttons row */
#filterButtonsContainer,
.filterEditContainer #filterButtonsContainer {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #E5E7EB;
}

#filterButtonsContainer .btn,
.filterEditContainer .btn {
    margin-right: 8px;
    margin-bottom: 0;
}

/* Left-aligned New Condition button */
#filterButtonsContainer > .col-xs-12 > div:first-child {
    float: left;
}

/* Right-aligned action buttons */
#filterSaveButtons {
    float: right;
    display: flex;
    gap: 8px;
}

#filterSaveButtons a {
    text-decoration: none;
}

/* Alert messages in filter area */
.filterEditContainer .alert,
.filtersContainer .alert {
    border-radius: 6px;
    border: none;
    padding: 12px 16px;
    margin-bottom: 12px;
}

.filterEditContainer .alert-success,
.filtersContainer .alert-success {
    background-color: #D1FAE5;
    color: #065F46;
}

.filterEditContainer .alert-warning,
.filtersContainer .alert-warning {
    background-color: #FEF3C7;
    color: #92400E;
}

.filterEditContainer .alert-danger,
.filtersContainer .alert-danger {
    background-color: #FEE2E2;
    color: #991B1B;
}

/* Unsaved indicator styling */
#unsavedIndicator td {
    font-style: italic;
    color: #6B7280 !important;
    font-size: 12px;
}

/* Text input in filter value (if any) */
.filterEditContainer input.form-control,
#filterExpressionsContainer input.form-control,
#expressionsContainer input.form-control {
    background-color: #F3F4F6;
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 14px;
    color: #111827;
    height: auto;
    min-height: 34px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.filterEditContainer input.form-control:focus,
#filterExpressionsContainer input.form-control:focus,
#expressionsContainer input.form-control:focus {
    background-color: #FFFFFF;
    border-color: #37609c;
    outline: none;
    box-shadow: none !important;
}

/* ====================
   Admin Tab Buttons
   ==================== 
   Add/Modify/Delete buttons in Admin tabs
*/
#admin-container .btn-toolbar .btn {
    min-width: 80px;
}

body{
    margin: 0px;
    padding: 0px;
}

#header {
    width: 100%;
    min-height: 89px;
    margin: 0 auto;
    background-color: #3b5997;
}

#delimitare {
    width: 96%;
    margin: 0 auto;
}

#delimitare div.title {
    color: #fff;
    font: 1.4em Trebuchet MS, Verdana, Arial, sans-serif;
    text-align: center;
    margin: 0 auto;
    padding-top: 15px;
    text-transform: uppercase;
}

#content-pages{
    background-color: #fff;
}

#navbar-top{
    display: block;
    width:100%;
    height: 44px;
    background-color: #37609c; /* PRIMARY */
    border-top: 1px solid #fff;
}

#container {
    background: transparent;
    width: 100%;
    margin: 0 auto;
}

#footer{
    background-color: #eaeaea;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    color: #7e7e80;
    font: 0.9em Trebuchet MS, Verdana, Arial, sans-serif;
    margin-top: 30px;
    padding: 0 15px;
}

#footer-container{
    padding: 15px 0px 0px 0px;
}

.white{
    color: #fff;
}

hr.delimitator {
    border: none;
    height: 1px;
    background-color: #d9d9d9;
}

hr.delimitator-white {
    border: none;
    height: 1px;
    background-color: #fff;
}

/* navigation bar top - NOTE: These are overridden by app.css for flat design */
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-radius: 0px;
}

.navbar-default {
    background-color: #37609c; /* PRIMARY - will be overridden by app.css with !important */
    border-color: transparent;
    border: none;
}

.navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 11px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #0092dd; /* SECONDARY */
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font: 14px Trebuchet Ms, Sans-serif;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #0092dd; /* SECONDARY */
}

/* dropdown toogle icon */
.navbar-toggle {
    padding: 8px 8px;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 6px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #0092dd; /* SECONDARY */
}

.navbar-default .navbar-toggle {
    background-color: #37609c; /* PRIMARY */
    border-color: #fff;
}

.highlight{
    color: #000;
    cursor: pointer;
}
/*!
 * ui-grid - v4.12.4 - 2023-08-17
* http://ui-grid.info/
 * Copyright (c) 2023 ; License: MIT 
 */.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-scrollbar-placeholder{background-color:transparent}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-contents-wrapper{position:relative;height:100%;width:100%}.ui-grid-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.ui-grid-icon-button{background-color:transparent;border:none;padding:0}.clickable{cursor:pointer}.ui-grid-top-panel-background{background-color:#f3f3f3}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:border-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background-color:#f3f3f3;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:-ms-flexbox;display:flex;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell-wrapper{position:relative;display:-ms-flexbox;display:flex;box-sizing:border-box;height:100%;width:100%}.ui-grid-header-cell-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui-grid-header-cell{position:relative;box-sizing:border-box;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell:last-child{border-right:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header-cell .ui-grid-sort-priority-number{margin-left:-8px}.ui-grid-header-cell>div{-ms-flex-basis:100%;flex-basis:100%}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-header-cell-last-col .ui-grid-cell-contents,.ui-grid-header-cell-last-col .ui-grid-filter-container,.ui-grid-header-cell-last-col .ui-grid-column-menu-button,.ui-grid-header-cell-last-col+.ui-grid-column-resizer.right{margin-right:13px}.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,.ui-grid-render-container-right .ui-grid-header-cell-last-col+.ui-grid-column-resizer.right{margin-right:28px}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .04s linear;-moz-transition:all .04s linear;-o-transition:all .04s linear;transition:all .04s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .04s linear;-moz-transition:all .04s linear;-o-transition:all .04s linear;transition:all .04s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}.ui-grid-filter-container .ui-grid-filter-button-select{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:0px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{box-sizing:border-box;padding:0 18px 0 0;margin:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}select.ui-grid-filter-select{padding:0;margin:0;border:0;width:90%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}select.ui-grid-filter-select:hover{border:1px solid #d4d4d4}.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select{width:100%}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ui-grid-viewport:focus{outline:none !important}.ui-grid-canvas{position:relative;padding-top:1px;min-height:1px}.ui-grid-row{clear:both}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-row:hover>[ui-grid-row]>.ui-grid-cell:hover .ui-grid-cell,.ui-grid-row:nth-child(odd):hover .ui-grid-cell,.ui-grid-row:nth-child(even):hover .ui-grid-cell{background-color:#d5eaee}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background-color:#f3f3f3;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{background-color:#F0F0EE;border-bottom:solid 1px #d4d4d4}.ui-grid-cell-empty{display:inline-block;width:10px;height:10px}.ui-grid-footer-info{padding:5px 10px}.ui-grid-footer-panel-background{background-color:#f3f3f3}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background-color:#f3f3f3;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-grid-footer{float:left;width:100%}.ui-grid-footer-viewport,.ui-grid-footer-canvas{height:100%}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-footer-cell-row{display:table-row}.ui-grid-footer-cell{overflow:hidden;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box;display:table-cell}.ui-grid-footer-cell:last-child{border-right:0}.ui-grid-menu-button{z-index:2;position:absolute;right:0;top:0;background:#f3f3f3;border:0;border-left:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;cursor:pointer;height:32px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:5px;margin-left:2px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid{overflow:scroll}.ui-grid-menu{overflow:hidden;max-width:320px;z-index:2;position:absolute;right:100%;padding:0 10px 20px 10px;cursor:pointer;box-sizing:border-box}.ui-grid-menu-item{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-grid-menu .ui-grid-menu-inner{background:#fff;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:0}.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item{color:#000;min-width:100%;padding:8px;text-align:left;background:transparent;border:none;cursor:default}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item{cursor:pointer}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus{background-color:#b3c4c7}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active{background-color:#9cb2b6}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>.ui-grid-menu-item{border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('fonts/ui-grid-227446cf79f53e00a94c7c8b65afe5bf.eot');src:url('fonts/ui-grid-227446cf79f53e00a94c7c8b65afe5bf.eot#iefix') format('embedded-opentype'),url('fonts/ui-grid-17d2ac1319d15226282b64aae318904a.woff') format('woff'),url('fonts/ui-grid-fc8a2b48ae523377a181be3813d58c31.ttf') format('truetype'),url('fonts/ui-grid-8f16b81dd400112540ad7bb9a0c65e3d.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\c362'}.ui-grid-icon-menu:before{content:'\c363'}.ui-grid-icon-indent-left:before{content:'\e800'}.ui-grid-icon-indent-right:before{content:'\e801'}.ui-grid-icon-spin5:before{content:'\ea61'}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child,.ui-grid[dir=rtl] .ui-grid-header-cell:last-child{border-right:1px solid #d4d4d4;border-left:0}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ui-grid-cell-focus{outline:0;background-color:#b3c4c7}.ui-grid-focuser{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.ui-grid-focuser:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-offscreen{display:block;position:absolute;left:-10000px;top:-10000px;clip:rect(0, 0, 0, 0)}.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}.ui-grid-cell input:focus{color:inherit;outline:none}.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4}.ui-grid-viewport .ui-grid-empty-base-layer-container{position:absolute;overflow:hidden;pointer-events:none;z-index:-1}.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:none}.ui-grid-expandable-buttons-cell i{pointer-events:all}.scrollFiller{float:left;border:1px solid #d4d4d4}.ui-grid-tree-header-row{font-weight:bold !important}.movingColumn{position:absolute;top:0;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none}.ui-grid-pager-panel{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px;box-sizing:content-box}.ui-grid-pager-container{float:left}.ui-grid-pager-control{padding:5px 0;display:flex;flex-flow:row nowrap;align-items:center;margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button,.ui-grid-pager-control span,.ui-grid-pager-control input{margin-right:4px}.ui-grid-pager-control button{height:25px;min-width:26px;display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background:#f3f3f3;border:1px solid #ccc;white-space:nowrap;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;color:#eee}.ui-grid-pager-control button:hover{border-color:#adadad;text-decoration:none}.ui-grid-pager-control button:focus{border-color:#8c8c8c;text-decoration:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:active{border-color:#adadad;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ui-grid-pager-control button:active:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:active:hover,.ui-grid-pager-control button:active:focus{background-color:#c8c8c8;border-color:#8c8c8c}.ui-grid-pager-control button:hover,.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active{color:#eee;background:#dadada}.ui-grid-pager-control button[disabled]{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.ui-grid-pager-control button[disabled]:hover,.ui-grid-pager-control button[disabled]:focus{background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control input{display:inline;height:26px;width:50px;vertical-align:top;color:#555555;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,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;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ui-grid-pager-control input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly],.ui-grid-pager-control input::-moz-placeholder{opacity:1}.ui-grid-pager-control input::-moz-placeholder,.ui-grid-pager-control input:-ms-input-placeholder,.ui-grid-pager-control input::-webkit-input-placeholder{color:#999}.ui-grid-pager-control input::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly]{background-color:#eeeeee}.ui-grid-pager-control input[disabled]{cursor:not-allowed}.ui-grid-pager-control .ui-grid-pager-max-pages-number{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number>*{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number abbr{border-bottom:none;text-decoration:none}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-7px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-control .last-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-11px}.ui-grid-pager-row-count-picker{float:left;padding:5px 10px}.ui-grid-pager-row-count-picker select{color:#555555;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,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;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;height:25px;width:67px;display:inline;vertical-align:middle}.ui-grid-pager-row-count-picker select:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly],.ui-grid-pager-row-count-picker select::-moz-placeholder{opacity:1}.ui-grid-pager-row-count-picker select::-moz-placeholder,.ui-grid-pager-row-count-picker select:-ms-input-placeholder,.ui-grid-pager-row-count-picker select::-webkit-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly]{background-color:#eeeeee}.ui-grid-pager-row-count-picker select[disabled]{cursor:not-allowed}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right}.ui-grid-pager-count-container .ui-grid-pager-count abbr{border-bottom:none;text-decoration:none}.ui-grid-pinned-container{position:absolute;display:inline;top:0}.ui-grid-pinned-container.ui-grid-pinned-container-left{float:left;left:0}.ui-grid-pinned-container.ui-grid-pinned-container-right{float:right;right:0}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar{left:-1px;width:1px;background-color:#aeaeae}.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:1px solid #d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:0}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left{border-left:1px solid #d4d4d4}.ui-grid.column-resizing{cursor:col-resize;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae}.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610B38}.ui-grid-row-error .ui-grid-cell{color:#FF0000 !important}.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{background-color:#C9DDE1}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{display:flex;align-items:center;height:100%;cursor:pointer}.ui-grid-selection-row-header-buttons::before{opacity:.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before{opacity:1}.ui-grid-tree-row-header-buttons.ui-grid-tree-header{cursor:pointer;opacity:1}.ui-grid-tree-header-row{font-weight:bold !important}.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:all}.ui-grid-cell-contents.invalid{border:1px solid #fc8f8f}
/* layout styles */
html, body {
    height: 100%;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
}

#sticky-wrap {
    min-height: 100%;
}

#sticky-main-login {
    overflow: auto;
    padding-bottom: 55px; /* this needs to be bigger than footer height*/
}

#sticky-main-app {
    overflow: auto;
    padding-bottom: 74px; /* this needs to be bigger than footer height*/
}

/* ============================================
   Footer Styles - Flat Design System
   ============================================
   Clean, professional footer with:
   - Primary background (#37609c)
   - White text
   - Outfit font family for consistency
   - Proper spacing between elements
   ============================================ */

#sticky-footer-login,
#sticky-footer-app {
    position: relative;
    clear: both;
    background-color: #37609c; /* PRIMARY */
    color: #fff;
}

#sticky-footer-login {
    margin-top: -55px; /* negative value of footer height */
    height: 55px;
}

#sticky-footer-app {
    margin-top: -74px; /* negative value of footer height */
    min-height: 74px;
}

/* Footer content flexbox layout */
.footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    height: 100%;
    min-height: inherit;
}

.footer-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.footer-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Footer links styling */
.footer-links {
    display: flex;
    align-items: center;
    gap: 0;
}

.footer-link,
.footer-link:hover,
.footer-link:visited,
.footer-link:active {
    color: #fff;
    text-decoration: none;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: opacity 0.2s ease;
}

.footer-link:hover {
    text-decoration: underline;
    opacity: 0.85;
}

.footer-separator {
    margin: 0 12px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
}

/* Footer copyright text */
.footer-copyright {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.01em;
}

.footer-build-time {
    color: rgba(255, 255, 255, 0.45);
    font-size: 11px;
}

#header { /* overall header */
    background-color: #fff;
    min-height: auto !important; /* Override default.css min-height: 89px */
}

#hdr-inner { /* container for header content */
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

/* Header flexbox layout - 2 column: title | user */
.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px; /* Reduced from 70px - no logo needed */
}

.header-left {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Ensure left alignment */
}

.header-right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    position: relative; /* Required for Bootstrap dropdown positioning */
}

/* Application title - Flat Design typography */
#app-title {
    color: #37609c; /* PRIMARY color for brand consistency */
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: left; /* Ensure left alignment */
}

#ajax-loading-indicator {
    width: 20px;
    height: 20px;
}

#accountSettingsDiv {
    display: flex;
    align-items: center;
    position: relative; /* Critical for Bootstrap dropdown positioning */
}

/* Ensure dropdown menu is positioned correctly under the button */
#accountSettingsDiv .dropdown-menu-user {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
}


#ui-view{
    margin: 15px;
}

/* Footer logo - company branding on the right */
#footer-logo {
    background: transparent url(al-footer-d34affbd27c5e60b6e8c0aea491b71fe.png) no-repeat center center;
    background-size: contain;
    width: 120px;
    height: 35px;
}

/* Legacy footer text styles - kept for backward compatibility */
#footer-text {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}

.white{
    color: #fff;
}

a.white:hover{
    color: #fff;
    text-decoration: underline;
}

/*----------------------------------*/
/* main navigation - Flat Design System */
/* Bar: PRIMARY #37609c | Selected: SECONDARY #0092dd | Text: always white */

.navbar-default {
    border-radius: 0px;
    background-color: #37609c !important; /* PRIMARY */
    border: 0;
}

.navbar-default .navbar-nav > li > a{
    color: #fff !important;
    text-transform: none;
    padding: 15px;
    line-height: 20px;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #0092dd !important; /* SECONDARY on hover */
    color: #fff !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: #0092dd !important; /* SECONDARY for selected */
}

.active-link {
    background-color: #0092dd !important; /* SECONDARY */
}

.navbar {
    border: 0;
    margin-bottom: 0;
}

/* login styles - some overrides from user.css */

/* Hide Remember Me checkbox - functionality incomplete, to be decided later */
#rememberMe,
label[for="rememberMe"] {
    display: none;
}

/* Login page styles */
/* Background image should cover the area nicely */
.login-bg {
    background: #f3f4f6 url('login-bg-042894eab5df28958c408dbe24719df6.jpg') center center / cover no-repeat;
    min-height: 100%;
}

#login-main {
    min-height: 400px;
    padding: 60px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* Clean login pane - no small logo decoration */
#login-pane {
    background: #ffffff !important; /* Solid white, no image */
}

.login-link{
    color: #0092dd !important;
    text-decoration: underline;
}

.border-left-radius{ /* for border input*/
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

/* Login form icons - Flat Design style */
.round-gray {
    border-radius: 50% !important;
    border: none !important;
    background-color: #f3f4f6; /* Muted background */
    color: #37609c; /* PRIMARY color */
    padding: 10px 12px !important;
    height: auto !important;
    font-size: 16px;
}

/* Hide empty navbar on login page */
#sticky-main-login .navbar {
    display: none;
}

/* Login form input styling - Flat Design */
#login-pane .form-control {
    background-color: #f3f4f6; /* Muted background */
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 15px;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    color: #111827;
    transition: all 0.2s ease;
    height: auto;
    box-shadow: none;
}

#login-pane .form-control:focus {
    background-color: #ffffff;
    border-color: #37609c; /* PRIMARY */
    outline: none;
    box-shadow: none;
}

#login-pane .form-control::placeholder {
    color: #9CA3AF;
}

/* Input group spacing */
#login-pane .input-group {
    margin-bottom: 8px;
}

#login-pane .input-group-addon {
    background-color: transparent;
    border: none;
}

/* Login button full width and enhanced */
#login-pane .btn-login {
    width: 100%;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 16px;
}

/* Form group spacing */
#login-pane .form-group {
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
}

/* Alert styling for errors */
#login-pane .alert-danger {
    background-color: #FEE2E2;
    border: none;
    color: #DC2626;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

/* Password field with toggle icon */
.password-field-container {
    position: relative;
    display: table-cell; /* Match Bootstrap input-group pattern */
    width: 100%;
}

.password-field-container .form-control {
    padding-right: 45px !important; /* Space for the eye icon */
    width: 100%;
}

.password-toggle-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6B7280; /* Gray 500 */
    font-size: 16px;
    z-index: 3;
    padding: 4px;
    transition: color 0.2s ease;
}

.password-toggle-icon:hover {
    color: #37609c; /* PRIMARY color on hover */
}

.password-toggle-icon .glyphicon {
    display: block;
}

/*----------------------------------*/
/* dashboard */
span.box-header-title{
    color: #fff !important; /* widget title color */
}

#recentSamplesPager_left{
    width: auto !important;
}

.ui-jqgrid .ui-jqgrid-pager{
    height: auto !important;
}

.gridster .gs-w{
    background-color: #fff !important;  /* widget overall background color */
}

.widget-content{ /* widget content spacing */
    padding: 10px;
    text-align: left;
}

.welcome-widget {
    color: #555;
}

.welcome-widget .row1 {
    color: #0092dd
}

.welcome-widget .row3 {
    font-size: 1.6em;
    padding: 20px 0 5px 0;
}

.welcome-widget .row4 {
    font-size: 2.5em;
    font-weight: bold;
    padding-bottom: 10px;
    font-style: italic;
    color: #0092dd
}

.welcome-widget .row5 {
    background: transparent url(logo-c4fa57398f67ac0de239e20ab3d663fd.svg) no-repeat top left;
    background-size: 191px 77px;
    width: 191px;
    height: 77px;
    margin: 0 auto;
}

/* messages bubble */
.bubble-left {
    position: relative;
    width: 96%;
    background: #f5f5f5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    word-wrap: break-word;
    border-bottom: 1px solid #d4d1d1;
    padding: 5px 0;
    margin: 10px 0px 20px 6px;
}

.bubble-left p{
    padding: 8px 5px 5px 5px;
    line-height: 18px;
    text-align: left;
    font-weight: normal;
}


.bubble-left:after {
    content: "";
    position: absolute;
    bottom: -10px;
    border-style: solid;
    border-width: 10px 8px 0;
    border-color: #f5f5f5 transparent;
    display: block;
    width: 0;
    z-index: 1;
    left: 23px;
}

/*----------------------------------*/
/* left panel in dashboard */
ul.resources-list li{
    list-style-type: none;
    line-height: 30px;
    background: transparent url(/assets/dotted-arrow-black.png) no-repeat center left;
    padding-left: 20px;
    padding-top: 0px;
}

li.resources-list-title {
    font: 1.2em Trebuchet MS;
    color: #0092dd;
    text-transform: uppercase;
    background-image: none !important;
    padding-left: 0px !important;
}

ul.resources-list li a{
    color: #444;
}

.gridster-right{
    margin-left: -17px;
}

/*----------------------------------*/
/* bootstrap override */

.form-group-custom{
    margin-bottom: 10px !important;
}

select.form-control{
    padding: 6px 6px 8px 6px; /* IE8 fix */
}

.form-control{
    font-size: 1em;
    height: 38px !important;
    font-weight: normal;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 4px 0px 4px 3px;
}

.dropdown-menu > li > a{
    cursor: pointer;
}

label{
    font-size: 1em;
}

select, button.dropdown-toggle{
    border-radius: 0px !important;
}

button.dropdown-toggle.selectpicker{ /* IE8 fix */
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 5px;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle{
    background-color: #fff !important;
}

/* Note: Primary button styles moved to flat-buttons.css */
/* This selector kept for any legacy styling needs but overridden by flat-buttons.css */

a.btn-primary-disable, .btn-primary[disabled]{
    color: #999 !important;
}

.table > thead > tr > th{
    background-color: #ddd; /* IE 8 fix */
    color: #0068a8;
    text-align: center;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), color-stop(52%, #f1f6fa), to(#dadada));
    background-image: -webkit-linear-gradient(#dadada, #f1f6fa 52%, #dadada);
    background-image: -moz-linear-gradient(top, #dadada, #f1f6fa 52%, #dadada);
    background-image: linear-gradient(#dadada, #f1f6fa 52%, #dadada);
    background-repeat: repeat-x;
    padding: 6px;
    font-size: 1em;
}

.modal-title{
    color: #0068a8;
}

/* Fix modal scrolling - content scrolls within modal body, not the whole page */
.modal-dialog {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 60px);
    margin: 30px auto;
}

.modal-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
}

.modal-header {
    flex-shrink: 0;
}

.modal-body {
    overflow-y: auto;
    flex: 1 1 auto;
}

.modal-footer {
    flex-shrink: 0;
}

.input-group-lg > .form-control{
    padding: 7px 16px;
}



/*----------------------------------*/
/* other styles */
.no-margin{
    margin: 0px;
}

.no-bg{
    background-color: transparent;
    background-image: none;
    border: none;
}

.app-color, span.app-color, span.bleu{
    color: #0068a8;
}

.light-blue-color{
    color: #1db0fb;
}

.color-dark-blue{
    color: #0068a8;
}

.color-red{
    color: #df003b;
}

ul.marginB-30 li{
    margin-bottom: 10px;
    margin-left: 6px;
    height: 30px;
    vertical-align: middle;
    line-height: 16px;
}

ul.marginB-30 li input.form-control, ul.marginB-30 li select.form-control{
    height: 30px !important;
}

/* unordered list */
ul.no-bullet{
    list-style-type: none;
    padding-left: 0px;
}

ul.no-bullet a{
    color: #fff;
}

ul.no-bullet a:hover{
    color: #fff;
    text-decoration: underline;
}

h4{
    font: 17px Trebuchet MS, Verdana, Arial, sans-serif;
}

h1 {
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    color: #006492;
    font-size: 1em;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
}

.bg-tab{
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 0px 20px 10px 20px;
}

/* removes modal body shifting */
.modal{
    overflow-y: auto;
}
.modal-open{
    overflow: auto;
    overflow-x: hidden;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom{
    margin-right: 0px;
}

form#lookupProductGradeForm .modal-body{
    padding-bottom: 0px;
}

/* ecoa css */

/* eCOA Product Selection Panel - Flat Design */
.ecoa-product-panel {
    background-color: #F3F4F6; /* Muted gray - flat design */
    border-radius: 8px;
    padding: 16px 24px;
    margin: 0 auto 16px auto;
    max-width: 900px;
    flex-shrink: 0;
}

.ecoa-product-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.ecoa-product-label {
    color: #0068a8; /* App color - consistent with existing design */
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    white-space: nowrap;
}

.ecoa-product-input-wrapper {
    flex: 1;
    min-width: 200px;
    max-width: 350px;
}

.ecoa-product-input {
    background-color: #ffffff;
    border: 2px solid transparent;
    border-radius: 6px;
    height: 40px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.ecoa-product-input:focus {
    border-color: #37609c;
    outline: none;
    box-shadow: none;
}

.ecoa-product-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ecoa-product-actions .btn {
    white-space: nowrap;
}

/* Responsive adjustments for eCOA product panel */
@media (max-width: 768px) {
    .ecoa-product-form {
        flex-direction: column;
        align-items: stretch;
    }
    
    .ecoa-product-input-wrapper {
        max-width: none;
    }
    
    .ecoa-product-actions {
        justify-content: flex-start;
    }
}

div#exceptionsSampleTable div.gridStyle{
    border: 1px solid #ddd;
}

div#lookupModelsGrid div.ngViewport{
    min-height: 370px !important;
    max-height: 370px !important;
    height: auto !important;
    overflow-y: auto;
    overflow-x: hidden;
}

/* eCOA page - flexbox layout to fill available vertical space */
/* Height accounts for: nav bottom(104px) + ui-view top margin(15px) + footer(74px) + ui-view bottom margin(15px) + gap(16px) - footer overlap correction(11px) = 213px */
/* Note: The -11px correction accounts for the negative margin footer overlap technique used by sticky-main-app */
[ng-controller="EcoaCtrl"] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 209px);
    overflow: hidden;
    margin-bottom: 16px;
}

[ng-controller="EcoaCtrl"] > div:first-child {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* eCOA Add/Edit/View Sample view - flex layout to fill available space
 * This is the second child div of EcoaCtrl, shown when showAddEditEcoaSample is true.
 * Uses flex layout so the analysis data entry grid adapts to available space
 * and the Save/Cancel buttons remain visible at the bottom.
 */
[ng-controller="AddEditSampleCtrl"] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

[ng-controller="AddEditSampleCtrl"] > form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

[ng-controller="AddEditSampleCtrl"] > form > .row {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Left panel (product info) - scrolls independently if needed */
[ng-controller="AddEditSampleCtrl"] > form > .row > .col-xs-12:first-child {
    overflow-y: auto;
    flex-shrink: 0;
}

/* Right panel (analysis table + buttons) - flex column layout */
[ng-controller="AddEditSampleCtrl"] > form > .row > .col-xs-12:last-child {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Analysis table fills remaining space above buttons */
[ng-controller="AddEditSampleCtrl"] #addEditSampleTableId {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[ng-controller="AddEditSampleCtrl"] #addEditSampleTableId > thead {
    flex-shrink: 0;
}

[ng-controller="AddEditSampleCtrl"] #addEditSampleTableId > tbody {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[ng-controller="AddEditSampleCtrl"] #addEditSampleTableId > tbody > tr {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[ng-controller="AddEditSampleCtrl"] #addEditSampleTableId > tbody > tr > td {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Action buttons below the analysis table - side by side, reasonable width */
.ecoa-sample-actions {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 10px 0;
}

.ecoa-sample-actions .btn {
    min-width: 120px;
    width: auto;
}

/* Scrollable container adapts to available space instead of fixed 615px */
.ecoa-analysis-scroll-container {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    border: none;
    scrollbar-width: thin;
    scrollbar-color: #d4d4d4 #f3f3f3;
}

.ecoa-analysis-scroll-container::-webkit-scrollbar {
    width: 8px;
}

.ecoa-analysis-scroll-container::-webkit-scrollbar-track {
    background: #f3f3f3;
}

.ecoa-analysis-scroll-container::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    border-radius: 4px;
}

div#ecoaSampleTable {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

div#ecoaSampleTable > div {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

div#ecoaSampleTable .gridStyle {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

div#ecoaSampleTable input, div#ecoaSampleTable select{
    height: auto !important;
    color: #333 !important;
    font-weight: normal;
}

/* ui-grid styles for eCOA Samples table (FP5.15) */
/* 
 * The ui-grid contains: .ui-grid-contents-wrapper > (.ui-grid-render-container + .ui-grid-pager-panel)
 * The render container contains the header and viewport.
 * The pager panel is ~50px tall.
 * We need the render container to fill available space minus the pager height.
 */
div#ecoaSampleTable .ui-grid {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

div#ecoaSampleTable .ui-grid-contents-wrapper {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* The render container should fill available space minus pager height (~50px) */
div#ecoaSampleTable .ui-grid-render-container {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100% - 50px);
    overflow: hidden;
}

/* The viewport scrolls the grid rows */
div#ecoaSampleTable .ui-grid-viewport {
    flex: 1;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Pager panel stays at the bottom with fixed height */
div#ecoaSampleTable .ui-grid-pager-panel {
    flex: 0 0 50px;
    height: 50px;
    min-height: 50px;
}

/* FP5.15 header fix: Increase header height to show full filter with 10px spacing below */
div#ecoaSampleTable .ui-grid-header-cell {
    height: 80px;
    padding: 5px 5px 10px 5px;
}

div#ecoaSampleTable .ui-grid-header-cell-primary-focus {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Ensure header label appears before filter */
div#ecoaSampleTable .ui-grid-header-cell-primary-focus > .ui-grid-cell-contents {
    order: 1;
    flex: 0 0 auto;
    height: auto;
}

div#ecoaSampleTable .ui-grid-header-cell-primary-focus > input,
div#ecoaSampleTable .ui-grid-header-cell-primary-focus > select {
    order: 2;
    flex: 0 0 auto;
}

div#ecoaSampleTable .ui-grid-header-cell-primary-focus > .ui-grid-vertical-bar {
    order: 0;
}

div#ecoaSampleTable .ui-grid-pager-panel {
    border-top: 1px solid #d4d4d4;
}

/* Reports page - fill available height with 16px bottom margin */
#reportsMain {
    display: block;
    height: calc(100vh - 209px);
    margin-bottom: 16px;
}

#reportsMain > .panel {
    height: 100%;
    margin-bottom: 0;
}

#reportsMain > .panel > .panel-body {
    padding-bottom: 15px;
}

#reportsMain #tabs {
    margin-top: 0;
}

#reportsMain #tabs > .ui-tabs-panel > .panel-body {
    padding-bottom: 15px;
}

#reportsMain #tabs > .ui-tabs-panel > .panel-body > .row {
    margin-bottom: 0;
}

#reportsMain #tabs > .ui-tabs-panel > .panel-body > .row > .bg-tab {
    padding-bottom: 10px;
}

table#addEditSampleTableId{
    margin-bottom: 0px;
    border: 1px solid #ccc;
}

/* ============================================
   eCOA Add/Edit/View Sample Table - ui-grid style
   ============================================
   Style the HTML table in eCOA modals to match
   the look and feel of ui-grid component
   ============================================ */

/* Main table container - mimics ui-grid */
#addEditSampleTableId {
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    border-radius: 0;
    background-color: #fff;
    width: 100%;
    border-collapse: collapse;
}

/* Header styling - mimics ui-grid-top-panel and ui-grid-header */
/* Use flat solid color background like ui-grid (no gradients) */
#addEditSampleTableId > thead > tr {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding-right: 8px; /* compensate for body scrollbar width */
    background: #f3f3f3 !important;
    background-image: none !important;
    border-bottom: 1px solid #d4d4d4;
}

#addEditSampleTableId > thead > tr > th {
    font-weight: bold;
    padding: 8px 10px;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    text-align: left;
    vertical-align: middle;
    color: #3a3a3a;
    font-size: 13px;
    background: #f3f3f3 !important;
    background-image: none !important;
    flex: none; /* respect percentage width from inline style */
    box-sizing: border-box;
}

#addEditSampleTableId > thead > tr > th:last-child {
    border-right: none;
}

/* Body rows - mimics ui-grid-row */
#addEditSampleTableId > tbody > tr {
    border-bottom: 1px solid #d4d4d4;
    background-color: #fff;
}

#addEditSampleTableId > tbody > tr:hover {
    background-color: #f5f5f5;
}

/* Alternating row colors for better readability */
#addEditSampleTableId > tbody > tr:nth-child(odd) {
    background-color: #fff;
}

#addEditSampleTableId > tbody > tr:nth-child(even) {
    background-color: #fdfdfd;
}

/* Cell styling - mimics ui-grid-cell */
#addEditSampleTableId > tbody > tr > td {
    padding: 5px 10px;
    border-right: 1px solid #d4d4d4;
    vertical-align: top;
    font-size: 13px;
    color: #3a3a3a;
}

#addEditSampleTableId > tbody > tr > td:last-child {
    border-right: none;
}

/* Inner table within the main table (for the nested analysis data) */
#addEditSampleTableId > tbody > tr > td > div > table {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    table-layout: fixed;
}

#addEditSampleTableId > tbody > tr > td > div > table > tbody > tr {
    border-bottom: 1px solid #e8e8e8;
}

#addEditSampleTableId > tbody > tr > td > div > table > tbody > tr:last-child {
    border-bottom: none;
}

#addEditSampleTableId > tbody > tr > td > div > table > tbody > tr:hover {
    background-color: #f9f9f9;
}

#addEditSampleTableId > tbody > tr > td > div > table > tbody > tr > td {
    padding: 4px 5px;
    vertical-align: top;
    border-right: 1px solid #e8e8e8;
}

#addEditSampleTableId > tbody > tr > td > div > table > tbody > tr > td:last-child {
    border-right: none;
}

/* List styling inside cells */
#addEditSampleTableId ul.no-bullet {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#addEditSampleTableId ul.no-bullet li {
    padding: 2px 0;
    min-height: 30px;
    display: flex;
    align-items: center;
}

/* Input fields within the table */
#addEditSampleTableId input.form-control,
#addEditSampleTableId select.form-control,
#addEditSampleTableId textarea {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 4px 8px;
    font-size: 13px;
    height: 30px !important;
}

#addEditSampleTableId input.form-control:focus,
#addEditSampleTableId select.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

#addEditSampleTableId input.form-control:disabled,
#addEditSampleTableId select.form-control:disabled,
#addEditSampleTableId textarea:disabled {
    background-color: #f9f9f9;
    cursor: not-allowed;
}

/* Analysis column bold text */
#addEditSampleTableId td strong {
    font-weight: 600;
    color: #333;
}

/* Date picker button styling */
#addEditSampleTableId .input-group button {
    border: 1px solid #d4d4d4;
    background-color: #f3f3f3;
}

#addEditSampleTableId .input-group button:hover {
    background-color: #e8e8e8;
}

/* Scrollable container scrollbar styles now handled via .ecoa-analysis-scroll-container class */

div.ngPagerContainer select{
    height: auto !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

div.ngPagerContainer input.ngPagerContainer{
    height: 28px !important;
}

div#override-fix ul li{
    height: auto;
}


/* media queries */
@media screen and (max-width : 1200px){
    .gridster-right{
        margin-left: -4px;
    }
}

@media screen and (min-width : 1201px) {
    #addEditSampleTableId{
        /*width: 1090px !important;*/
    }
}

@media screen and (min-width : 991px) and (max-width : 1200px) {
    #addEditSampleTableId {
        /*width: 1090px !important;*/
    }
}

@media screen and (min-width : 768px) and (max-width: 794px) {
    .nav > li > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

@media screen and (max-width : 768px) {
    .float-align {
        text-align: left;
        float: left;
    }

    #addEditSampleTableId{
        /*width: 760px !important;*/
    }
}

@media screen and (min-width : 368px) and (max-width: 420px) {
    .hidden-xsm{
        display: none;
    }
}

/* Preferences */
select#filterID_all_samples{
   height: auto;
}

/* Samples - dropdown hover styles (user menu styles moved to user.css) */
.dropdown-menu li.selected:hover {
    background-color: #0092dd !important;
    color: #fff !important;
    text-decoration: none !important;
}

ul.dropdown-menu.inner.selectpicker li.selected a, ul.dropdown-menu.inner.selectpicker li a:hover{
    background-color: #0092dd !important;
    color: #fff !important;
    text-decoration: none !important;
}

input#cb_allSamples{ /* main checkbox for Select all checkboxes */
    height: auto !important;
}

.grid-align {
    text-align: center;
}

/* My exceptions */
div#exceptionsSampleTable input, div#exceptionsSampleTable select{
    height: auto !important;
    color: #333 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

div#exceptionsSampleTable div.gridStyle{
    border: 1px solid #ddd;
}

div#exceptionsSampleTable div.ngViewport{
    height: 370px !important;
    overflow-y: auto;
    overflow-x: auto;
}

.ngCellText{
    font: 1em Arial, sans-serif;
}

/* QC Aging Report - ui-grid styles (FP5.19.2) */
/* Fixed size layout for the QC Aging Report grid to fill available space with 10px margins */
/* Height offset accounts for: header(89px) + nav(50px) + tabs header+margin(70px) 
   + panel padding(30px) + footer(74px) + bottom margin(10px) = ~323px */

/* The main #qcAgingReport container fills available space below tabs */
#qcAgingReport {
    height: calc(100vh - 323px);
    min-height: 350px;
}

/* The .row inside should take full height minus the form-group */
#qcAgingReport > .row {
    height: 100%;
}

#qcAgingReport > .row > .bg-tab {
    height: 100%;
}

#qcAgingReport > .row > .bg-tab > #content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* The form-group with buttons has fixed height */
#qcAgingReport #content > .form-group {
    flex-shrink: 0;
}

/* The grid container fills remaining space with bottom margin */
#qcAgingReport #qcAgingContainer {
    width: 100%;
    flex: 1;
    min-height: 280px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

/* ui-grid fills its container using flexbox */
#qcAgingReport .ui-grid,
#qcAgingReport .qc-aging-grid {
    width: 100% !important;
    flex: 1;
    min-height: 250px;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
}

#qcAgingReport .ui-grid-contents-wrapper {
    width: 100%;
    flex: 1;
    display: flex !important;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* The render container fills available space minus pager height */
#qcAgingReport .ui-grid-render-container {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100% - 50px);
    overflow: hidden;
}

/* The viewport scrolls the grid rows - contained within render container */
#qcAgingReport .ui-grid-viewport {
    flex: 1;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto;
    overflow-x: auto;
}

/* Pager panel stays at the bottom with fixed height - override ui-grid inline styles */
#qcAgingReport .ui-grid-pager-panel,
#qcAgingReport .qc-aging-grid .ui-grid-pager-panel {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    flex: 0 0 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    border-top: 1px solid #d4d4d4;
}

/* Cell text wrapping for long content */
#qcAgingReport .ui-grid-cell-contents {
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ngCell  {
    display : table-cell;
    height: auto !important;
    overflow: hidden;
    position: static;
    padding: 11px 0px 11px 0px!important;
    border-bottom: 1px solid #bac0c3;
    border-right: 1px solid #bac0c3;
}

.ngCellText a{
    color: #0068a8 !important;
}

.ngRow {
    display : table-row;
    height: auto !important;
    position: static;
}

.ngCellText{
    height: auto !important;
    white-space: normal;
    overflow:hidden;
}

.ngVerticalBarVisible{
    display: none;
}

.img-center {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.ng-hide-custom {
    display: none;
}

.ng-show-custom {
    display: inline !important;
}


.table-striped-custom{
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ddd;
}

.templateForm-custom{
    width: 80%;
    margin: 0 auto;
    line-height: 27px;
}

/* ============================================
   jQuery UI Tabs Fallback Styling (FP1.3)
   ============================================
   When jQuery UI tabs fail to initialize (e.g., due to JS errors
   or Angular routing conflicts), these styles provide a fallback
   to ensure tabs display correctly by targeting the #tabs ID.
   ============================================ */

/* Main tabs container - styles regardless of jQuery UI classes */
#tabs {
    position: relative;
    padding: 0.2em;
}

/* Tab navigation list - style even without .ui-tabs-nav class */
#tabs > ul {
    margin: 0;
    padding: 0.2em 0.2em 0;
    list-style: none;
    border-bottom: 1px solid #e78f08;
    background: transparent;
}

/* Tab items - inline display */
#tabs > ul > li {
    list-style: none !important;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border: 1px solid #cccccc;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    background: #f6f6f6;
    border-radius: 4px 4px 0 0;
}

/* Tab anchor links */
#tabs > ul > li > a {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #1c94c4;
    cursor: pointer;
}

#tabs > ul > li > a:hover {
    color: #c77405;
    background: #fdf5ce;
}

/* Active tab styling */
#tabs > ul > li.ui-tabs-active,
#tabs > ul > li.ui-state-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
    background: #ffffff;
    border-color: #e78f08;
}

#tabs > ul > li.ui-tabs-active > a,
#tabs > ul > li.ui-state-active > a {
    color: #eb8f00;
    cursor: default;
}

/* Tab panels */
#tabs > div[id^="tabs-"] {
    display: block;
    border: 1px solid #dddddd;
    border-top: none;
    padding: 1em 1.4em;
    background: #eeeeee;
}

/* Hide inactive tab panels when jQuery UI has initialized */
#tabs.ui-tabs > div[id^="tabs-"]:not(.ui-tabs-panel) {
    display: none;
}

/* Clearfix for float */
#tabs > ul::after {
    content: "";
    display: table;
    clear: both;
}

/* ============================================
   Login Form - Flat Design System
   ============================================
   Clean, professional login form with:
   - NO shadows (flat design principle)
   - Muted background (#F3F4F6)
   - Rounded corners (rounded-lg)
   - Generous padding
   ============================================ */
#login-pane {
    width: 360px;
    max-width: 90vw;
    margin: 0 auto;
    background: #ffffff;
    border: none;
    border-radius: 8px;
    outline: none;
    box-shadow: none; /* FLAT DESIGN: No shadows */
    color: #111827; /* Foreground color */
}

#connecting {
    height: 333px;
}

#login-container {
    padding: 32px 40px;
    margin: 0;
}

h1.login, h2.login {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.02em;
    margin: 0 0 24px 0 !important;
    padding: 0;
}

h1.login {
    color: #37609c; /* PRIMARY */
    font-size: 24px;
    text-transform: uppercase;
}

h2.login {
    color: #37609c; /* PRIMARY - consistent branding */
    font-size: 22px;
}

a.login:link, a.login:visited, a.login:hover {
    color: #428bca;
}

.btn-login-div {
    text-align: center;
}

/* ============================================
   Login Link - Flat Design System
   ============================================
   Styled as a prominent text link with icon-like appearance
   Uses secondary color (#0092dd)
   ============================================ */
.login-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0092dd; /* SECONDARY color */
    cursor: pointer;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: transparent;
    transition: all 0.2s ease;
    margin-top: 4px;
}

.login-link:hover {
    background-color: rgba(0, 146, 221, 0.08);
    color: #0080c4;
    text-decoration: none;
}

.login-link:active {
    background-color: rgba(0, 146, 221, 0.15);
}

/* Arrow icon for login link using Unicode escape */
.login-link::before {
    content: '\2192'; /* Unicode right arrow */
    font-weight: 700;
    transition: transform 0.2s ease;
}

.login-link:hover::before {
    transform: translateX(3px);
}

label.login {
    color: #444;
    font-size: 1em;
}

label.normal {
    font-weight: normal;
}

/* Note: Login button styles moved to flat-buttons.css */
/* Keeping selector for backwards compatibility but styles are in flat-buttons.css */

.modal-title {
    text-align: left;
    color: #3b5997;
    font-family: Trebuchet, trebuchet ms, sans-serif;
}

div.modal-body h2 {
    font-weight: normal;
    font-family: Trebuchet, trebuchet ms, sans-serif;
    color: #444;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -.5px;
    margin-top: 0px;
    text-align: left;
}

/* ============================================
   Forgot Password Form - Flat Design System
   ============================================
   Clean, accessible forgot password modal with:
   - NO shadows (flat design principle)
   - Clean typography with Outfit font
   - Color-coded feedback messages
   - Icon-enhanced input field
   ============================================ */

/* Fix white corners on modal - clip content to border-radius */
.forgot-password-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 8px;
}

/* Form container */
.forgot-password-form {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* Modal Header */
.forgot-password-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
}

.forgot-password-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.forgot-password-icon {
    font-size: 20px;
    opacity: 0.9;
}

.forgot-password-close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

.forgot-password-close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.forgot-password-body {
    padding: 28px 24px 20px;
    background-color: #ffffff;
}

.forgot-password-subtitle {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111827; /* Foreground */
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.forgot-password-tip {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #6B7280; /* Gray 500 */
    margin: 0 0 20px 0;
    line-height: 1.5;
}

/* Message Container */
.forgot-password-message-container {
    min-height: 0;
    margin-bottom: 16px;
}

.forgot-password-message {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.forgot-password-success {
    background-color: #D1FAE5; /* Emerald 100 */
    color: #065F46; /* Emerald 800 */
    border: 1px solid #A7F3D0; /* Emerald 200 */
}

.forgot-password-success .glyphicon {
    color: #059669; /* Emerald 600 */
}

.forgot-password-error {
    background-color: #FEE2E2; /* Red 100 */
    color: #991B1B; /* Red 800 */
    border: 1px solid #FECACA; /* Red 200 */
}

.forgot-password-error .glyphicon {
    color: #DC2626; /* Red 600 */
}

/* Input Group */
.forgot-password-input-group {
    margin-bottom: 8px;
}

.forgot-password-label {
    display: block;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #374151; /* Gray 700 */
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.forgot-password-input-wrapper {
    position: relative;
}

.forgot-password-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #9CA3AF; /* Gray 400 */
    font-size: 16px;
    pointer-events: none;
    transition: color 0.2s ease;
}

.forgot-password-input {
    width: 100%;
    padding: 14px 14px 14px 44px !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400;
    color: #111827; /* Foreground */
    background-color: #F3F4F6; /* Muted */
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    transition: all 0.2s ease;
    box-shadow: none !important;
}

.forgot-password-input::placeholder {
    color: #9CA3AF; /* Gray 400 */
}

.forgot-password-input:focus {
    background-color: #ffffff;
    border-color: #37609c !important; /* PRIMARY */
    outline: none;
    box-shadow: none !important;
}

.forgot-password-input:focus + .forgot-password-input-icon,
.forgot-password-input-wrapper:focus-within .forgot-password-input-icon {
    color: #37609c; /* PRIMARY */
}

/* Modal Footer */
.forgot-password-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.forgot-password-submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.forgot-password-submit .glyphicon {
    font-size: 14px;
}

.forgot-password-cancel {
    min-width: 80px;
}

/* ============================================
   User Settings Modal - Flat Design System
   ============================================
   Clean modal for user settings and password change
   ============================================ */

/* Fix white corners on modal - clip content to border-radius */
.user-settings-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

/* Modal Header */
.user-settings-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
}

.user-settings-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.user-settings-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

.user-settings-modal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.user-settings-modal .modal-body {
    padding: 28px 24px 20px;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

.user-settings-modal .modal-body .form-group {
    margin-bottom: 20px;
}

.user-settings-modal .modal-body .control-label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #374151; /* Gray 700 */
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.user-settings-modal .modal-body .form-control {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 15px !important;
    color: #111827; /* Foreground */
    background-color: #F3F4F6; /* Muted */
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    transition: all 0.2s ease;
    box-shadow: none !important;
}

.user-settings-modal .modal-body .form-control:focus {
    background-color: #ffffff;
    border-color: #37609c !important; /* PRIMARY */
    outline: none;
    box-shadow: none !important;
}

.user-settings-modal .modal-body .form-control:disabled,
.user-settings-modal .modal-body .form-control[disabled] {
    background-color: #E5E7EB; /* Gray 200 */
    color: #6B7280; /* Gray 500 */
    cursor: not-allowed;
}

/* Error states */
.user-settings-modal .modal-body .has-error .form-control {
    border-color: #DC2626 !important; /* Red 600 */
    background-color: #FEF2F2; /* Red 50 */
}

.user-settings-modal .modal-body .has-error .control-label {
    color: #DC2626; /* Red 600 */
}

.user-settings-modal .update-info-errors,
.user-settings-modal .alert-danger {
    background-color: #FEE2E2; /* Red 100 */
    color: #991B1B; /* Red 800 */
    border: 1px solid #FECACA; /* Red 200 */
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-size: 14px;
}

/* Modal Footer */
.user-settings-modal .modal-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
}

/* Mandatory fields note styling */
.user-settings-modal .mandatory-fields-note {
    margin-top: 10px;
    color: #6B7280;
    font-size: 13px;
}

/* User button styles (from account-settings.css) */
/* Flat Design: Transparent background, subtle hover state, PRIMARY color text */
.btn-custom-user {
    background-color: transparent !important;
    border: none;
    color: #37609c; /* PRIMARY color */
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 200ms ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-custom-user:hover,
.btn-custom-user:focus {
    background-color: #f3f4f6 !important; /* Muted background on hover */
    border: none;
    color: #37609c;
    box-shadow: none;
}

.btn-group.open .dropdown-toggle-user {
    background-color: #f3f4f6 !important;
    box-shadow: none;
}

/* ============================================
   User Settings Dropdown Menu
   Flat Design System Implementation
   ============================================ */
.dropdown-menu-user {
    z-index: 999999;
    text-align: left;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    background-color: #ffffff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    padding: 8px 0;
    min-width: 200px;
    margin-top: 4px;
}

.dropdown-menu-user > li > a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    color: #111827; /* Foreground */
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.dropdown-menu-user > li > a:hover,
.dropdown-menu-user > li > a:focus {
    background-color: #0092dd !important; /* Secondary color */
    color: #ffffff !important;
    text-decoration: none;
}

.dropdown-menu-user > li > a .glyphicon {
    font-size: 16px;
    color: #6B7280; /* Gray 500 */
    transition: color 0.2s ease;
}

.dropdown-menu-user > li > a:hover .glyphicon,
.dropdown-menu-user > li > a:focus .glyphicon {
    color: #ffffff !important;
}

.dropdown-menu-user > li.divider {
    height: 1px;
    margin: 8px 16px;
    background-color: #E5E7EB; /* Border color */
    border: none;
}

/* Logout link - subtle red accent on hover */
.dropdown-menu-user > li:last-child > a:hover,
.dropdown-menu-user > li:last-child > a:focus {
    background-color: #DC2626 !important; /* Red 600 */
    color: #ffffff !important;
}

span.username {
    color: #37609c; /* PRIMARY color - matches brand */
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600; /* SemiBold for emphasis */
    letter-spacing: 0.01em;
    text-transform: none; /* Keep natural case for names */
}

/* User icon and caret styling for Flat Design */
.btn-custom-user .glyphicon-user-custom,
.glyphicon-user-custom {
    color: #37609c !important; /* PRIMARY color for user icon */
    font-size: 14px;
}

.btn-custom-user .caret {
    border-top-color: #37609c; /* PRIMARY color */
    margin-left: 4px;
}

.caret-custom {
    border-top: 4px solid #37609c; /* PRIMARY color */
}

/* Preferences/Settings page - flexbox layout to fill available vertical space */
/* Height accounts for: header(89px) + nav(50px) + ui-view margins(30px) + footer(74px) + bottom margin(16px) = 259px */

/* The settings view is loaded via templateProvider into #ui-view */
/* DOM structure: [ui-view] > #sticky-wrap > #sticky-main-app > #ui-view > .panel.panel-default */
#ui-view > .panel.panel-default {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 259px);
    margin-bottom: 16px;
}

#ui-view > .panel.panel-default > .panel-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Wrapper div inside panel-body containing margin-top */
#ui-view > .panel.panel-default > .panel-body > div {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Bootstrap tab-content container */
#ui-view > .panel.panel-default .tab-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Bootstrap tab-pane panels */
#ui-view > .panel.panel-default .tab-content > .tab-pane {
    display: none;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Active tab-pane needs display:flex to fill space */
#ui-view > .panel.panel-default .tab-content > .tab-pane.active {
    display: flex;
}

/* Inner container in each tab */
#ui-view > .panel.panel-default .tab-content > .tab-pane > div {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* AJAX section wrapper (ui-ajax-section widget) */
#ui-view .panel.panel-default .ui-ajax-section {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* AJAX section content container (loaded dynamically via g:include) */
#ui-view .panel.panel-default .ui-ajax-section-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Filters container row */
#ui-view .panel.panel-default #filtersContainer_all_samples {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* Filter list column */
#ui-view .panel.panel-default #filtersContainer_all_samples > .col-xs-12.col-sm-3 {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Filter select list wrapper div - make it fill available space */
#ui-view .panel.panel-default #filtersContainer_all_samples > .col-xs-12.col-sm-3 > div:first-of-type {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Filter select list box - make it fill available space */
#ui-view .panel.panel-default select#filterID_all_samples {
    flex: 1;
    min-height: 200px;
    height: auto !important;
}

/* Filter action buttons row - left aligned */
#ui-view .panel.panel-default #filtersContainer_all_samples .filter-actions-row {
    margin-top: 10px;
    text-align: left;
    padding-left: 31px; /* Align with filter list padding */
}

/* Filter expressions column */
#ui-view .panel.panel-default #filtersContainer_all_samples > .col-xs-12.col-sm-8 {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Exceptions tab - Angular scope wrapper */
#ui-view .panel.panel-default #tabs-2 .ui-ajax-section-content > .ng-scope {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Exceptions tab - ui-grid container row */
#ui-view .panel.panel-default #exceptionsSampleTable {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Exceptions tab - column wrapper inside exceptionsSampleTable */
#ui-view .panel.panel-default #exceptionsSampleTable > [class*="col-"] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Exceptions tab - gridStyle container */
#ui-view .panel.panel-default #exceptionsSampleTable .gridStyle {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 300px;
}

/* Exceptions tab - ui-grid wrapper */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: 450px !important;
    font-size: 14px;
}

/* Exceptions tab - ui-grid viewport */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-viewport {
    flex: 1;
    min-height: 200px !important;
    max-height: none !important;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Exceptions tab - header cell text wrapping */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell .ui-grid-cell-contents {
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    line-height: 1.2;
}

/* Exceptions tab - buttons spacing */
#ui-view .panel.panel-default #tabs-2 div[ng-controller="ExceptionsGridCtrl"] > .form-group {
    margin-top: 10px;
    margin-bottom: 15px;
}

/* ============================================
   Need Help Button & Modal - Flat Design System
   ============================================
   Clean, accessible help button and modal with:
   - Secondary color (#0092dd) for button
   - Primary color header for modal
   - NO shadows (flat design principle)
   - Clean typography with Outfit font
   ============================================ */

/* Need Help Button */
.btn-need-help {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #0092dd !important; /* SECONDARY color */
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer;
}

.btn-need-help:hover,
.btn-need-help:focus {
    background-color: #0080c4 !important;
    color: #ffffff !important;
    transform: scale(1.03);
    box-shadow: none !important;
}

.btn-need-help:active {
    background-color: #006ea8 !important;
    transform: scale(0.98);
}

.btn-need-help .glyphicon {
    font-size: 14px;
    color: #ffffff !important;
    margin-left: 2px;
}

/* Need Help Modal */
.need-help-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 8px;
}

.need-help-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 18px 24px;
    border-radius: 8px 8px 0 0;
}

.need-help-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.need-help-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

.need-help-modal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.need-help-modal .modal-body {
    padding: 24px 28px;
    background-color: #ffffff;
    max-height: 65vh;
    overflow-y: auto;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

.need-help-modal .modal-body h1 {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #37609c; /* PRIMARY color */
    margin: 0 0 16px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #E5E7EB;
}

.need-help-modal .modal-body h2 {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827; /* Foreground */
    margin: 24px 0 12px 0;
}

.need-help-modal .modal-body p {
    font-size: 14px;
    line-height: 1.6;
    color: #374151; /* Gray 700 */
    margin: 0 0 12px 0;
}

.need-help-modal .modal-body ul,
.need-help-modal .modal-body ol {
    padding-left: 24px;
    margin: 0 0 12px 0;
}

.need-help-modal .modal-body li {
    font-size: 14px;
    line-height: 1.6;
    color: #374151;
    margin-bottom: 6px;
}

.need-help-modal .modal-body strong {
    font-weight: 600;
    color: #111827;
}

.need-help-modal .modal-body em {
    font-style: italic;
    color: #4B5563;
}

.need-help-modal .modal-body img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 12px 0;
    border: 1px solid #E5E7EB;
}

/* Modal Footer */
.need-help-modal .modal-footer {
    padding: 16px 24px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: flex-end;
}

.need-help-modal .modal-footer .btn {
    min-width: 90px;
}


/* ============================================
   Download Samples Modal - Flat Design System
   ============================================
   Styled to match User Settings modal
   ============================================ */

/* Fix white corners on modal - clip content to border-radius */
.download-samples-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

/* Modal Header */
.download-samples-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
}

.download-samples-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.download-samples-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

.download-samples-modal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.download-samples-modal .modal-body {
    padding: 24px !important;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* Override toolbar-custom background for cleaner look */
.download-samples-modal .toolbar-custom {
    background-color: #F9FAFB;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 20px;
    border: none;
}

.download-samples-modal .modal-body label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #374151; /* Gray 700 */
}

.download-samples-modal .modal-body .form-control {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #111827; /* Foreground */
    background-color: #ffffff;
    border: 2px solid #E5E7EB !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    transition: all 0.2s ease;
    box-shadow: none !important;
    height: auto !important;
}

.download-samples-modal .modal-body .form-control:focus {
    background-color: #ffffff;
    border-color: #37609c !important; /* PRIMARY */
    outline: none;
    box-shadow: none !important;
}

/* Form Group Custom - for radio buttons and info rows */
.download-samples-modal .form-group-custom {
    padding: 12px 24px;
    margin: 0;
    border-top: 1px solid #F3F4F6;
}

.download-samples-modal .form-group-custom label {
    font-weight: 500;
    color: #374151;
    margin-bottom: 0;
    line-height: 24px;
}

.download-samples-modal .form-group-custom .float-align {
    line-height: 24px;
}

/* Radio button styling */
.download-samples-modal .form-group-custom input[type="radio"] {
    margin-right: 6px;
    accent-color: #37609c; /* PRIMARY */
}

/* Inline radio buttons for download type */
.download-samples-modal .download-type-options {
    padding-left: 15px !important;
}

.download-samples-modal .download-type-options .radio-inline {
    display: inline-block;
    margin-right: 24px;
    font-weight: normal;
    cursor: pointer;
    padding-left: 20px;
}

.download-samples-modal .download-type-options .radio-inline:first-child {
    padding-left: 0;
}

.download-samples-modal .download-type-options .radio-inline input[type="radio"] {
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

/* Info values styling */
.download-samples-modal .form-group-custom .col-sm-6.text-left {
    color: #111827;
    font-weight: 500;
    line-height: 24px;
}

/* Modal Footer */
.download-samples-modal .modal-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
}

/* Primary buttons */
.download-samples-modal .modal-footer .btn-primary {
    background-color: #37609c !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.download-samples-modal .modal-footer .btn-primary:hover {
    background-color: #2d4e7c !important;
    transform: scale(1.02);
}

/* Default/Cancel button */
.download-samples-modal .modal-footer .btn-default {
    background-color: #F3F4F6 !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.download-samples-modal .modal-footer .btn-default:hover {
    background-color: #E5E7EB !important;
}

/* Preparing File Modal - also style for consistency */
#preparing-file-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

#preparing-file-modal .modal-header {
    background-color: #37609c;
    border-bottom: none;
    padding: 20px 24px;
}

#preparing-file-modal .modal-header .modal-title {
    color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

#preparing-file-modal .modal-header .close {
    color: #ffffff;
    opacity: 0.8;
    text-shadow: none;
}

#preparing-file-modal .modal-body {
    padding: 24px;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #374151;
}

/* ============================================
   Options Dropdown Checkboxes - Flat Design System
   ============================================
   Style the column visibility checkboxes in the
   samples page Options dropdown with PRIMARY accent color
   ============================================ */

#optionsDropDown .dropdown-menu-form li > div {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 5px;
}

#optionsDropDown .dropdown-menu-form input[type="checkbox"] {
    accent-color: #37609c; /* PRIMARY */
    cursor: pointer;
    margin: 0;
}

#optionsDropDown .dropdown-menu-form label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #111827; /* Foreground */
    cursor: pointer;
    margin: 0;
}

#optionsDropDown .dropdown-menu-form li {
    padding: 4px 0;
}

#optionsDropDown .dropdown-menu-form li:hover {
    background-color: #F3F4F6; /* Muted */
}

/* ============================================
   eCOA Lookup Product Grade Modal - Flat Design System
   ============================================
   Styled to match User Settings modal with:
   - Primary color header (#37609c)
   - Clean typography with Outfit font
   - NO shadows (flat design principle)
   - Proper grid container styling
   ============================================ */

/* Fix white corners on modal - clip content to border-radius */
.ecoa-lookup-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 8px;
}

/* Modal Header */
.ecoa-lookup-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
}

.ecoa-lookup-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    text-align: left !important;
}

.ecoa-lookup-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

.ecoa-lookup-modal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.ecoa-lookup-modal .modal-body {
    padding: 24px;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* Grid container */
.ecoa-lookup-modal .ecoa-lookup-grid-container {
    min-height: 380px;
}

.ecoa-lookup-modal .ecoa-lookup-grid {
    height: 380px;
    border: 1px solid #E5E7EB; /* Border color */
    border-radius: 6px;
    overflow: hidden;
}

/* ui-grid header styling */
.ecoa-lookup-modal .ui-grid-header {
    background-color: #F3F4F6; /* Muted */
    border-bottom: 1px solid #E5E7EB;
}

.ecoa-lookup-modal .ui-grid-header-cell {
    background-color: #F3F4F6;
    border-right: 1px solid #E5E7EB;
}

.ecoa-lookup-modal .ui-grid-header-cell .ui-grid-cell-contents {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #374151; /* Gray 700 */
    padding: 8px 10px;
}

/* Filter input styling in grid header */
.ecoa-lookup-modal .ui-grid-header-cell input[type="text"] {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    color: #111827;
    background-color: #ffffff;
    border: 1px solid #E5E7EB !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    transition: border-color 0.2s ease;
}

.ecoa-lookup-modal .ui-grid-header-cell input[type="text"]:focus {
    border-color: #37609c !important;
    outline: none;
}

.ecoa-lookup-modal .ui-grid-header-cell input[type="text"]::placeholder {
    color: #9CA3AF;
}

/* Grid row styling */
.ecoa-lookup-modal .ui-grid-row {
    border-bottom: 1px solid #F3F4F6;
}

.ecoa-lookup-modal .ui-grid-row:hover .ui-grid-cell {
    background-color: #F9FAFB;
}

.ecoa-lookup-modal .ui-grid-row.ui-grid-row-selected .ui-grid-cell {
    background-color: #EBF5FF; /* Light blue for selection */
}

.ecoa-lookup-modal .ui-grid-cell {
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #111827;
    border-right: 1px solid #F3F4F6;
}

.ecoa-lookup-modal .ui-grid-cell-contents {
    padding: 8px 10px;
}

/* Modal Footer */
.ecoa-lookup-modal .modal-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    text-align: right;
}

/* Button styling */
.ecoa-lookup-modal .modal-footer .btn-primary {
    background-color: #37609c !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.ecoa-lookup-modal .modal-footer .btn-primary:hover:not(:disabled) {
    background-color: #2d4e7c !important;
    transform: scale(1.02);
}

.ecoa-lookup-modal .modal-footer .btn-primary:disabled {
    background-color: #9CA3AF !important;
    cursor: not-allowed;
    opacity: 0.7;
}

.ecoa-lookup-modal .modal-footer .btn-default {
    background-color: #F3F4F6 !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    margin-left: 10px;
}

.ecoa-lookup-modal .modal-footer .btn-default:hover {
    background-color: #E5E7EB !important;
}

/* ============================================
   Add Folder Dialog - Flat Design System
   ============================================
   Styles for the Add Folder dialog on the Collaborate page.
   Located at: grails-app/views/drive/addFolderTemplate.gsp
   Controller: drive-controllers.js (AddEditFolderModalCtrl)
   ============================================ */

/* Modal dialog sizing */
.add-folder-modal .modal-dialog {
    width: 480px;
    max-width: 90%;
    margin: 80px auto;
}

/* Modal content container */
.add-folder-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    background-color: #ffffff;
}

/* Modal Header */
.add-folder-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-folder-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-folder-modal .modal-header .add-folder-icon {
    font-size: 20px;
}

.add-folder-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
    position: absolute;
    right: 20px;
    top: 18px;
}

.add-folder-modal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.add-folder-modal .modal-body {
    padding: 24px;
    background-color: #ffffff;
}

/* Error container */
.add-folder-modal .add-folder-error-container {
    margin-bottom: 20px;
}

.add-folder-modal .add-folder-error {
    background-color: #FEF2F2; /* Red 50 */
    border: 2px solid #EF4444; /* Red 500 */
    border-radius: 6px;
    padding: 12px 16px;
    color: #DC2626; /* Red 600 */
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.add-folder-modal .add-folder-error .glyphicon-exclamation-sign {
    font-size: 18px;
    margin-top: 2px;
}

.add-folder-modal .add-folder-error ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.add-folder-modal .add-folder-error li {
    margin-bottom: 4px;
}

.add-folder-modal .add-folder-error li:last-child {
    margin-bottom: 0;
}

/* Form styling */
.add-folder-modal .add-folder-form-group {
    margin-bottom: 0;
}

.add-folder-modal .add-folder-label {
    display: block;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #111827; /* Foreground */
    margin-bottom: 8px;
}

.add-folder-modal .add-folder-input-wrapper {
    position: relative;
}

.add-folder-modal .add-folder-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #9CA3AF; /* Gray 400 */
    font-size: 16px;
    pointer-events: none;
}

.add-folder-modal .add-folder-input {
    width: 100%;
    padding: 12px 14px 12px 42px;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #111827; /* Foreground */
    background-color: #F3F4F6; /* Muted/Gray 100 */
    border: 2px solid transparent;
    border-radius: 6px;
    transition: all 0.2s ease;
    box-shadow: none !important;
}

.add-folder-modal .add-folder-input:focus {
    background-color: #ffffff;
    border-color: #37609c; /* PRIMARY */
    outline: none;
}

.add-folder-modal .add-folder-input::placeholder {
    color: #9CA3AF; /* Gray 400 */
}

/* Modal Footer */
.add-folder-modal .modal-footer {
    padding: 16px 24px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Primary button - Save */
.add-folder-modal .modal-footer .btn-primary,
.add-folder-modal .add-folder-save {
    background-color: #37609c !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.add-folder-modal .modal-footer .btn-primary:hover:not(:disabled),
.add-folder-modal .add-folder-save:hover:not(:disabled) {
    background-color: #2d4e7c !important;
    transform: scale(1.02);
}

.add-folder-modal .modal-footer .btn-primary:disabled,
.add-folder-modal .add-folder-save:disabled {
    background-color: #9CA3AF !important;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Default buttons - Cancel and Reset */
.add-folder-modal .modal-footer .btn-default {
    background-color: #F3F4F6 !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.add-folder-modal .modal-footer .btn-default:hover {
    background-color: #E5E7EB !important;
    transform: scale(1.02);
}

/* ============================================
   Sales Extract Report Dialogs - Flat Design System
   ============================================
   Styles for both Sales Extract Summary Report and
   Sales Extract Report dialogs. These use Bootstrap
   modals with #salesModal as the content wrapper.
   Styled to match other flat design dialogs:
   - Primary color header (#37609c)
   - Clean typography with Outfit font
   - NO shadows (flat design principle)
   ============================================ */

/* Modal content container - contains #salesModal */
.modal-content:has(#salesModal) {
    overflow: visible !important; /* Allow datepicker to extend outside */
    border: none;
    box-shadow: none;
    border-radius: 8px;
}

/* Modal Header */
#salesModal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
}

#salesModal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    text-align: left !important;
}

#salesModal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

#salesModal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
#salesModal .modal-body {
    padding: 24px;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    overflow: visible !important; /* Allow datepicker to extend outside modal */
}

/* Form labels */
#salesModal .modal-body label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #374151; /* Gray 700 */
}

/* Form controls */
#salesModal .modal-body .form-control {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #111827; /* Foreground */
    background-color: #ffffff;
    border: 2px solid #E5E7EB !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    transition: all 0.2s ease;
    box-shadow: none !important;
    height: auto !important;
}

#salesModal .modal-body .form-control:focus {
    background-color: #ffffff;
    border-color: #37609c !important; /* PRIMARY */
    outline: none;
    box-shadow: none !important;
}

#salesModal .modal-body .form-control:disabled {
    background-color: #F3F4F6; /* Muted */
    color: #9CA3AF;
}

/* Modal Footer */
#salesModal .modal-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
}

/* Primary button (Run Report) */
#salesModal .modal-footer .btn-primary,
#salesModal .modal-footer a.btn-primary {
    background-color: #37609c !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

#salesModal .modal-footer .btn-primary:hover:not(:disabled),
#salesModal .modal-footer a.btn-primary:hover:not(.disabled) {
    background-color: #2d4e7c !important;
    transform: scale(1.02);
}

#salesModal .modal-footer .btn-primary:disabled,
#salesModal .modal-footer a.btn-primary.disabled,
#salesModal .modal-footer a.btn-primary[disabled] {
    background-color: #9CA3AF !important;
    cursor: not-allowed;
    opacity: 0.7;
    transform: none !important;
}

/* Default/Cancel buttons (Reset, Close) */
#salesModal .modal-footer .btn-default {
    background-color: #F3F4F6 !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

#salesModal .modal-footer .btn-default:hover {
    background-color: #E5E7EB !important;
}
/* ============================================
   Sales Extract Compact Layout
   ============================================
   Reduces vertical spacing to ensure all fields
   and buttons are visible without scrolling.
   Applied via .sales-extract-compact class on
   the #salesModal container.
   ============================================ */

/* Compact modal body - reduced padding */
#salesModal.sales-extract-compact .modal-body {
    padding: 16px 20px;
}

/* Compact form groups - reduced margin */
#salesModal.sales-extract-compact .form-group {
    margin-bottom: 10px;
}

/* Compact labels - smaller text and tighter spacing */
#salesModal.sales-extract-compact .modal-body label {
    font-size: 12px;
    margin-bottom: 4px;
}

/* Compact form controls - smaller height */
#salesModal.sales-extract-compact .modal-body .form-control {
    padding: 6px 10px !important;
    font-size: 13px !important;
}

/* Compact rows - reduced gap between rows */
#salesModal.sales-extract-compact .row {
    margin-bottom: 0;
}

/* Compact modal header */
#salesModal.sales-extract-compact .modal-header {
    padding: 14px 20px;
}

#salesModal.sales-extract-compact .modal-header .modal-title {
    font-size: 16px !important;
}

/* Compact modal footer */
#salesModal.sales-extract-compact .modal-footer {
    padding: 12px 20px 14px;
}

#salesModal.sales-extract-compact .modal-footer .btn-primary,
#salesModal.sales-extract-compact .modal-footer a.btn-primary,
#salesModal.sales-extract-compact .modal-footer .btn-default {
    padding: 8px 16px !important;
    font-size: 13px !important;
}

/* ============================================
   Reports Page - Flat Design System
   ============================================
   Styles for the Reports page:
   - Reporting Options heading with proper spacing
   - Report thumbnail cards hover effects
   ============================================ */

/* Reporting Options heading */
#reportsMain h1 {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #37609c; /* PRIMARY */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 24px 0 32px 0; /* Top margin for spacing from border, bottom for images */
    padding: 0;
}

/* Report thumbnail cards */
#reportsMain .row > [class*="col-"] > span[data-toggle="modal"],
#reportsMain .row > [class*="col-"] > span[ng-click] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    transition: all 0.2s ease;
    background-color: transparent;
}

#reportsMain .row > [class*="col-"] > span[data-toggle="modal"]:hover,
#reportsMain .row > [class*="col-"] > span[ng-click]:hover {
    background-color: #F3F4F6; /* Muted */
    transform: scale(1.02);
}

#reportsMain .row > [class*="col-"] > span[data-toggle="modal"] img,
#reportsMain .row > [class*="col-"] > span[ng-click] img {
    border-radius: 4px;
    transition: transform 0.2s ease;
}

#reportsMain .row > [class*="col-"] > span[data-toggle="modal"]:hover img,
#reportsMain .row > [class*="col-"] > span[ng-click]:hover img {
    transform: scale(1.03);
}

#reportsMain .row > [class*="col-"] > span[data-toggle="modal"] > span,
#reportsMain .row > [class*="col-"] > span[ng-click] > span {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #111827; /* Foreground */
    margin-top: 12px;
    text-align: center;
}

/* ============================================
   Datepicker/Calendar - Flat Design System
   ============================================
   Style the uib-datepicker calendar popup with:
   - Primary color (#37609c) for selected/active states
   - Clean typography with Outfit font
   - Subtle shadow for depth
   - Consistent button styling
   ============================================ */

/* Datepicker dropdown container */
ul.uib-datepicker-popup.dropdown-menu {
    padding: 0 !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
    overflow: visible !important;
    background-color: #ffffff !important;
    z-index: 1060 !important; /* Above modal backdrop */
}

/* First list item containing the datepicker */
ul.uib-datepicker-popup.dropdown-menu > li:first-child {
    padding: 8px !important;
}

/* Main datepicker container */
.uib-datepicker {
    padding: 8px;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* Header with navigation and title */
.uib-datepicker .uib-daypicker thead tr:first-child th,
.uib-datepicker thead tr:first-child th {
    padding: 8px 4px;
}

/* Previous/Next navigation buttons */
.uib-datepicker .uib-left,
.uib-datepicker .uib-right,
.uib-datepicker button.uib-left,
.uib-datepicker button.uib-right {
    background-color: #F3F4F6 !important; /* Muted */
    border: none !important;
    color: #374151 !important; /* Gray 700 */
    border-radius: 6px !important;
    padding: 6px 10px !important;
    transition: all 0.2s ease !important;
}

.uib-datepicker .uib-left:hover,
.uib-datepicker .uib-right:hover,
.uib-datepicker button.uib-left:hover,
.uib-datepicker button.uib-right:hover {
    background-color: #E5E7EB !important;
    color: #111827 !important;
}

/* Title button (shows month/year) */
.uib-datepicker .uib-title,
.uib-datepicker button.uib-title {
    background-color: transparent !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    transition: all 0.2s ease !important;
}

.uib-datepicker .uib-title:hover,
.uib-datepicker button.uib-title:hover {
    background-color: #F3F4F6 !important;
    border-radius: 6px !important;
}

/* Day of week headers */
.uib-datepicker .uib-daypicker thead tr:nth-child(2) th,
.uib-datepicker thead tr th small {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #6B7280; /* Gray 500 */
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 8px 0;
}

/* Week number column */
.uib-datepicker .uib-daypicker tbody td:first-child em,
.uib-datepicker td em {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #9CA3AF; /* Gray 400 */
    font-style: normal;
}

/* Day buttons */
.uib-datepicker .uib-daypicker tbody button,
.uib-datepicker tbody td button,
.uib-datepicker button.btn-default {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #111827 !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px !important;
    min-width: 36px;
    transition: all 0.15s ease !important;
}

.uib-datepicker .uib-daypicker tbody button:hover,
.uib-datepicker tbody td button:hover,
.uib-datepicker button.btn-default:hover {
    background-color: #F3F4F6 !important; /* Muted */
}

/* Today's date */
.uib-datepicker .btn-info,
.uib-datepicker button.btn-info,
.uib-datepicker .active .btn-default {
    background-color: #E0E7FF !important; /* Light indigo */
    color: #37609c !important; /* PRIMARY */
    border: 2px solid #37609c !important;
}

/* Selected date */
.uib-datepicker .active button,
.uib-datepicker button.active,
.uib-datepicker .btn-info.active {
    background-color: #37609c !important; /* PRIMARY */
    color: #ffffff !important;
    border: none !important;
    font-weight: 500 !important;
}

/* Dates from other months (muted) */
.uib-datepicker .text-muted,
.uib-datepicker button .text-muted {
    color: #D1D5DB !important; /* Gray 300 */
}

/* Button bar container (li element with Today, Clear, Done buttons) */
ul.uib-datepicker-popup li.uib-button-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px !important;
    background-color: #F9FAFB !important; /* Gray 50 */
    border-top: 1px solid #E5E7EB;
    margin: 0;
    list-style: none;
}

ul.uib-datepicker-popup li.uib-button-bar .btn-group {
    display: flex;
    gap: 8px;
}

ul.uib-datepicker-popup li.uib-button-bar .btn {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

/* Today button - Primary style */
ul.uib-datepicker-popup li.uib-button-bar .btn-info,
ul.uib-datepicker-popup li.uib-button-bar .uib-datepicker-current {
    background-color: #37609c !important; /* PRIMARY */
    border: none !important;
    color: #ffffff !important;
}

ul.uib-datepicker-popup li.uib-button-bar .btn-info:hover,
ul.uib-datepicker-popup li.uib-button-bar .uib-datepicker-current:hover {
    background-color: #2d4e80 !important;
}

/* Clear button - Danger style (subtle) */
ul.uib-datepicker-popup li.uib-button-bar .btn-danger,
ul.uib-datepicker-popup li.uib-button-bar .uib-clear {
    background-color: #FEE2E2 !important; /* Red 100 */
    border: none !important;
    color: #DC2626 !important; /* Red 600 */
}

ul.uib-datepicker-popup li.uib-button-bar .btn-danger:hover,
ul.uib-datepicker-popup li.uib-button-bar .uib-clear:hover {
    background-color: #FECACA !important; /* Red 200 */
}

/* Done/Close button - Success style */
ul.uib-datepicker-popup li.uib-button-bar .btn-success,
ul.uib-datepicker-popup li.uib-button-bar .uib-close {
    background-color: #D1FAE5 !important; /* Emerald 100 */
    border: none !important;
    color: #059669 !important; /* Emerald 600 */
}

ul.uib-datepicker-popup li.uib-button-bar .btn-success:hover,
ul.uib-datepicker-popup li.uib-button-bar .uib-close:hover {
    background-color: #A7F3D0 !important; /* Emerald 200 */
}

/* ============================================
   Toast Notifications - Flat Design System
   ============================================
   Clean, informational toast notifications with:
   - NO shadows (flat design principle)
   - Solid background colors
   - Rounded corners (rounded-lg)
   - Slide-in animation
   ============================================ */

/* Toast container - fixed position top right */
.fabnet-toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    pointer-events: none;
}

/* Individual toast notification */
.fabnet-toast {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 24px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: none;
    box-shadow: none; /* FLAT DESIGN: No shadows */
    pointer-events: auto;
    max-width: 400px;
    display: flex;
    align-items: center;
    gap: 12px;
    animation: fabnet-toast-slide-in 0.3s ease-out;
}

/* Toast slide-in animation */
@keyframes fabnet-toast-slide-in {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Toast slide-out animation */
@keyframes fabnet-toast-slide-out {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.fabnet-toast.fabnet-toast-hiding {
    animation: fabnet-toast-slide-out 0.3s ease-in forwards;
}

/* Info toast - PRIMARY color background */
.fabnet-toast-info {
    background-color: #37609c; /* PRIMARY */
    color: #ffffff;
}

/* Success toast - Emerald background */
.fabnet-toast-success {
    background-color: #059669; /* Emerald 600 */
    color: #ffffff;
}

/* Warning toast - Amber background */
.fabnet-toast-warning {
    background-color: #F59E0B; /* Amber 500 */
    color: #111827;
}

/* Error toast - Red background */
.fabnet-toast-error {
    background-color: #DC2626; /* Red 600 */
    color: #ffffff;
}

/* Toast icon */
.fabnet-toast-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

/* Toast message text */
.fabnet-toast-message {
    flex: 1;
    line-height: 1.4;
}

/* Toast close button */
.fabnet-toast-close {
    flex-shrink: 0;
    background: transparent;
    border: none;
    color: inherit;
    opacity: 0.7;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    transition: opacity 0.2s ease;
}

.fabnet-toast-close:hover {
    opacity: 1;
}

/* ============================================
   Trend Graph Modal - Flat Design System
   ============================================
   Styled to match other modals (Download Samples, User Settings)
   ============================================ */

/* Make the modal wider - stock chart needs ample horizontal space */
.trend-graph-modal .modal-dialog {
    width: 90%;
    max-width: 1200px;
}

/* Fix white corners on modal - clip content to border-radius */
.trend-graph-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 8px;
}

/* Modal Header */
.trend-graph-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 0;
}

.trend-graph-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.trend-graph-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

.trend-graph-modal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.trend-graph-modal .modal-body {
    padding: 0 !important;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* Toolbar area with filters */
.trend-graph-modal .toolbar-custom {
    background-color: #F9FAFB !important;
    border: none !important;
    border-top: none !important;
    padding: 16px 24px !important;
    margin: 0 !important;
    border-bottom: 1px solid #E5E7EB !important;
}

.trend-graph-modal .toolbar-custom label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #374151; /* Gray 700 */
    padding-top: 8px !important;
}

.trend-graph-modal .toolbar-custom .form-control {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #111827; /* Foreground */
    background-color: #ffffff;
    border: 2px solid #E5E7EB !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    transition: all 0.2s ease;
    box-shadow: none !important;
    height: auto !important;
}

.trend-graph-modal .toolbar-custom .form-control:focus {
    background-color: #ffffff;
    border-color: #37609c !important; /* PRIMARY */
    outline: none;
    box-shadow: none !important;
}

/* Chart area */
.trend-graph-modal .form-group {
    margin: 0 !important;
    padding: 24px;
}

/* ECharts container - ensure it fills the parent */
.trend-graph-modal .echart-container {
    width: 100%;
    height: 555px;
    border-radius: 6px;
}

/* Component list sidebar */
.trend-graph-modal .trendGraphList {
    border: 2px solid #E5E7EB !important;
    border-radius: 6px;
    height: 475px;
    margin: 5px 15px 10px 0;
    overflow-y: auto;
    text-align: left;
    padding: 12px;
    background-color: #ffffff;
}

.trend-graph-modal .trendGraphList label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    display: block;
    padding: 6px 8px;
    border-radius: 4px;
    margin: 0;
}

.trend-graph-modal .trendGraphList label.odd {
    background-color: #F9FAFB;
}

.trend-graph-modal .trendGraphList label.even {
    background-color: #ffffff;
}

.trend-graph-modal .trendGraphList div {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #111827;
    padding: 4px 8px 4px 16px;
}

.trend-graph-modal .trendGraphList input[type="checkbox"] {
    accent-color: #37609c;
    margin-right: 6px;
}

/* Component list header label */
.trend-graph-modal label.app-color {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #37609c !important;
    margin: 8px 0 !important;
}

/* Sample number checkbox */
.trend-graph-modal input[type="checkbox"] {
    accent-color: #37609c;
    margin-right: 6px;
}

/* Modal Footer */
.trend-graph-modal .modal-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    text-align: center;
}

/* Close button */
.trend-graph-modal .modal-footer .btn-default {
    background-color: #F3F4F6 !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.trend-graph-modal .modal-footer .btn-default:hover {
    background-color: #E5E7EB !important;
    transform: scale(1.02);
}


/* ============================================
   Ask Dialog Modal (Filter Name) - Flat Design System
   ============================================
   Used for "Please enter filter name" dialog in 
   Samples Advanced Filters and Reports Filters
   ============================================ */

/* Fix white corners on modal - clip content to border-radius */
#askDialog .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

/* Modal Header */
#askDialog .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
}

#askDialog .modal-header .modal-title,
#askDialog .modal-header .ask-dialog-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

#askDialog .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

#askDialog .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
#askDialog .modal-body {
    padding: 24px !important;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

#askDialog .modal-body label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #374151; /* Gray 700 */
    display: block;
}

#askDialog .modal-body .ask-dialog-field-name {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

#askDialog .modal-body .ask-dialog-input {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #111827; /* Foreground */
    background-color: #F3F4F6; /* Muted */
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    transition: all 0.2s ease;
    box-shadow: none !important;
    width: 100%;
    height: auto !important;
}

#askDialog .modal-body .ask-dialog-input:focus {
    background-color: #ffffff;
    border-color: #37609c !important; /* PRIMARY */
    outline: none;
    box-shadow: none !important;
}

/* Modal Footer */
#askDialog .modal-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    text-align: right;
}

/* Cancel button */
#askDialog .modal-footer .btn-default {
    background-color: #F3F4F6 !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    margin-right: 8px;
}

#askDialog .modal-footer .btn-default:hover {
    background-color: #E5E7EB !important;
    transform: scale(1.02);
}

/* OK/Primary button */
#askDialog .modal-footer .btn-primary {
    background-color: #37609c !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

#askDialog .modal-footer .btn-primary:hover {
    background-color: #2d4f7f !important;
    transform: scale(1.02);
}


/* ============================================
   Sample Details Modal - Flat Design System
   ============================================
   Used for viewing sample details from Samples grid
   ============================================ */

/* Fix white corners on modal - clip content to border-radius */
#descDetailsModal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

/* Modal Header */
#descDetailsModal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
}

#descDetailsModal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

#descDetailsModal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

#descDetailsModal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
#descDetailsModal .modal-body {
    padding: 24px !important;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* Sample info template area */
#descDetailsModal .templateForm {
    background-color: #F9FAFB;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 16px;
}

#descDetailsModal .templateForm .row {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
}

#descDetailsModal .templateForm .text-right {
    color: #37609c;
    font-weight: 600;
}

/* Sample Summary button */
#descDetailsModal .modal-body .btn-primary {
    background-color: #37609c !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

#descDetailsModal .modal-body .btn-primary:hover {
    background-color: #2d4f7f !important;
    transform: scale(1.02);
}

/* Results grid table styling */
#descDetailsModal .table {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 0;
}

#descDetailsModal .table thead tr.highlight-sample td {
    background-color: #37609c !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 10px 12px;
}

#descDetailsModal .table tbody td {
    padding: 8px 12px;
    color: #111827;
}

/* UI Grid styling for results */
#descDetailsModal .sample-details-results-grid {
    border: 2px solid #E5E7EB;
    border-radius: 6px;
    overflow: hidden;
}

#descDetailsModal .sample-details-results-grid .ui-grid-header {
    background-color: #37609c !important;
}

#descDetailsModal .sample-details-results-grid .ui-grid-header-cell {
    background-color: #37609c !important;
    color: #ffffff !important;
    font-weight: 600;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

#descDetailsModal .sample-details-results-grid .ui-grid-header-cell .ui-grid-cell-contents {
    color: #ffffff !important;
}

/* Modal Footer */
#descDetailsModal .modal-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    text-align: center;
}

/* Close button */
#descDetailsModal .modal-footer .btn-default {
    background-color: #F3F4F6 !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

#descDetailsModal .modal-footer .btn-default:hover {
    background-color: #E5E7EB !important;
    transform: scale(1.02);
}

/* ============================================
   Upload Files Dialog - Flat Design System
   ============================================
   Styles for the Upload Files dialog on the Collaborate page.
   Located at: grails-app/views/drive/addFileTemplate.gsp
   Controller: drive-controllers.js (AddFileModalCtrl)
   ============================================ */

/* Modal dialog sizing */
.upload-files-modal .modal-dialog {
    width: 550px;
    max-width: 95%;
    margin: 60px auto;
}

/* Modal content container - clip content to border-radius */
.upload-files-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: none; /* FLAT DESIGN: No shadows */
    border-radius: 8px;
    background-color: #ffffff;
}

/* Modal Header */
.upload-files-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.upload-files-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.upload-files-modal .modal-header .upload-icon {
    font-size: 20px;
}

.upload-files-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
    position: absolute;
    right: 20px;
    top: 18px;
}

.upload-files-modal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.upload-files-modal .modal-body {
    padding: 24px;
    background-color: #ffffff;
}

/* Upload container layout */
.upload-files-modal .upload-container {
    text-align: center;
}

/* Drop zone styling - flat design */
.upload-files-modal .drop-zone-wrapper {
    margin-bottom: 16px;
}

.upload-files-modal #file-drop {
    border: 3px dashed #E5E7EB; /* Gray 200 */
    border-radius: 8px;
    padding: 40px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    color: #6B7280; /* Gray 500 */
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.upload-files-modal #file-drop .drop-icon {
    font-size: 40px;
    color: #9CA3AF; /* Gray 400 */
}

.upload-files-modal #file-drop .drop-text {
    display: block;
}

/* Drop zone hover/active state */
.upload-files-modal #file-drop.nv-file-over,
.upload-files-modal #file-drop:hover {
    border-color: #37609c; /* PRIMARY */
    background-color: #EFF6FF; /* Blue 50 */
    color: #37609c;
}

.upload-files-modal #file-drop.nv-file-over .drop-icon,
.upload-files-modal #file-drop:hover .drop-icon {
    color: #37609c;
}

/* Or divider */
.upload-files-modal .or-divider {
    margin: 16px 0;
    position: relative;
}

.upload-files-modal .or-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #E5E7EB; /* Gray 200 */
}

.upload-files-modal .or-text {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    background-color: #ffffff;
    color: #9CA3AF; /* Gray 400 */
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

/* File input wrapper */
.upload-files-modal .file-input-wrapper {
    margin-bottom: 20px;
    text-align: center;
}

.upload-files-modal .file-input {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #374151; /* Gray 700 */
}

/* Style the native file picker button using ::file-selector-button */
.upload-files-modal .file-input::file-selector-button {
    background-color: #37609c; /* PRIMARY */
    border: none;
    color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-right: 12px;
}

.upload-files-modal .file-input::file-selector-button:hover {
    background-color: #2d4e7c;
    transform: scale(1.02);
}

/* Queue section */
.upload-files-modal .queue-section {
    margin-top: 20px;
    text-align: left;
}

/* Upload table styling */
.upload-files-modal .upload-table {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 16px;
    border-collapse: separate;
    border-spacing: 0;
}

.upload-files-modal .upload-table thead th {
    background-color: #F3F4F6; /* Muted */
    color: #374151; /* Gray 700 */
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 10px 12px;
    border: none;
    border-bottom: 2px solid #E5E7EB;
}

.upload-files-modal .upload-table thead th:first-child {
    border-radius: 6px 0 0 0;
}

.upload-files-modal .upload-table thead th:last-child {
    border-radius: 0 6px 0 0;
}

.upload-files-modal .upload-table tbody td {
    padding: 10px 12px;
    border-bottom: 1px solid #E5E7EB;
    color: #111827; /* Foreground */
    vertical-align: middle;
}

.upload-files-modal .upload-table tbody tr:last-child td {
    border-bottom: none;
}

/* Success/Error row styling */
.upload-files-modal .upload-table tbody tr.upload-success {
    background-color: #ECFDF5; /* Green 50 */
}

.upload-files-modal .upload-table tbody tr.upload-error {
    background-color: #FEF2F2; /* Red 50 */
}

/* File name styling */
.upload-files-modal .file-name {
    font-weight: 500;
    word-break: break-word;
}

/* Progress bar styling */
.upload-files-modal .upload-progress {
    height: 8px;
    margin-bottom: 0;
    background-color: #E5E7EB;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: none;
}

.upload-files-modal .upload-progress .progress-bar {
    background-color: #37609c; /* PRIMARY */
    box-shadow: none;
}

/* Status icons */
.upload-files-modal .status-cell {
    width: 60px;
}

.upload-files-modal .status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.upload-files-modal .status-icon.success {
    background-color: #ECFDF5; /* Green 50 */
    color: #059669; /* Green 600 */
}

.upload-files-modal .status-icon.error {
    background-color: #FEF2F2; /* Red 50 */
    color: #DC2626; /* Red 600 */
}

.upload-files-modal .status-icon.cancel {
    background-color: #FEF3C7; /* Amber 100 */
    color: #D97706; /* Amber 600 */
}

/* Action cell */
.upload-files-modal .action-cell {
    width: 60px;
    text-align: center;
}

.upload-files-modal .btn-remove {
    background-color: transparent !important;
    border: none !important;
    color: #9CA3AF; /* Gray 400 */
    padding: 6px 10px;
    transition: all 0.2s ease;
}

.upload-files-modal .btn-remove:hover {
    color: #DC2626; /* Red 600 */
    background-color: #FEF2F2 !important; /* Red 50 */
    border-radius: 4px;
}

/* Queue progress section */
.upload-files-modal .queue-progress-section {
    margin-bottom: 16px;
}

.upload-files-modal .queue-progress-label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #374151; /* Gray 700 */
    margin-bottom: 6px;
}

.upload-files-modal .queue-progress {
    height: 10px;
    background-color: #E5E7EB;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: none;
    margin-bottom: 0;
}

.upload-files-modal .queue-progress .progress-bar {
    background-color: #37609c; /* PRIMARY */
    box-shadow: none;
    transition: width 0.3s ease;
}

/* Queue action buttons */
.upload-files-modal .queue-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
}

.upload-files-modal .btn-upload {
    background-color: #37609c !important; /* PRIMARY */
    border: none !important;
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 6px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.upload-files-modal .btn-upload:hover:not(:disabled) {
    background-color: #2d4e7c !important;
    transform: scale(1.02);
}

.upload-files-modal .btn-upload:disabled {
    background-color: #9CA3AF !important;
    cursor: not-allowed;
    opacity: 0.7;
}

.upload-files-modal .btn-cancel-all {
    background-color: #F3F4F6 !important; /* Muted */
    border: none !important;
    color: #374151 !important; /* Gray 700 */
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 6px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.upload-files-modal .btn-cancel-all:hover:not(:disabled) {
    background-color: #E5E7EB !important;
    transform: scale(1.02);
}

.upload-files-modal .btn-cancel-all:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Modal Footer */
.upload-files-modal .modal-footer {
    padding: 16px 24px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    text-align: right;
}

/* Done button */
.upload-files-modal .modal-footer .btn-default {
    background-color: #F3F4F6 !important;
    border: none !important;
    color: #111827 !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.upload-files-modal .modal-footer .btn-default:hover {
    background-color: #E5E7EB !important;
    transform: scale(1.02);
}

/* ============================================
   Preferences/Settings Page - Flat Design System
   ============================================
   Complete restyle following the flat design system:
   - Tabs: Solid colors, no gradients, primary color accent
   - Filter list: Flat select box with muted background
   - Filter expressions table: Clean flat design headers
   - Buttons: Already styled via flat-buttons.css
   - No shadows anywhere (flat design principle)
   ============================================ */

/* -----------------------------------------
   Tabs - Flat Design Override
   ----------------------------------------- */

/* Remove the default Bootstrap bottom border from tabs container */
#ui-view > .panel.panel-default .nav-tabs {
    border-bottom: 2px solid #E5E7EB; /* Border color */
    background-color: transparent;
    margin-bottom: 0;
    padding-left: 0;
}

/* Tab items base style */
#ui-view > .panel.panel-default .nav-tabs > li {
    margin-bottom: -2px; /* Overlap with border */
}

#ui-view > .panel.panel-default .nav-tabs > li > a {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #6B7280; /* Gray 500 */
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 12px 20px;
    margin-right: 4px;
    transition: all 0.2s ease;
}

/* Tab hover state */
#ui-view > .panel.panel-default .nav-tabs > li > a:hover {
    color: #37609c; /* PRIMARY */
    background-color: #F3F4F6; /* Muted */
    border: none;
    border-bottom: 2px solid #0092dd; /* SECONDARY */
}

/* Active tab */
#ui-view > .panel.panel-default .nav-tabs > li.active > a,
#ui-view > .panel.panel-default .nav-tabs > li.active > a:hover,
#ui-view > .panel.panel-default .nav-tabs > li.active > a:focus {
    color: #37609c; /* PRIMARY */
    background-color: #ffffff;
    border: none;
    border-bottom: 2px solid #37609c; /* PRIMARY */
    font-weight: 600;
}

/* Tab content area */
#ui-view > .panel.panel-default .tab-content {
    background-color: #ffffff;
    border: none;
    padding: 0;
}

/* -----------------------------------------
   Filter List Select Box - Flat Design
   ----------------------------------------- */

/* Filter list select box */
#ui-view .panel.panel-default select#filterID_all_samples {
    background-color: #F3F4F6; /* Muted background */
    border: 2px solid #E5E7EB; /* Border */
    border-radius: 6px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #111827; /* Foreground */
    padding: 8px;
    transition: border-color 0.2s ease;
}

#ui-view .panel.panel-default select#filterID_all_samples:focus {
    background-color: #ffffff;
    border-color: #37609c; /* PRIMARY */
    outline: none;
    box-shadow: none;
}

/* Selected option highlighting */
#ui-view .panel.panel-default select#filterID_all_samples option:checked,
#ui-view .panel.panel-default select#filterID_all_samples option:hover {
    background-color: #DBEAFE; /* Blue 100 */
    color: #111827;
}

/* -----------------------------------------
   Filter Expressions Section - Flat Design
   ----------------------------------------- */

/* Filter Name label and input row - flexbox for alignment */
#ui-view .panel.panel-default #filtersContainer_all_samples .filter-name-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Filter Name label */
#ui-view .panel.panel-default #filtersContainer_all_samples .bleu {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #37609c; /* PRIMARY */
    white-space: nowrap;
}

/* Filter Name input */
#ui-view .panel.panel-default #filtersContainer_all_samples input[name="name"] {
    background-color: #F3F4F6;
    border: 2px solid #E5E7EB;
    border-radius: 6px;
    padding: 8px 12px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #111827;
    transition: border-color 0.2s ease;
}

#ui-view .panel.panel-default #filtersContainer_all_samples input[name="name"]:focus {
    background-color: #ffffff;
    border-color: #37609c;
    outline: none;
    box-shadow: none;
}

/* Filter expressions table */
#ui-view .panel.panel-default #filtersContainer_all_samples table.table {
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-top: 16px;
}

/* Table header - !important to override flat-buttons.css */
#ui-view .panel.panel-default #filtersContainer_all_samples table.table thead th,
#ui-view .panel.panel-default #filtersContainer_all_samples #expressionsContainer table.table thead th {
    background-color: #37609c !important; /* PRIMARY color header */
    color: #ffffff !important; /* White text for contrast on blue bg */
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 12px 16px !important;
    border: none !important;
    border-bottom: 2px solid #2d4f80 !important;
}

/* First header cell rounded left */
#ui-view .panel.panel-default #filtersContainer_all_samples table.table thead th:first-child {
    border-radius: 6px 0 0 0;
}

/* Last header cell rounded right */
#ui-view .panel.panel-default #filtersContainer_all_samples table.table thead th:last-child {
    border-radius: 0 6px 0 0;
}

/* Table body cells */
#ui-view .panel.panel-default #filtersContainer_all_samples table.table tbody td {
    background-color: #ffffff;
    border: 1px solid #E5E7EB;
    border-top: none;
    padding: 12px 16px;
    font-size: 14px;
    color: #111827;
    vertical-align: middle;
}

/* Remove striped styling for flat design */
#ui-view .panel.panel-default #filtersContainer_all_samples table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

#ui-view .panel.panel-default #filtersContainer_all_samples table.table-striped > tbody > tr:nth-of-type(odd) td {
    background-color: #F9FAFB;
}

/* Table row hover */
#ui-view .panel.panel-default #filtersContainer_all_samples table.table-hover > tbody > tr:hover td {
    background-color: #F3F4F6;
}

/* Bootstrap-select dropdown buttons in filter expressions */
#ui-view .panel.panel-default #filtersContainer_all_samples .bootstrap-select > .dropdown-toggle {
    background-color: #F3F4F6 !important;
    border: 2px solid #E5E7EB !important;
    border-radius: 6px !important;
    color: #111827 !important;
    font-size: 14px !important;
    padding: 6px 12px !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

#ui-view .panel.panel-default #filtersContainer_all_samples .bootstrap-select > .dropdown-toggle:hover,
#ui-view .panel.panel-default #filtersContainer_all_samples .bootstrap-select > .dropdown-toggle:focus {
    background-color: #ffffff !important;
    border-color: #37609c !important;
}

/* Delete (trash) icon in filter expressions */
#ui-view .panel.panel-default #filtersContainer_all_samples .glyphicon-trash {
    color: #DC2626; /* Danger red */
    font-size: 16px;
    transition: transform 0.2s ease;
}

#ui-view .panel.panel-default #filtersContainer_all_samples .glyphicon-trash:hover {
    transform: scale(1.15);
}

/* Button row in filters */
#ui-view .panel.panel-default #filtersContainer_all_samples > .col-xs-12.col-sm-3 > div:last-child {
    margin-top: 16px;
    padding: 0 8px;
}

/* -----------------------------------------
   Exceptions Tab Grid - Flat Design
   ----------------------------------------- */

/* Button group spacing */
#ui-view .panel.panel-default #tabs-2 .form-group {
    margin-top: 16px;
    margin-bottom: 16px;
}

/* Exceptions grid container */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid {
    border: 2px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
}

/* Grid header */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header {
    background-color: #37609c; /* PRIMARY */
    border-bottom: 2px solid #2d4f80;
}

#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell {
    background-color: #37609c;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    /* Fix white bar at bottom - ensure cells stretch to fill row height */
    height: 100% !important;
    display: flex;
    flex-direction: column;
    /* Align filter inputs at the bottom by pushing content down */
    justify-content: flex-start;
}

#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell:last-child {
    border-right: none;
}

/* Header row uses flexbox with stretch to equalize cell heights */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell-row {
    display: flex !important;
    align-items: stretch !important;
    background-color: #37609c !important;
}

/* All header cells must have the same height to align filter inputs */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell {
    min-height: 118px !important; /* Height to accommodate 3-line column headers with dropdown */
    display: flex !important;
    flex-direction: column !important;
}

/* Make inner wrapper fill the cell height as a flex column */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell .ui-grid-header-cell-primary-focus {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    height: 100% !important;
}

/* Push filter input to bottom of header cell */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell .ui-grid-header-cell-primary-focus > input {
    margin-top: auto !important;
}

/* Also handle select dropdowns (for Date Entered Updated column) */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell .ui-grid-header-cell-primary-focus > select {
    margin-top: auto !important;
}

/* Fix white bar from top-panel background */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-top-panel {
    background-color: #37609c !important;
}

/* Header text */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-header-cell .ui-grid-cell-contents {
    color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Header filter inputs */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-filter-input {
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    color: #111827;
}

#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-filter-input:focus {
    background-color: #ffffff;
    outline: 2px solid #0092dd;
}

/* Header filter dropdown */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-filter-select {
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 4px;
    font-size: 12px;
    color: #111827;
}

/* Grid rows */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-row {
    border-bottom: 1px solid #E5E7EB;
}

#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #F9FAFB;
}

#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: #ffffff;
}

/* Grid row hover */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-row:hover .ui-grid-cell {
    background-color: #DBEAFE; /* Blue 100 - selection color */
}

/* Grid cell contents */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-cell-contents {
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #111827;
    padding: 8px 12px;
}

/* Grid selection */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-row.ui-grid-row-selected .ui-grid-cell {
    background-color: #DBEAFE !important; /* Blue 100 */
}

/* Pagination footer */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-pager-panel {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 8px 12px;
}

#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-pager-control button {
    background-color: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    color: #374151;
    padding: 4px 8px;
    margin: 0 2px;
    transition: all 0.2s ease;
}

#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-pager-control button:hover:not(:disabled) {
    background-color: #E5E7EB;
}

#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-pager-control button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Items per page dropdown */
#ui-view .panel.panel-default #exceptionsSampleTable .ui-grid-pager-row-count-picker select {
    background-color: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 13px;
}

/* -----------------------------------------
   Panel Container - Flat Design
   ----------------------------------------- */

/* Remove panel border and shadow for flat design */
#ui-view > .panel.panel-default {
    border: none;
    box-shadow: none;
    background-color: #ffffff;
}

#ui-view > .panel.panel-default > .panel-body {
    padding: 16px 24px;
    background-color: #ffffff;
}

/* -----------------------------------------
   Success/Error Alerts - Flat Design
   ----------------------------------------- */

#ui-view .panel.panel-default .alert-success {
    background-color: #D1FAE5; /* Green 100 */
    border: none;
    border-radius: 6px;
    color: #065F46; /* Green 800 */
    font-weight: 500;
    padding: 12px 16px;
}

#ui-view .panel.panel-default .alert-danger {
    background-color: #FEE2E2; /* Red 100 */
    border: none;
    border-radius: 6px;
    color: #991B1B; /* Red 800 */
    font-weight: 500;
    padding: 12px 16px;
}
/*-------------------------------------------*/
/* UI Tabs style */
.ui-tabs {
    /*padding: 0px;*/
    margin-top: 2.5em;
}

.ui-tabs .ui-tabs-nav{
    margin-top: -38px !important;
    margin-left: -7px !important;
}

.ui-tabs .ui-tabs-nav li a{
    padding: .5em 1em .5em 1em;
}

li.ui-state-default a:hover{
    text-decoration: none;
}

/* active tabs */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    color: #0068a8 !important;
    cursor: text;
    border-bottom: 1px solid #f5f5f5;
    font-size: 1em;
    outline: none !important;
    background-image: none;
    box-shadow: inset 0 2px 0px #0068a8 !important;
}


li.ui-tabs-active.ui-state-active:hover{
    border-bottom: none !important;
}

li.ui-tabs-active.ui-state-active a:hover{
    background: #f4f4f4;
    text-decoration: none !important;
    cursor: pointer;
    border-bottom: 1px solid #f4f4f4;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0px;
    /*height: 36px;*/
    background-image: none;
}

.ui-corner-all, .ui-corner-bottom,
.ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom,
.ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top,
.ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top,
.ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #ababab !important;
    text-decoration: none !important;
    border-bottom: 1px solid #ddd;
    outline: none !important;
    font-size: 1em;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-tabs-active {
    color: #0068a8;
    border-bottom: 1px solid #f5f5f5;
}

.ui-state-hover, .ui-state-hover a {
    color: #0073af;
    background-color: transparent;
    cursor: pointer;
}

/* hover for links */
li.ui-state-hover a, li.ui-state-hover a:hover, li.ui-state-hover a:link, li.ui-state-hover a:visited{
    color: #0068a8;
    text-decoration: none !important;
    background-color: #f5f5f5;
    box-shadow: inset 0 2px 0px rgba(170, 170, 170,1);
}

/* inactive tabs */
.ui-tabs .ui-tabs-nav li{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: 1px solid #bac0c3;
    border-left: 1px solid #bac0c3;
    border-right: 1px solid #bac0c3;
    border-bottom: 0px solid #bac0c3;
    background: #f4f4f4;
    box-shadow: inset 0 2px 0px rgba(170, 170, 170,1);
}

li.ui-tabs a:hover{
    background: #f4f4f4;
    text-decoration: none !important;
    cursor: pointer;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #ddd;
    background-image: linear-gradient(#dadada, #f1f6fa 52%, #dadada);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), color-stop(52%, #f1f6fa), to(#dadada));
    background-image: -webkit-linear-gradient(#dadada, #f1f6fa 52%, #dadada);
    background-image: -moz-linear-gradient(top, #dadada, #f1f6fa 52%, #dadada);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#f1f6fa',GradientType=0); /* IE 6-8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dadada, endColorstr=#f1f6fa)"; /* IE 8-9 */
    border: none;
    font-size: 13px;
    color: #0068a8;
}


/*-------------------------------------*/
/* override for jqgrid, jquery, nggrid */
.ui-widget{
    font-family: Arial, sans-serif;
}

.ui-widget-content {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #bac0c3;
    border-radius: 4px !important;
}

.ngHeaderContainer{
    background-color: transparent !important; /* IE fix */
    background-image: -ms-linear-gradient(top, #dadada, #f1f6fa 52%, #dadada) !important;
    background-image: -moz-linear-gradient(top, #dadada, #f1f6fa 52%, #dadada) !important;
    background-image: -webkit-linear-gradient(#dadada, #f1f6fa 52%, #dadada) !important;
    background-image: linear-gradient(#dadada, #f1f6fa 52%, #dadada) !important;

    background-repeat: repeat-x !important;
    border: 1px solid #ddd; !important;
    font-size: 14px !important;
    color: #0068a8 !important;
}

/* links color */

.ui-widget-content a{
    color: #0068a8 !important; /* IE8 fix */
}

.ui-widget-content a:hover{
    color: #0068a8;
    text-decoration: underline !important; /* IE8 fix */
}

.ui-widget-content a.colorStyle{
    color: #fff !important;
    text-decoration: none !important;
}

/* hover for all rows */
.ui-widget-content .ui-state-hover{
    background-color: #c9dde1 !important; /* IE8 fix */
    color: #444;
    border: 1px solid #aaa !important; /* IE8 fix */
    background-image: none !important; /* IE8 fix */
}

/* jqgrid header */
.ui-widget-header {
    border: 0px solid #c6c6c6;
    background: #5c9ccc url(/assets/jquery/ui-widget-header.png) 50% 50% repeat-x;
}

.ui-widget input, .ui-widget select, .ui-widget textarea{
    font: 1em Arial, sans-serif;
    padding: 6px 5px 4px 5px !important;
    height: 35px;
    border: 1px solid #ccc;
    vertical-align: middle;
    color: #353535;
}

/* jqgrid */

.ui-jqgrid .ui-jqgrid-titlebar { /* jqgrid titlebar */
    color: #006492;
    background: none;
    font-size: 1.2em !important;
}

.ui-jqgrid .ui-jqgrid-view { /* overall size for jqgrid view */
    font-size: 12px !important;
    /*border: 1px solid #aaa;*/
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{
    padding: 5px 0 0 0;
}

.ui-th-ltr.ui-state-hover{
    background: none !important;
}

.ui-jqgrid tr.jqgrow td {
    padding: 6px 4px 4px 3px!important;
    vertical-align: middle;
    height: 35px !important;
    font-size: 1.2em;
}

.ui-jqgrid .ui-jqgrid-htable th div{
    font-size: 1.1em;
}

.ui-jqgrid-alt-row {
    background: #FFFFFF;
}

.ui-search-toolbar, .ui-search-toolbar:hover{
    border-top: 1px solid #ddd;
}

.ui-th-ltr:hover, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:hover{
    border-bottom: 1px solid #ddd !important;
    background-image: linear-gradient(#dadada, #f1f6fa 52%, #dadada) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), color-stop(52%, #f1f6fa), to(#dadada)) !important;
    background-image: -webkit-linear-gradient(#dadada, #f1f6fa 52%, #dadada) !important;
    background-image: -moz-linear-gradient(top, #dadada, #f1f6fa 52%, #dadada) !important;
    background-repeat: repeat-x !important;
    color: #0068a8 !important;
}
/* paging select and input */
.ui-jqgrid .ui-pg-input{
    height: auto !important; /* IE fix */
}

.ui-jqgrid .ui-pg-selbox{
    height: auto !important; /* IE fix */
}

.ui-widget button{
    font-size: 14px;
}

/* jqgrid table header */
th.ui-th-column {
    vertical-align: top;
}

th.ui-th-column:hover{
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-image: none !important;
}

th.ui-th-column div{
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
}
/* end jqgrid table header */

.ui-widget-header .ui-state-default{
    background-color: #c9dde1;
}

/*------------------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
    background-color: #c9dde1;
    border: 1px solid #ddd;
    background-image: none;
}

.ui-corner-all, .ui-corner-top {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.templateFieldLabel{
    color: #0068a8;
    font-weight: bold;
}
/* altRows */
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{
    background-color: #fff;
    opacity: 1 !important;
}

/*******************************************************************************
 * Tree container
 */
ul.dynatree-container
{
	font-family: tahoma, arial, helvetica;
	font-size: 10pt; /* font size should not be too big */
	white-space: nowrap;
	padding: 3px;
	margin: 0; /* issue 201 */
	background-color: white;
	border: 1px dotted gray;
	overflow: auto;
	height: 100%; /* issue 263 */
}

ul.dynatree-container ul
{
	padding: 0 0 0 16px;
	margin: 0;
}

ul.dynatree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-image: none;  /* no v-lines */

	margin:0;
	padding:1px 0 0 0;
}
/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}


/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
	width: 16px;
	height: 16px;
/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221*/
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("icons-5d82bdf98e1c89e1e24867257e308350.gif");
	background-position: 0 0;
}

/** Used by 'icon' node option: */
ul.dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

/*
span.dynatree-empty
{
}
span.dynatree-vline
{
}
*/
span.dynatree-connector
{
	background-image: none;
}
/*
.dynatree-lastsib span.dynatree-connector
{
}
*/
/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

span.dynatree-expander
{
	background-position: 0px -80px;
	cursor: pointer;
}
span.dynatree-expander:hover
{
	background-position: -16px -80px;
}
.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
}
.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
}
.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
}
.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander,  /* Expanded, delayed, not last sibling */
.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-position: -32px -80px;
}
.dynatree-exp-e span.dynatree-expander:hover,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander:hover,  /* Expanded, delayed, not last sibling */
.dynatree-exp-el span.dynatree-expander:hover,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander:hover  /* Expanded, delayed, last sibling */
{
	background-position: -48px -80px;
}
.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url("loading-36cbabffc722fe16abf8c3ec4d27a8d2.gif");
}


/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox
{
	margin-left: 3px;
	background-position: 0px -32px;
}
span.dynatree-checkbox:hover
{
	background-position: -16px -32px;
}

.dynatree-partsel span.dynatree-checkbox
{
	background-position: -64px -32px;
}
.dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: -80px -32px;
}

.dynatree-selected span.dynatree-checkbox
{
	background-position: -32px -32px;
}
.dynatree-selected span.dynatree-checkbox:hover
{
	background-position: -48px -32px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
span.dynatree-radio:hover
{
	background-position: -16px -48px;
}

.dynatree-partsel span.dynatree-radio
{
	background-position: -64px -48px;
}
.dynatree-partsel span.dynatree-radio:hover
{
	background-position: -80px -48px;
}

.dynatree-selected span.dynatree-radio
{
	background-position: -32px -48px;
}
.dynatree-selected span.dynatree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

span.dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

.dynatree-has-children span.dynatree-icon /* Default icon */
{
/*    background-position: 0px -16px; */
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node icons */

.dynatree-statusnode-wait span.dynatree-icon
{
	background-image: url("loading-36cbabffc722fe16abf8c3ec4d27a8d2.gif");
}

.dynatree-statusnode-error span.dynatree-icon
{
	background-position: 0px -112px;
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node
{
/*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221 */
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* issue 373 Required to make a span sizeable */
	vertical-align: top;
}


/* Remove blue color and underline from title links */
ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
	color: black; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
	/* Set transparent border to prevent jumping when active node gets a border
	   (we can do this, because this theme doesn't use vertical lines)
	   */
	border: 1px solid white; /* Note: 'transparent' would not work in IE6 */

}

ul.dynatree-container a:hover
{
/*	text-decoration: underline; */
	background: #F2F7FD; /* light blue */
	border-color: #B8D6FB; /* darker light blue */
}

span.dynatree-node a
{
	display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a
{
/*	font-weight: bold; */ /* custom */
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}

span.dynatree-has-children a
{
/*	font-style: oblique; /* custom: */
}

span.dynatree-expanded a
{
}

span.dynatree-selected a
{
/*	color: green; */
	font-style: italic;
}

span.dynatree-active a
{
	border: 1px solid #99DEFD;
	background-color: #D8F0FA;
}

/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
div.dynatree-drag-helper
{
}
div.dynatree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
span.dynatree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.dynatree-drag-helper /*.dynatree-drop-accept*/
{
/*    border-color: green;
	background-color: red;*/
}
div.dynatree-drop-accept span.dynatree-drag-helper-img
{
	background-position: -32px -112px;
}
div.dynatree-drag-helper.dynatree-drop-reject
{
	border-color: red;
}
div.dynatree-drop-reject span.dynatree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

#dynatree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
	margin: 0;
}
#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
#dynatree-drop-marker.dynatree-drop-copy
{
	background-position: -64px -128px;
}
#dynatree-drop-marker.dynatree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

span.dynatree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
span.dynatree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

span.dynatree-drop-target
{
	/*border: 1px solid gray;*/
}
span.dynatree-drop-target a
{
}
span.dynatree-drop-target.dynatree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
span.dynatree-drop-target.dynatree-drop-reject
{
	/*border: 1px solid red;*/
}
span.dynatree-drop-target.dynatree-drop-after a
{
}

ul.dynatree-container{
    overflow: auto;
    margin: 0px 15px 15px 15px;
    border: 1px solid #ddd;
}

ul.dynatree-container a {
    color: #333;
    font: 1em/15px Verdana, sans-serif !important;
}

ul.dynatree-container{
    font-family: Verdana, sans-serif;
    font-size: 1em;
    white-space: nowrap;
}
.gridster {
    position: relative;
    margin: auto;
    height: 0
}

.gridster-content > ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.gridster-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    z-index: 2;
    position: absolute;
    display: none
}

.gridster-loaded {
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

.gridster-loaded .gridster-item {
    display: block;
    position: absolute;
    -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    transition: opacity .3s, left .3s, top .3s, width .3s, height .3s
}

.gridster-mobile {
    height: auto !important
}

.gridster-mobile .gridster-item {
    height: auto;
    position: static;
    float: none
}

.gridster-preview-holder {
    display: none;
    z-index: 1;
    position: absolute;
    background-color: #ddd;
    border-color: #fff;
    opacity: 0.2
}

.gridster-item.gridster-item-moving, .gridster-item.gridster-preview-holder {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.gridster-item.ng-leave.ng-leave-active {
    opacity: 0
}

.gridster-item.ng-enter {
    opacity: 1
}

.gridster-item-moving {
    z-index: 3
}

.gridster-item-resizable-handler {
    position: absolute;
    font-size: 1px;
    display: block
}

.handle-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.handle-ne {
    cursor: ne-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    top: 1px
}

.handle-nw {
    cursor: nw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    top: 1px
}

.handle-sw {
    cursor: sw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    bottom: 1px
}

.handle-e {
    cursor: e-resize;
    width: 12px;
    bottom: 0;
    right: 1px;
    top: 0
}

.handle-s {
    cursor: s-resize;
    height: 12px;
    right: 0;
    bottom: 1px;
    left: 0
}

.handle-n {
    cursor: n-resize;
    height: 12px;
    right: 0;
    top: 1px;
    left: 0
}

.handle-w {
    cursor: w-resize;
    width: 12px;
    left: 1px;
    top: 0;
    bottom: 0
}

.gridster .gridster-item:hover .gridster-box {
    border: 1.5px solid #B3B2B3
}

/* Hide gridster resize handles - disabled to prevent widget resizing */
.gridster-item-resizable-handler {
    display: none !important;
}

.gridster .gridster-item:hover .handle-se {
    border-style: solid;
    border-width: 0 0 13px 13px;
    border-color: transparent transparent #ccc
}

.gridster {
    border: 1px solid #ccc;
}

.gridster .box {
    height: 100%;
    border: none;
    background-color: #fff;
}
.gridster .box-header {
    background-color: #37609c;
    padding: 0 10px;
    border-bottom: none;
    cursor: move;
    position: relative;
}
.gridster .box-header h3 {
    margin-top: 10px;
    display: inline-block;
    color: #fff;
}
.gridster .box-content {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    overflow: hidden;
}

/* Hide any gridster resize handles */
.gridster-item-resizable-handler {
    display: none !important;
}

/* Make dashboard fill available vertical space */
.dashboard-container {
    min-height: calc(100vh - 180px); /* viewport minus header/menu/footer */
}

.gridster .box-header-btns {
    padding-top: 10px;
    cursor: pointer;
}

.welcome-widget {
    text-align: center;
}

.welcome-widget .row1 {
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 5px;
}

.welcome-widget .row2 {
    font-size: 0.9em;
}

.welcome-widget .row3 {

}

/* dashboard container */
.gridster {
    border: none !important;
}

/* dashboard widget box */
.gridster .box{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/* dashboard widget header */
.gridster .box-header{
    background-color: #37609c;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

div.box-header h3{
    color: #fff;
    font: 1.1em 'Trebuchet Ms' !important;
}

.widget-settings-btn {
    color: #fff;
}

/* ============================================
   Widget Settings Modal - Flat Design System
   ============================================ */

/* Fix white corners on modal - clip content to border-radius */
.widget-settings-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 8px;
}

/* Modal Header */
.widget-settings-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 0;
}

.widget-settings-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* Modal Body */
.widget-settings-modal .modal-body {
    padding: 28px 24px 20px;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* Widget Settings Form Container */
.widget-settings-modal .widget-settings {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* Form Row */
.widget-settings-modal .widget-settings .form-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.widget-settings-modal .widget-settings .form-row:last-child {
    margin-bottom: 0;
}

/* Form Label */
.widget-settings-modal .widget-settings .form-label {
    flex: 0 0 120px;
    font-size: 13px;
    font-weight: 600;
    color: #374151; /* Gray 700 */
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: right;
    padding-right: 16px;
}

/* Form Control Container */
.widget-settings-modal .widget-settings .form-control-container {
    flex: 1;
}

/* Select Dropdown - Flat Design */
.widget-settings-modal .widget-settings select {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 15px;
    color: #111827; /* Foreground */
    background-color: #F3F4F6; /* Muted */
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 10px 14px;
    min-width: 180px;
    transition: all 0.2s ease;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 36px;
}

.widget-settings-modal .widget-settings select:focus {
    background-color: #ffffff;
    border-color: #37609c; /* PRIMARY */
    outline: none;
}

.widget-settings-modal .widget-settings select:hover {
    background-color: #E5E7EB; /* Gray 200 */
}

/* Radio Button Group - Flat Design */
.widget-settings-modal .widget-settings .radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.widget-settings-modal .widget-settings .radio-option {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.widget-settings-modal .widget-settings .radio-option input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #37609c;
    cursor: pointer;
}

.widget-settings-modal .widget-settings .radio-option label {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #111827; /* Foreground */
    margin: 0;
    cursor: pointer;
}

/* Error Messages */
.widget-settings-modal .widget-settings .formErrors {
    background-color: #FEE2E2; /* Red 100 */
    color: #991B1B; /* Red 800 */
    border: 1px solid #FECACA; /* Red 200 */
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 20px;
    font-size: 14px;
}

.widget-settings-modal .widget-settings .formErrors ul {
    margin: 0;
    padding-left: 16px;
}

.widget-settings-modal .widget-settings .formErrors li p {
    margin: 0;
}

/* Modal Footer */
.widget-settings-modal .modal-footer {
    padding: 16px 24px 20px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0;
    text-align: right;
}

/* Primary Button (OK) */
.widget-settings-modal .modal-footer .btn-primary {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background-color: #37609c; /* PRIMARY */
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    transition: all 0.2s ease;
    box-shadow: none;
}

.widget-settings-modal .modal-footer .btn-primary:hover {
    background-color: #2d4e7d; /* Darker primary */
    transform: scale(1.02);
}

.widget-settings-modal .modal-footer .btn-primary:focus {
    outline: 2px solid #37609c;
    outline-offset: 2px;
}

/* Default Button (Cancel) */
.widget-settings-modal .modal-footer .btn-default {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #374151; /* Gray 700 */
    background-color: #E5E7EB; /* Gray 200 */
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    transition: all 0.2s ease;
    box-shadow: none;
    margin-right: 8px;
}

.widget-settings-modal .modal-footer .btn-default:hover {
    background-color: #D1D5DB; /* Gray 300 */
    transform: scale(1.02);
}

.widget-settings-modal .modal-footer .btn-default:focus {
    outline: 2px solid #374151;
    outline-offset: 2px;
}
#adminMessagesTable .row {
    margin-right: 0px;
    margin-left: 0px;
}

.message-creator {
    padding: 0px 10px 0 10px;
    color: #0077cc;
    text-transform: capitalize;
    float: left;
}

.message-body {
    text-overflow: ellipsis;
    padding: 0px 0px 0px 10px;
    line-height: 20px;
    white-space: normal;
}

.message-title {
    font-weight: bold;
    padding: 0px 10px 0 10px;
    float: left;
}

.message-date {
    font-style: italic;
    float:right;
    color: #bbb;
    font-size: 0.9em;
}

#admin-container{
    margin-top: 20px;
}

.page-header {
    padding-bottom: 9px;
    margin: 0px;
    border-bottom: 1px solid #eeeeee;
}

.panel-heading{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.panel-default{
    border-radius: 6px;
}

.panel-default > .panel-heading {
    color: #fa6734;
    font: 1.1em Trebuchet MS;
    text-transform: capitalize;
    border-color: #c6c6c6;
}

.nav > li {
    background-color: transparent;
}

.btn-toolbar{
    padding-left: 2px;
}

.tabbable {
    border-bottom: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    background-color: #f3f3f3;
    margin-top: 40px;
    padding-bottom: 15px;
}

.nav-tabs {
    border-bottom: 1px solid #c6c6c6;
    margin-left: -1px;
    margin-top: -40px;
    padding-top: 0px;
}

.nav-tabs > li > a {
    border: 1px solid #c6c6c6;
    border-radius: 4px 4px 0 0;
    color: #aaa;
    font: 13px Arial, sans-serif;
    background-color: #f5f5f5;
    -webkit-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s;
    cursor: pointer;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    border-top: 2px solid #37609c;
    -webkit-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s;
    background-color: #fff;
    color: #37609c;
    cursor: pointer;
}

.tab-content {
    padding: 0px 12px;
}

.header-admin-icon{
    background: transparent url(../images/admin-icon.png) left center no-repeat;
    padding-left: 40px;
    background-position-x: 12px;
}

.header-customer-icon{
    background: transparent url(../images/customer-icon.png) left center no-repeat;
    padding-left: 40px;
    background-position-x: 12px;
}

.adminSearchDivStyle{
    background-color: #f4f4f4;
    padding: 15px 15px 0px 15px;
    margin: -15px -15px 0px -15px !important;
}

.tree-margin{
    margin: 0px -31px 0px -31px;
}

.scroll-container{
    height: 423px;
    overflow-y: auto;
    margin-top: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.icon-position{
    font-size: 15px;
    position: absolute;
    z-index: 1;
    top: 64px;
    right: 40px;
    color: #ccc;
}

#adminTree{
    height: 486px;
}
#admin-container{
    margin-top: 0px;
    margin-left: -15px;
}

/*-----------------------------------------------------*/
/* panels style */

.panel-admin{
    background-color: #f5f5f5;
}

.panel-admin > .panel-heading { /* panel background and title */
    color: #fff;
    font-family: Trebuchet Ms;
    background-color: #37609c; /* PRIMARY */
}

.nav-tabs{ /* background for tabs */
    margin-top: 0px;
    background-color: #f5f5f5;
}

.header-admin-icon, .header-customer-icon{ /* no icons for panel titles */
    background-image: none;
    padding-left: 16px;
}

.btn-toolbar{ /* for all buttons inside panel */
    padding-left: 0px;
}

.scroll-container{ /* for all content inside tabs */
    height: 408px;
    overflow: hidden !important;
}

/*-----------------------------------------------------*/
/* custom panel */
.panel-admin-custom{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden; /* Prevent tree-margin negative margins from overflowing */
}

.panel-body-custom{
    padding: 15px 15px 0 15px;
}

.panel-custom{ /* for no node selected */
    height: 596px;
}


/*-----------------------------------------------------*/
/* dynatree style */
ul.dynatree-container{
    overflow-x: auto !important;
    overflow-y: auto !important;
    font: 0.9em Arial, sans-serif;
}

/* Ensure active/selected node maintains its background color even when focus is lost */
/* This provides consistent visual feedback that a node is selected */
span.dynatree-active a,
span.dynatree-active a:link,
span.dynatree-focused.dynatree-active a {
    border: none !important;
    background-color: #DBEAFE !important; /* Blue 100 - same as grid selection */
    border-radius: 4px;
    padding: 2px 4px;
    outline: none !important;
}

/* Remove focus outline but keep selection visible */
ul.dynatree-container a:focus {
    outline: none !important;
}

/* Override dynatree default padding and border for proper alignment */
#admin-container ul.dynatree-container {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

/* Align first level tree items with search control */
#admin-container #adminTree ul.dynatree-container > li {
    padding-left: 0 !important;
}

input#adminTreeSearch.form-control{
    width: 100% !important; /* IE fix */
}



/*-----------------------------------------------------*/
/* for add/modify role modal */
.table-cell-left{
    display: table-cell; width: 50%; background-color: #f9f9f9; vertical-align: top; border: 1px solid #ddd;
    padding: 5px 5px 5px 7px;
}

.table-cell-right{
    display: table-cell; width: 45%; vertical-align: top; border: 1px solid #ddd;
}

.table-spacing-cell{
    display: table-cell; width: 5%;
}

.ngViewport{
    overflow: hidden;
}

#reportingGroupTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
#reportingGroupTable .ngCanvas, #reportingGroupTable .ngViewport,
#reportingGroupTable .ngRow, #reportingGroupTable .ngFooterPanel,
#reportingGroupTable .ngTopPanel, #reportingGroupTable .ngHeaderContainer {
    width: 100% !important;
}
#reportingGroupTable .ngRow {
    border-bottom:none !important;
}

#reportingGroupParentTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
#reportingGroupParentTable .ngCanvas, #reportingGroupParentTable .ngViewport,
#reportingGroupParentTable .ngRow, #reportingGroupParentTable .ngFooterPanel,
#reportingGroupParentTable .ngTopPanel, #reportingGroupParentTable .ngHeaderContainer {
    width: 100% !important;
}
#reportingGroupParentTable .ngRow {
    border-bottom:none !important;
}

/* ui-grid specific styles for reportingGroupParentTable */
#reportingGroupParentTable.ui-grid {
    height: 100% !important;
}
#reportingGroupParentTable .ui-grid-contents-wrapper {
    height: 100% !important;
}
#reportingGroupParentTable .ui-grid-render-container-body {
    height: 100% !important;
}
#reportingGroupParentTable .ui-grid-viewport {
    height: calc(100% - 31px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#adminVendorsTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
#adminVendorsTable .ngCanvas, #adminVendorsTable .ngViewport,
#adminVendorsTable .ngRow, #adminVendorsTable .ngFooterPanel,
#adminVendorsTable .ngTopPanel, #adminVendorsTable .ngHeaderContainer {
    width: 100% !important;
}
#adminVendorsTable .ngRow {
    border-bottom:none !important;
}

/* ui-grid specific styles for adminVendorsTable */
#adminVendorsTable.ui-grid {
    height: 360px !important;
}
#adminVendorsTable .ui-grid-contents-wrapper {
    height: 100% !important;
}
#adminVendorsTable .ui-grid-render-container-body {
    height: 100% !important;
}
#adminVendorsTable .ui-grid-viewport {
    height: calc(100% - 31px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#adminVCustomerTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
#adminVCustomerTable .ngCanvas, #adminVCustomerTable .ngViewport,
#adminVCustomerTable .ngRow, #adminVCustomerTable .ngFooterPanel,
#adminVCustomerTable .ngTopPanel, #adminVCustomerTable .ngHeaderContainer {
    width: 100% !important;
}
#adminVCustomerTable .ngRow {
    border-bottom:none !important;
}

/* ui-grid specific styles for adminVCustomerTable */
#adminVCustomerTable.ui-grid {
    height: 360px !important;
}
#adminVCustomerTable .ui-grid-contents-wrapper {
    height: 100% !important;
}
#adminVCustomerTable .ui-grid-render-container-body {
    height: 100% !important;
}
#adminVCustomerTable .ui-grid-viewport {
    height: calc(100% - 31px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#adminVendorCustTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
#adminVendorCustTable .ngCanvas, #adminVendorCustTable .ngViewport,
#adminVendorCustTable .ngRow, #adminVendorCustTable .ngFooterPanel,
#adminVendorCustTable .ngTopPanel, #adminVendorCustTable .ngHeaderContainer {
    width: 100% !important;
}
#adminVendorCustTable .ngRow {
    border-bottom:none !important;
}

/* ui-grid styles for Vendor Customers table (FP5.12) */
#adminVendorCustTable .ui-grid-viewport {
    height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#adminProductGradeTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
#adminProductGradeTable .ngCanvas, #adminProductGradeTable .ngViewport,
#adminProductGradeTable .ngRow, #adminProductGradeTable .ngFooterPanel,
#adminProductGradeTable .ngTopPanel, #adminProductGradeTable .ngHeaderContainer {
    width: 100% !important;
}
#adminProductGradeTable .ngRow {
    border-bottom:none !important;
}

/* ui-grid styles for Vendor Product Grade table (FP5.17A) */
#adminProductGradeTable .ui-grid-viewport {
    height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#adminProductGradeCustomerTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
#adminProductGradeCustomerTable .ngCanvas, #adminProductGradeCustomerTable .ngViewport,
#adminProductGradeCustomerTable .ngRow, #adminProductGradeCustomerTable .ngFooterPanel,
#adminProductGradeCustomerTable .ngTopPanel, #adminProductGradeCustomerTable .ngHeaderContainer {
    width: 100% !important;
}
#adminProductGradeCustomerTable .ngRow {
    border-bottom:none !important;
}

/* ui-grid styles for Customer Product Grade grid */
#adminProductGradeCustomerTable .ui-grid-viewport {
    height: calc(100% - 31px) !important;
}

div#roleTree ul.dynatree-container{
    border: none !important;
    height: 400px;
    margin: 0px;
    width: 260px;
}

.form-group-custom{
    margin-bottom: 3px;
}

.custom-checkbox{
    background-color: lightblue;
    width: 16px; height: 16px;
    display: inline; padding-top: 4px;
}

.custom-checkbox input{
    margin-left: 4px;
}



/*-----------------------------------------------------*/
/* administration tabs container */
#adminTab{
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#adminSearchForm .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

/* you can add this to avoid :hover rules make the menu look like there are two selected options */
#adminSearchForm .dropdown-menu > li:not(.active) > a:hover {
    background: inherit;
    color:inherit;
}
#adminSearchForm .dropdown-menu > li.active {
    background: inherit;
    color: inherit;
}

/* roles and admin tables - vertical scroll for content */
div#rolesTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
}
/* Roles table - ensure width is 100% to fix hidden tab initialization issue */
#rolesTable .ngCanvas, #rolesTable .ngViewport,
#rolesTable .ngRow, #rolesTable .ngFooterPanel,
#rolesTable .ngTopPanel, #rolesTable .ngHeaderContainer {
    width: 100% !important;
}

div#adminUsersTable div.ngViewport{
    height: 290px !important;
    overflow-y: auto;
}
/* Admin Users table - ensure width is 100% to fix hidden tab initialization issue */
#adminUsersTable .ngCanvas, #adminUsersTable .ngViewport,
#adminUsersTable .ngRow, #adminUsersTable .ngFooterPanel,
#adminUsersTable .ngTopPanel, #adminUsersTable .ngHeaderContainer {
    width: 100% !important;
}

/* Admin Messages Table - enable scrolling for messages */
div#adminMessagesTable div.ngViewport{
    height: 360px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
#adminMessagesTable .ngCanvas, #adminMessagesTable .ngViewport,
#adminMessagesTable .ngRow, #adminMessagesTable .ngFooterPanel,
#adminMessagesTable .ngTopPanel, #adminMessagesTable .ngHeaderContainer {
    width: 100% !important;
}
#adminMessagesTable .ngRow {
    border-bottom: 1px solid #eee !important;
}

/* ui-grid specific styles for adminMessagesTable */
/* The messages grid is wrapped in .admin-info-table, which needs to fill the scroll-container */
#admin-container .scroll-container > .admin-info-table {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: 100%;
}

#admin-container .scroll-container > .admin-info-table > #adminMessagesTable {
    flex: 1;
    min-height: 200px;
    height: 100% !important;
}

#adminMessagesTable.ui-grid {
    height: 100% !important;
}
#adminMessagesTable .ui-grid-contents-wrapper {
    height: 100% !important;
}
#adminMessagesTable .ui-grid-render-container-body {
    height: 100% !important;
}
#adminMessagesTable .ui-grid-viewport {
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
#adminMessagesTable .ui-grid-row {
    border-bottom: 1px solid #eee !important;
}

div#allRecentSamplesContainer div#gview_recentSamples.ui-jqgrid-view div.ui-jqgrid-bdiv{
    overflow-x: hidden;
}

/*-----------------------------------------------------*/
/* Admin page - fill available vertical space */
/* Height accounts for: header(89px) + nav(50px) + ui-view margins(30px) + footer(74px) = 243px */

/* Hidden ng-hide elements should not participate in layout */
/* These rules must be very specific to override the display:flex rules below */
/* Each rule is separate to ensure browser compatibility and proper specificity */
#admin-container .ng-hide {
    display: none !important;
}
#admin-container #adminTab .panel-body.ng-hide {
    display: none !important;
}
#admin-container #adminTab .tab-content .panel-body.ng-hide {
    display: none !important;
}
#admin-container .scroll-container .panel-body.ng-hide {
    display: none !important;
}
#admin-container .scroll-container > .panel-body.ng-hide {
    display: none !important;
}
#admin-container .scroll-container > div.ng-hide {
    display: none !important;
}

#admin-container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 208px);
    margin-top: 0px;
    margin-left: -15px;
}

/* Remove Bootstrap default panel margin-bottom that creates gray gap at bottom */
#admin-container .panel-admin,
#admin-container .panel-admin-custom,
#admin-container .panel-custom {
    margin-bottom: 0 !important;
}

#admin-container #adminContainer {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

#admin-container #adminContainer > .row:first-child {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* The second empty .row should not take any space */
#admin-container #adminContainer > .row:last-child:empty,
#admin-container #adminContainer > .row:nth-child(2) {
    flex: 0 0 0 !important;
    display: none;
}

/* Left column - customer tree panel */
#admin-container .col-xs-12.col-sm-4.col-lg-4.col-md-4 {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#admin-container .panel-admin-custom {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

#admin-container .panel-admin-custom > .panel-body-custom {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

#admin-container .tree-margin {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    max-height: 100%;
    margin: 0 !important; /* Override negative margins from admin.css to align with search control */
    overflow: hidden;
}

#admin-container #adminTree {
    flex: 1;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    margin: 0 !important; /* Ensure alignment with search control */
    padding: 0 !important;
}

#admin-container #adminTree ul.dynatree-container {
    height: 100% !important;
    min-height: 200px;
}

/* Right column - admin details panel */
#admin-container .col-xs-12.col-sm-8.col-lg-8.col-md-8 {
    display: flex !important;
    flex-direction: column;
    flex: 1 !important;
    min-height: 0;
}

#admin-container .panel-custom {
    display: flex !important;
    flex-direction: column;
    flex: 1 !important;
    min-height: 0;
    height: auto !important;
}

#admin-container .panel-custom > .panel-body {
    display: flex !important;
    flex-direction: column;
    flex: 1 !important;
    min-height: 0;
}

/* Hidden panel-body elements should not display */
#admin-container .panel-custom > .panel-body.ng-hide {
    display: none !important;
}

#admin-container #adminTab {
    display: flex !important;
    flex-direction: column;
    flex: 1 !important;
    min-height: 0;
}

#admin-container #adminTab > .tab-content {
    display: flex !important;
    flex-direction: column;
    flex: 1 !important;
    min-height: 0;
}

/* Only the active tab-pane should be displayed as flex; inactive ones should be hidden */
#admin-container #adminTab > .tab-content > .tab-pane {
    flex-direction: column;
    flex: 1 !important;
    min-height: 0;
}

#admin-container #adminTab > .tab-content > .tab-pane:not(.active) {
    display: none !important;
}

#admin-container #adminTab > .tab-content > .tab-pane.active {
    display: flex !important;
}

#admin-container #adminTab .panel-body {
    display: flex !important;
    flex-direction: column;
    flex: 1 !important;
    min-height: 0;
}

/* Tab content panel-body containers */
#admin-container #adminUsersTab,
#admin-container #adminRolesTab,
#admin-container #adminWebMessagesTab,
#admin-container #adminSingleMessageTab,
#admin-container #adminReportingGroupTab,
#admin-container #adminReportingGroupParentTab,
#admin-container #adminVendorsTab,
#admin-container #adminVCustomerTab,
#admin-container #adminProductGradeTab,
#admin-container #adminProductGradeCustomerTab,
#admin-container #adminVendorCustTab {
    display: flex !important;
    flex-direction: column;
    flex: 1 !important;
    min-height: 0;
}

/* Button row should not flex grow */
#admin-container #adminTab .panel-body > .row:first-child:not(.scroll-container) {
    flex: 0 0 auto !important;
}

/* scroll-container should flex grow */
#admin-container .scroll-container {
    flex: 1 !important;
    min-height: 200px;
    height: auto !important;
    overflow: hidden !important;
}

/* ui-grid tables should fill scroll-container height using explicit height, NOT flex */
#admin-container .scroll-container > div[ui-grid],
#admin-container .scroll-container > div[id*="Table"] {
    height: 100% !important;
}

/* Admin Users table - use flex layout to eliminate whitespace gap between grid and pager */
#admin-container div#adminUsersTable {
    display: flex !important;
    flex-direction: column;
}

/* Contents wrapper should not grow, just fit its content */
#admin-container div#adminUsersTable .ui-grid-contents-wrapper {
    flex: 0 0 auto !important;
    height: auto !important;
}

/* Render container should not grow either */
#admin-container div#adminUsersTable .ui-grid-render-container-body {
    flex: 0 0 auto !important;
    height: auto !important;
}

/* Viewport should have a fixed height based on available space */
#admin-container div#adminUsersTable .ui-grid-viewport {
    height: calc(100vh - 500px) !important;  /* Window height minus header/nav/tabs/buttons/pager/footer */
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Pager should be at the bottom with no gap */
#adminUsersTable .ui-grid-pager-panel {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}

/* Non-paged grids (Roles, Reporting Groups, Messages, etc.) - expand to fill space */
#admin-container div#rolesTable,
#admin-container div#reportingGroupTable,
#admin-container div#reportingGroupParentTable,
#admin-container div#adminMessagesTable,
#admin-container div#adminVendorsTable,
#admin-container div#adminVCustomerTable,
#admin-container div#adminVendorCustTable,
#admin-container div#adminProductGradeTable,
#admin-container div#adminProductGradeCustomerTable {
    display: flex !important;
    flex-direction: column;
}

/* Contents wrapper for non-paged grids - flex grow to fill space */
#admin-container div#rolesTable .ui-grid-contents-wrapper,
#admin-container div#reportingGroupTable .ui-grid-contents-wrapper,
#admin-container div#reportingGroupParentTable .ui-grid-contents-wrapper,
#admin-container div#adminMessagesTable .ui-grid-contents-wrapper,
#admin-container div#adminVendorsTable .ui-grid-contents-wrapper,
#admin-container div#adminVCustomerTable .ui-grid-contents-wrapper,
#admin-container div#adminVendorCustTable .ui-grid-contents-wrapper,
#admin-container div#adminProductGradeTable .ui-grid-contents-wrapper,
#admin-container div#adminProductGradeCustomerTable .ui-grid-contents-wrapper {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column;
}

/* Render container for non-paged grids - expand to fill available space */
#admin-container div#rolesTable .ui-grid-render-container-body,
#admin-container div#reportingGroupTable .ui-grid-render-container-body,
#admin-container div#reportingGroupParentTable .ui-grid-render-container-body,
#admin-container div#adminMessagesTable .ui-grid-render-container-body,
#admin-container div#adminVendorsTable .ui-grid-render-container-body,
#admin-container div#adminVCustomerTable .ui-grid-render-container-body,
#admin-container div#adminVendorCustTable .ui-grid-render-container-body,
#admin-container div#adminProductGradeTable .ui-grid-render-container-body,
#admin-container div#adminProductGradeCustomerTable .ui-grid-render-container-body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column;
}

/* Viewport for non-paged grids - expand to fill remaining space */
#admin-container div#rolesTable .ui-grid-viewport,
#admin-container div#reportingGroupTable .ui-grid-viewport,
#admin-container div#reportingGroupParentTable .ui-grid-viewport,
#admin-container div#adminMessagesTable .ui-grid-viewport,
#admin-container div#adminVendorsTable .ui-grid-viewport,
#admin-container div#adminVCustomerTable .ui-grid-viewport,
#admin-container div#adminVendorCustTable .ui-grid-viewport,
#admin-container div#adminProductGradeTable .ui-grid-viewport,
#admin-container div#adminProductGradeCustomerTable .ui-grid-viewport {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 150px;
    overflow-y: auto !important;
    overflow-x: hidden;
}

/*-----------------------------------------------------*/
/* Admin Modal - Flat Design System Styling */
/*-----------------------------------------------------*/

/* Modal container - override Bootstrap defaults */
.admin-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

/* Modal header - flat design with primary color */
.admin-modal .modal-header {
    background-color: #37609c;
    border-bottom: none;
    padding: 20px 24px;
    border-radius: 8px 8px 0 0;
}

.admin-modal .modal-header .modal-title,
.admin-modal .modal-header h3,
.admin-modal .modal-header h4 {
    color: #ffffff;
    font-family: 'Outfit', 'Segoe UI', Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
}

.admin-modal .modal-header .close {
    color: #ffffff;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 400;
    text-shadow: none;
    margin-top: -2px;
}

.admin-modal .modal-header .close:hover {
    opacity: 1;
    color: #ffffff;
}

/* Modal body - clean white background */
.admin-modal .modal-body {
    background-color: #ffffff;
    padding: 24px;
    font-family: 'Outfit', 'Segoe UI', Tahoma, sans-serif;
}

/* Form labels */
.admin-modal .modal-body label,
.admin-modal .modal-body .control-label {
    font-weight: 500;
    color: #374151;
    font-size: 14px;
    margin-bottom: 6px;
}

/* Form inputs */
.admin-modal .modal-body input.form-control,
.admin-modal .modal-body select.form-control,
.admin-modal .modal-body textarea.form-control {
    background-color: #F3F4F6;
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    color: #111827;
    transition: all 0.2s ease;
}

.admin-modal .modal-body input.form-control:focus,
.admin-modal .modal-body select.form-control:focus,
.admin-modal .modal-body textarea.form-control:focus {
    background-color: #ffffff;
    border-color: #37609c;
    outline: none;
    box-shadow: none;
}

/* Dropdown/select styling */
.admin-modal .modal-body select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 8.5l-5-5h10l-5 5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}

/* Override custom-checkbox lightblue background in modals */
.admin-modal .modal-body .custom-checkbox {
    background-color: transparent;
}

/* Checkbox styling */
.admin-modal .modal-body input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    accent-color: #37609c;
}

/* Modal footer - flat design with subtle background */
.admin-modal .modal-footer {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 16px 24px;
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Primary action button */
.admin-modal .modal-footer .btn-primary,
.admin-modal .modal-footer .btn-success {
    background-color: #37609c;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    transition: all 0.2s ease;
    box-shadow: none;
}

.admin-modal .modal-footer .btn-primary:hover,
.admin-modal .modal-footer .btn-success:hover {
    background-color: #2d4f7d;
    transform: scale(1.02);
}

.admin-modal .modal-footer .btn-primary:focus,
.admin-modal .modal-footer .btn-success:focus {
    background-color: #2d4f7d;
    outline: none;
    box-shadow: 0 0 0 3px rgba(55, 96, 156, 0.3);
}

/* Secondary/Cancel button */
.admin-modal .modal-footer .btn-default,
.admin-modal .modal-footer .btn-secondary {
    background-color: #E5E7EB;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    color: #374151;
    transition: all 0.2s ease;
    box-shadow: none;
}

.admin-modal .modal-footer .btn-default:hover,
.admin-modal .modal-footer .btn-secondary:hover {
    background-color: #D1D5DB;
    transform: scale(1.02);
}

.admin-modal .modal-footer .btn-default:focus,
.admin-modal .modal-footer .btn-secondary:focus {
    background-color: #D1D5DB;
    outline: none;
    box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.3);
}

/* Danger button (for delete dialogs) */
.admin-modal .modal-footer .btn-danger {
    background-color: #DC2626;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    transition: all 0.2s ease;
    box-shadow: none;
}

.admin-modal .modal-footer .btn-danger:hover {
    background-color: #B91C1C;
    transform: scale(1.02);
}

.admin-modal .modal-footer .btn-danger:focus {
    background-color: #B91C1C;
    outline: none;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.3);
}

/* Form validation states */
.admin-modal .modal-body .has-error .form-control {
    border-color: #DC2626;
    background-color: #FEF2F2;
}

.admin-modal .modal-body .has-error .help-block,
.admin-modal .modal-body .has-error .control-label {
    color: #DC2626;
}

/* Alert messages inside modals */
.admin-modal .modal-body .alert {
    border-radius: 6px;
    border: none;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.admin-modal .modal-body .alert-danger {
    background-color: #FEE2E2;
    color: #991B1B;
}

.admin-modal .modal-body .alert-warning {
    background-color: #FEF3C7;
    color: #92400E;
}

.admin-modal .modal-body .alert-info {
    background-color: #DBEAFE;
    color: #1E40AF;
}

.admin-modal .modal-body .alert-success {
    background-color: #D1FAE5;
    color: #065F46;
}

/* Table styling inside modals (for role permissions, etc.) */
.admin-modal .modal-body .table {
    border-collapse: separate;
    border-spacing: 0;
}

.admin-modal .modal-body .table thead th {
    background-color: #F3F4F6;
    border-bottom: 2px solid #E5E7EB;
    font-weight: 600;
    color: #374151;
    padding: 12px;
}

.admin-modal .modal-body .table tbody td {
    border-bottom: 1px solid #E5E7EB;
    padding: 10px 12px;
    color: #111827;
}

.admin-modal .modal-body .table tbody tr:hover {
    background-color: #F9FAFB;
}

/* Form groups spacing */
.admin-modal .modal-body .form-group {
    margin-bottom: 16px;
}

/* Delete confirmation modals - special styling */
.admin-modal .modal-body p {
    color: #374151;
    font-size: 14px;
    line-height: 1.6;
}

/* Checkbox table cells in role permission modals */
.admin-modal .table-cell-left,
.admin-modal .table-cell-right {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
}
div#gview_allSamples.ui-jqgrid-view div.ui-jqgrid-titlebar{
    display: none; /* removed title bar for samples table */
}

/* Samples page button bar - buttons sized naturally, not aligned to grid columns */
.samples-button-bar {
    margin-bottom: 5px;
}

.samples-button-bar .btn {
    margin-right: 8px;
}

.samples-button-bar .dropdown {
    display: inline-block;
}

.samples-button-bar .dropdown-toggle {
    /* Remove 100% width - let button size naturally */
}

.samples-button-bar .dropdown-menu {
    min-width: 180px;
}

div#gview_allSamples.ui-jqgrid-view div.ui-jqgrid-bdiv{ /* dynamic height with vertical scroll */
    overflow-x: hidden;
    overflow-y: auto;
    /* Height is now set dynamically by JavaScript - see samples.js updateSamplesGridHeight() */
    /* Fallback height if JS doesn't run */
    min-height: 200px;
}

/* Samples page - flexbox layout to fill available vertical space */
/* Height accounts for: header(50px) + nav(54px) + ui-view margins(30px) + footer(74px) = 208px */
div[ng-controller="SamplesGridCtrl"] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 208px);
    overflow: hidden; /* Prevent outer scrollbars - grid scrolls internally */
}

div[ng-controller="SamplesGridCtrl"] > #content-pages {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0;
}

div[ng-controller="SamplesGridCtrl"] #content-pages > .general-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

div[ng-controller="SamplesGridCtrl"] #allSamplesContainer {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: hidden; /* Prevent scrollbars on container - grid handles scrolling */
}

div[ng-controller="SamplesGridCtrl"] #allSamplesContainer > #dataGrid {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0;
}

div[ng-controller="SamplesGridCtrl"] #allSamplesContainer > #dataGrid > .ui-ajax-section-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0;
}

div[ng-controller="SamplesGridCtrl"] .ui-jqgrid {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

div[ng-controller="SamplesGridCtrl"] .ui-jqgrid-view {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

div[ng-controller="SamplesGridCtrl"] .ui-jqgrid-bdiv {
    flex: 1;
    min-height: 200px;
    max-height: none !important;
}

div#allResultsContainer div.ui-widget-content{
    border: none !important;
    background-color: transparent !important;
}

/* Override old filtersContainer styles - now handled by flat-buttons.css */
.filtersContainer {
    background-color: #FFFFFF;
    padding: 16px;
    border-radius: 6px;
    border: 1px solid #E5E7EB;
}

div#allSamplesPager table.ui-pg-table td#allSamplesPager_center table.ui-pg-table tr td select.ui-pg-selbox{
    padding: 0;
    margin: 0;
}

.trendGraphList {
    border:1px solid #ddd;
    /*width: 215px;*/
    height: 475px;
    margin: 5px 15px 10px 0;
    overflow-y: auto;
    text-align: left;
    padding-left: 9px;
}

.toolbar-custom {
    background-color: #eaeaea;
    padding: 10px;
    border-top: 1px solid #fff;
}

rect {
    stroke: rgb(221, 221, 221) !important;
}
#file-drop{
    border: 2px dashed #ddd;
    padding: 40px;
    color: #bbb;
    font-size: 15px;
}

#file-drop.nv-file-over {
    border-color: #5cb85c;
    background-color: #dff0d8;
    color: #3c763d;
}

div.ui-icon-document-b{
    background-image: url(/fabnet3/assets/file.png) !important;
    background-position: 0px 0px;
    height: 16px !important;
}

div.tree-wrap{
    /*width: 32px !important;*/
}

div.ui-icon-triangle-1-e, div.ui-icon-triangle-1-s{
    background-image: url(/fabnet3/assets/folder.png) !important;
    background-position: 0px 0px;
}

/*div.ui-icon-triangle-1-s{*/
    /*background-image: url(../images/ui-icons_222222_256x240.png)!important;*/
    /*background-position: -64px -16px;*/
    /*width: 32px !important;*/
/*}*/

/*div.ui-icon-triangle-1-e{*/
    /*background-image: url(../images/ui-icons_222222_256x240.png), url(folder-2a9375d9f2feb97d9f831da39c585899.png) !important;*/
    /*background-position: -32px -16px, 14px 0px;*/
    /*width: 32px !important;*/
/*}*/

/*div.ui-icon-triangle-1-s{*/
    /*background-image: url(../images/ui-icons_222222_256x240.png), url(folder-2a9375d9f2feb97d9f831da39c585899.png) !important;*/
    /*background-position: -64px -16px, 14px 0px;*/
    /*width: 32px !important;*/
/*}*/

table#driveGrid .ui-widget-content{
    background: none repeat scroll 0 0 #fff;
}

table#driveGrid .ui-state-highlight{
    background-color: #c9dde1 !important;
    border: 1px solid #bbb;
}

div#driveGridContainer div.ui-jqgrid-bdiv{
    overflow-x: hidden;
}

div#driveGridContainer div#gbox_driveGrid,
div#driveGridContainer div.gview_driveGrid,
div#driveGridContainer div.ui-jqgrid-titlebar,
div#driveGridContainer div.ui-jqgrid-view,
div#driveGridContainer div.ui-jqgrid-hdiv,
div#driveGridContainer .ui-jqgrid-htable,
div#driveGridContainer #driveGrid,
div#driveGridContainer div.ui-jqgrid-bdiv{
    width: 100% !important;
}

div#driveGridContainer div.ui-jqgrid-bdiv{
    max-height: none;
    flex: 1;
    overflow-y: auto;
    background-color: #fff;
}

/* Collaborate/Drive page - flexbox layout to fill available vertical space */
/* Height accounts for: header(89px) + nav(50px) + ui-view margins(30px) + footer(74px) = 243px */
/* Adjusted to minimize gray space gap between content and footer */
[ng-controller="CustomerController"] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 210px); /* Increased from 225 to minimize bottom gap */
    min-height: 400px; /* Ensure minimum usable height */
}

/* Override ui-view margin-bottom for drive page to balance top/bottom spacing */
#ui-view:has([ng-controller="CustomerController"]) {
    margin-bottom: 0;
}

[ng-controller="CustomerController"] > .panel {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    margin-bottom: 0; /* Remove panel's default 20px margin to reduce gap to footer */
}

[ng-controller="CustomerController"] > .panel > .panel-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] > .panel > .panel-body > .row {
    display: flex;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] .col-xs-12.col-sm-4 {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[ng-controller="CustomerController"] .panel-body-custom {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] .tree-margin {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] #customerTree {
    flex: 1;
    min-height: 0;
    height: auto !important;
    overflow: hidden;
}

[ng-controller="CustomerController"] #customerTree .dynatree-container {
    height: 100%;
    overflow-y: auto;
}

[ng-controller="CustomerController"] .col-xs-12.col-sm-8 {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] #content.content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] #driveGridContainer {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] #driveGridContainer .ui-jqgrid {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] #driveGridContainer .ui-jqgrid-view {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[ng-controller="CustomerController"] #driveGridContainer .ui-jqgrid-bdiv {
    flex: 1;
    min-height: 200px;
    max-height: none !important;
    overflow-y: auto !important;
}

/* ui-grid styles for Drive grid */
#driveGridContainer .ui-grid {
    border: 1px solid #d3d3d3;
    flex: 1;
    display: flex;
    flex-direction: column;
}

#driveGridContainer .ui-grid-viewport {
    flex: 1;
    overflow-y: auto !important;
}

#driveGridContainer .ui-grid-cell-contents {
    font-weight: normal;
}

#driveGridContainer .ui-grid-row:hover {
    background-color: #f5f5f5;
}

#driveGridContainer .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: #c9dde1 !important;
}

#driveGridContainer .drive-tree-cell {
    white-space: nowrap;
}

#driveGridContainer .drive-tree-cell a {
    color: #428bca;
    text-decoration: none;
}

#driveGridContainer .drive-tree-cell a:hover {
    text-decoration: underline;
}

/* Tree toggle styling */
#driveGridContainer .tree-toggle {
    display: inline-block;
    width: 18px;
    text-align: center;
    color: #333;
    cursor: pointer;
    vertical-align: middle;
    font-size: 10px;
}

#driveGridContainer .tree-toggle:hover {
    color: #000;
}

#driveGridContainer .tree-toggle-spacer {
    display: inline-block;
    width: 18px;
}

/* SVG Icon wrapper for inline icons */
#driveGridContainer .tree-icon-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px;
}

/* SVG Icons - Flat Design styling */
#driveGridContainer .tree-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

/* Folder icon - Amber/Gold color for visual distinction */
/* Note: Colors are embedded directly in the SVG in drive-controllers.js for consistency with hierarchy tree */
#driveGridContainer .tree-icon-folder {
    /* SVG has fill="#FEF3C7" and stroke="#F59E0B" embedded */
    stroke-width: 1.5;
}

/* File icon - Gray for documents */
/* Note: Colors are embedded directly in the SVG in drive-controllers.js */
#driveGridContainer .tree-icon-file {
    /* SVG has stroke="#6B7280" embedded */
    stroke-width: 1.5;
}

/* Clickable folder icon and name for expand/collapse */
#driveGridContainer .tree-folder-toggle {
    cursor: pointer;
}

#driveGridContainer .tree-folder-toggle:hover {
    text-decoration: underline;
}

/* ============================================
   Collaborate/Drive Page - Flat Design System
   ============================================
   Clean, modern styling following flat design principles:
   - NO shadows
   - Bold typography with Outfit font
   - Consistent colors (PRIMARY=#37609c, SECONDARY=#0092dd)
   - Clean grid styling
   ============================================ */

/* Fix link colors - use PRIMARY color instead of light blue */
#driveGridContainer .drive-tree-cell a {
    color: #37609c; /* PRIMARY - more readable and professional */
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

#driveGridContainer .drive-tree-cell a:hover {
    color: #0092dd; /* SECONDARY on hover */
    text-decoration: underline;
}

/* Grid header styling - flat design */
#driveGridContainer .ui-grid-header {
    background-color: #F3F4F6; /* Muted */
    border-bottom: 2px solid #E5E7EB;
}

#driveGridContainer .ui-grid-header-cell {
    background-color: transparent;
}

#driveGridContainer .ui-grid-header-cell .ui-grid-cell-contents {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #374151; /* Gray 700 */
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Ensure alternating row backgrounds extend full width */
#driveGridContainer .ui-grid-row {
    width: 100% !important;
    min-width: 100%;
}

#driveGridContainer .ui-grid-canvas {
    width: 100% !important;
}

/* Grid cell styling */
#driveGridContainer .ui-grid-cell-contents {
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #111827; /* Foreground */
}

/* Selected row styling - flat design */
#driveGridContainer .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: #DBEAFE !important; /* Blue 100 - lighter, more modern */
    border-color: transparent;
}

/* Row hover - subtle */
#driveGridContainer .ui-grid-row:hover .ui-grid-cell {
    background-color: #F9FAFB; /* Gray 50 */
}

/* Folder icon styling - matches hierarchy tree icons exactly */
#driveGridContainer .tree-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 6px;
    /* No opacity - ensure exact color match with hierarchy folder icons (#FEF3C7) */
}

/* Tree toggle styling - cleaner */
#driveGridContainer .tree-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #6B7280; /* Gray 500 */
    cursor: pointer;
    vertical-align: middle;
    font-size: 10px;
    border-radius: 4px;
    transition: all 0.15s ease;
}

#driveGridContainer .tree-toggle:hover {
    background-color: #E5E7EB; /* Gray 200 */
    color: #374151; /* Gray 700 */
}

/* ============================================
   Delete File/Folder Modal - Flat Design
   ============================================ */

/* Fix white corners on modal - clip content to border-radius */
.delete-file-folder-modal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: none; /* FLAT DESIGN: No shadows */
    border-radius: 8px;
}

/* Modal Header */
.delete-file-folder-modal .modal-header {
    background-color: #37609c; /* PRIMARY color */
    border-bottom: none;
    padding: 18px 24px;
    border-radius: 8px 8px 0 0;
}

.delete-file-folder-modal .modal-header .modal-title {
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.delete-file-folder-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8;
    font-size: 24px;
    font-weight: 300;
    margin-top: -2px;
    text-shadow: none !important;
    transition: opacity 0.2s ease;
}

.delete-file-folder-modal .modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* Modal Body */
.delete-file-folder-modal .modal-body {
    padding: 24px;
    background-color: #ffffff;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 15px;
    color: #111827; /* Foreground */
    line-height: 1.5;
}

.delete-file-folder-modal .modal-body .row {
    margin: 0;
}

.delete-file-folder-modal .modal-body .row > div {
    padding-left: 0 !important;
}

/* Error message styling */
.delete-file-folder-modal .modal-body .alert-danger {
    background-color: #FEE2E2; /* Red 100 */
    color: #991B1B; /* Red 800 */
    border: 1px solid #FECACA; /* Red 200 */
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 16px;
}

/* Modal Footer */
.delete-file-folder-modal .modal-footer {
    padding: 16px 24px;
    background-color: #F9FAFB; /* Gray 50 */
    border-top: 1px solid #E5E7EB; /* Border */
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Delete button - danger styling */
.delete-file-folder-modal .modal-footer .btn-primary {
    background-color: #DC2626 !important; /* Red 600 - destructive action */
    border: none !important;
    color: #ffffff !important;
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.delete-file-folder-modal .modal-footer .btn-primary:hover {
    background-color: #B91C1C !important; /* Red 700 */
    transform: scale(1.02);
}

.delete-file-folder-modal .modal-footer .btn-primary:active {
    transform: scale(0.98);
}

/* Cancel button */
.delete-file-folder-modal .modal-footer .btn-default {
    background-color: #E5E7EB !important; /* Gray 200 */
    border: none !important;
    color: #374151 !important; /* Gray 700 */
    font-family: 'Outfit', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.delete-file-folder-modal .modal-footer .btn-default:hover {
    background-color: #D1D5DB !important; /* Gray 300 */
    transform: scale(1.02);
}

.delete-file-folder-modal .modal-footer .btn-default:active {
    transform: scale(0.98);
}

/* ============================================
   Dynatree (Left Sidebar Tree) - Modern Icons
   ============================================
   PNG tree icons have been replaced with flat design SVG-converted PNGs.
   ============================================ */

/* Remove focus rectangle - keep light blue background for both focused and selected */
ul.dynatree-container a:focus,
span.dynatree-focused a:link,
span.dynatree-focused a {
    outline: none !important;
    border: none !important;
    background-color: #DBEAFE !important; /* Blue 100 - same as grid selection */
    border-radius: 4px;
    padding: 2px 4px;
}

/* Keep active/selected styling clean */
span.dynatree-active a,
span.dynatree-focused.dynatree-active a {
    border: none !important;
    background-color: #DBEAFE !important; /* Blue 100 - same as grid selection */
    border-radius: 4px;
    padding: 2px 4px;
    outline: none !important;
}

/* Folder icon for collapsed folders (Lucide folder icon) */
.dynatree-ico-cf span.dynatree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FEF3C7' stroke='%23F59E0B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: 16px 16px;
}

/* Folder icon for expanded folders (Lucide folder-open icon) */
.dynatree-ico-ef span.dynatree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FEF3C7' stroke='%23F59E0B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: 16px 16px;
}

/* Default document icon */
span.dynatree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: center;
    background-size: 14px 14px;
}

/* Expander arrows - modern chevron style */
span.dynatree-expander {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-size: 12px 12px !important;
    background-repeat: no-repeat !important;
}

span.dynatree-expander:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* Expanded state - chevron pointing down */
.dynatree-exp-e span.dynatree-expander,
.dynatree-exp-el span.dynatree-expander,
.dynatree-exp-ed span.dynatree-expander,
.dynatree-exp-edl span.dynatree-expander {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-size: 12px 12px !important;
}

.dynatree-exp-e span.dynatree-expander:hover,
.dynatree-exp-el span.dynatree-expander:hover,
.dynatree-exp-ed span.dynatree-expander:hover,
.dynatree-exp-edl span.dynatree-expander:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}