/* Minification failed. Returning unminified contents.
(23431,9): run-time error CSS1030: Expected identifier, found ' '
(32530,157): run-time error CSS1030: Expected identifier, found ' '
 */
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=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 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:10000}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family: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-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.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.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{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{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{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.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{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;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.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.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;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 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;
    -webkit-text-size-adjust: 100%;
    -ms-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: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

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 {
        padding: 0;
        border: 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-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

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^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100%!important;
    }

    h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000!important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse!important;
    }

        .table td, .table th {
            background-color: #fff!important;
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd!important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../../fonts/glyphicons-halflings-regular.eot);
    src: url(../../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.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: thin dotted;
        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 {
    display: inline-block;
    max-width: 100%;
    height: auto;
    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;
}

.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: #ff0000;
}

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;
    margin-left: -5px;
    list-style: none;
}

    .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;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.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;
}

.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;
}

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 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;
}

.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;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type=file] {
    display: block;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    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,-webkit-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;
}

    .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[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;
}

input[type=search] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
        line-height: 34px;
    }

    .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px;
    }

    .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .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 + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

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;
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed;
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed;
}

.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: 14.33px;
        font-size: 18px;
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        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);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

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;
        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.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, 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;
        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.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, 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;
        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.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, 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;
        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.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, 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;
        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.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, 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;
        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.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, 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-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
}

.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;
    -webkit-background-clip: padding-box;
    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-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-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-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;
    -webkit-overflow-scrolling: touch;
    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);
}

    .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-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;
    }
}

.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-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@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;
}

.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-top: 8px;
    margin-right: 15px;
    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-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    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);
}

@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-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-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-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-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-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-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: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 > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 3;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        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 {
    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;
    }

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.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;
    }

.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 {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.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-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }

    .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;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.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 {
    min-height: 16.43px;
    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-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    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;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

    .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-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;
}

.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;
}

.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-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    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;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    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);
    line-break: auto;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.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;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .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;
    }

.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: 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 {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,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);
    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;
        filter: alpha(opacity=90);
        outline: 0;
        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: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }

    .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, .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, .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;
    }
}

.multiselect-container {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.multiselect-container .input-group { margin: 5px; }

.multiselect-container > li { padding: 0; }

.multiselect-container > li > a.multiselect-all label { font-weight: 700; }

.multiselect-container > li.multiselect-group label {
    font-weight: 700;
    height: 100%;
    margin: 0;
    padding: 3px 20px;
}

.multiselect-container > li.multiselect-group-clickable label { cursor: pointer; }

.multiselect-container > li > a { padding: 0; }

.multiselect-container > li > a > label {
    cursor: pointer;
    font-weight: 400;
    height: 100%;
    margin: 0;
    padding: 3px 20px 3px 40px;
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { margin: 0; }

.multiselect-container > li > a > label > input[type="checkbox"] { margin-bottom: 5px; }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio { padding: 3px 20px 3px 40px; }

.form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] {
    margin-left: -20px;
    margin-right: 0;
}
.input {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0px;
    position: relative;
    font-family: 'open_sansregular';
}
.input label { color: #555555; font-weight: 400; cursor: text; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-font-smoothing: antialiased; }
.input .help-block { font-size: 75%; margin-top: 3px; color: #999999; -webkit-font-smoothing: antialiased; }
.input input[type='text'], .input input[type='email'], .input input[type='password'], .input textarea { width: 100%; border: 0; border-bottom: 1px solid #cccccc; margin: 0 0 0; border-radius: 0; padding: 0; resize: none; color: #555555; background: none; }
.input input[type='text']::-webkit-input-placeholder, .input input[type='email']::-webkit-input-placeholder, .input input[type='password']::-webkit-input-placeholder, .input textarea::-webkit-input-placeholder { font: normal 300 100% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555555; }
.input input[type='text']:-moz-placeholder, .input input[type='email']:-moz-placeholder, .input input[type='password']:-moz-placeholder, .input textarea:-moz-placeholder { font: normal 300 100% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555555; }
.input input[type='text']::-moz-placeholder, .input input[type='email']::-moz-placeholder, .input input[type='password']::-moz-placeholder, .input textarea::-moz-placeholder { font: normal 300 100% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555555; }
.input input[type='text']:-ms-input-placeholder, .input input[type='email']:-ms-input-placeholder, .input input[type='password']:-ms-input-placeholder, .input textarea:-ms-input-placeholder { font: normal 300 100% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555555; }
.input input[type='text']:-webkit-autofill, .input input[type='email']:-webkit-autofill, .input input[type='password']:-webkit-autofill, .input textarea:-webkit-autofill { box-shadow: 0 0 0 1000px white inset; }
.input input[type='text']:focus, .input input[type='email']:focus, .input input[type='password']:focus, .input textarea:focus { outline: none; box-shadow: 0 1px 0 #66afe9; border-color: #66afe9; background: none; }
.input input[type='text']:focus::-webkit-input-placeholder, .input input[type='email']:focus::-webkit-input-placeholder, .input input[type='password']:focus::-webkit-input-placeholder, .input textarea:focus::-webkit-input-placeholder {
 font: normal 300 100% "Helvetica Neue", Helvetica, Arial, sans-serif !important;
 color: #999999 !important;
}
.input input[type='text']:focus:-moz-placeholder, .input input[type='email']:focus:-moz-placeholder, .input input[type='password']:focus:-moz-placeholder, .input textarea:focus:-moz-placeholder {
 font: normal 300 100% "Helvetica Neue", Helvetica, Arial, sans-serif !important;
 color: #999999 !important;
}
.input input[type='text']:focus::-moz-placeholder, .input input[type='email']:focus::-moz-placeholder, .input input[type='password']:focus::-moz-placeholder, .input textarea:focus::-moz-placeholder {
 font: normal 300 100% "Helvetica Neue", Helvetica, Arial, sans-serif !important;
 color: #999999 !important;
}
.input input[type='text']:focus:-ms-input-placeholder, .input input[type='email']:focus:-ms-input-placeholder, .input input[type='password']:focus:-ms-input-placeholder, .input textarea:focus:-ms-input-placeholder {
 font: normal 300 100% "Helvetica Neue", Helvetica, Arial, sans-serif !important;
 color: #999999 !important;
}
.form-control:focus {
    border-color: #66afe9 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
    outline: 0 none;
}
.input input[type='text']:focus + label, .input input[type='email']:focus + label, .input input[type='password']:focus + label, .input textarea:focus + label, .input input[type='text'][value] + label, .input input[type='email'][value] + label, .input input[type='password'][value] + label, .input textarea[value] + label { -webkit-transform: translate(-12.5%, -1.5em) scale(0.75, 0.75) !important; -ms-transform: translate(-12.5%, -1.5em) scale(0.75, 0.75) !important; transform: translate(-12.5%, -1.5em) scale(0.75, 0.75) !important; }
.input input[type='text']:-webkit-autofill + label, .input input[type='email']:-webkit-autofill + label, .input input[type='password']:-webkit-autofill + label, .input textarea:-webkit-autofill + label {
 -webkit-transform: translate(-12.5%, -1.5em) scale(0.75, 0.75);
 transform: translate(-12.5%, -1.5em) scale(0.75, 0.75);
}
.input input[type='text'][disabled], .input input[type='email'][disabled], .input input[type='password'][disabled], .input textarea[disabled] { color: #cccccc; background-color: #ffffff; border-style: dashed; }
.input input[type='text'][disabled] + label, .input input[type='email'][disabled] + label, .input input[type='password'][disabled] + label, .input textarea[disabled] + label { color: #cccccc; }
.input input[type='text'] + label, .input input[type='email'] + label, .input input[type='password'] + label, .input textarea + label { width: 100%; position: absolute; left: 0; top: 1.25em; margin-bottom: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.input input[type='text'].error, .input input[type='email'].error, .input input[type='password'].error, .input textarea.error { border-color: #a94442; box-shadow: 0 1px 0 #a94442; }
.input input[type='text'].error ~ .help-block, .input input[type='email'].error ~ .help-block, .input input[type='password'].error ~ .help-block, .input textarea.error ~ .help-block { color: #a94442; }
.input textarea:focus + label, .input textarea[value] + label { top: 1.25em; }
.input textarea + label { margin-bottom: 5px; -webkit-transform: translate(-12.5%, -1.5em) scale(0.75, 0.75); -ms-transform: translate(-12.5%, -1.5em) scale(0.75, 0.75); transform: translate(-12.5%, -1.5em) scale(0.75, 0.75); }
.input textarea:empty + label { -webkit-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); }
.input input[type='checkbox'] { position: absolute; opacity: 0; }
.input input[type='checkbox'] + label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding-left: 30px; }
.input input[type='checkbox'] + label:before { position: absolute; left: 0; display: block; content: ""; border: 2px solid #555555; height: 20px; width: 20px; border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: border-box; }
.input input[type='checkbox'] + label:after { position: absolute; display: block; content: ""; top: 2px; left: 7px; width: 6px; height: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; box-sizing: border-box; }
.input input[type='checkbox']:focus + label:before { box-shadow: 0 0 5px #019ada; }
/*.input input[type='checkbox']:checked + label:before { background: #019ada; border-color: #019ada; }*/
.input input[type='checkbox']:checked + label:after { border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; opacity: 1; }
.input input[type='checkbox'][disabled] + label { color: #cccccc; }
.input input[type='checkbox'][disabled] + label label{ color: #cccccc; }
body .input input[type='checkbox'][disabled] + label:before { border-color: #cccccc !important; }
body .input input[type='checkbox'][disabled]:checked + label:before { background: #cccccc !important; }
.input input[type='radio'] { position: absolute; opacity: 0; }
.input input[type='radio'] + label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding-left: 30px; }
.input input[type='radio'] + label:before, .input input[type='radio'] + label:after { position: absolute; left: 0px; bottom: 3px; display: block; content: ""; border: 2px solid #555555; height: 16px; width: 16px; border-radius: 50%; background: #ffffff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-clip: padding-box; }
.input input[type='radio'] + label:after { border: 2px solid #ffffff; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
/*.input input[type='radio']:focus + label:before { box-shadow: 0 0 5px #337ab7; }
.input input[type='radio']:checked + label:before { border-color: #337ab7; }*/
.input input[type='radio']:checked + label:after { -webkit-transform: scale(0.75, 0.75); -ms-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); }
.input input[type='radio'][disabled] + label { color: #cccccc !important; }
body .input input[type='radio'][disabled] + label:before { border:2px solid  #cccccc !important; }
body .input input[type='radio'][disabled]:checked + label:before, .input input[type='radio'][disabled]:checked + label:after { background: #cccccc !important; }
.input.select { width: 100%; }
.input.select:after { top: 50%; bottom: 1px; right: 10px; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #6d6d6d; border-width: 5px; margin-top: -2px; z-index: 1; }
.input.select label { position: absolute; font-size: 75%; left: 0; top: 0; }
.input.select select { color: #555555;  padding:5px 25px 5px 5px; font-weight: 400; -webkit-font-smoothing: antialiased; width: 100%; border: none; border-radius: 0; border: 1px solid #d6d6d6; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.advance-search-panel .input.select select { text-transform: uppercase; font-family: "open_sanslight"; font-size: 14px; }
.set-squence .btn { font-size: 22px; }
.input.select select:focus { /* padding-bottom: 0px;border-bottom: 2px solid #66afe9;*/ outline: none; }
.input.select select[disabled] { color: #ccc; background-color: #eee; }
.input.select select[disabled] + label { color: #ccc; }
.input.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
.search-panel ::-webkit-input-placeholder{ color:#fff !important;}
select.form-control option {    padding : 3px 5px;}
.search-panel ::-webkit-input-placeholder{ color:#fff !important;}
.search-panel ::-moz-placeholder{ color:#fff !important;}
.search-panel ::-ms-input-placeholder{ color:#fff !important;}

.filter-pan .search-panel ::-webkit-input-placeholder{ color:#ccc !important;}
.filter-pan .search-panel ::-moz-placeholder{ color:#ccc !important;}
.filter-pan .search-panel ::-ms-placeholder{ color:#ccc !important;}


.filter-pan .search-panel .input-append ::-webkit-input-placeholder{ color:#555 !important;}
.filter-pan .search-panel .input-append ::-moz-placeholder{ color:#555 !important;}
.filter-pan .search-panel .input-append ::-ms-placeholder{ color:#555 !important;}


/* required field css */
.required-input { border:1px solid #ff0000 !important;}
.required-input.valid { border:1px solid #ccc !important;}
.required-input.valid:focus { border:1px solid #66afe9 !important;}




.input input[type='checkbox'] + input[type='hidden'] + label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding-left: 30px; }
.input input[type='checkbox'] + input[type='hidden'] + label:before { position: absolute; left: 0; display: block; content: ""; border: 2px solid #555555; height: 20px; width: 20px; border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: border-box; }
.input input[type='checkbox'] + input[type='hidden'] + label:after { position: absolute; display: block; content: ""; top: 2px; left: 7px; width: 6px; height: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; box-sizing: border-box; }
.input input[type='checkbox']:focus + input[type='hidden'] + label:before { box-shadow: 0 0 5px #019ada; }
.input input[type='checkbox']:checked + input[type='hidden'] + label:after { border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; opacity: 1; }
.input input[type='checkbox'][disabled] + input[type='hidden'] + label { color: #cccccc; }
.input input[type='checkbox'][disabled] + input[type='hidden'] + label:before { border-color: #cccccc; }
.input input[type='checkbox'][disabled]:checked + input[type='hidden'] + label:before { background: #cccccc; }
 
.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #555;
    cursor: text;
    display: inline-block;
    line-height: 22px;
    margin-bottom: 10px;
    max-width: 100%;
    padding: 4px 6px;
    vertical-align: middle;
}

.bootstrap-tagsinput input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    max-width: inherit;
    outline: none;
    padding: 0;
    width: auto !important;
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.bootstrap-tagsinput .tag {
    color: white;
    margin-right: 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    cursor: pointer;
    margin-left: 8px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#wrapper { padding-left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/*#wrapper.toggled {
    padding-left: 250px;
}*/

#sidebar-wrapper { position: fixed; left: 250px; width: 0; height: 100%; margin-left: -250px; /* background: rgba(255, 255, 255, 0.5);*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:1001;  padding-top:20px; box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);}
/*.touch #sidebar-wrapper { padding-top:0;}*/
#wrapper.toggled #sidebar-wrapper { width: 290px; }
#page-content-wrapper { width: 100%; position: absolute; overflow:hidden; }
#wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -250px; }
/* Sidebar Styles */

.sidebar-nav { list-style: outside none none; margin: 0; padding: 0; /*position: absolute;*/ top: 79px; width: 60px; transition: all 0.5s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
#wrapper.toggled .sidebar-nav { width: 260px; overflow:hidden; }
.sidebar-nav li { text-indent: 0; line-height: 40px; }
.sidebar-nav li.active a i.demo-icon{ color:#fff !important}
.sidebar-nav li a { display: block; text-decoration: none; color: #999999;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.sidebar-nav li:hover a { text-decoration: none; color: #fff; background: rgba(255,255,255,0.2); }
.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; }
.sidebar-nav > .sidebar-brand { /*height: 45px;*/ font-size: 32px; /*line-height: 45px;*/ z-index:1000;}
/*.sidebar-brand:hover .icon{ background-color:#fff !important;}*/
.sidebar-nav .sidebar-brand a { color: #fff; height: 35px; position: relative; }
.sidebar-nav > .sidebar-brand .icon-diploma-and-graduate-cap { font-size:28px !important; line-height:32px;}
.sidebar-nav > .sidebar-brand .icon-diploma-and-graduate-cap-1 { font-size:24px !important;}
.sidebar-nav .sidebar-brand:hover a { color: #fff; background: none; }


#lesson-plan-list { position: relative; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#lesson-plan-list .position-rel { margin-right: 234px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.filter-panel { z-index: 1000; position: fixed; right: 234px; width: 0; height: 100%; margin-left: 0; /* background: rgba(255, 255, 255, 0.5);*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#lesson-plan-list.toggled1 .filter-panel { right: -220px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#lesson-plan-list { height: 100% ;background:#77838a none repeat scroll 0 0}
#lesson-plan-list.toggled1 .position-rel { margin-right: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a#filter-toggle { background: none repeat scroll 0 0 rgba(131, 134, 136, 0.3); display: block; height: 69px; left: 0px; line-height: 69px; position: absolute; text-align: center; top: 45%; vertical-align: middle; width: 15px;   z-index: 999; }
#filter-togglee1 { background: none repeat scroll 0 0 rgba(131, 134, 136, 0.3); display: block; height: 69px; left: 0px; line-height: 69px; position: absolute; text-align: center; top: 45%; vertical-align: middle; width: 15px;   z-index: 999; }
a:hover#filter-toggle { background: none repeat scroll 0 0 rgb(131, 134, 136); }
.sidebar-nav li:hover ul.dropdown-toggle-menu li a {    background-color:inherit; color: #333333;}
.sidebar-nav li ul.dropdown-toggle-menu li a { color:#000; padding:8px 15px; height:auto; padding-left:30px; position:relative; font-size:13px;}
.sidebar-nav li ul.dropdown-toggle-menu li a:before{content:""; position:absolute; left:16px; top:9px; font-family:FontAwesome;}
.toggled .sidebar-nav li ul.dropdown-toggle-menu li a:before{left:26px; }
.toggled .sidebar-nav li ul.dropdown-toggle-menu li a { padding-left:48px;}
/*.touch .sidebar-nav li ul.dropdown-toggle-menu li a { padding-left:15px; }*/


/*.toogle-arrow{ display:none !important;}*/
.sidebar-nav li ul{ width:200px; background:#F2F2F2; padding:0px; position:absolute;  top:0px; left:50px; transform:translateY(50px); opacity:0; visibility:hidden; transition:0.5s all ease; display:block; padding:10px 0; }
.sidebar-nav li:hover ul{ transform:translateY(0px); opacity:1; transition:0.5s all ease; visibility:visible;z-index:9999;}
.toggled .sidebar-nav li ul{ visibility:inherit;}


.sidebar-nav li{ position:relative;}
.sidebar-nav li:hover { overflow:inherit;}
.sidebar-nav li .toogle-arrow{ font-size:20px; position:absolute; right:10px; top:11px;  width:15px;  height:15px; text-align:center; cursor:pointer; line-height:15px; color:#333; right:-185px; opacity:0;}
.toggled .sidebar-nav li .toogle-arrow{ opacity:1;  -ms-transition:all 0.3s ease 0.5s;  transition:all 0.3s ease 0.5s; }
.sidebar-nav li.active .toogle-arrow {color:#fff;}
.sidebar-nav li.active:hover .toogle-arrow {color:#fff !important;}
.toggled .sidebar-nav li .toogle-arrow { right:10px; transition:all 0.3s ease; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
.toggled .sidebar-nav li ul{ display:none; margin:0; /*padding:10px;*/ clear:both; position:static !important; width:auto !important; padding:0;  transform:translateY(0); opacity:1; transition:inherit;}
.toggled .sidebar-nav li ul li{ height:auto; line-height:normal;}
.sidebar-nav li ul li a{ font-size:14px;  color:#fff; padding:10px 15px; line-height:14px;}
#menuScroll .mCSB_inside > .mCSB_container {    margin-right:0; }
#menuScroll .mCustomScrollBox { overflow: inherit;}
#menuScroll .mCSB_container {overflow: inherit;}
/*Comment once laptop pad issue done*/
/*#menuScroll .mCSB_scrollTools_vertical{ pointer-events:none;}*/ 

#menuScroll li .mCustomScrollBox { overflow: hidden;}
#menuScroll li .mCSB_container {overflow: hidden;}

#menuScroll .mCSB_scrollTools a + .mCSB_draggerContainer { margin:0;}
#menuScroll .mCSB_buttonUp, #menuScroll .mCSB_buttonDown { display:none !important;}
#menuScroll .mCSB_scrollTools { opacity:0; width:6px;}
#menuScroll:hover .mCSB_scrollTools { opacity:1;}
#menuScroll .mCSB_dragger_bar { border-radius:0; width:3px; background-color:#ccc !important; }
#menuScroll .mCSB_scrollTools .mCSB_draggerRail {background-color:transparent;}


 #menuScroll .mCSB_dragger_bar{
    width:6px;
 }


@media(min-width:768px) {
#wrapper { padding-left: 60px; }
#wrapper.toggled { padding-left: 260px; }
#sidebar-wrapper { width: 60px; }
#wrapper.toggled #sidebar-wrapper { width: 260px; }
#page-content-wrapper { position: relative; /*background: #788085;*/ }
#wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; }
}
@media (max-height:860px){
.sidebar-nav > .sidebar-brand:last-child ul{ top:inherit; bottom:0;}
.sidebar-nav > .sidebar-brand:nth-last-child(2) ul{ top:inherit; bottom:0;}
}
@font-face {
  font-family: 'fontello';
  src: url('/Content/fonts/fontello.eot?47127440');
  src: url('/Content/fonts/fontello.eot?47127440#iefix') format('embedded-opentype'),
       url('/Content/fonts/fontello.woff2?47127440') format('woff2'),
       url('/Content/fonts/fontello.woff?47127440') format('woff'),
       url('/Content/fonts/fontello.ttf?47127440') format('truetype'),
       url('/Content/fonts/fontello.svg?47127440#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?88833599#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-edit:before { content: '\e001'; } /* '' */
.icon-eye:before { content: '\e002'; } /* '' */
.icon-fillter:before { content: '\e003'; } /* '' */
.icon-font:before { content: '\e004'; } /* '' */
.icon-list:before { content: '\e005'; } /* '' */
.icon-meeter:before { content: '\e006'; } /* '' */
.icon-right:before { content: '\e007'; } /* '' */
.icon-search-thik:before { content: '\e008'; } /* '' */
.icon-search-thin:before { content: '\e009'; } /* '' */
.icon-spreadsheet-cell-row:before { content: '\e010'; } /* '' */
.icon-ascendant-bars-graphic:before { content: '\e011'; } /* '' */
.icon-books:before { content: '\e012'; } /* '' */
.icon-chart:before { content: '\e013'; } /* '' */
.icon-delete:before { content: '\e014'; } /* '' */
.icon-diploma-and-graduate-cap-1:before { content: '\e015'; } /* '' */
.icon-document:before { content: '\e016'; } /* '' */
.icon-message:before { content: '\e017'; } /* '' */
.icon-earth:before { content: '\e018'; } /* '' */
.icon-email-template:before { content: '\e019'; } /* '' */
.icon-client:before { content: '\e020'; } /* '' */
.icon-ilt:before { content: '\e021'; } /* '' */
.icon-repository:before { content: '\e022'; } /* '' */
.icon-certification:before { content: '\e023'; } /* '' */
.icon-users:before { content: '\e024'; } /* '' */
.icon-diploma-and-graduate-cap:before { content: '\e025'; } /* '' */
.icon-calendar:before { content: '\e800'; } /* '' */
.icon-small-calendar:before { content: '\e801'; } /* '' */
.icon-time:before { content: '\e802'; } /* '' */


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

    30%, 70% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        opacity: 0;
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30%, 70% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        opacity: 0;
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30%, 70% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        opacity: 0;
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.dropzone, .dropzone * { box-sizing: border-box; }

.dropzone {
    background: white;
    border: 1px dashed #999999;
    min-height: 150px;
    padding: 54px 54px;
}

.dropzone.dz-clickable { cursor: pointer; }

.dropzone.dz-clickable * { cursor: default; }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }

.dropzone.dz-started .dz-message { display: none; }

.dropzone.dz-drag-hover { border-style: solid; }

.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }
.dropzone .dz-preview .dz-image img { display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom; /* direct pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container { /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }
/* RTL direction/left-side scrollbar */

.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(/Content/images/mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,0.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,0.2);
}


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

/* ---------------------------------------- */

@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
html, body, .wrapper, #wrapper, #page-content-wrapper { height: 100% }
body { line-height: 1; font-size: 14px; /* 1 */ -webkit-text-size-adjust: 1em; /* 2 */ -ms-text-size-adjust: 1em; /* 2 */font-family: 'open_sansregular'; /*background: #77838a;*/ background-color:#e5e5e5; padding-top: 70px; margin: 0;  overflow:hidden }
body.homepage { background: #77838a;  }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table {/*border-collapse:collapse;border-spacing:0*/ }
/* general purpose classes */
.cursorpointer { cursor: pointer }
.nodisplay { display: none }
.floatleft { float: left }
.floatright { float: right }
.aligncenter { text-align: center !important }
.alignleft { text-align: left }
.alignright { text-align: right }
.clear { clear: both }
img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
.smalltext { font-size: 12px !important; color:#fff !important;}
.smalltext label { font-size: 14px !important; color:#fff !important;}
.bgnone { background: none !important }
.margin-left { margin-left: 20px; }
.margin-xs-left { margin-left: 5px; }
.margin-right { margin-right: 20px; }
.margin-leftnone { margin-left: 0px !important; }
.margin-rightnone { margin-right: 0px !important; }
.padding-leftnone { padding-left: 0px !important; }
.padding-rightnone { padding-right: 0px !important; }
.margin-topnone { margin-top: 0 !important }
.floatnone { float: none !important }
.marginauto { margin: 0px auto !important; }
.margin-bottom { margin-bottom: 30px; }
.fullwidthmargin { margin-left: 46px; }
.twopercent { margin-top: 2% }
.threepercent { margin-top: 3% }
.fourpercent { margin-top: 4% }
.no-padding { padding:0 !important;}
.no-margin { margin:0 !important; }
.padding { padding: 20px !important; }
.padding-top-botm { padding: 20px 15px !important; }
.padding-topnone { padding-top: 0px !important; }
.padding-bottomnone { padding-bottom: 0px !important; }
.margin-bottomsmall { margin-bottom: 10px; }
.margin-bottommidum { margin-bottom: 20px !important; }
.margin-rightsmall { margin-right: 10px; }
.cursorpointernone { cursor: default !important; }
.greytext { color: #333; }
.breakword { word-wrap: break-word; width: 200px; }
.nodisplay { display: none; }
.verticalmid { vertical-align: middle; }
.widthauto { width: auto !important }
.margintopsmall { margin-top: 15px; }
.center-block { display: block; margin-right: auto; margin-left: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; }
.padding-right-left{ padding-left:15px; padding-right:15px;}
.padding-all{ padding:15px !important;}
.no-cursor { cursor:default !important;}
/*  general end
--------------------------------------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .form-group:before, .form-group:after { display: table; content: " "; }
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .form-group:after { clear: both; }
/* headings start

--------------------------------------------------------------------------------------------------------*/

h1, .title { font-size: 50px; font-family: 'open_sanslight'; text-transform: uppercase }
h2 { font-size: 48px; font-family: 'open_sanslight'; text-transform: uppercase; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: 14px; font-family: 'open_sanssemibold'; text-transform: uppercase; }
h6 { font-size: 0.75em; }
/* headings end
--------------------------------------------------------------------------------------------------------*/
.title { color: #aabfcb }
.subtitle { color: #323232; }
/* links
--------------------------------------------------------------------------------------------------------*/
a, button, input { outline: none !important; color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a:hover,a:focus,a:active { text-decoration: none; color: #333 }
/* links end
--------------------------------------------------------------------------------------------------------*/

/* buttons start
--------------------------------------------------------------------------------------------------------*/
button { cursor: pointer }
.btn{ font-size:24px; font-family: 'open_sanslight'; text-transform:uppercase; border-radius:0; border:0px;}
/* input type file custom css */
.fileUpload { clear: both; position: relative; overflow: hidden; margin: 0; font-family: 'open_sansregular';  font-size: 16px; color: #fff; }
.fileUpload.btn:hover { opacity:0.8; color: #fff; }
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); min-height:35px; }
input.upload-placeholder { background: none; border: 0; font-style: italic; color: #aaa; }
.fileUpload span a { color:#fff;}
.fileUpload span a i {margin-right:10px;}
/* buttons end
--------------------------------------------------------------------------------------------------------*/
button, input, select, textarea, .form-control { border-radius: 0;  box-shadow: none; -webkit-appearance: none;   -moz-appearance: none;   appearance: none;}
input[type="checkbox"] { border: 0 none; clip: rect(0px, 0px, 0px, 0px); font-size: 12px !important; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; float: left; }
.checkbox { display: block; min-height: 20px; font-size: 14px; font-weight: bold; font-style: italic; float: left; color: #fff; }
label.checkboxlabelin:before { background: url(../images/sprite.png) no-repeat scroll -13px -74px rgba(0, 0, 0, 0) !important; bottom: 1px; content: ""; display: inline-block; font-size: 12px !important; font-weight: normal; height: 22px; left: 0; margin-right: 6px; vertical-align: middle; width: 22px; float: left; margin-top: -5px; }
label .checkboxlabelin { display: inline-block; cursor: pointer; position: relative; padding-left: 28px; margin-right: 12px; font-size: 12px !important; line-height: 22px; font-weight: bold; color: #F00; }
label.checkboxlabelin span { display: block; overflow: hidden; }
.checkbox label.checkboxlabelin:before { font-size: 12px !important; /*border-radius: 3px;*/ }
input[type=checkbox]:checked + label.checkboxlabelin:before { background: url(../images/sprite.png) no-repeat -13px -96px rgba(0, 0, 0, 0) !important; bottom: 1px; content: ""; display: inline-block; font-size: 12px !important; font-weight: normal; height: 22px; left: 0; margin-right: 6px; vertical-align: middle; width: 22px; margin-top: -5px; }
select::-ms-expand {display: none !important;}
/*--------------------Ripple Animation---------------------*/
.ripple { overflow: hidden; }
.ripple-effect { position: absolute; border-radius: 50%; width: 10px; height: 10px; background: white; animation: ripple-animation 2s; }
 @keyframes ripple-animation {
 from {
 transform: scale(1);
 opacity: 0.4;
}
 to {
 transform: scale(50);
 opacity: 0;
}
}

/*--------------------Fonts---------------------*/
@font-face { font-family: 'open_sanslight'; src: url('/Content/fonts/opensans-light-webfont.eot'); src: url('/Content/fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-light-webfont.html') format('woff2'), url('/Content/fonts/opensans-light-webfont.woff') format('woff'), url('/Content/fonts/opensans-light-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansbold'; src: url('/Content/fonts/opensans-bold-webfont.eot'); src: url('/Content/fonts/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-bold-webfont.html') format('woff2'), url('/Content/fonts/opensans-bold-webfont.woff') format('woff'), url('/Content/fonts/opensans-bold-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansregular'; src: url('/Content/fonts/opensans-regular-webfont.eot'); src: url('/Content/fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-regular-webfont.html') format('woff2'), url('/Content/fonts/opensans-regular-webfont.woff') format('woff'), url('/Content/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold'; src: url('/Content/fonts/opensans-semibold-webfont.eot'); src: url('/Content/fonts/opensans-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-semibold-webfont.html') format('woff2'), url('/Content/fonts/opensans-semibold-webfont.woff') format('woff'), url('/Content/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; }
 @font-face {
 font-family: 'open_sanslight_italic';
 src: url('/Content/fonts/opensans-lightitalic-webfont.eot');
 src: url('/Content/fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-lightitalic-webfont.woff2') format('woff2'), url('/Content/fonts/opensans-lightitalic-webfont.woff') format('woff'), url('/Content/fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}

 @font-face {
    font-family: 'open_sansitalic';
    src: url('/Content/fonts/opensans-italic-webfont.eot');
    src: url('/Content/fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('/Content/fonts/opensans-italic-webfont.woff') format('woff'),
         url('/Content/fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('/Content/fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('/Content/fonts/opensans-semibolditalic-webfont.eot');
    src: url('/Content/fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('/Content/fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('/Content/fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('/Content/fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('/Content/fonts/opensans-bolditalic-webfont.eot');
    src: url('/Content/fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/Content/fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('/Content/fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/Content/fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

 .form-control::-moz-placeholder, .form-control::-webkit-placeholder, .form-control::-ms-placeholder, .form-control::-o-placeholder {
 color: #cccccc !important;
 font-family: 'open_sansregular';
 font-size: 12px;
 font-style: italic;
 opacity: 1;
}

.form-control::-webkit-input-placeholder {
    color:#ccc !important;
}

/*color*/
.learn-wise-bgcolor { background: #0093d0 !important; position:relative }
.learn-wise-bgcolor:hover { background: #0093d0 !important; }
.learn-wise-bgcolor:focus { background: #0093d0 !important; }
.whitecolor { color: #fff !important }
.active-text{ color:#0e9d57 !important;
    text-transform: uppercase;}
.inactive-text{ color:#72726a !important;
    text-transform: uppercase;}
.draft-text{ color:#ce8a03 !important;
    text-transform: uppercase;}
.expired-text{ color:#d22502 !important;
    text-transform: uppercase;}

.active-text a{ color:#0e9d57 !important;
    text-transform: uppercase;}
.inactive-text a{ color:#72726a !important;
    text-transform: uppercase;}
.draft-text a{ color:#ce8a03 !important;
    text-transform: uppercase;}

.expired-text a{ color:#d22502 !important;
    text-transform: uppercase;}

h1.title span {
    font-size: 18px;
    font-family: 'open_sanssemibold';
    vertical-align: middle;
    text-transform: capitalize;
}


 .btn-blue{ font-size:16px; color:#fff; display:inline-block; padding:10px 15px; line-height:1; font-family: 'open_sansregular'; }
.btn-grey{ font-size:16px; color:#fff; display:inline-block; padding:10px 15px; line-height:1; font-family: 'open_sansregular'; }

  /* for hover change */
.btn-blue:hover{ opacity:0.8;}
.btn-grey:hover, .btn-grey:focus{ color:#fff;  opacity:0.8;}
.btn-blue:hover, .btn-blue:focus{ color:#fff;}


.top-links .fav-tab.active {    border-bottom: #fff !important;}
.bg-green {background-color:#1D7044;}
/* radio and checkbox  color change*/
.input input[type='radio']:disabled:checked + label:before, .input input[type='checkbox']:disabled:checked + label:before { border-color: inherit; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#676767 !important; border-radius:0; }


/******************** site color change *********************/
.white-background{ background-color:#fff;}

section form .white-background {width:90%}
/*blue color fonts change*/
.color-blue, .table-tooltip, .sidebar-nav li ul.dropdown-toggle-menu li:hover a, .sidebar-brand:hover .icon .demo-icon, .sidebar-nav > .sidebar-brand:hover .nav-label, .sidebar-nav li:hover .toogle-arrow, .plan-idname .plan-name a:hover {color:#0093d0 !important;}

/*site color-profile change*/
.bg-blue, .bg-blue:focus, .bg-lightgrey.bg-blue, .slide-action li, .menu-item, .training-cards .card.selected, .bootstrap-tagsinput .label-info, .pick-button a, .header-right .user-profile-dropdown li a:hover, .ui-widget-header .elfinder-button, .elfinder-navbar-dir.ui-state-active, .std42-dialog .ui-dialog-titlebar, .slide-action li a, .input input[type='radio'] + label:after, .input input[type='checkbox']:checked + label:before, .checkbox-fav.check-tick input.css-checkbox[type="checkbox"]:checked + label.css-label,
.checkbox-fav.check-tick input.css-checkbox[type="checkbox"] + label.css-label.chk, .listing-table td.icon-col.selected:before  {background-color:transparent  !important;}

/*Radio checkbox */
.slide-action:before, .input input[type='radio']:checked + label:before, .training-cards .card.selected, .input input[type='checkbox']:checked + label:before { border-color:#0093d0  !important; }


/*top header color change*/
.bg-light-blue{background: #fff; }


/*grey color button change*/
.bg-grey{ background-color:#676767;}

.bg-lightgrey{ background-color:#7A7A7A;}

/*menu background change*/
#sidebar-wrapper {  background-color:#fff;}

/*menu icons color change*/
.sidebar-nav .sidebar-brand .icon .demo-icon{ color:#333333;}

/*menu caption color change*/
.sidebar-nav .nav-label, .sidebar-nav li .toogle-arrow { color:#333; }

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    background-color: #ece5e5;
}



/*!
 * FullCalendar v3.5.1 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/


.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #d7d7d7;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	box-sizing: border-box; /* fix scrollbar issue in firefox */
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/

a[data-goto] {
	cursor: pointer;
}

a[data-goto]:hover {
	text-decoration: underline;
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	/* extra precedence to prevent theme-provided backgrounds */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
	-webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
}

.fc-event,
.fc-event-dot {
	background-color: #3a87ad; /* default BACKGROUND color */
}

.fc-event,
.fc-event:hover {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
}

/* resizer (cursor AND touch devices) */

.fc-event .fc-resizer {
	position: absolute;
	z-index: 4;
}

/* resizer (touch devices) */

.fc-event .fc-resizer {
	display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
	/* only show when hovering or selected (with touch) */
	display: block;
}

/* hit area */

.fc-event.fc-selected .fc-resizer:before {
	/* 40x40 touch area */
	content: "";
	position: absolute;
	z-index: 9999; /* user of this util can scope within a lower z-index */
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
}


/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/

.fc-event.fc-selected {
	z-index: 9999 !important; /* overcomes inline z-index */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
	content: "";
	position: absolute;
	z-index: 3; /* below resizers */
	top: -10px;
	bottom: -10px;
	left: 0;
	right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
	cursor: w-resize;
	left: -1px; /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
	cursor: e-resize;
	right: -1px; /* overcome border */
}

/* resizer (mouse devices) */

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
	width: 7px;
	top: -1px; /* overcome top border */
	bottom: -1px; /* overcome bottom border */
}

/* resizer (touch devices) */

.fc-h-event.fc-selected .fc-resizer {
	/* 8x8 little dot */
	border-radius: 4px;
	border-width: 1px;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* vertically center */
	top: 50%;
	margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
	margin-left: -4px; /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
	margin-right: -4px; /* centers the 8x8 dot on the right edge */
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
	margin-top: 2px; /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
	content: "";
	position: absolute;
	z-index: 1; /* same z-index as fc-bg, behind text */
	/* overcome the borders */
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	/* darkening effect */
	background: #000;
	opacity: .25;
}

.fc-day-grid-event .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

/* resizer (cursor devices) */

/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
	margin-left: -2px; /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
	margin-right: -2px; /* to the day cell's edge */
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
	position: absolute;
	border: 0 solid red;
}


/* Utilities
--------------------------------------------------------------------------------------------------*/

.fc-unselectable {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/*
TODO: more distinction between this file and common.css
*/

/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content, /* for gutter border */
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed td.fc-today {
	background: #fcf8e3;
}

.fc-unthemed .fc-disabled-day {
	background: #d7d7d7;
	opacity: .3;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;

	/* don't allow browser text-selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
	position: relative;
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}


/* List View
--------------------------------------------------------------------------------------------------*/

.fc-unthemed .fc-list-item:hover td {
	background-color: #f5f5f5;
}



/* Colors
--------------------------------------------------------------------------------------------------*/

.ui-widget .fc-disabled-day {
	background-image: none;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.ui-widget .fc-event {
	/* overpower jqui's styles on <a> tags. TODO: more DRY */
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */

	/* undo ui-widget-header bold */
	font-weight: normal;
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome bold */
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats .ui-widget-content { 
	background: none; /* see through to fc-bg */
}



.fc.fc-bootstrap3 a {
	text-decoration: none;
}

.fc.fc-bootstrap3 a[data-goto]:hover {
	text-decoration: underline;
}

.fc-bootstrap3 hr.fc-divider {
	border-color: inherit;
}

.fc-bootstrap3 .fc-today.alert {
	border-radius: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-bootstrap3 .fc-popover .panel-body {
	padding: 0; /* undo built-in padding */
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-bootstrap3 .fc-time-grid .fc-slats table {
	/* some themes have background color. see through to slats */
	background: none;
}



/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
	margin-top: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}



/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* there may be week numbers in these views, so no padding-top */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-day-top.fc-other-month {
	opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
	padding: 0 2px; /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; }
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; }
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
	min-width: 1.5em;
	text-align: center;
	background-color: #f2f2f2;
	color: #808080;
}

/* when week/day number have own column */

.fc-basic-view td.fc-week-number {
	text-align: center;
}

.fc-basic-view td.fc-week-number > * {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}


/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-content-col {
	position: relative; /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
}

/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container {
	position: relative;
	z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-highlight-container {
	position: relative;
	z-index: 3;
}

.fc-time-grid .fc-event-container {
	position: relative;
	z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
	z-index: 5;
}

.fc-time-grid .fc-helper-container { /* also is fc-event-container */
	position: relative;
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
	/* need to allow touch resizers to extend outside event's bounding box */
	/* common fc-selected styles hide the fc-bg, so don't need this anyway */
	overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
	display: none; /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
	overflow: hidden; /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer (cursor device) */

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
	content: "=";
}

/* resizer (touch device) */

.fc-time-grid-event.fc-selected .fc-resizer {
	/* 10x10 dot */
	border-radius: 5px;
	border-width: 1px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* horizontally center */
	left: 50%;
	margin-left: -5px;
	/* center on the bottom edge */
	bottom: -5px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
	border-top-width: 1px;
	left: 0;
	right: 0;
}

/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
	margin-top: -5px; /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
	left: 0;
	/* triangle pointing right... */
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
	right: 0;
	/* triangle pointing left... */
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}



/* List View
--------------------------------------------------------------------------------------------------*/

/* possibly reusable */

.fc-event-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}

/* view wrapper */

.fc-rtl .fc-list-view {
	direction: rtl; /* unlike core views, leverage browser RTL */
}

.fc-list-view {
	border-width: 1px;
	border-style: solid;
}

/* table resets */

.fc .fc-list-table {
	table-layout: auto; /* for shrinkwrapping cell content */
}

.fc-list-table td {
	border-width: 1px 0 0;
	padding: 8px 14px;
}

.fc-list-table tr:first-child td {
	border-top-width: 0;
}

/* day headings with the list */

.fc-list-heading {
	border-bottom-width: 1px;
}

.fc-list-heading td {
	font-weight: bold;
}

.fc-ltr .fc-list-heading-main { float: left; }
.fc-ltr .fc-list-heading-alt { float: right; }

.fc-rtl .fc-list-heading-main { float: right; }
.fc-rtl .fc-list-heading-alt { float: left; }

/* event list items */

.fc-list-item.fc-has-url {
	cursor: pointer; /* whole row will be clickable */
}

.fc-list-item-marker,
.fc-list-item-time {
	white-space: nowrap;
	width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker { padding-right: 0; }
.fc-rtl .fc-list-item-marker { padding-left: 0; }

.fc-list-item-title a {
	/* every event title cell has an <a> tag */
	text-decoration: none;
	color: inherit;
}

.fc-list-item-title a[href]:hover {
	/* hover effect only on titles with hrefs */
	text-decoration: underline;
}

/* message when no events */

.fc-list-empty-wrap2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.fc-list-empty-wrap1 {
	width: 100%;
	height: 100%;
	display: table;
}

.fc-list-empty {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.fc-unthemed .fc-list-empty { /* theme will provide own background */
	background-color: #eee;
}

@charset "utf-8";
/* CSS Document */
html, body {
    overflow: hidden;
}

h1.title {
    margin: 12px 0;
}
/*Header*/
header {
    height: 70px;
}

.sidebar-nav {
    height: 100%;
    overflow: hidden;
}

    .sidebar-nav:hover {
        overflow: inherit;
    }

.logo-txt {
    margin-left: 11px;
}

.logo img {
    height: 70px;
    width: 250px;
}

.togglebtn {
    height: 50px;
    position: relative;
    width: 60px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 1005;
}

#wrapper.toggled .togglebtn {
    width: 260px;
}

.togglebtn-orange {
    height: 32px;
    width: 32px;
    background: #f3a100;
}

.table-fixed tbody {
    overflow-y: auto;
    width: 100%;
}

.table-small {
    max-width: 500px;
    margin: 0 auto;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th { /*display:block; */
}

    .table-fixed tbody td, .table-fixed thead > tr > th { /*float:left; */
        border-bottom-width: 0;
    }

.hyperLink {
    color: #337ab7;
    text-decoration: underline;
    padding-left: 5px;
}
/** Added header css */
.sidebar-nav .sidebar-brand .icon {
    text-align: center;
    left: 0;
    top: 0;
    z-index: 5;
    width: 60px;
    height: 35px;
    line-height: 23px;
    position: absolute;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    z-index: 1005; /*transition:transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, background-color 0.3s ease 0s; -moz-transition:transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, background-color 0.3s ease 0s; -webkit-transition:transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, background-color 0.3s ease 0s; -ms-transition:transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, background-color 0.3s ease 0s; -o-transition:transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, background-color 0.3s ease 0s; */
    transition: 0.3s all ease;
}

.toggled .sidebar-nav .sidebar-brand .icon {
    width: 45px;
    transition: 0.3s all ease;
    padding-top: 5px;
}

.sidebar-nav .sidebar-brand .icon .demo-icon {
    font-size: 18px;
}

.sidebar-nav > .sidebar-brand .icon .demo-icon.icon-ilt {
    font-size: 28px;
    line-height: 36px;
}

.sidebar-nav > .sidebar-brand:hover .icon .demo-icon {
    color: #fff;
}
/*Filter panel*/
.filter-panel {
    background: #BBC1C5;
    border-left: solid 1px #788085;
    height: 100%; /*padding:15px; */
    position: absolute;
    right: 0px;
    top: 0;
    width: 234px;
    overflow: hidden;
    z-index: 1001;
}

.filterico-rotate {
    color: rgba(0, 0, 0, 0.15);
    font-size: 10em;
    margin-left: -70px;
    position: absolute;
    top: 4px;
    transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
}

.filter-pan {
    height: 100%;
    position: relative;
}

    .filter-pan h2.subtitle {
        margin: 28px 18px 15px;
        display: none;
        padding: 0;
    }

.filter-panel div.search-panel {
    margin-top: 24px;
    padding: 15px 0px;
    position: relative;
}

.input-group .form-control {
    border: none;
    border-radius: 0;
    height: 41px;
    box-shadow: none;
}

.input-group-btn > .btn {
    border: 0;
    border-radius: 0;
    height: 41px;
    box-shadow: none;
}

.filter-panel i.icon-search-thin {
    font-size: 25px;
    left: 2px;
    position: absolute;
    top: 3px;
}

.filter-panel .input-group-btn > .btn {
    width: 40px;
    overflow: hidden;
    color: #fff;
}

.advance-search-link {
    /*font-family: 'open_sanssemibold';*/
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    color: #010101;
    padding-top: 10px;
}

.status-col {
    padding-top: 30px;
    display: none;
}

    .status-col p {
        font-size: 36px;
        color: #666666;
        /*font-family: 'open_sanslight';*/
        font-weight: lighter;
        padding-bottom: 20px;
    }

        .status-col p span {
            float: right;
            /*font-family: 'open_sansbold';*/
            font-weight: bold;
        }

.togglebtn-orange {
    height: 32px;
    width: 32px;
    background: #f3a100;
    display: block;
    top: 0px;
    right: -16px;
    position: absolute;
    font-size: 17px;
    padding-top: 8px !important;
    transition: all 0.3s ease;
}

    .togglebtn-orange i {
        transition: all 0.3s ease;
    }

    .togglebtn-orange.active i {
        transform: rotate(180deg);
        transition: all 0.3s ease;
        margin-left: -3px;
        -webkit-transform: rotate(180deg);
    }

.round-btn, .round-btn1 {
    border-radius: 100%;
    -webkit-box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    padding-top: 9px;
    text-align: center;
}

.sidebar-nav .nav-label {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    z-index: 0;
    text-overflow: ellipsis;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    font-size: 14px; /*transition:color 0.3s ease 0s, background-color 0.3s ease 0s; -moz-transition:color 0.3s ease 0s, background-color 0.3s ease 0s; -ms-transition:color 0.3s ease 0s, background-color 0.3s ease 0s; -webkit-transition:color 0.3s ease 0s, background-color 0.3s ease 0s; -o-transition:color 0.3s ease 0s, background-color 0.3s ease 0s; */
    transition: 0.3s all ease;
    padding: 10px 15px 10px 0;
    left: 60px;
    max-height: 35px;
    line-height: 1;
    width: 200px; /*transition:0.3s all 0s ease; -webkit-transition:0.3s all 0s ease; -ms-transition:0.3s all 0s ease; -moz-transition:0.3s all 0s ease; */
}

.sidebar-nav > .sidebar-brand a {
    overflow: hidden;
}

.sidebar-nav > .sidebar-brand:hover a {
    overflow: inherit;
}

.sidebar-nav > .sidebar-brand a:hover .icon {
    color: #fff;
}

    .sidebar-nav > .sidebar-brand a:hover .icon .demo-icon {
        color: #fff;
    }

.sidebar-nav > .sidebar-brand:hover .nav-label {
    color: #fff;
    display: none;
}

.toggled .sidebar-nav > .sidebar-brand:hover .nav-label {
    display: block;
}

/*.sidebar-nav > .sidebar-brand:hover a{background:#0093d0;}*/
.toggled .sidebar-nav .nav-label {
    padding-left: 45px;
    left: 45px;
    padding-left: 0;
    width: 200px;
    padding: 10px 20px 10px 0;
    transition: 0.3s all ease;
}

.sidebar-nav .sidebar-brand.active .nav-label {
    color: #fff;
    transition: 0.3s all ease;
}

.sidebar-nav .sidebar-brand.active:hover .nav-label, .sidebar-nav .sidebar-brand.active:hover .icon i {
    color: #fff !important;
}

.toggled .sidebar-nav > .sidebar-brand a .icon {
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    background: none;
}

.toggled .sidebar-nav > .sidebar-brand a:hover .nav-label {
    animation: none;
    background: none;
}

@-webkit-keyframes slideInLeft {
    from {
        left: 0;
    }

    to {
        left: 70px;
    }
}

@keyframes slideInLeft {
    from {
        left: 0;
    }

    to {
        left: 70px;
    }
}

/****** Header right start ************/
.logo {
    float: left;
}

.header-right {
    margin-bottom: 0;
}

    .header-right > li {
        float: left;
        position: relative;
    }

        .header-right > li > a { /*overflow:hidden; */
            position: relative;
            margin: 0; /*padding:15px 18px; */
            display: block; /*max-height:50px; width:50px; height:50px; */
            color: #333;
        }

        .header-right > li > span {
            display: block;
        }

li.message-box, li.search-box {
    margin: 18px 10px 0;
}

li.language-box {
    margin: 24px 10px 0;
}

li.search-box .search-btn {
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: #fff;
}

.revoke {
    display: inline-block;
    margin-right: 5px;
}

header .user-name {
    font-size: 18px;
    text-align: right;
    color: #fff;
    width: auto;
    display: inline-block;
    float: right;
    padding: 26px 18px 26px 10px;
    position: inherit;
    right: inherit;
}

header.superadmin_header .user-name {
    padding: 15px;
}

header .user-name a {
    color: #333;
    height: inherit;
    padding: 0;
    width: inherit;
}

header .user-name span {
    font-size: 11px;
    color: #0172b0;
    /*font-family: 'open_sanssemibold';*/
    font-weight: bold;
    display: block;
    margin-top: 5px;
}

.header-right .search {
    background: #0172b0;
    padding: 0;
    transition: width 0.3s ease;
}

.header-right .user-image {
    padding: 0;
}

.header-right .user-menu {
    margin: 5px;
}

.dummy-block {
    background: #fff;
    height: 500px;
    width: 200px;
}

.header-right .open-box a {
    width: 300px;
    padding-top: 36px;
}

.header-right .open-box p {
    display: none;
}

.header-right .search input[type="text"] {
    background: none;
    border: medium none;
    height: 33px;
    padding-left: 12px;
    width: 100%;
    color: #fff;
    padding: 0 12px;
    height: 33px;
    width: 100%;
    opacity: 0;
}

.header-right .open input[type="text"] {
    opacity: 1;
}

.header-right > li > a > p {
    margin: 0;
    position: absolute;
    bottom: 8px;
    color: #fff;
    width: 100%;
    text-align: center;
    left: 0;
    font-size: 8px;
    text-transform: uppercase;
}
/* Help section css start */
.fa-info-circle {
    color: darkturquoise;
    font-size: 20px;
}

.help-icon {
    width: 200px;
    height: 200px;
    position: relative;
    margin-left: 40px;
    margin: 5px;
    cursor: pointer;
}

.learn-more {
    display: none
}

.help-icon .arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid black;
    float: left;
    margin-top: -4px;
}

.learn-more .help-text {
    position: relative;
    background-color: black;
    color: white;
    padding: 5px;
}

.help-icon:hover > .learn-more {
    display: inline-block;
}
/* Message popup css satrt */
li.message-box i {
    font-size: 33px;
}

.message-popup {
    border-radius: 4px;
    width: 300px;
    display: block;
    right: -10px;
    position: absolute;
    top: 50px;
    transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    visibility: hidden;
}

.message-popup-test {
    border-radius: 4px;
    width: 300px;
    display: block;
    right: -10px;
    position: absolute;
    top: 50px;
    transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    visibility: hidden;
}

.message-popup .content {
    opacity: 0;
}

.message-popup::before {
    background: none repeat scroll 0 0 white;
    border-radius: 50%;
    bottom: 29px;
    color: #fff;
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: -20px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 1px;
}

.message-popup.active {
    display: block;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    visibility: visible;
}

    /*.message-popup.active::before{border-radius:0; display:block; height:240px; margin-left:-300px; right:0; top:0; transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:300px;}*/
    .message-popup.active .content {
        opacity: 1;
        position: relative;
        transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
        -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
        z-index: 1;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
        box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
        background-color: #fff;
    }

/*.message-popup:after{content:''; position:absolute; transform:rotate(45deg); width:16px; height:16px; top:-9px; right:16px; z-index:-1; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);}
*/
.message-popup .content h4 {
    padding: 10px;
    margin: 0;
}

.message-popup .messenger-icon {
    float: left;
    width: 60px;
}

.message-popup .message-text {
    float: left;
    width: calc(100% - 60px);
    padding: 5px 15px;
}

.message-popup .media-left {
    width: 60px;
}

    .message-popup .media-left a {
        display: block;
        width: 60px;
    }

.message-popup .media {
    padding: 10px;
    margin: 0;
    border-top: 1px solid #ccc;
}

    .message-popup .media .message-overflow {
        height: 20px;
        overflow: hidden;
    }

.message-overflow img {
    display: none;
}

.message-popup .media.unread p {
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
}

.message-popup .media.unread h5 {
    /*font-family: "open_sansbold";*/
    font-weight: bold;
}
/*.message-popup .media:hover{background-color:#f6f6f6;}*/
.message-popup .media-body {
    vertical-align: middle;
}

    .message-popup .media-body p {
        margin-bottom: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        font-size: 12px;
        line-height: 17px;
        overflow: hidden;
        white-space: nowrap;
        width: 220px;
    }

.message-popup .popup-footer {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    background: #fff;
    text-align: right;
}

    .message-popup .popup-footer a {
        font-size: 12px;
        color: #0093d0;
    }

.header-right .user-profile-dropdown {
    display: block;
    visibility: hidden;
    width: 60px;
    min-width: inherit;
    left: inherit;
    right: 0px;
    border: none;
    box-shadow: none;
    background: none;
    text-align: center;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.header-right .open .user-profile-dropdown {
    visibility: visible;
}

.header-right .user-profile-dropdown li.user-mobile {
    display: none;
}

.header-right .user-profile-dropdown li {
    opacity: 0;
    display: table;
    width: 100%;
}

.header-right .open .user-profile-dropdown li {
    opacity: 1;
    transition: all 0.5s ease;
    text-align: center;
}

    .header-right .user-profile-dropdown li a, .header-right .open .user-profile-dropdown li a, .header-right .user-profile-dropdown li button {
        border-bottom: 1px solid #fff;
        position: relative;
        height: 60px;
        width: 60px;
        text-align: center;
        overflow: hidden; /*background:#0172b0; */
        transition: all 0.5s ease;
        color: #fff;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
    }

    .header-right .user-profile-dropdown li a, .header-right .open .user-profile-dropdown li:last-child a {
        border-bottom: 0;
    }

    .header-right .open .user-profile-dropdown li:last-child button {
        border: 0;
        background-color: transparent;
    }

.header-right .user-profile-dropdown li i {
    font-size: 18px;
    margin-bottom: 5px;
    color: #fff;
}

.user-profile-dropdown {
    text-align: center !important;
    min-width: 60px !important;
}

.header-right .user-profile-dropdown li p {
    margin: 0;
    word-wrap: break-word;
    white-space: normal;
    color: #fff;
    text-transform: uppercase;
    line-height: 12px;
    font-size: 12px;
}

.scrollTable tbody td {
    padding: 10px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { /*background-color:rgba(0, 147, 208, 1); */
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.2);
}

.scrollTable tr td {
    border-bottom: 3px solid #dfe1e2; /*overflow:hidden; */
}

.scrollTable thead tr {
    border: 0;
}

.scrollTable .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

.scrollTable.table-bordered tbody tr td, .scrollTable.table-bordered tfoot tr td, .scrollTable.table-bordered tfoot tr th {
    border-left: 1px solid rgb(221, 221, 221);
}

.scrollTable.table-bordered tbody tr td {
    color: #333333;
}

.table-bordered {
    border: 0;
}

    .table-bordered > thead > tr > th {
        border: 0;
        background: #a0a8ad;
        text-transform: uppercase;
        font-size: 14px;
        /*font-family: 'open_sanssemibold';*/
        font-weight: bold;
        padding: 15px 10px;
    }

    .table-bordered tbody tr td:last-child {
        border-right: 0px;
        border-left: 0;
        position: relative;
        overflow: visible;
    }

.panel > .table {
    border-radius: 0;
}

tr.open {
    position: relative !important;
    height: 100%;
    width: 100%;
}

.table-striped tbody tr td {
    background: #fff;
    vertical-align: middle;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    line-height: 21px;
    word-wrap: break-word;
}

.input-group-btn {
    z-index: 999;
}

.advance-search-panel {
    margin: 75px 15px 15px;
}

.filter-custom .mCSB_inside > .mCSB_container {
    margin-right: 5px;
}

.advance-search-panel .multiselect {
    background-color: inherit;
}

.advance-search-panel .multiselect-container {
    border-radius: 0;
    padding: 10px 0;
}

.advance-search-panel-before {
    background: #aeb2b5;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.advance-search-panel-block {
    max-height: 300px;
    overflow: auto;
}

.advance-search-panel .input {
    margin-bottom: 10px;
}

    .advance-search-panel .input .input {
        margin-left: 30px;
    }

.advance-search-panel input[type="text"] {
    border: 1px solid #d6d6d6;
    padding: 5px;
}

.checkbox-fav {
    float: right;
}

    .checkbox-fav label {
        margin-bottom: 0;
    }

    .checkbox-fav input[type=checkbox].css-checkbox {
        position: absolute;
        z-index: -1000;
        left: -1000px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

        .checkbox-fav input[type=checkbox].css-checkbox + label.css-label, .checkbox-fav input[type=checkbox].css-checkbox + label.css-label.clr {
            padding: 5px 4px;
            height: 25px;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: 0 0;
            font-size: 25px;
            vertical-align: middle;
            cursor: pointer;
            line-height: 0;
            width: 23px;
        }

            .checkbox-fav input[type=checkbox].css-checkbox:checked + label.css-label, .checkbox-fav input[type=checkbox].css-checkbox + label.css-label.chk {
                background-color: #F3A100;
            }

    .checkbox-fav .css-label {
        background-color: #AEAEA2;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 3px;
        display: block;
    }

        .checkbox-fav .css-label i {
            color: #fff;
            font-size: 15px;
            margin: 0;
            padding: 0;
        }

.form-col {
    padding-bottom: 1px;
}

.set-squence {
    text-align: center;
    float: left;
    display: inline-block;
}

.top-links .set-squence .btn {
    height: 35px;
    margin-right: 15px;
    padding: 0;
    width: 45px;
}

.set-squence .btn {
    /*font-family: 'open_sanslight';*/
    font-weight: lighter;
    white-space: normal;
}

a.close-bar {
    background: #58585A;
    padding: 2px;
    display: block;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
}

    a.close-bar i {
        font-size: 11px;
    }

a:focus.close-bar {
    color: #fff;
    text-decoration: none;
}

.scrollTable .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
/* define height and width of scrollable area. Add 16px to width for scrollbar */
div.tableContainer {
    width: 100%;
}

.m-b-10 {
    margin-bottom: 10px !important;
}
/* Reset overflow value to hidden for all non-IE browsers. */
html > body div.tableContainer {
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

    /* define width of table. IE browsers only */
    div.tableContainer table { /*float:left; width:740px */
        border-collapse: inherit;
    }

    /* define width of table. Add 16px to width for scrollbar. */
    /* All other non-IE browsers. */
    html > body div.tableContainer table { /* width:756px */
    }
/* set table header to a fixed position. WinIE 6.x only */
/* In WinIE 6.x, any element with a position property set to relative and is a child of */
/* an element that has an overflow property set, the relative value translates into fixed. */
/* Ex:parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
    position: relative;
}
/* set THEAD element to have block level attributes. All other non-IE browsers */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* make the TH elements pretty */
thead.fixedHeader th {
    background: #C96;
    border-left: 1px solid #EB8;
    border-right: 1px solid #B74;
    border-top: 1px solid #EB8;
    font-weight: normal;
    padding: 4px 3px;
    text-align: left;
}

span.sorting-desc {
    background: url("/Content/images/sorting-icon.png") no-repeat scroll 44px 5px rgba(0, 0, 0, 0);
    padding: 0 15px 0 10px;
    cursor: pointer;
}

span.sorting-asc {
    background: url("/Content/images/sorting-icon.png") no-repeat scroll 44px -15px rgba(0, 0, 0, 0);
    padding-right: 15px;
    cursor: pointer;
}

html > body tbody.scrollContent {
    display: block;
    height: 262px;
    overflow: auto;
    width: 100%;
}

html > body thead.fixedHeader {
    display: table;
    overflow: auto;
    width: 100%;
}

.plan-idname {
    position: relative;
    padding: 10px 20px 10px;
}

    .plan-idname p {
        margin-top: 0px;
        margin-bottom: 0;
    }

    .plan-idname .plan-id {
        /* font-family: 'open_sansregular';*/
        font-weight: normal;
        font-size: 12px;
        color: #777777;
    }

        .plan-idname .plan-id span {
            font-weight: bold;
            font-style: italic;
            /*font-family: 'open_sanssemibold_italic';*/
            color: #f3a100;
            font-size: 12px;
        }

    .plan-idname .plan-name {
        /*font-family: 'open_sanslight';*/
        font-weight: lighter;
        font-size: 20px;
        position: relative;
        line-height: 1.2; /* max-width:400px; */
        word-wrap: break-word;
    }

        .plan-idname .plan-name .super-admin {
            vertical-align: top;
            margin-left: 5px;
            display: inline-block;
        }

        .plan-idname .plan-name span {
            margin-right: 6px;
        }

.more-options {
    margin: 0;
    padding: 0px 20px;
    width: 100%;
    border-top: solid 1px #e5e5e5;
    background-color: #f6f6f6;
    min-height: 35px;
}

    .more-options ul {
        margin: 0;
    }

        .more-options ul li {
            margin-right: 15px;
            display: inline-block;
        }

            .more-options ul li.console {
                margin-right: 0;
            }

            .more-options ul li a {
                font-size: 12px;
                line-height: 30px;
                color: #777777;
            }

                .more-options ul li a[href]:hover {
                    color: #f3a100 !important;
                }

                .more-options ul li a.no-cursor[href]:hover {
                    color: #777 !important;
                }

                .more-options ul li a i {
                    vertical-align: middle;
                    margin-right: 3px;
                }

                .more-options ul li a span {
                    /*font-family: 'open_sansbold';*/
                    font-weight: bold;
                    color: #f3a100;
                    display: inline-block;
                    padding-left: 5px;
                }

.info-icon {
    color: #0093D0;
    display: inline-block;
    padding-top: 5px;
    font-size: 16px !important;
}

.user-info-icon {
    color: #0093D0;
    margin-bottom: 2px;
}

.userDashboard-info-icon {
    color: #0093D0;
    font-size: 16px;
    display: inline-block;
    padding-top: 5px;
    margin-left: 5px;
}

.buDashboard-info-icon {
    color: #0093D0;
    display: inline-block;
    padding-top: 5px;
    font-size: 16px;
}

.more-options ul li a span {
    /*font-family: 'open_sansbold';*/
    font-weight: bold;
    color: #f3a100;
    display: inline-block;
    padding-left: 5px;
}

.no-hover:hover {
    color: #777777 !important;
}

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

    .options-bottom .more-options {
        position: absolute;
        bottom: 0;
        left: 0;
    }
/*.more-options ul li a.assignment-icon i{background:url(/Content/images/sprite.png) no-repeat; width:22px; height:16px; display:inline-block; background-position:-49px -36px; margin-right:5px; padding:0;}
.more-options ul li a.share-icon i{background:url(/Content/images/sprite.png) no-repeat; width:19px; height:19px; display:inline-block; background-position:-54px -105px; margin-right:5px; padding:0;}
.more-options ul li a.external-user-icon i{background:url(/Content/images/sprite.png) no-repeat; width:29px; height:13px; display:inline-block; background-position:-47px -89px; margin-right:5px; padding:0;}
*/
.scrollTable td i {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    padding-bottom: 5px;
}

.moreOptions {
    padding-bottom: 0 !important;
}
/*.scrollTable td.icon-col{font-size:12px; width:7%;}
*/
.top-links {
    padding-top: 39px;
    display: inline-block;
    float: right;
}

.assigned-lesson-page .top-links {
    padding-top: 39px;
    position: relative;
    z-index: 1001;
}

a.fav-tab {
    display: block;
    float: left;
    height: 35px;
    width: 35px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 34px;
    position: relative;
    color: #fff !important;
}

    a.fav-tab i {
        font-size: 22px;
        vertical-align: middle;
    }

a:hover.fav-tab {
    opacity: 0.8;
}

.fav-tab .badge {
    background: none repeat scroll 0 0 rgb(243, 161, 0);
    height: 18px;
    padding: 3px 4px;
    line-height: 1;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 5px;
    border-radius: 12px;
}

.assigned-lesson-page a.fav-tab {
    height: 35px;
    width: 35px;
}

    .assigned-lesson-page a.fav-tab.completed-list-icon {
        width: auto;
        margin-left: 2px;
        color: #fff;
        padding-right: 10px;
    }

        .assigned-lesson-page a.fav-tab.completed-list-icon i {
            display: inline-block;
            height: 35px;
            width: 35px;
            background-color: rgba(0,0,0,0.1);
            vertical-align: top;
            line-height: 35px;
            font-size: 16px;
            margin-right: 3px;
            margin-top: -1px;
        }

/* table slide section starts */
.option-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.slide-action {
    width: 0%;
    overflow: hidden;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    right: 27px;
    position: absolute;
    height: 64px;
    top: 50%;
    z-index: 1;
    margin-top: -20.5px;
}

    .slide-action ul {
        margin: 0;
        overflow: hidden;
    }

    .slide-action:before {
        width: 0;
        height: 0;
        content: "";
        float: right;
        display: inline-block;
        position: relative;
        right: 0px;
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important;
        border-left: 10px solid;
        top: 50%;
        margin-top: -10px;
    }

tr.open .slide-action {
    width: 80%;
}

.scrollTable tbody tr {
    position: relative; /*display:block; */
}

    .scrollTable tbody tr:hover > td {
        background-color: #ecf9fe;
    }

        .scrollTable tbody tr:hover > td > .more-options {
            background-color: #eee;
        }
/*table td a.more-links{position:absolute; right:20%; top:50%; background:url(/Content/images/more-links.png) no-repeat right center; width:6px; height:17px;}
*/
.slide-action li {
    float: right;
}

    .slide-action li a i {
        color: #fff;
        padding: 0;
    }

    .slide-action li a {
        padding: 0 20px;
        line-height: 64px; /*background:#0172b0; */
        border-right: 1px solid rgba(0,0,0,0.1);
        display: block;
        height: 64px;
        color: #fff;
    }
/*.slide-action li a:hover{background:#00639a;}
*/
/*.scrollTable tbody tr:hover td{background:#ecf9fe;}
*/
/*.scrollTable tbody tr:hover td:first-child{background:none;}
*/
.table-tooltip {
    margin-right: 20px;
}

.table-tooltip {
    margin-right: 20px; /*color:#0172b0; */
    font-size: 20px;
    cursor: pointer;
}

.contents .inner {
    background: #c3c;
    width: 0%;
    overflow: hidden;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    right: 0;
    position: absolute;
}

.wrapper:hover .contents .inner {
    width: 80%;
}

.togglebtn-create {
    background: none repeat scroll 0 0 rgb(243, 80, 0);
    bottom: 51px;
    display: block;
    height: 50px;
    line-height: 29px;
    position: absolute;
    right: 43px;
    text-align: center;
    width: 50px;
    z-index: 1001;
}

.user-menu .togglebtn-create {
    right: 40px;
    bottom: 80px;
}

.user-menu .menu-item {
    right: 40px;
    bottom: 83px;
}

.position-rel {
    position: relative;
}

    .position-rel nav.menu .tooltop {
        display: block !important;
    }

.togglebtn-create i {
    color: #fff;
    font-size: 48px;
}

.shadowbottom {
    /*intentionally left blank*/
}

.input-group {
    z-index: 999;
}

.animated {
    animation-duration: 1s;
}

.common-animation.animated {
    animation-duration: 0.5s;
}

.menu-backdrop {
    background-color: rgba(221, 234, 246, 0.9);
    bottom: 0;
    left: 70px;
    position: fixed;
    right: 0;
    top: 50px;
    z-index: 1002;
    display: table;
    width: 100%;
    height: 100%;
}

.sub-menu-main {
    margin: 0 auto;
}

    .sub-menu-main li {
        float: left;
        vertical-align: top;
        margin: 2px;
    }

        .sub-menu-main li a { /*background:none repeat scroll 0 0 #0172b0; */
            border-right: 1px solid rgba(0, 0, 0, 0.2);
            color: #ffffff;
            display: table-cell;
            font-size: 18px;
            height: 124px;
            vertical-align: middle;
            /*font-family: 'open_sanssemibold';*/
            font-weight: bold;
            padding: 10px;
            width: 124px;
            text-align: center;
        }

.menu-backdrop .center-block {
    display: table-cell;
    vertical-align: middle;
}

    .menu-backdrop .center-block ul {
        width: 460px;
        margin-bottom: 0;
    }

.menu-backdrop1 .center-block {
    display: table-cell;
    vertical-align: middle;
}

    .menu-backdrop1 .center-block ul {
        width: 560px;
        margin-bottom: 0;
    }

        .menu-backdrop1 .center-block ul li a {
            text-transform: uppercase;
        }

.status-active {
    background: none repeat scroll 0 0 rgb(14, 157, 87) !important;
    display: block;
    height: 103%;
    left: -1px;
    position: absolute;
    top: 0;
    width: 10px;
}

.top-arrow {
    display: inline-block;
    margin-left: 3px; /*position:absolute; top:-15px; */
}

.income {
    position: relative;
}

.outgoing {
    position: relative;
}

a.close-submenu {
    background: #0093d0;
    color: #fff;
    /*font-family: "open_sanslight";*/
    font-weight: lighter;
    font-size: 72px;
    height: 72px;
    line-height: 60px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50px;
    vertical-align: top;
    width: 72px;
    z-index: 999999;
}

a.close-submenu1 {
    background: #0093d0;
    color: rgb(255, 255, 255);
    /*font-family: "open_sanslight";*/
    font-weight: lighter;
    font-size: 72px;
    height: 72px;
    line-height: 60px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50px;
    vertical-align: top;
    width: 72px;
    z-index: 999999;
}

a:hover.close-submenu {
    color: #ddd;
}

.menu-item { /*background:#019ada; */
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 58px;
    color: white;
    text-align: center;
    line-height: 30px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    right: 43px;
    z-index: 1000 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0px 4px 8px rgba(0, 0, 0, 0.28);
    font-size: 24px;
    /*font-family: 'open_sanslight';*/
    font-weight: lighter;
}

.menu-open-button {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0px 4px 8px rgba(0, 0, 0, 0.28);
}

.menu-open {
    display: none;
}

.hamburger {
    width: 25px;
    height: 3px;
    background: white;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    -webkit-transition: -webkit-transform 200ms;
    transition: transform 200ms;
}

.hamburger-1 {
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -ms-transform: translate3d(0, 0, 0) rotate(0deg);
    -o-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.hamburger-2 {
    -moz-transform: translate3d(0, 0, 0) scale(0.1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
    -ms-transform: translate3d(0, 0, 0) scale(0.1, 1);
    -o-transform: translate3d(0, 0, 0) scale(0.1, 1);
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.hamburger-3 {
    -moz-transform: translate3d(0, 0, 0) rotate(90deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
    -ms-transform: translate3d(0, 0, 0) rotate(90deg);
    -o-transform: translate3d(0, 0, 0) rotate(90deg);
    transform: translate3d(0, 0, 0) rotate(90deg);
}

.menu-open:checked + .menu-open-button .hamburger-1 {
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(45deg);
    -o-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked + .menu-open-button .hamburger-2 {
    -moz-transform: translate3d(0, 0, 0) scale(0.1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
    -ms-transform: translate3d(0, 0, 0) scale(0.1, 1);
    -o-transform: translate3d(0, 0, 0) scale(0.1, 1);
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked + .menu-open-button .hamburger-3 {
    -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
    -o-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu-item:hover, .menu-item:focus {
    opacity: 0.9;
    color: #fff;
}

.menu-item:nth-child(3) {
    -moz-transition-duration: 180ms;
    -webkit-transition-duration: 180ms;
    -ms-transition-duration: 180ms;
    -o-transition-duration: 180ms;
    transition-duration: 180ms;
}

.menu-item:nth-child(4) {
    -moz-transition-duration: 180ms;
    -webkit-transition-duration: 180ms;
    -ms-transition-duration: 180ms;
    -o-transition-duration: 180ms;
    transition-duration: 180ms;
}

.menu-item:nth-child(5) {
    -moz-transition-duration: 180ms;
    -webkit-transition-duration: 180ms;
    -ms-transition-duration: 180ms;
    -o-transition-duration: 180ms;
    transition-duration: 180ms;
}

.menu-item:nth-child(6) {
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
}

.menu-open-button {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    -ms-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
}

    .menu-open-button:hover {
        -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
        transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    }

.menu-open:checked + .menu-open-button {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
    transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

    .menu-open:checked ~ .menu-item ~ .tooltip {
        display: block;
    }

    .menu-open:checked ~ .menu-item.btn1, .menu-open:checked ~ .menu-item.btn1 ~ .tooltip {
        -webkit-transition-duration: 190ms;
        transition-duration: 190ms;
        -mstransition-duration: 190ms;
        -webkit-transform: translate3d(0px, -50px, 0px);
        -ms-transform: translate3d(0px, -50px, 0px);
        transform: translate3d(0px, -50px, 0px);
    }

    .menu-open:checked ~ .menu-item.btn2, .menu-open:checked ~ .menu-item.btn2 ~ .tooltip {
        -webkit-transition-duration: 290ms;
        transition-duration: 290ms;
        -mstransition-duration: 290ms;
        -webkit-transform: translate3d(0px, -103px, 0px);
        transform: translate3d(0px, -103px, 0px);
        -ms-transform: translate3d(0px, -103px, 0px);
    }

    .menu-open:checked ~ .menu-item.btn3, .menu-open:checked ~ .menu-item.btn3 ~ .tooltip {
        -webkit-transition-duration: 390ms;
        -ms-transition-duration: 390ms;
        transition-duration: 390ms;
        -webkit-transform: translate3d(0px, -156px, 0px);
        -ms-transform: translate3d(0px, -156px, 0px);
        transform: translate3d(0px, -156px, 0px);
    }

    .menu-open:checked ~ .menu-item.btn4, .menu-open:checked ~ .menu-item.btn4 ~ .tooltip {
        -webkit-transition-duration: 490ms;
        transition-duration: 490ms;
        -mstransition-duration: 490ms;
        -webkit-transform: translate3d(0px, -209px, 0px);
        transform: translate3d(0px, -209px, 0px);
        -ms-transform: translate3d(0px, -209px, 0px);
    }

    .menu-open:checked ~ .menu-item.btn5, .menu-open:checked ~ .menu-item.btn5 ~ .tooltip {
        -webkit-transition-duration: 490ms;
        -ms-transition-duration: 490ms;
        transition-duration: 490ms;
        -webkit-transform: translate3d(0px, -262px, 0px);
        -ms-transform: translate3d(0px, -262px, 0px);
        transform: translate3d(0px, -262px, 0px);
    }
/*******************************************/
/* tooltip css starts*/
[data-tooltip] { /*position:relative; */
    z-index: 2;
    cursor: pointer;
}
    /* Hide the tooltip content by default */
    [data-tooltip]:before, [data-tooltip]:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
        opacity: 1;
        pointer-events: none;
    }
    /* Position tooltip above the element */
    [data-tooltip]:before {
        background-color: #000;
        border-radius: 3px;
        bottom: 5px;
        color: #ffffff;
        content: attr(data-tooltip);
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 5px;
        margin-left: 0;
        padding: 6px;
        position: absolute;
        right: 60px;
        text-align: right;
        width: 185px;
        display: none;
    }
    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
        border-bottom: 5px solid rgba(0, 0, 0, 0);
        border-left: 5px solid #000;
        border-top: 5px solid rgba(0, 0, 0, 0);
        bottom: 17px;
        content: " ";
        font-size: 0;
        line-height: 0;
        margin-left: -6px;
        position: absolute;
        display: none;
        right: 55px;
        width: 0;
    }
    /* Show tooltip content on hover */
    [data-tooltip]:hover:before, [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

.menu-open:checked ~ .menu-item[data-tooltip]:before, .menu-open:checked ~ .menu-item ~ .tooltip[data-tooltip]:before {
    display: block;
}

.menu-open:checked ~ .menu-item[data-tooltip]:after, .menu-open:checked ~ .menu-item ~ .tooltip[data-tooltip]:after {
    display: block;
}

.lp[data-tooltip]:before {
    width: 120px;
}

.lp.cu[data-tooltip]:before {
    width: 52px;
}

.tm[data-tooltip]:before {
    width: 140px;
}

.qb[data-tooltip]:before {
    width: 135px;
}

.r[data-tooltip]:before {
    width: 95px;
}

.ct[data-tooltip]:before {
    width: 163px;
}

.training-module-button .lp[data-tooltip]::before {
    width: 140px;
}

.training-module-button .tm[data-tooltip]::before {
    width: 152px;
}

.lp.cc[data-tooltip]::before {
    width: 90px;
}

.lp.sa[data-tooltip]::before {
    width: 153px;
}

.ilt[data-tooltip]::before {
    width: 200px;
}

.lp.bu[data-tooltip]::before {
    width: 70px;
}

.cm[data-tooltip]::before {
    width: 100px;
}

.cmr[data-tooltip]::before {
    width: 110px;
}

.cct[data-tooltip]::before {
    width: 107px;
}
/*tooltip css ends*/
.recent-col {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 11px;
    height: 16px;
    line-height: normal;
    padding: 0 4px;
    position: absolute;
    right: 10px;
    top: 47px;
}

.recent-badge {
    top: 8px !important;
}
/*Input search-box css3*/
/*.search-box span{background:rgba(0, 0, 0, 0.2); display:block; height:50px; position:relative; overflow:hidden; cursor:pointer;}*/

.search-box a i.icon-search-thik {
    cursor: pointer;
}

.search-box input[type=search] {
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}

.search-box input::-webkit-search-decoration, .search-box input::-webkit-search-cancel-button {
    display: none;
}

.search-box-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
}

.search-box input[type=search] {
    background: #BCC1C5;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    line-height: 1;
    height: 30px;
    width: 180px;
    border: 0;
    color: #fff;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    vertical-align: top;
    border-radius: 0;
    -webkit-appearance: none;
}

    .search-box input[type=search]:focus {
        border-color: #66afe9 !important;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
        outline: 0 none;
        background-color: #ccc;
    }
/*.search-box input[type=search]:focus{width:300px; border-color:#66CC75; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
*/
.search-box input:-moz-placeholder {
    color: #fff;
}

.search-box input::-webkit-input-placeholder {
    color: #fff;
}

li.rewards {
    text-align: center;
    display: block;
    position: relative;
    margin: 21px 15px 0;
}

    li.rewards img {
        width: 23px;
    }

    li.rewards span.badge {
        position: absolute;
        top: -10px;
        left: 14px;
        background-color: #ff0000;
        z-index: 1;
    }
/*Popup modal bottom screen*/
.large-modal-popup-bottom {
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    z-index: 10000;
    /*font-family: 'open_sanslight';*/
    font-weight: normal;
    color: #fff;
}

    .large-modal-popup-bottom .modal-lg {
        margin: 0 auto;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .large-modal-popup-bottom .modal-header {
        padding: 0;
        border-bottom: 0;
    }

        .large-modal-popup-bottom .modal-header .modal-title {
            font-size: 30px;
            color: #fff;
            text-transform: uppercase;
        }

        .large-modal-popup-bottom .modal-header .close {
            margin-top: 0;
            padding: 15px;
            position: absolute;
            top: 0;
            right: 0;
            background-color: rgba(0,0,0,0.2);
            color: #fff;
            opacity: 1;
        }

    .large-modal-popup-bottom .modal-body {
        padding: 20px 0 0;
        font-size: 16px;
    }

        .large-modal-popup-bottom .modal-body p {
            line-height: 22px;
        }

    .large-modal-popup-bottom .modal-content {
        padding: 20px 35px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0; /*background-color:#0093d0; */
    }

        .large-modal-popup-bottom .modal-content .input {
            margin: 15px 0 0px;
        }

            .large-modal-popup-bottom .modal-content .input label {
                font-size: 18px;
                color: #00364c;
            }

    .large-modal-popup-bottom .input input[type="checkbox"] + label:before {
        border: solid 2px #fff;
    }

    .large-modal-popup-bottom .input input[type="checkbox"]:checked + label:before {
        background: #006f9d;
    }

    .large-modal-popup-bottom .btn {
        margin-left: 10px;
        padding: 5px 20px;
        background-color: rgba(0,0,0,0.2);
        color: #fff;
    }

        .large-modal-popup-bottom .modal-header .close:hover, .large-modal-popup-bottom .btn:hover {
            opacity: 0.7;
            filter: "alpha(opacity=70)";
            -ms-filter: "alpha(opacity=70)";
        }

    .large-modal-popup-bottom .modal-btn {
        text-align: right;
    }

    .large-modal-popup-bottom .show-select-option {
        display: none;
    }

    .large-modal-popup-bottom .modal-content .show-select-option .input {
        margin: 10px 0px;
    }

    .large-modal-popup-bottom .input.select select {
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        font-size: 14px;
        color: #fff;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
    }

    .large-modal-popup-bottom .input.select:after {
        border-color: #fff transparent transparent;
        border-width: 4px;
    }

    .large-modal-popup-bottom .modal.fade {
        bottom: -25%;
        -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
        -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
        transition: opacity 0.3s linear, bottom 0.3s ease-out;
    }

        .large-modal-popup-bottom .modal.fade.in {
            bottom: -1px;
        }

/*Lesson plan two page css*/
.lesson-plan-tbl .slide-action {
    top: 6px;
}

.lesson-plan-tbl .table-tooltip {
    position: absolute;
    top: 25px;
    right: 0;
}
/*bootstrap-switch css*/
.lesson-plan-tbl .bootstrap-switch {
    border: 0;
}

    .lesson-plan-tbl .bootstrap-switch.bootstrap-switch-focused {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
    }

    .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
        background: #0E9D57;
        width: 24px !important;
        height: 28px !important;
        border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
    }

    .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
        background: #0E9D57;
        border: solid 2px #0E9D57;
    }

    .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
        background: #ffffff;
        border: solid 2px #ccc;
    }

    .lesson-plan-tbl .bootstrap-switch .bootstrap-switch-label {
        padding: 0px;
        width: 25px;
        height: 2px;
        background: #ccc;
    }

.lesson-plan-tbl .input {
    margin-bottom: 0;
}
/*Assigned lesson plan page css*/
.scrollTable.assigned-tbl > thead > tr > th:first-child {
    background: #A0A8AD;
}

.table-striped.assigned-tbl tbody tr td:first-child {
    border-left: 1px solid rgb(221, 221, 221);
    border-bottom: 3px solid #dfe1e2;
    padding: 10px;
    vertical-align: middle;
    background: #fff;
}
/************************************************* create lesson plan css starts *************************************************/

/********************************Select parameter page css start******************************/
.lesson-plan-content {
    position: relative;
    clear: both;
}

.step1-container, .step2-container, .step3-container {
    position: relative;
    clear: both;
}

.lesson-plan-steps {
    margin: 0;
    padding: 0;
}

    .lesson-plan-steps .animated {
        -webkit-animation-fill-mode: inherit;
        animation-fill-mode: inherit;
    }

h1.inner-title {
    font-size: 28px;
    color: #000000;
    /*font-family: 'open_sanslight';*/
    font-weight: normal;
    margin: 0;
    padding: 10px 20px 0;
    display: inline-block;
}

    h1.inner-title.customized-title {
        display: block;
        padding: 10px 20px;
        background-color: #ccc;
    }

    h1.inner-title span {
        font-size: 14px;
        color: #5e5e5e;
        vertical-align: bottom;
        margin-left: 10px;
        display: inline-block;
        padding-bottom: 3px;
    }

.lesson-plan-steps .project-dropdown {
    display: inline-block;
    width: 300px;
    margin: 20px 20px 0 0;
}

    .lesson-plan-steps .project-dropdown .form-control {
        height: 40px;
    }

.project-tag {
    background-color: #F3A100;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 5px;
    margin: 11px 20px 0 0;
}

    .project-tag:after {
        clear: both;
        content: "";
    }

.create-lesson-plan-header ul li {
    background-color: rgba(0, 0, 0, 0.2);
}

    .create-lesson-plan-header ul li.active {
        background-color: inherit;
    }
/*.create-lesson-plan-header ul li.step-2-heading{background-color:rgba(0, 0, 0, 0.1);}
*/
.create-lesson-plan-header ul li {
    float: left;
    font-size: 16px;
    color: #fff;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px 15px;
}

    .create-lesson-plan-header ul li .title-caption {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 50px);
        -webkit-width: calc(100% - 50px);
        -ms-width: calc(100% - 50px);
        -moz-width: calc(100% - 50px);
    }

        .create-lesson-plan-header ul li .title-caption em {
            display: block;
            color: #ffd700;
            font-size: 10px;
        }

    .create-lesson-plan-header ul li a {
        color: #fff;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        text-transform: uppercase;
    }

    .create-lesson-plan-header ul li span {
        height: 40px;
        width: 40px;
        display: inline-block;
        background-color: rgba(0,0,0,0.1);
        line-height: 40px;
        text-align: center;
        font-size: 24px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .create-lesson-plan-header ul li.completed-step span i {
        color: #F3A100;
    }

    .create-lesson-plan-header ul li.active {
        /*font-family: 'open_sanssemibold';*/
        font-weight: bold;
    }

        .create-lesson-plan-header ul li.active span {
            border-bottom: 3px solid #f3a100;
        }
/*.lesson-plan-content{padding-bottom:158px;}*/

.lesson-plan-steps .step-1-content h2 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 15px;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    line-height: 35px;
}

.lesson-plan-steps .step-1-content .form-left {
    line-height: 22px;
    color: #666666;
    font-size: 16px;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    padding: 0;
}

.lesson-plan-steps .step-1-content .form-right {
    padding: 30px 20px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}

    .lesson-plan-steps .step-1-content .form-right .form-row {
        margin-bottom: 20px;
    }

        .lesson-plan-steps .step-1-content .form-right .form-row .input .input {
            margin-left: 30px;
        }

    .lesson-plan-steps .step-1-content .form-right .duration input[type="text"] {
        margin-right: 20px;
        width: 100%;
    }

.lesson-plan-steps label {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
    /*    font-family: 'open_sansregular';*/
    font-weight: normal;
}

.lesson-plan-steps .step-1-content .form-right label a { /*color:#007dc1; */
    text-decoration: underline;
    text-transform: capitalize;
}

.lesson-plan-steps .step-1-content .form-right .editEmailTemplate {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.lesson-plan-steps input[type="text"] {
    border: 1px solid #d6d6d6;
    box-shadow: none;
    border-radius: 0;
    height: 42px;
    padding: 5px 15px;
    /*    font-family: 'open_sansregular';*/
    font-weight: normal;
    width: 100%;
    font-size: 13px;
}

.lesson-plan-steps .step-1-content .form-right select {
    border: 1px solid #d6d6d6;
    box-shadow: none;
    border-radius: 0;
    height: 43px;
    padding: 10px 25px 10px 5px;
    /*    font-family: 'open_sansregular';*/
    font-weight: normal;
}

.lesson-plan-steps .step-1-content .form-right textarea {
    border: 1px solid #d6d6d6;
    box-shadow: none;
    border-radius: 0;
    min-height: 90px;
    padding: 15px 10px;
    width: 100%;
    display: block;
    resize: none;
}

.lesson-plan-steps .step-1-content .form-right .custom-radio .input {
    display: inline-block;
    margin-top: 12px;
}

.lesson-plan-steps .input input[type="radio"] + label::before, .lesson-plan-steps .input input[type="radio"] + label::after {
    top: -3px;
    height: 25px;
    width: 25px;
}

.lesson-plan-steps .input input[type="radio"] + label {
    padding-left: 30px;
}

.lesson-plan-steps .input-group-addon {
    border-radius: 0;
    background-color: #959595;
    font-size: 18px;
    color: #fff;
}

.lesson-plan-steps .step-1-content .form-right .form-row .check-box-group .input {
    margin-top: 15px;
}

.lesson-plan-footer {
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    width: 100%;
    bottom: 25px;
    z-index: 1000;
    padding: 0px 20px;
    left: 0;
}

.report-footer {
    position: inherit !important;
}

.lesson-plan-footer a {
    margin-left: 10px;
}

    .lesson-plan-footer a strong {
        /*font-family: 'open_sansbold';*/
        font-weight: bold;
    }

.has-error .form-control {
    border-color: #a94442 !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .report-footer {
        margin-bottom: 60px !important;
    }

    ul.pagination.pagination-sm, div#mCSB_10_dragger_vertical {
        margin-bottom: 40px !important;
    }
}
/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .report-footer {
        margin-bottom: 60px !important;
    }

    ul.pagination.pagination-sm, div#mCSB_10_dragger_vertical {
        margin-bottom: 40px !important;
    }
}

.form-control-feedback {
    height: 42px;
    width: 42px;
}

.has-feedback label ~ .form-control-feedback {
    top: 29px;
}

.lesson-plan-steps .attach .input {
    margin-bottom: 0;
}

.lesson-plan-steps .attach .form-group {
    margin-bottom: 20px;
}

.lesson-plan-steps .setting .input {
    margin-bottom: 0;
}

.lesson-plan-steps .setting .form-group { /*margin-bottom:20px; */
}

.lesson-plan-steps .setting .check-box-group .form-group {
    margin-bottom: 15px;
}

.lesson-plan-steps .create .input {
    margin-bottom: 0;
}

.lesson-plan-steps .create .form-group {
    margin-bottom: 20px;
}

.project-template {
    margin: 10px 0;
    padding: 0 30px;
    text-align: right; /*overflow:hidden; */
}

    .project-template .select {
        width: 300px;
        display: inline-block;
        background-color: #fff;
    }

    .project-template label {
        margin: 10px 10px 0 0;
        display: inline-block;
    }

    .project-template .deleteTemplate {
        vertical-align: top;
        padding-top: 8px;
        display: inline-block;
    }

.inlineblock {
    display: inline-block;
}

.input.select label {
    position: inherit;
}

.input .btn-group input[type="radio"] {
    opacity: 1;
    margin-top: 0;
}

.input .btn-group button.multiselect b.caret {
    border: 0;
}

.btn-group, .btn-group-vertical {
    width: 100%;
}

    .btn-group .form-control {
        text-align: left;
    }

.multiselect-container {
    width: 100%;
    max-height: 240px;
    overflow: auto;
}

.input-group-note {
    font-size: 11px;
}

.categoryParent .create-category-link {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-row-alignment {
    margin-left: 0px;
    margin-right: 0px;
}
/*******************************************Select parameter page css ends***************************************/
/*******************************************Select trainng module page css starts**********************************/
.step-2-content {
    position: relative;
}

.training-module-left {
    border-right: 5px solid #F3A100;
    background-color: #f0f0f0;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

.training-left-header {
    min-height: 60px;
    padding-top: 18px;
}

.question-create .training-left-header {
    min-height: inherit;
}

.training-module-left h2 {
    font-size: 24px;
    color: #323232;
    margin: 0;
    padding-left: 10px;
}

.training-module-left .fav-tab {
    margin: -5px 0 0 0;
}

.training-module-filter {
    background-color: #e6e4e4;
    padding: 5px 0;
    position: relative;
    padding-left: 60px;
    height: 45px;
    text-align: right;
    padding-right: 20px; /*z-index:99; */
}

.filter-search {
    height: 45px;
    width: 45px;
    display: inline-block; /*background-color:#0093d0; */
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 2;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

    .filter-search.open {
        width: 500px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .filter-search .search-panel {
        width: 500px;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

        .filter-search .search-panel a.search-toggle {
            height: 45px;
            width: 45px;
            padding: 0;
            text-align: center;
            display: block;
            cursor: pointer;
            line-height: 45px;
        }

            .filter-search .search-panel a.search-toggle i {
                font-size: 25px; /*float:right; */
                /*margin-top:5px; */
                display: block;
            }

        .filter-search .search-panel input[type="text"] {
            width: calc(100% - 40px);
            position: absolute;
            left: 45px;
            top: 0;
            height: 45px;
            border: 0;
            color: #fff;
        }

.training-module-filter .input.select {
    width: 150px;
    margin-left: 13px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
}

    .training-module-filter .input.select select {
        border: 1px solid #DADADA;
        height: 35px;
    }

.set-default {
    margin: 0 0 0 10px; /*width:135px; */
    display: inline-block;
    line-height: 35px;
    padding-left: 10px;
    text-align: center;
}

#lesson-plan-list .set-default {
    float: left;
    margin-right: 15px;
}

.body-parent {
    height: 100%;
    background: #77838a none repeat scroll 0 0;
}

.set-default a {
    height: 35px;
    width: auto;
    float: left;
    background-color: inherit;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-transform: capitalize;
}

    .set-default a.reload {
        background-color: rgba(0,0,0,0.1);
        display: inline-block;
        height: 35px;
        line-height: 35px;
        text-align: center;
        width: 35px;
        margin-left: 10px;
    }

.btn-icon.tab-view-more-option-btn {
    display: none;
}

    .btn-icon.tab-view-more-option-btn a {
        position: relative;
    }

        .btn-icon.tab-view-more-option-btn a:focus {
            text-decoration: none;
        }

.tab-view-more-option {
    display: inline-block;
}

.btn-icon {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

    .btn-icon a {
        height: 35px;
        padding-right: 15px;
        display: inline-block;
        line-height: 35px;
        color: #fff;
        font-size: 14px;
    }

.gicon a {
    width: 35px;
}

.selectall.btn-icon a {
    text-align: center;
    width: 35px;
    padding: 0;
}

.selectallGroup.btn-icon a {
    text-align: center;
    width: 35px;
    padding: 0;
}

.removeall.btn-icon a {
    text-align: center;
    width: 35px;
    padding: 0;
}

.btn-icon span {
    height: 35px;
    width: 35px;
    display: inline-block;
    background-color: rgba(0,0,0,0.1);
    text-align: center;
    margin-right: 10px;
}

    .btn-icon span i {
        font-size: 18px;
        color: #fff;
    }

.training-module-filter .filter {
    display: inline-block;
    float: right;
}

    .training-module-filter .filter.documents-filter {
        padding-right: 25px;
    }

    .training-module-filter .filter span.filter-icon {
        height: 45px;
        width: 45px;
        line-height: 50px;
        display: inline-block;
        text-align: center;
        background-color: #d4d4d4;
        margin-top: -5px;
        margin-right: -20px;
        margin-left: 10px;
    }

        .training-module-filter .filter span.filter-icon .filter-icon-wrap {
            height: 45px;
            width: 45px;
            display: inline-block;
        }

        .training-module-filter .filter span.filter-icon a.filter-popup {
            display: block;
            height: 45px;
        }

        .training-module-filter .filter span.filter-icon i {
            color: #7b797a;
            font-size: 24px;
        }

.training-module-right {
    background-color: #fff;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

.pick-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    z-index: 1002;
}

    .pick-button a {
        opacity: 0.8;
        height: 70px;
        width: 70px;
        color: #fff;
        font-size: 11px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        text-transform: uppercase;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        text-decoration: none;
        padding-top: 10px;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        overflow: hidden;
    }

#shareWithBusinessUnit .pick-button {
    margin-left: -38px;
}

    #shareWithBusinessUnit .pick-button a {
        height: 76px;
        width: 76px;
    }

#addToLessonPlan .pick-button {
    margin-left: -38px;
}

    #addToLessonPlan .pick-button a {
        height: 76px;
        width: 76px;
        padding: 10px;
    }

.pick-button a span {
    display: block;
}

.three-colum .pick-button {
    left: 58.3%;
}

.pick-button a:hover {
    opacity: 1;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.yellow-tag {
    background-color: #f3a100;
    font-size: 14px;
    color: #fff;
    /*    font-family: 'open_sansbold';*/
    font-weight: bold;
    padding: 10px 40px;
    text-transform: uppercase;
    display: inline-block;
}

.training-right-header {
    position: relative;
    text-align: center;
    min-height: 60px;
}

#myPopoverContent {
    display: none;
}

#myPopoverContentPersonal {
    display: none;
}

.drag-info {
    color: #666666;
    font-size: 13px;
    margin-right: 20px;
    padding: 5px 0 0 0;
}

.lesson-plan-steps .mCSB_inside > .mCSB_container {
    margin-right: 5px;
    padding-bottom: 43px !important;
}

.tarining-card-scrollbar {
    padding-bottom: 50px;
}

/* training-cards starts*/
.training-cards {
    margin: 20px 0;
}


    .training-cards .card {
        height: 65px;
        background-color: #fff;
        padding: 0 25px;
        margin-bottom: 10px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
        cursor: pointer;
        border: 3px solid #fff;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        position: relative;
        display: table;
        width: 100%;
    }

        .training-cards .card.selected:hover {
            border-color: transparent !important;
        }

        .training-cards .card.selected:after {
            content: "";
            position: absolute;
            right: -1px;
            top: -1px;
            font-family: FontAwesome;
            color: #fff;
            background-color: rgba(0,0,0,0.1);
            height: 30px;
            width: 30px;
            display: inline-block;
            text-align: center;
            line-height: 30px;
        }

        .training-cards .card.selected .dots i {
            color: #fff;
        }

        .training-cards .card.selected p {
            color: #fff;
        }

        .training-cards .card.selected {
            -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.37);
            -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.37);
            box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.37);
        }

            .training-cards .card.selected p a i {
                color: #fff !important;
                font-size: 14px;
            }

        .training-cards .card:hover {
            border: 3px solid #d2d1d1;
            transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            -webkit-transition: all 0.2s;
        }

        .training-cards .card p {
            font-size: 14px;
            /*font-family: 'open_sansregular';*/
            font-weight: normal;
            color: #333333;
            display: table-cell;
            vertical-align: middle;
            width: 100%;
        }

        .training-cards .card .date {
            font-size: 11px;
            display: table-cell;
            vertical-align: middle;
            text-align: right;
            position: absolute;
            right: 35px;
            top: 5px;
            color: #f3a100;
            /*font-family: 'open_sanssemibold_italic';*/
            font-weight: bold;
            font-style: italic;
        }

        .training-cards .card .card-status {
            display: table-cell;
            vertical-align: middle;
            font-size: 12px;
            text-align: center;
        }

            .training-cards .card .card-status i {
                font-size: 18px;
                padding-bottom: 3px;
                vertical-align: middle;
                display: block;
            }

        .training-cards .card.selected .card-status a {
            color: #fff !important;
        }

        .training-cards .card .card-detail {
            color: #333333;
            display: table-cell;
            /*font-family: "open_sansregular";*/
            font-weight: normal;
            font-size: 14px;
            vertical-align: middle;
            width: 100%; /*position:relative; */
            padding-right: 10px;
        }

            .training-cards .card .card-detail p {
                display: inline-block;
                width: auto;
                margin: 0;
            }

                .training-cards .card .card-detail p.training-module-name {
                    width: 100%;
                    max-height: 30px;
                    overflow: hidden;
                    line-height: 16px;
                }

        .training-cards .card.selected .card-detail {
            color: #fff;
        }

        .training-cards .card .card-expiry {
            display: table-cell;
            vertical-align: middle;
            position: absolute;
            right: 10px;
        }

.card-expiry input[type="text"] {
    padding: 3px;
    height: 30px;
    width: 60px;
}

.training-cards .card .card-expiry label {
    font-size: 12px;
    margin-bottom: 4px;
}

.training-cards .card.selected .card-expiry label {
    color: #fff;
}

#active-training-cards .card .card-expiry {
    display: none;
}

.training-cards .card .card-detail span {
    position: relative;
}

.training-cards .card .card-detail .training-module-description:hover .custom-tooltip {
    display: block;
}

.training-cards .card .card-detail span.training-module-description {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -5px;
}

.training-cards .card .card-detail .tooltip-container {
    line-height: 20px;
}
/*.training-cards .card p i.fa-eye{transform:scale(0); opacity:0; transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s; color:#0093d0;}
.training-cards .card:hover p i.fa-eye{transform:scale(1); opacity:1; transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}
*/
.training-cards .card.selected-question {
    border: 1px solid #e5e5e5; /*cursor:move; */
    position: relative;
    padding-left: 0;
}
    /*.training-cards .card.selected-question p:before{color:#a0a0a0; font-size:24px; margin-right:15px; content:""; font-family:FontAwesome; display:inline-block; vertical-align:middle;}
*/
    .training-cards .card.selected-question .card-close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 18px;
        color: #999999;
        transform: scale(0);
        opacity: 0;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }

    .training-cards .card.selected-question:hover {
        background-color: #fcfcfc;
    }

.training-cards .card.locked-card.selected-question:hover {
    background-color: #e5e5e5;
}

.training-cards .card.selected-question:hover .card-close {
    transform: scale(1);
    opacity: 1;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.training-module-description .custom-tooltip {
    left: auto;
    right: 20px;
    top: -19px;
}

.last-card .training-module-description .custom-tooltip {
    top: auto;
    bottom: -17px;
}

.last-card .custom-tooltip .arrow {
    top: auto;
    bottom: 15px;
}

.training-module-description .custom-tooltip .arrow {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-left: 10px solid #ffffff;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-right: none;
    left: inherit;
    right: -9px;
}

    .training-module-description .custom-tooltip .arrow:before {
        border-bottom: 11px solid rgba(0, 0, 0, 0);
        border-left: 10px solid rgba(0, 0, 0, 0.2);
        border-top: 11px solid rgba(0, 0, 0, 0);
        border-right: none;
        left: -9px;
    }

.card.locked-card {
    background-color: #e9e9e9;
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none !important;
    border: none !important;
}
/* custom-dropdown */
.popover-content {
    width: 250px; /*min-height:350px; */
    padding-top: 15px;
    word-wrap: break-word;
}

    .popover-content .custom-radio {
        margin-bottom: 0;
    }

    .popover-content .check-box-group .input {
        margin-bottom: 10px;
    }

.filter .popover {
    left: inherit !important;
    right: 0;
    box-shadow: none;
    background-color: #d4d4d4;
    border-radius: 0;
    border: 0;
    margin: 0 !important;
    z-index: 9999;
}

    .filter .popover .arrow {
        display: none;
    }

.filter-icon .popover .input-group span.input-group-addon {
    background-color: inherit;
    padding: 0 10px 0 0;
}

    .filter-icon .popover .input-group span.input-group-addon i {
        font-size: 14px;
        color: #333333;
    }

.filter-icon .popover .input-group input {
    background-color: inherit;
    color: #333333;
}

.filter-icon .popover .input-group {
    border: 1px solid #777;
}

.filter-icon .popover .btn-blue {
    text-transform: capitalize;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
}

.filter-icon .popover .date-range {
    margin-bottom: 20px;
}
/*.lesson-plan-steps .filter-icon .popover .input input[type="checkbox"] + label::before{background-color:#fff;}
*/
.lesson-plan-steps .menu-open:checked ~ .menu-item.tm, .lesson-plan-steps .menu-open:checked ~ .menu-item.tm ~ .tooltip {
    transform: translate3d(0px, -55px, 0px);
    -moz-transform: translate3d(0px, -55px, 0px);
    -webkit-transform: translate3d(0px, -55px, 0px);
    -ms-transform: translate3d(0px, -55px, 0px);
    -o-transform: translate3d(0px, -55px, 0px);
}
/*************************************************Select trainng module page css ends ***********************************************/

/*********************************************** Assign users page starts ************************************************/
.step-3-content {
    position: relative;
}
/* assign users tabs starts*/
.header-buttons {
    position: absolute;
    right: 10px;
    top: -42px;
}

.lesson-plan-tabs {
    margin: 0;
    padding: 0;
}

    .lesson-plan-tabs ul.nav-tabs {
        text-align: center;
    }

        .lesson-plan-tabs ul.nav-tabs li {
            float: none;
            display: inline-block;
            border: 0;
            margin: 0;
            /*font-family: 'open_sansregular';*/
            font-weight: normal;
        }

            .lesson-plan-tabs ul.nav-tabs li a {
                border: 0;
                padding: 15px 0;
                color: #737373;
            }

            .lesson-plan-tabs ul.nav-tabs li.active a {
                background-color: inherit;
                border: 0;
                border-radius: 0;
                color: #333333;
                font-family: 'open_sanssemibold';
                font-weight: bold;
            }

            .lesson-plan-tabs ul.nav-tabs li a:hover {
                background-color: inherit;
                border: 0;
            }
/* assign users tabs ends*/
.lesson-plan-content.step-3-content .card {
    padding-left: 0;
}

    .lesson-plan-content.step-3-content .card img {
        float: left;
        margin-right: 20px;
        max-width: 70px;
        height: 65px;
    }

.lesson-plan-content.step-3-content .training-cards .card.selected-question p::before {
    display: none;
}

.lesson-plan-tabs .navbar-x {
    text-align: center;
    position: relative;
}

    .lesson-plan-tabs .navbar-x ul.nav-tabs {
        text-align: left;
        width: 500px;
    }

    .lesson-plan-tabs .navbar-x ul.ecommerce {
        width: auto !important;
    }

    .lesson-plan-tabs .navbar-x ul.nav-tabs {
        position: relative;
        overflow: hidden;
        display: block;
        text-align: center;
        border: 0;
        margin: 0 auto;
    }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li {
            text-align: center;
            min-width: 150px;
            display: block;
            text-indent: 0;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs:hover > li.active > a:hover, .navbar-x ul.nav-tabs:hover > li.active > a:focus, .navbar-x ul.nav-tabs:focus > li.active > a:hover, .navbar-x ul.nav-tabs:focus > li.active > a:focus {
            color: black;
            background-color: inherit;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li > a {
            width: 150px;
            position: relative;
            float: left;
            text-indent: 0;
            transition: color 0.42s ease-in-out;
            -moz-transition: color 0.42s ease-in-out;
            -webkit-transition: color 0.42s ease-in-out;
            -ms-transition: color 0.42s ease-in-out;
            -o-transition: color 0.42s ease-in-out;
            display: block;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li.bottom-bar {
            transition: left 0.42s ease-in-out;
            -moz-transition: left 0.42s ease-in-out;
            -webkit-transition: left 0.42s ease-in-out;
            -ms-transition: left 0.42s ease-in-out;
            -o-transition: left 0.42s ease-in-out;
            position: absolute;
            height: 3px;
            width: 150px;
            bottom: 0;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li:nth-child(1).active ~ .bottom-bar {
            left: 0px;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li:nth-child(1):hover ~ .bottom-bar, .navbar-x ul.nav-tabs > li:nth-child(1):focus ~ .bottom-bar {
            left: 0px !important;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li:nth-child(2).active ~ .bottom-bar {
            left: 150px;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li:nth-child(2):hover ~ .bottom-bar, .navbar-x ul.nav-tabs > li:nth-child(2):focus ~ .bottom-bar {
            left: 150px !important;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li:nth-child(3).active ~ .bottom-bar {
            left: 300px;
        }

        .lesson-plan-tabs .navbar-x ul.nav-tabs > li:nth-child(3):hover ~ .bottom-bar, .navbar-x ul.nav-tabs > li:nth-child(2):focus ~ .bottom-bar {
            left: 300px !important;
        }
/* custom-popup css starts*/
.custom-popup {
    background-color: rgba(0,0,0,0.5);
    z-index: 100000;
    padding-left: 70px;
}

    .custom-popup .modal-dialog {
        width: 100%;
        height: 100%;
        background-color: #fff;
        margin: 0 auto;
        transform: scale(0.9) !important;
        -moz-transform: scale(0.9) !important;
        -webkit-transform: scale(0.9) !important;
        -ms-transform: scale(0.9) !important;
        -o-transform: scale(0.9) !important;
        transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
    }

    .custom-popup.in .modal-dialog {
        transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
    }

    .custom-popup .modal-content {
        box-shadow: none;
        border-radius: 0;
        border: 0;
        text-align: left;
    }
    /*.modal-backdrop{display:none;}
*/
    .custom-popup .modal-header {
        padding: 19px;
        height: 70px;
        position: relative;
        border: 0;
    }

        .custom-popup .modal-header h4 {
            color: #fff;
            font-size: 22px;
            width: calc(100% - 350px);
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .custom-popup .modal-header h4 span {
                font-size: 15px;
            }

        .custom-popup .modal-header .close {
            background-color: rgba(0,0,0,0.1);
            height: 70px;
            width: 70px;
            line-height: 68px;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 1;
            color: #fff;
            font-size: 40px;
            font-weight: 100;
        }

            .custom-popup .modal-header .close i {
                color: #fff;
                font-size: 30px;
            }

    .custom-popup .table-striped tr th {
        background-color: #a0a8ad;
        padding: 15px 10px;
        border: 0;
        color: #333333;
        /*font-family: 'open_sanssemibold';*/
        font-weight: bold;
        font-size: 14px;
    }

        .custom-popup .table-striped tr th .input label {
            margin: 0px;
        }

        .custom-popup .table-striped tr th:first-child {
            text-align: center;
        }

    .custom-popup table .input {
        margin-bottom: 0;
    }

    .custom-popup .table-striped tbody tr td {
        background-color: inherit;
        padding: 15px 10px;
        word-wrap: break-word;
        border: 1px solid #E0E1E3;
    }

        .custom-popup .table-striped tbody tr td a {
            color: #0093D0;
        }

            .custom-popup .table-striped tbody tr td a i {
                color: #454545;
                font-size: 16px;
            }

        .custom-popup .table-striped tbody tr td:last-child {
            text-align: center;
        }

        .custom-popup .table-striped tbody tr td:first-child {
            text-align: center;
        }

    .custom-popup .modal-footer {
        border: 0;
        background-color: rgba(0, 0, 0, 0.3);
        bottom: 0;
        position: fixed;
        width: 100%;
        right: 0;
    }

        .custom-popup .modal-footer button {
            color: #fff;
            font-size: 16px;
            /*font-family: 'open_sansregular';*/
            font-weight: normal;
        }

    .custom-popup .training-module-filter {
        margin: 0 -15px 20px;
    }

    .custom-popup .modal-footer a {
        margin-left: 5px;
        text-transform: uppercase;
    }

#modalDivCertificationAssignedUsers .table-striped.client-listing tr td:last-child {
    position: inherit;
}
/***********************************************Assign users page ends *************************************/
/************************************************* create lesson plan css ends *************************************************/
/************************************************* Create training module page css Starts *************************************************/
/*.create-training-module .card{height:70px; min-height:70px;}
*/
.create-training-module .card p {
    padding: 8px 0 0;
    line-height: 20px;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
}

.create-training-module .training-cards .card.selected p span.type, .create-training-module .training-cards .card.selected p span.tags {
    color: #fff;
}

.create-training-module .training-cards .card.selected-question p:before {
    content: none;
}

.create-training-module .card span i {
    padding-right: 5px;
    color: #F3A100;
    font-size: 14px;
}

.create-training-module .card span.tags {
    margin-bottom: 10px;
}

.create-training-module .card span.type, .create-training-module .card span.tags {
    clear: both;
    padding: 5px 0 0;
    display: block;
    font-size: 11px;
    color: #676767;
    text-transform: capitalize;
}

    .create-training-module .card span.type i.fa-life-ring {
        padding-top: 5px;
        float: left;
    }

    .create-training-module .card span.type input[type="text"] {
        margin: 0 0 0px 5px;
        padding: 0 5px;
        float: left;
        width: 50px;
        height: 25px;
        line-height: 25px;
        text-align: left;
        font-size: 12px;
    }

.create-training-module .training-cards .card.selected-question {
    padding: 0 25px;
}
/************************************************* Create training module page css Ends *************************************************/
/************************************************* Create question page css starts *************************************************/
.lesson-plan-steps.question-create .form-right {
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.2);
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 30px 10px;
}

.lesson-plan-steps.question-create .question-sample {
    margin-bottom: 15px;
    padding: 15px;
    border: solid 1px #ddd;
}

    .lesson-plan-steps.question-create .question-sample label a {
        color: #0193CF;
    }

    .lesson-plan-steps.question-create .question-sample .input input[type="radio"] + label:before, .lesson-plan-steps.question-create .question-sample .input input[type="radio"] + label:after {
        width: 15px;
        height: 15px;
        top: 2px;
    }

    .lesson-plan-steps.question-create .question-sample .input input[type="radio"] + label {
        padding-left: 30px;
    }

.question-sample .input label.list-alpha {
    margin: 0 5px 0 0;
}

.question-sample .btn {
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    color: #fff;
    font-size: 13px;
}

    .question-sample .btn:hover {
        opacity: 0.8;
    }

.lesson-plan-steps.question-create label.quest-lbl {
    display: block;
}

.lesson-plan-steps.question-create .radio-btn-top-space {
    padding-top: 8px;
}

.lesson-plan-steps.question-create .duration .fileUpload {
    margin: 0;
    padding: 7px 5px 4px 8px;
}

.lesson-plan-steps.question-create span.plus-sign {
    padding: 5px;
    color: #fff;
    font-weight: bold;
}

.lesson-plan-steps.question-create .panel {
    box-shadow: none;
    border: 0;
    background: #fff;
}

.lesson-plan-steps.question-create .panel-heading {
    border-bottom: 0;
    height: 48px;
}

    .lesson-plan-steps.question-create .panel-heading a {
        display: block;
    }

        .lesson-plan-steps.question-create .panel-heading a:hover, .lesson-plan-steps.question-create .panel-heading a:focus {
            text-decoration: none;
        }

#myCarousel {
    margin: 10px 0 0;
}

    #myCarousel .nav {
        height: 91px;
        width: 100%;
        overflow: auto;
        overflow-y: hidden;
    }

    #myCarousel .carousel {
        min-width: 100%;
    }

.nonImageContent {
    width: 100%;
}

    .nonImageContent .nav-justified {
        padding: 10px 32px !important;
    }

        .nonImageContent .nav-justified > li {
            margin: 0 12px 15px;
            display: inline-block;
            width: 152px;
            height: 72px;
            background: rgba(0, 0, 0, 0.2) url(/Content/images/carousel-tab-li-bg.png) right top no-repeat;
        }

            .nonImageContent .nav-justified > li > a {
                padding: 15px 10px;
                border-radius: 0px;
                font-size: 22px;
                text-transform: capitalize;
                color: #fff;
                text-align: left;
                height: 72px;
            }

                .nonImageContent .nav-justified > li > a span {
                    display: inline-block;
                    width: 80%;
                }

    .nonImageContent .nav-pills > li.active a {
        border-bottom: solid 2px #f3a100;
    }

    .nonImageContent .nav-pills > li.active > a, .nonImageContent .nav-pills > li.active > a:focus, .nonImageContent .nav-pills > li.active > a:hover, .nonImageContent .nav > li > a:focus, .nonImageContent .nav > li > a:hover {
        background-color: transparent;
        border-bottom: solid 2px #f3a100;
        transition: all 0.2s ease 0s;
    }

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}
/************************************************* Create question page css Ends *************************************************/

/****************************************** non scrom create page css starts****************************** */
.test-parameters .check-box-group .input {
    margin-bottom: 0;
    margin-top: 10px;
}

.test-parameters .input .input {
    margin-left: 30px;
}

.training-module-create .form-right {
    margin-bottom: 0 !important;
}
/******************************** non scrom create page css ends************************************ */

/****************************************** non scorm upload page css starts****************************** */
.category-tree {
    background-image: url(/Content/images/folder.png);
    background-repeat: no-repeat;
    background-position: 0 -53px;
}

    .category-tree h2 {
        color: #323232;
        font-size: 24px;
        margin: 0;
        padding: 15px 0 25px 25px;
    }

    .category-tree .tree-view {
        padding: 0 15px;
    }

        .category-tree .tree-view img {
            width: 95px;
            max-width: 95px;
        }

.training-cards.upload-cards .card {
    height: 70px;
    padding: 0;
}

    .training-cards.upload-cards .card img {
        display: table-cell;
        max-width: 70px;
        padding: 10px;
        margin-right: 10px;
    }

    .training-cards.upload-cards .card .caption {
        display: table-cell;
        height: 70px;
        width: 70px;
        max-width: 70px;
        vertical-align: middle;
        text-align: center;
    }

        .training-cards.upload-cards .card .caption img {
            display: inherit;
            height: auto;
            width: auto;
            max-width: 70px;
        }

    .training-cards.upload-cards .card .tag-view {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
    }

        .training-cards.upload-cards .card .tag-view p {
            margin: 5px 0;
            display: block;
            word-wrap: break-word; /*max-width:400px; */
            white-space: normal;
        }

        .training-cards.upload-cards .card .tag-view span {
            color: #777777;
            font-size: 12px;
        }

            .training-cards.upload-cards .card .tag-view span i {
                color: #777;
            }

    .training-cards.upload-cards .card.selected .tag-view span i {
        color: #fff;
    }

    .training-cards.upload-cards .card.selected .tag-view {
        color: #fff;
    }

    .training-cards.upload-cards .card .tags {
        margin-right: 20px;
    }

    .training-cards.upload-cards .card.selected .tag-view span {
        color: #fff;
    }

    .training-cards.upload-cards .card .attachment-download {
        display: table-cell;
        padding-right: 20px;
        vertical-align: middle;
    }

        .training-cards.upload-cards .card .attachment-download i {
            color: #0093d0;
            font-size: 16px;
        }

    .training-cards.upload-cards .card.selected .attachment-download i {
        color: #fff;
    }

    .training-cards.upload-cards .card .tag-view .tag-edit i {
        font-size: 13px;
    }

.training-cards .dots {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
    width: 5%;
}

.training-cards.upload-cards .card.selected-question .dots {
    padding: 0 10px;
}

.training-cards .dots i {
    font-size: 16px;
    color: #777777;
}

.training-cards .card .tags span.type {
    display: inline-block;
    color: #f3a100;
    text-shadow: none;
}

.training-cards .card.selected-question .tags span.type {
    position: absolute;
    right: 40px;
    top: 8px;
    text-shadow: none;
}

.training-cards .card .tags span.tags {
    display: inline-block;
    margin-left: 20px;
    text-shadow: none;
}

.training-cards .card.selected-question .tags span.tags {
    margin: 0;
    text-shadow: none;
}

.training-cards .card.selected span {
    color: #fff;
    text-shadow: none;
}

.training-cards .card.selected .tooltip-container span {
    color: #000;
}

.training-cards .card.selected .fa-info-circle {
    color: #fff !important;
}

.training-cards .card.selected .tooltip-container {
    color: #333;
}

#group-cards-lessonPlan .card.selected-question, #group-cards-survey .card.selected-question, #assigned-groups-cards .card.selected-question {
    padding-left: 15px;
}
/*--- bootstarp tags input css starts---*/
.drop-image {
    background-image: url(/Content/images/sprite.png);
    height: 74px;
    width: 260px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -100px 0;
}

.bootstrap-tagsinput {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 0px 6px;
    margin-bottom: 10px;
    color: #555555;
    vertical-align: middle;
    width: 100%;
    line-height: 22px;
}

    .bootstrap-tagsinput input {
        border: none;
        box-shadow: none;
        background-color: transparent;
        padding: 0;
        margin: 0;
        width: auto !important;
        max-width: inherit;
    }

        .bootstrap-tagsinput input:focus {
            border: none;
            box-shadow: none;
        }

    .bootstrap-tagsinput .tag {
        margin-right: 5px;
        font-size: 11px;
        color: white;
        padding: 0 0 0 5px;
        display: inline-block;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        float: left;
        margin-top: 5px;
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            margin-left: 8px;
            padding: 6px 3px;
            cursor: pointer;
            background-color: rgba(0,0,0,0.3);
            display: inline-block;
        }

            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "x";
                padding: 4px;
            }

.training-cards.upload-cards .card .tag-view .bootstrap-tagsinput span {
    color: #fff;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.bootstrap-tagsinput .icon-white {
    margin-left: 5px;
}

.bootstrap-tagsinput input[type="text"] {
    border: 0;
    width: 100%;
    padding: 0;
    height: 35px !important;
    min-width: 100px;
}

.bootstrap-tagsinput .label-info {
    border-radius: 0;
}

.white-background .input-group {
    z-index: 1;
}
/****************************************** non scorm upload page css ends****************************** */
@media (max-width:768px) {
    h1, .title {
        font-size: 45px;
    }
}

@media (max-width:768px) {
    .mobile-icon h3 .fa {
        position: relative !important;
        top: 3px !important;
    }
}

/* ****************************************************** carousel css starts*****************************************/
#jcl-demo .carousel {
    float: left; /* Needed for rendering without flicker */
    position: relative;
    visibility: hidden;
    left: -5000px;
}
/* Styling for image based carousel content. Only width and height are mandatory */
#jcl-demo .custom-container {
    position: relative;
    z-index: 0;
}
/* Styling for text based carousel content. Only width and height are mandatory */
/* Styles for PREV and NEXT anchor buttons */
#jcl-demo a.prev, #jcl-demo a.next, #jcl-demo a.go {
    display: block;
    width: 26px;
    height: 30px;
    line-height: 1;
    color: white;
    text-decoration: none;
    /*font-family: 'open_sanslight';*/
    font-weight: normal;
    font-size: 75px;
}

    #jcl-demo a.prev.disabled, #jcl-demo a.next.disabled, #jcl-demo a.prev.disabled:hover, #jcl-demo a.next.disabled:hover {
        cursor: default;
    }

    #jcl-demo a.go.highlight {
        color: #000;
    }

#jcl-demo a.prev {
    margin: 0;
    padding-left: 5px;
    position: absolute;
    top: 0px;
    z-index: 10;
    background: url(/Content/images/carousel-tab-ul-bg-right.png) no-repeat left center;
    width: 55px;
    height: 91px;
    text-align: left;
}

#jcl-demo a.next {
    margin: 0;
    padding-right: 5px;
    position: absolute;
    top: 0px;
    z-index: 10;
    right: 0;
    background: url(/Content/images/carousel-tab-ul-bg-left.png) no-repeat right center;
    width: 55px;
    height: 91px;
    text-align: right;
}
/* Other common styles */
.clear {
    clear: both;
}

.animated-fadeIn, .animated-fadeInRight, .animated-fadeInLeft, .animated-fadeInDown, .animated-fadeInUp {
    display: none;
}

    .animated-fadeIn.showAnimation, .animated-fadeInRight.showAnimation, .showAnimation, .animated-fadeInDown.showAnimation, .animated-fadeInUp.showAnimation {
        display: block;
    }
/* ****************************************************** carousel css starts*****************************************/

/*********************************************assigned-lesson- plans page starts***********************************/
.assigned-lesson-table {
    padding: 0 0 0 10px;
}

    .assigned-lesson-table .mCSB_inside > .mCSB_container {
        margin: 0;
    }

.assigned-lesson-table-heading {
    background-color: #aeb3b6;
    font-size: 14px;
    text-transform: uppercase;
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .assigned-lesson-table-heading div {
        border: 0 !important;
        /*font-family: "open_sanssemibold" !important;*/
        font-weight: bold;
        font-size: 14px !important;
        color: #333333 !important;
        height: 50px !important;
        padding: 0 10px !important;
    }

.assigned-lesson-table .table-title {
    width: 55%;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    border-right: 1px solid #cccccc;
    padding: 0 0px;
    font-size: 20px;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    word-wrap: break-word;
}

.assigned-ilt.assigned-lesson-table .table-title {
    width: 50%;
}

.assigned-ilt.assigned-lesson-table .assign-status {
    width: 20%;
}

.assigned-ilt.assigned-lesson-table .due-date div {
    margin: 5px 0;
    font-size: 12px;
}

.assigned-lesson-table.completed-ilt .table-title {
    width: 50%;
}

.assigned-lesson-table.completed-ilt .overdue {
    width: 18%;
}

.assigned-lesson-table .table-title .more-options ul li a {
    font-size: 12px;
    color: #777;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
}

.table-title .table-title-wrapper {
    padding: 10px 20px;
    line-height: 1.2;
}

.assigned-lesson-table .table-title .table-plan-id {
    color: #f3a100;
    display: block;
    /*font-family: 'open_sanssemibold_italic';*/
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 5px;
}

#trainingmoduleListPartialTable .plan-idname {
    padding: 10px 20px;
}

.assigned-lesson-table .table-title .table-plan-id span {
    color: #fff;
    font-size: 12px;
    margin-right: 20px;
}

    .assigned-lesson-table .table-title .table-plan-id span i {
        padding-left: 5px;
        line-height: 18px;
/*        font-family: "open_sanslight";*/
        font-weight: normal;
    }

.assigned-lesson-table .table-title a {
    font-size: 20px;
    font-weight: normal;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    color: #333333;
}

.assigned-lesson-table .table-percentage {
    width: 14%;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #cccccc;
    padding: 0 15px;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    color: #777777;
}

.assigned-lesson-table .assigned-lesson-table-data .table-percentage span {
    display: block;
    font-size: 14px;
    color: #333333;
}

.assigned-lesson-table .assigned-lesson-table-row .table-rewards {
    font-size: 24px;
    font-weight: 200;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    color: #333333;
}

    .assigned-lesson-table .assigned-lesson-table-row .table-rewards span {
        display: none;
    }

.assigned-lesson-table .table-rewards {
    width: 10%;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #cccccc;
    padding: 0 15px;
}

.assigned-lesson-table .table-date {
    width: 47%;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    text-align: center;
}

.assigned-lesson-table .assigned-lesson-table-heading .table-date {
    text-align: left;
}

.table-date-wrapper {
    display: table;
    width: 100%;
}

.assigned-lesson-table .assign-date {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    text-align: center;
    border-right: 1px solid #ccc;
}

.assigned-lesson-table .assigned-lesson-table-data .assign-date span {
    display: block;
    text-align: center;
    color: #0b950e;
    padding-top: 7px;
    font-size: 12px;
    text-transform: uppercase;
}

.assigned-lesson-table .assigned-lesson-table-data .overdue span {
    display: block;
    text-align: center;
    color: #f3a100;
    padding-top: 7px;
    font-size: 12px;
    text-transform: uppercase;
}

.assigned-lesson-table .overdue {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    border-right: 1px solid #ccc;
    text-align: center;
}

.assigned-lesson-table .due-date {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    border-right: 1px solid #ccc;
    text-align: center;
}

    .assigned-lesson-table .due-date span {
        display: block;
        text-align: center;
        color: #f3a100;
        padding-top: 7px;
        font-size: 12px;
        text-transform: uppercase;
    }

.assigned-lesson-table .assign-status {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    text-align: center;
}

.assigned-lesson-table .table-date .table-summary {
    width: 10%;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
}

.assigned-lesson-table .assigned-lesson-table-row {
    background-color: #fff;
    border-bottom: #dfe1e3 2px solid;
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .assigned-lesson-table .assigned-lesson-table-row .more-options ul li i {
        font-size: 14px;
        margin-right: 5px;
    }

    .assigned-lesson-table .assigned-lesson-table-row:nth-child(even) {
        background-color: #f8f8f8;
    }

.mandatory {
    color: #ff0000;
    /*font-family: 'open_sansbold';*/
    font-weight: bold;
}

.status-tag {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    min-height: 36px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    min-width: 105px;
}

    .status-tag:hover, .status-tag:focus {
        color: #fff;
    }

    .status-tag i {
        margin-right: 5px;
    }

a.summary-icon {
    margin-right: 30px;
}

.status-blue {
    background-color: #00AFFE;
}

.status-orange {
    background-color: #ff7000;
}

.status-light-orange {
    background-color: #ffae6e;
}

.status-green {
    background-color: #12bb00;
}

.status-dark-green {
    background-color: #3A7A57;
}

.status-yellow {
    background-color: #F3A100;
}

.status-grey {
    background-color: #555555;
}

.status-red {
    background-color: #d32502;
}

.status-ember {
    background-color: #F3A100;
}

.more-options.review ul li {
    margin-right: 15px;
    font-size: 14px;
    padding: 10px 0;
    display: inline-block;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
}

    .more-options.review ul li span {
        /*font-family: 'open_sanssemibold_italic';*/
        font-weight: bold;
        font-style: italic;
        display: inline-block;
        margin-left: 3px;
        color: #f3a100;
    }

.red {
    color: #ff0000 !important;
}

/*******************right-animate-popup************************/
.right-animate-popup.fade .modal-dialog {
    margin: 0;
    float: right;
    height: 100%;
    top: 0px;
    margin: 0;
    width: 100%;
    background-color: #f0f0f0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transform: translate(80%, 0px);
    -moz-transform: translate(80%, 0px);
    -ms-transform: translate(80%, 0px);
    -webkit-transform: translate(80%, 0px);
    box-shadow: -12px 12px 30px -5px rgba(0, 0, 0, 0.2);
    position: relative;
}

.right-animate-popup.fade.in .modal-dialog {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transform: translate(0px);
    -moz-transform: translate( 0px);
    -ms-transform: translate(0px);
    -webkit-transform: translate(0px);
}

.right-animate-popup .modal-content {
    box-shadow: none;
    background-color: inherit;
    border: 0;
    border-radius: 0;
}

.modal-open .assigned-lesson-table-row.current {
    background-color: #0193CF;
}

    .modal-open .assigned-lesson-table-row.current .table-title {
        color: #fff;
    }

.right-animate-popup .modal-header {
    border: 0;
    position: relative;
    padding-bottom: 0;
    overflow: hidden;
}

.modal-header-custom {
    border: 0;
    position: relative;
    padding-bottom: 0;
    margin-left: 18px !important;
}

.modal-title-custom {
    font-size: 16px !important;
    margin: 0px 0px 0px -16px !important;
}

.right-animate-popup .modal-footer {
    border: 0;
    position: fixed;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    padding: 5px 10px;
    z-index: 1000;
    left: 0;
}

    .right-animate-popup .modal-footer a {
        text-transform: uppercase;
        margin-left: 5px;
    }

.right-animate-popup .modal-header h4 {
    font-size: 30px;
    margin: 10px 0;
    color: #323232;
    text-transform: uppercase;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    width: 80%;
}

.right-animate-popup .modal-header .btn {
}

.right-animate-popup .modal-header .close {
    opacity: 1;
    top: 0;
    right: 0;
    margin-top: -15px;
    margin-right: -15px;
    margin-left: 10px;
}

    .right-animate-popup .modal-header .close span {
        background-color: #e6e4e4;
        color: #555555;
        height: 58px;
        width: 58px;
        display: inline-block;
        font-size: 48px;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        line-height: 55px;
    }


.close-custom {
    height: 28px !important;
    width: 28px !important;
    font-size: 28px !important;
    line-height: 28px !important;
    padding-top: 0px !important;
    margin-top: -15px !important;
}

.close-custom-button {
    height: 30px !important;
    width: 28px !important;
    font-size: 28px !important;
    line-height: 35px !important;
    padding-top: 0px !important;
    margin-top: 1px !important;
    margin-right: 2px !important;
}

.right-animate-popup .modal-header h4 span {
    font-size: 18px;
}

.right-animate-popup .modal-body.plan-description {
    background-color: #fff;
    margin: 10px 20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    height: 100%;
}

.go-content {
    margin-right: 20px;
}

.right-animate-popup .modal-body .plan-description h3 {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}

.right-animate-popup .modal-body .plan-description p {
    color: #777777;
    font-size: 13px;
    line-height: 24px;
}

.custom-popup .modal-body .plan-description h3 {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}

.custom-popup .modal-body .plan-description p {
    color: #777777;
    font-size: 13px;
    line-height: 24px;
}

.table-training-modules .training-module-card p {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
}

    .table-training-modules .training-module-card p span {
        display: block;
        /*font-family: 'open_sanssemibold_italic';*/
        font-weight: bold;
        font-style: italic;
        color: #f3a100;
        font-size: 12px;
        margin-top: 5px;
    }

.table-training-modules .training-module-card {
    display: table;
    height: 70px;
    margin-bottom: 10px;
    width: 100%;
}

    .table-training-modules .training-module-card .plan-status {
        display: table-cell;
        vertical-align: middle;
    }

.plan-description .question {
    margin-bottom: 25px;
    line-height: 24px;
}

.plan-description .input {
    margin-bottom: 10px;
}

    .plan-description .input label {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .plan-description .input input[type="radio"] + label::before, .plan-description .input input[type="radio"] + label::after {
        height: 25px;
        width: 25px;
        bottom: -5px;
    }

    .plan-description .input input[type="radio"] + label {
        padding-left: 35px;
        font-size: 14px;
    }

.css-modal .modal-footer {
    border: 0;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    padding: 5px 10px;
    z-index: 1000;
    left: 0;
    position: absolute;
    bottom: 0;
}
/*.right-animate-popup .modal-header .go-content{position:absolute; right:70px; top:10px;}
*/
.user-lp-preview {
    height: 90%;
}

.right-animate-popup input[type="text"], .right-animate-popup input[type="password"] {
    border: 1px solid #d6d6d6;
    box-shadow: none;
    border-radius: 0;
    height: 42px;
    padding: 5px 15px;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    width: 100%;
}

.right-animate-popup .training-module-filter {
    margin: 0 -15px 15px;
}

.modal-body.plan-description.result {
    padding: 20px;
}

    .modal-body.plan-description.result form {
        margin-top: 20px;
    }

        .modal-body.plan-description.result form label {
            font-size: 14px;
            color: #333333;
            margin-bottom: 10px;
        }

    .modal-body.plan-description.result h1 {
        font-size: 30px;
    }

    .modal-body.plan-description.result h2 {
        color: #1b8d08;
        text-transform: capitalize;
        font-size: 32px;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
    }

    .modal-body.plan-description.result h3 {
        color: #0093d0;
        font-size: 24px;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        margin-bottom: 25px;
    }

    .modal-body.plan-description.result p {
        font-size: 20px;
        margin-bottom: 10px;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        color: #333333;
    }

.alert {
    position: relative;
}

    .alert ul {
        margin: 0;
        padding: 0;
    }

        .alert ul li {
            line-height: 20px;
        }

    .alert .btn-close-alert {
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
    }

.right-animate-popup .surgery-content {
    height: 500px;
}

    .right-animate-popup .surgery-content .video-container {
        max-width: 600px;
        margin: 0 auto;
        border: 3px solid #b2b2b2;
        margin: 0 auto;
    }

        .right-animate-popup .surgery-content .video-container iframe {
            width: 100%;
            height: 500px;
        }

.right-animate-popup .modal-buttons {
    margin: 0 20px 20px 20px;
}

    .right-animate-popup .modal-buttons a {
        text-transform: uppercase;
        margin-left: 5px;
        vertical-align: middle;
    }

        .right-animate-popup .modal-buttons a i {
            margin-right: 7px;
        }

.right-animate-popup .modal-buttons {
    margin: 0 0px 20px;
}

.right-animate-popup .questions {
    min-height: 300px;
}

.right-animate-popup .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}

#modal-data-5 button.close {
    margin-left: 10px;
}

#modal-data-2 .scrollContent {
    padding: 0 0 40px;
}
/*.modal-open .filter-panel{display:none;}
*/
.modal-box-confomation {
    display: none;
}

    .modal-box-confomation p {
        font-size: 18px;
        padding-top: 10px;
    }

/***********************************add to cart modal************************************/
.add-to-cart-modal {
    height: 470px;
    width: 635px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 79px;
    z-index: 10000;
    background-color: #f0f0f0;
}

    .add-to-cart-modal .cart-header h4 {
        margin: 0;
        padding: 0;
        display: inline-block;
        font-size: 30px;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        color: #fff;
        padding: 10px;
    }

    .add-to-cart-modal .cart-header button.close {
        background: rgba(0,0,0,0.2);
        color: #fff;
        opacity: 1;
        height: 50px;
        width: 50px;
        font-size: 30px;
        line-height: 30px;
        font-weight: 100;
    }

.cart-added-list p {
    display: inline-block;
    width: 370px;
    color: #333333;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    font-size: 20px;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
}

    .cart-added-list p span {
        display: block;
        color: #f3a100;
        display: block;
        /*font-family: 'open_sanssemibold_italic';*/
        font-weight: bold;
        font-style: italic;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 5px;
    }

.cart-price {
    display: inline-block;
    font-size: 18px;
    /*font-family: 'open_sanslight_italic';*/
    font-weight: normal;
    font-style: italic;
    display: table-cell;
    vertical-align: middle;
}

.green {
    color: #12bb00;
}

.blue {
    color: #0199d9;
}

.cart-added-list {
    padding: 15px;
    vertical-align: middle;
    display: table;
    margin-bottom: 10px;
    height: 60px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

    .cart-added-list:hover {
        background-color: #fcfcfc;
    }

.cart-action {
    vertical-align: middle;
    display: table-cell;
    text-align: right;
}

    .cart-action a {
        margin: 0 5px;
        display: inline-block;
    }

    .cart-action i {
        font-size: 21px;
        color: #333333;
        vertical-align: middle;
    }

.cart-footer {
    background-color: rgba(0, 0, 0, 0.3);
    border: 0 none;
    bottom: 0;
    padding: 5px 10px;
    position: absolute;
    width: 100%;
    text-align: right;
}

    .cart-footer a {
        text-transform: uppercase;
    }

.cart-body {
    padding: 15px 5px 15px 15px;
}

.add-to-cart-modal {
    display: none;
}

.custom-backdrop {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
}

.custom-backdrop {
    display: none;
}

    .custom-backdrop.shadow {
        display: block;
    }

/* *******************************landing page modalbox *************************/
#landing-modal .modal-body {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    min-height: 650px;
    top: 0;
    margin-top: 50px;
    width: 90%;
}

.lending-page-right {
    min-height: 650px;
    background-image: url(/Content/images/landing-page-right.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 45px 0 0 0;
}

    .lending-page-right h1 {
        color: #ffffff;
        font-size: 36px;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        margin-bottom: 5px;
        margin-top: 0;
    }

    .lending-page-right h2 {
        color: #fabe8c;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        font-size: 30px;
        margin-bottom: 5px;
        margin-top: 0;
    }

    .lending-page-right h3 {
        color: #fff;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        font-size: 24px;
        margin-bottom: 55px;
        margin-top: 0;
    }

    .lending-page-right ul {
        margin: 0;
        padding: 0;
    }

        .lending-page-right ul li {
            color: #fff;
            /* font-family: "open_sanslight";*/
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 25px;
            position: relative;
            padding-left: 15px;
        }

            .lending-page-right ul li:before {
                height: 6px;
                width: 6px;
                background-color: #fcb117;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 9px;
                content: "";
            }

    .lending-page-right .readmore {
        font-size: 14px;
        color: #fcb31d;
        /*font-family: "open_sansregular";*/
        font-weight: normal;
        margin-left: 15px;
    }

.landing-logo {
    padding: 10px 35px;
    border-bottom: 1px solid #dddddd;
}

.landing-page-form label {
    display: block;
}

.landing-page-form {
    padding-left: 35px;
}

    .landing-page-form input[type="submit"] {
        border: 0;
        font-size: 16px;
        /*font-family: "open_sanssemibold";*/
        font-weight: bold;
        text-transform: uppercase;
    }

    .landing-page-form .input label {
        font-size: 16px;
    }

        .landing-page-form .input label a {
            color: #0093d0;
        }

    .landing-page-form .form-group {
        margin-bottom: 20px;
    }

        .landing-page-form .form-group p {
            font-size: 14px;
            color: #333333;
        }

            .landing-page-form .form-group p a {
                color: #0093d0;
            }

.lending-page-left h2 {
    font-size: 30px;
    color: #323232;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    margin: 20px 0;
    padding-left: 20px;
}

.lending-page-left {
    background-image: url(/Content/images/landing-page-leftt.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 650px;
}

#landing-modal button.close {
    color: #ffffff;
    font-size: 30px;
    font-style: normal;
    font-weight: 100;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 0;
}

.login-form {
    display: none;
}

/*************************Question answer modalbox**************************/
.correct-answers .question-answers {
    margin: 0;
    padding: 0;
}

    .correct-answers .question-answers .input label {
        font-size: 16px;
    }

    .correct-answers .question-answers .input {
        margin-bottom: 30px;
    }

.correct-answers .question-answers {
    margin: 30px 0 0 0;
}

    .correct-answers .question-answers .answer {
        margin-bottom: 10px;
    }

    .correct-answers .question-answers .question-block {
        margin-bottom: 25px;
    }

    .correct-answers .question-answers .question p {
        font-size: 18px;
    }

    .correct-answers .question-answers i.fa-times-circle {
        font-size: 22px;
        vertical-align: middle;
    }

    .correct-answers .question-answers .answer input[type="text"] {
        width: 300px;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
    }

    .correct-answers .question-answers i.fa-check-circle {
        font-size: 22px;
        vertical-align: middle;
    }

    .correct-answers .question-answers .answer-select {
        margin: 0;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        padding-top: 23px;
    }

    .correct-answers .question-answers .question-block .input input[type="checkbox"] + label::before {
        top: -20px;
    }

    .correct-answers .question-answers .question-block .input input[type="checkbox"] + label::after {
        top: -18px;
    }

.answer-block {
    display: none;
}

/*********************************************assigned-lesson- plans page ends***********************************/
.central-repository-table .scrollTable.table-striped tbody tr td:first-child {
    background: #ffffff none repeat scroll 0 0;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    line-height: 21px;
    min-height: 71px;
    vertical-align: middle;
    border-bottom: 3px solid #dfe1e2;
    overflow: hidden;
    padding: 10px;
}

.central-repository-table .scrollTable.table-striped tbody tr td.inner-table tr td:first-child {
    text-align: center;
}

.central-repository-table .scrollTable > thead > tr > th:first-child {
    background: #a0a8ad;
}

.central-repository-table .scrollTable tbody tr .inner-table tr:hover td:first-child {
    background: #ecf9fe !important;
}

.central-repository-table .table-striped tbody tr td:nth-child(3) {
    padding: 10px;
}

.central-repository-table .table-striped tbody tr td {
    overflow: inherit;
}

    .central-repository-table .table-striped tbody tr td .slide-action.width80percentage {
        width: 210px !important;
    }

    .central-repository-table .table-striped tbody tr td .slide-action {
        margin-top: -17px;
        right: 29px;
        transition: width 0.1s ease-in-out 0s;
    }

.central-repository-table .plan-idname img {
    display: inline-block;
    margin-right: 10px;
    height: 66px;
    width: 66px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.central-repository-table .plan-idname a {
    word-wrap: break-word;
    white-space: normal;
    font-size: 20px;
}

.central-repository-table .repository-table-content {
    display: block;
    vertical-align: middle;
}

.central-repository-table .plan-idname {
    padding: 0 15px;
}

.repository-tags {
    font-size: 12px;
    color: #777777;
    /*font-family: "open_sanslight";*/ /*font-style:italic; */
    font-weight: normal;
    margin: 5px 0;
}

    .repository-tags a {
        color: #000 !important;
    }

        .repository-tags a i.fa-pencil {
            color: #777;
        }

.central-repository-table .bu-share {
    color: #0093d0;
    text-decoration: underline;
}

.fileUpload.Repository-upload {
    padding: 0 10px 0 0;
}

    .fileUpload.Repository-upload i {
        height: 34px;
        width: 34px;
        line-height: 34px;
        text-align: center;
        background-color: #686c6f;
        margin-right: 10px;
        vertical-align: middle;
        margin-top: -2px;
    }

    .fileUpload.Repository-upload span {
        line-height: 34px;
    }

.launcher-file {
    font-size: 12px;
    /*font-family: 'open_sanssemibold_italic';*/
    font-weight: normal;
    font-style: italic;
    margin-left: 10px;
}

.central-repository-table .scrollTable tbody tr {
    display: table-row;
}

#mobile-filter-toggle {
    display: none;
}
/*.elfinder-cwd-view-icons .elfinder-cwd-filename{height:20px;}
*/
.central-repository-table .income {
    top: -2px;
}

.elfinder .elfinder-perms {
    background-image: none;
    bottom: 8px !important;
    left: 10px !important;
}

    .elfinder .elfinder-perms:before {
        content: "\f023";
        /*font-family: FontAwesome;*/
        font-size: 20px;
    }

.elfinder-ltr .elfinder-cwd-view-list .elfinder-perms:before {
    bottom: 0;
}

.business-view {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    color: #0093d0;
}

.training-module-card.selected {
    background-color: #0092ce;
}

    .training-module-card.selected p {
        color: #fff;
    }

    .training-module-card.selected a {
        color: #fff;
    }

.business-units .training-module-card {
    cursor: pointer;
}

.business-units .modal-body h3 {
    margin-top: 10px;
}

.client-filter {
    display: inline-block;
}

    .client-filter label {
        padding-top: 10px;
    }

    .client-filter select {
        border: 1px solid #ccc !important;
    }

.business-unit-left {
    border-left: 5px solid #f3a100;
}
/* loader css*/
#dvLoader {
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1000;
    text-align: center;
}

    #dvLoader img {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 50%;
        margin-left: -20px;
    }


/*****************************************************css sprite ***************************************************/
[class^="iconlw-"], [class*=" iconlw-"] {
    display: inline-block !important;
    line-height: 14px;
    vertical-align: middle;
    background-image: url(/Content/images/sprite.png);
    background-repeat: no-repeat;
}

.iconlw-assignment {
    background-position: -49px -36px;
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    padding: 0;
    width: 22px;
}

.iconlw-viewsummary {
    background-position: -117px -149px;
    display: inline-block;
    height: 21px;
    margin-right: 5px;
    padding: 0;
    width: 18px;
}

.iconlw-domain {
    width: 19px;
    height: 19px;
    display: inline-block;
    background-position: -48px -165px;
    margin-right: 5px;
    padding: 0;
}

.iconlw-share {
    width: 19px;
    height: 19px;
    display: inline-block;
    background-position: -54px -105px;
    margin-right: 5px;
    padding: 0;
}

.iconlw-external-user {
    width: 29px;
    height: 13px;
    background-position: -47px -89px;
    margin-right: 5px;
    padding: 0;
}

.iconlw-time {
    width: 22px;
    height: 36px;
    background-position: 0 -100px;
}

.iconlw-down-arrow {
    width: 12px;
    height: 11px;
    background-position: -92px -83px;
}

.iconlw-up-arrow {
    width: 17px;
    height: 16px;
    background-position: -108px -83px;
}

.iconlw-filter-toggle {
    width: 5px;
    height: 30px;
    background-position: -83px -101px;
}

.iconlw-user {
    height: 27px;
    width: 33px;
    background-position: 0 -5px;
}

.iconlw-user1 {
    height: 19px;
    width: 19px;
    background-position: -71px -207px;
}

.sidebar-brand:hover .iconlw-user, .sidebar-brand.active .iconlw-user {
    background-position: 0 -35px;
}

.iconlw-certification {
    height: 29px;
    width: 30px;
    background-position: -44px -4px;
}

.sidebar-brand:hover .iconlw-certification {
    background-position: -49px -57px;
}

.iconlw-repository {
    height: 22px;
    width: 25px;
    background-position: -240px -81px;
}

.sidebar-brand:hover .iconlw-repository, .sidebar-brand.active .iconlw-repository {
    background-position: -270px -81px;
}

.iconlw-instructor {
    height: 23px;
    width: 33px;
    background-position: -100px -209px;
}

.sidebar-brand:hover .iconlw-instructor, .sidebar-brand.active .iconlw-instructor {
    background-position: -134px -209px;
}

.iconlw-email {
    height: 23px;
    width: 28px;
    background-position: -239px -112px;
}

.sidebar-brand:hover .iconlw-email, .sidebar-brand.active .iconlw-email {
    background-position: -268px -112px;
}

.iconlw-certificate-template {
    height: 30px;
    width: 23px;
    background-position: -153px -145px;
}

.sidebar-brand:hover .iconlw-certificate-template, .sidebar-brand.active .iconlw-certificate-template {
    background-position: -180px -145px;
}

.iconlw-magnifi-certification {
    height: 31px;
    width: 37px;
    background-position: -225px -138px;
}

.sidebar-brand:hover .iconlw-magnifi-certification, .sidebar-brand.active .iconlw-magnifi-certification {
    background-position: -263px -138px;
}

.iconlw-admin {
    width: 25px;
    height: 30px;
    background-position: -8px -190px;
}

.sidebar-brand:hover .iconlw-admin, .sidebar-brand.active .iconlw-admin {
    background-position: -34px -190px;
}

.iconlw-selectall {
    background-position: -50px -125px;
    width: 15px;
    height: 16px;
}

.iconlw-removeall {
    background-position: -50px -144px;
    width: 15px;
    height: 16px;
}

.iconlw-drag {
    background-position: 0 -143px;
    width: 19px;
    height: 21px;
    margin-right: 3px;
}

.iconlw-pick {
    background-position: 0 -62px;
    width: 37px;
    height: 31px;
}

.iconlw-upload {
    background-position: -94px -101px;
    width: 31px;
    height: 24px;
}

.iconlw-renew {
    width: 14px;
    height: 15px;
    background-position: -73px -134px;
}

.iconlw-book {
    width: 22px;
    height: 25px;
    background-position: -95px -128px;
}

.iconlw-bu {
    width: 16px;
    height: 14px;
    background-position: -154px -178px;
}

.iconlw-free-tag {
    width: 48px;
    height: 18px;
    background-position: -182px -78px;
}

.iconlw-price-tag {
    width: 48px;
    height: 18px;
    background-position: -182px -97px;
}

.iconlw-summary {
    width: 17px;
    height: 19px;
    background-position: -129px -116px;
}

.iconlw-language {
    width: 18px;
    height: 20px;
    background: url(/Content/images/LanguageIcon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.iconlw-summary-blue {
    width: 14px;
    height: 14px;
    background-position: -134px -174px;
}

.iconlw-cart {
    width: 31px;
    height: 26px;
    background-position: -140px -86px;
}

.iconlw-hat {
    width: 22px;
    height: 17px;
    background-position: -65px -190px;
}

.iconlw-excel {
    width: 25px;
    height: 24px;
    background-position: -102px -177px;
}

.iconlw-add-cart {
    width: 21px;
    height: 21px;
    background-position: -156px -118px;
}

.iconlw-added-cart {
    width: 21px;
    height: 21px;
    background-position: -180px -118px;
}

.iconlw-sequence {
    background-position: -175px -180px;
    display: inline-block;
    height: 24px;
    padding: 0;
    width: 29px;
}

.iconlw-select {
    width: 19px;
    height: 19px;
    background-position: -213px -180px;
}

.iconlw-mask {
    width: 28px;
    height: 10px;
    background-position: -239px -179px;
}

.iconlw-revoke {
    width: 37px;
    height: 21px;
    background-position: -235px -193px;
}

.icon-revokeSubAdmin {
    width: 37px;
    height: 21px;
}

.iconlw-interested {
    width: 24px;
    height: 24px;
    background-position: -171px -209px;
}

.iconlw-module {
    width: 22px;
    height: 15px;
    background-position: -195px -209px;
}

.iconlw-pie {
    background-position: -171px -301px;
    height: 30px;
    width: 31px;
}

.iconlw-bar {
    background-position: -210px -301px;
    height: 26px;
    width: 35px;
}

.iconlw-line {
    background-position: -252px -299px;
    height: 30px;
    width: 30px;
}


.ui-widget-header .elfinder-button-icon {
    background-image: url(/Content/images/sprite-repository.png);
    background-repeat: no-repeat;
    display: inline-block !important;
    line-height: 14px;
    vertical-align: middle;
}

.ui-widget-header .elfinder-button-icon-reload {
    background-position: 0 0;
    height: 26px;
    width: 24px;
}

.ui-widget-header .elfinder-button-icon-mkdir {
    background-position: -34px -2px;
    height: 20px;
    width: 24px;
}

.ui-widget-header .elfinder-button-icon-upload {
    background-position: -68px 0px;
    height: 24px;
    width: 24px;
}

.ui-widget-header .elfinder-button-icon-download {
    background-position: -103px 0px;
    height: 24px;
    width: 24px;
}

.ui-widget-header .elfinder-button-icon-info {
    background-position: -139px -1px;
    height: 23px;
    width: 23px;
}

.ui-widget-header .elfinder-button-icon-quicklook {
    background-position: -419px -4px;
    height: 17px;
    width: 24px;
}

.ui-widget-header .elfinder-button-icon-cut {
    background-position: -208px 0px;
    height: 24px;
    width: 24px;
}

.ui-widget-header .elfinder-button-icon-copy {
    background-position: -247px -1px;
    height: 22px;
    width: 17px;
}

.ui-widget-header .elfinder-button-icon-paste {
    background-position: -282px -1px;
    height: 22px;
    width: 17px;
}

.ui-widget-header .elfinder-button-icon-duplicate {
    background-position: -314px 0px;
    height: 23px;
    width: 22px;
}

.ui-widget-header .elfinder-button-icon-rename {
    background-position: -349px 0px;
    height: 24px;
    width: 24px;
}

.ui-widget-header .elfinder-button-icon-edit {
    background-position: -384px 0px;
    height: 24px;
    width: 24px;
}

.elfinder-button-icon-editlink {
    background: url('/content/elfinder/img/editlink.png') no-repeat !important;
    background-position: -384px 0px;
    height: 24px;
    width: 24px;
}

.ui-widget-header .elfinder-button-icon-view {
    background-position: -539px -1px;
    height: 22px;
    width: 22px;
}

.ui-widget-header .elfinder-button-icon-sort {
    background-position: -488px 0px;
    height: 24px;
    width: 22px;
}

.ui-widget-header .elfinder-button-icon-rm {
    background-position: -516px 0px;
    height: 23px;
    width: 19px;
}

.ui-widget-header .elfinder-button-icon-view.elfinder-button-icon-view-list {
    background-position: -454px -3px;
    height: 19px;
    width: 24px;
}

.elfinder .elfinder-button {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
}

.elfinder-workzone {
    background-color: #fff;
}

.elfinder-cwd-icon-vnd-ms-powerpoint {
    background-position: 0 -1465px !important;
}

.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation, .elfinder-cwd-icon-pptx {
    background-position: 0 -1989px !important;
}

.elfinder-cwd-icon-mov {
    background-position: 0 -1581px !important;
}

.elfinder-cwd-icon-flv {
    background-position: 0 -1639px !important;
}

.elfinder-cwd-icon-pdf {
    background-position: 0 -1408px !important;
}

.elfinder-cwd-icon-vnd-ms-excel, .elfinder-cwd-icon-xls {
    background-position: 0 -1523px !important;
}

.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet, .elfinder-cwd-icon-xlsx {
    background-position: 0 -2047px !important;
}

.elfinder-cwd-icon-msword, .elfinder-cwd-icon-doc {
    background-position: 0 -1351px !important;
}

.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document, .elfinder-cwd-icon-docx {
    background-position: 0 -1932px !important;
}

.elfinder-cwd-icon-zip {
    background-position: 0 -1698px !important;
}

.elfinder-cwd-icon-zip-scorm {
    background-position: 0 -1757px !important;
}

.elfinder-cwd-icon-zip-xapi {
    background-position: 0 -1816px !important;
}

.elfinder-cwd-view-list td .elfinder-cwd-icon.elfinder-cwd-icon-medworldlive, .elfinder-cwd-icon.elfinder-cwd-icon-medworldlive {
    background-image: none !important;
    background: url('/content/elfinder/img/medworldlive.png') no-repeat !important;
    background-size: cover !important;
}

.elfinder-cwd-view-list td .elfinder-cwd-icon.elfinder-cwd-icon-vimeo, .elfinder-cwd-icon.elfinder-cwd-icon-vimeo {
    background-image: none !important;
    background: url('/content/elfinder/img/vimeo.png') no-repeat !important;
    background-size: cover !important;
}

.elfinder-cwd-view-list td .elfinder-cwd-icon.elfinder-cwd-icon-youtube, .elfinder-cwd-icon.elfinder-cwd-icon-youtube {
    background-image: none !important;
    background: url('/content/elfinder/img/youtube.png') no-repeat !important;
    background-size: cover !important;
}

.elfinder-cwd-view-list td .elfinder-cwd-icon.elfinder-cwd-icon-dropbox, .elfinder-cwd-icon.elfinder-cwd-icon-dropbox {
    background-image: none !important;
    background: url('/content/elfinder/img/dropbox-circle.png') no-repeat !important;
    background-size: cover !important;
}

.elfinder-cwd-icon-mp4 {
    background-position: 6px -1879px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-vnd-ms-powerpoint, .ui-draggable-dragging .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation {
    background-position: 0 -1465px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-mov {
    background-position: 0 -1581px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-flv {
    background-position: 0 -1639px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-pdf {
    background-position: 0 -1408px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-vnd-ms-excel, .ui-draggable-dragging .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet {
    background-position: 0 -1523px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-msword, .ui-draggable-dragging .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document {
    background-position: 0 -1351px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-zip {
    background-position: 0 -1698px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-zip-scorm {
    background-position: 0 -1757px !important;
}

.ui-draggable-dragging .elfinder-cwd-icon-zip-xapi {
    background-position: 0 -1816px !important;
}

.ui-dialog .elfinder-cwd-icon-vnd-ms-powerpoint, .ui-dialog .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation {
    background-position: 0 -1465px !important;
}

.ui-dialog .elfinder-cwd-icon-mov {
    background-position: 0 -1581px !important;
}

.ui-dialog .elfinder-cwd-icon-flv {
    background-position: 0 -1639px !important;
}

.ui-dialog .elfinder-cwd-icon-pdf {
    background-position: 0 -1408px !important;
}

.ui-dialog .elfinder-cwd-icon-vnd-ms-excel, .ui-dialog .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet {
    background-position: 0 -1523px !important;
}

.ui-dialog .elfinder-cwd-icon-msword, .ui-dialog .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document {
    background-position: 0 -1351px !important;
}

.ui-dialog .elfinder-cwd-icon-zip {
    background-position: 0 -1698px !important;
}

.ui-dialog .elfinder-cwd-icon-zip-scorm {
    background-position: 0 -1757px !important;
}

.ui-dialog .elfinder-cwd-icon-zip-xapi {
    background-position: 0 -1816px !important;
}
/*****************************************************css sprite ends***************************************************/


.custom-offest-input {
    margin-left: 17px;
}

#lesson-plan-list .scrollTable td i {
    display: block;
}

#lesson-plan-list .scrollTable td .supergroup-icon > i.fa {
    display: inline-block;
}

#removeModules {
    background: orange !important;
}

    #removeModules .iconlw-pick {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }

#removeUsers {
    background: orange !important;
}

    #removeUsers .iconlw-pick {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }

#removeGroups {
    background: orange !important;
}

    #removeGroups .iconlw-pick {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }
/* ie9 hack*/
/* time picker css changes*/
.timepicker-picker .bootstrap-datetimepicker-widget table td {
    line-height: 20px;
    height: 15px;
}

.bootstrap-datetimepicker-widget table td span {
    height: 20px;
    line-height: 20px;
}

.custom-popup .table-striped tbody tr.ui-state-highlight td {
    border: none !important;
}

.available-user-group .card {
    padding-left: 15px !important;
}
/* datepicker css */
.input-append input[type="text"] {
    width: 100%;
    font-size: 12px;
    padding-left: 6px;
    border: 1px solid #d6d6d6;
    background-color: transparent;
    height: 30px;
}

.pad-left-0 {
    padding-left: 0;
}

.pad-right-0 {
    padding-right: 0;
}

.input-append input[type="text"]:-webkit-input-placeholder {
    color: #fff;
}
/* central reposatory page file uploaer */
.centralreposatory-page .top-links {
    padding-top: 0;
    margin-top: -35px;
}

.centralreposatory-page .progress {
    margin: 0;
}

.centralreposatory-page .table {
    margin-bottom: 0;
}

.centralreposatory-page td.preview img {
    height: 50px;
    width: 50px;
}

.centralreposatory-page .files {
    background-color: #fff;
}

.centralreposatory-page td.cancel button {
    background-color: inherit;
    border: none;
    font-size: 24px;
    color: #454545;
}

.centralreposatory-page .progress {
    border-radius: 0;
}

    .centralreposatory-page .progress.fade {
        height: 0;
    }

        .centralreposatory-page .progress.fade.in {
            height: 20px;
            margin: 5px;
        }

.centralreposatory-page .table-striped tbody tr td {
    min-height: 30px;
    padding: 3px 0 3px 10px;
}

.elfinder-upload-dropbox {
    padding: 0 !important;
    height: 70px !important;
    line-height: 65px;
}
/* placeholder css overrite */
.input-append input::-webkit-input-placeholder {
    color: #555555 !important;
}

.input-append input:-moz-placeholder { /* Firefox 18- */
    color: #555555;
}

.input-append input::-moz-placeholder { /* Firefox 19+ */
    color: #555555;
}

.input-append input:-ms-input-placeholder {
    color: #555555;
}
/* datetimepicker css overrite*/
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
    background-image: none;
    background-color: #0093D0 !important;
}
/* shared with bu page design*/
.shared-bu-page .training-module-filter {
    margin: 0 !important;
}

#shareWithBusinessUnit {
    padding: 0;
}


/******************************* training-module-modal-table css starts*******************************/
.inner-table table {
    table-layout: fixed;
}

.reports-table .inner-table table {
    table-layout: inherit;
}

#modalDivLessonplanSequence .inner-table table {
    table-layout: inherit;
}

.lesson-model-table .assigned-lesson-table-heading .table-title {
    padding-left: 15px;
}

.training-module-modal-table .inner-table tbody tr td {
    background-color: inherit;
    border: 1px solid #e0e1e3;
    padding: 15px 10px !important;
}

.training-module-modal-table .inner-table tbody tr:nth-child(2n) td {
    background-color: #f8f8f8;
}

.lesson-model-table .table-title {
    width: 48%;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    display: table-cell;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    font-size: 20px;
    height: 70px;
    padding: 0;
    vertical-align: middle;
}

.lesson-model-table .table-percentage {
    width: 13%;
    border-right: 1px solid #cccccc;
    display: table-cell;
    height: 70px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
}

.lesson-model-table .attempt {
    width: 13%;
    display: table-cell;
    border-right: 1px solid #cccccc;
    height: 70px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
}

.lesson-model-table .table-time {
    width: 13%;
    display: table-cell;
    border-right: 1px solid #cccccc;
    height: 70px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
}

.lesson-model-table .table-status {
    width: 15%;
    display: table-cell;
    height: 70px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
}

.fail-attempts {
    display: block;
    font-size: 12px;
    padding: 2px 0;
    color: #d32502;
}

.lesson-model-table .assigned-lesson-table-row {
    display: table;
    width: 100%;
}

.lesson-model-table .assigned-lesson-table-row {
    background-color: #ffffff;
    border-bottom: 2px solid #dfe1e3;
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .lesson-model-table .assigned-lesson-table-row .table-plan-id {
        color: #f3a100;
        display: block;
        font-size: 12px;
        /*font-family: 'open_sanssemibold_italic';*/
        font-weight: normal;
        font-style: italic;
        margin-bottom: 5px;
    }
    /*.lesson-model-table .assigned-lesson-table-row .attempt{font-size:24px;}
*/
    .lesson-model-table .assigned-lesson-table-row:nth-child(2n) {
        background-color: #f8f8f8;
    }

    .lesson-model-table .assigned-lesson-table-row .table-plan-id {
        margin-bottom: 5px;
    }

.popover-inner .input.select {
    width: 100%;
    margin-left: 0;
}

    .popover-inner .input.select select {
        border: 1px solid #777777;
    }

.ilt-tm. lesson-model-table.table-title {
    border-left: 1px solid #ccc;
}
/*******************************training-module-modal-table ends*/

/****************************** bu admin pages css starts******************************/
/* create*/
.create-industry-link {
    display: block;
    margin: 10px 0;
}

.create-clients {
    margin-top: 30px;
}

.setup-admin {
    margin-top: 30px !important;
}

.reset-controls {
    margin-top: 10px;
}

    .reset-controls .input {
        display: inline-block;
        margin-right: 15px;
    }

    .reset-controls .info {
        color: #ccc;
        font-size: 12px;
        display: block;
    }

    .reset-controls .icon-send i {
        font-size: 20px;
        vertical-align: middle;
    }

.lesson-plan-steps input[type="email"] {
    border: 1px solid #d6d6d6;
    box-shadow: none;
    border-radius: 0;
    height: 42px;
    padding: 5px 15px;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    width: 100%;
}

.small-modal .modal-header h4 {
    color: #ffffff;
    font-size: 22px;
}

.small-modal .modal-header .close {
    background-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-size: 40px;
    font-weight: 100;
    height: 63px;
    line-height: 60px;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 63px;
}

.small-modal .modal-content {
    border-radius: 0;
}

.small-modal .modal-footer a {
    text-transform: uppercase;
}

.create-industry-type .form-control {
    display: inline-block;
}

#myModal-Industry .modal-dialog {
    left: 50%;
    margin-left: -300px;
    margin-top: -130px;
    position: absolute;
    top: 50%;
    margin-bottom: 0;
}

.previllage-box {
    margin: 15px 0;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.2);
}
/****************************** bu admin pages css ends******************************/


/****************************** 404 error page css starts*******************************/
.error-page {
    background-image: url(/content/images/404-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    height: 100%;
    background-color: #ffffff;
    display: table;
    width: 100%;
}

.errorpage-container {
    display: table-cell;
    vertical-align: middle;
}

.error-logo {
    padding: 50px 0 80px;
}

.error-msg {
    padding: 50px 0 0;
}

    .error-msg p {
        font-size: 30px;
        color: #58585a;
    }
/******************************* 404 error page css ends*******************************/

/******************************* access denied page css starts*******************************/
.access-denied-page {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.access-denied-container {
    display: table-cell;
    vertical-align: middle;
}

    .access-denied-container h1 {
        font-size: 40px;
        color: #333333;
        /*font-family: "open_sansregular";*/
        font-weight: normal;
        margin: 60px 40px;
    }

    .access-denied-container p {
        font-size: 22px;
        margin: 15px 0;
        color: #555555;
        line-height: 1;
    }
/******************************* access denied page css ends******************************/

/**************************************Central Repository page css start**********************************/
.ui-widget-content {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.ui-widget-header {
    background: none !important;
}

.elfinder-ltr .elfinder-navbar {
    background: #bcc0c2 !important;
}

.elfinder-navbar .mCSB_container_wrapper > .mCSB_container {
    padding-right: 0;
}

.elfinder .elfinder-cwd table thead tr {
    background: #a0a8ad none repeat scroll 0 0;
    color: #333;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    font-size: 14px;
    border: 0;
}

.elfinder .elfinder-cwd table thead td {
    font-size: 14px;
    padding: 0 10px;
    text-align: left;
    text-transform: uppercase;
    height: 50px !important;
}

.elfinder-statusbar {
    border: 0 !important;
    display: none !important;
}
/*.elfinder-cwd-wrapper{background:#fff}
*/
.elfinder .elfinder-cwd table td {
    padding: 15px 10px;
}

.elfinder .elfinder-cwd table tr.elfinder-cwd-file td {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 3px solid #dfe1e2;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    line-height: 21px;
    min-height: 71px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    border-right: 1px solid rgb(221, 221, 221);
    word-wrap: break-word;
}

.elfinder-cwd-filename {
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    color: #222;
    padding-right: 10px;
    font-size: 14px !important;
}

.elfinder .elfinder-cwd table tr.elfinder-cwd-file td:first-child {
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    font-size: 16Px !important;
    width: 50% !important;
}

.elfinder .elfinder-cwd table tr.elfinder-cwd-file td:nth-child(2) {
    width: 25% !important;
    text-align: center;
}

.elfinder .elfinder-cwd table tr.elfinder-cwd-file td:nth-child(3) {
    width: 25% !important;
    text-align: center;
}
/*.elfinder .elfinder-cwd table tr.elfinder-cwd-file td:nth-child(4){width:10%;}
.elfinder .elfinder-cwd table tr.elfinder-cwd-file td:nth-child(5){width:10%;}
*/
.elfinder .elfinder-cwd table thead td:first-child {
    width: 50% !important;
}

.elfinder .elfinder-cwd table thead td:nth-child(2) {
    width: 25% !important;
    text-align: center;
}

.elfinder .elfinder-cwd table thead td:nth-child(3) {
    width: 25% !important;
    text-align: center;
}
/*.elfinder .elfinder-cwd table thead td:nth-child(4){width:10%;}
.elfinder .elfinder-cwd table thead td:nth-child(5){width:10%;}
*/
.cr-tableheader.ui-state-active {
    color: #212121 !important;
    border: 0 !important;
}

.cr-tableheader {
    position: relative;
    cursor: pointer;
}

    .cr-tableheader span {
        cursor: pointer;
    }

    .cr-tableheader.ui-state-hover {
        background: inherit !important;
        border: 0 !important;
    }

div.elfinder-cwd-wrapper-list tr.ui-state-default td .cr-tableheader span.ui-icon {
    position: absolute;
    top: 5px;
    right: -20px;
}

.grid-view .scrollTable tbody tr {
    display: table-row;
    position: inherit;
}

.elfinder-cwd {
    cursor: default;
    font-size: inherit;
}

.elfinder .elfinder-cwd table td {
    white-space: normal !important;
    font-size: 14px !important;
}

.elfinder-cwd-file td:first-child {
    padding: 0 !important;
}

.elfinder-navbar-dir {
    color: #333;
}

.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-file-wrapper {
    margin: 15px 10px !important;
}

.elfinder .elfinder-navbar {
    width: 250px !important;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.elfinder-ltr .elfinder-navbar {
    border: 0 !important;
    padding: 0 !important;
    z-index: 1;
}

.elfinder-navbar-dir {
    font-size: 14px;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    border: none !important;
}

.elfinder-ltr .elfinder-navbar-subtree {
    position: relative;
}
/*.elfinder-ltr .elfinder-navbar-subtree:before{content:""; width:1px; height:100%; display:inline-block; border-left:1px solid #333333; position:absolute; left:2px; top:0;}
*/
.ui-widget-header .ui-state-active {
    background-image: none !important;
    /*font-family: 'open_sansbold';*/
    font-weight: bold;
    color: #fff !important;
}

.ui-state-active {
    background-image: none !important;
    color: #fff !important;
}

.elfinder-navbar-icon {
    position: relative;
}

.ui-widget-content td.ui-state-active {
    color: #454545 !important;
    font-weight: normal;
}
/*.elfinder-navbar-icon{background-image:none !important; position:relative;}
*/
/*.elfinder-navbar-icon:after{content:"\f07b"; font-size:22px; font-family:FontAwesome; color:#0172b0; position:absolute; top:-7px; left:0;}
*/
/*.ui-state-active .elfinder-navbar-icon:after, .elfinder-droppable-active .elfinder-navbar-icon:after, .ui-state-hover .elfinder-navbar-icon:after{content:"\f07c"; font-size:12px; font-family:FontAwesome; font-size:16px; color:#0172b0; top:-2px; left:5px;}
*/
.ui-state-default .ui-icon {
    display: inline-block;
}

.grid-view {
    background-color: #fff;
}

.elfinder-cwd-view-icons .elfinder-cwd-file {
    height: 100px !important;
    width: 140px !important;
    padding-top: 8px !important;
}

.grid-view .repository-tags {
    margin: 0px;
}

.grid-view .elfinder-cwd-file {
    padding: 10px;
}

.elfinder-ltr .elfinder-navbar-dir {
    padding-left: 40px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px !important;
}

    .elfinder-ltr .elfinder-navbar-dir.ui-state-hover {
        background: #A0A8AD;
        border-radius: 0;
    }

.elfinder-tree {
    padding: 0 0 0 15px !important;
}

tr.ui-state-hover {
    border: none !important;
}

.elfinder-cwd-file.ui-state-hover {
    border: none !important;
}

.grid-view .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover {
    background: none !important;
}

.elfinder-cwd-view-list td.ui-state-hover {
    background: none;
}

.ui-widget-header {
    background: none !important;
}

    .ui-widget-header .ui-state-default {
        background-image: none !important;
    }

    .ui-widget-header .elfinder-button {
        height: 35px !important;
        width: 35px !important; /*background-color:#0093D0 !important; */
        padding: 0 !important;
        text-align: center;
        line-height: 35px;
        border-radius: 0 !important;
        cursor: pointer;
        border-right: 1px solid rgba(0,0,0,0.1) !important;
    }

ui-resizable-handle {
    display: none;
}

.elfinder-dialog {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.ui-widget-header .elfinder-buttonset {
    float: none;
    display: inline-block;
    margin: 0;
}

.ui-widget-header.elfinder-toolbar {
    padding: 0;
}

.elfinder-button.upload-btn {
    background-color: #6a6d6e !important;
    margin-left: 5px !important;
    width: auto !important;
    padding: 0 10px !important;
    cursor: pointer;
}

    .elfinder-button.upload-btn.ui-state-hover {
        cursor: pointer !important;
    }

    .elfinder-button.upload-btn span {
        color: #fff;
        font-size: 14px;
    }

    .elfinder-button.upload-btn .elfinder-button-icon-upload {
        margin-right: 10px;
    }

.ui-widget-header .elfinder-buttonset:last-child {
    float: right !important;
}

.user-library .ui-widget-header .elfinder-buttonset:last-child {
    float: inherit !important;
}

#cr-modal .ui-widget-header .elfinder-buttonset:last-child {
    float: inherit !important;
}

.ui-state-default.search-filter-btn {
    border: 0 !important;
}

.ui-state-default .btn-blue {
    padding: 8px;
    height: 35px;
    width: 36px;
    line-height: 1;
}

#elfinder-selectFile {
    display: none !important;
}

.elfiner-button-sort .elfinder-button-menu {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    top: 35px;
    line-height: 1;
}

.std42-dialog .ui-dialog-titlebar {
    padding: 10px !important;
    color: #fff;
    font-size: 14px !important; /*background-color:#0093D0 !important; */
    border-radius: 0;
}

.containerList tr.ui-selected td {
    background-color: #CCF0FE !important;
}

.elfinder .elfinder-button.create-folder {
    width: auto !important;
    padding: 0 10px !important;
}

.elfinder-button.create-folder .elfinder-button-icon-mkdir {
    margin-right: 10px;
}

.elfinder-button.create-folder span {
    color: #ffffff;
    font-size: 14px;
}

.elfinder-navbar-dir.ui-state-active {
    background-color: #77838A !important;
    border-radius: 0;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
}

.elfinder-tree .elfinder-navbar-icon, .elfinder-tree .elfinder-cwd-icon-directory {
    width: 18px !important;
    height: 17px !important;
}

.ui-state-active .elfinder-navbar-icon, .elfinder-droppable-active .elfinder-navbar-icon, .ui-state-hover .elfinder-navbar-icon {
    background-position: 0 -16px !important;
}

.elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon {
    background-position: 0 -16px !important;
}

.cr-tags .small-modal .modal-header h4 {
    margin: 0;
}

.cr-tags .small-modal {
    text-align: left;
}

    .cr-tags .small-modal .bootstrap-tagsinput input {
        text-align: left !important;
    }

.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected {
    background-color: #D3F3FF !important;
    border: 1px solid #cccccc !important;
    box-sizing: border-box;
}

.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file.ui-state-hover {
    background-color: #ecf9fe;
    border: 1px solid #cccccc !important;
    box-sizing: border-box;
    background-image: none;
}

.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file {
    border: 1px solid #ffffff;
    padding: 0;
}

.elfinder-quicklook-fullscreen {
    z-index: 100000 !important;
}

.elfinder-navbar .mCSB_container_wrapper {
    margin-right: 15px;
}

.folder-info {
    background-color: #F1F5FB;
    min-height: 50px;
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 25px;
    left: 320px; /*z-index:1010; */
    border-top: 1px solid #D9E3F0;
    -webkit-box-shadow: 0 13px 16px -18px rgba(0, 0, 0, 0.8) inset;
    -moz-box-shadow: 0 13px 16px -18px rgba(0, 0, 0, 0.8) inset;
    box-shadow: 0 13px 16px -18px rgba(0, 0, 0, 0.8) inset;
    padding: 5px 235px 5px 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    margin: 0;
}

    .folder-info #dvTagViewIcon {
        padding-top: 15px;
    }
    /*.folder-info.central-tag-padding{padding-left:10px; padding-right:245px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; width:calc(100% - 520px); -moz-width:calc(100% - 520px); -ms-width:calc(100% - 520px); -weblit-width:calc(100% - 520px);}
*/
    .folder-info .bottom-tags {
        font-size: 12px;
        display: inline-block;
        color: #454545;
    }

.bottom-tags span {
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
}

.enter-tags {
    display: inline-block;
    margin-left: 15px;
}

    .enter-tags .bootstrap-tagsinput input[type="text"] {
        font-size: 12px;
        padding: 6px;
        min-height: 30px;
        height: 30px !important;
    }

    .enter-tags .bootstrap-tagsinput {
        margin: 0;
    }

.ui-dialog-titlebar-close {
    position: relative;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 40px !important;
}

    .ui-dialog-titlebar-close span {
        display: none !important;
    }

    .ui-dialog-titlebar-close:after {
        content: "x";
        color: #fff;
        font-size: 24px;
        position: absolute;
        left: 12px;
        top: 0;
    }

.ui-dialog {
    border: 0 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.elfinder-shared {
    position: absolute;
    height: 19px;
    width: 19px;
    display: inline-block;
    top: 0;
    right: 0;
    background-image: url("/Content/images/sprite.png");
    background-repeat: no-repeat;
    background-position: -54px -105px;
}

.elfinder-cwd-view-list .elfinder-shared {
    right: 10px;
}

.elfinder-tree .elfinder-shared {
    left: 20px;
    right: inherit;
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
}

.elfinder .elfinder-tree .elfinder-perms::before {
    font-size: 14px;
}

.elfinder .elfinder-tree .elfinder-perms {
    bottom: 0 !important;
}

.cr-share-with-bu {
    overflow: hidden;
    padding: 0 !important;
}

    .cr-share-with-bu .mCSB_inside > .mCSB_container {
        margin-right: 5px;
    }

    .cr-share-with-bu .pick-button a {
        height: 76px;
        width: 76px;
    }

.sharebu-detail-table.table-bordered tbody tr {
    position: inherit !important;
}

    .sharebu-detail-table.table-bordered tbody tr td {
        border-bottom: 1px solid #dfe1e2;
        position: inherit;
    }

        .sharebu-detail-table.table-bordered tbody tr td:last-child {
            border-left: 1px solid #dfe1e2;
            border-right: 1px solid #dfe1e2;
            position: inherit;
        }

.search-filter-btn {
    display: inline-block !important;
}

.ui-icon-triangle-1-n {
    background: url("/Content/images/sorting-icon.png") no-repeat 0px -19px rgba(0, 0, 0, 0) !important;
}

.ui-icon-triangle-1-s {
    background: url("/Content/images/sorting-icon.png") no-repeat 0px 0px rgba(0, 0, 0, 0) !important;
}

div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon {
    top: 5px;
    left: 3px !important;
    right: 0;
    margin: auto 0px auto auto;
    position: relative;
}

.training-content-with-test .filter-search {
    margin-top: -45px;
}
/**************************************Central Repository page css ends**********************************/

/************************************** login-page css starts**********************************/
.login-page {
    background-color: #fff;
    height: 100%;
}

.login-page-banner img {
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    float: right;
}

.login-page-banner {
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.transperent-shadow {
    opacity: 0.75;
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}

.Ecommrce-login-page-form {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px 10px;
    display: table;
}

.login-page-form {
    width: 400px;
    margin: 0 auto;
    padding: 40px 30px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.48);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.48);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.48); /*position:absolute; top:10%; left:50%; margin-left:-200px; */
    display: table;
}

.login-logo {
    margin-bottom: 30px;
    text-align: center;
}


    .login-logo img {
        width: 250px;
        height: 70px;
    }

.login-page-form .form-control {
    height: 40px;
}

.login-page-form .form-group {
    margin-bottom: 20px;
}

.login-page-form label {
    margin-bottom: 10px;
}

.login-page-form button {
    height: 40px;
}

.login-page-form .login-btns a {
    padding-bottom: 8px;
    display: block;
}

.login-page-container {
    display: table;
    text-align: center;
    width: 100%;
}

    .login-page-container .row {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

.core-value {
    position: absolute;
    bottom: 50px;
    width: 100%;
}

    .core-value h1 {
        color: #fff;
        padding-bottom: 100px;
        text-transform: capitalize;
    }

    .core-value ul li {
        display: inline-block;
        padding: 0 20px;
        font-size: 24px;
        color: #fff;
        position: relative;
    }

        .core-value ul li.empathy {
            padding-top: 30px;
            vertical-align: top;
        }

        .core-value ul li:before {
            content: "";
            border-left: 1px dotted #fff;
            height: 130px;
            width: 1px;
            position: absolute;
            bottom: 30px;
            left: 50%;
        }

        .core-value ul li.integrity:before {
            bottom: -10px;
            height: 174px;
            left: 133px;
            transform: rotate(52deg);
            -ms-transform: rotate(52deg);
            -webkit-transform: rotate(52deg);
            -moz-transform: rotate(52deg);
        }

        .core-value ul li.excellence:before {
            bottom: -10px;
            height: 174px;
            right: 155px;
            left: inherit;
            transform: rotate(-52deg);
            -webkit-transform: rotate(-52deg);
            -ms-transform: rotate(-52deg);
            -moz-transform: rotate(-52deg);
        }

.login-layout-body {
    padding: 0;
}

.login-page-links {
    display: inline-block;
    float: right;
    padding-top: 0px;
}

#login-page-scroll .mCSB_container {
    overflow: inherit;
}
/************************************** login-page css ends**********************************/

/********************************** customize-user page css starts**********************************/
.customize-user {
    margin-top: 15px;
}

    .customize-user .customize-user-header h2 {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        margin: 0;
        padding: 10px 40px;
    }

    .customize-user .customize-user-header {
        text-align: center;
    }

.static-fields .control-label {
    font-size: 16px;
    margin: 0;
}

.static-fields .form-group {
    background-color: #fcfcfc;
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    position: relative;
}

.static-fields .required {
    font-size: 12px;
    color: #ff0000;
    display: block;
    margin: 3px 0;
}

.static-fields .text-label {
    font-size: 16px;
    color: #676767;
}

.form-action {
    position: absolute;
    right: 8px;
    top: 5px;
}

    .form-action a {
        vertical-align: middle;
        margin-left: 3px;
    }

    .form-action i {
        font-size: 13px;
        vertical-align: middle;
        opacity: 0.5;
    }

.textbox-edit {
    margin-left: 10px;
    vertical-align: middle;
}

    .textbox-edit i {
        font-size: 19px;
        color: #2399ca;
    }

.textbox-remove {
    margin-left: 5px;
}

    .textbox-remove i {
        font-size: 19px;
    }

.user-panel .input input[type="radio"] + label::before, .user-panel .input input[type="radio"] + label::after {
    top: -3px;
    height: 25px;
    width: 25px;
}

.user-panel .modal-header {
    border: 0;
}

    .user-panel .modal-header h4 {
        color: #323232;
        display: inline-block;
        /*font-family: "open_sanslight";*/
        font-weight: normal;
        font-size: 30px;
        line-height: 1;
        margin: 10px 0;
        text-transform: uppercase;
    }

        .user-panel .modal-header h4 span {
            font-size: 20px;
        }

    .user-panel .modal-header .left-panel-close {
        margin-left: 10px;
        margin-right: -15px;
        margin-top: -15px;
        opacity: 1;
        right: 0;
        top: 0;
        border: 0;
    }

        .user-panel .modal-header .left-panel-close span {
            background-color: #e6e4e4;
            color: #555555;
            display: inline-block;
            /*font-family: "open_sanslight";*/
            font-weight: normal;
            font-size: 48px;
            height: 58px;
            line-height: 55px;
            width: 58px;
        }

.user-panel .radio-group {
    margin: 15px 0;
}

    .user-panel .radio-group .input {
        display: inline-block;
        margin-right: 15px;
    }

.field-block {
    border: 1px solid #ccc;
    padding: 15px;
}

    .field-block .input {
        display: inline-block;
        margin-right: 10px;
    }

        .field-block .input label {
            margin-bottom: 0;
        }

.form-builder-control.current {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.1) !important;
    background-color: #9bd4ec;
}

.collapse-div {
    display: none;
    padding: 25px;
    border: 1px solid #e6e4e4;
    background-color: #E7E7E7;
}

.customize-user .pick-button {
    display: none;
}

    .customize-user .pick-button a {
        padding: 10px;
    }

.field-type h2 {
    margin-bottom: 20px;
    font-size: 24px;
    margin-left: 15px;
}

.form-builder-control {
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #e6e4e4;
    text-transform: capitalize;
    margin-bottom: 15px;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
}

.collapse-div h3 {
    font-size: 18px;
    margin: 0 0 15px;
}

[class^="icon-form-"], [class*=" icon-form-"] {
    display: inline-block !important;
    line-height: 14px;
    vertical-align: middle;
    background-image: url('/Content/images/form-icons.png');
    background-repeat: no-repeat;
}

.icon-form-textbox {
    background-position: -53px -8px;
    width: 18px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-form-radio {
    background-position: -30px -5px;
    width: 20px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-form-select {
    background-position: -99px -6px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-form-textarea {
    background-position: -122px -6px;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-form-number {
    background-position: -76px -9px;
    width: 19px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-form-checkbox {
    background-position: -7px -4px;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-form-date {
    background-position: -149px -2px;
    width: 19px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-form-mail {
    background-position: -175px -5px;
    width: 21px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

#divDynamicFields .ui-widget-content:hover {
    -webkit-box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75);
    z-index: 1000;
    cursor: move;
}

#divDynamicFields .ui-widget-content {
    background-color: #FFF !important;
    box-sizing: border-box;
    padding-top: 10px;
    min-height: 105px;
    margin-bottom: 8px;
}

    #divDynamicFields .ui-widget-content.ui-sortable-helper {
        z-index: 10000 !important;
        -webkit-box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75);
    }

.user-panel .form-group {
    position: relative;
}

    .user-panel .form-group .add-delete {
        position: absolute;
        top: 35px;
        right: 20px;
    }

#dynamicFields .ui-state-highlight {
    display: none;
}
/********************************** customize-user page css ends**********************************/

/*create user css starts */
.create-user.lesson-plan-steps .create .input {
    display: inline-block;
    margin-right: 30px;
}

.upload-label {
    display: block;
}

/******************* edit email template css starts********************/
.edit-email {
    margin: 0 0;
    padding: 0 25px;
}

    .edit-email label {
        font-size: 16px;
    }

        .edit-email label.fill-lable {
            color: #454545;
            padding-left: 5px;
            /*font-family: "open_sanssemibold";*/
            font-weight: bold;
        }

.email-language {
    width: 200px;
    margin: 20px 35px;
}

    .email-language .input.select {
        display: inline-block;
        width: 60%;
        background-color: #fff;
    }

.table-bordered.email-table tbody tr td:last-child {
    border-left: 1px solid #dddddd;
}

.table-bordered.email-table tbody tr td {
    word-wrap: break-word;
}

.scrollTable.table-striped tbody td.inner-table.sub-admin tr td:first-child {
    padding: 10px;
}

.Bold {
    font-size: 12px;
}
/*******************************edit email template css ends*********************************/


/****************************** language popup **********************/
.lang-sm {
    top: 1px;
    position: relative;
}

.lang-sm {
    background-position: 0px -1172px;
    min-width: 22px;
    height: 16px;
    min-height: 16px;
    max-height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('/Content/images/languages.png');
}

    .lang-sm.lang-lbl, .lang-sm.lang-lbl-en, .lang-sm.lang-lbl-full {
        padding-left: 35px;
    }

/****************** language css starts***************/
/* Define properties for our icons (default to the unknown language flag) */
.lang-xs {
    background-position: 0px -473px;
    min-width: 14px;
    height: 11px;
    min-height: 11px;
    max-height: 11px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('/Content/images/languages.png');
}

.lang-sm {
    background-position: 0px -1172px;
    min-width: 22px;
    height: 16px;
    min-height: 16px;
    max-height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('/Content/images/languages.png');
}

.lang-lg {
    background-position: 0px -2134px;
    min-width: 30px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('/Content/images/languages.png');
    line-height: 22px;
}
/* Positions in our sprite for xs-sized images */
.lang-xs[lang=ar] {
    background-position: 0px 0px;
}

.lang-xs[lang=be] {
    background-position: 0px -11px;
}

.lang-xs[lang=bg] {
    background-position: 0px -22px;
}

.lang-xs[lang=cs] {
    background-position: 0px -33px;
}

.lang-xs[lang=da] {
    background-position: 0px -44px;
}

.lang-xs[lang=de] {
    background-position: 0px -55px;
}

.lang-xs[lang=el] {
    background-position: 0px -66px;
}

.lang-xs[lang=en] {
    background-position: 0px -77px;
}

.lang-xs[lang=es] {
    background-position: 0px -88px;
}

.lang-xs[lang=et] {
    background-position: 0px -99px;
}

.lang-xs[lang=fi] {
    background-position: 0px -110px;
}

.lang-xs[lang=fr] {
    background-position: 0px -121px;
}

.lang-xs[lang=ga] {
    background-position: 0px -132px;
}

.lang-xs[lang=hi] {
    background-position: 0px -143px;
}

.lang-xs[lang=hr] {
    background-position: 0px -154px;
}

.lang-xs[lang=hu] {
    background-position: 0px -165px;
}

.lang-xs[lang=in] {
    background-position: 0px -176px;
}

.lang-xs[lang=is] {
    background-position: 0px -187px;
}

.lang-xs[lang=it] {
    background-position: 0px -198px;
}

.lang-xs[lang=iw] {
    background-position: 0px -209px;
}

.lang-xs[lang=ja] {
    background-position: 0px -220px;
}

.lang-xs[lang=ko] {
    background-position: 0px -231px;
}

.lang-xs[lang=lt] {
    background-position: 0px -242px;
}

.lang-xs[lang=lv] {
    background-position: 0px -253px;
}

.lang-xs[lang=mk] {
    background-position: 0px -264px;
}

.lang-xs[lang=ms] {
    background-position: 0px -275px;
}

.lang-xs[lang=mt] {
    background-position: 0px -286px;
}

.lang-xs[lang=nl] {
    background-position: 0px -297px;
}

.lang-xs[lang=no] {
    background-position: 0px -308px;
}

.lang-xs[lang=pl] {
    background-position: 0px -319px;
}

.lang-xs[lang=pt] {
    background-position: 0px -330px;
}

.lang-xs[lang=ro] {
    background-position: 0px -341px;
}

.lang-xs[lang=ru] {
    background-position: 0px -352px;
}

.lang-xs[lang=sk] {
    background-position: 0px -363px;
}

.lang-xs[lang=sl] {
    background-position: 0px -374px;
}

.lang-xs[lang=sq] {
    background-position: 0px -385px;
}

.lang-xs[lang=sr] {
    background-position: 0px -396px;
}

.lang-xs[lang=sv] {
    background-position: 0px -407px;
}

.lang-xs[lang=th] {
    background-position: 0px -418px;
}

.lang-xs[lang=tr] {
    background-position: 0px -429px;
}

.lang-xs[lang=uk] {
    background-position: 0px -440px;
}

.lang-xs[lang=vi] {
    background-position: 0px -451px;
}

.lang-xs[lang=zh] {
    background-position: 0px -462px;
}

.lang-xs[lang=zh1] {
    background-position: 0px -462px;
}
/* Positions in our sprite for sm-sized images */
.lang-sm[lang=ar] {
    background-position: 0px -484px;
}

.lang-sm[lang=be] {
    background-position: 0px -500px;
}

.lang-sm[lang=bg] {
    background-position: 0px -516px;
}

.lang-sm[lang=cs] {
    background-position: 0px -532px;
}

.lang-sm[lang=da] {
    background-position: 0px -548px;
}

.lang-sm[lang=de] {
    background-position: 0px -564px;
}

.lang-sm[lang=el] {
    background-position: 0px -580px;
}

.lang-sm[lang=en] {
    background-position: 0px -596px;
}

.lang-sm[lang=es] {
    background-position: 0px -612px;
}

.lang-sm[lang=et] {
    background-position: 0px -628px;
}

.lang-sm[lang=fi] {
    background-position: 0px -644px;
}

.lang-sm[lang=fr] {
    background-position: 0px -660px;
}

.lang-sm[lang=ga] {
    background-position: 0px -676px;
}

.lang-sm[lang=hi] {
    background-position: 0px -692px;
}

.lang-sm[lang=hr] {
    background-position: 0px -708px;
}

.lang-sm[lang=hu] {
    background-position: 0px -724px;
}

.lang-sm[lang=in] {
    background-position: 0px -740px;
}

.lang-sm[lang=is] {
    background-position: 0px -756px;
}

.lang-sm[lang=it] {
    background-position: 0px -772px;
}

.lang-sm[lang=iw] {
    background-position: 0px -788px;
}

.lang-sm[lang=ja] {
    background-position: 0px -804px;
}

.lang-sm[lang=ko] {
    background-position: 0px -820px;
}

.lang-sm[lang=lt] {
    background-position: 0px -836px;
}

.lang-sm[lang=lv] {
    background-position: 0px -852px;
}

.lang-sm[lang=mk] {
    background-position: 0px -868px;
}

.lang-sm[lang=ms] {
    background-position: 0px -884px;
}

.lang-sm[lang=mt] {
    background-position: 0px -900px;
}

.lang-sm[lang=nl] {
    background-position: 0px -916px;
}

.lang-sm[lang=no] {
    background-position: 0px -932px;
}

.lang-sm[lang=pl] {
    background-position: 0px -948px;
}

.lang-sm[lang=pt] {
    background-position: 0px -964px;
}

.lang-sm[lang=ro] {
    background-position: 0px -980px;
}

.lang-sm[lang=ru] {
    background-position: 0px -996px;
}

.lang-sm[lang=sk] {
    background-position: 0px -1012px;
}

.lang-sm[lang=sl] {
    background-position: 0px -1028px;
}

.lang-sm[lang=sq] {
    background-position: 0px -1044px;
}

.lang-sm[lang=sr] {
    background-position: 0px -1060px;
}

.lang-sm[lang=sv] {
    background-position: 0px -1076px;
}

.lang-sm[lang=th] {
    background-position: 0px -1092px;
}

.lang-sm[lang=tr] {
    background-position: 0px -1108px;
}

.lang-sm[lang=uk] {
    background-position: 0px -1124px;
}

.lang-sm[lang=vi] {
    background-position: 0px -1140px;
}

.lang-sm[lang=zh] {
    background-position: 0px -1156px;
}

.lang-sm[lang=zh1] {
    background-position: 0px -1156px;
}
/* Positions in our sprite for lg-sized images */
.lang-lg[lang=ar] {
    background-position: 0px -1188px;
}

.lang-lg[lang=be] {
    background-position: 0px -1210px;
}

.lang-lg[lang=bg] {
    background-position: 0px -1232px;
}

.lang-lg[lang=cs] {
    background-position: 0px -1254px;
}

.lang-lg[lang=da] {
    background-position: 0px -1276px;
}

.lang-lg[lang=de] {
    background-position: 0px -1298px;
}

.lang-lg[lang=el] {
    background-position: 0px -1320px;
}

.lang-lg[lang=en] {
    background-position: 0px -1342px;
}

.lang-lg[lang=es] {
    background-position: 0px -1364px;
}

.lang-lg[lang=et] {
    background-position: 0px -1386px;
}

.lang-lg[lang=fi] {
    background-position: 0px -1408px;
}

.lang-lg[lang=fr] {
    background-position: 0px -1430px;
}

.lang-lg[lang=ga] {
    background-position: 0px -1452px;
}

.lang-lg[lang=hi] {
    background-position: 0px -1474px;
}

.lang-lg[lang=hr] {
    background-position: 0px -1496px;
}

.lang-lg[lang=hu] {
    background-position: 0px -1518px;
}

.lang-lg[lang=in] {
    background-position: 0px -1540px;
}

.lang-lg[lang=is] {
    background-position: 0px -1562px;
}

.lang-lg[lang=it] {
    background-position: 0px -1584px;
}

.lang-lg[lang=iw] {
    background-position: 0px -1606px;
}

.lang-lg[lang=ja] {
    background-position: 0px -1628px;
}

.lang-lg[lang=ko] {
    background-position: 0px -1650px;
}

.lang-lg[lang=lt] {
    background-position: 0px -1672px;
}

.lang-lg[lang=lv] {
    background-position: 0px -1694px;
}

.lang-lg[lang=mk] {
    background-position: 0px -1716px;
}

.lang-lg[lang=ms] {
    background-position: 0px -1738px;
}

.lang-lg[lang=mt] {
    background-position: 0px -1760px;
}

.lang-lg[lang=nl] {
    background-position: 0px -1782px;
}

.lang-lg[lang=no] {
    background-position: 0px -1804px;
}

.lang-lg[lang=pl] {
    background-position: 0px -1826px;
}

.lang-lg[lang=pt] {
    background-position: 0px -1848px;
}

.lang-lg[lang=ro] {
    background-position: 0px -1870px;
}

.lang-lg[lang=ru] {
    background-position: 0px -1892px;
}

.lang-lg[lang=sk] {
    background-position: 0px -1914px;
}

.lang-lg[lang=sl] {
    background-position: 0px -1936px;
}

.lang-lg[lang=sq] {
    background-position: 0px -1958px;
}

.lang-lg[lang=sr] {
    background-position: 0px -1980px;
}

.lang-lg[lang=sv] {
    background-position: 0px -2002px;
}

.lang-lg[lang=th] {
    background-position: 0px -2024px;
}

.lang-lg[lang=tr] {
    background-position: 0px -2046px;
}

.lang-lg[lang=uk] {
    background-position: 0px -2068px;
}

.lang-lg[lang=vi] {
    background-position: 0px -2090px;
}

.lang-lg[lang=zh] {
    background-position: 0px -2112px;
}

.lang-lg[lang=zh1] {
    background-position: 0px -2112px;
}
/* Combined native/english labels */
.lang-lbl-full::after {
    content: "Unknown language";
}

.lang-lbl-full[lang=ar]:after {
    content: "\000627\000644\000639\000631\000628\00064A\000629\0000A0/\0000A0Arabic";
}

.lang-lbl-full[lang=be]:after {
    content: "\000411\000435\00043B\000430\000440\000443\000441\00043A\000456\0000A0/\0000A0Belarusian";
}

.lang-lbl-full[lang=bg]:after {
    content: "\000411\00044A\00043B\000433\000430\000440\000441\00043A\000438\0000A0/\0000A0Bulgarian";
}

.lang-lbl-full[lang=cs]:after {
    content: "\00010Ce\000161tina\0000A0/\0000A0Czech";
}

.lang-lbl-full[lang=da]:after {
    content: "Dansk\0000A0/\0000A0Danish";
}

.lang-lbl-full[lang=de]:after {
    content: "Deutsch\0000A0/\0000A0German";
}

.lang-lbl-full[lang=el]:after {
    content: "\000395\0003BB\0003BB\0003B7\0003BD\0003B9\0003BA\0003AC\0000A0/\0000A0Greek";
}

.lang-lbl-full[lang=en]:after {
    content: "English\0000A0/\0000A0English";
}

.lang-lbl-full[lang=es]:after {
    content: "Espa\0000F1ol\0000A0/\0000A0Spanish";
}

.lang-lbl-full[lang=et]:after {
    content: "Eesti\0000A0/\0000A0Estonian";
}

.lang-lbl-full[lang=fi]:after {
    content: "Suomi\0000A0/\0000A0Finnish";
}

.lang-lbl-full[lang=fr]:after {
    content: "Fran\0000E7ais\0000A0/\0000A0French";
}

.lang-lbl-full[lang=ga]:after {
    content: "Gaeilge\0000A0/\0000A0Irish";
}

.lang-lbl-full[lang=hi]:after {
    content: "\000939\00093F\000902\000926\000940\0000A0/\0000A0Hindi";
}

.lang-lbl-full[lang=hr]:after {
    content: "Hrvatski\0000A0/\0000A0Croatian";
}

.lang-lbl-full[lang=hu]:after {
    content: "Magyar\0000A0/\0000A0Hungarian";
}

.lang-lbl-full[lang=in]:after {
    content: "Bahasa\000020indonesia\0000A0/\0000A0Indonesian";
}

.lang-lbl-full[lang=is]:after {
    content: "\0000CDslenska\0000A0/\0000A0Icelandic";
}

.lang-lbl-full[lang=it]:after {
    content: "Italiano\0000A0/\0000A0Italian";
}

.lang-lbl-full[lang=iw]:after {
    content: "\0005E2\0005D1\0005E8\0005D9\0005EA\0000A0/\0000A0Hebrew";
}

.lang-lbl-full[lang=ja]:after {
    content: "\0065E5\00672C\008A9E\0000A0/\0000A0Japanese";
}

.lang-lbl-full[lang=ko]:after {
    content: "\00D55C\00AD6D\00C5B4\0000A0/\0000A0Korean";
}

.lang-lbl-full[lang=lt]:after {
    content: "Lietuvi\000173\0000A0/\0000A0Lithuanian";
}

.lang-lbl-full[lang=lv]:after {
    content: "Latvie\000161u\0000A0/\0000A0Latvian";
}

.lang-lbl-full[lang=mk]:after {
    content: "\00041C\000430\00043A\000435\000434\00043E\00043D\000441\00043A\000438\0000A0/\0000A0Macedonian";
}

.lang-lbl-full[lang=ms]:after {
    content: "Bahasa\000020melayu\0000A0/\0000A0Malay";
}

.lang-lbl-full[lang=mt]:after {
    content: "Malti\0000A0/\0000A0Maltese";
}

.lang-lbl-full[lang=nl]:after {
    content: "Nederlands\0000A0/\0000A0Dutch";
}

.lang-lbl-full[lang=no]:after {
    content: "Norsk\0000A0/\0000A0Norwegian";
}

.lang-lbl-full[lang=pl]:after {
    content: "Polski\0000A0/\0000A0Polish";
}

.lang-lbl-full[lang=pt]:after {
    content: "Portugu\0000EAs\0000A0/\0000A0Portuguese";
}

.lang-lbl-full[lang=ro]:after {
    content: "Rom\0000E2n\000103\0000A0/\0000A0Romanian";
}

.lang-lbl-full[lang=ru]:after {
    content: "\000420\000443\000441\000441\00043A\000438\000439\0000A0/\0000A0Russian";
}

.lang-lbl-full[lang=sk]:after {
    content: "Sloven\00010Dina\0000A0/\0000A0Slovak";
}

.lang-lbl-full[lang=sl]:after {
    content: "Sloven\000161\00010Dina\0000A0/\0000A0Slovenian";
}

.lang-lbl-full[lang=sq]:after {
    content: "Shqipe\0000A0/\0000A0Albanian";
}

.lang-lbl-full[lang=sr]:after {
    content: "\000421\000440\00043F\000441\00043A\000438\0000A0/\0000A0Serbian";
}

.lang-lbl-full[lang=sv]:after {
    content: "Svenska\0000A0/\0000A0Swedish";
}

.lang-lbl-full[lang=th]:after {
    content: "\000E44\000E17\000E22\0000A0/\0000A0Thai";
}

.lang-lbl-full[lang=tr]:after {
    content: "T\0000FCrk\0000E7e\0000A0/\0000A0Turkish";
}

.lang-lbl-full[lang=uk]:after {
    content: "\000423\00043A\000440\000430\000457\00043D\000441\00044C\00043A\000430\0000A0/\0000A0Ukrainian";
}

.lang-lbl-full[lang=vi]:after {
    content: "Ti\001EBFng\000020vi\001EC7t\0000A0/\0000A0Vietnamese";
}

.lang-lbl-full[lang=zh]:after {
    content: "\004E2D\006587\0000A0/\0000A0Chinese (Traditional)";
}

.lang-lbl-full[lang=zh1]:after {
    content: "\004E2D\006587\0000A0/\0000A0Chinese (Simplified)";
}

.lang-xs {
    top: 4px;
    position: relative;
}

.lang-xs {
    background-position: 0px -473px;
    min-width: 14px;
    height: 11px;
    min-height: 11px;
    max-height: 11px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('/Content/images/languages.png');
}

.language-popup {
    border-radius: 4px;
    width: 250px;
    display: block;
    right: -10px;
    position: absolute;
    top: 46px;
    visibility: hidden;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
}

    .language-popup .mCSB_inside > .mCSB_container {
        margin: 0;
    }

    .language-popup .content {
        opacity: 0;
    }

    .language-popup.active {
        display: block;
        visibility: visible;
    }
        /*.language-popup:before{width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:14px solid #E5E5E5; content:""; position:absolute; right:11px; top:-14px;}
*/
        .language-popup.active .content {
            opacity: 1;
            position: relative;
            transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
            -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
            z-index: 1;
        }

    .language-popup ul li {
        padding: 9px 10px;
    }

        .language-popup ul li a {
            display: block;
            line-height: 18px;
        }

        .language-popup ul li:hover, .language-popup ul li.active {
            background-color: #D2F2FE;
        }

.language-scroll {
    max-height: 270px;
}

.lang-small-icon {
    right: -13px;
    top: 3px;
}

.language-popup .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}

.language-popup .mCSB_buttonUp, .language-popup .mCSB_buttonDown {
    display: none !important;
}

.language-popup .mCSB_scrollTools {
    opacity: 0;
    width: 5px;
}

.language-popup:hover .mCSB_scrollTools {
    opacity: 1;
}

.language-popup .mCSB_dragger_bar {
    border-radius: 0 !important;
    width: 10px;
    background-color: #ccc !important;
}

.language-popup .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.language-popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
}

.scrollTable.table-bordered tbody tr {
    position: relative;
}
/****************************** language popup  ends**********************/


/********************************* Import User Design Start **************************/
.lw-error {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.error-height {
    background-color: #fff;
}

.lw-error .table-bordered tbody tr td:last-child {
    border-left: 1px solid #dfe1e2;
}

.import-modal .btn-close-alert {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.import-modal .alert {
    position: relative;
}

.import-modal .fileUpload input.upload {
    height: 40px;
}

.import-modal .alert ul {
    margin: 0;
}

    .import-modal .alert ul li {
        padding: 3px 0;
    }

.import-user-table .input.select {
    height: 40px;
}

    .import-user-table .input.select select {
        height: 100%;
    }

.uploaded-file-name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.import-user-upload {
    display: inline-block;
    margin: 0 auto;
}

    .import-user-upload .input {
        margin-top: 15px;
        margin-left: 55px;
    }

select option[value="do-not-import"] {
    color: #0093d0;
}

.lw-form {
    background: #fff;
    padding: 20px 0 5px;
}

    .lw-form .lw-control-label {
        padding-top: 15px;
        margin-right: 5px;
    }

.lw-popup {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    top: 0;
    z-index: 999;
}

    .lw-popup .lw-popup-title {
        background: #f0f0f0;
        position: relative;
    }

        .lw-popup .lw-popup-title h3 {
            font-size: 30px;
            line-height: 84px;
            /*font-family: "open_sanslight";*/
            font-weight: normal;
            margin: 0;
            padding: 0 30px;
            text-transform: uppercase;
        }

        .lw-popup .lw-popup-title .popup-close {
            height: 60px;
            width: 60px;
            background: #e6e4e4;
            line-height: 60px;
            text-align: center;
            /*font-family: "open_sanslight";*/
            font-weight: normal;
            font-size: 34px;
            display: block;
            position: absolute;
            right: 0px;
            top: 0px;
            color: #555555;
        }

    .lw-popup .navbar-x {
        border-top: solid 1px #e0e0e0;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
        -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
        box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
        background: #f5f5f5;
        border-bottom: solid 1px #e0e0e0;
    }

        .lw-popup .navbar-x ul.nav-tabs {
            width: 370px;
        }

    .lw-popup .lesson-plan-tabs .navbar-x ul.nav-tabs > li:nth-child(2):hover ~ .bottom-bar, .navbar-x ul.nav-tabs > li:nth-child(2):focus ~ .bottom-bar {
        left: 180px !important;
    }

    .lw-popup .lesson-plan-tabs .navbar-x ul.nav-tabs > li:nth-child(3):hover ~ .bottom-bar, .navbar-x ul.nav-tabs > li:nth-child(3):focus ~ .bottom-bar {
        left: 360px !important;
    }

    .lw-popup .navbar-x ul.nav-tabs > li.active:nth-child(2) ~ .bottom-bar {
        left: 180px;
    }

    .lw-popup .navbar-x ul.nav-tabs > li.active:nth-child(3) ~ .bottom-bar {
        left: 360px;
    }

    .lw-popup .navbar-x ul.nav-tabs > li > a, .lw-popup .navbar-x ul.nav-tabs > li.bottom-bar {
        width: 180px;
    }

    .lw-popup footer {
        position: absolute;
    }

.lw-tab {
    position: relative;
}

    .lw-tab .tab-content {
        padding: 20px;
    }

.lw-form .btn-lg {
    line-height: 1.333 !important;
}

.lw-tab .table {
    background: #ffffff;
}

    .lw-tab .table td {
        vertical-align: middle;
        padding: 12px;
    }

.lw-tab .table-bordered {
    border: 1px solid #ddd;
}

.lw-popup .navbar-x ul.nav-tabs .badge {
    background-color: #f3a100;
    color: #000;
    font-weight: normal;
}

#importUserModal.right-animate-popup .modal-header h4 span {
    vertical-align: top;
}

.lw-form {
    background: #fff;
    padding: 20px 0 5px;
}

    .lw-form .lw-control-label {
        padding-top: 15px;
    }
/*.lw-error{top:0; height:auto; position:absolute; right:0; width:100%; z-index:1005;}
*/
.lw-error table {
    width: 100%;
}

.lw-error .menu-open:checked ~ .menu-item.tm, .lw-error .menu-open:checked ~ .menu-item.tm ~ .tooltip {
    -webkit-transition-duration: 290ms;
    transition-duration: 290ms;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.lw-error .menu-open:checked:checked ~ .menu-item {
    border-radius: 0;
    top: 0;
    height: 300px; /*Temp Height Should be come dynamic as per the Window height*/
    left: 0;
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.lw-error .menu-open:checked + .menu-open-button {
    border-radius: 0;
    top: -45px;
    transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
    transition-duration: 200ms;
    transition-timing-function: linear;
}

.lw-error .menu-item {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    /*font-family: "opensans";*/
    font-weight: normal;
    height: 0;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 100%;
}

.lw-error.open {
    height: 100%;
    width: 100%;
}

.lw-error .error-icon {
    color: #fff;
    display: block;
    /*font-family: "opensans";*/
    font-weight: normal;
    font-size: 30px;
    height: 40px;
    line-height: 25px;
    width: 40px;
}

.lw-error .togglebtn-create {
    line-height: 34px;
    background: #d9534f;
    height: 40px;
    bottom: 0px;
    width: 40px;
}

.lw-error .menu-open-button:checked .hamburger {
    transform: scale(1, 1);
}

.lw-error .menu-open-button .hamburger {
    transform: scale(0, 0);
}

.menu-open:checked + .menu-open-button .error-icon {
    display: block;
    height: 50px;
    transform: scale(0, 0);
    width: 50px;
}

.menu-open:checked + .menu-open-button .hamburger-2 {
    transform: translate3d(0px, 0px, 0px) rotate(45deg);
}

.bg-orenge {
    background-color: #f0ad4e;
}

@keyframes blink {
    0% {
        background-color: #D9534F;
        transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
        -o-transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
        -moz-transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
        -webkit-transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
        -ms-transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
    }

    100% {
        background-color: #913835;
        transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
        -o-transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
        -moz-transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
        -webkit-transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
        -ms-transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
    }
}

@-webkit-keyframes blink {
    0% {
        background-color: #D9534F;
        transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
        -o-transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
        -moz-transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
        -webkit-transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
        -ms-transform: scale(1.1, 1.1) translate3d(0px, 0px, 0px);
    }

    100% {
        background-color: #913835;
        transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
        -o-transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
        -moz-transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
        -webkit-transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
        -ms-transform: scale(1.2, 1.2) translate3d(0px, 0px, 0px);
    }
}

.blink {
    -webkit-animation: blink 0.5s linear infinite;
    -moz-animation: blink 0.5s linear infinite;
    -ms-animation: blink 0.5s linear infinite;
    -o-animation: blink 0.5s linear infinite;
    animation: blink 0.5s linear infinite;
}

/********************* error message starts*****************************/
.importuser-error table {
    width: 100%;
    table-layout: fixed;
}

    .importuser-error table tr {
        display: table-row;
    }

.importuser-error tr td {
    border: 1px solid #dddddd;
    background-color: #fff;
    font-size: 14px;
    color: #454545;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    color: #ff0000;
    position: inherit !important;
}
/*LW-4145*/
.importuser-error table tr td {
    color: #ff0000 !important;
}

.menu-item table tr th {
    color: #000;
    padding: 10px !important;
}

.importuser-error tr td, .menu-item table tr th {
    text-align: left;
    padding: 5px 10px;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
}

.importuser-error:hover {
    opacity: 1;
}

.importuser-error table.main-table {
    border: 2px solid #ff0000;
}

.importuser-error ul {
    margin: 0;
    padding: 0 0 0 20px;
}

    .importuser-error ul li {
        line-height: 1.7;
        list-style: disc;
    }
/********************* error message ends*****************************/
/********************************* Import User Design ends **************************/

/*********** Lessonplan user perfomance *************/
/*.scrollTable.table-striped.client-listing.reports-table{table-layout:fixed;}
*/
.client-listing.reports-table.table-bordered tbody tr td:last-child {
    border-left: 1px solid #ddd;
}

.client-listing.reports-table.table-bordered span.sorting-desc {
    padding: 0 15px 0 0;
}

/******************** bu dashboard css starts********************/
.dashboard {
    background-color: #e5e5e5;
}

.settingsContainer {
    margin-top: 30px;
    display: inline-block;
}

.dashboard-widgets .ui-state-highlight {
    background: none !important;
    border: 0;
}

.dashboard .title {
    color: #333333;
    margin: 23px 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    font-weight: 100;
    margin-top: 26px;
    /*font: 45px open_sanslight !important;*/
}

.widget-space {
    padding: 0;
}

.dashboard-settings {
    height: 42px;
    width: 42px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    margin-left: 10px;
}

    .dashboard-settings i {
        color: #fff;
        font-size: 30px;
        vertical-align: middle;
    }

.widget {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    height: 380px !important;
}

.single-widget {
    margin-bottom: 25px;
    height: 385px;
    overflow: hidden;
}

    .single-widget.ui-sortable-helper {
        z-index: 9999;
    }

.widget-title {
    font-size: 20px;
    color: #333333;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
}

.welcome-img-alignment {
    display: flex;
    justify-content: center;
    align-items: center;
}

.welcome-dashboard-img-alignment {
    display: flex;
    align-items: center;
}

.welcome-img-aspect-ratio {
    max-width: 100%;
    max-height: 375px;
    width: auto;
    height: auto;
}

.dashboard-status {
    padding: 10px 20px 0;
    margin-bottom: 0px;
    min-height: 178px;
}

    .dashboard-status h3 {
        margin-bottom: 15px;
    }

    .dashboard-status:nth-child(2) {
        margin-bottom: 0;
    }

.welcome-board {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 25px;
}

    .welcome-board h2 {
        margin: 0 0 30px 0;
        padding: 0;
        font-size: 36px;
        color: #f3bd00;
    }

    .welcome-board ul {
        margin: 0;
        padding: 0 0 0 15px;
    }

        .welcome-board ul li {
            list-style: disc;
            color: #000;
            font-size: 14px;
            /*font-family: "open_sansregular";*/
            font-weight: normal;
            padding: 0 0 30px 0;
        }

.title-padding {
    padding: 15px 20px;
}

.lessonplans .widget-title span {
    /*font-family: "open_sanssemibold";*/
    font-weight: normal;
    font-weight: bold;
}

.lessonplans .col-sm-7 {
    padding-right: 0;
}

.lessonplans .col-sm-5 {
    padding-left: 0;
}

.filter-btnSaveCancel {
    padding-right: 10px;
}

.doughnutChart-container {
    width: 220px;
    float: left;
    position: relative;
}

    .doughnutChart-container .doughnut {
        width: 220px;
    }

    .doughnutChart-container span {
        left: 50%;
        margin-left: -20px;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        width: 40px;
        text-align: center;
    }


.doughnutChart-container-tm {
    width: 500px;
    float: left;
    position: relative;
}

    .doughnutChart-container-tm span {
        left: 10%;
        margin-left: -20px;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        width: 40px;
        text-align: center;
    }

.doughnutChart-superadmin span {
    left: 50%;
    margin-left: -20px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 40px;
    text-align: center;
}
/*#userRationLegend{display:inline-block; float:left; width:calc(100% - 180px);}*/
#userRationLegend {
    display: block;
    margin-left: 250px;
}
/*#userRationLegend{display:inline-block; float:left; width:calc(100% - 180px);}*/
.doughnut-legend li {
    position: relative;
}

    .doughnut-legend li span {
        display: block;
    }

    .doughnut-legend li.chart-color1:before {
        background-color: #23649E;
        width: 5px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
    }

    .doughnut-legend li.chart-color2:before {
        background-color: #3993BC;
        width: 5px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
    }

    .doughnut-legend li.chart-color3:before {
        background-color: #F3A304;
        width: 5px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
    }

    .doughnut-legend li.chart-color4:before {
        background-color: #F46A05;
        width: 5px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
    }

.doughnut-legend li {
    margin-bottom: 20px;
    padding-left: 25px;
    font-size: 11px;
    margin-left: 20px;
}

    .doughnut-legend li.chart-color1 span {
        font-size: 20px;
        color: #3993bb;
        margin-top: 2px;
    }

    .doughnut-legend li.chart-color2 span {
        font-size: 20px;
        color: #23649e;
        margin-top: 2px;
    }

    .doughnut-legend li.chart-color3 span {
        font-size: 20px;
        color: #F3A304;
        margin-top: 2px;
    }

    .doughnut-legend li.chart-color4 span {
        font-size: 20px;
        color: #F46A05;
        margin-top: 2px;
    }

.line-chart-container {
    width: 90%;
    margin: 0px auto;
    padding: 0 0 40px 0;
}

    .line-chart-container h3 {
        color: #ffffff;
        font-size: 14px;
        margin: 0;
        padding: 20px 0;
        text-transform: uppercase;
    }

    .line-chart-container canvas {
        height: 200px;
    }

/* dashboard grid*/
.dashboard-grid {
    margin: 0;
    padding: 0;
}

.dashboard .dashboard-grid .mCSB_container {
    margin: 0 !important;
}

.dashboard-grid table {
    width: 100%;
    table-layout: fixed;
}

    .dashboard-grid table th {
        /*font-family: "open_sansregular";*/
        font-weight: normal;
        text-transform: uppercase;
        color: #333333;
        padding: 0 10px;
        background-color: #aeb3b6;
        height: 50px;
    }

.dashboard-grid .child-table table td {
    padding: 20px 10px;
    word-wrap: break-word;
    color: #4c637b;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    line-height: 16px;
}

    .dashboard-grid .child-table table td p {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.dashboard-grid .child-table tr:nth-child(even) td {
    background-color: #f9fafa;
}

.dashboard-grid .child-table tr:nth-child(odd) {
    background-color: #fff;
}

.dashboard-grid .child-table {
    height: 260px;
    padding: 4px;
}

    .dashboard-grid .child-table.grpLpPerformanceListTable {
        height: 235px !important;
        padding: 4px !important;
    }

    .dashboard-grid .child-table table td:last-child, .dashboard-grid table th:last-child {
        padding-right: 22px;
    }

.webinar-training-tabs .lesson-plan-tabs .navbar-x {
    background-color: #f5f5f5;
}

.lp-graph {
    width: 100%;
    height: 330px;
    background-color: #014479;
}

.dashboard-grid .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
/*.expiring-lp, .latest-users, .webinar-training-tabs, .recently-shared, .favourite-report{padding-bottom:15px;}
*/
.acceptance-percentage {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .acceptance-percentage .invite {
        background-image: url(../../images/percentage.png);
        width: 86px;
        background-repeat: repeat-x;
        height: 12px;
        display: inline-block;
    }

    .acceptance-percentage .accept {
        background-image: url(../../images/percentage1.png);
        background-repeat: repeat-x;
        height: 12px;
        display: block;
    }

    .acceptance-percentage .accept-no {
        color: #3993bb;
        /*font-family: "open_sansbold";*/
        font-weight: normal;
        font-weight:bold;
    }

    .acceptance-percentage .total-no {
        /*font-family: "open_sansbold";*/
        font-weight: normal;
        font-weight: bold;
        color: #f3a305;
    }
/*.webinar-training-tabs .dashboard-grid .child-table td:last-child{padding:0;}
*/
.flip-button {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 50px;
    width: 50px;
    background-color: #f35000;
    display: block;
    text-align: center;
    border: 0;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    z-index: 1000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 4px 8px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 4px 8px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 4px 8px rgba(0, 0, 0, 0.28);
}

.card-dashboard {
    height: 385px;
}

#card-5-calendar {
    height: 100%;
}

.events-calender {
    background-color: #fff;
    height: 380px;
}

.dashboard .mCSB_container {
    margin-right: 10px !important;
}

.dashboard-grid .user-profile-image {
    padding: 5px;
}

    .dashboard-grid .user-profile-image img {
        max-width: 80px;
        max-height: 80px;
    }
/* timer css starts */
.timer {
    display: inline-block;
    min-width: 140px;
    float: right;
    margin: 5px 10px 10px;
}

    .timer p {
        color: #333333;
        font-size: 13px;
        /*font-family: "open_sanssemibold";*/
        font-weight: normal;
        font-weight: bold;
        margin: 0;
        line-height: 18px;
    }

    .timer .timer-inner {
        background-color: #fff;
        border: 1px solid #d2d2d2;
    }

.timer-days {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase; /*border-right:1px solid #ccc; */
    margin: 5px 0;
}

    .timer-days span {
        display: block;
        font-size: 24px;
        color: #51940a;
        margin-bottom: 3px;
    }

.timer-hours {
    width: 50%;
    float: left;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    margin: 5px 0;
}

    .timer-hours span {
        display: block;
        font-size: 24px;
        margin-bottom: 3px;
    }

.timer-progress {
    background-color: #ccc;
    height: 7px;
    border-radius: 10px;
    display: block;
    margin: 5px 10px;
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
}

.timer-progress-completed {
    background: #0093d0; /* Old browsers */
    background: -moz-linear-gradient(left, #0093d0 0%, #f36a05 53%, #ffff00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0093d0 0%, #f36a05 53%, #ffff00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0093d0 0%, #f36a05 53%, #ffff00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093d0', endColorstr='#ffff00', GradientType=1 ); /* IE6-9 */
    height: 7px;
    display: block;
    border-radius: 10px;
    transition: width 0.5s linear;
    -moz-transition: width 0.5s linear;
    -ms-transition: width 0.5s linear;
    -webkit-transition: width 0.5s linear;
    animation-delay: 1s;
    max-width: 120px;
}

/* edit widgets css starts*/
.edit-widgets {
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

    .edit-widgets.show {
        height: 85px;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

.widget-save-btn {
    display: none;
}

.edit-widgets .owl-item {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0;
    color: #ffffff;
    font-size: 16px;
    height: 72px;
    padding: 0px 0px;
    text-align: center;
    text-transform: capitalize;
    margin-top: 5px;
    margin-bottom: 5px;
}

.edit-widgets .owl-next {
    /*background:rgba(0, 0, 0, 0) url("../../images/carousel-tab-ul-bg-left.png") no-repeat scroll right center;*/
    height: 82px;
    margin: 0;
    padding-right: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 55px;
    z-index: 10;
    text-indent: -9999px;
    font-size: 0;
}

.edit-widgets .owl-prev {
    /*background:rgba(0, 0, 0, 0) url("../../images/carousel-tab-ul-bg-right.png") no-repeat scroll right center;*/
    height: 82px;
    margin: 0;
    padding-left: 5px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 55px;
    z-index: 10;
    font-size: 0;
}

.edit-widgets .owl-next:before {
    content: "›";
    color: #fff;
    font-size: 60px;
    line-height: 70px;
}

.edit-widgets .owl-prev:before {
    content: "‹";
    color: #fff;
    font-size: 60px;
    line-height: 70px;
}

.edit-widgets .owl-item .item {
    display: table;
    width: 100%;
    height: 72px; /*padding:0 10px; */
    padding: 0 10px 0 3px;
    cursor: pointer;
    /*background-image:url(../../images/settings.png); background-repeat:no-repeat; background-position:right top;*/
}

    .edit-widgets .owl-item .item h4 {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.3;
    }

    .edit-widgets .owl-item .item.show-widget {
        border-bottom: 3px solid #F3A100;
    }

.ui-sortable-helper {
    z-index: 10001 !important;
}

.app-activation-btn {
    margin: 30px 15px 0;
}
/***************************************** bu dashboard css ends*******************************************/

/*********** Essay Type Listing **************** */
/*essay type training-module listing css starts*/
.scrollTable.table-striped.trainingmodule-listing {
    padding-left: 10px;
}

.table-striped.trainingmodule-listing .plan-id span {
    margin-right: 10px;
}

.table-striped.trainingmodule-listing .status-tag:hover, .table-striped.trainingmodule-listing .status-tag:focus {
    color: #fff;
}

.tm-question {
    margin-bottom: 30px;
}

    .tm-question p {
        font-size: 16px;
        /*font-family: 'open_sanssemibold';*/
        font-weight: normal;
        font-weight: bold;
    }

    .tm-question span {
        font-size: 15px;
        color: #6F6F6F;
        line-height: 20px;
    }

    .tm-question input[type="text"] {
        width: 80px;
    }

    .tm-question ul {
        list-style: circle;
        padding-left: 20px;
    }

        .tm-question ul li {
            font-size: 15px;
            margin-bottom: 10px;
            color: #6F6F6F;
        }

.trainingmodule-listing .status-tag {
    width: 105px;
}

.question-modal .modal-body {
    padding: 0px;
    margin: 10px 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.tm-question textarea {
}

.table-striped.trainingmodule-listing .plan-idname .plan-id span {
    font-style: normal;
}

.table-striped.trainingmodule-listing .more-options ul li span {
    color: #777777;
    line-height: 30px;
}

.table-striped.trainingmodule-listing .uname {
    color: #f3a100;
    /*font-family: "open_sanssemibold_italic";*/
    font-weight: normal;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    display: block;
}

.user-search input[type="text"] {
    -moz-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-shadow: none;
    color: #555555;
    font-weight: 400;
    padding: 5px;
    width: 100%;
    height: 35px;
}

.no-margin .input.select {
    margin: 0;
}

.table-striped.trainingmodule-listing .more-options ul li i {
    color: #333333;
    font-size: 18px;
    padding: 0;
    display: inline-block !important;
}

#essayTypePartialTable tbody tr td:last-child {
    border-left: 1px solid #ccc;
}
/*essay type training-module listing css ends*/

/* lesson plan override*/
.lessonplan-table td.icon-col {
    width: auto !important;
}

.lessonplan-table {
    padding-left: 30px;
}

    .lessonplan-table .checkbox-fav {
        position: absolute;
        left: -24px;
        top: 0;
    }

        .lessonplan-table .checkbox-fav.check-tick {
            top: 25px;
            left: -24px;
        }

    .lessonplan-table .inner-table td:first-child {
        position: relative;
        overflow: inherit;
    }

    .lessonplan-table .mCustomScrollBox, .lessonplan-table .mCSB_container {
        overflow: inherit;
    }

    .lessonplan-table thead {
        z-index: 1000;
        position: relative;
    }

        .lessonplan-table thead:before {
            height: 100%;
            width: 30px;
            content: "";
            background-color: #77838A;
            display: block;
            position: absolute;
            top: 0;
            left: -30px;
        }

td.inner-table {
    background-color: inherit !important;
}
/*#headertable th:first-child{background-color:inherit !important;}
*/
#headertable.user-table-header th:first-child {
    background-color: #A0A8AD !important;
}

/*********** REGISTER EXTERNAL USERS STARTS **********************/
.register-page {
    background-color: #fff;
    height: 100%;
    background-image: url(../../images/404-bg.png);
}

.register-page-form {
    width: 90%;
    margin: 40px auto;
    padding: 40px 15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.48);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.48);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.48);
    background-color: #fff;
}

.register-logo {
    margin-bottom: 40px;
    text-align: center;
}

    .register-logo img {
        height: 70px;
        width: 250px;
    }

.register-page-form .form-control {
    height: 40px;
}

.register-page-form .form-group {
    margin-bottom: 20px;
}

.login-page-form label {
    margin-bottom: 10px;
}

.register-page-form button {
    height: 36px;
    vertical-align: bottom;
}

.register-page-form .input {
    display: inline-block;
    margin-top: 3px;
    margin-right: 15px;
}

.register-page-container {
    position: relative;
    display: table;
    width: 100%;
}

    .register-page-container .register-inner {
        display: table-cell;
        vertical-align: middle;
    }

    .register-page-container .displaylogo {
        display: inline-block;
        margin-left: 20px;
    }

        .register-page-container .displaylogo img {
            width: 80px;
            height: 80px;
        }

.register-page-form .fileupload {
    display: inline-block !important;
}

.register-page .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.page-form-container {
    display: table-cell;
    vertical-align: middle;
}

.row-inner-height {
    height: 100%;
    display: table;
    width: 100%;
}

.image-dimention-info p {
    font-size: 10px;
    margin: 0;
    letter-spacing: 0.5px;
    vertical-align: middle;
}

    .image-dimention-info p i {
        vertical-align: middle;
        font-size: 13px;
        margin-top: -3px;
    }

    .image-dimention-info p strong {
        /*font-family: "open_sanssemibold";*/
        font-weight: bold;

    }

.image-dimention-info {
    padding: 0;
    margin-top: 10px;
    display: block;
}

.register-page .displaylogo {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.error-table td {
    font-size: 12px;
    background-color: #F2DEDE !important;
}

    .error-table td span.label {
        font-size: 12px;
        /*font-family: "open_sanssemibold";*/
        font-weight: bold;
        /*font-weight: normal;*/
        padding: 0;
    }

.error-table {
    margin-top: 10px;
}

.common-file-upload {
    display: inline-block;
    background-color: #f1f1f1;
    border: 1px dashed #cccccc;
    display: inline-block;
    padding: 15px;
    margin-bottom: 15px;
    position: relative;
}

.custom-file-upload.custom-file-upload #divDisplayLogo {
    margin: 0;
}

.common-file-upload .form-group {
    margin: 0 !important;
}

.common-file-upload .input {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 !important;
}

.common-file-upload .logo-uploaded {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
}

.common-file-upload .fa-remove {
    position: absolute;
    top: -3px;
    right: -13px;
    cursor: pointer;
}

.common-file-upload .error-table {
    width: 180px;
    margin: 0;
}

.common-file-upload .image-info {
    position: absolute;
    bottom: -23px;
    left: -1px;
    background-color: #ccc;
    padding: 5px 10px;
    font-size: 10px; /* width:100%; */
    border: 1px dashed #ddd;
    right: -1px;
}

.agree-content {
    font-weight: 700;
    border: 1px solid #ccc;
    padding: 10px;
}

    .agree-content label {
        font-weight: 700 !important;
        font-size: 14px;
        margin-top: 10px;
    }
/****************** REGISTER EXTERNAL USERS ENDS **********************/

/*********************** ILT css starts****************************/
.webinar-details input[type="text"] {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-shadow: none;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    font-size: 13px;
    height: 42px;
    padding: 5px 15px;
    width: 100%;
}

.webinar-details input[type="email"] {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-shadow: none;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    font-size: 13px;
    height: 42px;
    padding: 5px 15px;
    width: 100%;
}

.webinar-details input[type="password"] {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-shadow: none;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    font-size: 13px;
    height: 42px;
    padding: 5px 15px;
    width: 100%;
}

.webinar-details label {
    color: #333333;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
}

.webinar-details .webinar-content h3 {
    margin: 0 0 20px 0;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.webinar-content .input label {
    margin: 0 0 20px 0;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    font-size: 18px;
}

.webinar-content .input {
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
}

.enter-details-link {
    display: inline-block;
    margin-top: 5px;
}

.title-padding-manage {
    padding-top: 0 !important;
}

.ilt-page .adminstart {
    width: 80px;
}

.ilt-page .option-container {
    display: inline-block;
    height: auto;
    width: auto;
    vertical-align: middle;
}

.ilt-page .inner-table table tr td:last-child {
    text-align: right;
}

.ilt-page .inner-table table tr td.no-records-found:last-child {
    text-align: center;
}

.ilt-page .inner-table table .slide-action {
    margin-top: -32px;
}

td .response span {
    color: #f3a100;
    /*font-family: "open_sansbold";*/
    font-weight: bold;
}

td .response p {
    font-size: 14px;
    margin-bottom: 3px;
}

.meeting-ended-label {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
/************************************** ILT css ends****************************/

/***********************pending user list css starts****************/

.pending-user-list .mCSB_container_wrapper {
    margin-right: 0;
    margin-bottom: 0;
}

#headertable.user-table-header th:first-child {
    background-color: #A0A8AD !important;
}

.userdetails-modal p {
    line-height: 20px;
}

.user-image {
    text-align: center;
}

    .user-image img {
        max-width: 60px;
        max-height: 60px;
        margin: 0 auto;
        width: 100%;
        height: 60px;
    }

.userapprovallist .table-bordered tbody tr td:last-child {
    border-left: 1px solid #dfe1e2;
}
/***************************pending user list css ends*************************/

/*tm tabs starts*/
.tm-tabs .training-right-header {
    left: 0;
    position: absolute;
    top: -45px;
    width: 100%;
}

.tm-tabs .navbar-x {
    margin-bottom: 15px;
}
/*certification-table css starts*/
.certification-table {
    padding-left: 10px;
}

    .certification-table .user-image {
        text-align: center;
    }

        .certification-table .user-image img {
            max-width: 70px;
            max-height: 70px;
            width: 100%;
        }

.certification-menu .lp[data-tooltip]::before {
    width: 165px;
}
/*#divDisplayLogo img{max-width:80px; max-height:80px;}
*/
.logo-uploaded img {
    width: 70px;
    height: 70px;
}
/*#templatePreviewStart iframe{ height:100%;}*/
/*certification-table css ends*/
/* assigned certificate packeges starts */
.certification-table-heading {
    background-color: #aeb3b6;
    display: table;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    table-layout: fixed;
}

.certification-tab-wrapper {
    display: table;
    width: 100%;
}

.certificate-completed-scrollbar {
    padding-bottom: 50px;
}

.course-name {
    padding: 0;
    color: #aabfcb;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0px;
    vertical-align: middle;
}

    .course-name h3 {
        display: inline-block;
    }

    .course-name p {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        font-size: 18px !important;
        color: #333;
        font-weight: normal;
    }

.course-objective {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 20px;
    padding: 15px;
    vertical-align: middle;
    position: relative;
}

.single-course-package {
    float: left;
    height: 150px !important;
    overflow: hidden;
}

.single-course-package-withouDescription {
    float: left;
    height: 110px !important;
    overflow: hidden;
}

.remove-border {
    border-right: 0px solid #cccccc !important;
}

.course-objective span {
    margin: 0 10px 0px 0;
    display: inline-block;
}

.course-objective span {
    margin: 0 10px 0px 0;
    display: inline-block;
}

.course-date {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 14px;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    width: 20%;
}

.course-button {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 20px;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    width: 18%;
}

.certification-table-data .certification-table-row {
    background-color: #ffffff;
    border-bottom: 2px solid #dfe1e3;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .certification-table-data .certification-table-row:nth-child(2n) {
        background-color: #f8f8f8;
    }

    .certification-table-data .certification-table-row p {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

.certification-table-heading div {
    border: 0 none !important;
    color: #333333 !important;
    /*font-family: "open_sanssemibold" !important;*/
    font-weight: bold;
    font-size: 14px !important;
    height: 50px !important;
}

    .certification-table-heading div.course-objective {
        padding: 10px;
    }

.certification-packeges {
    padding: 10px 0 10px 0px;
}

.course-info.collapse.in {
    border-top: 1px solid #ccc;
}

.single-packege-title {
    padding: 10px 0 0 0;
}

.packeg-header {
    display: table;
    width: 100%;
    text-transform: uppercase;
    background-color: #aeb3b6;
}

.packege-title {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 14px;
    padding: 15px;
    vertical-align: middle;
    width: 25%;
}

.packege-trainer {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 14px;
    padding: 15px;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}

.packege-action {
    display: table-cell;
    font-size: 14px;
    padding: 15px;
    vertical-align: middle;
    width: 25%;
    text-align: center;
}

    .packege-action .status-tag {
        height: 30px;
        line-height: 30px;
        width: 80px;
    }

.packeg-header div {
    border: 0 none !important;
    color: #333333 !important;
    /*font-family: "open_sanssemibold" !important;*/
    font-weight: bold;
    font-size: 14px !important;
    height: 50px !important;
    vertical-align: middle;
}

.packege-data-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.certification-table .mCSB_inside > .mCSB_container {
    margin: 0;
}

.single-packege-title h3 {
    color: #aabfcb;
    font-weight: bold;
    margin: 0px 0 0 0px;
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
}

.certificate-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.certifiate-course-panel .course-name {
    margin-left: 0;
}

.certificate-logo img {
    max-width: 150px;
    max-height: 60px;
}

.packege-action a.summary-icon {
    margin-right: 10px;
}

a.fav-tab.completed-list-icon {
    color: #ffffff;
    margin-left: 2px;
    padding-right: 10px;
    width: auto;
}

    a.fav-tab.completed-list-icon i {
        background-color: rgba(0, 0, 0, 0.1);
        display: inline-block;
        font-size: 16px;
        height: 35px;
        line-height: 35px;
        margin-right: 3px;
        margin-top: -1px;
        vertical-align: top;
        width: 35px;
    }

a.fav-tab.active {
    border-bottom: 3px solid #f3a100 !important;
}

.certification-title {
    font-size: 36px;
    margin-top: 20px !important;
}

.assign-course-date {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 14px;
    color: #f3a100;
    /*font-family: 'open_sansbold_italic';*/
    font-weight: normal;
    font-style:italic;
}

.create-course {
    margin-top: 15px;
}
/* assigned certificate packeges ends*/

/*completed certification css starts*/
.completed-certification-page {
    padding-left: 15px;
}

.completed-certification-table {
    margin: 0;
    padding: 15px 0 0 0px;
}

    .completed-certification-table .tabel-header {
        background-color: #aeb3b6;
        display: table;
        font-size: 14px;
        table-layout: fixed;
        text-transform: uppercase;
        width: 100%;
    }

        .completed-certification-table .tabel-header div {
            display: table-cell;
            padding: 15px;
            vertical-align: middle;
            color: #333333 !important;
            /*font-family: "open_sanssemibold" !important;*/
            font-weight: bold;
            font-size: 14px !important;
        }

    .completed-certification-table .table-data {
        width: 100%;
    }

.completed-certification-row {
    display: table;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    table-layout: fixed;
}

    .completed-certification-row div {
        display: table-cell;
        padding: 15px;
        border-right: 1px solid #cccccc;
        vertical-align: middle;
    }

.completed-certification-table .completed-certification-title {
    width: 45%;
}

.completed-certification-table .date-completed {
    width: 20%;
    text-align: center;
}

.completed-certification-table .expiry-date {
    width: 20%;
    text-align: center;
}

.completed-certification-table .download {
    width: 15%;
    text-align: center;
}

.certification-packeges-table {
    margin-bottom: 15px;
}

.completed-certification-page .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.add-lessonplan-modal .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

#certificationListPartialTable tr td p {
    margin: 0;
}
/*completed certification css ends*/

/*selected-certifiation-package css starts*/
.selected-course .table-bordered tbody tr td:last-child {
    position: inherit;
}

.selected-certifiation-package {
    margin: 0;
    padding: 0;
}

    .selected-certifiation-package tr td {
        padding: 10px;
        border: 1px solid #ccc;
    }

        .selected-certifiation-package tr td.inner-table {
            background-color: inherit;
        }

    .selected-certifiation-package .table-striped > tbody > tr:nth-of-type(2n+1) {
        background-color: inherit;
    }

    .selected-certifiation-package tr td.expiry input {
        max-width: 100px;
    }

    .selected-certifiation-package .certification-content {
        padding-left: 15px;
        padding-top: 15px;
    }

    .selected-certifiation-package h2.course-title {
        font-size: 18px;
        margin: 10px 0;
    }

    .selected-certifiation-package .selected-course {
        padding: 0 15px;
    }

    .selected-certifiation-package .icon-col i {
        font-size: 20px;
        display: block;
    }

    .selected-certifiation-package .course-name h3 {
        font-weight: normal;
        display: inline-block;
        color: #454545;
        margin: 0;
        font-size: 18px;
    }

    .selected-certifiation-package .course-package-title {
        font-size: 18px;
        padding-left: 10px;
    }
/*.certificate-upload-logo .fileupload{width:100px;}
*/
/*selected-certifiation-package css ends*/

/*Calender css starts*/
.calendar-page .fc th {
    background: #a0a8ad none repeat scroll 0 0;
    border: 0 none;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    font-size: 14px;
    padding: 15px 10px;
    text-transform: uppercase;
}

.calendar-page .fc-body {
    background: #fff;
}

.calendar-page .fc-day-grid-event {
    margin: 1px 10px 0;
}

.calendar-page .fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number {
    padding-bottom: 2px;
    padding-right: 15px;
    padding-top: 10px;
}

.calendar-page .fc button {
    border: 0 none;
    border-radius: 0;
    height: 35px;
    color: #fff;
    text-shadow: none;
    text-transform: capitalize;
}

    .calendar-page .fc button[disabled="disabled"] {
        background: #000000 none repeat scroll 0 0;
        opacity: 0.2;
    }

.calendar-page .fc-button-group button.fc-button {
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
    margin: 0;
}

.calendar-page .fc-state-active {
    box-shadow: none;
}

.calendar-page .fc-toolbar {
    margin-bottom: 0em;
    text-align: center;
}

.calendar-page .fc-left {
    margin-top: 15px;
}

.calendar-page .fc-right {
    margin-top: 15px;
}

.calendar-page .fc-widget-header {
    border: 0;
}

.calendar-page .fc-state-active {
    border-bottom: 3px solid #f3a100 !important;
}

.calendar-modal input[type="text"], .calendar-modal select {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-shadow: none;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    font-size: 13px;
    height: 42px;
    padding: 5px 15px;
    width: 100%;
}

.calendar-modal .form-group label {
    color: #333333;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.calendar-modal .form-group {
    margin-bottom: 20px;
}

#calendarScroll .mCSB_inside > .mCSB_container {
    margin-right: 5px;
}

.calendar-page .dashboard-print {
    margin: 15px 0;
}

.calendar-page .calendar-category {
    margin-bottom: 25px;
}

.calendar-page .calendar-category-wrapper {
    margin-bottom: 10px;
    max-height: 150px;
}

.calendar-page .calendar-category .input {
    margin-bottom: 5px;
}

.dashboard-sidebar {
    padding: 0 15px 0 5px;
}

.calendar-category-wrapper .mCSB_inside > .mCSB_container {
    margin-right: 30px !important;
}

.calendar-page .fc-day-grid {
    border-bottom: 1px solid #ddd;
}

.dashboard-sidebar .panel-show-hide {
    padding-top: 15px;
    display: none;
}

.input.all-select label {
    font-size: 14px;
    color: #333;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    text-transform: uppercase;
}

.calendar-page .container-fluid {
    padding-right: 0;
}

.calendar-page h1.inner-title {
    color: #aabfcb;
    padding: 10px 0 0 0;
}

.calendar-page .fc-center h2 {
    color: #aabfcb;
    font-size: 36px;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
}

.calendar-page #calendar-category-filter .mCSB_inside > .mCSB_container {
    margin: 0;
}

.calendar-page .advance-search-panel {
    margin: 75px 4px 15px 15px;
}

.calendar-page .fc-time-grid-container .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.calendar-page .fc-day-grid-container .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

#locationAddEditPanel input[type="text"] {
    display: inline-block;
    width: calc(100% - 100px);
}

.calendar-savebtn {
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
    padding: 0;
    font-size: 20px;
    vertical-align: top;
    margin-left: 4px;
}

#categoryAddEditPanel .input-group, #lessonPlancategoryEditPanel .input-group {
    display: inline-block;
    width: calc(100% - 101px);
    display: inline-block;
    position: relative;
}

#categoryAddEditPanel input[type="text"].jscolor {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 6px;
    padding: 0;
    font-size: 0;
    cursor: pointer;
}

#categoryAddEditPanel .input-group:before {
    content: "";
    height: 42px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    right: 42px;
    background-color: #d6d6d6;
    z-index: 100;
}

#locationAddEditPanel a.cancel {
    display: inline-block;
}

.calendar-control-dropdown, .lessonplan-category-dropdown {
    display: inline-block;
    width: calc(100% - 100px) !important;
    vertical-align: top;
}

.dropdown-alignment {
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    font-size: 13px;
    height: 42px !important;
}

.add-edit-category {
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

    .add-edit-category a {
        width: 42px;
        padding: 0;
        height: 42px;
        text-align: center;
        line-height: 42px;
        font-size: 18px;
        margin-left: 4px;
    }

.add-edit-location {
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

    .add-edit-location a {
        width: 42px;
        padding: 0;
        height: 42px;
        text-align: center;
        line-height: 42px;
        font-size: 18px;
        margin-left: 4px;
    }

.addcategorybtn {
    margin: 10px 0;
}

.calendar-container .top-links {
    position: absolute;
    right: 0;
    top: 0;
}

.dashboard-calendar .top-links {
    display: none;
}
/*Calender css ends*/

@media print {
    .filter-panel {
        display: none;
    }

    header {
        display: none;
    }

    #lesson-plan-list .position-rel {
        margin: 0 !important;
        width: 550px;
    }
}
/* training-module content with test css starts*/
.training-content-with-test {
    position: relative;
}

    .training-content-with-test .select {
        position: absolute;
        top: -40px;
        left: 52px;
        width: 100px;
    }

    .training-content-with-test .yellow-tag {
        padding: 14px 10px;
        font-size: 12px;
    }

    .training-content-with-test .filter-search .search-panel {
        width: 300px;
    }

    .training-content-with-test .filter-search.open {
        width: 300px;
    }

#trainingModuleCentralResources .training-cards.upload-cards .card img {
    height: auto;
    width: auto;
}

.upload-content-header {
    position: relative;
}

.divILTConfigurationpopup {
    max-height: 400px !important;
}

.divILTConfiguration {
    max-height: 250px !important;
}

.textbox-remove i {
    font-size: 19px;
    color: #2399ca;
}

.user-creation-edit h1 {
    margin-bottom: 15px;
}

.user-panel .input label {
    font-size: 14px;
    padding-left: 35px !important;
}
/* training-module content with test css ends*/

/* user survey starts*/
.survey-table {
    padding: 0 0 0 10px;
    margin: 0;
}

.survey-table-heading {
    background-color: #aeb3b6;
    display: table;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
}

.survey-table .survey-table-heading div {
    border: 0 none;
    color: #333333;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    font-size: 14px;
    height: 50px;
}

.survey-table .survey-name {
    border-right: 1px solid #cccccc;
    display: table-cell;
    /*font-family: "open_sanslight";*/
    font-weight: normal;
    font-size: 20px;
    height: 70px;
    vertical-align: middle;
    width: 30%;
    padding: 0 15px;
}

.survey-table .survey-description {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 14px;
    height: 70px;
    vertical-align: middle;
    width: 37%;
    padding: 0 15px;
}

    .survey-table .survey-description p {
        line-height: 18px;
        margin: 10px 0;
    }

.survey-table .survey-expiry {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 14px;
    height: 70px;
    vertical-align: middle;
    width: 15%;
    padding: 0 15px;
    text-align: center;
}

.survey-table .survey-launch {
    display: table-cell;
    font-size: 14px;
    height: 70px;
    vertical-align: middle;
    width: 18%;
    padding: 10px;
    text-align: center;
}

.survey-table .survey-table-row {
    background-color: #ffffff;
    border-bottom: 2px solid #dfe1e3;
    display: table;
    width: 100%;
}

.survey-table .mCSB_inside > .mCSB_container {
    margin: 0;
}

.createsurvey[data-tooltip]::before {
    width: 153px;
}

.cls[data-tooltip]::before {
    width: 127px;
}
/* user survey ends*/

/**************************super admin dashboard css starts *******************************/
.widget-small {
    height: 160px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
}

    .widget-small .input select {
        height: 46px;
        border: 0;
        color: #fff;
        font-size: 18px;
        padding: 0 10px;
    }

    .widget-small .select-industry .input select {
        background-color: #10cfbd;
    }

    .widget-small .select-client .input select {
        background-color: #f55753;
    }

    .widget-small .select-bu .input select {
        background-color: #6d5cae;
    }

    .widget-small .input select option {
        font-size: 14px;
        padding: 7px;
    }

    .widget-small .input.select::after {
        border: 0;
        content: "";
        font-family: FontAwesome;
        font-size: 24px;
        margin-top: -8px;
        right: 40px;
        color: #fff;
    }

    .widget-small .select-industry {
        /*background-image:url(../../images/industry.png);*/
        background-repeat: no-repeat;
        background-position: right bottom;
        height: 160px;
    }

    .widget-small .select-client {
        background-image: url(../../images/client-icon.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        height: 160px;
    }

    .widget-small .select-bu {
        background-image: url(../../images/bu-icon.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        height: 160px;
    }

.widget-sm-data {
    padding: 10px;
}

.widget-sm-title {
    font-size: 20px;
    color: #454545;
    text-transform: capitalize;
    margin: 0;
}

.client-count {
    font-size: 55px;
    color: #10cfbd;
    margin: 5px 0;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
}

.widget-sm-data ul {
    margin: 0;
    padding: 0;
}

    .widget-sm-data ul li {
        margin: 13px 20px 0 0;
        float: left;
        text-align: center;
        padding-right: 20px;
        border-right: 1px solid #ccc;
    }

        .widget-sm-data ul li:last-child {
            border: 0;
        }

        .widget-sm-data ul li h3 {
            margin: 0 0 5px 0;
        }

.select-client .widget-sm-data ul li .selected-value {
    color: #f55753;
    font-size: 36px;
}

.select-bu .widget-sm-data ul li .selected-value {
    color: #6D5CAE;
    font-size: 36px;
}

.widget-sm-data ul li .total-value {
    color: #28b43f;
    font-size: 36px;
}

.select-client .widget-sm-data ul li p {
    margin: 0;
}

.widget .select-dropdown {
    width: 163px;
    margin: 10px;
}

.widget.space-chart .input.select {
    font-size: 14px;
    margin-bottom: 15px;
}

.widget.space-chart {
    padding: 10px;
}

.widget .bluebg-graph {
    background-color: #014479;
    height: 329px;
}

.canvas-container {
    width: 220px;
    height: 220px;
    margin: 0 auto;
}

.pie-chart {
    width: 90%;
    margin: 0 auto;
    position: relative;
    max-width: 500px;
}

.pie-chart-modal {
    width: 70%;
    margin: 0 auto;
    position: relative;
}

    .pie-chart-modal .left-label {
        left: -100px;
        position: absolute;
        top: 50%;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }

    .pie-chart-modal .right-label {
        bottom: -20px;
        left: 50%;
        margin-left: -40px;
        position: absolute;
    }

.line-container-modal {
    width: 70%;
    margin: 20px auto 0;
    position: relative;
}

    .line-container-modal .right-label {
        bottom: -20px;
        left: 50%;
        margin-left: -80px;
        position: absolute;
    }

    .line-container-modal .left-label {
        left: -60px;
        position: absolute;
        top: 50%;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }

.line-container {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .line-container .left-label {
        left: -80px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }

    .line-container .right-label {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -80px;
    }

.pie-chart .left-label {
    left: -100px;
    position: absolute;
    top: 50%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.pie-chart .right-label {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -27px;
}

.doughnutChart-superadmin {
    width: 60%;
    float: left;
    position: relative;
}

.pie-legends ul li {
    display: inline-block;
    color: #fff;
    margin-top: 20px;
    margin-right: 10px;
}

    .pie-legends ul li:first-child:before {
        height: 20px;
        width: 5px;
        background-color: #F3A100;
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .pie-legends ul li:nth-child(2):before {
        height: 20px;
        width: 5px;
        background-color: #5BC0DE;
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

.bluebg-graph h3 {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding: 15px 0;
}

.widget .zoom-icon {
    padding: 16px 10px 10px 0;
    font-size: 16px;
    color: #454545;
}
/**************************super admin dashboard css ends *******************************/

/******************************** globle search-result css starts******************************/
.search-result-wrapper {
    margin-bottom: 2px;
    margin-right: 0;
    margin-left: 15px;
    overflow: hidden;
}

    .search-result-wrapper .table-striped > tbody > tr:nth-of-type(2n+1) {
        background-color: inherit;
    }

.accordian-button {
    background-color: #6b7174;
    padding: 10px 15px;
    display: block;
    font-size: 14px;
    color: #fff;
    /*font-family: 'open_sanssemibold';*/
    font-weight: bold;
    position: relative;
    z-index: 100;
}

    .accordian-button:focus, .accordian-button:hover {
        color: #fff;
    }

    .accordian-button:before {
        content: "";
        font-size: 24px;
        font-family: FontAwesome;
        transition: all 0.5s;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .accordian-button.collapsed:before {
        content: "";
        font-size: 24px;
        font-family: FontAwesome;
        transition: all 0.5s;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        margin-right: 5px;
    }

.globle-search-container {
    margin-right: 15px;
}

.search-result {
    padding-top: 40px;
}

    .search-result p {
        color: #fff;
        font-size: 24px;
    }

        .search-result p span {
            font-size: 13px;
        }

.search-result-wrapper .scrollTable.table-striped.client-listing {
    padding-left: 0;
}

.search-result-wrapper .certification-table {
    padding-left: 0;
}

.search-result-wrapper .reward-listing {
    padding-left: 0;
}

.globalSearchScrollHeight {
    max-height: 300px;
}

.search-result-wrapper .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.search-result-wrapper .table-bordered.client-listing tbody tr td:last-child {
    border-left: 1px solid #ddd;
}

.search-result-wrapper .table-bordered #iltPartialTableGlobal tr td:last-child {
    border-left: 1px solid #ddd;
}

.search-result-wrapper .table-bordered #sharedCertificationListPartialTableGlobal tr td:last-child {
    border-left: 1px solid #ddd;
}

#globalSearchDiv {
    height: 100%;
}

.search-result-wrapper .assigned-lesson-table {
    padding: 0;
}

.search-result-wrapper .certification-packeges {
    padding: 0;
}

.search-result-wrapper #headertable th:first-child {
    background-color: #A0A8AD;
}

.search-result-wrapper .active-text, .search-result-wrapper .inactive-text {
    cursor: default;
}

.globlesearch-no-record {
    padding: 10px;
    margin: 0 15px;
    font-size: 24px;
    color: #fff;
}

.search-result-wrapper .tag {
    margin-right: 3px;
    border-radius: 0;
}
/******************************** globle search-result css ends******************************/

/**********************Standalone Survey client side popup start*****************************/
#survey-modal .modal-body {
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
    top: 0;
    width: 90%;
    position: absolute;
    top: 50%;
    margin-top: -170px;
    margin-left: -250px;
    left: 50%;
}

#survey-modal button.close {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 100;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 3px;
}

.surveymodal-logo {
    padding: 20px 20px 10px;
    text-align: center;
}

    .surveymodal-logo img {
        width: 200px;
        height: 70px;
    }

    .surveymodal-logo h3 {
        text-transform: uppercase;
        color: #333;
        margin: 20px 0 0;
        /*font-family: 'open_sansbold';*/
        font-weight: bold;
    }

.SurveyModal-content {
    padding: 0 20px 20px;
    text-align: center;
}

    .SurveyModal-content p {
        font-size: 13px;
        line-height: 22px;
    }

.SurveyModal-buttons {
    padding: 15px 0;
}

    .SurveyModal-buttons a { /*width:70px; */
        margin: 0 5px;
    }

.msg-line {
    display: block;
    margin-top: 10px;
    font-size: 11px;
}

.SurveyModal-content h4 {
    font-size: 18px;
    text-transform: uppercase;
}
/**********************Standalone Survey client side popup ends*****************************/

/****************** user side feed back modal*****************/
.feedback-question {
    margin-bottom: 20px;
}

    .feedback-question .question {
        color: #333333;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .feedback-question .answer {
        color: #777777;
        font-size: 13px;
        line-height: 24px;
    }
/****************** user side feed back ends*****************/


/*****************************Dynamic Certificate Start*******************************/
.dynamic-label {
    cursor: move;
}

    .dynamic-label.ui-draggable.ui-draggable-handle.ui-draggable-dragging {
        width: 200px;
    }

#static-text {
    height: 35px;
    width: 230px;
    padding-right: 70px;
}

#btn-updatetext {
    position: absolute;
    top: 0;
    right: 0;
}

.input-keyboard {
    position: relative;
}

.keyboardInputInitiator {
    position: absolute;
    right: 40px;
    top: 11px;
}

.certification-top-bar {
    padding: 20px 0;
    margin-right: 22px;
}

    .certification-top-bar textarea {
        height: 50px;
    }

    .certification-top-bar .form-group {
        margin-right: 10px;
    }

    .certification-top-bar .btn-group .btn {
        font-size: 14px;
        border: 1px solid #cccccc;
    }

    .certification-top-bar .colorbox {
        width: 35px;
        padding: 0;
        cursor: pointer;
    }

.canvas-wrapper {
    border-right: 5px solid #f3a100;
}

.certification-top-bar .input select {
    background-color: #fff;
    min-width: 50px;
}

.uploadimage span {
    height: 35px;
    width: 35px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    line-height: 33px;
}

.certification-top-bar .input select {
    background-color: #fff;
    min-width: 50px;
    height: 35px;
}

.certification-top-bar button {
    height: 35px;
    width: 35px;
    padding: 5px;
}

.certificate-dynamic-fields {
    margin-top: 30px;
    padding-right: 15px;
}

    .certificate-dynamic-fields .input select {
        background-color: #fff;
    }

.canvas-container {
    margin: 0 auto;
}

.dynamic-label {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #e6e4e4;
    margin-bottom: 15px;
}

    .dynamic-label p {
        margin: 0;
    }

        .dynamic-label p i {
            margin-right: 8px;
            font-size: 14px;
            vertical-align: middle;
            display: inline-block;
        }

.certification-top-bar h1.inner-title {
    padding: 0;
}

.selectmodule {
    padding-right: 15px;
    margin-top: 27px;
}

    .selectmodule .input.select select {
        border-color: #c3c3c3;
    }

.input.select.font-dropdown {
    width: 160px;
}

.dynamicfield-header {
    margin-left: -15px;
}

.dynamic-certificate-modal .form-control {
    min-height: 42px;
}

.dynamic-certificate-modal label {
    margin-bottom: 10px;
}

.dynamic-certificate-modal .form-group {
    margin-bottom: 20px;
}

.table-bordered.certificate-listing tbody tr td:last-child {
    position: relative;
    overflow: inherit;
}

#divDisplayLogo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.support-upload {
    display: inline-block;
    vertical-align: middle !important;
}

#divDisplaySignature {
    vertical-align: middle;
    margin-right: 15px;
}

#divDisplayBackground {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
/*****************************Dynamic Certificate ends*******************************/

/******************************* rewards css starts ************************/
.createrewards[data-tooltip]::before {
    width: 94px;
}

#active-training-cards .points-input {
    display: none;
}

.rewards-logo label {
    display: block;
}

.rewards-logo table {
    margin: 0;
}

.points-input {
    position: absolute;
    right: 35px;
    top: 13px;
    width: 70px !important;
    padding: 5px !important;
    height: 35px !important;
}

.reward-duration {
    color: #777777;
    font-size: 12px;
    line-height: 30px;
}

    .reward-duration span {
        /*font-family: "open_sanssemibold";*/
        font-weight: bold;
        color: #f3a100;
    }

.lesson-plan-steps .step-1-content .level-title h2 {
    margin: 0 0 15px;
    font-size: 24px;
}

.level-box {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 15px;
}

.four-hedings ul li {
    width: 25% !important;
}

.points-reach {
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.level-progress .progress {
    margin-bottom: 10px;
    border-radius: 0px;
    border: 2px solid #ccc;
    height: 24px;
    overflow: inherit;
    margin: 0 auto 10px;
    max-width: 193px;
}

.filter-panel .level-progress .progress {
    border: 2px solid #fff;
}
/*.level-progress .progress:before{height:20px; width:3px; background-color:rgba(0,0,0,0.5); content:""; position:absolute; left:33.33%; top:2px; z-index:1;}
.level-progress .progress:after{height:20px; width:3px; background-color:rgba(0,0,0,0.5); content:""; position:absolute; right:33.33%; top:2px; z-index:1;}*/
.level-progress {
    position: relative;
    margin-top: 40px;
    margin-bottom: 25px;
}

.create-reward-filter .level-progress {
    margin: 0 0 15px 0;
}

.level-progress .progress span {
    width: 25%;
    text-align: center;
    float: left;
    display: block;
    position: relative;
    z-index: 1;
    color: #333;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
}

    .level-progress .progress span em {
        position: absolute;
        left: -5px;
        bottom: -20px;
        font-style: normal;
    }

    .level-progress .progress span.step1-value {
        background-color: #fff;
    }

    .level-progress .progress span.step2-value {
        background-color: #976137;
    }

    .level-progress .progress span.step3-value {
        background-color: #E0E1E1;
    }

    .level-progress .progress span.step4-value {
        background-color: #CD9520;
        position: absolute;
        top: 0px;
        right: 0px;
    }

.progress-points {
    position: relative;
}

.selected-progress {
    height: 20px;
    position: absolute;
    transition: width 0.6s ease 0s;
    -webkit-transition: width 0.6s ease 0s;
    z-index: 10;
}

.progress-points-wrapper {
    margin-right: 25px;
    display: block;
    position: relative;
}

.progress-tooltip {
    background: #000000 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    padding: 3px 8px;
    position: absolute;
    right: 3px;
    top: -43px;
}

    .progress-tooltip::before {
        border-left: 5px solid rgba(0, 0, 0, 0);
        border-right: 5px solid rgba(0, 0, 0, 0);
        border-top: 5px solid #000000;
        bottom: -5px;
        content: "";
        right: 13px;
        position: absolute;
    }

.trophy-icon {
    float: right;
    margin-top: -15px;
    margin-right: -17.5px;
}

    .trophy-icon img {
        max-width: inherit;
        width: 35px;
    }

.point-meter-box {
    max-width: 350px;
    width: 100%;
    float: right;
    padding: 15px;
    position: relative;
    margin-top: 15px;
}

.level-progress .progress-bar-success {
    background: #cd7f32; /* Old browsers */
    background: -moz-linear-gradient(left, #cd7f32 0%, #9caabd 50%, #ffd700 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #cd7f32 0%,#9caabd 50%,#ffd700 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #cd7f32 0%,#9caabd 50%,#ffd700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd7f32', endColorstr='#ffd700',GradientType=1 ); /* IE6-9 */
    border-radius: 15px;
}

.rewards-user-top .level-progress .progress-bar-success {
    background: #cd7f32; /* Old browsers */
    background: -moz-linear-gradient(left, #cd7f32 0%, #9caabd 50%, #ffd700 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #cd7f32 0%,#9caabd 50%,#ffd700 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #cd7f32 0%,#9caabd 50%,#ffd700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd7f32', endColorstr='#ffd700',GradientType=1 ); /* IE6-9 */
    border-radius: 15px;
}
/*.progress-points{position:absolute; width:100%; top:2px; left:0;}*/
.reward-listing {
    padding-left: 10px;
}

.rewards-main-container {
    position: relative;
    padding-right: 235px;
    background-color: #E5E5E5 !important;
}

    .rewards-main-container #divcreaterewards {
        padding-top: 15px;
    }

.rewards-main-container-2 {
    position: relative;
    padding-right: 235px;
}

.rewards-panel {
    padding: 0 20px;
}

    .rewards-panel h3 {
        background-image: url("/Content/images/title-bg.png");
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 30px;
        text-transform: uppercase;
        text-align: center;
    }

.rewars-date p {
    font-size: 13px;
    color: #333333;
}

    .rewars-date p span {
        /*font-family: 'open_sanssemibold';*/
        font-weight: bold;
    }

.rewars-date .r-start-date i {
    color: #0093d0;
    margin-right: 3px;
}

.rewars-date .r-duration i {
    color: #0e9d57;
    margin-right: 3px;
}

.rewards-expiry {
    margin: 15px 0px;
    background-color: #b6bcc0;
    padding: 10px;
    border-width: 1px 0 1px 0;
    border-color: #aaafb3;
    border-style: solid;
    font-size: 13px;
    /*font-family: 'open_sanssemibold';*/
    font-weight: bold;
}

.rewards-levels {
    background-color: #c0c5c9;
    padding: 15px 6px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.10);
}

.rewards-expiry span {
    color: #cc513d;
}

.rewards-levels ul {
    margin: 0;
}

    .rewards-levels ul li {
        font-size: 12px;
        color: #454545;
        margin-bottom: 15px;
    }

        .rewards-levels ul li:last-child {
            margin: 0;
        }

        .rewards-levels ul li span {
            background-image: url("/Content/images/sprite.png");
            display: inline-block;
            padding: 2px 9px;
            color: #fff;
            width: 65px;
            height: 17px;
            margin-right: 3px;
        }

        .rewards-levels ul li.level1 span {
            background-position: -224px -230px;
        }

        .rewards-levels ul li.level2 span {
            background-position: -224px -250px;
        }

        .rewards-levels ul li.level3 span {
            background-position: -224px -270px;
        }

.rewards-main-container .filter-panel {
    z-index: 1;
}

.rewards-main-container-2 .filter-panel {
    z-index: 1;
    height: calc(100% - 170px);
    height: -moz-calc(100% - 170px);
    height: -ms-calc(100% - 170px);
}

.rewards-main-container.toggled1 {
    padding-right: 20px;
}

.rewards-main-container-2.toggled1 {
    padding-right: 20px;
}

.iconlw-filter-icon {
    background-position: -15px -256px;
    height: 90px;
    width: 140px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.rewards-main-container .card.selected a {
    color: #fff !important;
}

.rewards-main-container #training-cards-lessonPlan .card.selected-question {
    padding: 3px 30px 3px 30px;
}
/*rewards user css starts*/
.rewardspage .title {
    display: inline-block;
    width: 75%;
    white-space: normal;
    word-wrap: break-word;
}

    .rewardspage .title sup {
        display: inline-block;
        font-size: 28px;
        padding-top: 18px;
        text-transform: none;
        vertical-align: top;
    }

.rewardspage .top-progressbar {
    width: 300px;
    float: right;
    padding: 18px 15px 0;
}

.lesson-plan-tabs.reward-tabs {
    background-color: #fff;
}

    .lesson-plan-tabs.reward-tabs .navbar-x {
        background-color: #e5e5e5;
    }

        .lesson-plan-tabs.reward-tabs .navbar-x ul.nav-tabs {
            width: 306px;
        }

.rewards-description-wrapper h2 {
    font-size: 28px;
    text-transform: none;
}

    .rewards-description-wrapper h2 sup {
        font-size: 18px;
    }

.rewards-description-wrapper p {
    line-height: 20px;
    padding-top: 30px;
}

.reward-box {
    background-color: #fff;
    text-align: center;
    margin: 15px 0;
    border-right: 1px solid #ccc;
}

    .reward-box h2 {
        color: #fff;
        font-size: 20px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        padding: 15px 10px;
        margin: 0;
    }

    .reward-box.bronze-box h2 {
        color: #CD7F32;
        /*font-family: 'open_sansbold';*/
        font-weight: bold;
    }

    .reward-box.gold-box h2 {
        color: #FFD700;
        /*font-family: 'open_sansbold';*/
        font-weight: bold;
    }

    .reward-box.silver-box h2 {
        color: #9CAABD;
        /*font-family: 'open_sansbold';*/
        font-weight: bold;
    }

    .reward-box .reward-points h3 {
        margin: 15px 0;
        font-size: 30px;
        /*font-family: 'open_sansbold';*/
        font-weight: bold;
    }

    .reward-box.bronze-box .reward-points h3 {
        color: #CD7F32;
    }

    .reward-box.gold-box {
        border: 0;
    }

    .reward-box.silver-box .reward-points h3 {
        color: #9CAABD;
    }

    .reward-box.gold-box .reward-points h3 {
        color: #FFD700;
    }

    .reward-box .reward-points h3 em {
        font-size: 14px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        font-style: italic;
        vertical-align: middle;
    }

    .reward-box .reward-points h3 span {
        font-size: 14px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        color: #333;
        vertical-align: middle;
    }

    .reward-box .reward-points p {
        font-size: 14px;
        color: #333333;
    }

.rewards-content {
    font-size: 12px;
    line-height: 22px;
}

.rewards-box-container {
    padding: 5px 25px;
    min-height: 220px;
}

    .rewards-box-container .reward-logo {
        min-height: 50px;
    }

        .rewards-box-container .reward-logo img {
            max-width: 80px;
            max-height: 80px;
        }

.reward-tabs #description .no-records-found {
    padding: 50px 0 !important;
}
/* reward-history */
.rewards-history {
    padding: 15px;
}

    .rewards-history table tr td td {
        padding: 10px;
        border: 1px solid #E0E1E3;
    }

    .rewards-history .training-module-filter {
        margin: 0 -15px 15px;
    }

.rewards-history-table {
    margin: 0;
    padding: 0;
}

    .rewards-history-table .rewards-history-table-header div {
        border: 0 !important;
        /*font-family: "open_sanssemibold" !important;*/
        font-weight:bold;
        font-size: 14px !important;
        color: #333333 !important;
        height: 50px !important;
    }

    .rewards-history-table .reward-name {
        width: 40%;
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        padding: 0;
        font-size: 16px;
        padding: 15px;
    }

    .rewards-history-table .reward-level span {
        font-size: 14px;
        color: #fff;
        padding: 3px;
    }

        .rewards-history-table .reward-level span.silver {
            background-color: #9CAABD;
        }

        .rewards-history-table .reward-level span.gold {
            background-color: #FFD700;
        }

        .rewards-history-table .reward-level span.bronze {
            background-color: #CD7F32;
        }

    .rewards-history-table .points {
        width: 20%;
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid #cccccc;
        padding: 0;
        font-size: 16px;
        padding: 15px;
        text-align: center;
    }

    .rewards-history-table .points-start {
        width: 20%;
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid #cccccc;
        padding: 0;
        font-size: 14px;
        padding: 15px;
        text-align: center;
    }

    .rewards-history-table .points-end {
        width: 20%;
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid #cccccc;
        padding: 0;
        font-size: 14px;
        padding: 15px;
        text-align: center;
    }

.rewards-history-table-header {
    background-color: #aeb3b6;
    font-size: 14px;
    text-transform: uppercase;
    display: table;
    width: 100%;
}

.rewards-history-row {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.reward-history-date input[type="text"] {
    height: 30px;
    padding: 5px;
    background-color: inherit;
    font-size: 13px;
    border: 1px solid #777;
}

.rewards-due-date {
    position: absolute;
    right: 10px;
    top: 25px;
    color: #fff;
    font-size: 22px;
}
/*rewards user css ends*/
/************************************* rewards css ends **********************************/

/************************************** Library css*************************************/
.library .grid-view {
    background-color: #E5E5E5;
}
/*.library .elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file{border:1px solid #ccc; border-radius:0; width:11% !important; margin:10px; padding:0; background-color:#fff; box-shadow:0 0 2px 0 rgba(50, 50, 50, 0.2); -moz-box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.2); -webkit-box-shadow:0 0 2px 0 rgba(50, 50, 50, 0.2); -ms-box-shadow:0 0 2px 0 rgba(50, 50, 50, 0.2); min-width:138px;}
.library .elfinder-tree .elfinder-navbar-icon, .library .elfinder-tree .elfinder-cwd-icon-directory{height:17px !important; width:18px !important;}
*/
.library .elfinder-navbar-icon {
    background-position: 0 -175px;
}

.library .ui-state-active .elfinder-navbar-icon, .library .elfinder-droppable-active .elfinder-navbar-icon, .library .ui-state-hover .elfinder-navbar-icon {
    background-position: 0 -175px !important;
}

.library .elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon {
    background-position: 0 -175px !important;
}
/*.library .elfinder .elfinder-button.create-folder{background:#F3A100 !important;}
.library .ui-widget-header .elfinder-button{background:#F3A100 !important;}
*/
/*.library .elfinder-cwd-view-icons .elfinder-cwd-filename{background-color:#0093D0 !important; border-radius:0 !important; color:#fff; padding:5px; line-height:0; margin:0; line-height:18px; min-height:30px;}
*/
.library .elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file {
    border: 1px solid transparent;
}

.library .elfinder-cwd-view-icons .elfinder-cwd-filename textarea {
    color: #454545;
}

.library .elfinder-cwd-view-icons .elfinder-cwd-file {
    height: 120px !important;
}

.library .elfinder-cwd-view-icons .elfinder-cwd-file-wrapper {
    margin: 10px auto;
}
/*.library .grid-view .elfinder-cwd-view-icons .elfinder-cwd-filename.ui-state-hover{background-color:#0093D0 !important;}
*/
.elfinder-toolbar {
    border: 0 !important;
}

#iconfileScroll .mCSB_container {
    margin-right: 0px;
}
/*.library .elfinder-cwd-view-icons .elfinderdocx .elfinder-cwd-filename{background-color:#145994 !important;}
.library .elfinder-cwd-view-icons .elfinderppx .elfinder-cwd-filename{background-color:#d45111 !important;}
.library .elfinder-cwd-view-icons .elfinderpdf .elfinder-cwd-filename{background-color:#cf0000 !important;}
.library .elfinder-cwd-view-icons .elfinderxlsx .elfinder-cwd-filename{background-color:#08a526 !important;}
.library .elfinder-cwd-view-icons .elfinderscorm .elfinder-cwd-filename{background-color:#734600 !important;}
*/
.setsequence-section .setsequence-wrapper span.elfinder-cwd-filename {
    display: inline-block;
}

.library .grid-view .elfinder-cwd-file:nth-child(odd) td {
    background-color: #f2f2f2;
}

.library .elfinder .elfinder-cwd table tr.elfinder-cwd-file td {
    height: 70px;
}

.directory input[type="checkbox"] {
    display: none;
}

.library .elfinder-workzone {
    background-color: #E5E5E5 !important;
}

.custom-popup.upload-from-cr {
    padding: 20px;
    z-index: 10000;
}

    .custom-popup.upload-from-cr footer.modal-footer {
        position: absolute;
        bottom: -17px;
    }

    .custom-popup.upload-from-cr .modal-dialog {
        overflow: hidden;
    }

.drop-container {
    border-left: 5px solid #F3A100;
    padding: 15px;
}

.drop-area {
    height: 88%;
    background-color: #f8f8f8;
    border: 1px dashed #a1a1a1;
    position: relative;
}

.drop-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -105px;
    margin-top: -37px;
}

.dropped-file .elfinder-cwd-icon {
    display: inline-block;
    vertical-align: middle;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
}

.dropped-file {
    border-bottom: 1px dotted #ccc;
    margin: 0 10px;
    position: relative;
}

    .dropped-file:last-child {
        border: none;
    }

    .dropped-file P {
        display: inline-block;
        width: 78%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
        margin: 0;
    }

    .dropped-file .delete-file {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -7px;
    }

.modal-cr {
    background-color: #f2f2f2;
    padding-top: 15px;
}

.elfinder-button.upload-from-cr {
    width: 240px !important;
    color: #fff;
    margin-left: 5px !important;
}

    .elfinder-button.upload-from-cr span {
        color: #fff !important;
        font-size: 15px;
    }

.ui-widget-header .elfinder-button-icon.elfinder-button-icon-uploadfromcr,
.ui-widget-header .elfinder-button-icon.elfinder-button-icon-videoprovider {
    display: none !important;
}

.upload-from-cr .ui-widget-header .elfinder-buttonset:nth-child(2) {
    float: inherit !important;
}
/* advance filter cr*/
.cr-filter-content {
    display: none;
    position: absolute;
    width: 250px;
    height: 190px;
    background-color: #D4D4D4;
    z-index: 100;
    right: 0;
    top: 50px;
}

    .cr-filter-content.open {
        display: block;
    }

.cr-advance-filter {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.pad-left-0 {
    padding-left: 0 !important;
}

.pad-right-0 {
    padding-right: 0 !important;
}

.upload-from-cr .elfinder-buttonset:nth-child(2) {
    display: none;
}

.cr-advance-filter .cr-filter-btn {
    background-color: #D4D4D4;
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
}

    .cr-advance-filter .cr-filter-btn i {
        background-color: #D4D4D4;
        color: #7b797a;
        font-size: 24px;
    }

.cr-advance-filter input[type="text"] {
    border: 1px solid #777;
    background-color: transparent;
}

.cr-advance-filter select {
    border: 1px solid #777 !important;
}
/*.library .ui-widget-header .elfinder-buttonset:nth-child(2){float:inherit !important;}
*/
.modal-cr .search-panel .btnSearch {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    padding: 0;
    height: 36px;
}

.modal-cr .search-panel input[type="text"] {
    height: 36px;
    width: 200px;
}
/************************************************* Library css ends *****************************************/


.superbu-control .input {
    display: inline-block;
    margin-right: 25px;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0){.card.selected-question.ui-sortable-handle.ui-sortable-helper{height:65px !important; display:block !important; padding:23px 0 0 0 !important;}
}
*/
/******************************scrollbar button issue***************************/
.mCSB_buttonUp:before {
    content: "";
    font-size: 16px;
    font-family: FontAwesome;
}

.mCSB_buttonUp, .mCSB_buttonDown {
    background-image: none !important;
}

    .mCSB_buttonDown:before {
        content: "";
        font-size: 16px;
        font-family: FontAwesome;
    }

.inner-menu-data {
    display: none;
}

.settings-tabs .form-right {
    padding: 30px 20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}

/****************************************LW APP User Side CSS Starts*********************************/
.ipad-pin {
    padding: 20px 0;
}

    .ipad-pin p {
        margin: 0 0 10px 0;
    }

    .ipad-pin .generated-pin {
        background-color: #f6f6f6;
        border: 1px dotted #0093D0;
        padding: 10px;
        margin-bottom: 15px;
    }

        .ipad-pin .generated-pin h3 {
            font-size: 24px;
            margin: 0;
        }

        .ipad-pin .generated-pin input[type="text"] {
            font-size: 24px;
            margin: 0;
            background: transparent;
            border: 0;
            width: 100%;
            text-align: center;
        }

.upload-icon-modal-dialog .logo-uploaded img {
    height: 70px;
    width: 70px;
}

.upload-icon-modal-dialog .logo-uploaded {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .upload-icon-modal-dialog .logo-uploaded a {
        position: absolute;
        right: -16px;
        top: 0;
    }

.upload-icon-modal-dialog .input {
    display: inline-block;
    vertical-align: middle;
}

.upload-icon-modal-dialog .error-table {
    margin: 0;
}

.upload-icon-modal-dialog .common-file-upload {
    margin-bottom: 0;
}
/*ipad app css*/
.ipad-color-picker .input-group-addon {
    padding: 5px;
    background-color: #fff;
}

.ipad-color-picker .jscolor {
    height: 28px;
    width: 28px;
    font-size: 0;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #c7cccf;
}

.ipad-preview .ipad-portrait {
    background-image: url("/Content/images/ipad.png");
    height: 646px;
    background-repeat: no-repeat;
    width: 498px;
    padding: 50px 32px 56px 30px;
    margin: 50px auto;
}

.ipad-preview .ipad-landscape {
    background-image: url("/Content/images/ipad-landscape.png");
    height: 496px;
    background-repeat: no-repeat;
    width: 648px;
    padding: 29px 60px 31px 58px;
    margin: 50px auto;
}

.ipad-preview .modal-dialog .modal-content {
    box-shadow: none;
    border-radius: 0;
    border: 0;
}

.ipad-header {
    margin: 0;
    padding: 10px;
}

    .ipad-header img {
        width: 240px;
        height: 40px;
    }

.ipad-nav {
    position: relative;
}

    .ipad-nav span {
        position: absolute;
        top: 12px;
        left: 38px;
        z-index: 10;
    }

.ipad-body {
    position: relative;
}

    .ipad-body img {
        width: 50px;
        height: auto;
    }

.ipad-container {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 15px;
}

    .ipad-container img {
        margin-bottom: 15px;
    }

.ipad-preview .modal-header {
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 1;
    border: 0;
    padding: 0;
}

    .ipad-preview .modal-header a {
        color: #fff;
        font-size: 18px;
    }

.ipad-preview .owl-prev {
    position: absolute;
    left: 50%;
    top: -15px;
    font-size: 0;
    margin-left: -40px;
}

.ipad-preview .owl-next {
    position: absolute;
    right: 50%;
    top: -15px;
    font-size: 0;
    margin-right: -40px;
}

    .ipad-preview .owl-next:before {
        content: "›";
        color: #fff;
        font-size: 50px;
        line-height: 70px;
    }

.ipad-preview .owl-prev:before {
    content: "‹";
    color: #fff;
    font-size: 50px;
    line-height: 70px;
}

.ipad-preview .modal-dialog {
    margin: 0 auto;
}

.ipad-preview .ipad-landscape .modal-header {
    right: -35px;
    top: 0;
}

.custom-popup .assign-user-app .training-module-filter {
    margin: 0 0 20px;
}

.custom-popup .assign-user-app .mCSB_inside > .mCSB_container {
    margin: 0;
}
/***********************************LW APP User Side CSS Ends****************************************/

/************************************* Assessment css starts******************************************/
.assessment-header.create-lesson-plan-header ul li {
    width: 25%;
}

.certification-package-create {
    margin-top: 15px;
}

.assessment-description {
    margin: 0;
}

.uname {
    color: #f3a100;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    display: block;
}

.assessment-review .status-tag:hover, .assessment-review .status-tag:focus {
    color: #fff;
}
/* user Assessment */
.assessment-table {
    padding: 0 0 0 10px;
    margin: 0;
}

.assessment-table-heading {
    background-color: #aeb3b6;
    display: table;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
}

.assessment-table .assessment-table-heading div {
    border: 0 none;
    color: #333333;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
    font-size: 14px;
    height: 50px;
}

.assessment-table .assessment-name {
    border-right: 1px solid #cccccc;
    display: table-cell;
    /*font-family: "open_sanslight";*/
    font-weight: lighter;
    font-size: 20px;
    height: 70px;
    vertical-align: middle;
    width: 30%;
    padding: 0 15px;
}

.assessment-table .assessment-description {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 14px;
    height: 70px;
    vertical-align: middle;
    width: 37%;
    padding: 0 15px;
}

    .assessment-table .assessment-description p {
        line-height: 18px;
        margin: 10px 0;
    }

.assessment-table .assessment-date {
    border-right: 1px solid #cccccc;
    display: table-cell;
    font-size: 14px;
    height: 70px;
    vertical-align: middle;
    width: 15%;
    padding: 0 15px;
    text-align: center;
}

.assessment-table .assessment-launch {
    display: table-cell;
    font-size: 14px;
    height: 70px;
    vertical-align: middle;
    width: 18%;
    padding: 10px;
    text-align: center;
}

.assessment-table .assessment-table-row {
    background-color: #ffffff;
    border-bottom: 2px solid #dfe1e3;
    display: table;
    width: 100%;
}

.assessment-table .mCSB_inside > .mCSB_container {
    margin: 0;
}

.assessment-linked-header.create-lesson-plan-header ul li {
    width: 50%;
}
/************************************* Assessment css ends******************************************/

/*settings css starts*/
.top-bar {
    padding: 15px 30px 0;
}

    .top-bar .input {
        display: inline-block;
    }

    .top-bar .languageddl {
        display: inline-block;
        width: 200px;
        margin-right: 15px;
    }

    .top-bar .input.select {
        display: inline-block;
        width: 60%;
        background-color: #fff;
    }
/*settings css ends*/

/***************************************sitecustomization css starts******************************************/
.layout-customize .navbar-fixed-top {
    position: inherit !important;
}

.layout-customize .slide-bar-menu {
    position: absolute;
    width: 70px;
    left: 0px;
    top: 70px;
    overflow: hidden;
    z-index: 1000;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1001;
    padding-top: 20px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
}

    .layout-customize .slide-bar-menu:hover {
        width: 250px;
    }

.layout-customize h1.title {
    font-size: 28px;
}

.layout-customize .set-squence .btn {
    font-size: 18px;
}
/*.layout-customize #page-content-wrapper{background-color:#77838A;}
*/
.layout-customize .body-parent .position-rel {
    margin-right: 200px;
}

.layout-customize .filter-panel {
    width: 200px;
    right: 0;
}

.layout-customize .slide-bar-menu ul li {
    width: 250px;
    padding: 10px 0;
}

    .layout-customize .slide-bar-menu ul li a {
        font-size: 14px;
        text-transform: uppercase;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
    }

        .layout-customize .slide-bar-menu ul li a i {
            font-size: 28px;
            width: 70px;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
        }

    .layout-customize .slide-bar-menu ul li.active a i {
        color: #fff !important;
    }

    .layout-customize .slide-bar-menu ul li.active a {
        color: #fff !important;
    }

    .layout-customize .slide-bar-menu ul li:hover {
        transition: inherit;
    }

        .layout-customize .slide-bar-menu ul li:hover a {
            color: #fff !important;
            transition: inherit;
        }

            .layout-customize .slide-bar-menu ul li:hover a i {
                color: #fff !important;
            }

.layout-customize .create-lesson-plan-header ul li {
    padding: 10px 5px;
    font-size: 11px;
}

    .layout-customize .create-lesson-plan-header ul li span {
        height: 25px;
        width: 25px;
        font-size: 14px;
        line-height: 25px;
        margin-right: 3px;
    }

.layout-customize h1.inner-title {
    font-size: 20px;
}

    .layout-customize h1.inner-title span {
        font-size: 12px;
    }

.layout-customize .project-tag {
    margin-top: 8px;
}

.layout-customize .lesson-plan-steps .step-1-content .form-left {
    padding: 30px 0;
}

.layout-customize .lesson-plan-content {
    padding-bottom: 0;
}

.layout-customize .title-padding {
    padding: 10px;
}

.layout-customize .widget-title {
    font-size: 14px;
}

.layout-customize .dashboard-reward-banner {
    height: 120px;
    margin-bottom: 50px;
    position: relative;
}

    .layout-customize .dashboard-reward-banner img {
        height: 100%;
    }

    .layout-customize .dashboard-reward-banner .dashboard-earned-reward img {
        width: 50px;
        height: 50px;
    }

.layout-customize .dashboard-earned-reward {
    height: 80px;
    width: 80px;
    line-height: 80px;
}

.layout-customize .dashboard-earned-reward-container {
    height: 90px;
    width: 90px;
}

.layout-customize .dashboard-earned-reward-container {
    margin-left: -45px;
}

.layout-customize .dashboard-reward-content h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.layout-customize .single-widget {
    height: 350px;
}

.layout-customize .dashboard-grid .child-table table td {
    padding: 15px 10px;
}

.layout-customize .reward-dashbord-progress-bar {
    width: 20%;
    margin: 0 3px;
}

    .layout-customize .reward-dashbord-progress-bar .bar {
        width: 100%;
    }

    .layout-customize .reward-dashbord-progress-bar p {
        font-size: 12px;
    }

.layout-customize .reward-dashbord-progress {
    max-width: 250px;
    margin: 0 auto;
}
/**/
[data-tooltip]:before {
    background-color: #000;
    border-radius: 3px;
    bottom: 5px;
    color: #ffffff;
    content: attr(data-tooltip);
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 6px;
    position: absolute;
    right: 60px;
    text-align: right;
    width: 185px;
    display: none;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid #000;
    border-top: 5px solid rgba(0, 0, 0, 0);
    bottom: 17px;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -6px;
    position: absolute;
    display: none;
    right: 55px;
    width: 0;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.menu-open:checked ~ .menu-item[data-tooltip]:before, .menu-open:checked ~ .menu-item ~ .tooltip[data-tooltip]:before {
    display: block;
}

.menu-open:checked ~ .menu-item[data-tooltip]:after, .menu-open:checked ~ .menu-item ~ .tooltip[data-tooltip]:after {
    display: block;
}

.lp[data-tooltip]:before {
    width: 120px;
}

.lp.cu[data-tooltip]:before {
    width: 52px;
}

.tm[data-tooltip]:before {
    width: 140px;
}

.qb[data-tooltip]:before {
    width: 130px;
}

.r[data-tooltip]:before {
    width: 95px;
}

.ct[data-tooltip]:before {
    width: 163px;
}

.training-module-button .lp[data-tooltip]::before {
    width: 140px;
}

.training-module-button .tm[data-tooltip]::before {
    width: 152px;
}

.lp.cc[data-tooltip]::before {
    width: 90px;
}

.lp.sa[data-tooltip]::before {
    width: 152px;
}

.ilt[data-tooltip]::before {
    width: 200px;
}

.lp.bu[data-tooltip]::before {
    width: 70px;
}

.lp.cu[data-tooltip]::before {
    width: 80px;
}

.lp.cg[data-tooltip]::before {
    width: 87px;
}

.lp.cuser[data-tooltip]::before {
    width: 50px;
}

.lp.cpackage[data-tooltip]::before {
    width: 165px;
}

.lp.ccourse[data-tooltip]::before {
    width: 159px;
}

.lp.ecommercepackage[data-tooltip]::before {
    width: 173px;
    text-align: left !important;
}

.lp.ecommercecourse[data-tooltip]::before {
    width: 173px;
    text-align: left !important;
}

.lp.discount[data-tooltip]::before {
    width: 105px;
    text-align: left !important;
}

.lp.cclient[data-tooltip]::before {
    width: 83px;
}


/*.height-demo{height:560px !important;}
*/
.layout-customize {
    position: relative;
    overflow: hidden;
}

.height-demo .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.layout-customize .menu-open:checked ~ .menu-item.r {
    -webkit-transform: translate3d(0px, -209px, 0px);
    transform: translate3d(0px, -157px, 0px);
}

.menu-open:checked ~ .menu-item.ct {
    -webkit-transform: translate3d(0px, -211px, 0px);
    transform: translate3d(0px, -211px, 0px);
}
/*.slide-action:before{border-left:10px solid #0172b0}
*/
.fix-layout {
    width: 750px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0px 0 5px -1px rgb(0, 0, 0);
    margin-top: 5px;
}

.height-fix-table {
    height: 500px !important;
}

.choose-themes {
    background-color: #f5f5f5;
    padding: 0 0px;
    margin-bottom: 15px;
}

    .choose-themes h4 {
        font-size: 18px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        margin: 0;
        background-color: #aeb2b5;
        padding: 10px 15px;
    }

.choose-color-panel {
    background-color: #c7cccf;
    margin-top: 0px;
    height: 100%;
    padding: 44px 15px;
}

.color-pickrer-panel h3 {
    text-transform: capitalize;
    font-size: 18px;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    margin: 0 !important;
    padding: 10px;
}

.picker-accordian .picker-accordian-title {
    font-size: 14px;
    color: #333;
    text-transform: capitalize;
    width: 100%;
    background-color: #aeb2b5;
    text-align: left;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    padding: 12px;
    display: block;
    margin: 0;
}

    .picker-accordian .picker-accordian-title i {
        font-size: 12px;
    }
/*.picker-accordian{max-width:350px; margin:15px;}
*/
.site-color-picker {
    margin: 0;
    position: relative;
}

.multi-color {
    padding-top: 15px;
}

    .multi-color .site-color-picker {
        padding-top: 0px;
    }

.site-color-picker .input-group-addon {
    padding: 4px;
    background-color: #fff;
    border-radius: 0;
}

.site-color-picker .jscolor {
    height: 30px;
    width: 30px;
    font-size: 0;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #c7cccf;
}

.table-bordered > thead.table-header-bg > tr > th {
    background-color: inherit;
}

.site-color-picker input {
    border: 1px solid #ccc !important;
}

.color-reset {
    padding: 10px 0;
}

.theme-toggle {
    position: absolute;
    right: 15px;
    top: 0;
    background-color: #A4ACB0;
    padding: 5px 15px;
    display: inline-block;
    color: #fff;
}

.theme-container {
    border-right: 1px solid rgba(0,0,0,0.2);
    background-color: #E5E5E5;
}

    .theme-container .picker-accordian {
        margin-bottom: 15px;
    }

    .theme-container a {
        position: relative;
        display: block;
        margin-bottom: 15px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        margin: 15px 0;
    }

        .theme-container a.active {
            border: 2px solid #f3a100;
        }

    .theme-container span {
        position: absolute;
        top: -2px;
        left: -2px;
        color: #fff;
        background-color: green;
        padding: 5px;
        display: inline-block;
        font-size: 12px;
    }

    .theme-container .theme-element a {
        width: 100%;
        height: 100px;
        text-align: center;
        color: #fff;
        line-height: 100px;
    }

.theme-forrest {
    background-color: #25572F;
}

.theme-citrus {
    background-color: #DE5C1B;
}

.theme-slate {
    background-color: #465059;
}

.theme-plum {
    background-color: #554170;
}

.html-slider .assigned-lesson-table .table-percentage {
    width: 30%;
}

.html-slider .assigned-lesson-table .table-title {
    width: 50%;
}

.html-slider .assigned-lesson-table-heading div {
    font-size: 11px !important;
}

.html-slider .assigned-lesson-table .table-title {
    font-size: 14px;
}

.html-slider .status-tag {
    width: 85px;
    font-size: 10px;
}

.html-slider .accept-reject a span {
    width: 85px;
}

.html-slider .assigned-lesson-table-heading {
    table-layout: fixed;
}

.theme-element-wrapper {
    overflow: hidden;
}

    .theme-element-wrapper h3 {
        padding: 12px;
        margin: 0;
        background-color: #aeb2b5;
        font-size: 14px;
    }

.html-slider {
    position: relative;
}

    .html-slider .owl-prev {
        position: absolute;
        left: -50px;
        top: 50%;
        font-size: 0;
    }

    .html-slider .owl-next {
        position: absolute;
        right: -50px;
        top: 50%;
        font-size: 0;
    }

        .html-slider .owl-next:before {
            content: "›";
            color: #333;
            font-size: 80px;
            line-height: 70px;
        }

    .html-slider .owl-prev:before {
        content: "‹";
        color: #333;
        font-size: 80px;
        line-height: 70px;
    }

.customization-modal-header {
    margin-bottom: 15px;
    background-color: #C7CCCF;
}

.html-slider {
    width: 770px;
    margin: 0 auto;
    z-index: 0;
}

#customization-modal .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

#customization-modal .lesson-plan-content {
    overflow: hidden;
    padding: 0;
}

h1.inner-title.customized-title {
    display: block;
    padding: 10px 20px;
    background-color: #ccc;
}

.html-slider .dashboard-earned-reward-container {
    position: absolute;
    background-color: #fff;
    display: block;
    left: 50%;
    bottom: -45px;
    border-radius: 50%;
    display: block;
    padding: 5px;
}

.html-slider .dashboard-earned-reward {
    background-color: #fff;
    display: inline-block;
    text-align: center;
    border: 3px solid #c2c2c2;
    display: block;
    border-radius: 50%;
}
/*mobile css starts*/
.fix-layout.mobile-view {
    width: 320px;
}

.mobile-view header {
    height: 50px;
}

.mobile-view h1, .mobile-view .title {
    font-size: 24px !important;
    margin: 12px 0 !important;
}

.mobile-view .logo {
    line-height: 50px;
    float: none;
    display: block;
    text-align: center;
}

    .mobile-view .logo img {
        width: 150px;
        height: 40px;
        margin: 0;
    }

.mobile-view .user-image img {
    max-width: 50px;
    height: 50px;
}

.mobile-view .togglebtn-orange i {
    font-size: 20px;
}

.mobile-view h1.title {
    margin: 5px 0;
}

.mobile-view h1.main-title {
    text-align: right;
}

.mobile-view .header-right {
    text-align: center;
    background-color: #f6f6f6;
    height: 50px;
    width: 100%;
}

.mobile-view .search-box input[type="search"] {
    width: 140px;
}
/*.header-right .open .user-profile-dropdown li{background-color:#fff;}
*/
.mobile-view .header-right > li.user-menu {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.mobile-view .user-mobile {
    padding: 15px 20px;
    border-bottom: 1px solid #fff;
    text-align: left;
    display: block;
}

    .mobile-view .user-mobile a {
        height: auto !important;
        padding: 0 !important;
        text-align: left !important;
        border: 0 !important;
        /*font-family: "open_sanssemibold";*/
        font-weight: bold;
    }

    .mobile-view .user-mobile span {
        color: #f3a100;
        font-size: 12px;
        /*font-family: "open_sanssemibold";*/
        font-weight: bold;
    }

.mobile-view header .user-name {
    display: none;
}

.mobile-view .header-right .user-profile-dropdown li a, .mobile-view .header-right .open .user-profile-dropdown li a {
    height: 40px;
    width: 100%;
}

.mobile-view .header-right .user-profile-dropdown li button {
    width: 100%;
    height: 40px;
}

.mobile-view .header-right .user-profile-dropdown li p {
    position: inherit;
    left: 25px;
    bottom: 8px;
}

.mobile-view .header-right .user-profile-dropdown li i {
    top: 7px;
}

.mobile-view .toggled .sidebar-nav .nav-label {
    padding: 14px 20px 10px 0;
    left: 50px;
}

.mobile-view .sidebar-nav > .sidebar-brand:hover .nav-label {
    left: 50px;
}

.mobile-view .sidebar-nav > .sidebar-brand .icon .demo-icon {
    font-size: 24px;
}

    .mobile-view .sidebar-nav > .sidebar-brand .icon .demo-icon.icon-ilt {
        font-size: 30px;
    }

.mobile-view .toggled .sidebar-nav > .sidebar-brand a:hover .nav-label {
    padding: 14px 20px 10px 0;
}

.mobile-view .toggled .sidebar-nav li.active a .nav-label {
    color: #fff;
}

.mobile-view .sidebar-nav > .sidebar-brand .icon .user-icon, .mobile-view .sidebar-nav > .sidebar-brand .icon .icon-certifiacte-template {
    height: 40px;
    width: 45px;
}

.mobile-view .header-right > li {
    position: inherit;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-left: -3px;
}

    .mobile-view .header-right > li.rewards {
        position: relative;
        text-align: center;
    }

.mobile-view li.message-box, .mobile-view li.search-box {
    margin: 12px 5px 0;
}

.mobile-view li.language-box {
    margin: 16px 5px 0;
}

.mobile-view li.rewards {
    margin: 0;
}

.mobile-view .language-popup {
    left: 0px;
    left: inherit;
    width: 100%;
}

.mobile-view .user-mobile {
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
    text-align: left;
}

    .mobile-view .user-mobile a {
        height: auto !important;
        padding: 0 !important;
        text-align: left !important;
        border: 0 !important;
        /*font-family: "open_sanssemibold";*/
        font-weight: bold;
        color: #fff !important;
    }

.user-mobile span {
    color: #f3a100;
    font-size: 12px;
    /*font-family: "open_sanssemibold";*/
    font-weight: bold;
}

.mobile-view .togglebtn {
    background: transparent;
    height: 38px;
    position: absolute;
    top: 4px;
    left: 4px;
}

.mobile-view .togglebtn-orange {
    left: inherit;
    top: inherit;
    background: inherit;
    position: inherit;
    box-shadow: inherit;
}

.mobile-view .header-right .user-profile-dropdown li a p {
    position: inherit;
    left: 25px;
    bottom: 8px;
}

.mobile-view top-links {
    float: right;
    margin: 0;
    padding-top: 5px;
    width: auto;
    padding-bottom: 10px;
}

.mobile-view .assigned-lesson-page .top-links {
    padding-top: 0;
}

.mobile-view .set-default {
    padding-left: 10px;
    font-size: 14px;
    width: 132px;
    height: 40px;
    line-height: 35px;
}

    .mobile-view .set-default a {
        height: 35px;
        padding-top: 3px;
    }

        .mobile-view .set-default a i {
            font-size: 20px;
        }

    .mobile-view .set-default i {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

.mobile-view a.fav-tab {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

    .mobile-view a.fav-tab i {
        font-size: 20px;
    }

.mobile-view .fav-tab .badge {
    top: 0;
    right: 0;
}

.mobile-view .slide-bar-menu {
    display: none;
}

.mobile-view .sidebar-nav > .sidebar-brand .icon {
    width: 40px;
    height: 40px;
}

.mobile-view #sidebar-wrapper {
    top: 50px;
    width: 100%;
    z-index: 1;
}

.mobile-view #wrapper.toggled #sidebar-wrapper {
    width: 100%;
    z-index: 10000;
    top: 12px;
}

.mobile-view #wrapper.toggled {
    padding-left: 0px;
}

    .mobile-view #wrapper.toggled .togglebtn {
        width: 100%;
    }

    .mobile-view #wrapper.toggled .sidebar-nav {
        display: block;
        top: 38px;
        min-height: 400px;
        overflow: visible;
        padding-bottom: 60px;
    }

.mobile-view .body-parent {
    padding-right: 0;
}

.mobile-view #mobile-filter-toggle {
    display: inline-block;
}

.mobile-view .body-parent .position-rel {
    margin-right: 0px;
}

.mobile-view .body-parent.toggled1 .position-rel {
    margin-right: 0;
}

.mobile-view .body-parent.toggled1 {
    padding-right: 0;
}

    .mobile-view .body-parent.toggled1 .filter-panel {
        right: 0;
    }

.mobile-view .shadowbottom {
    display: none;
}

.mobile-view body {
    padding-top: 100px;
}

.mobile-view #page-content-wrapper {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mobile-view .filter-panel {
    position: fixed;
    top: 50px;
    right: -235px;
    overflow: hidden;
    max-height: 92%;
}

.mobile-view .sidebar-nav > .sidebar-brand {
    font-size: 22px;
    height: 40px;
    line-height: 40px;
}

    .mobile-view .sidebar-nav > .sidebar-brand a {
        height: 40px;
    }

.mobile-view .slide-action {
    top: 10px;
    right: 70px;
}

.mobile-view #wrapper {
    padding-left: 0;
}

.mobile-view .assigned-lesson-table-heading {
    display: none;
}

.mobile-view .assigned-lesson-table {
    padding: 0 15px;
}

    .mobile-view .assigned-lesson-table .assigned-lesson-table-row {
        display: block;
        margin-bottom: 10px;
    }

    .mobile-view .assigned-lesson-table .table-title {
        display: inline-block;
        border: 0;
    }

    .mobile-view .assigned-lesson-table .table-rewards {
        display: inline-block;
        width: 100%;
        text-align: left;
        padding-top: 10px;
        border: 0;
    }

.mobile-view .assigned-lesson-table-row {
    position: relative;
}

.mobile-view .assigned-lesson-table .table-percentage {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    width: auto;
    border: 0;
}

    .mobile-view .assigned-lesson-table .table-percentage span {
        font-size: 12px;
        color: #454545;
        margin-top: 5px;
    }

.mobile-view .assigned-lesson-table .table-title {
    height: 70px;
    display: table-cell;
}

    .mobile-view .assigned-lesson-table .table-title a {
        font-size: 16px;
    }

.mobile-view .table-date-wrapper {
    display: block;
    position: relative;
}

.mobile-view .assigned-lesson-table .table-date {
    display: block;
    width: 100%;
    height: auto;
    background-color: #FAFAFA;
}

.mobile-view .assigned-lesson-table .table-date {
    padding: 0;
}

    .mobile-view .assigned-lesson-table .table-date .assign-date {
        padding: 5px;
        font-size: 12px;
        background-color: #FAFAFA;
    }

    .mobile-view .assigned-lesson-table .table-date .assign-status {
        width: 20%;
    }

    .mobile-view .assigned-lesson-table .table-date .due-date {
        padding: 5px;
        font-size: 12px;
        height: 64px;
    }

.mobile-view .assigned-lesson-table .assigned-lesson-table-row .table-rewards {
    font-size: 12px;
    font-weight: bold;
    color: green;
    height: auto;
    padding: 20px 10px;
    border-top: 1px dashed #cccccc;
}

    .mobile-view .assigned-lesson-table .assigned-lesson-table-row .table-rewards span {
        display: inline-block;
        color: #454545;
        font-weight: normal;
    }

.mobile-view .assigned-tag {
    font-size: 12px;
    width: 100px;
}

.mobile-view .pending-tag {
    font-size: 12px;
    width: 100px;
}

.mobile-view .inprogress-tag {
    font-size: 12px;
    width: 100px;
}

.mobile-view .continue-tag {
    font-size: 12px;
    width: 100px;
}

.mobile-view .assigned-lesson-table .assigned-lesson-table-row:nth-child(2n) {
    background-color: #fff;
}

.mobile-view .sidepanel-toggle i {
    color: #fff;
}

.tab-bg {
    background-color: #f6f6f6;
}

.mobile-view .top-links {
    float: right;
    margin: 0;
    padding-top: 5px;
    width: auto;
    padding-bottom: 10px;
}

.full-height {
    height: calc(100vh - 166px);
    -moz-height: calc(100vh - 166px);
    -ms-height: calc(100vh - 166px);
}

.mobile-view header .logo a img:first-child {
    display: inline-block;
}
/*mobile css ends*/
/*caption changes*/
.caption-conatiner {
    margin: 0;
    padding: 15px 0;
}

    .caption-conatiner .change-caption {
        padding: 15px;
        border: 1px solid #ccc;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        margin-bottom: 5px;
        position: relative;
        background-color: #fff;
    }

        .caption-conatiner .change-caption.bg-blue {
            color: #fff;
        }

        .caption-conatiner .change-caption a {
            padding: 5px;
            color: #fff;
            display: inline-block;
            position: absolute;
            top: 10px;
            right: 10px;
        }

    .caption-conatiner .caption-margin-left {
        margin-left: 30px;
    }

.caption-language {
    padding: 15px;
}

.settings-tabs .caption-language .form-group {
    margin-bottom: 10px;
}

.child-tab .training-module-right .mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.caption-language.disabled, .widget-caption-language.disabled {
    opacity: 0.5;
    pointer-events: none;
}
/***************************************sitecustomization css starts******************************************/

/**********************************************agreement css starts*************************************/
.disclaimer-data {
    padding: 25px;
}

    .disclaimer-data p {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    .disclaimer-data h2 {
        font-size: 20px;
        /*font-family: 'open_sanssemibold';*/
        font-weight: bold;
        margin: 10px 0 25px;
        text-transform: capitalize;
    }

.disclaimer-top-action .input {
    max-width: 150px;
    display: inline-block;
    margin-left: 15px;
}

.disclaimer-top-action {
    margin-bottom: 15px;
}

.agreement-page .input label {
    font-size: 16px;
}

    .agreement-page .input label a {
        text-decoration: underline;
    }

.agreement-page {
    padding: 25px;
}

.menu-block {
    pointer-events: none;
    opacity: 0.5;
}

    .menu-block:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
        background-color: rgba(0,0,0,0.5);
    }
/**********************************************agreement css ends*************************************/


/*********************************footer css starts*******************************/
.main-footer {
    position: fixed;
    background: #454545;
    width: 100%;
    z-index: 1001;
    bottom: 0;
    color: #fff;
    /*height: 25px;*/
    line-height: 15px;
    /*flex to align in each end*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    font-size: 12px;
}

    .main-footer .divCopyRightMsg {
        margin: 5px 5px;
    }

    .main-footer a {
        color: #fff;
        text-decoration: underline;
    }

.divContentDataShareWithBU {
    height: 350px;
}
/*********************************footer css ends*******************************/

/******************** user dashboard css starts********************/
.dashboard-earned-reward {
    background-color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 110px;
    border: 3px solid #c2c2c2;
    height: 110px;
    width: 110px;
    display: block;
    border-radius: 50%;
}

.attemptMessage {
    text-align: center;
    margin-bottom: 5px !important;
    color: red !important;
}

.dashboard-earned-reward img {
    width: 50px;
}

.dashboard-earned-reward-container {
    height: 120px;
    width: 120px;
    position: absolute;
    background-color: #fff;
    display: block;
    left: 50%;
    bottom: -45px;
    margin-left: -55px;
    border-radius: 50%;
    display: block;
    padding: 5px;
}

.dashboard-reward-banner {
    position: relative;
    margin-bottom: 55px;
    min-height: 110px;
}

.reward-dashbord-progress {
    margin: 50px auto 0;
    max-width: 300px;
}

.dashboard-reward-content h2 {
    font-size: 24px;
    text-transform: capitalize;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    margin-bottom: 15px;
}
/******************** user dashboard css end********************/

/***********************************summary new design******************************/
.modal-body.summary-modal {
    padding: 0;
}

.summary-modal .summary-header {
    background-color: #f5f5f5;
    padding: 15px;
}

    .summary-modal .summary-header h2 {
        margin: 10px 0;
        padding: 0;
        font-size: 30px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        text-transform: capitalize;
    }

    .summary-modal .summary-header p {
        font-size: 16px;
        color: #777777;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
    }

.summary-modal .summary-data ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
}

    .summary-modal .summary-data ul li {
        width: 120px;
        min-height: 85px;
        background-color: #fff;
        float: left;
        padding: 10px;
        text-align: center;
        border: 1px solid #ebebeb;
        font-size: 12px;
        line-height: 15px;
    }

        .summary-modal .summary-data ul li span {
            font-size: 18px;
            display: block;
            margin-bottom: 5px;
        }

        .summary-modal .summary-data ul li:last-child {
            border: 0;
        }

        .summary-modal .summary-data ul li .summary-date {
            font-size: 15px;
        }

            .summary-modal .summary-data ul li .summary-date span {
                font-size: 12px;
                display: block;
                /*margin-top:10px;*/
                color: #d32502;
                text-transform: uppercase;
            }

            .summary-modal .summary-data ul li .summary-date.assign-date span {
                color: #0b950e;
            }

            .summary-modal .summary-data ul li .summary-date.completion-due-date span {
                color: #f3a100;
            }

.summary-modal .attched-module {
    background-color: #e1e1e1;
    overflow: hidden;
    -webkit-box-shadow: inset 0px 3px 5px -1px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: inset 0px 3px 5px -1px rgba(0, 0, 0, 0.14);
    box-shadow: inset 0px 3px 5px -1px rgba(0, 0, 0, 0.14);
    min-height: 20px;
}

    .summary-modal .attched-module ul li {
        float: left;
        padding: 20px 15px;
        font-size: 14px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        color: #777777;
        margin-right: 20px;
    }

        .summary-modal .attched-module ul li span {
            font-size: 13px;
            color: #333333;
        }

.summary-description {
    margin: 0;
    padding: 20px 15px;
}

    .summary-description h3 {
        font-size: 16px;
        color: #333333;
        margin: 0 0 15px 0;
    }

    .summary-description p {
        font-size: 14px;
        color: #777777;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .summary-description .retake-box {
        height: 140px;
        width: 140px;
        background-color: #ebeced;
        position: relative;
        text-align: center;
        padding-top: 30px;
    }

        .summary-description .retake-box i {
            font-size: 50px;
        }

        .summary-description .retake-box .pass {
            color: #0e9d57;
        }

        .summary-description .retake-box .fail {
            color: #ff0000;
        }

        .summary-description .retake-box span {
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #77838a;
            padding: 10px 5px;
            color: #fff;
            font-size: 12px;
            text-align: center;
            width: 100%;
        }

.SessionInfo-description li {
    font-size: 14px;
    color: #777777;
    line-height: 24px;
    margin-bottom: 20px;
}
/********************************summary new design ends********************************/


/***********************************user profile css starts*******************************/
.user-profile-banner {
    position: relative;
    min-height: 300px;
    background: #c6e7f4;
    background: -moz-linear-gradient(top, #c6e7f4 0%, #f5fbfd 100%);
    background: -webkit-linear-gradient(top, #c6e7f4 0%,#f5fbfd 100%);
    background: linear-gradient(to bottom, #c6e7f4 0%,#f5fbfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e7f4', endColorstr='#f5fbfd',GradientType=0 );
}

.logged-user-image {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    z-index: 10;
    top: 30px;
}

.logged-user-wrapper {
    height: 160px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

    .logged-user-wrapper:before {
        background-image: url(../images/user-shadow.png);
        content: "";
        height: 30px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-size: cover;
    }

.logged-user-container {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    padding: 5px;
    background-color: #fff;
}

    .logged-user-container img {
        height: 190px;
        width: 190px;
    }

    .logged-user-container .role {
        position: absolute;
        left: 0;
        bottom: 40px;
        display: inline-block;
        display: block;
        text-align: center;
        width: 100%;
    }

        .logged-user-container .role span {
            display: inline-block;
            padding: 5px;
            color: #000;
            text-transform: uppercase;
            font-size: 12px;
            background-color: #f3a100;
        }

.user-profile-user-name {
    color: #333;
    margin: 10px 0;
    font-size: 18px;
    /*font-family: 'open_sanssemibold';*/
    font-weight: bold;
}

.login-details {
    margin: -45px auto 0;
    z-index: 1;
    position: relative;
    max-width: 1000px;
}

.login-date {
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-right: 1px solid rgba(0,0,0,0.2);
    padding: 20px 0;
}

    .login-date span {
        display: block;
        margin-top: 5px;
        font-size: 24px;
    }

.login-time {
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-right: 1px solid rgba(0,0,0,0.2);
    padding: 20px 0;
}

    .login-time span {
        display: block;
        margin-top: 5px;
        font-size: 24px;
    }

.login-details {
    border-radius: 5px;
    overflow: hidden;
}

.user-page-form {
    padding: 15px 0;
}

    .user-page-form h1.inner-title {
        padding: 5px 0 0 0;
    }

    .user-page-form a {
        margin-left: 5px;
    }

.user-fields {
    padding: 30px 20px;
    margin-top: 15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}

    .user-fields input[type="text"] {
        border: 1px solid #d6d6d6;
        box-shadow: none;
        border-radius: 0;
        height: 42px;
        padding: 5px 15px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        width: 100%;
    }

    .user-fields input[type="email"] {
        border: 1px solid #d6d6d6;
        box-shadow: none;
        border-radius: 0;
        height: 42px;
        padding: 5px 15px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        width: 100%;
    }

    .user-fields textarea {
        border: 1px solid #d6d6d6;
        box-shadow: none;
        border-radius: 0;
        min-height: 125px;
        padding: 15px 10px;
        width: 100%;
        display: block;
        resize: none;
    }

    .user-fields select {
        border: 1px solid #d6d6d6;
        box-shadow: none;
        border-radius: 0;
        height: 43px;
        padding: 10px 15px;
/*        font-family: 'open_sansregular';*/
        font-weight: bold;
    }

    .user-fields label {
        font-size: 14px;
        color: #333333;
        margin-bottom: 10px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
    }

.user-profile-page .mCSB_inside > .mCSB_container {
    margin: 0;
}

.change-pass-body {
    padding: 15px 0;
}

    .change-pass-body input[type="text"] {
        border: 1px solid #d6d6d6;
        box-shadow: none;
        border-radius: 0;
        height: 42px;
        padding: 5px 15px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        width: 100%;
    }

    .change-pass-body label {
        font-size: 14px;
        color: #333333;
        margin-bottom: 10px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
    }

.container-custom {
    max-width: 760px;
    padding: 0 15px;
    margin: 0 auto;
}

.logged-user-container.fileUpload input {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
/***********************************user profile css ends*******************************/

/********************************* Dynamic Report css starts**************************/
.report-steps {
    margin: 15px 0;
    padding: 0;
}

    .report-steps ul li {
        float: left;
        position: relative;
        text-align: center;
        width: 120px;
    }

        .report-steps ul li::after {
            color: #c2c2c2;
            content: "";
            font-family: FontAwesome;
            font-size: 36px;
            margin-top: -29px;
            position: absolute;
            right: -13px;
            top: 50%;
        }

        .report-steps ul li.current-step .step-no {
            background-color: #0293D2;
        }

        .report-steps ul li.completed-step .step-no {
            background-color: #0E9D57;
        }

        .report-steps ul li:last-child {
            padding-right: 0;
        }

            .report-steps ul li:last-child:after {
                display: none;
            }

    .report-steps .step-title {
        margin-top: 10px;
        font-size: 14px;
        /*font-family: 'open_sanslight';*/
        font-weight: lighter;
    }

#EntitiesPanel {
    padding-bottom: 50px
}

.dimensions {
    background-color: #bcc0c2;
    height: 100%;
    position: absolute;
    left: -250px;
    top: 0;
    z-index: 1;
    width: 250px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

    .dimensions h2 {
        position: relative;
        z-index: 1000;
    }

.open .dimensions {
    left: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.dynamic-report-wrapper {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.open .dynamic-report-wrapper {
    padding-left: 250px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.dimention-toggle-filter {
    top: 151px !important;
}

.dimention-toggle {
    background: #0093d0 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 39px;
    font-weight: bold;
    height: 41px;
    line-height: 27px;
    padding-left: 10px;
    position: absolute;
    right: -41px;
    text-align: center;
    top: 56px;
    width: 41px;
}

    .dimention-toggle:hover, .dimention-toggle:focus {
        color: #fff;
    }

.dimensions h2 {
    background: #b4b7b9 none repeat scroll 0 0;
    font-size: 30px;
    margin: 0;
    padding: 9px 15px;
    margin-bottom: 30px;
}

.column {
    border-top: 2px solid rgb(243, 161, 0);
    margin-bottom: 15px;
}

    .column h3 {
        font-size: 20px;
        margin: 0;
        padding: 10px 15px 10px 55px;
    }

    .column .filter-header {
        background: rgb(245, 245, 245) none repeat scroll 0 0;
        border-bottom: 1px solid rgb(220, 220, 220);
        border-top: 1px solid rgb(255, 255, 255);
        position: relative;
    }

        .column .filter-header .select {
            display: inline-block;
            width: 70px;
            vertical-align: middle;
            background-color: #fff;
            margin-top: -6px;
            text-transform: uppercase;
            margin-left: 15px;
        }

        .column .filter-header h3 {
            display: inline-block;
        }

    .column .column-body {
        background: #f5f5f5 none repeat scroll 0 0;
        border-top: 1px solid #ffffff;
        float: left;
        padding: 10px;
        resize: vertical;
        margin: 0;
        width: 100%;
    }

.custom-filter option {
    padding-left: 7px;
    color: #333;
}

.column-body li.drag {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    height: 34px;
    min-width: 160px;
    padding-right: 10px;
    position: relative;
    margin: 2px;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: top;
}

    .column-body li.drag a.dropmenu {
        background: rgb(247, 247, 247) none repeat scroll 0 0;
        border-right: 1px solid rgb(222, 222, 222);
        display: inline-block;
        height: 32px;
        line-height: 32px;
        margin-right: 10px;
        text-align: center;
        width: 17px;
    }

        .column-body li.drag a.dropmenu i {
            vertical-align: middle;
        }

.filter-body li {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    float: left;
    min-width: 170px;
    padding: 10px;
    position: relative;
    margin: 3px;
    height: 60px;
}

.column-body li.drag a.dropmenu i {
    margin-right: 0;
}

.column-body li.drag .dropdown-menu {
    background: #0172b0 none repeat scroll 0 0;
    border-radius: 0;
    font-size: 12px;
    left: 0px;
    min-width: 100px;
    top: 100%;
    padding: 0px;
}

    .column-body li.drag .dropdown-menu li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }

    .column-body li.drag .dropdown-menu a {
        color: #fff;
        padding-left: 10px;
    }

        .column-body li.drag .dropdown-menu a i {
            margin-right: 5px;
            width: 9px;
        }

        .column-body li.drag .dropdown-menu a:hover, .droppable-area .dropdown-menu a:focus {
            background: rgba(0, 0, 0, 0.5);
        }

.dimensions .nav-list li {
    padding-bottom: 15px;
}

    .dimensions .nav-list li label {
        color: rgb(63, 62, 62);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

        .dimensions .nav-list li label i {
            color: #0093d0;
            font-size: 22px;
            margin-right: 8px;
            vertical-align: middle;
        }

    .dimensions .nav-list li.drag {
        padding-bottom: 0;
    }

        .dimensions .nav-list li.drag a {
            color: rgb(51, 51, 51);
            font-size: 13px;
            padding-bottom: 5px;
            padding-top: 5px;
            line-height: 18px;
            padding-left: 20px;
        }

            .dimensions .nav-list li.drag a:hover {
                background: #dee2e4;
            }

            .dimensions .nav-list li.drag a i {
                color: rgb(1, 114, 176);
                display: inline-block;
                width: 22px;
                position: absolute;
                left: 0;
                top: 7px;
            }

                .dimensions .nav-list li.drag a i.cusom-ico {
                    font-weight: bold;
                }

.eqjs-ep-entity-children {
    margin-left: 10px;
}

.tree-view .mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.tree-view .mCSB_container {
    overflow: inherit;
}

.tree-view .mCustomScrollBox {
    overflow: inherit;
}

.tree-view .ui-draggable-dragging {
    z-index: 100000;
}

.dynamic-report-wrapper .ui-droppable {
    min-height: 10px;
    margin-bottom: 0;
    min-height: 40px;
}

.dynamic-report-wrapper h1.inner-title {
    font-size: 20px !important;
    padding-top: 15px;
}

.tree-view .ui-draggable-dragging {
    background: #dee2e4 !important;
    width: 168px !important;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
}

.report-table.table-bordered tbody tr td:last-child {
    border-left: 1px solid #ccc;
}

.std-report-list.table-bordered tbody tr td:last-child {
    border-left: 1px solid #ccc;
}

div.tableContainer-report .full-screen-icon {
    display: none;
}

div:hover.tableContainer-report .full-screen-icon {
    background: rgb(0, 147, 208) none repeat scroll 0 0;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: 0px;
    text-align: center;
    width: 30px;
    display: block;
    top: 0;
    transition: none;
    z-index: 100;
}

div:hover.tableContainer.tableContainer-report.exit-screen .full-screen-icon {
    right: 15px;
    transition: none;
}

div:hover.tableContainer-report.full-screen .full-screen-icon {
    top: 46px;
    transition: none;
}

.showme {
    float: right;
    margin-top: 18px;
    margin-left: 10px;
}

.full-screen {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    height: 100vh;
    left: 0;
    overflow: auto !important;
    position: fixed;
    top: 0;
    z-index: 99999 !important;
}

    .full-screen:hover .full-screen {
        right: 0;
        position: absolute;
    }

.tableContainer-report.full-screen .report-table .scrollContent.content {
    height: calc(100vh - 50px) !important;
}

.remove-animation, .remove-animation .animated {
    -webkit-animation-fill-mode: initial !important;
}

.filter-body li .card-close {
    color: #999999;
    font-size: 16px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 2px;
    transform: scale(0);
    opacity: 0;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

    .filter-body li .card-close i {
        font-style: normal;
    }

.filter-body li:hover {
    background-color: #fcfcfc;
}

    .filter-body li:hover .card-close {
        transform: scale(1);
        opacity: 1;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }

.training-module-filter.report-filter {
    background-color: #C2C2C2;
}

.exit-screen .showme {
    display: none;
}

.full-screen .showme {
    display: inline-block;
    margin: 5px;
}

.report-chart {
    width: 350px;
    margin: 0 auto;
    position: relative;
}

.report-bar-chart, .report-line-chart {
    display: none;
}

.chart-header {
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
}

    .chart-header ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .chart-header ul li {
            float: left;
            padding: 10px;
            margin: 0 5px;
            min-height: 50px;
        }

            .chart-header ul li:last-child {
                border: 0;
            }

            .chart-header ul li a {
                display: block;
            }

                .chart-header ul li a i {
                    margin-right: 5px;
                }

.select-chart {
    margin-bottom: 15px;
    background-color: #f0f0f0;
}

.chart-header ul li a.active {
    /*font-family: 'open_sanssemibold';*/
    font-weight: bold;
}

.report-chart .y-axis {
    position: absolute;
    left: -70px;
    top: 50%;
    transform: rotate(-90deg);
    margin-top: -40px;
}

.report-chart .x-axis {
    text-align: center;
}

.report-chart.report-line-chart .y-axis {
    left: -100px;
    margin-top: -20px;
}

.report-chart.report-line-chart .x-axis {
    margin-top: 15px;
}

.report-chart .legends {
    margin-bottom: 15px;
}

#chart-modal .modal-body {
    padding: 0;
}

#chart-modal .modal-body {
    padding: 0;
}
/*report listing css starts*/
.report-listing .plan-idname {
    padding: 20px 15px;
}

.report-list-head a.active {
    position: relative;
}

.report-list-head a {
    margin-left: 5px;
    float: right;
}

.report-list-head .set-default {
    margin: 0;
}

    .report-list-head .set-default a {
        float: none;
    }

.small-modal.report-save .modal-body {
    padding: 15px;
}

    .small-modal.report-save .modal-body label {
        margin-bottom: 10px;
    }

    .small-modal.report-save .modal-body .form-control {
        height: 42px;
    }

.dynamic-report-wrapper .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

.dynamic-report-wrapper .year-dropdown {
    display: inline-block;
    width: 240px;
    vertical-align: top;
    margin: 10px 0;
}

    .dynamic-report-wrapper .year-dropdown label {
        display: inline-block;
        /*font-family: 'open_sanssemibold';*/
        font-weight: bold;
    }

    .dynamic-report-wrapper .year-dropdown .select.input {
        display: inline-block;
        width: 50px;
        background-color: #fff;
    }

.report-label {
    padding: 0px 15px;
    background-color: #f5f5f5;
}

    .report-label .label-content {
        display: inline-block;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid #ccc;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .report-label .label-content p {
            /*font-family: 'open_sanssemibold';*/
            font-weight: bold;
            margin-bottom: 0px;
            display: inline-block;
        }

        .report-label .label-content span {
            display: inline-block;
        }

            .report-label .label-content span em {
                /*font-family: 'open_sanssemibold';*/
                font-weight: bold;
            }

.dynamic-report-wrapper .yeartag {
    background-color: #F3A100;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    margin: -5px 0 0 15px;
}

.report-page-scroll .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.dynamic-report-wrapper .report-create-date {
    font-size: 12px;
    vertical-align: middle !important;
}

.exit-screen .showme {
    display: none;
}

.full-screen .showme {
    display: inline-block;
    margin: 5px;
}

.hasDatepicker {
    border: 0;
    background-color: transparent;
    color: #074b7a;
    font-size: 14px;
    margin-top: -8px;
}

    .hasDatepicker:focus {
        border: 1px solid #ccc;
    }

.chart-columns {
    text-align: center;
}

    .chart-columns .form-group {
        display: inline-block;
        text-align: left;
    }

        .chart-columns .form-group label {
            display: block;
        }

    .chart-columns .select {
        width: 150px;
        margin-right: 10px;
        display: inline-block;
        background: #fff;
    }

.dynamic-report h1.inner-title {
    padding: 15px 20px;
}

.dynamic-reports-view-card {
    margin-bottom: -9999px;
    padding-bottom: 9999px;
    background-color: #f0f0f0;
}

    .dynamic-reports-view-card .cards {
        background-color: #ffffff;
        border: 3px solid #ffffff;
        border-radius: 4px;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        cursor: pointer;
        display: table;
        height: 80px;
        line-height: 80px;
        margin-top: 20px; /* padding: 0 25px;*/
        position: relative;
        text-align: center;
        transition: all 0.2s ease 0s;
        width: 100%;
    }

#viewListdiv .cards {
    line-height: 1.5em;
}

    #viewListdiv .cards label {
        display: table-cell;
        vertical-align: middle;
    }

.dynamic-reports-view-card .cards:hover {
    border: 3px solid #d2d1d1;
    transition: all 0.2s ease 0s;
}

.dynamic-reports-view-card .cards.selected {
    background: #0093d0;
    border-color: #0093d0;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.37);
    color: #fff;
}

td.border-left {
    border-left: 1px solid rgb(221, 221, 221) !important;
}

.icon-folder {
    background-image: url(../../images/report-icon.png);
    height: 23px;
    width: 23px;
    display: inline-block;
}
/********************************* Dynamic Report css ends**************************/

/*********************************message notification css starts**************************/
.message-notification-badge {
    position: absolute;
    top: -7px;
    left: 22px;
    background-color: #ff0000;
}

.navbar-x.notification-tabs {
    text-align: center;
    position: relative;
    display: inline-block;
}

    .navbar-x.notification-tabs ul.nav-tabs {
        text-align: left;
    }

    .navbar-x.notification-tabs ul.nav-tabs {
        position: relative;
        overflow: hidden;
        display: block;
        text-align: center;
        border: 0;
        margin: 0 auto;
    }

        .navbar-x.notification-tabs ul.nav-tabs > li {
            text-align: center;
            min-width: 100px;
            display: block;
            text-indent: 0;
        }

        .navbar-x.notification-tabs ul.nav-tabs:hover > li.active > a:hover, .navbar-x.notification-tabs ul.nav-tabs:hover > li.active > a:focus, .navbar-x. ul.nav-tabs:focus > li.active > a:hover, .navbar-x ul.nav-tabs:focus > li.active > a:focus {
            color: black;
            background-color: inherit;
        }

        .navbar-x.notification-tabs ul.nav-tabs > li > a {
            width: 100px;
            position: relative;
            float: left;
            text-indent: 0;
            transition: color 0.42s ease-in-out;
            -moz-transition: color 0.42s ease-in-out;
            -webkit-transition: color 0.42s ease-in-out;
            -ms-transition: color 0.42s ease-in-out;
            -o-transition: color 0.42s ease-in-out;
            display: block;
            background-color: inherit;
            border-radius: 0;
            border: 0;
        }

        .navbar-x.notification-tabs ul.nav-tabs > li.bottom-bar {
            transition: left 0.42s ease-in-out;
            -moz-transition: left 0.42s ease-in-out;
            -webkit-transition: left 0.42s ease-in-out;
            -ms-transition: left 0.42s ease-in-out;
            -o-transition: left 0.42s ease-in-out;
            position: absolute;
            height: 3px;
            width: 100px;
            bottom: 1px;
        }

        .navbar-x.notification-tabs ul.nav-tabs > li:nth-child(1).active ~ .bottom-bar {
            left: 0px;
        }

        .navbar-x.notification-tabs ul.nav-tabs > li:nth-child(1):hover ~ .bottom-bar, .navbar-x.notification-tabs ul.nav-tabs > li:nth-child(1):focus ~ .bottom-bar {
            left: 0px !important;
        }

        .navbar-x.notification-tabs ul.nav-tabs > li:nth-child(2).active ~ .bottom-bar {
            left: 100px;
        }

        .navbar-x.notification-tabs ul.nav-tabs > li:nth-child(2):hover ~ .bottom-bar, .navbar-x.notification-tabs ul.nav-tabs > li:nth-child(2):focus ~ .bottom-bar {
            left: 100px !important;
        }

.navbar-x.notification-tab {
    position: relative;
    display: inline-block;
}

.navbar-x.notification-tabs ul.nav-tabs > li.active > a {
    background-color: inherit;
    border: 0;
    border-radius: 0;
    color: #333333 !important;
    /*font-family: 'open_sanssemibold';*/
    font-weight: bold;
}

.inbox-message {
    background-color: #fff;
    padding: 15px 15px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    margin-bottom: 10px;
    position: relative;
}

    .inbox-message .message-overflow {
        overflow: hidden;
        height: 25px;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .inbox-message .message-overflow p {
            line-height: 18px;
        }

    .inbox-message.unread-message:before {
        height: 100%;
        width: 3px;
        background-color: #f3a100;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
    }

    .inbox-message.unread-message .message-title {
        color: #f3a100;
        /*font-family: 'open_sanssemibold';*/
        font-weight: bold;
    }

    .inbox-message .message-title {
        font-size: 14px;
        color: #333;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        margin-bottom: 7px;
        line-height: 17px;
    }

    .inbox-message .message-content {
        color: #777777;
        font-size: 12px;
        margin: 0;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
    }

.inbox-message-wrapper {
    padding-top: 15px;
}

.inbox-message .message-notification-time {
    position: absolute;
    right: 10px;
    top: 13px;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    color: #777;
}

.inbox-message.bg-blue.active p {
    color: #fff;
    line-height: 18px;
}

.inbox-message.bg-blue.active .message-notification-time {
    color: #fff;
}

.inbox-message.bg-blue.active:before {
    display: none;
}

.inbox-message img {
    display: none;
}

.message-preview {
    margin: 0;
    padding: 0;
}

#msgContent .training-module-filter.text-center {
    text-align: center;
}

#msgContent .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.message-preview .message-notification-header {
    padding: 15px 0;
    border-bottom: 1px solid #e6e4e4;
}

    .message-preview .message-notification-header .message-time-date {
        font-size: 14px;
        color: #777777;
        margin-bottom: 5px;
    }

    .message-preview .message-notification-header h3 {
        font-size: 30px;
        color: #333333;
        margin: 0;
        line-height: 1.2;
        /*font-family: 'open_sanslight';*/
        font-weight: lighter;
    }

.message-preview .message-notification-body {
    padding: 15px 0;
}

    .message-preview .message-notification-body p {
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 23px;
        /*font-family: 'open_sanslight';*/
        font-weight: lighter;
        color: #333333;
    }

    .message-preview .message-notification-body h1 {
        line-height: 1.2;
        text-transform: inherit;
    }

    .message-preview .message-notification-body h2 {
        line-height: 1.2;
        text-transform: inherit;
    }

    .message-preview .message-notification-body h3 {
        line-height: 1.2;
        text-transform: inherit;
    }

    .message-preview .message-notification-body h4 {
        line-height: 1.2;
        text-transform: inherit;
    }

    .message-preview .message-notification-body h5 {
        line-height: 1.2;
        text-transform: inherit;
    }

    .message-preview .message-notification-body h6 {
        line-height: 1.2;
    }

.message-count {
    display: inline-block;
    vertical-align: top;
    background-color: #f3a100;
    border-radius: 5px;
    color: #fff;
    margin-top: 2px;
    font-size: 16px;
}

.lesson-plan-steps.m-notification .popover-content input[type="text"] {
    height: auto;
}
/*********************************message notification css ends**************************/

/********************************  pagination css starts************************/
.pagination > li > a, .pagination > li > span {
    background-color: inherit;
    border: 0 none;
    color: #333;
}

    .pagination > li > a.active {
        background-color: #0093d0;
        color: #fff;
    }

.pagination > li.disabled span {
    background-color: inherit;
}

.pagination > li.disabled:hover span {
    background-color: inherit;
}

/********************************  pagination css ends ************************/

/*userside searchbox starts*/
.searchbox {
    width: 300px;
    display: inline-block;
    float: left;
    margin-left: -66px;
}

    .searchbox input[type="text"] {
        width: 245px;
        height: 35px;
        display: inline-block;
    }

    .searchbox .btn {
        height: 34px;
        width: 34px;
        padding: 0;
        text-align: center;
        line-height: 34px;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px;
        margin-top: 1px;
    }
/*userside searchbox ends*/

.p-t-0 {
    padding-top: 0 !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.m-r-60 {
    margin-right: 60px;
}

.grid-panel {
    margin-bottom: 10px;
}

    .grid-panel .mCSB_container {
        min-width: 100wv !important;
    }

.m-r-60 {
    margin-right: 60px;
}

.m-r-60 {
    margin-right: 60px;
}

/******************************** Dashboard Tabs Start ************************/
.custom-tabs {
    width: auto !important;
    display: inline-block !important;
    margin-bottom: -2px !important;
}

.lesson-plan-tabs .navbar-x ul.nav-tabs.custom-tabs > li > a {
    width: auto;
    float: none !important;
}

.lesson-plan-tabs .navbar-x ul.nav-tabs.custom-tabs > li {
    margin: 0 10px;
    float: left;
    min-width: 190px;
}

    .lesson-plan-tabs .navbar-x ul.nav-tabs.custom-tabs > li:nth-child(2):hover ~ .bottom-bar, .navbar-x ul.nav-tabs.custom-tabs > li:nth-child(2):focus ~ .bottom-bar {
        left: 210px !important;
    }

    .lesson-plan-tabs .navbar-x ul.nav-tabs.custom-tabs > li:nth-child(2).active ~ .bottom-bar {
        left: 210px !important;
    }

    .lesson-plan-tabs .navbar-x ul.nav-tabs.custom-tabs > li:nth-child(1):hover ~ .bottom-bar, .navbar-x ul.nav-tabs.custom-tabs > li:nth-child(1):focus ~ .bottom-bar {
        left: 0px !important;
    }
/******************************** Dashboard Tabs End ************************/

/********************* help modal starts*********************/
.help-modal-wrapper {
}

.modal-help .modal-dialog {
    width: 400px;
    border-radius: 0;
}

    .modal-help .modal-dialog .modal-content {
        border-radius: 0;
    }

.help-modal-wrapper h2 {
    font-size: 20px;
    text-transform: capitalize;
    margin: 10px 0;
}

.help-logo img {
    height: 70px;
    width: 70px;
}

.help-logo {
    margin-bottom: 15px;
}

.modal-help .modal-dialog button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #333;
    z-index: 1;
    opacity: 0.5;
}

.modal-help .help-content {
    padding-bottom: 15px;
}

.support-button {
    margin-bottom: 15px;
}

.help-center {
    display: inline-block;
    float: right;
    margin-top: 28px;
}

.help-modal-wrapper .SurveyModal-content {
    text-align: left;
}
/******************** help modal ends*********************/

.custom-support-center {
    display: inline-block;
    float: right;
    margin-top: 28px;
    margin-right: 10px;
}


/*audit trail css starts*/

.audit-trail-wrapper {
    padding: 30px 20px 70px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50,0.2);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    margin-bottom: 15px;
    position: relative;
}

    .audit-trail-wrapper input[type="text"] {
        border: 1px solid #d6d6d6;
        box-shadow: none;
        border-radius: 0;
        height: 42px;
        padding: 5px 15px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
        width: 100%;
    }

    .audit-trail-wrapper select {
        border: 1px solid #d6d6d6;
        box-shadow: none;
        border-radius: 0;
        height: 43px;
        padding: 10px 15px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
    }

    .audit-trail-wrapper label {
        font-size: 14px;
        color: #333333;
        margin-bottom: 10px;
        /*font-family: 'open_sansregular';*/
        font-weight: normal;
    }

.audit-trail-btns {
    margin-top: 25px;
}

.audit-trail-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100;
    padding: 8px 20px;
    width: 100%;
}

.dynamic-grid-audit-trail {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

    .dynamic-grid-audit-trail th {
        border: 0;
        background: #a0a8ad;
        text-transform: uppercase;
        font-size: 14px;
        /*font-family: 'open_sanssemibold';*/
        font-weight: bold;
        padding: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .dynamic-grid-audit-trail td {
        padding: 15px;
        font-size: 14px;
        border-right: 1px solid rgb(221, 221, 221);
        border-bottom: 1px solid #dfe1e2;
    }

        .dynamic-grid-audit-trail td:first-child {
            border-left: 1px solid rgb(221, 221, 221);
        }

.audit-trail-export {
    margin-right: 15px;
    margin-top: 15px;
    float: right;
}

/*audit trail css Ends*/
/*****************************SUPPORT MENU************************************/
.upload-image-container {
    background-color: #f1f1f1;
    border: 1px dashed #ccc;
    display: inline-block;
    padding: 15px;
    position: relative;
}

.default-logo-upload img {
    width: 64px;
    height: 56px;
}

.ellipsis {
    width: 311px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.messageheaderellipsis {
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 250px;
}

.overflow-inherit .table-title a i {
    font-size: 16px;
}

.overflow-inherit .mCustomScrollBox {
    overflow: inherit;
}

.overflow-inherit .mCSB_inside > .mCSB_container {
    overflow: inherit;
}

.overflow-inherit .assigned-lesson-table-heading {
    position: relative;
    z-index: 1000;
}

.overflow-inherit .table-title a i {
    font-size: 16px;
}


.training-cards .card .card-retake-status {
    color: #f3a100;
    font-size: 11px;
    /*font-style: italic;*/
    position: absolute;
    right: 35px;
    text-align: right;
    top: 3px;
}

    .training-cards .card .card-retake-status em {
        /*font-family: "open_sansbold";*/
        font-weight: bold;
    }



.lnkRemoveUserProfileIcon {
    position: absolute;
    bottom: 1px;
    right: 25px;
    background: #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 19px;
}

.multiselect {
    overflow: hidden;
}

.lessonplan-heading {
    width: 90%;
}

.mobile-label {
    font-size: 12px !important;
    display: block;
    text-transform: capitalize !important;
    margin-top: 3px !important;
    color: #f3a100 !important;
}

p.webinarResultMsg {
    font-size: 13px !important;
    color: #f3a100 !important;
}

/**Login Footer Added**/
.login-footer {
    position: relative;
    top: -20px;
    font-size: 12px;
}

.register-page .login-footer {
    position: absolute;
    bottom: 0;
    z-index: 11;
    top: auto;
}

.DashBoard_dayWithEvent span.fc-day-number {
    color: #fff !important;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none;
}

.no-word-wrap {
    word-wrap: inherit !important;
}

@media print {
    @page {
        size: 297mm 210mm; /* landscape */
        /* you can also specify margins here: */
        margin: 5mm;
        margin-right: 5mm; /* for compatibility with both A4 and Letter */
    }
}

/*premmium credentialing css*/
.preview-credentialing {
    background-color: transparent;
    border-top: 0;
}

.delete-document {
    z-index: 1050
}

.group-hirerchy-popup {
    z-index: 100001 !important;
}

.hide-div-group-manager {
    display: none !important;
}

/*scheduling notification css*/
.RepeatInterval {
    margin: 5px;
}

#frmRecurEvent .col-xs-12 {
    padding-bottom: 10px;
}

#frmRecurEvent #NumberofOccurences {
    border: solid 1px #ccc;
}

#frmRecurEvent select {
    border: 1px solid #ccc;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

.calendar-list {
    color: #0093D0 !important;
}

.calender-btnSchedule {
    padding-right: 3px;
}

.img-icon {
    padding-right: 5px;
}

.myReport-scheduleIcon {
    padding-top: 20px !important;
}

.hide-div-report {
    display: none !important;
}

.performance-legend {
    margin-top: 25px;
    margin-left: -30px;
}

.margin0 {
    margin: 0px;
}

.chart-data {
    position: relative;
    margin: 5px;
}

    .chart-data .filter-widget {
        position: absolute;
        z-index: 999;
        background: #fff;
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
        left: 0;
        right: 0;
        box-shadow: 1px 3px 5px #eee;
    }

.progress-report-data {
    position: relative;
    margin: 5px;
}

    .progress-report-data .filter-widget {
        position: absolute;
        z-index: 999;
        background: #fff;
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
        left: 0;
        right: 0;
        box-shadow: 1px 3px 5px #eee;
    }

.chart-data .doughnut-chart {
    margin: 0 auto auto 40px;
    display: block;
    max-width: 100%;
    height: auto;
}

.performance-legend .doughnut-legend li {
    float: left;
    font-size: 11px;
}

    .performance-legend .doughnut-legend li span {
        width: 5px;
        height: 37px;
        display: inline-block !important;
        margin-right: 5px;
        vertical-align: top;
    }

        .performance-legend .doughnut-legend li span.legend-value {
            display: block !important;
            padding-left: 10px;
            font-size: 20px;
            margin-top: -20px;
        }

.performance-dashboard-title {
    border: 0;
    text-transform: uppercase;
    padding: 15px 10px;
    border-bottom: 1px solid rgb(200, 200, 200);
    font-size: 20px;
    color: #333333;
    text-transform: capitalize;
    margin: 0;
    padding: 15px 20px;
}

.performance-dashboard-filterBy {
    text-align: right;
}

.performance-dashboard-filterDropdown {
    border-radius: 10px;
}

.btn-space {
    margin-right: 5px;
}

.noRecordsFound {
    color: #0093d0;
    padding-top: 75px !important;
}

.iconSpace {
    margin-left: 5px;
}

.iconAlignment {
    padding-right: 15px;
}

.td-anchor {
    text-decoration: underline;
    color: #337ab7;
}

.invitedCount {
    text-decoration: none;
    color: green !important;
}

.more-options ul li a.invitedCount[href]:hover {
    color: green !important;
}


.table-boldHeader {
    font-weight: bold;
}


.pd-uLp-search {
    border: 1px solid #cccccc !important
}

.pd-uLp-search-icon {
    margin-top: 18px;
    height: 42px;
}

.pd-uLp-category {
    height: 39px;
}

.dashboard-grid .user-lp-details table td {
    padding: 20px 20px
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.ulp-container {
    margin-top: 70px;
}

.ulp-score-container {
    width: 20%;
    height: 100px;
    background-color: #ddd;
    float: left;
    -ms-transform: rotate(180deg) scaleX(-1);
    -webkit-transform: rotate(180deg) scaleX(-1);
    -moz-transform: rotate(180deg) scaleX(-1);
    -o-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
}

    .ulp-score-container div {
        text-align: center;
        color: white;
    }

    .ulp-score-container span {
        display: inline-block;
        margin: 1em;
        transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        -webkit-transform: scale(1, -1);
        -moz-transform: scale(1, -1);
        -o-transform: scale(1, -1);
    }

.min-score {
    height: 100px;
    background-color: #F46A05;
}

.avg-score {
    height: 140px;
    background-color: #FFD13E;
}

.max-score {
    height: 180px;
    background-color: #0EAB68;
}

.revert-margin-chardata {
    margin: unset;
}

.categoryFilter .form-horizontal .checkbox {
    padding-top: 0;
}

.ulp-name-label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 10px !important;
}

.ulp-name-search {
    margin: 10px;
}

.users-never-logged {
    background-color: #ff0000;
}

    .users-never-logged > label {
        color: #ffffff;
        font-size: 16px;
    }

        .users-never-logged > label > a {
            color: #ffffff;
            font-size: 16px;
            text-decoration: underline;
            font-weight: bold;
        }

.login-filter-widget {
    visibility: visible;
    position: absolute;
    z-index: 999;
    right: 0px !important;
    width: 360px;
    height: 145px;
    background: #fff;
    box-shadow: 5px 2px 10px #eee;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding: 18px 20px 0;
}

.login-chart-data {
    position: relative;
    margin: 0px;
}

.user-login-canvas {
    width: 100% !important;
    height: 250px !important;
}

#userLoginDetails {
    height: 260px !important;
}

.pd-userLogin table th {
    padding: 0 20px;
}

.loginWidget-legend {
    margin-top: 0px;
    margin-left: 50%;
}

    .loginWidget-legend li {
        font-size: 15px;
        font-weight: bold;
    }

        .loginWidget-legend li span {
            width: 5px;
            height: 16px;
            display: inline-block !important;
            margin-right: 5px;
            vertical-align: top;
        }

#userIltStatusDetails {
    height: 260px !important;
}

.elfinder-button-icon-replacefile {
    background: url('/content/elfinder/img/replacefile.png') no-repeat !important;
    background-position: -384px 0px;
    height: 24px;
    width: 24px;
}

#iltDeleteIcon {
    font-size: 26px;
}

.divPagination {
    float: left !important;
    margin-left: 20px !important;
    background: #cccccc !important;
    padding-bottom: 10px !important;
    border-radius: 1.50rem !important;
    margin-top: 12px !important;
}


.paginationAnchor {
    font-size: x-large !important;
    margin-right: 2px;
}

.budivPageSizeDropDown {
    width: 70% !important;
    font-size: xx-large;
    margin-left: 20px;
    margin-top: 6px;
    display: flex !important;
    margin-right: 60px;
    float: right;
}

.userdivPageSizeDropDown {
    width: 60% !important;
    font-size: xx-large;
    margin-left: 20px;
    margin-top: 11px;
    display: flex !important;
    margin-right: 60px;
    float: right;
}


.paginationDiv {
    margin-bottom: 0px;
    background: #e5e5e5 !important;
    float: right;
    width: 80% !important;
    height: 50px !important;
    position: fixed;
    bottom: 10px;
}

.paginationRow {
    text-align: center;
    padding-bottom: 0px !important;
}

.paginationLabel {
    float: left;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 5px !important;
}

#ddlPageSize {
    font-size: 15px !important;
}

a.paginationAnchorPage {
    padding: 5px 10px !important;
    color: black !important;
}

    a.paginationAnchorPage:hover {
        color: white !important;
        padding: 5px 10px !important;
    }

a.paginationActive {
    font-weight: bold !important;
    color: white !important;
}

.leftAnchorPagination {
    margin-top: -6px;
    margin-right: -5px !important;
    display: inline-block;
}

div#divPaginationAnchor {
    margin: 15px auto;
}

.lblRowsInfo {
    margin-top: 20px;
}

.rightAnchorPagination {
    margin-top: -6px;
    margin-right: -16px !important;
    display: inline-block;
}

.dynamicAnchorPagination {
    padding-left: 5px;
    display: inline-block;
}

.forwardPaginatorAnchorTag {
    padding-right: 20px;
}

.certificationbottom-space {
    padding-bottom: 40px;
}

.status-info {
    border-radius: 25px !important;
}

#userLessonPlanMainRow {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 10px !important;
    margin-left: -3px !important;
    background-color: #fff !important;
    border-bottom: #dfe1e3 0px solid;
}

.lessonplan-logo {
    display: inline-block;
}

    .lessonplan-logo img {
        max-width: 150px !important;
        max-height: 150px !important;
    }

#status-div {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
    height: 150px !important;
    text-align: center;
}

.compelted-assign-status {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bolder;
    height: 150px !important;
}

.lessonPlanTypePanel {
    color: #f3a100;
    display: block;
    /*font-family: 'open_sanssemibold_italic';*/
    font-weight: bold;
    font-style: italic;
    margin-bottom: 7px;
    padding-top: 10px !important;
    padding-left: 0px !important
}

.lptabName {
    padding-top: 25px !important;
    display: inline-block;
    float: left !important;
    color: #f3a100;
    font-size: 18px !important;
    margin-top: 25px !important;
}

.lpName {
    font-size: 20px !important;
}

#userLessonPlan-overdue {
    width: 100% !important;
    display: table-cell;
    vertical-align: middle;
    height: 0px !important;
    text-align: center !important;
    border-right: 0px solid #fff;
    padding-top: 5px !important;
    padding-bottom: 7px !important;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    color: #777777;
}

#userlessonPlan-percentage {
    width: 100% !important;
    display: table-cell;
    height: 0px !important;
    vertical-align: middle;
    text-align: center !important;
    border-right: 0px solid #fff;
    padding: 0 0px !important;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    line-height: 1.3;
    color: #777777;
}

.completed-lessonPlanTypePanel {
    color: #f3a100;
    display: block;
    /*font-family: 'open_sanssemibold_italic';*/
    font-weight: bold;
    font-style:italic;
    margin-bottom: 7px;
    padding-top: 5px !important;
}

.trainingModuleInfo {
    margin-top: 5px !important;
}

.trainingModuleInfoItem {
    margin-top: 10px !important;
}

#userLessonPlanMainRow #userLessonplann-myresult {
    width: 100% !important;
    display: table-cell;
    height: 0px !important;
    vertical-align: middle;
    text-align: center !important;
    border-right: 0px solid #fff;
    padding: 0 0px !important;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    color: #777777;
    padding-bottom: 7px !important;
}

#userLessonPlanMainRow #userLessonplann-passingpercentage {
    width: 100% !important;
    display: inline;
    height: 0px !important;
    vertical-align: middle;
    text-align: center !important;
    border-right: 0px solid #fff;
    padding: 0 0px !important;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    color: #777777;
    padding-bottom: 7px !important;
}

#userlessonplan-completionDate {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    color: #777777;
}

.clearlpFilters {
    border-radius: 25px !important;
}

.btntoplink {
    margin-left: 5px !important
}

#rewardsArea {
    margin: 0 !important;
    padding: 0px 0px !important;
    width: 100% !important;
    border-top: solid 0px #FFFFFF !important;
    background-color: #FFFFFF !important;
    min-height: 0px !important;
}

#rewardsPoint-size {
    font-size: 15px !important;
}

.divLpName {
    margin-bottom: 7px !important;
}

.assignment-icon {
    /*font-family: "open_sansregular";*/
    font-weight: normal;
    color: #777777;
}

.Category-lable {
    background-color: #f3f3f3 !important;
    color: #00AFFE;
    font-weight: bold;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 25px;
    margin-right: 5px;
    margin-top: 3px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    font-size: 12px;
    min-height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    min-width: 105px;
}

#divSearchPanel {
    background-color: #FFFFFF !important;
}

#searchtxt {
    border: solid 1px black !important;
}

#divfilter-Panel {
    background-color: #FFFFFF !important;
    border-left: solid 0px #FFFFFF !important;
}

#div-icon-filter {
    color: #FFFFFF !important;
}

.linkAssignedtab, .linkCompletedtab {
    background-color: white !important;
}

.assignedtabactive {
    color: cornflowerblue !important;
    text-decoration: underline !important;
}

.completedtabactive {
    color: cornflowerblue !important;
    text-decoration: underline !important;
}

.lptabular-statusFilter {
    text-transform: none !important;
}

.userLpList {
    border-left-width: 20px !important;
    border-bottom-width: 20px !important;
    border-right-width: 20px !important;
    border-color: #f7f7f7 !important;
    border-style: solid !important;
    background-color: #f7f7f7 !important;
    margin-left: 0px !important;
}

.outer-div {
    border-top-width: 20px !important;
    border-color: #f7f7f7 !important;
    border-style: solid !important;
    background-color: #f7f7f7 !important;
    margin-left: 0px !important;
}

.user-lp-items-list-div {
    border-top-width: 20px !important;
    border-left-width: 0px !important;
    border-bottom-width: 0px !important;
    border-right-width: 0px !important;
    border-color: #f7f7f7 !important;
    border-style: solid !important;
    background-color: #f7f7f7 !important;
    margin-left: 0px !important;
}


.user-lp-items-list-div-inner {
    border-top-width: 0px !important;
    border-left-width: 20px !important;
    border-bottom-width: 0px !important;
    border-right-width: 20px !important;
    border-color: #f7f7f7 !important;
    border-style: solid !important;
    background-color: #f7f7f7 !important;
    margin-left: 0px !important;
}

.user-lp-row-item {
    overflow: hidden;
    margin-left: 5px;
    float: left;
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: calc(100% - 160px);
}

.user-lp-item-label {
    padding-top: 2px !important;
}

.userPaginationNoDiv {
    margin-top: 20px !important;
}

.lessonPlanDisplayName {
    float: left;
    width: 100%;
    padding: 30px !important;
}

#lessonPlanhight {
    background: #fff;
    /*font-family: 'open_sansregular';*/
    font-weight: normal;
    word-wrap: break-word;
}

.lessonInfoIcon {
    display: inline-block;
}


.paginationDropDownBackground {
    background-color: white !important;
}

.disabled-pagination-anchor {
    cursor: not-allowed;
    padding: 5px 10px !important;
}

.userPaginationDiv {
    /*margin-top: -40px !important;*/
}

.butdPaginationCss {
    position: fixed;
    bottom: 10px;
    background: #e5e5e5 !important;
}

.usertdPaginationCss {
    bottom: 10px;
    background: #e5e5e5 !important;
}

.userreportPaginationCss {
    height: 45px;
    padding-top: 10px;
    color: black;
    background: #e5e5e5 !important;
}

.userTdpaginationDiv {
    margin-bottom: 0px;
    background: #e5e5e5 !important;
    float: right;
    width: 80% !important;
    height: 50px !important;
}

.buPaginationNoDiv {
    margin-left: -30% !important;
}

.lessonPlanListingRow {
    padding: 3px 10px 3px 10px !important;
}

.lessonPlanListAnchor {
    font-size: 12px !important;
}

.lessonPlanListIcon {
    font-size: 14px !important;
    padding-bottom: 0px !important;
}

.userPaginationNoDiv {
    margin-left: -30% !important;
    margin-top: 20px !important;
}

.check-box-group .input {
    margin-top: 10px;
    margin-right: 50px !important;
}

.divbtn {
    text-align: right;
    padding-right: 50px;
    margin-bottom: -2% !important;
}

.btncolor {
    color: white !important;
    background-color: black !important
}

.ecommerce-home-logo {
    /*//margin-bottom: 5px;*/
    text-align: center;
}

    .ecommerce-home-logo img {
        width: 250px;
        height: 70px;
    }

.ecommer-welcomeboard {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    height: 250px !important;
}

.ecommerce-ModalCloseButton {
    margin-top: -20px !important;
}

.ecommerce-loginModalContent {
    width: 470px !important;
}

.ecommerce-LoginModalBody {
    padding: 15px 25px !important;
}

.ecommerce-LoginButton {
    padding-bottom: 40px !important;
}

.ecommercelogButton {
    text-align: right;
    padding-right: 40px;
}

.mTop {
    margin-top: 10px !important;
}

#lblCartCount {
    font-size: 12px;
    background: white;
    color: black !important;
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px;
    padding-left: 0px;
    padding-right: 15px;
}

.ecommerceIcon {
    padding-right: 0px;
    font-size: x-large;
    padding-top: 10px !important;
}

#ecommerce-user-image img {
    max-width: 60px !important;
    max-height: 60px !important;
    width: 100% !important;
    height: 60px !important;
    display: inline-block !important;
    margin-right: -30px !important;
    margin-bottom: 40px !important;
}

#loggedInUserName {
    margin-right: 5px !important;
}

.ecommerce-single-widget {
    margin-bottom: 25px;
    height: 270px;
    overflow: hidden;
}

    .ecommerce-single-widget.ui-sortable-helper {
        z-index: 9999;
    }

.layout-customize .ecommerce-single-widget {
    height: 245px;
}

.lessonPlanListParaGraph {
    display: inline-flex;
    margin: 0px !important;
}

.lessonPlanListing-Screen-Name {
    font-size: 16px !important;
}

#pass-check {
    display: inline-block !important;
    padding-top: 5px;
    font-size: 16px !important;
}

.userselection {
    margin: 0 -15px 15px;
    background-color: #e6e4e4;
    padding: 5px 0;
    position: relative;
    padding-left: 20px;
    height: 45px;
    text-align: right;
    padding-right: 20px;
}

.alig-padding-top {
    padding-top: 20px;
}

.esigcomletionTime-align {
    margin-top: 8% !important;
}

.dataListResetClass {
    background-color: white;
    border: none;
    margin-top: 5px;
    display: flex !important;
    margin-left: -85px !important;
    padding: 4px 5px !important;
    font-size: 15px !important;
}

.userTdpaginationBarDiv {
    margin-bottom: 0px;
    background: #e5e5e5 !important;
    float: right;
    width: 100% !important;
    height: 50px !important;
}

.webinarzoomNotificationstyle {
    margin-top: 35px;
    margin-left: 3%;
    margin-right: 3%;
    text-align: center;
    padding: 50px
}

    .webinarzoomNotificationstyle p {
        text-align: start;
    }

    .webinarzoomNotificationstyle .form-group .input {
        text-align: start;
    }

.modal-label-left-margin {
    margin-left: 18px !important;
}

.modal-header-customm {
    min-height: 16.43px !important;
    padding: 0px 0px 0px 0px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.modal-body-custom {
    padding: 4px 15px 15px 15px !important;
}

.modal-header-customm h4 {
    font-size: 18px !important;
    line-height: 1 !important;
    margin: 5px 16px 0px !important;
}

#sortUsers {
    display: none;
}

#sortUsers {
    display: none;
}

#sortGroups {
    display: none;
}

.btn-sort-icon {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

    .btn-sort-icon a {
        height: 35px;
        padding-right: 12px;
        padding-left: 12px;
        display: inline-block;
        line-height: 35px;
        color: whitesmoke;
        font-size: 14px;
    }

.divborder {
    border: 1px outset;
    text-align: left;
    padding: 5px;
}

.langbtncls {
    background: rgba(255,255,255,0.2);
    font-size: 40px;
    padding: 9px 18px;
    margin: -11px -11px;
    color: white;
    border: 0;
    float: right;
    border: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content-courseCompletionModal {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching 
            full width */
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.userConsentDiv {
    display: inline-block;
    padding: 10px 0px;
}

.lesson-plan-footer .userConsentDiv .userConsentAnchor {
    text-decoration: underline;
    color: white;
}

.br-18 {
    border-radius: 18px !important;
}

.dashboard-grid .user-widget-table {
    height: 305px !important;
}

.b-topWidget {
    border-top: 2px solid #c5c4c4 !important;
}

#WelcomeHtmlIframe {
    border: 0;
    display: block;
    margin: 0px !important;
    background-color: white;
}

.bu-user-DashboardHeight {
    height: 100% !important;
}

.bu-user-DashboardImgHeight {
    height: 100% !important;
}

.login-widget-label-width {
    overflow: hidden !important;
}

.lpRedirectLink {
    cursor: pointer !important;
}

.error {
    color: red;
}

.close {
    font-size: 21px;
    height: 48px;
    display: inline-block;
    margin-left: 150px;
}

#WelcomeVideoThumbnailVideo {
    height: 70px;
    width: 70px;
    object-fit: fill;
}

video::-webkit-media-controls-panel {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 8px;
    padding: 8px;
}

.br-4 {
    border-radius: 4px;
}

.login-err-msg {
    line-height: 1.4;
}

.divGroupPerformanceStatus {
    margin-right: 10px;
}

#GrpPerformanceStatusManipulate {
    padding: 10px;
    display: flex;
    justify-content: initial;
    align-items: center;
}

.GroupLpActiveInActiveOption {
    margin-right: 12px;
}


.dropdown-container {
    position: relative;
    display: inline-block;
}

.dropdown-input {
    width: 100%;
    box-sizing: border-box;
}

.dropdown-list {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 95%;
    max-height: 200px;
    overflow-y: auto;
    display: none;
}

    .dropdown-list .dropdown-item {
        padding: 8px;
        cursor: pointer;
    }

        .dropdown-list .dropdown-item:hover {
            background-color: #f0f0f0;
        }

.legend-item {
    display: inline-block;
    width: calc(25.99% - 10px);
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    white-space: nowrap !important;
}

    .legend-item:nth-child(3n) {
        margin-right: 0;
    }

.pdTrainingSummaryNoRecordFoundDD {
    color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 190px;
    padding: 12px;
    font-weight: 600;
}

.lp-expire-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('/Content/images/LpExpireIcon.ico');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0 -10px 0px;
}

.lp-reassignment-icon-completed {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background-image: url('/Content/images/ReassignmentLPIcon.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0 3px 3px;
}

.lp-reassignment-icon-InProgress {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background-image: url('/Content/images/ReassignmentLPIcon_Green.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0 3px 3px;
}

#data-consent .modal-content {
    top: -10% !important;
}


.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.modal-content-reassignmentDisableModal {
    margin: 0 auto;
    width: 500px;
    max-width: 500px;
    pointer-events: all;
    height: inherit;
}

@charset "utf-8";
/* CSS Document */

.padding0 {
    padding: 0 !important;
}

.paddingleft0 {
    padding-left: 0 !important;
}

.paddingright0 {
    padding-right: 0 !important;
}

.inlineblock {
    display: inline-block;
}

.input-validation-error {
    border-color: #ff0000 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
}

.sorting-descending {
    background: rgba(0, 0, 0, 0) url("/Content/images/sorting-icon.png") no-repeat scroll 0 0;
    display: block;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 3px;
    width: 7px;
}

.sorting-ascending {
    background: rgba(0, 0, 0, 0) url("/Content/images/sorting-icon.png") no-repeat scroll 0 -20px;
    display: block;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 3px;
    width: 7px;
}

thead.fixedHeader th span.sorting-desc {
    position: relative;
    background: none;
}

span.sorting-desc {
    position: relative;
    background: none;
    display: inline-block;
    vertical-align: middle;
}

.width80percentage {
    width: 385px !important;
}

.width0percentage {
    width: 0% !important;
}


/*.categoryParent .input input[type="checkbox"] {
    position: relative;
    opacity: 1;
    height: auto;
    width: auto;
}*/

#ajaxLoading {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    height: 100%;
    width: 100%;
}

.spinner-loader {
    position: absolute;
    top: 50%;
    left: 50%;
}


/* no records found css*/
.no-records-found {
    text-align: center;
    padding: 10px !important;
}

.no-records {
    padding: 15px 0;
}

.no-records-found-table {
    background-color: #fff;
    padding: 10px 0;
}

.no-records-tr {
    display: table-row !important;
    background: inherit !important;
}

    .no-records-tr td {
        background-color: inherit !important;
        border: none !important;
        padding: 0 !important;
    }

#lesssonPlanListPartial .no-records-found {
    margin-left: 28px;
    background-color: #fff;
}

.central-repository-table .no-records-found {
    background-color: #fff;
}

.central-repository-table tr td:nth-child(2) {
    padding: 0;
}

.central-repository-table .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: inherit;
}

.central-repository-table .table-striped td.inner-table {
    background-color: inherit !important;
}

.nav-show-hide {
    position: absolute;
    left: 235px;
    top: 13px;
    cursor: pointer;
    z-index: 1000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

    .nav-show-hide.expand {
        left: 97%;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
    }

    .nav-show-hide:before {
        content: "\f054";
        font-family: FontAwesome;
        font-size: 16px;
        color: #fff;
    }

    .nav-show-hide.expand:before {
        content: "\f053";
        font-family: FontAwesome;
        font-size: 16px;
        color: #fff;
    }

.elfinder .elfinder-navbar.open {
    width: 100% !important;
}

.elfinder-tree .mCSB_container_wrapper {
    margin-right: 15px;
}

    .elfinder-tree .mCSB_container_wrapper > .mCSB_container {
        padding-right: 0;
    }

.tag-edit[data-isshared="1"] {
    display: none;
}
/* Training module Select CSS */

.training-left-header a.active {
    border-bottom: 3px solid #f3a100;
}

.listing-table td.icon-col.selected {
    position: relative;
}

    .listing-table td.icon-col.selected:before {
        position: absolute;
        bottom: 0;
        left: -3px;
        bottom: 0;
        height: 5px;
        /*background-color: #007dc0;*/
        width: 100%;
        content: "";
        display: block;
    }

.listing-table .more-options span {
    color: #777777;
    display: block;
    font-size: 12px;
    padding: 5px 0;
}

.listing-table .plan-idname p {
    margin-top: 0;
}

.add-lp {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-left: 15px;
    line-height: 35px;
}

    .add-lp:hover {
        color: #fff;
    }

    .add-lp .badge {
        background-color: #ffffff;
        color: #0093d0;
        line-height: 15px;
        height: 15px;
        width: 15px;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: -7px;
    }

        .add-lp .badge i {
            font-size: 12px;
            color: #0093d0;
        }

.checkbox-fav.check-tick label.css-label {
    margin-top: 10px;
}

.checkbox-fav.check-tick input.css-checkbox[type="checkbox"]:checked + label.css-label,
.checkbox-fav.check-tick input.css-checkbox[type="checkbox"] + label.css-label.chk {
    background-color: #007dc0;
}

.modal-overflow {
    overflow: hidden;
}

.shared-lessonplan-page.custom-popup .training-module-filter {
    margin: 0 0px 20px;
}

.shared-certificationPackage-page.custom-popup .training-module-filter {
    margin: 0 0px 20px;
}


/* set sequence*/

/*#myModalLabel .title-tag{ margin-left: 15px;}
#tblLesssonPlanSeq.scrollTable > thead > tr > th:first-child{ background-color:#a0a8ad;}
html > body tbody#tBodyLessonPlanSequence {
display: block;
height: 262px;
overflow: auto;
width: 100%;
}
#tblLesssonPlanSeq thead{ float: left;width: 100%;}
#tBodayLessonPlanSequence{ float: left;}
#tblLesssonPlanSeq.scrollTable.table-striped tbody tr td:first-child{ border: 1px solid #e0e1e3; padding: 15px 10px;}
#tBodayLessonPlanSequence i.fa-ellipsis-v{ color: #a0a8ad;}*/


.not-active-link {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.clear-search-input::-ms-clear {
    display: none;
}

@-moz-keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: #0093D0 1.5em 0 0 0, #0093D0 1.1em 1.1em 0 0, #0093D0 0 1.5em 0 0, #0093D0 -1.1em 1.1em 0 0, #0093D0 -1.5em 0 0 0, #0093D0 -1.1em -1.1em 0 0, #0093D0 0 -1.5em 0 0, #0093D0 1.1em -1.1em 0 0;
    -webkit-box-shadow: #0093D0 1.5em 0 0 0, #0093D0 1.1em 1.1em 0 0, #0093D0 0 1.5em 0 0, #0093D0 -1.1em 1.1em 0 0, #0093D0 -1.5em 0 0 0, #0093D0 -1.1em -1.1em 0 0, #0093D0 0 -1.5em 0 0, #0093D0 1.1em -1.1em 0 0;
    box-shadow: #0093D0 1.5em 0 0 0, #0093D0 1.1em 1.1em 0 0, #0093D0 0 1.5em 0 0, #0093D0 -1.1em 1.1em 0 0, #0093D0 -1.5em 0 0 0, #0093D0 -1.1em -1.1em 0 0, #0093D0 0 -1.5em 0 0, #0093D0 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}

#training-cards-lessonPlan .card.selected-question {
    padding: 3px 30px 3px 3px;
}

.certificate-package-course #training-cards-lessonPlan .card.selected-question {
    padding-right: 110px;
}

.card.right-card {
    padding: 3px 30px !important;
    border: 1px solid #e5e5e5;
}

    .card.right-card:hover {
        border: 1px solid #e5e5e5;
    }

/* Set Sequence Table */
.inner-table {
    padding: 0 !important;
    border: 0 !important;
}

    .inner-table .mCSB_container {
        margin-right: 0 !important;
    }

.custom-popup .table-striped tbody tr td.inner-table:first-child {
    text-align: left;
    background-color: #fff;
}

/* training module upload css starts*/
.training-module-left .card .dots {
    display: none;
}

.training-module-left .card-close {
    display: none;
}

.template-upload .error .label {
    color: #ff0000;
}

/* Custom Tool-Tip For Shared Icon Arrow*/
.custom-tooltip {
    display: none;
    max-height: 300px;
    max-width: 300px;
    min-width: 300px;
    position: absolute;
    left: 15px;
    top: -13px;
    background-color: #fff;
    z-index: 1000;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.top-arrow span:hover .custom-tooltip {
    display: block;
}

.card.last-card .custom-tooltip {
    top: auto;
    bottom: -18px;
}

.custom-tooltip .arrow {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #ffffff;
    border-top: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: -10px;
    top: 15px;
    position: absolute;
    width: 0;
}

    .custom-tooltip .arrow:before {
        border-bottom: 11px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0.2);
        border-top: 11px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        height: 0;
        left: 0;
        position: absolute;
        top: -11px;
        width: 0;
        z-index: -1;
    }

.tooltip-container {
    padding: 15px;
    max-height: 280px;
    overflow: hidden;
}

    .tooltip-container .mCSB_scrollTools .mCSB_draggerContainer {
        right: -12px;
    }

    .tooltip-container .mCSB_dragger_bar {
        background-color: #ccc !important;
        border-radius: 0 !important;
    }

    .tooltip-container .mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent !important;
    }

    .tooltip-container .mCSB_buttonUp, .tooltip-container .mCSB_buttonDown {
        display: none !important;
    }

    .tooltip-container .mCSB_scrollTools a + .mCSB_draggerContainer {
        margin: 0;
    }

    .tooltip-container .mCSB_scrollTools {
        opacity: 0;
    }

.custom-tooltip ul {
    margin: 0;
    padding: 0;
}

    .custom-tooltip ul li {
        padding: 5px 10px;
        border-bottom: 1px solid #F6F6F6;
        line-height: 1.3;
    }

        .custom-tooltip ul li:nth-child(2n) {
            background-color: #FCFCFC;
        }

        .custom-tooltip ul li span {
            width: 48%;
            display: inline-block;
            margin: 0 !important;
            color: #333;
        }

.tooltip-title {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

    .tooltip-title div {
        width: 48%;
        display: inline-block;
        font-weight: bold;
    }

.scroll-height {
    max-height: 220px;
}


.last-row .custom-tooltip {
    top: inherit;
    bottom: -13px;
}

    .last-row .custom-tooltip .arrow {
        bottom: 15px;
        top: inherit;
    }

/*.last-row .custom-tooltip .scroll-height {
        height: 100px;
    }*/

.first-row .custom-tooltip .scroll-height {
    height: 100px;
}

.locked-lp {
    display: inline-block;
}

    .locked-lp i {
        font-size: 20px !important;
    }
/* Custom Tool-Tip For Shared Icon Arrow End*/
#lesssonPlanListPartial td {
    overflow: inherit !important;
}

#shareWithBusinessUnit .training-cards {
    margin-bottom: 0;
}

#ShareWithBu .modal-footer {
    padding: 10px 15px !important;
}

#ShareWithBu .mCSB_container {
    margin-right: 5px;
}


#addToLessonPlan .training-cards {
    margin-bottom: 0;
}

#AddToLessonPlan .modal-footer {
    padding: 10px 15px !important;
}

#AddToLessonPlan .mCSB_container {
    margin-right: 5px;
}



.dvViewTags {
    margin-bottom: 5px;
}

.no-cursor {
    cursor: default !important;
    pointer-events: none;
}
/* modal footer bar */
.modal-footer {
    padding: 8px 20px;
}

/*disable cards*/
.training-cards .card.selected-question.locked-UsersGroup {
    background-color: #e9e9e9;
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none !important;
    border: none !important;
}

.training-cards .card.locked-UsersGroup {
    background-color: #e9e9e9;
    /*opacity: 0.7;*/
    cursor: not-allowed;
    box-shadow: none !important;
    border: none !important;
}

.training-cards .card.selected-question.locked-GroupUsers .card-inner {
    background-color: #e9e9e9;
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none !important;
    border: none !important;
}

.training-cards .card.locked-GroupUsers .card-inner, #divAssignedGroups .card.locked-GroupUsers {
    background-color: #e9e9e9;
    opacity: 0.7;
    cursor: not-allowed;
    box-shadow: none !important;
    border: none !important;
}

.categoryParent button.multiselect {
    /*min-height:42px;*/
}

.bootstrap-tagsinput {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-shadow: none;
    min-height: 30px;
    width: 100%;
}

    .bootstrap-tagsinput input {
        height: 42px !important;
    }

.ui-state-highlight {
    background: #f6f1c7 !important;
    border-width: 1px !important;
}

#shareWithBusinessUnit .step2-container {
    overflow: hidden;
}

/*disable cards*/
.training-cards .card.selected-question.locked-businessunit {
    background-color: #e9e9e9;
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none !important;
    border: none !important;
}
/* set sequence table css */
#tblLesssonPlanSeq td:first-child i {
    font-size: 14px;
}

#tblLesssonPlanSeq td:last-child i {
    padding: 0 25px;
}

#lesson-plan-list .central-repository-table .scrollTable td i {
    display: inline-block;
}

#lesson-plan-list .central-repository-table .controls i {
    font-size: 14px;
}

#lesson-plan-list .central-repository-table .scrollTable .repository-tags i {
    font-size: 14px;
}
/*Assigned Lesson Plans multuselect css*/
/*.multiselect-container input[type="checkbox"] {
    position: relative;
    opacity: 1;
    height: 13px;
    width: 13px;
}*/

.template-upload td.name span {
    display: inline-block;
    max-width: 380px;
    white-space: normal;
    word-wrap: break-word;
}

/*create client listing screen*/

.scrollTable.client-listing > thead > tr > th:first-child {
    background-color: #a0a8ad;
}

.scrollTable.table-striped.client-listing {
    padding-left: 10px;
}

    .scrollTable.table-striped.client-listing tbody tr td:first-child {
        background-color: #fff;
        vertical-align: middle;
    }

/*.table-striped.client-listing tbody tr td:nth-child(2) {
padding: 0;
}*/

/*.table-striped.client-listing tr {
    display: table-row;
}*/

.table-striped.client-listing tr td:last-child {
    position: relative;
}

.table-striped.client-listing tr td {
    overflow: inherit;
    word-wrap: break-word;
}

.table-striped.client-listing .slide-action.width80percentage {
    width: 200px !important;
}

.table-striped.client-listing .slide-action {
    -webkit-transition: width 0.1s ease-in-out;
    -moz-transition: width 0.1s ease-in-out;
    -o-transition: width 0.1s ease-in-out;
    transition: width 0.1s ease-in-out;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: inherit;
}

.table-striped.client-listing td.inner-table {
    background-color: inherit !important;
}

.table-striped.client-listing .no-records-found {
    background-color: #fff;
}

.scrollTable.client-listing tbody tr:hover > td {
    background-color: #ecf9fe !important;
}

    .scrollTable.client-listing tbody tr:hover > td.inner-table {
        background-color: inherit !important;
    }


.table-striped.client-listing .slide-action.width80percentage {
    width: 200px !important;
}

.table-striped.client-listing .slide-action {
    -moz-transition: width 0.1s ease-in-out;
    -o-transition: width 0.1s ease-in-out;
    -webkit-transition: width 0.1s ease-in-out;
    transition: width 0.1s ease-in-out;
}

.table-striped.client-listing .no-records-found {
    background-color: #fff;
}



.client-listing .user-image img {
    width: 65px;
    display: inline-block;
    max-width: 100%;
    height: 65px;
}

#userProfileListPartial .plan-idname {
    padding: 10px 20px;
}

.changeStatusPopup, .changeBuStatusPopup {
    cursor: pointer;
}
/*create client listing screen ends*/

/* completed userlesson plan popover css */
.popover-content .input-group {
    display: block;
    margin-bottom: 10px;
}

.popover-content input[type="text"] {
    height: 30px;
    padding: 5px;
    font-size: 13px;
}

.training-cards.upload-cards .card .tags {
    margin-right: 20px;
    position: relative;
    display: none;
}

    .training-cards.upload-cards .card .tags .controls {
        margin-top: -13px;
        position: absolute;
        right: 10px;
        top: 50%;
    }

.central-resource-card .directory .repository-tags {
    display: none;
}

.central-resource-card .card .tags {
    margin-right: 20px;
    position: relative;
    display: none;
    margin-top: 5px;
}

    .central-resource-card .card .tags .controls {
        margin-top: -13px;
        position: absolute;
        right: 10px;
        top: 50%;
    }

.folder-info .tags {
    margin-right: 20px;
    position: relative;
    display: none;
    margin-top: 5px;
    min-width: 200px;
    /*display: inline-block !important;*/
}

    .folder-info .tags .controls {
        margin-top: -6px;
        position: absolute;
        right: 10px;
        top: 50%;
    }

#divCreateSurvey .elfinder-cwd-file .tags {
    margin-right: 20px;
    position: relative;
    display: none;
    margin-top: 5px;
}

#divCreateTrainingModule .elfinder-cwd-file .tags {
    margin-right: 20px;
    position: relative;
    display: none;
    margin-top: 5px;
}

#divShowPremiumCredentialingDetails .elfinder-cwd-file .tags {
    margin-right: 20px;
    position: relative;
    display: none;
    margin-top: 5px;
}

.elfinder-cwd-file .tags .controls {
    margin-top: -13px;
    position: absolute;
    right: 10px;
    top: 50%;
}

.elfinder-cwd-file .tags .controls {
    margin-top: -13px;
    position: absolute;
    right: 10px;
    top: 50%;
}

#divCreateTrainingModule .elfinder-cwd-file.directory .repository-tags {
    display: none;
}
/*#divShowPremiumCredentialingDetails .elfinder-cwd-file.directory .repository-tags {
    display: none;
}*/

#divCreateSurvey .elfinder-cwd-file.directory .repository-tags {
    display: none;
}

#divShowPremiumCredentialingDetails .elfinder-cwd-file .tags {
    margin-right: 20px;
    position: relative;
    display: none;
    margin-top: 5px;
}

    #divShowPremiumCredentialingDetails .elfinder-cwd-file .tags .controls {
        margin-top: -13px;
        position: absolute;
        right: 10px;
        top: 50%;
    }

#divCreateCourse .elfinder-cwd-file .tags {
    margin-right: 20px;
    position: relative;
    display: none;
    margin-top: 5px;
}

    #divCreateCourse .elfinder-cwd-file .tags .controls {
        margin-top: -13px;
        position: absolute;
        right: 10px;
        top: 50%;
    }

#divCreateCourse .elfinder-cwd-file.directory .repository-tags {
    display: none;
}

.central-resource-card .card .tag-view span {
    color: #777777;
    font-size: 12px;
    font-style: italic;
}

    .central-resource-card .card .tag-view span a i {
        color: #777777;
    }

.repository-table-content .bootstrap-tagsinput {
    padding-right: 40px;
}

#centralResourcesScroll .bootstrap-tagsinput {
    padding-right: 40px;
}

#trainingModuleCentralResourcesScroll .bootstrap-tagsinput {
    padding-right: 40px;
}

.attemps-remains {
    color: #ff0000;
    display: block;
    font-size: 12px;
    padding: 3px 0;
}
/* completed userlesson plan css starts*/
.assigned-lesson-table.complete-lesson-plan .table-date {
    width: 28%;
    padding: 0;
}

.assigned-lesson-table.complete-lesson-plan .table-title {
    width: 42%;
}

.assigned-lesson-table.complete-lesson-plan .table-title {
    width: 42%;
}

/*Hide the Date for Time Picker*/
.datetimepicker-hours th {
    padding: 0 !important;
    font-size: 0;
}
/*Hide the Date for Minute Picker*/
.datetimepicker-minutes th {
    padding: 0 !important;
    font-size: 0;
}

.assigned-lesson-table.complete-lesson-plan .assign-date {
    width: 15%;
    border-right: 1px solid #cccccc;
    color: #777777;
    display: table-cell;
    font-family: "open_sansregular";
    height: 70px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
}

.assigned-lesson-table.complete-lesson-plan .due-date {
    width: 14%;
    border-right: 1px solid #cccccc;
    color: #777777;
    display: table-cell;
    font-family: "open_sansregular";
    height: 70px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
}

.assigned-lesson-table.complete-lesson-plan .overdue {
    width: 20%;
    border-right: 1px solid #cccccc;
    color: #777777;
    display: table-cell;
    font-family: "open_sansregular";
    height: 70px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
}

.assigned-lesson-table.complete-lesson-plan .table-percentage {
    width: 18%;
    padding: 0;
}
/*.assigned-lesson-table.exportsheet .status{ width:10%; border-right: 1px solid #cccccc;
display: table-cell;
height: 70px;
vertical-align: middle; text-align:center; padding:0;}*/
.assigned-lesson-table.complete-lesson-plan .status i {
    display: block;
    font-size: 30px;
}

.assigned-lesson-table.complete-lesson-plan .table-rewards {
    width: 10%;
    padding: 0;
}

.assigned-lesson-table.complete-lesson-plan .certificate {
    width: 8%;
    border-right: 1px solid #cccccc;
    display: table-cell;
    padding: 0;
    height: 70px;
    vertical-align: middle;
    text-align: center;
}

.assigned-lesson-table.complete-lesson-plan .assign-status {
    width: 18%;
    display: table-cell;
    padding: 0;
    height: 70px;
    position: relative;
    vertical-align: middle;
    text-align: center;
}

.assigned-lesson-table.complete-lesson-plan .action {
    width: 3%;
    border-right: 1px solid #cccccc;
    display: table-cell;
    padding: 0;
    height: 70px;
    position: relative;
    vertical-align: middle;
    text-align: center;
}

    .assigned-lesson-table.complete-lesson-plan .action i.table-tooltip {
        font-size: 30px;
    }
/*.assigned-lesson-table.complete-lesson-plan .status-tag{ width:75px;}*/
.assigned-lesson-table .fail {
    color: #ff0000;
    font-size: 14px;
}

.assigned-lesson-table .pass {
    color: #12BB00;
    font-size: 14px;
}

.assigned-lesson-table .wait {
    color: #ff7000;
    font-size: 14px;
}

.assigned-lesson-table.complete-lesson-plan .certificate i {
    font-size: 18px;
}

.assigned-lesson-table.complete-lesson-plan .assign-status .table-tooltip {
    font-size: 30px;
}

.assigned-lesson-table.complete-lesson-plan .slide-action {
    right: 27px;
    margin-top: -32px;
    transition: width 0.1s ease-in-out 0s;
    -webkit-transition: width 0.1s ease-in-out 0s;
    -ms-transition: width 0.1s ease-in-out 0s;
    -moz-transition: width 0.1s ease-in-out 0s;
}

    .assigned-lesson-table.complete-lesson-plan .slide-action .fa-download {
        padding-top: 20px;
    }

.assigned-lesson-table.complete-lesson-plan .assign-status .table-tooltip i {
    font-size: 20px;
}

.assigned-lesson-table.complete-lesson-plan .open .slide-action {
    width: 165px;
}
/* completed userlesson plan css ends*/

/*To set sign on tab */
.stepLink {
    cursor: pointer;
}


/* css-modal css - display normal div as modal.*/
.css-modal {
    background: #F0F0F0 none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    left: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

    .css-modal.open {
        left: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .css-modal .modal-header {
        border: 0;
        padding-bottom: 5px;
    }

.css-modal .modal-body {
    padding-top: 0;
}

    .css-modal .modal-header h4 {
        color: #323232;
        display: inline-block;
        font-family: "open_sanslight";
        font-size: 30px;
        line-height: 1;
        margin: 2px 0 0;
        /*text-transform: uppercase;*/
        width: 70%;
    }

#dvScromLaunch.css-modal .modal-header h4 {
    width: calc(100% - 100px);
    display: block;
}

.css-modal .modal-header h4 span {
    font-size: 20px;
}

.css-modal .modal-header .close {
    margin-left: 10px;
    margin-right: -15px;
    margin-top: -15px;
    opacity: 1;
    right: 0;
    top: 0;
}

    .css-modal .modal-header .close span {
        background-color: #e6e4e4;
        color: #555555;
        display: inline-block;
        font-family: "open_sanslight";
        font-size: 48px;
        height: 58px;
        line-height: 55px;
        width: 58px;
    }

.css-modal .scrollContent1.content {
    height: 100%;
}

.plan-description {
    height: 100%;
}

.surgery-content {
    height: 100%;
    width: 100%; /*overflow:auto;*/
}
/* css-modal css*/
/* Business Unit client dropdown (Overriding bootstrap-select css) */
/*.general-filter .open {
max-height: 150px !important;
min-height: 50px !important;
}
*/
.general-filter .bootstrap-select .dropdown-menu {
    width: 200px;
    border-radius: 0;
}

.general-filter .inner {
    min-height: 50px !important;
    max-height: 150px !important;
}

.general-filter .btn-group > .btn:first-child {
    font-size: 14px !important;
}

.general-filter .btn-group bootstrap-select form-control {
    height: 35px !important;
}

/*.general-filter .bootstrap-select.form-control:not([class*=col-]) {
width: 95% !important;
}*/
.dropup button {
    font-size: 14px;
}

.general-filter .btn-default {
    background-color: inherit !important;
}

.general-filter .bootstrap-select {
    background-color: inherit !important;
    border: 1px solid #d6d6d6 !important;
}

/* Business Unit client dropdown (Overriding bootstrap-select css) */

/* add to lessonplan css starts*/
.view-selected-trainingmodule i {
    font-size: 22px;
    vertical-align: middle;
    color: #0B950E;
}

.view-selected-trainingmodule {
    position: relative;
    text-align: center;
    height: 35px;
    width: 35px;
    display: inline-block;
    line-height: 35px;
    float: right;
    margin-top: 13px;
}

    .view-selected-trainingmodule:hover .custom-tooltip {
        display: block;
        z-index: 1002;
    }

    .view-selected-trainingmodule .custom-tooltip {
        top: 35px;
        left: -267px;
        border-radius: 0;
    }

        .view-selected-trainingmodule .custom-tooltip li span {
            width: 100%;
        }

        .view-selected-trainingmodule .custom-tooltip .arrow {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #fff;
            top: -20px;
            left: auto;
            right: 6px;
            margin-left: -5px;
        }

            .view-selected-trainingmodule .custom-tooltip .arrow::before {
                border-left: 11px solid rgba(0, 0, 0, 0);
                border-right: 11px solid rgba(0, 0, 0, 0);
                border-bottom: 11px solid rgba(0, 0, 0, 0.2);
                left: -11px;
                top: -12px;
            }

    .view-selected-trainingmodule .tooltip-title h3 {
        margin: 0 0 5px 0;
        line-height: 1;
    }

    .view-selected-trainingmodule .custom-tooltip .tooltip-title {
        margin-bottom: 5px;
        text-align: left;
    }

    .view-selected-trainingmodule .custom-tooltip .tooltip-container {
        text-align: left;
    }
/* add to lessonplan css ends*/






.filter .popover {
    z-index: -1 !important;
    visibility: hidden;
}

    .filter .popover.in {
        z-index: 1003 !important;
        visibility: visible;
    }

.dynamic-clearfix:nth-child(2n+1) {
    clear: both;
}


/* error message css*/
.field-validation-error {
    font-size: 13px;
    margin-top: 3px;
    display: block;
    line-height: 16px;
}

.field-validation-valid {
    font-size: 13px;
    margin-top: 3px;
    display: block;
    line-height: 16px;
}

.validation-summary-errors li {
    font-size: 14px;
    text-align: center;
    line-height: 16px;
}

.validation-summary-errors ul {
    text-align: center;
    line-height: 1.3;
}

/*users-table starts*/
.users-table tr {
    display: table-row;
}

    .users-table tr td {
        min-width: 200px;
        text-align: center;
        padding: 0;
    }

        .users-table tr td span.inner-data {
            width: 190px;
            text-align: center;
            display: block;
            margin: 0 auto;
        }

.table-header th {
    min-width: 200px;
    text-align: center;
}

#userProfileListPartial .mCSB_container_wrapper {
    margin: 0 !important;
}

.scrollTable.table-striped.client-listing.users-table {
    padding-left: 30px;
}

#headertable {
    padding-left: 30px;
}

#globalSearchDiv .scrollTable.table-striped.client-listing.users-table {
    padding-left: 0px;
}

#globalSearchDiv #headertable {
    padding-left: 0px;
}

.user-table-container {
    margin-left: 10px;
    overflow: hidden;
}

.userlistingpage .scrollTable.table-striped.client-listing tbody tr td:first-child {
    position: relative;
}

.userlistingpage .scrollTable.table-striped.client-listing tbody .checkbox-fav {
    position: absolute;
    top: 0;
    left: -28px;
}


/*.userlistingpage .checkbox-fav .css-label {
background-color: #F3A100;
}*/

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    background-position: 2px -1px !important;
    transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    background-position: 2px -1px !important;
    transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
}
/*.userlistingpage { padding-left:10px;}*/
/*users-table ends*/


/* reset password page css starts*/
.reset-password-content {
    background: #ffffff none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 400px;
    padding: 30px;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.2);
    vertical-align: middle;
}

.reset-password {
    display: table;
    width: 100%;
    height: 100%;
}

.reset-password-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.reset-password h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: left;
}

.reset-password .form-control {
    height: 42px;
}

.reset-password .control-label {
    margin-bottom: 10px;
}

/* reset password page css ends*/
.grid-select {
    background-color: #fff;
    position: absolute;
    padding: 15px 0 15px 15px;
    box-shadow: 0 0 1px rgba(57,70,78,.15),0 20px 55px -8px rgba(57,70,78,.25);
    right: 0;
    top: 35px;
}

.grid-select-wrapper {
    max-height: 200px;
    width: 200px;
}

.dynamic-grid-list {
    position: relative;
}

.top-links.dynamic-list-head {
    z-index: 1005;
    margin-right: -15px;
    position: relative;
}

    .top-links.dynamic-list-head a.fav-tab {
        width: auto;
        min-width: 35px;
    }

        .top-links.dynamic-list-head a.fav-tab.import-user {
            padding-right: 10px;
        }

            .top-links.dynamic-list-head a.fav-tab.import-user i {
                background-color: rgba(0, 0, 0, 0.1);
                display: inline-block;
                font-size: 20px;
                height: 35px;
                line-height: 35px;
                margin-right: 3px;
                vertical-align: top;
                width: 35px;
            }

.grid-select-wrapper .input {
    margin-bottom: 10px;
    padding: 3px 0 0 3px;
}

/****** Sub Admin Creation changes ********/
.create-subadmin {
    margin-top: 30px;
}

.input .input {
    margin-left: 30px;
}

.input.select .input {
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
}

    .input.select .input .checkbox {
        font-size: 14px;
        margin: 3px 0;
    }

.multiselect .dropdown-menu > .active a {
    background-color: transparent;
}

.input.select .dropdown-menu > .active > a, .input.select .dropdown-menu > .active > a:focus, .input.select .dropdown-menu > .active > a:hover {
    background-color: inherit;
}

.check-box-group .input {
    margin-top: 10px;
}

.dropdown-height .dropdown-menu {
    max-height: 200px;
    overflow: auto;
}
/* previllage css starts*/
.previllage-heaing h3 {
    margin: 0;
    font-family: "open_sanssemibold";
    font-size: 18px;
    margin-bottom: 25px;
}

.previllage-box {
    min-height: 380px;
    padding: 20px !important;
}

/*essey-training module css starts*/
.essey-training {
    margin: 20px 0;
    text-align: left;
    padding-right: 30px;
}

    .essey-training label {
        margin: 0 !important;
    }

.training-module-content-radio {
    display: inline-block;
}

.essey-training .input {
    display: inline-block;
    margin-right: 10px;
}

/*Overflow to File name for file having longer name while File Upload*/
.fileupload td.name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    width: 100px;
}

/*Show Client Domain inline with BU Subdomain*/
.label-custom-margin {
    margin-top: 13px;
}

.delete {
    float: right;
}

/*************** assign users listing-view ******************/
.listing-view-table th, .listing-view-table td {
    text-align: center !important;
}

/***** readonly field visible ********/
.lesson-plan-steps .form-control[readonly] {
    background-color: #fff;
}

    .lesson-plan-steps .form-control[readonly][disabled] {
        background-color: #eee;
    }


.remove-clearfix, .remove-clearfix:before, .remove-clearfix:after {
    clear: both;
    content: " ";
    display: table;
}

.font-red {
    color: red !important;
}


.cc[data-tooltip]:before {
    width: 167px;
}

/* *********** SET INTERVAL TEXTBOX ************* */
.interval {
    width: 8% !important;
    height: 35px !important;
}
/* *********** END OF SET INTERVAL TEXTBOX ************* */





/* calendar css starts*/
.dashboard-calendar {
    margin: 0;
    padding: 0;
}

    .dashboard-calendar .inner-title {
        display: block;
        font-size: 20px;
        color: #333;
        border-bottom: 1px solid #ccc;
        padding: 10px 15px;
    }

    .dashboard-calendar .fc-right, .dashboard-calendar .fc-today-button {
        display: none;
    }

    .dashboard-calendar .fc-toolbar .fc-left {
        float: none;
    }

    .dashboard-calendar .fc-button-group {
        display: block;
        float: none;
    }

    .dashboard-calendar .fc-next-button {
        float: right;
    }

    .dashboard-calendar .fc-toolbar {
        margin: 0;
    }

        .dashboard-calendar .fc-toolbar .fc-center h2 {
            font-size: 16px;
            color: #333;
            padding-top: 15px;
        }

    .dashboard-calendar .top10-events {
        display: none;
    }

    .dashboard-calendar .col-md-12 {
        padding: 0 !important;
        float: none !important;
    }

    .dashboard-calendar .fc-toolbar .fc-next-button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        box-shadow: none;
        color: #333;
        font-size: 20px;
        padding: 0 30px;
        border-left: 1px solid #ccc;
    }

    .dashboard-calendar .fc-toolbar .fc-prev-button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        box-shadow: none;
        color: #333;
        font-size: 20px;
        padding: 0 30px;
        border-right: 1px solid #ccc;
    }

    .dashboard-calendar .fc-day-header {
        border: 0;
        background-color: #ccc;
        padding: 10px 0;
    }

    .dashboard-calendar .fc-ltr .fc-basic-view .fc-day-top {
        font-size: 14px;
        color: #333;
        text-align: center;
        padding: 0;
        height: 42px;
        vertical-align: middle;
    }

    .dashboard-calendar .fc-ltr .fc-basic-view .fc-day-number {
        /*font-size: 14px;*/
        color: #333;
        /*text-align: center;
        padding: 0;
        height: 42px;
        vertical-align: middle;*/
    }

    .dashboard-calendar .fc-unthemed th, .dashboard-calendar .fc-unthemed td, .dashboard-calendar .fc-unthemed thead, .dashboard-calendar.fc-unthemed tbody, .dashboard-calendar .fc-unthemed .fc-divider, .dashboard-calendar .fc-unthemed .fc-row, .dashboard-calendar .fc-unthemed .fc-popover {
        border: none;
    }

    .dashboard-calendar .fc-more-cell {
        text-align: center;
    }

        .dashboard-calendar .fc-more-cell a {
            color: #333;
        }

    .dashboard-calendar .fc-more {
        color: #333;
        display: block;
        margin-top: 5px;
        text-align: center;
    }

    .dashboard-calendar .fc-event {
        background-color: #8e3734;
        border: none;
        border-radius: 0;
        display: none;
    }

    .dashboard-calendar .fc-unthemed .fc-today {
        background-color: transparent;
        position: relative;
    }

        .dashboard-calendar .fc-unthemed .fc-today:before {
            background-color: #b32c4b;
            border-radius: 50%;
            content: "";
            display: block;
            height: 36px;
            left: 50%;
            margin-left: -18px;
            /*margin-top: -18px;*/
            position: absolute;
            top: 3px;
            width: 36px;
            z-index: -1;
        }

    .dashboard-calendar .fc-day-grid-container {
        height: 250px !important;
        overflow: hidden !important;
    }

    .dashboard-calendar .fc-basic-view .fc-body .fc-row {
        min-height: 42px;
    }

    .dashboard-calendar #calendar {
        max-width: 100%;
        margin: 0 auto;
    }

    .dashboard-calendar .DashBoard_dayWithEvent {
        position: relative;
        cursor: pointer;
    }

        .dashboard-calendar .DashBoard_dayWithEvent:before {
            background-color: #276ab0;
            border-radius: 50%;
            content: "";
            display: block;
            height: 36px;
            left: 50%;
            margin-left: -18px;
            /*margin-top: -18px;*/
            position: absolute;
            top: 5px;
            width: 36px;
            z-index: -1;
        }

    .dashboard-calendar .DashBoard_dayWithEvent, .dashboard-calendar .fc-state-highlight {
        color: #fff !important;
    }

        .dashboard-calendar .DashBoard_dayWithEvent:after {
            height: 4px;
            width: 4px;
            display: block;
            background-color: #fff;
            border-radius: 50%;
            content: "";
            position: absolute;
            left: 50%;
            margin-left: -2px;
            bottom: 5px;
        }

    .dashboard-calendar .fc-day {
        text-align: center;
        vertical-align: middle;
    }

.dashboard #tblTopEvents .mCSB_container {
    margin: 0 !important;
}

/*.dashboard-grid #tblTopEvents .child-table {
    height: 326px;
    background-color: #fff;
}*/

.ettextarea {
    max-width: 400px;
    max-height: 100px;
}

/* sub admin css starts */
.subadmin-listing {
    padding-left: 10px;
}

    .subadmin-listing .more-options ul li a {
        line-height: 26px;
    }

.view-event-btn {
    color: #333;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1000;
}

#btnViewAllCP {
    top: 18px !important;
}

/*.view-event-btn:hover, .view-event-btn:focus {
        color: #fff;
    }*/

.dashboard-grid #tblTopEvents .child-table {
    height: 280px;
    background-color: #fff;
}

.dashboard-calendar .fc-highlight {
    display: none;
}

a.flip-button {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    top: 5px;
    width: 40px;
}

    a.flip-button:hover, a.flip-button:focus {
        color: #fff;
    }

    a.flip-button i {
        display: block;
        line-height: 38px;
    }

.dashboard-grid .Event_title:hover {
    color: #0093D0;
}

#ReadOnlypopupFormDB h5 {
    text-transform: capitalize;
}

#trainingModuleStart #goToContent {
    margin-left: 10px;
}

#trainingModuleStart .viewTrainingSummary {
    margin-top: 10px;
    display: inline-block;
}

@media print {
    .filter-panel {
        display: none;
    }

    header {
        display: none;
    }

    #lesson-plan-list .position-rel {
        margin: 0 !important;
        width: 550px;
    }
}

.certification-scroll {
    max-height: 300px;
}
/* group cards*/
.group-cards .card-status {
    position: absolute;
    top: 15px;
    right: 10px;
}

.card.group-cards {
    padding: 0;
}

    .card.group-cards .card-inner {
        height: 65px;
        display: table;
    }

.certification-scroll {
    max-height: 300px;
}

.filter-search .search-panel a.search-toggle-user {
    height: 45px;
    width: 45px;
    padding: 0;
    text-align: center;
    display: block;
    cursor: pointer;
    line-height: 45px;
}

    .filter-search .search-panel a.search-toggle-user i {
        font-size: 25px;
        /* float: right; */
        /* margin-top: 5px; */
        display: block;
    }

.view-cp-event-btn {
    color: #000;
    margin-right: 27px;
    position: absolute;
    right: 0;
    top: 15px;
}
/* SUPER ADMIN DASHBOARD -  OVER RIDE HEIGHT*/
.autoheight.single-widget {
    height: auto;
    margin-bottom: 0;
}

.textleft {
    text-align: left;
}

.assign-user-library {
    padding: 0 !important;
}

    .assign-user-library .training-module-filter {
        margin: 0;
    }

/*Removed Pointer Events for Dragable 'No Records Found' */
.no-records-found {
    pointer-events: none;
}

/*Azure media player */

.azuremediaplayer {
    height: 100% !important;
    width: 100% !important;
}

.enter-details-link {
    font-size: 14px;
}

.table-striped.trainingmodule-listing .more-options ul li .viewFeedbackTM i {
    font-size: 14px;
    vertical-align: middle;
}

#removeProctors {
    background-color: #f0ad4e !important;
}

    #removeProctors .iconlw-pick {
        -webkit-transform: rotateY(180deg);
    }

.enter-code-input,
.enter-score-input {
    width: 115px;
    margin: 10px auto 0;
    display: inline-block;
}

.score-container {
    position: relative;
    display: inline-block;
}

.pending-review-score-btn {
    position: absolute;
    top: 15px;
    right: -30px;
}

.input-show-hide a {
    display: inline-block !important;
}

    .input-show-hide a i {
        font-size: 14px !important;
    }

.uname {
    color: #f3a100;
    font-family: "open_sanssemibold";
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    display: block;
}

.table-padding-left {
    padding-left: 10px;
}

#dvCreateAssessment .elfinder-cwd-file .tags {
    margin-right: 20px;
    position: relative;
    display: none;
    margin-top: 5px;
}

.padding-top0 {
    padding-top: 0 !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.optional-field {
    font-size: 14px;
    font-family: "open_sanssemibold";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    color: #0e9d57;
}
/*#userProfileListPartial #mCSB_14_container {  width:100% !important;}*/
#classRoomTrainingList tbody tr td:last-child {
    border-left: 1px solid #ccc;
}

.setsequence-section table {
    table-layout: inherit !important;
    background-color: #fff;
    margin: 0 !important;
}

    .setsequence-section table tr td {
        border-left: 1px solid #ccc !important;
        border-bottom: 1px solid #ccc !important;
        text-align: left !important;
        height: 60px;
    }

    .setsequence-section table tbody tr td:first-child {
        text-align: center !important;
    }

    .setsequence-section table tr.ui-sortable-helper td {
        background-color: #fff !important;
        border-top: 1px solid #ccc !important;
    }

    .setsequence-section table tr.ui-sortable-helper {
        display: table;
    }

.setsequence-close {
    padding: 5px 15px;
    background-color: #454545;
    text-align: left;
}

    .setsequence-close p {
        margin: 0;
        color: #fff;
    }

        .setsequence-close p a {
            color: #fff;
        }

.setsequence-section .elfinder-cwd-icon {
    display: inline-block;
    vertical-align: middle;
}

.setsequence-section .elfinder-cwd-filename {
    display: inline-block;
    vertical-align: middle;
}

.setsequence-wrapper {
    padding-left: 65px;
    position: relative;
}

.elfinder-cwd-view-icons .setsequence-wrapper {
    padding: 0;
}

.elfinder-cwd-view-icons #elfinderHeader {
    display: none;
}

.elfinder-cwd-view-list #elfinderHeader {
    display: table-header-group !important;
}


.textarea-override ul {
    list-style: disc;
}

.textarea-override ol {
    list-style: decimal;
}
/*for multiselect dropdown list*/
.multiselect-ddl {
    display: inline-block;
    min-width: 150px !important;
    max-width: 250px !important;
}

    .multiselect-ddl ul li label {
        margin: 5px 0;
    }

    .multiselect-ddl ul li {
        padding: 0 5px;
        display: block;
    }

    .multiselect-ddl .caret {
        position: absolute;
        right: 8px;
        top: 15px;
    }

    .multiselect-ddl button {
        padding-right: 15px;
    }

.assign-buttons {
    margin-top: 10px;
    position: relative;
    z-index: 1;
    margin-right: 10px;
}

.showall {
    padding: 17px 10px;
}

.elfinder-cwd-wrapper-empty .elfinder-cwd-wrapper-list .elfinder-cwd:after {
    top: 70px !important;
    position: absolute;
}

.ckImageUpload {
    color: #333 !important;
    background: #ccc !important;
    border: #ccc !important;
    padding: 8px 10px !important;
    cursor: pointer !important;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
}

#DueDateDisplay, #quickTrainingMaxNoOfAttempt, #quickTrainingRemianingNoOfAttempt {
    margin-top: 10px;
}
/*rewards scroll css*/
.reward-history-data .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.hasDatepicker {
    background-color: #fff;
}

.underline {
    text-decoration: underline !important;
}

.library-assign-modal-confimation {
    z-index: 100000;
}

.user-mobile span {
    padding-top: 5px;
}

.changeEmailStatusPopup {
    cursor: pointer;
}

.searchCredentialType {
    font-size: 13px !important;
}

a.document-icons {
    margin-right: 8px !important;
}

a.credentialtype-create {
    color: white;
}

.small-icon li i {
    font-size: 18px;
}

.small-icon ul li a i {
    font-size: 18px;
}

.create-lesson-plan-header {
    font-size: 16px;
    color: #fff;
    font-family: 'open_sanssemibold';
    text-transform: uppercase;
    padding: 10px 15px;
    border: none;
    margin-right: 0px;
}

    .create-lesson-plan-header li a {
        border-radius: 0px 0px 0px 0px !important;
        color: #fff !important;
    }

    .create-lesson-plan-header li.active a {
        border-radius: 0px 0px 0px 0px !important;
        /*color: #555 !important;*/
        color: #fff !important;
    }

    .create-lesson-plan-header li a {
        border-radius: 0px 0px 0px 0px !important;
        color: #555 !important;
        background-color: white;
    }

.nav-tabs > li.active.premium-credentialing-documents > a {
    background-color: transparent !important;
}

.popover-content .input.select {
    width: 220px !important;
    border: 1px solid #777;
}

.popover-content .custom-select {
    margin-bottom: 20px;
}

.popover-content .custom-filter {
    margin-bottom: 20px;
}

#previewDocumentsModal .scrollContent {
    height: 430px !important;
}

.option-container a.previewCredentials {
    color: #337ab7 !important;
}

td.user-screen-td {
    border-left: 1px solid #dfe1e2 !important;
}

#viewPremiumCredentialingListUser {
    overflow-y: hidden !important;
}

.user-review-message {
    color: red;
    margin-bottom: 10px;
}

.submit-code-take-test {
    width: 164px;
}

.file-container {
    float: right;
}

    .file-container span {
        color: red;
    }


.info-desc {
    display: none;
    background: #fff;
    padding: 8px;
    left: 0px;
    border-radius: 3px;
    margin-top: 22px;
    border-color: black;
}

    .info-desc .info-box {
        display: block;
        margin-top: 5px;
    }

        .info-desc .info-box:first-child {
            margin-top: 0px;
        }

    .info-desc .info-label {
        font-weight: bold;
        display: inline-block;
    }

.btn-info {
    display: none;
    top: -10px;
    position: absolute;
    left: 0px;
    width: 30px;
    height: 30px;
    padding: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .css-modal .modal-header .close span {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 28px;
    }

    .btn-info {
        display: inline-block;
    }

    .modal-buttons.mob-buttons {
        position: absolute;
        right: 40px;
        top: 0px;
    }

    #trainingModuleStart .viewTrainingSummary {
        margin-top: 7px;
    }

    #trainingModuleStart #goToContent {
        font-size: 10px;
    }
}

.popup-block-modal {
    position: absolute;
    z-index: 10000;
    margin: 0;
    padding: 0;
    padding: 5px;
    padding-bottom: 5px;
    background-color: #ffc;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 15px;
    width: 100%;
    border: 3px double red;
}

.popup-block-close {
    right: 5px;
    position: absolute;
    top: -2px;
    font-size: 44px;
}

.popup-block-text {
    padding-top: 5px;
    font-size: 15px;
    width: 93%;
}

.language_names .col-md-4:nth-child(3n+1) {
    clear: both;
}

.language_names .col-md-4 {
    margin-top: 10px;
}

.greyout {
    margin: 0px 0px 0px 2px;
    padding: 0px 10px 0px 0px;
    background: #cccccc !important;
}

.cred-Admin-Icons-greyout {
    margin: 0px 0px 0px 5px;
    padding: 0px 5px 0px 0px;
    background: #cccccc !important;
}

.bg-grey {
	background: #cccccc !important;
}

.greyout-icon {
	background-color: #777777 !important;
}

.colorbar-theme {
    border-top: 10px solid;
    width: 100%;
}



@charset "utf-8";
/* CSS Document */

/*  992px > tablet styles < 1280px ======================================= */
@media screen and (min-width:992px) and (max-width:1279px){

/************************************************* create lesson plan css starts *************************************************/
     /* select parameter page css starts */   
     /*.lesson-plan-steps .step-1-content .form-left{ padding:50px 20px;}*/
    .lesson-plan-steps .step-1-content .form-right .form-row .input{ margin:0 10px 0 0;}
    .create-lesson-plan-header ul li{ padding:10px 15px; font-size:14px;} 
     /* select parameter page css starts */   

    /* select trainng module page css starts */    
    .training-module-filter .input.select { margin-left: 0; }
    .scrollTable .inactive-text {
    font-size:9px;
}
    /* select trainng module page css ends */        
    
/************************************************* create lesson plan css ends *************************************************/

}

@media screen and (min-width:768px) and (max-width:1366px){
    a.summary-icon{ margin-right:8px;}
    .assigned-lesson-table .table-date .assign-status{ width:40%;}
    .assigned-lesson-table .table-percentage{ padding:0 10px;}
    #landing-modal .modal-body{ margin:0 auto; margin-top:15px;}
    #landing-modal .modal-body{ min-height:600px;}
    .lending-page-left{ min-height:600px;}
    .lending-page-right{ min-height:600px;}
    .lending-page-right h1{ font-size:30px;}
    .lending-page-right h2{ font-size:24px;}
    .lending-page-right h3{ font-size:22px;}
    .lending-page-right h3{ margin-bottom:25px;}
     
    

}
@media screen and (min-width:1367px) and (max-width:1600px){
    a.summary-icon{ margin-right:10px;}
}


@media screen and (min-width:768px) and (max-width:1199px) {
     .upload-arrange .nav-show-hide { left:5px;}
    .upload-arrange .nav-show-hide.expand { left:46%;}
      .folder-info {padding-right:0 !important;}
    .filter-panel {
        right: -234px;
    }
    .lesson-plan-steps .step-1-content h2 {  font-size:24px;}

    .rewards-main-container { padding-right: 0; }
    .toggled1 .filter-panel {
        right: 0;
    }
    .scrollTable.table-striped.client-listing.reports-table { min-width:768px;}
    .search-filter-btn { display:inline-block !important;}
    /*.category-tree {
        left: 0px;
        position: absolute;
        top: 0;
        width: 15px;
        z-index: 3;
        padding: 0;
        overflow: hidden;
        transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
        -ms-transition: 0.5s all ease;
        -webkit-transition: 0.5s all ease;
        padding-left: 15px;
    }*/

        .category-tree.open {
            width: 235px;
            z-index: 3;
            transition: 0.5s all ease;
            -moz-transition: 0.5s all ease;
            -ms-transition: 0.5s all ease;
            -webkit-transition: 0.5s all ease;
        }

        .category-tree #filter-togglee1 {
            left: inherit;
            right: 0;
            top: 35%;
        }

    .toggled1 .top-links {
        margin-right: 234px;
        transition: all 0.5s ease 0s;
    }

    #mobile-filter-toggle {
        display: inline-block;
    }
    .rewardlinks.top-links {  padding-top:5px;}

    #lesson-plan-list .position-rel {
        margin-right: 0;
    }

    a.summary-icon {
        margin-right: 0;
        margin-bottom: 10px;
        display: block;
    }
    .packege-data a.summary-icon {  display:inline-block;}

    #lesson-plan-list.toggled1 .position-rel {
        margin-right: 0;
    }

    #lesson-plan-list.toggled1 .filter-panel {
        right: 0px;
    }

    .assigned-lesson-table {
        padding: 0 0 0 10px;
    }

    .top-links {
        transition: all 0.5s ease 0s;
    }

    .sidepanel-toggle i {
        color: #fff;
    }
    .repository-table { width:100% !important;
                        padding-left:30px !important;
    } 
     .upload-arrange .elfinder-workzone {
            padding-left:20px !important;
    }
    .upload-arrange .elfinder .elfinder-navbar { width:20px !important;  overflow:hidden;   }
    .upload-arrange .elfinder .elfinder-navbar.open { width:50% !important; }
    .upload-arrange .category-tree span { right:2px;}
    
}

@media screen and (max-width:1367px){
    h1, .title { font-size:34px; }
    .sidebar-nav .sidebar-brand .icon .demo-icon {  font-size:16px;}
    h1.title { margin:17px 0;}
    .meeting-ended-label { width:70px;}

}

@charset "utf-8";

/* CSS Document */
.position-relative{ position: relative;}
/*  768px > tablet styles < 1024px ======================================= */
@media screen and (min-width:768px) and (max-width:1024px) {
	.scrollTable.table-striped.client-listing.reports-table { min-width: 1000px; }
	.table-bordered > thead > tr > th { padding-right: 0; }
	.scrollTable td i { font-size: 24px; }
	.top-links { padding-top: 5px; }
	h1.title.pull-left { float: none !important; }
	.central-resource-card h1.title.pull-left { margin-bottom: 10px; }
	.plan-idname .plan-name { font-size: 16px; }
	.plan-idname { padding: 10px; }
	h1.title { font-size: 30px; }
	.inner-title { width: 85%; }
	h1.inner-title.customized-title {  width:100%;}
	.dashboard-calendar .inner-title {  width:100%;}
	#wrapper.toggled { padding-left: 60px; }
	.more-options { padding: 0 10px; }
	.more-options ul li { margin-right: 0; }
	.training-module-filter { padding: 5px 10px 5px 45px; }
	.mobile-buttons { display: inline-block !important; }
	.training-module-filter .input.select { width: 105px; }
	.training-module-filter .popover-inner .input.select { width: 100%; }
	.btn-icon.tab-view-more-option-btn { display: inline-block; }
	.btn-icon.tab-view-more-option-btn span { margin-right: 0; }
	.btn-icon.tab-view-more-option-btn a { padding-right: 0; }
	.tab-view-more-option { display: none; position: absolute; z-index: 1; right: 55px; background: #666; }
	.tab-view-more-option.tab-view-filter { right: 10px; }
	.tab-view-more-option.tab-view-filter .selectall.btn-icon a { padding-left: 15px; }
	.tab-view-more-option.tab-view-filter .selectallGroup.btn-icon a { padding-left: 15px; }
	.tab-view-more-option .btn-icon { display: block; padding: 0; margin: 0; }
	.tab-view-more-option .btn-icon a { display: block; padding-left: 15px; }
	.tab-view-more-option .btn-icon span { display: none; }
	.tab-view-more-option .selectall a { display: block; }
	.tab-view-more-option .selectall { margin-left: 0; }
	.tab-view-more-option .selectallGroup a { display: block; }
	.tab-view-more-option .selectallGroup { margin-left: 0; }
	.training-module-filter .filter span.filter-icon { margin-right: -10px; }
	.drag-info { margin-top: 5px; }
	.category-tree h2 { font-size: 22px; }
	.training-cards .card.selected-question .tags span.type { position: absolute; right: 25px; }
	.lesson-plan-tabs .navbar-x { text-align: left; }
    .webinar-training-tabs .lesson-plan-tabs .navbar-x { text-align:center;    }
	/*Added css for tablet view expand/minimize*/
	.expand-panel { width: 30%; opacity: 0.3; transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; }
	.active-expand-panel { width: 70%; opacity: 1; transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; }
	.expand-panel + .pick-button { left: 70%; }
	.active-expand-panel + .pick-button { left: 30%; }
	.step2-container { overflow: hidden; position: relative; }
	.upload-arrange .step2-container { overflow: inherit !important; }
	.training-module-left.central-repository { padding-left: 30px; }
	.training-cards .card p i.fa-eye { opacity: 1; transform: inherit; }
	.lesson-plan-tabs .navbar-x ul.nav-tabs { margin: 0; }
	/***********************************/
	.right-animate-popup .modal-header h4 { margin: 0; }

	/* ******************************assigned lesson plan page css starts*********************/
	.assigned-lesson-table-heading div { font-size: 12px !important; }
	.assigned-lesson-table .table-title a { font-size: 14px; }
	.assigned-lesson-table .assigned-lesson-table-row .table-rewards { font-size: 18px; }
	.assigned-lesson-table .table-rewards { padding: 0 10px; }
	.assigned-lesson-table .table-percentage { padding: 0 10px; }
	.status-tag { width: 90px; font-size: 10px; }
    .enter-code-input, .enter-score-input {width:90px; }
    .pending-review-score-btn { position:inherit; top:inherit; right:inherit; display:block;}
	.assigned-lesson-table-heading div { font-size: 12px; }
	.right-animate-popup .modal-header h4 { font-size: 24px; width:70%; }
	.right-animate-popup .modal-header h4 span { font-size: 14px; }
	.assigned-lesson-page .top-links { padding-top: 0px; }
	.assigned-lesson-page h1.title { font-size: 26px; }
	.assigned-lesson-table .table-date .assign-date { height: 90px; }
	.training-cards.upload-cards .card .tag-view p { overflow: hidden; text-overflow: ellipsis; width: 137px; word-wrap: unset; }
	span.sorting-desc { padding-left: 0; padding-right: 13px; }
	.assigned-lesson-table .table-percentage { padding: 0; }
	.assigned-lesson-table .assigned-lesson-table-heading .table-title { padding-left: 15px; }
	.toggled1 .dynamic-list-head.top-links { margin-right: 218px; }
	.elfinder-cwd-view-icons .elfinder-cwd-file { width: 130px !important; }
	#divCreateCourse { margin-top: 15px; }
	.certification-table #certificationListPartialTable .plan-idname { padding: 15px 10px; }
	.folder-info.central-tag-padding { width: calc(100% - 320px); -moz-width: calc(100% - 320px); -ms-width: calc(100% - 320px); -weblit-width: calc(100% - 320px); }
	/*.Certification-Course-header ul li { width: 50% !important; }*/
	.table-bordered > thead > tr > th { font-size: 12px; }
	.sorting-descending, .sorting-ascending { top: 1px; }
	.table-striped tbody tr td { font-size: 13px; }
	.lessonplan-table thead::before { height: 42px; }
	.custom-popup .table-striped tr th { font-size: 12px; }
	#trainingmoduleListPartialTable .plan-idname { padding: 10px; }
	#groupListPartialTable .plan-idname { padding: 10px; }
   
	.css-modal .modal-header h4 { font-size: 24px; width:50%; }
	.search-result { padding-top: 0; }

	/** Dynamic certification css starts**/
	.certification-top-bar .form-group { margin: 0 0 5px 0; }
	.certification-top-bar { padding: 5px; margin: 0; }
	.upper-canvas { width: 100% !important; }

	/** Dynamic certification css starts**/

	.library .elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file { min-width: 120px; }
	.dashboard .title { font-size: 30px; margin: 15px 0; }

	/* rewards*/
	
	.selected-certifiation-package .course-package-title { padding-left: 0; font-size: 16px; }
	.rewards-main-container .filter-panel { z-index: 10000; }
	.elfinder .elfinder-cwd table td { font-size:12px !important;}
	div.elfinder-cwd-wrapper-list tr.ui-state-default td .cr-tableheader span.ui-icon {  top:3px;}

	/*ipad app css starts*/
	/*ipad-app*/
	.ipad-preview .modal-dialog{ width: 750px;}

    /*ilt*/
    body .generate-code input[type="text"] { width: 120px !important; }

    /*header change*/
    /*.search-box-wrapper {
   position: absolute;
    top: 40px;
    left: -82px;
    z-index: 1;
    padding: 10px;
    display: none;
    background: #f2f2f2;
    border: 1px solid #f2f2f2;  
    margin:0;   
    }
    .search-box-wrapper:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f2f2f2;
        content: "";
        position: absolute;
        right: 93px;
        top: -10px;}
    .search-box.active .search-box-wrapper  { display: block;}*/

    /*user profile dropdown*/
    /*.header-right .user-profile-dropdown {
        right: 0;
        width:250px;
        background-color:#fff;
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    }

    .header-right .user-profile-dropdown li a, .header-right .open .user-profile-dropdown li a {
        height: 40px;
        width: 100%;
        text-align:left;
        padding:5px 10px;
    }
        .header-right .user-profile-dropdown li button {  width:100%; height:40px; text-align:left; padding:5px 10px;}
        .header-right .user-profile-dropdown li p {  position:inherit; display:inline-block; font-size:14px; vertical-align:middle; color:#333}
        .header-right .user-profile-dropdown li i { color:#333; font-size:18px; display:inline-block; vertical-align:middle;} 
          .header-right .user-profile-dropdown li.user-mobile{  padding:15px 20px; border-bottom:1px solid #fff; text-align:left; display:block;}
    .user-mobile a{ height:auto !important; padding:0 !important; text-align:left !important; border:0 !important; font-family: "open_sanssemibold"; }
        .user-mobile span { color:#f3a100; font-size:12px; font-family: "open_sanssemibold";}*/
    /*header .user-name {  display:none;}*/
    .revoke a i {  position:inherit !important;}
    /*.revoke { position:absolute; right:20px; z-index:1; }*/
    /*.header-right .open .user-profile-dropdown li { background-color:#fff;  text-align:left; }*/
    .login-page-form .popover {  display:none !important;}
    .app-activation-btn{ margin-top:15px;}
.ellipsis{ width:280px;}

}



/*  768px > tablet styles < 991px ======================n================= */
@media screen and (min-width:768px) and (max-width:991px) {
	h1, .title { font-size: 35px; }
	/*.search-box a { position: absolute; left: -60px; z-index: 100; }*/
	/*header .user-name { position: absolute; right: 200px; }*/
	/*header.user_header .user-name { right: 265px; }*/

	/* create lesson plan css starts */
	.create-lesson-plan-header ul li { padding: 15px 4px; font-size: 11px; /*width: 33.33%;*/ }
	.two-step.create-lesson-plan-header ul li { width: 50%; }
	.create-lesson-plan-header ul li span { height: 25px; width: 25px; line-height: 25px; font-size: 14px; margin-right: 4px; }
	.lesson-plan-steps .step-1-content .form-left { padding: 0px; }
	.lesson-plan-steps .step-1-content .form-right { margin-top: 20px; padding:20px 10px; }
	.large-modal-popup-bottom .show-select-option { margin-left: -15px; padding-top: 30px; clear: both; }
	/* create lesson plan css ends */

	/* select trainng module page css starts */
	.lesson-plan-steps h1.title { font-size: 24px; }
	.lesson-plan-steps h1.title span { font-size: 14px; padding-bottom: 0; }
	.training-module-left h2 { font-size: 20px; }
	.drag-info { margin: 10px 20px 10px; }
	.yellow-tag { font-size: 14px; }
	.filter-search .search-panel { width: 300px; }
	.filter-search.open { width: 300px; }
	/* select trainng module page css ends */

	/* assign users page starts*/
	.navbar-x { padding-left: 10px; text-align: left; }
	/* assign users page ends*/

	/* create question page starts*/
	.lesson-plan-steps .question-sample label { line-height: 18px; }
	.central-repository-table .bu-share { font-size: 12px; }
	/* create question page ends*/

	/*---------------------nonscrom-upload css----------------------*/
	.training-cards.upload-cards .card img { margin-right: 10px; }
	.status-tag i { display: none; }
	.header-right { position: relative; z-index: 1; }
	.scrollTable .inactive-text, .scrollTable .active-text, .scrollTable .draft-text, .scrollTable .expired-text { font-size: 11px; }
	.lesson-plan-steps .step-1-content h2 { margin: 10px 0 0 0; font-size: 24px; }
	/*.toggled1 .top-links { padding-top:0;    }*/
	.toggled1 .dynamic-list-head.top-links { margin-right: 218px; }
	#subAdminListPartialTable .active-text i, #subAdminListPartialTable .draft-text i, #subAdminListPartialTable .inactive-text i { font-size: 22px; }
	.create-subadmin-header.create-lesson-plan-header { margin-bottom: 10px; }
    .custom-popup.lw-customize-modal {padding-left:0; }
    .html-slider {  width:700px;}
    .fix-layout { width:690px;}
    .html-slider .owl-prev {  left:-20px;}
    .html-slider .owl-next {  right:-20px;}
    .theme-container .theme-element a {  height:70px;}
    .choose-color-panel {  padding:29px 15px;}
    .togglebtn{display:block; background-color:#fff;}
.dashboard-grid table th { padding:0 4px;}
.dashboard-grid .child-table table td {padding: 20px 4px;}    
}
@media (max-device-width: 1280px) and (orientation: landscape) {
.togglebtn{display:block; background-color:#fff;}
}
@charset "utf-8";

/* CSS Document */
@media (min-width: 768px) and (max-width: 1024px) {
    /*Tablet */
    .main-footer {
        /*height: 60px;*/
        text-align: center;
        /*justify-content: center;*/
        font-size: 11px;
        line-height: 25px;
    }

    .lesson-plan-footer{
        bottom:25px;
    }

    .main-footer .divCopyRightMsg {
        margin: unset;
    }
}
/*  767px < mobile styles======================================= */

@media all and (max-width: 767px) {
    /*body {
        overflow: auto;
    }*/

    html, body {
        overflow: hidden;
    }

        html * {
            /*CSS transitions*/
            -o-transition-property: none !important;
            -moz-transition-property: none !important;
            -ms-transition-property: none !important;
            -webkit-transition-property: none !important;
            transition-property: none !important; /*CSS transforms-o-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -webkit-transform:none !important; transform:none !important; */
            /*CSS animations*/
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
            -ms-animation: none !important;
            animation: none !important;
        }

    header {
        height: 50px;
    }

    .modal-help .modal-dialog {
        width: 93%;
        border-radius: 0;
        margin: 15px auto;
    }

    .spinner-loader {
        margin-left: -5px !important;
        margin-top: -5px !important;
    }

    .lnkRemoveUserProfileIcon {
        right: 5px;
    }

    .logo {
        line-height: 50px;
        float: none;
        display: inline-block;
        text-align: left;
        width: 130px;
        height: 50px;
        vertical-align: middle;
        overflow: hidden;
    }

        .logo a {
            display: block;
        }

    .help-center {
        margin-top: 18px;
    }

    .custom-support-center {
        margin-top: 18px;
    }

    .logo img {
        max-width: 100%;
        max-height: 50px;
        height: inherit;
        width: inherit;
    }

    /*.touch .togglebtn {
        background-color: inherit;
        position:initial;
        width:auto;
        margin:0;
        vertical-align:middle;
    }*/
    .message-notification-badge {
        left: 12px;
    }

    .inbox-message .message-notification-time {
        font-size: 12px;
        top: 7px;
    }

    .dashboard .title {
        font-size: 24px;
        margin: 15px 0;
    }

    .dashboard .edit-widgets {
        display: none;
    }

    .inbox-message {
        padding: 20px 15px 15px;
    }

    .advance-search-panel .mCSB_inside > .mCSB_container {
        margin-right: 0;
        margin-left: 10px;
    }

    .ellipsis {
        width: 100%;
    }

    .logo-txt {
        display: none;
    }


    /*.touch #menuScroll .mCustomScrollBox {
        overflow: hidden;
    }

    .touch #menuScroll .mCSB_container {
        overflow: hidden;
    }
    .touch .sidebar-nav li ul.dropdown-toggle-menu li a {
    padding-left:50px;
    }*/

    h1, .title {
        font-size: 22px;
        margin: 5px 0;
    }

        h1.title {
            margin: 10px -10px;
        }

        h1.main-title {
            text-align: right;
        }

    .header-right {
        text-align: center;
        height: 50px;
        display: inline-block;
    }

    .lesson-plan-footer {
        bottom: 40px;
    }

    li.message-box i {
        font-size: 23px;
    }
    /*.header-right li .demo-icon {
        font-size: 30px;
        left: -13px;
    }

    .header-right > li > a {
        height: 55px;
        width: 50px;
    }

    .header-right > li > a > p {
        bottom: 8px;
        font-size: 9px;
    }

    .header-right > li > a.message { width: 50px; }

    .header-right .message .demo-icon {
        font-size:50px;
        left: -29px;
    }*/
    .message-popup {
        width: 100%;
    }

    .header-right .message-popup.active {
        left: 0px;
        top: 50px;
    }

    .message-popup.active::before {
        width: 100%;
        right: inherit;
        left: 0;
        margin: 0;
        display: none;
    }

    .message-popup .content:before {
        right: 50%;
        margin-right: -80px;
    }

    .header-right > li.dropdown > a.user-image {
        max-width: 56px;
    }

    .header-right > li > a {
        max-height: 50px;
    }

    .menu-backdrop {
        left: 0;
    }

        .menu-backdrop .center-block ul {
            text-align: center;
            width: auto;
        }

            .menu-backdrop .center-block ul li {
                display: inline-block;
                float: none;
            }

    a.close-submenu {
        font-size: 40px;
        height: 50px;
        line-height: 50px;
        width: 50px;
    }

    /*.header-right .user-profile-dropdown li a i { font-size: 30px; left: -5px; top: -5px; }*/
    /*user profile dropdown*/
    .header-right .user-profile-dropdown {
        right: 0;
        width: 250px;
        background-color: #fff !important;
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    }

        .header-right .user-profile-dropdown li a, .header-right .open .user-profile-dropdown li a {
            height: auto;
            width: 100%;
            text-align: left;
            display: block;
            padding: 7px 10px;
            border: 0 !important;
        }

            .header-right .user-profile-dropdown li a:hover p, .header-right .user-profile-dropdown li a:hover i {
                color: #fff;
            }

        .header-right .user-profile-dropdown li button {
            width: 100%;
            height: 30px;
            text-align: left;
            padding: 5px 10px;
        }

        .header-right .user-profile-dropdown li p {
            position: inherit;
            display: inline-block;
            font-size: 13px;
            vertical-align: middle;
            color: #333;
            margin-left: 5px;
        }

        .header-right .user-profile-dropdown li i {
            color: #333;
            font-size: 18px;
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            width: 20PX;
            text-align: center;
        }

        .header-right .user-profile-dropdown li.user-mobile {
            padding: 10px 15px;
            border-bottom: 1px solid #fff;
            text-align: left;
            display: block;
        }

    .user-mobile a {
        height: auto !important;
        padding: 0 !important;
        text-align: left !important;
        border: 0 !important;
        font-family: "open_sanssemibold";
    }

    .user-mobile span {
        color: #f3a100;
        font-size: 12px;
        font-family: "open_sanssemibold";
    }

    .user-image img {
        height: 30px;
        width: 30px;
    }

    .toggled .sidebar-nav .nav-label {
        padding: 14px 20px 10px 0;
        left: 50px;
    }

    .sidebar-nav > .sidebar-brand:hover .nav-label {
        left: 50px;
        padding: 13px 0 !important;
    }

    /*.sidebar-nav > .sidebar-brand .icon .demo-icon {
        font-size: 22px;
    }*/

    .sidebar-nav > .sidebar-brand .icon-diploma-and-graduate-cap {
        font-size: 28px !important;
    }

    /*.sidebar-nav > .sidebar-brand .icon .demo-icon.icon-ilt {
        font-size: 30px;
    }*/

    .toggled .sidebar-nav > .sidebar-brand a:hover .nav-label {
        padding: 14px 20px 10px 0;
    }

    .toggled .sidebar-nav li.active a .nav-label {
        color: #fff;
    }

    .sidebar-nav > .sidebar-brand .icon .user-icon,
    .sidebar-nav > .sidebar-brand .icon .icon-certifiacte-template {
        height: 40px;
        width: 45px;
    }

    .header-right > li {
        position: inherit;
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

        .header-right > li.rewards {
            position: relative;
            text-align: center;
            margin: 10px 10px 0;
        }

    li.message-box, li.search-box {
        margin: 13px 5px 0;
    }

    li.language-box {
        margin: 16px 5px 0;
    }
    /*.header-right > li.search-box {  position:absolute; left:0;}*/
    .language-popup {
        left: 0px;
        top: 102px;
        width: 100%;
    }

        .language-popup:before {
            right: 50%;
            margin-right: -124px;
        }
    /*.search-box span {
        height: 50px;
        left: -68px;
        position: absolute;
        z-index: 100;
    }*/

    .search-box input[type="search"] {
        width: 140px;
    }

    .header-right .open .user-profile-dropdown li {
        background-color: #fff;
    }

    .header-right > li.user-menu {
        margin: 10px 5px;
    }

    .user-mobile {
        padding: 15px 20px;
        border-bottom: 1px solid #fff;
        text-align: left;
        display: block;
    }

        .user-mobile a {
            height: auto !important;
            padding: 0 !important;
            text-align: left !important;
            border: 0 !important;
            font-family: "open_sanssemibold";
        }

        .user-mobile span {
            color: #f3a100;
            font-size: 12px;
            font-family: "open_sanssemibold";
        }

    header .user-name {
        display: none;
    }

    .revoke a i {
        position: inherit !important;
    }

    .revoke {
        position: absolute;
        right: 20px;
        z-index: 1;
    }

    .togglebtn {
        background: transparent;
        height: 50px;
        width: 50px;
        vertical-align: top;
        padding-top: 7px;
        text-align: center;
    }


    .togglebtn-orange {
        left: inherit;
        top: inherit;
        right: inherit;
        display: inline-block;
        background: inherit;
        position: inherit;
        box-shadow: inherit;
    }

        .togglebtn-orange i {
            font-size: 20px;
        }

    .top-links {
        float: none;
        margin: 0;
        padding-bottom: 10px;
        padding-top: 5px;
        width: 100%;
    }

    #mobile-filter-toggle {
        float: right;
    }

    .top-links {
        padding-top: 0 !important;
        padding-left: 5px;
    }

    .set-default {
        font-size: 14px;
        height: 40px;
        line-height: 35px;
        padding-left: 10px;
        width: 132px;
    }

        .set-default a {
            height: 35px;
            padding-top: 3px;
        }

            .set-default a i {
                font-size: 20px;
            }

        .set-default i {
            height: 35px;
            line-height: 35px;
            width: 35px;
        }

    a.fav-tab {
        height: 35px;
        line-height: 35px;
        width: 35px;
    }

        a.fav-tab i {
            font-size: 20px;
        }

    .fav-tab .badge {
        right: 0;
        top: 0;
    }

    .sidebar-nav {
        display: none;
    }

        .sidebar-nav > .sidebar-brand .icon {
            height: 40px;
            width: 40px;
            line-height:36px;
        }

    #sidebar-wrapper {
        top: 50px;
        /*width: 100%;*/
        z-index: 1;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 260px;
        z-index: 1035;
    }

    #wrapper.toggled {
        padding-left: 0px;
    }

        #wrapper.toggled .togglebtn {
            width: 100%;
        }

        #wrapper.toggled .sidebar-nav {
            display: block;
            min-height: 400px;
            overflow: visible;
            top: 38px;
            padding-bottom: 60px;
        }

    #lesson-plan-list {
        padding-right: 0;
    }

    #mobile-filter-toggle {
        display: inline-block;
    }

    #lesson-plan-list .position-rel {
        margin-right: 0px;
    }

    #lesson-plan-list.toggled1 .position-rel {
        margin-right: 0;
    }

    #lesson-plan-list.toggled1 {
        padding-right: 0;
    }

        #lesson-plan-list.toggled1 .filter-panel {
            right: 0;
        }

    .shadowbottom {
        display: none;
    }

    body {
        padding-top: 50px;
    }

    #page-content-wrapper {
        height: 100%;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    .filter-panel {
        max-height: 92%;
        overflow: hidden;
        position: fixed;
        right: -235px;
        top: 50px !important;
        z-index: 9999;
    }


    .sidebar-nav > .sidebar-brand {
        font-size: 22px;
        line-height: 40px;
    }

        .sidebar-nav > .sidebar-brand a {
            height: 40px;
        }

    .slide-action {
        right: 70px;
        top: 10px;
    }

    .table-tooltip {
        float: none;
        margin-right: 0;
        position: absolute;
        right: 50px;
        top: 25px;
    }

    .plan-idname {
        padding: 10px 10px 0;
    }

        .plan-idname .plan-name {
            font-size: 13px;
        }

    .scrollTable td.icon-col {
        font-size: 11px;
    }

    .scrollTable td i {
        font-size: 15px;
    }

    .scrollTable.table-bordered > thead > tr > th {
        font-size: 12px;
    }

    .scrollTable.table-bordered tbody tr td {
        font-size: 12px;
    }

    .more-options {
        padding: 0 0 0 0px;
        background-color: #fff;
        overflow: hidden;
    }

        .more-options .fail-attempts {
            line-height: 1.3;
        }

        .more-options ul li {
            width: 50%;
            text-align: left;
            padding: 8px 10px;
            margin: 0;
            float: left;
        }

    .large-modal-popup-bottom .modal-header .modal-title {
        font-size: 22px;
    }

    .large-modal-popup-bottom .btn {
        font-size: 16px;
        padding: 8px 15px;
    }

    .large-modal-popup-bottom .modal-body p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .large-modal-popup-bottom .modal-btn {
        margin-top: 10px;
        text-align: left;
    }

    .large-modal-popup-bottom .modal-content .input label {
        font-size: 17px;
    }

    /*********************************/
    .lesson-model-table .assigned-lesson-table-row {
        display: block;
        margin-bottom: 10px;
    }

    .lesson-model-table .table-title {
        width: 100%;
        display: block;
        border-left: 0;
        height: auto;
        margin: 0;
        padding: 0px;
        border-right: 0;
    }

    .assigned-lesson-table.complete-lesson-plan .table-title {
        width: 100%;
    }
    /**********************************/

    /*********************************************assigned-lesson- plans page starts***********************************/
    .assigned-lesson-table-heading {
        display: none;
    }

    .assigned-lesson-table {
        padding: 0 5px;
    }

        .assigned-lesson-table .assigned-lesson-table-row {
            display: block;
            margin-bottom: 7px;
            border-bottom: 0;
        }

        .assigned-lesson-table .table-title {
            border: 0;
            display: inline-block;
        }

        .assigned-lesson-table .table-rewards {
            border: 0;
            display: inline-block;
            padding-top: 10px;
            text-align: left;
            width: 100%;
        }

    .assigned-lesson-table-row {
        position: relative;
    }





    .assigned-lesson-table .table-title {
        display: block;
        height: auto;
        width: 100%;
    }

        .assigned-lesson-table .table-title .table-title-wrapper, .lesson-model-table .table-title .table-title-wrapper {
            font-size: 16px;
            padding: 5px 10px;
            line-height: 1.3;
        }

        .assigned-lesson-table .table-title .more-options ul li a {
            font-size: 12px;
            line-height: 1.5px;
            color: #333;
        }

    .table-date-wrapper {
        display: block;
        position: relative;
    }

    .assigned-lesson-table .table-date .assign-status {
        position: absolute;
        right: 10px;
        top: -43px;
        width: auto;
    }

    .assigned-lesson-table .table-date {
        background-color: #FAFAFA;
        display: block;
        height: auto;
        width: 100%;
    }

    .assigned-lesson-table .table-date {
        padding: 0;
    }

        .assigned-lesson-table .table-date .assign-date {
            background-color: #FAFAFA;
            display: inline-block;
            float: left;
            height: auto;
            padding: 10px 0;
            width: 50%;
        }

        .assigned-lesson-table .table-date .due-date {
            background-color: #FAFAFA;
            display: inline-block;
            float: left;
            height: auto;
            padding: 10px 0;
            width: 50%;
        }

    .assigned-lesson-table .assigned-lesson-table-row .table-rewards {
        border-top: 1px dashed #cccccc;
        color: green;
        font-size: 12px;
        font-weight: bold;
        height: auto;
        padding: 20px 10px;
    }

    .table-title .table-title-wrapper {
        padding: 10px;
        font-size: 16px;
    }

    .assigned-lesson-table .assigned-lesson-table-row .table-rewards span {
        color: #454545;
        display: inline-block;
        font-weight: normal;
    }

    .assigned-lesson-table .due-date {
        padding: 5px;
        font-size: 12px;
    }

    .assigned-lesson-table .assign-date {
        padding: 5px;
        font-size: 12px;
    }


    .status-tag {
        min-width: 95px;
        width: auto;
        min-height: 28px;
        height: auto;
        line-height: 28px !important;
        font-size: 11px;
    }

    .assigned-tag {
        font-size: 12px;
        width: 100px;
    }

    .pending-tag {
        font-size: 12px;
        width: 100px;
    }

    .inprogress-tag {
        font-size: 12px;
        width: 100px;
    }

    .continue-tag {
        font-size: 12px;
        width: 100px;
    }


    .assigned-lesson-table .assigned-lesson-table-row:nth-child(2n) {
        background-color: #fff;
    }

    .sidepanel-toggle i {
        color: #fff;
    }

    .right-animate-popup.fade .modal-dialog {
        width: 100%;
    }

    .modal.right-animate-popup {
        padding: 0 !important;
        width: 100%;
    }

    .right-animate-popup .modal-header h4 {
        font-size: 17px;
        margin: 0 0 5px 0;
    }

        .right-animate-popup .modal-header h4 span {
            display: block;
            font-size: 14px;
            margin-top: 5px;
        }

    .right-animate-popup .modal-header .go-content {
        position: static;
    }

    .modal-body.plan-description.result {
        padding: 10px 20px;
    }

        .modal-body.plan-description.result h2 {
            font-size: 24px;
            margin: 5px 0;
        }

        .modal-body.plan-description.result h3 {
            font-size: 18px;
            margin: 0 0 20px;
        }

        .modal-body.plan-description.result p {
            font-size: 14px;
            line-height: 18px;
        }

    .right-animate-popup .modal-header .close span {
        height: 50px;
        line-height: 50px;
        width: 50px;
    }

    .table-training-modules .training-module-card {
        margin-bottom: 7px;
    }

    /*.assigned-lesson-page .filter-panel{ top:140px;}*/

    .assigned-lesson-page .filter-panel {
        top: 167px;
    }

    .assigned-lesson-page .filter-pan h2.subtitle {
        font-size: 20px;
        margin: 10px;
    }

    .assigned-lesson-page .filter-panel div.search-panel {
        padding: 0 15px !important;
    }

    .assigned-lesson-page h1.pull-left {
        float: none !important;
    }

    .filter-panel {
        right: -100%;
        width: 100%;
        z-index: 999999;
    }

    .assigned-lesson-page a#filter-toggle {
        display: none;
    }

    .search-box span {
        left: 0;
    }

    .searchbox {
        width: 200px;
    }

        .searchbox input[type="text"] {
            width: 150px;
        }

    .right-animate-popup .questions {
        clear: both;
    }

    .go-content.pull-right {
        margin: 0 20px;
    }

    #dvLoader {
        width: 100%;
    }

        #dvLoader img {
            left: 50%;
            margin-left: -20px;
        }

    .right-animate-popup .questions {
        min-height: 100%;
    }

    .correct-answers .question-answers .question p {
        font-size: 16px;
    }

    .correct-answers .question-answers .answer input[type="text"] {
        width: 135px;
    }

    /*.assigned-lesson-page .advance-search-panel{ margin:10px 15px;}*/
    .custom-popup {
        padding-left: 0;
    }

        .custom-popup .modal-header {
            height: auto;
        }

        .custom-popup .modal-header {
            padding: 10px;
        }

            .custom-popup .modal-header h4 {
                font-size: 16px;
                width: calc(100% - 60px);
            }

                .custom-popup .modal-header h4 span {
                    display: block;
                    font-size: 14px;
                }

            .custom-popup .modal-header .close {
                height: 42px;
                width: 42px;
                line-height: 40px;
                font-size: 30px;
            }

    /* landing popup page css*/
    #landing-modal .modal-body {
        margin: 0 auto;
        top: 0;
    }

    .lending-page-left {
        background-image: none;
        min-height: inherit;
    }

    .lending-page-right {
        padding: 20px 0 20px;
    }

    .landing-page-form {
        padding: 10px 20px;
    }

    .lending-page-left h2 {
        font-size: 22px;
        margin: 15px 0;
        padding-left: 5px;
    }

    .lending-page-right {
        background-image: none;
        min-height: inherit;
    }

        .lending-page-right h1 {
            font-size: 30px;
        }

        .lending-page-right h2 {
            font-size: 24px;
        }

        .lending-page-right h3 {
            font-size: 20px;
            margin-bottom: 25px;
        }

        .lending-page-right ul li {
            margin-bottom: 15px;
        }

    .add-to-cart-modal {
        top: 40px;
        width: 320px;
    }

    .cart-added-list {
        width: 100%;
    }

        .cart-added-list p {
            font-size: 14px;
            width: 50%;
        }

    .custom-backdrop.shadow {
        display: none;
    }

    .cart-footer a {
        font-size: 14px;
    }

    .add-to-cart-modal {
        height: 300px;
    }

    #landing-modal .modal-body {
        height: auto;
        min-height: inherit;
    }

    .right-animate-popup .modal-footer a {
        font-size: 14px;
    }

    #landing-modal button.close {
        color: #333;
    }

    .right-animate-popup .modal-buttons a.btn-success {
        font-size: 12px;
    }

    /*********************************************assigned-lesson- plans page ends***********************************/

    /* login page cs*/
    .login-page-form {
        width: 100%;
        position: relative;
        margin: 0;
        box-shadow: inherit;
        padding: 15px 0;
    }

        .login-page-form button {
            width: auto;
        }

        .login-page-form .popover {
            display: none !important;
        }

    #sidebar-wrapper {
        height: auto;
        overflow:hidden;
    }

    .css-modal {
        display: block;
    }

        .css-modal.open {
            display: block;
        }

    .login-layout-body {
        overflow: hidden;
    }

    /*.login-page {
        overflow: auto;
    }*/

    .css-modal .modal-header h4 {
        font-size: 16px;
        margin: 0;
    }

    .scrollTable.table-striped.client-listing {
        padding-left: 0;
        border: none;
    }

        .scrollTable.table-striped.client-listing.reports-table {
            min-width: 768px;
        }


    .large-modal-popup-bottom .modal-content {
        padding: 10px 15px;
    }

    /* certificate page css starts */
    .completed-certification-table {
        padding-top: 0;
    }

    #CertificateCourseSummaryBody {
        padding: 0;
    }

        #CertificateCourseSummaryBody .modal-body {
            padding: 0;
        }

    .certification-packeges {
        padding: 0;
    }

    .completed-certification-table {
        padding-top: 0;
    }

    .certification-packeges {
        padding: 0;
    }

    .certification-table-data .certification-table-row {
        display: block;
        border-bottom: 0;
    }



    .certification-table-row {
        text-align: center;
    }

    .certificate-logo img {
        display: inline-block;
    }

    .completed-certification-row div {
        padding: 0;
        border-right: 0;
    }

    .course-objective {
        display: block;
        width: 100%;
        border-bottom: 0;
        padding: 10px;
    }

    .certification-table-data .certification-table-row p {
        font-size: 12px;
    }

    .course-date {
        display: block;
        width: 100%;
        padding-bottom: 0;
    }

    .course-button {
        display: block;
        width: 100%;
        padding: 10px;
    }

    .certification-table-data {
        margin-bottom: 7px;
    }

    .certifiate-course-panel {
        margin-bottom: 7px;
    }

    .certification-table {
        padding: 0 5px;
    }

    .certificate-logo {
        display: block;
        margin: 0 0 10px 0;
    }

    .completed-certification-table .completed-certification-title {
        display: block;
        width: 100%;
        padding: 10px;
        font-size: 16px;
    }

    .completed-certification-table .date-completed {
        width: 100%;
        display: block;
        text-align: left;
        padding: 10px;
    }

    .completed-certification-table .expiry-date {
        width: 100%;
        display: block;
        text-align: left;
        padding: 10px;
    }

    .certification-table-heading {
        display: none;
    }

    .completed-certification-table .tabel-header {
        display: none;
    }

    .packeg-header {
        display: none;
    }

    .packege-data-row {
        display: block;
        border: 0;
        margin-bottom: 8px;
    }

    .packege-title {
        width: 100%;
        display: block;
        padding: 10px 10px 0;
        font-size: 16px;
        border-right: 0;
    }

    .packege-trainer {
        display: block;
        width: 100%;
        border: 0;
        padding: 10px;
    }

    .packege-action {
        width: 50%;
    }
    /*library css starts*/



    .Library-page h1.title {
        margin-left: -4px;
    }

    .Library-page .elfinder-workzone-path {
        padding-left: 10px;
    }

    .elfinder-ltr .elfinder-navbar {
        position: absolute !important;
    }

    .elfinder .elfinder-navbar .elfinder-tree {
        display: none;
    }

    .elfinder .elfinder-navbar.open .elfinder-tree {
        display: block;
    }

    .elfinder .elfinder-navbar {
        width: 35px !important;
        position: absolute;
        transition: all 6s ease-in-out;
        opacity: 0.4;
        left: 0;
    }

        .elfinder .elfinder-navbar.open {
            width: calc(100% - 50px) !important;
            transition: all 1s ease-in-out;
            opacity: 1;
        }

    .elfinder-workzone-path {
    }

    .user-library {
        margin-top: -40px;
    }

    .nav-show-hide {
        left: 0;
        top: 0;
        padding: 5px 11px;
        background: #E5E5E5;
    }




        .nav-show-hide:before {
            font-size: 18px;
            color: #77838a;
        }

        .nav-show-hide.expand {
            left: calc(100% - 85px);
            background: transparent;
        }

            .nav-show-hide.expand:before {
                content: "\f00d";
                font-family: FontAwesome;
                font-size: 24px;
                color: #77838a;
            }


    .elfinder-cwd-view-icons {
        padding-left: 35px !important;
    }

    .library .elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file {
        min-width: 40%;
        float: none;
        display: inline-block;
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
        border-bottom: 1px solid #bbb;
        text-align: left;
        padding: 0 0 10px !important;
    }

    .elfinder-cwd-view-icons .elfinder-cwd-filename {
        text-align: left !important;
        padding: 0 0 5px 0px !important;
        margin: 7px 0 0 !important;
        font-weight: 700;
        text-overflow: inherit !important;
        white-space: inherit !important;
    }

    .elfinder-cwd-view-icons .elfinder-cwd-file-wrapper {
        float: left;
        width: 42px;
        height: 42px;
        margin: 0 5px 0 0 !important;
    }


    .elfinder {
        margin-top: 25px;
    }

    .elfinder-button-menu {
        left: -93px !important;
    }

    .ui-widget-header .elfinder-buttonset {
        vertical-align: top;
    }

    .el-created, .el-uploaded {
        display: block;
        font-size: 11px;
        float: right;
        width: calc(100% - 60px);
    }

    .elfinder-cwd-filename {
        float: left;
        width: calc(100% - 60px);
    }

    .search-filter-btn {
        display: block !important;
    }

    .ui-state-default.search-filter-btn {
        border-left: 1px solid #fff !important;
    }

    .elfinder-cwd-icon {
    }

    .elfinder-toolbar {
        text-align: right;
        margin-top: 7px !important;
    }
    /*.nav-show-hide {
        display: none;
    }*/

    /*dashboard css*/
    .single-widget .ecommerce-single-widget {
        margin-bottom: 15px;
    }

    .login-widget-label-width {
        overflow: hidden !important;
    }

    .widget-title {
        font-size: 16px;
        padding: 15px 10px;
        font-family: "open_sansregular";
    }

    .dashboard-grid table th {
        padding: 15px 10px;
        font-size: 12px;
        word-wrap: break-word;
    }

    .register-page-form {
        width: 100%;
        padding: 20px 0 0 0;
        margin-top: 0px;
        box-shadow: none;
    }

    .register-page .displaylogo {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    .register-logo {
        margin-bottom: 30px;
    }

    .common-file-upload .input {
        text-align: center;
    }

    .register-page .common-file-upload {
        display: block;
        text-align: center;
    }


    .login-page-container .row {
        display: block;
        margin: 0;
    }

    .view-cp-event-btn {
        margin-right: 10px;
        top: 3px;
    }

    .app-activation-btn {
        margin: 0 auto;
        float: none !important;
    }

    .showall {
        position: absolute;
        top: -42px;
        right: 20px;
    }

    /* survey css starts */
    .survey-table .survey-table-row {
        display: block;
        margin-bottom: 15px;
    }

    .survey-table .survey-name {
        display: block;
        border: 0;
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .survey-table .survey-description {
        display: block;
        border: 0;
        width: 100%;
        height: auto;
        padding: 0 10px;
    }

    .survey-table .survey-expiry {
        border-top: 1px solid #ccc;
    }

    .survey-table .survey-launch {
        border-top: 1px solid #ccc;
    }

    a.summary-icon {
        margin-right: 10px;
    }

    .survey-table .status-tag {
        width: 90px;
    }

    .survey-table-heading {
        display: none;
    }

    .survey-table .survey-description p {
        margin: 0 0 10px;
        font-size: 13px;
    }

    .survey-expiry span {
        color: #f3a100;
        display: block;
        margin-bottom: 5px;
        font-family: "open_sansbold";
    }

    /*rewards page css starts*/
    .rewardspage {
        padding: 0;
    }

    .rewards-due-date {
        display: block;
        position: inherit;
        margin: 5px 0 10px;
        font-size: 16px;
        margin-left: -10px;
    }

    .rewards-mobile .badge {
        margin-top: -5px;
        background-color: red;
    }

    .reward-history-box {
        margin-bottom: 15px;
    }

    .point-meter-box {
        margin: 0 auto;
        float: none;
    }

    .rewardspage .title sup {
        padding-top: 6px;
        font-size: 18px;
    }

    .reward-box {
        border: 0;
    }

    .rewards-history-table {
        margin: 0 -15px;
    }

        .rewards-history-table .reward-name {
            display: block;
            width: 100%;
            border: 0;
            padding: 5px 10px;
            font-size: 16px;
            position: relative;
        }

            .rewards-history-table .reward-name .reward-level {
                position: absolute;
                top: 15px;
                right: 15px;
            }

    .rewards-history-row {
        display: block;
        margin-bottom: 15px;
    }

    .rewards-box-container .reward-logo img {
        max-width: 60px;
        max-height: 60px;
    }

    .rewards-history-table .level {
        border-left: 1px solid #ccc;
        font-family: "open_sanssemibold";
        font-size: 16px;
    }

    .rewardspage .mCSB_inside > .mCSB_container {
        margin: 0;
    }

    .rewards-history-table-header {
        display: none;
    }

    .rewards-history-table .level span {
        margin-top: 5px;
        font-family: "open_sansregular";
        font-size: 14px;
    }

    .rewards-history-table .points {
        font-family: "open_sanssemibold";
        font-size: 16px;
        border-left: 1px solid #ccc;
    }

        .rewards-history-table .points span {
            margin-top: 5px;
            font-family: "open_sansregular";
            font-size: 14px;
        }

    .rewards-history-table .year {
        font-family: "open_sanssemibold";
        font-size: 16px;
    }

        .rewards-history-table .year span {
            margin-top: 5px;
            font-family: "open_sansregular";
            font-size: 14px;
        }

    .rewardspage .lesson-plan-tabs .navbar-x ul.nav-tabs {
        width: 315px;
    }

    .rewards-description-wrapper p {
        padding: 10px 0;
    }

    .point-meter-box {
        padding: 0;
    }

    .rewards-box-container {
        min-height: inherit;
        padding: 5px 10px 15px;
        border-bottom: 1px solid #ccc;
    }


    /*user profile page  starts*/
    .login-date, .login-time {
        padding: 10px 0;
        border-right: 0;
        /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
    }

    .logged-user-container {
        height: 90px;
        width: 90px;
    }

    .logged-user-wrapper {
        height: 60px;
    }

    .user-profile-user-name {
        font-size: 14px;
    }

    .user-profile-banner {
        min-height: 170px;
    }

    .logged-user-image {
        top: 20px;
    }

    .login-details {
        margin: -26px 15px 0;
    }

    .login-date span, .login-time span {
        font-size: 12px;
    }

    .user-page-form h1.inner-title {
        display: block;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .user-page-form a.pull-right {
        float: none !important;
        margin-bottom: 5px;
        font-size: 13px;
    }

    .user-fields {
        padding: 15px 0px 40px;
    }

    .logged-user-container .role {
        bottom: 30px;
    }
    /*user profile page ends*/


    /*Assessment css starts*/
    .assessment-table .assessment-table-row {
        display: block;
        margin-bottom: 15px;
        padding: 10px;
        box-sizing: border-box;
    }

    .assessment-table .assessment-description {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 0 5px;
        border: 0;
    }

    .assessment-table .assessment-name {
        display: block;
        width: 100%;
        height: auto;
        font-size: 18px;
        border: 0;
        padding: 0;
    }

    .assessment-table .assessment-date {
        display: block;
        width: 100%;
        height: auto;
        border: 0;
    }

        .assessment-table .assessment-date span {
            color: #f3a100;
            font-family: "open_sanssemibold";
            margin-bottom: 5px;
        }

    .assessment-table-heading {
        display: none;
    }

    .assessment-table {
        padding: 0 15px;
    }

        .assessment-table .assessment-launch {
            height: auto;
        }
    /*Assessment css ends*/

    /*calendar css*/
    .dashboard-calendar .fc-toolbar .fc-prev-button, .dashboard-calendar .fc-toolbar .fc-next-button {
        padding: 0 10px;
    }

    .client-listing .user-image img {
        height: auto;
    }

    /*summary design*/
    .modal-body.summary-modal {
        padding: 10px;
    }

    .summary-modal .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .summary-modal .summary-header {
        padding: 15px 15px 0px;
    }

        .summary-modal .summary-header .summary-title {
            margin: 0 -5px;
        }

    .summary-modal .attched-module {
        padding: 0;
        min-height: inherit;
    }

    .summary-modal .summary-data ul li {
        width: 50%;
        border-width: 0;
        border-bottom-width: 1px;
        padding: 10px 15px;
        min-height: auto;
        text-align: left;
        background-color: transparent;
    }

        .summary-modal .summary-data ul li:nth-child(2n+2) {
            text-align: right;
        }

    .summary-modal .attched-module ul li {
        padding: 5px;
        display: block;
        width: 100%;
        font-size: 12px;
    }

    .summary-description {
        padding: 20px 10px;
    }

    .summary-modal .attched-module ul {
        overflow: hidden;
        margin-bottom: 0;
        padding: 5px;
    }

    .summary-data {
        margin: 0 -15px;
        background-color: #fff;
    }

    .summary-modal .summary-data ul {
        float: none;
        display: block;
    }

    .modal-header-button-footer {
        display: inline-block !important;
        margin-bottom: 10px;
    }

    .login-page-form button {
        height: auto;
    }

    .modal-footer {
        padding: 8px 10px;
    }

    .summary-modal .summary-header h2 {
        font-size: 20px;
        margin-top: 0;
    }

    .summary-description .retake-box {
        width: 100%;
    }

    .lesson-plan-tabs .navbar-x ul.nav-tabs.custom-tabs > li {
        float: none;
        width: 100%;
    }

        /*.lesson-plan-tabs .navbar-x ul.nav-tabs.custom-tabs > li.active {
            background-color: #f5f5f5;
        }*/

        .lesson-plan-tabs .navbar-x ul.nav-tabs.custom-tabs > li.bottom-bar {
            display: none;
        }

    /*ilt*/
    .assigned-ilt.assigned-lesson-table .table-title {
        width: 100%;
    }

    .assigned-lesson-table.completed-ilt .table-title {
        width: 100%;
    }

    .assigned-lesson-table .table-title .table-plan-id {
        margin-bottom: 0;
    }

    /* message notification css*/
    .training-module-right {
        padding: 0;
        margin: 0;
    }

    .training-module-left {
        padding: 0 0 15px 0;
        margin: 0;
        border: 0;
    }

    .training-module-right {
        right: -100%;
        position: absolute;
        width: 100%;
        opacity: 0;
        z-index: 2;
        top: 0px;
    }

    .training-module-left .row {
        margin: 0 !important;
    }

    .training-module-right .row {
        margin: 0 !important;
    }

    .message-preview {
        margin-top: 15px;
    }


    h1.inner-title {
        font-size: 20px;
        margin-bottom: 8px;
        padding-left: 10px;
    }

    .events-calender h1.inner-title {
        margin-bottom: 0;
    }

    .logged-user-container img {
        height: 80px;
        width: 80px;
    }

    .login-date span, .login-time span {
        font-size: 12px;
    }

    .login-details {
        border-radius: 0;
    }

    #msgContent .date-range .col-sm-6 {
        padding: 0;
    }

    .register-page .mCSB_inside > .mCSB_container {
        margin-right: 10px;
    }

    .doughnutChart-container {
        width: 170px;
    }

    .dashboard-status h3 {
        margin-bottom: 0;
    }

    .login-page {
        overflow: hidden;
    }

    #login-page-scroll .mCSB_container {
        margin-right: 10px;
    }

    #login-page-scroll .mCSB_scrollTools_vertical {
        right: -10px;
    }

    #registrationPage {
        padding: 0;
    }



    .assigned-lesson-table .due-date span {
        text-align: inherit;
    }


    /*.rewards-history-table .mCSB_container, .rewards-history-table .mCustomScrollBox{
        overflow-x:hidden;
        overflow-y:inherit;
    }
    .rewards-history-table  .mCSB_scrollTools_vertical {
        right:-15px;
    }*/
    .completed-certification-row {
        border: 0;
    }

    .completed-certification-table .download {
        border: 0;
    }

    .single-packege-title {
        padding: 10px 0;
        position: relative;
    }

        .single-packege-title .btn-back {
            top: 10px;
            right: 0;
        }

    .training-left-header {
        min-height: 40px;
        padding-top: 8px;
    }

    .dashboard-reward-banner {
        min-height: 100px;
    }

    .lesson-plan-tabs ul.nav-tabs li a {
        padding: 8px 0;
    }

    .dashboard-grid .child-table table td {
        padding: 8px;
    }

    .main-footer {
        text-align: center;
        justify-content: center;
        font-size: 11px;
        line-height:20px;
    }

        .main-footer .divCopyRightMsg {
            margin: unset;
        }

    #survey-modal .modal-body {
        position: inherit;
        left: inherit;
        top: inherit;
        margin: 0;
        width: 100%;
        padding: 15px;
        max-width: 100%;
    }

    .assigned-lesson-table .assigned-lesson-table-data .overdue span {
        text-align: inherit;
    }

    .mCSB_scrollTools_vertical {
        opacity: 0 !important;
    }

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

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

    .mobile-column {
        width: 50% !important;
        float: left !important;
        display: block !important;
        height: auto !important;
        border: 0 !important;
        font-size: 12px;
        color: #777 !important;
        height: auto !important;
        padding: 5px 0px 5px 10px !important;
        text-align: left !important;
        min-height: 47px;
    }

        .mobile-column:nth-child(2n) {
            text-align: right !important;
            padding: 5px 10px 5px 0px !important;
        }

    .mobile-label {
        font-size: 12px !important;
        padding-top: 0 !important;
        margin-bottom: 4px;
        color: #333 !important;
        font-weight: 700;
    }

    .mobile-accordian {
        position: relative;
    }

        .mobile-accordian:before {
            position: absolute;
            right: 10px;
            top: 8px;
            content: "";
            font-family: FontAwesome;
            font-size: 14px;
            cursor: pointer;
            color: #777777;
        }

    .widget-list-item .mobile-accordian:before {
        top: 0;
    }

    .btn-back {
        float: right;
        position: absolute;
        padding: 5px 8px;
        text-align: center;
        background: #0093d0;
        color: #fff;
        right: 5px;
        top: -10px;
        height: inherit;
        width: inherit;
    }

    .message-preview .message-notification-header {
        padding: 0 0 10px 0;
    }

    .inbox-message .message-overflow {
        height: 17px;
    }

        .inbox-message .message-overflow p {
            line-height: 16px;
        }

    .inbox-message .message-title {
        line-height: 18px;
        font-family: 'open_sanssemibold';
    }

    .inbox-message-wrapper {
        margin: 0 -10px;
        padding-top: 5px;
    }

    .mobile-status a span {
        color: #fff !important;
        font-weight: normal;
        font-family: 'open_sansregular' !important;
        padding-left: 0 !important;
    }

    .mobile-status a span {
        color: #fff !important;
        font-weight: normal;
        font-family: 'open_sansregular' !important;
        padding-left: 0 !important;
    }

    .status-label {
        display: inline-block;
        padding: 4px 7px 6px;
        font-size: 12px !important;
        font-weight: 700;
        color: #fff !important;
    }

        .status-label.pass {
            background-color: #12bb00;
        }

        .status-label.fail {
            background-color: #ff0000;
        }

    .mobile-toggle {
        overflow: hidden;
        display: none;
    }

    .front.dashboard-calendar {
        position: inherit !important;
    }

    .back {
        top: 0;
        background-color: #fff;
    }

    .single-widget {
        padding: 0 15px;
        height: auto;
    }
        .single-widget .ecommerce-single-widget {
            padding: 0 10px;
            height: auto;
        }

        /*.single-widget .widget {
        height:auto !important;
    }

 .single-widget.widget-event, .single-widget.widget-certification {
     height:350px;
    }

    .single-widget.welcome-board {
        height:350px !important;
    }*/

        .single-widget .modal-body, .event-popup .modal-body .ecommerce-single-widget {
            padding: 0;
        }

    .view-event-btn {
        font-size: 12px;
        top: 18px;
    }

    #btnViewAllCP {
        top: 18px;
    }

    .events-calender .view-event-btn {
        top: 13px;
    }

    .widget-title {
        font-size: 18px;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 10px;
    }

    .dashboard .mCSB_container {
        margin-right: 0 !important;
    }

    .mCSB_scrollTools .mCSB_draggerContainer {
        opacity: 0 !important;
    }

    .widget {
        height: auto !important;
    }

        .widget.welcome-board {
            height: 100% !important;
        }

    .bu-user-DashboardHeight{
        height:200px !important;
    }

    .widget-list-item {
        border-bottom: 1px solid #e5e5e5;
        padding: 13px 10px;
    }

        .widget-list-item h3 {
            margin: 0;
            color: #4c637b;
            position: relative;
        }

            .widget-list-item h3 a {
                color: #4c637b;
            }

            .widget-list-item h3 .fa {
                font-size: 24px;
                position: absolute;
                right: 0px;
                top: -5px;
            }

        .widget-list-item ul {
            margin-bottom: 0;
            font-size: 12px;
            margin-top: 8px;
        }

    .widget-data-label {
        display: block;
        font-family: 'open_sanssemibold';
        margin-bottom: 3px;
    }

    .widget-data-value {
        display: block;
        color: #4c637b;
    }

    .widget-list-item.media {
        margin-top: 0;
    }


    .widget-list-item .media-object {
        max-width: 36px;
    }


    .widget-list-item .widget-grid {
        overflow: hidden;
        margin-top: 0;
    }

    .widget-column {
        float: left;
        width: 50%;
        margin-top: 8px;
    }

        .widget-column:nth-child(2n) {
            text-align: right;
        }

    .single-widget .webinar-training-tabs .navbar-x .ecommerce-single-widget {
        background-color: #fff;
    }

    .single-widget .ecommerce-single-widget .webinar-training-tabs ul.nav-tabs.custom-tabs > li {
        border-bottom: 1px solid #e5e5e5;
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        min-width: inherit;
        float: none;
    }

    .webinar-training-tabs .navbar-x ul.nav-tabs {
        display: table !important;
        width: 100% !important;
        min-height: 56px;
    }

        .webinar-training-tabs .navbar-x ul.nav-tabs > li.active {
            border-bottom: 3px solid #0093d0;
        }

        .webinar-training-tabs .navbar-x ul.nav-tabs > li > a {
            padding: 10px 0;
            line-height: 1.2;
        }

    .optional-field {
        font-size: 12px;
        margin-left: 0px;
    }

    .event-details {
        display: block;
        margin-top: 10px;
        font-size: 12px;
        color: #333;
    }

        .event-details i {
            font-size: 14px;
            margin-right: 5px;
        }

    .reward-dashbord-progress {
        height: 60px;
    }

    .level-progress {
        padding-left: 15px;
        padding-right: 15px;
    }

    .event-popup .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .view-link {
        padding: 8px 10px 10px;
        text-align: center;
    }

        .view-link a {
            text-decoration: underline;
        }

    .fc-button-group {
        overflow: hidden !important;
        z-index: 1;
        position: relative;
    }

    .back {
        overflow: hidden;
    }

    .fc-center h2 {
        margin-top: -55px;
    }

    .fc-toolbar {
        height: 40px;
    }
    /*.certificate-single-course-mobile{display:none;}*/
    .text-success {
        color: #3c763d !important;
    }

    .text-danger {
        color: #ff0000 !important;
    }

    .enter-code-input, .enter-score-input {
        margin-top: 0px;
        margin-right: 5px;
    }

    .input-show-hide {
        position: absolute;
        padding: 10px;
        background: #fff;
        z-index: 1;
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.31);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.31);
        box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.31);
        right: 10px;
        top: 84px;
    }

    .scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }

        .scroll-wrapper iframe {
        }

    #mobile-lessonPLanType {
        color: #f3a100;
        display: block;
        font-family: 'open_sanssemibold_italic';
        margin-bottom: 5px;
        font-size: 10px !important;
        margin-top: 5px !important;
    }

    #lessonPlanLogoScale {
        margin-right: 0px !important;
        margin-top: 5% !important;
    }

    .lessonplan-logo img {
        max-width: 120px !important;
        max-height: 120px !important;
    }

    .mobileLpName {
        font-size: 20px !important;
    }

    #mobile-infoicon {
        font-size: 15px !important;
    }

    #mobile-overdue {
        float: none !important;
        text-align: unset !important;
    }

    #mobile-status-button {
        border-radius: 25px !important;
    }

    .passingMobileColum {
        width: 100% !important;
        min-height: 0px !important;
        font-weight: 100 !important;
        margin-top: 5px !important;
    }

    .percentagediv {
        margin-top: -10px !important;
        margin-left: -4% !important;
    }

    #lpMobilePass {
        width: 100% !important;
        text-align: left !important;
        margin-left: -6% !important;
    }

    #lpMobilePassReq {
        margin-bottom: -5% !important;
    }

    .statusbutton {
        border-top: solid 0px #fff !important;
    }

    .mobilestatusbuttonfloat {
        float: right !important;
    }

    .completed-MyResult {
        width: 100% !important;
        font-size: 10px !important;
        min-height: 0px !important;
        font-weight: 100 !important;
        margin-left: -5px !important;
        margin-top: -10px !important;
    }

    .tminfo {
        width: 100% !important;
        margin-left: 0px !important;
        padding: 0px 0px !important;
        margin-bottom: -7% !important;
    }

        .tminfo a {
            line-height: 0px !important;
        }

    #userlpMobileover {
        width: 100% !important;
        margin-bottom: -3% !important;
    }

    #mobileUserLp-WithoutOverDue {
        width: 100% !important;
        text-align: left !important;
        margin-left: 4% !important;
        margin-top: 2% !important;
        margin-bottom: -13% !important;
    }

    .mobile-userlp-date {
        float: left !important;
        margin-left: 10% !important;
    }

    #onlyDueDate {
        text-align: left !important;
        margin-left: 4% !important;
        margin-top: 2% !important;
        margin-bottom: -18% !important;
    }

    #mobile-lpcompletionDate {
        margin-left: 3% !important;
    }

    #mobile-lpMyResult {
        margin-left: 1% !important;
    }

    #mobile-lpStatus {
        margin-top: -5% !important;
    }

    #imgmargin-top {
        margin-right: 0px !important;
        margin-top: 17% !important;
    }

    #data-consent .modal-content{
        top:unset !important;
    }
}

@media (max-device-width: 767px) and (orientation: landscape) {
    .header-right .user-profile-dropdown li a, .header-right .open .user-profile-dropdown li a {
        padding: 5px 10px
    }

    .survey-modal {
        height: 230px;
        overflow: auto;
    }

    .date-range .col-sm-12 {
        width: 50%;
        float: left !important;
    }
    /*.date-range .col-sm-6{ width:50%; float:left !important; padding:0 15px !important;}*/
    .popover-content {
        padding: 7px !important;
    }

    .check-box-group {
        margin-top: -10px;
    }

    .training-module-filter .input.select select {
        height: 28px;
    }

    .popover-content input[type="text"] {
        height: 26px;
    }

    .popover-content .btn-blue {
        padding: 6px 8px;
    }

    .popover-content .form-group {
        margin-bottom: 5px;
    }

    .rewards-due-date {
        float: right;
        display: inline-block;
        padding-top: 2px;
    }

    .rewardspage .title {
        width: auto;
        display: inline-block;
    }

    .filter .popover {
        margin-top: -90px !important;
        margin-right: 45px !important;
    }

    .filter-panel div.search-panel {
        margin-top: 0;
    }

    .advance-search-panel {
        margin: 60px 15px 15px;
    }

    .change-pass-body {
        height: 140px;
        overflow: auto;
    }

    .msg-content-view .media-list {
        max-height: 130px;
        overflow: auto;
    }

    h1, .title {
        font-size: 18px;
        margin: 7px -10px !important;
        width: calc(100% - 170px);
    }

    .top-links {
        padding-bottom: 5px;
    }

    a#filter-toggle {
        top: 28%;
    }

    .main-footer p {
        display: inline-block;
        padding: 0 5px;
        text-align: left;
    }

        .main-footer p.pull-right {
            float: right !important;
            margin-top: 0;
        }

    .main-footer {
        height: 28px;
        text-align: left;
    }

    header {
        height: 40px;
    }

    body {
        padding-top: 40px;
    }

    .togglebtn {
        height: 40px;
        width: 40px;
        padding-top: 2px;
    }

    .logo {
        height: 40px;
        line-height: 40px;
    }

    li.message-box, li.search-box {
        margin: 9px 5px 0;
    }

    .header-right > li.user-menu {
        margin: 5px;
    }

    .header-right .message-popup.active {
        top: 40px;
    }

    .filter-icon .popover .date-range {
        margin-bottom: 5px;
    }

    .rewards-history {
        padding: 5px 15px;
    }

    #sidebar-wrapper {
        top: 40px;
    }

    .top-links {
        width: auto;
        float: right;
        margin-top: 5px;
    }

    .filter-panel {
        top: 40px !important;
    }

    .assigned-lesson-page h1.pull-left {
        float: left !important;
        width: calc(100% - 170px);
    }

    #eSignaturePartial h1, #eSignaturePartial .title {
        width: 100% !important;
        margin: 0 !important;
    }

    #card-5-calendar h1, #card-5-calendar .title {
        width: 100% !important;
        margin: 0 !important;
    }

    .surveymodal-logo img {
        width: 160px;
        height: 40px;
    }

    .SurveyModal-content .mCustomScrollbar {
        max-height: inherit !important;
    }

    .msg-line {
        margin-top: 0;
    }

    .surveymodal-logo {
        padding: 10px 20px 10px;
        text-align: center;
    }

    .training-left-header {
        height: 30px;
        min-height: 30px;
    }

    .training-module-left h2 {
        font-size: 14px;
    }

    .message-count {
        font-size: 10px;
        margin-top: -1px;
    }

    .events-calender h1.inner-title {
        display: block;
        width: 100% !important;
    }

    .help-modal-wrapper {
        height: 170px;
        overflow: auto;
    }
    /*.certificate-single-course-mobile{display:none;}*/
    .datetimepicker {
        top: 0 !important;
    }

    .scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }

        .scroll-wrapper iframe {
        }
}

.short-dis {
    margin-top: 8px;
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}*/
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: 0 0 7px 7px solid transparent;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.jstree-node,.jstree-children,.jstree-container-ul{display:block;margin:0;padding:0;list-style-type:none;list-style-image:none}.jstree-node{white-space:nowrap}.jstree-anchor{display:inline-block;color:#000;white-space:nowrap;padding:0 4px 0 1px;margin:0;vertical-align:top}.jstree-anchor:focus{outline:0}.jstree-anchor,.jstree-anchor:link,.jstree-anchor:visited,.jstree-anchor:hover,.jstree-anchor:active{text-decoration:none;color:inherit}.jstree-icon{display:inline-block;text-decoration:none;margin:0;padding:0;vertical-align:top;text-align:center}.jstree-icon:empty{display:inline-block;text-decoration:none;margin:0;padding:0;vertical-align:top;text-align:center}.jstree-ocl{cursor:pointer}.jstree-leaf>.jstree-ocl{cursor:default}.jstree .jstree-open>.jstree-children{display:block}.jstree .jstree-closed>.jstree-children,.jstree .jstree-leaf>.jstree-children{display:none}.jstree-anchor>.jstree-themeicon{margin-right:2px}.jstree-no-icons .jstree-themeicon,.jstree-anchor>.jstree-themeicon-hidden{display:none}.jstree-hidden,.jstree-node.jstree-hidden{display:none}.jstree-rtl .jstree-anchor{padding:0 1px 0 4px}.jstree-rtl .jstree-anchor>.jstree-themeicon{margin-left:2px;margin-right:0}.jstree-rtl .jstree-node{margin-left:0}.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-wholerow-ul{position:relative;display:inline-block;min-width:100%}.jstree-wholerow-ul .jstree-leaf>.jstree-ocl{cursor:pointer}.jstree-wholerow-ul .jstree-anchor,.jstree-wholerow-ul .jstree-icon{position:relative}.jstree-wholerow-ul .jstree-wholerow{width:100%;cursor:pointer;position:absolute;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vakata-context{display:none}.vakata-context,.vakata-context ul{margin:0;padding:2px;position:absolute;background:#f5f5f5;border:1px solid #979797;box-shadow:2px 2px 2px #999}.vakata-context ul{list-style:none;left:100%;margin-top:-2.7em;margin-left:-4px}.vakata-context .vakata-context-right ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context li{list-style:none}.vakata-context li>a{display:block;padding:0 2em;text-decoration:none;width:auto;color:#000;white-space:nowrap;line-height:2.4em;text-shadow:1px 1px 0 #fff;border-radius:1px}.vakata-context li>a:hover{position:relative;background-color:#e8eff7;box-shadow:0 0 2px #0a6aa1}.vakata-context li>a.vakata-context-parent{background-image:url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);background-position:right center;background-repeat:no-repeat}.vakata-context li>a:focus{outline:0}.vakata-context .vakata-context-hover>a{position:relative;background-color:#e8eff7;box-shadow:0 0 2px #0a6aa1}.vakata-context .vakata-context-separator>a,.vakata-context .vakata-context-separator>a:hover{background:#fff;border:0;border-top:1px solid #e2e3e3;height:1px;min-height:1px;max-height:1px;padding:0;margin:0 0 0 2.4em;border-left:1px solid #e0e0e0;text-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border-radius:0}.vakata-context .vakata-contextmenu-disabled a,.vakata-context .vakata-contextmenu-disabled a:hover{color:silver;background-color:transparent;border:0;box-shadow:0 0 0}.vakata-context li>a>i{text-decoration:none;display:inline-block;width:2.4em;height:2.4em;background:0 0;margin:0 0 0 -2em;vertical-align:top;text-align:center;line-height:2.4em}.vakata-context li>a>i:empty{width:2.4em;line-height:2.4em}.vakata-context li>a .vakata-contextmenu-sep{display:inline-block;width:1px;height:2.4em;background:#fff;margin:0 .5em 0 0;border-left:1px solid #e2e3e3}.vakata-context .vakata-contextmenu-shortcut{font-size:.8em;color:silver;opacity:.5;display:none}.vakata-context-rtl ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context-rtl li>a.vakata-context-parent{background-image:url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);background-position:left center;background-repeat:no-repeat}.vakata-context-rtl .vakata-context-separator>a{margin:0 2.4em 0 0;border-left:0;border-right:1px solid #e2e3e3}.vakata-context-rtl .vakata-context-left ul{right:auto;left:100%;margin-left:-4px;margin-right:auto}.vakata-context-rtl li>a>i{margin:0 -2em 0 0}.vakata-context-rtl li>a .vakata-contextmenu-sep{margin:0 0 0 .5em;border-left-color:#fff;background:#e2e3e3}#jstree-marker{position:absolute;top:0;left:0;margin:-5px 0 0 0;padding:0;border-right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid;width:0;height:0;font-size:0;line-height:0}#jstree-dnd{line-height:16px;margin:0;padding:4px}#jstree-dnd .jstree-icon,#jstree-dnd .jstree-copy{display:inline-block;text-decoration:none;margin:0 2px 0 0;padding:0;width:16px;height:16px}#jstree-dnd .jstree-ok{background:green}#jstree-dnd .jstree-er{background:red}#jstree-dnd .jstree-copy{margin:0 2px}.jstree-default .jstree-node,.jstree-default .jstree-icon{background-repeat:no-repeat;background-color:transparent}.jstree-default .jstree-anchor,.jstree-default .jstree-wholerow{transition:background-color .15s,box-shadow .15s}.jstree-default .jstree-hovered{background:#e7f4f9;border-radius:2px;box-shadow:inset 0 0 1px #ccc}.jstree-default .jstree-context{background:#e7f4f9;border-radius:2px;box-shadow:inset 0 0 1px #ccc}.jstree-default .jstree-clicked{background:#beebff;border-radius:2px;box-shadow:inset 0 0 1px #999}.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon{display:none}.jstree-default .jstree-disabled{background:0 0;color:#666}.jstree-default .jstree-disabled.jstree-hovered{background:0 0;box-shadow:none}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-disabled>.jstree-icon{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default .jstree-search{font-style:italic;color:#8b0000;font-weight:700}.jstree-default .jstree-no-checkboxes .jstree-checkbox{display:none!important}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked{background:0 0;box-shadow:none}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{background:#e7f4f9}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked{background:0 0}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered{background:#e7f4f9}.jstree-default>.jstree-striped{min-width:100%;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat}.jstree-default>.jstree-wholerow-ul .jstree-hovered,.jstree-default>.jstree-wholerow-ul .jstree-clicked{background:0 0;box-shadow:none;border-radius:0}.jstree-default .jstree-wholerow{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.jstree-default .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default .jstree-wholerow-clicked{background:#beebff;background:-webkit-linear-gradient(top,#beebff 0,#a8e4ff 100%);background:linear-gradient(to bottom,#beebff 0,#a8e4ff 100%)}.jstree-default .jstree-node{min-height:24px;line-height:24px;margin-left:24px;min-width:24px}.jstree-default .jstree-anchor{line-height:24px;height:24px}.jstree-default .jstree-icon{width:24px;height:24px;line-height:24px}.jstree-default .jstree-icon:empty{width:24px;height:24px;line-height:24px}.jstree-default.jstree-rtl .jstree-node{margin-right:24px}.jstree-default .jstree-wholerow{height:24px}.jstree-default .jstree-node,.jstree-default .jstree-icon{background-image:url(/Content/images/32px.png)}.jstree-default .jstree-node{background-position:-292px -4px;background-repeat:repeat-y}.jstree-default .jstree-last{background:0 0}.jstree-default .jstree-open>.jstree-ocl{background-position:-132px -4px}.jstree-default .jstree-closed>.jstree-ocl{background-position:-100px -4px}.jstree-default .jstree-leaf>.jstree-ocl{background-position:-68px -4px}.jstree-default .jstree-themeicon{background-position:-260px -4px}.jstree-default>.jstree-no-dots .jstree-node,.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -4px}.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -4px}.jstree-default .jstree-disabled{background:0 0}.jstree-default .jstree-disabled.jstree-hovered{background:0 0}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-checkbox{background-position:-164px -4px}.jstree-default .jstree-checkbox:hover{background-position:-164px -36px}.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default .jstree-checked>.jstree-checkbox{background-position:-228px -4px}.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default .jstree-checked>.jstree-checkbox:hover{background-position:-228px -36px}.jstree-default .jstree-anchor>.jstree-undetermined{background-position:-196px -4px}.jstree-default .jstree-anchor>.jstree-undetermined:hover{background-position:-196px -36px}.jstree-default .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default>.jstree-striped{background-size:auto 48px}.jstree-default.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default.jstree-rtl .jstree-last{background:0 0}.jstree-default.jstree-rtl .jstree-open>.jstree-ocl{background-position:-132px -36px}.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-100px -36px}.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-68px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -36px}.jstree-default .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(/Content/images/throbber.gif) center center no-repeat}.jstree-default .jstree-file{background:url(/Content/images/32px.png) -100px -68px no-repeat}.jstree-default .jstree-folder{background:url(/Content/images/32px.png) -260px -4px no-repeat}.jstree-default>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default{line-height:24px;padding:0 4px}#jstree-dnd.jstree-default .jstree-ok,#jstree-dnd.jstree-default .jstree-er{background-image:url(/Content/images/32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default i{background:0 0;width:24px;height:24px;line-height:24px}#jstree-dnd.jstree-default .jstree-ok{background-position:-4px -68px}#jstree-dnd.jstree-default .jstree-er{background-position:-36px -68px}.jstree-default.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==)}.jstree-default.jstree-rtl .jstree-last{background:0 0}.jstree-default-small .jstree-node{min-height:18px;line-height:18px;margin-left:18px;min-width:18px}.jstree-default-small .jstree-anchor{line-height:18px;height:18px}.jstree-default-small .jstree-icon{width:18px;height:18px;line-height:18px}.jstree-default-small .jstree-icon:empty{width:18px;height:18px;line-height:18px}.jstree-default-small.jstree-rtl .jstree-node{margin-right:18px}.jstree-default-small .jstree-wholerow{height:18px}.jstree-default-small .jstree-node,.jstree-default-small .jstree-icon{background-image:url(/Content/images/32px.png)}.jstree-default-small .jstree-node{background-position:-295px -7px;background-repeat:repeat-y}.jstree-default-small .jstree-last{background:0 0}.jstree-default-small .jstree-open>.jstree-ocl{background-position:-135px -7px}.jstree-default-small .jstree-closed>.jstree-ocl{background-position:-103px -7px}.jstree-default-small .jstree-leaf>.jstree-ocl{background-position:-71px -7px}.jstree-default-small .jstree-themeicon{background-position:-263px -7px}.jstree-default-small>.jstree-no-dots .jstree-node,.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -7px}.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -7px}.jstree-default-small .jstree-disabled{background:0 0}.jstree-default-small .jstree-disabled.jstree-hovered{background:0 0}.jstree-default-small .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-small .jstree-checkbox{background-position:-167px -7px}.jstree-default-small .jstree-checkbox:hover{background-position:-167px -39px}.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-small .jstree-checked>.jstree-checkbox{background-position:-231px -7px}.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-small .jstree-checked>.jstree-checkbox:hover{background-position:-231px -39px}.jstree-default-small .jstree-anchor>.jstree-undetermined{background-position:-199px -7px}.jstree-default-small .jstree-anchor>.jstree-undetermined:hover{background-position:-199px -39px}.jstree-default-small .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default-small>.jstree-striped{background-size:auto 36px}.jstree-default-small.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default-small.jstree-rtl .jstree-last{background:0 0}.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl{background-position:-135px -39px}.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-103px -39px}.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-71px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -39px}.jstree-default-small .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(/Content/images/throbber.gif) center center no-repeat}.jstree-default-small .jstree-file{background:url(/Content/images/32px.png) -103px -71px no-repeat}.jstree-default-small .jstree-folder{background:url(/Content/images/32px.png) -263px -7px no-repeat}.jstree-default-small>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-small{line-height:18px;padding:0 4px}#jstree-dnd.jstree-default-small .jstree-ok,#jstree-dnd.jstree-default-small .jstree-er{background-image:url(/Content/images/32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-small i{background:0 0;width:18px;height:18px;line-height:18px}#jstree-dnd.jstree-default-small .jstree-ok{background-position:-7px -71px}#jstree-dnd.jstree-default-small .jstree-er{background-position:-39px -71px}.jstree-default-small.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==)}.jstree-default-small.jstree-rtl .jstree-last{background:0 0}.jstree-default-large .jstree-node{min-height:32px;line-height:32px;margin-left:32px;min-width:32px}.jstree-default-large .jstree-anchor{line-height:32px;height:32px}.jstree-default-large .jstree-icon{width:32px;height:32px;line-height:32px}.jstree-default-large .jstree-icon:empty{width:32px;height:32px;line-height:32px}.jstree-default-large.jstree-rtl .jstree-node{margin-right:32px}.jstree-default-large .jstree-wholerow{height:32px}.jstree-default-large .jstree-node,.jstree-default-large .jstree-icon{background-image:url(/Content/images/32px.png)}.jstree-default-large .jstree-node{background-position:-288px 0;background-repeat:repeat-y}.jstree-default-large .jstree-last{background:0 0}.jstree-default-large .jstree-open>.jstree-ocl{background-position:-128px 0}.jstree-default-large .jstree-closed>.jstree-ocl{background-position:-96px 0}.jstree-default-large .jstree-leaf>.jstree-ocl{background-position:-64px 0}.jstree-default-large .jstree-themeicon{background-position:-256px 0}.jstree-default-large>.jstree-no-dots .jstree-node,.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px 0}.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 0}.jstree-default-large .jstree-disabled{background:0 0}.jstree-default-large .jstree-disabled.jstree-hovered{background:0 0}.jstree-default-large .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-large .jstree-checkbox{background-position:-160px 0}.jstree-default-large .jstree-checkbox:hover{background-position:-160px -32px}.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-large .jstree-checked>.jstree-checkbox{background-position:-224px 0}.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-large .jstree-checked>.jstree-checkbox:hover{background-position:-224px -32px}.jstree-default-large .jstree-anchor>.jstree-undetermined{background-position:-192px 0}.jstree-default-large .jstree-anchor>.jstree-undetermined:hover{background-position:-192px -32px}.jstree-default-large .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default-large>.jstree-striped{background-size:auto 64px}.jstree-default-large.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default-large.jstree-rtl .jstree-last{background:0 0}.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl{background-position:-128px -32px}.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-96px -32px}.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-64px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 -32px}.jstree-default-large .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(/Content/images/throbber.gif) center center no-repeat}.jstree-default-large .jstree-file{background:url(/Content/images/32px.png) -96px -64px no-repeat}.jstree-default-large .jstree-folder{background:url(/Content/images/32px.png) -256px 0 no-repeat}.jstree-default-large>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-large{line-height:32px;padding:0 4px}#jstree-dnd.jstree-default-large .jstree-ok,#jstree-dnd.jstree-default-large .jstree-er{background-image:url(/Content/images/32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-large i{background:0 0;width:32px;height:32px;line-height:32px}#jstree-dnd.jstree-default-large .jstree-ok{background-position:0 -64px}#jstree-dnd.jstree-default-large .jstree-er{background-position:-32px -64px}.jstree-default-large.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==)}.jstree-default-large.jstree-rtl .jstree-last{background:0 0}@media (max-width:768px){#jstree-dnd.jstree-dnd-responsive{line-height:40px;font-weight:700;font-size:1.1em;text-shadow:1px 1px #fff}#jstree-dnd.jstree-dnd-responsive>i{background:0 0;width:40px;height:40px}#jstree-dnd.jstree-dnd-responsive>.jstree-ok{background-image:url(/Content/images/40px.png);background-position:0 -200px;background-size:120px 240px}#jstree-dnd.jstree-dnd-responsive>.jstree-er{background-image:url(/Content/images/40px.png);background-position:-40px -200px;background-size:120px 240px}#jstree-marker.jstree-dnd-responsive{border-left-width:10px;border-top-width:10px;border-bottom-width:10px;margin-top:-10px}}@media (max-width:768px){.jstree-default-responsive .jstree-icon{background-image:url(/Content/images/40px.png)}.jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-responsive .jstree-node{min-height:40px;line-height:40px;margin-left:40px;min-width:40px;white-space:nowrap}.jstree-default-responsive .jstree-anchor{line-height:40px;height:40px}.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-icon:empty{width:40px;height:40px;line-height:40px}.jstree-default-responsive>.jstree-container-ul>.jstree-node{margin-left:0}.jstree-default-responsive.jstree-rtl .jstree-node{margin-left:0;margin-right:40px;background:0 0}.jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-default-responsive .jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox{background-size:120px 240px}.jstree-default-responsive .jstree-leaf>.jstree-ocl,.jstree-default-responsive.jstree-rtl .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-responsive .jstree-open>.jstree-ocl{background-position:0 0!important}.jstree-default-responsive .jstree-closed>.jstree-ocl{background-position:0 -40px!important}.jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-40px 0!important}.jstree-default-responsive .jstree-themeicon{background-position:-40px -40px}.jstree-default-responsive .jstree-checkbox,.jstree-default-responsive .jstree-checkbox:hover{background-position:-40px -80px}.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-responsive .jstree-checked>.jstree-checkbox,.jstree-default-responsive .jstree-checked>.jstree-checkbox:hover{background-position:0 -80px}.jstree-default-responsive .jstree-anchor>.jstree-undetermined,.jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover{background-position:0 -120px}.jstree-default-responsive .jstree-anchor{font-weight:700;font-size:1.1em;text-shadow:1px 1px #fff}.jstree-default-responsive>.jstree-striped{background:0 0}.jstree-default-responsive .jstree-wholerow{border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(64,64,64,.2);background:#ebebeb;height:40px}.jstree-default-responsive .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default-responsive .jstree-wholerow-clicked{background:#beebff}.jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow{box-shadow:inset 0 -6px 3px -5px #666}.jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow{box-shadow:inset 0 6px 3px -5px #666;border-top:0}.jstree-default-responsive .jstree-children .jstree-open+.jstree-open{box-shadow:none}.jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-node>.jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox{background-image:url(/Content/images/40px.png);background-size:120px 240px}.jstree-default-responsive .jstree-node{background-position:-80px 0;background-repeat:repeat-y}.jstree-default-responsive .jstree-last{background:0 0}.jstree-default-responsive .jstree-leaf>.jstree-ocl{background-position:-40px -120px}.jstree-default-responsive .jstree-last>.jstree-ocl{background-position:-40px -160px}.jstree-default-responsive .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-responsive .jstree-file{background:url(/Content/images/40px.png) 0 -160px no-repeat;background-size:120px 240px}.jstree-default-responsive .jstree-folder{background:url(/Content/images/40px.png) -40px -40px no-repeat;background-size:120px 240px}.jstree-default-responsive>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}}