/* Minification failed. Returning unminified contents.
(858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21661,30): run-time error CSS1030: Expected identifier, found ';'
 */
/*! jQuery UI - v1.14.1 - 2024-10-30
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?bgColorDefault=%23f6f6f6&borderColorDefault=%23c5c5c5&fcDefault=%23454545&bgColorHover=%23ededed&borderColorHover=%23cccccc&fcHover=%232b2b2b&bgColorActive=%23007fff&borderColorActive=%23003eff&fcActive=%23ffffff&bgColorHeader=%23e9e9e9&borderColorHeader=%23dddddd&fcHeader=%23333333&bgColorContent=%23ffffff&borderColorContent=%23dddddd&fcContent=%23333333&bgColorHighlight=%23fffa90&borderColorHighlight=%23dad55e&fcHighlight=%23777620&bgColorError=%23fddfdf&borderColorError=%23f1a899&fcError=%235f3f3f&bgColorOverlay=%23aaaaaa&opacityOverlay=.3&bgColorShadow=%23666666&opacityShadow=.3&offsetTopShadow=0px&offsetLeftShadow=0px&thicknessShadow=5px&cornerRadiusShadow=8px&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&cornerRadius=3px&bgTextureDefault=flat&bgTextureHover=flat&bgTextureActive=flat&bgTextureHeader=flat&bgTextureContent=flat&bgTextureHighlight=flat&bgTextureError=flat&bgTextureOverlay=flat&bgTextureShadow=flat&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityHighlight=55&bgImgOpacityError=95&bgImgOpacityOverlay=0&bgImgOpacityShadow=0&iconColorActive=%23ffffff&iconColorContent=%23444444&iconColorDefault=%23777777&iconColorError=%23cc0000&iconColorHeader=%23444444&iconColorHighlight=%23777620&iconColorHover=%23555555&opacityOverlayPerc=30&opacityShadowPerc=30&bgImgUrlActive=&bgImgUrlContent=&bgImgUrlDefault=&bgImgUrlError=&bgImgUrlHeader=&bgImgUrlHighlight=&bgImgUrlHover=&bgImgUrlOverlay=&bgImgUrlShadow=&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&bgDefaultRepeat=&bgHoverRepeat=&bgActiveRepeat=&bgHeaderRepeat=&bgContentRepeat=&bgHighlightRepeat=&bgErrorRepeat=&bgOverlayRepeat=&bgShadowRepeat=&bgDefaultYPos=&bgHoverYPos=&bgActiveYPos=&bgHeaderYPos=&bgContentYPos=&bgHighlightYPos=&bgErrorYPos=&bgOverlayYPos=&bgShadowYPos=&bgDefaultXPos=&bgHoverXPos=&bgActiveXPos=&bgHeaderXPos=&bgContentXPos=&bgHighlightXPos=&bgErrorXPos=&bgOverlayXPos=&bgShadowXPos=
* Copyright OpenJS Foundation and other contributors; Licensed MIT */

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

small {
    color: #999;
    display: block;
    padding: 3px 0px;
    font-size: 80%;
    font-weight: 400;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

body {
    line-height: 1;
}

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

html,body {
    margin: 0px;
    background: #fff;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    font-size: 0.95em;
    color: #4d4948;
}

h1 {
    font-size: 250%;
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
}

h2 {
    font-size: 200%;
    color: #0699cc;
    text-shadow: 0.05em 0.05em 0.05em #99c;
    font-weight: normal;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    margin-bottom: 5px;
}

a {
    color: #4d4948;
}

.clear {
    clear: both;
}

#wrapper {
    margin: 10px auto;
}

#wrapper #content {
    padding: 0px 10px;
}

#wrapper #content #left-nav {
    float: left;
    font-size: 95%;
    width: 130px;
    margin-left: 20px;
    position: fixed;
}

#wrapper #content #left-nav ul {
    padding: 0 0 50px 0;
    margin: 0;
}

#wrapper #content #left-nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#wrapper #content #left-nav ul li ul li {
    padding: 0;
    margin-left: 10px;
    list-style: none;
}

#wrapper #content #left-nav ul li ul {
    padding: 0 0 10px 0;
    margin: 0;
}

#wrapper #content #left-nav ul li a {
    text-decoration: none;
}

#wrapper #content #left-nav ul li a:hover {
    color: #ff0505;
    text-decoration: underline;
}

#wrapper #content #left-nav #build a {
    background: url('/Content/Images/coollogo.png');
    width: 110px;
    height: 150px;
    margin-left: -12px;
    display: block;
}

#wrapper #content #left-nav #build a span {
    display: none;
}

#wrapper #content #main {
    width: 900px;
    font-size: 90%;
    padding-left: 35px;
    margin-left: 125px;
}

#wrapper #content #main #regbox {
    padding: 15px 0 0 0;
}

#wrapper #content #main #regbox label {
    width: 100px;
    float: left;
}

#wrapper #errors {
    margin-top: 15px;
    color: #4d4948;
    background-color: #fffebe;
    border: 1px solid #cbcbcb;
    font-size: 90%;
}

#wrapper #success {
    margin-top: 15px;
    color: #4d4948;
    background-color: #bce9b5;
    border: 1px solid #7ace6c;
    padding: 10px;
}

#wrapper th {
    text-align: left;
}

.error {
    border: 1px solid #C00;
    background: #FCC;
}

.success {
    background-color: #bce9b5;
    border: 2px solid #7ace6c;
}

#search {
    margin: 15px;
    font-size: 90%;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

#search input[type=submit] {
    display: none;
}

.buttonpalette {
    position: absolute;
    right: 5px;
    top: 3px;
}

.buttonpalette div {
    display: inline-block;
    margin-left: 3px;
}

.inlinebuttonpalette {
    position: relative;
    left:432px;
    top:3px;
    width:170px;
    margin-bottom: 1px;

}
.inlinebuttonpalette div {
    display: inline-block;
    margin-left: 3px;
}

.deletelink a:link,.deletelink a:visited,.tiolink a:link,.tiolink a:visited,.assistantLink a:link,.assistantLink a:visited,.resetlink a:link,.resetlink a:visited,.bsmglink a:link,.bsmglink a:visited .deletelink a:link,.deletelink a:visited,a[href="/exportlist"],a[href="/newuser"],a[href="/newgroup"],a[href="/newfranchisee"],a[href="/newbga"],a[href="/newinstitution"],a[href="/newcarrier"],a[href="/newga_code"],.optimize {
    color: #fff;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 4px 0 5px 0;
    text-align: center;
    width: 50px;
    display: inline-block;
    text-decoration: none;
}

.deletelink a:link,.deletelink a:visited {
    background-color: #c33;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C33), to(#933));

    background-image: linear-gradient(top, #c33, #933);
    border: 1px solid #933;
    border-bottom: 1px solid #600;

    border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #f33;
}

.deletelink a:hover {
    background-image: linear-gradient(top, #f33, #c33);
}

.bsmglink a:link,.bsmglink a:visited {
    background-color: #0699cc;
    background-image: linear-gradient(top, #09c, #069);
    border: 1px solid #069;
    border-bottom: 1px solid #036;

    border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #09f;
}

.bsmglink a:hover {
    background-image: linear-gradient(top, #3cf, #39c);
}

.tiolink a:link,.tiolink a:visited {
    background-color: #006400;
    background-image: linear-gradient(top, #80FE80, #006400);
    border: 1px solid #006400;
    border-bottom: 1px solid #006400;

    border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #80FE80;
}

.tiolink a:hover {
    background-image: linear-gradient(top, #BFFEBF, #80FE80);
}

.assistantLink a:link, .assistantLink a:visited {
    background-color: #006400;
    background-image: linear-gradient(top, #80FE80, #006400);
    border: 1px solid #006400;
    border-bottom: 1px solid #006400;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #80FE80;
}

.assistantLink a:hover {
    background-image: linear-gradient(top, #BFFEBF, #80FE80);
}

.resetlink a:link,.resetlink a:visited {
    background-color: #FFCD17;
    background-image: linear-gradient(top, #80FE80, #FFCD17);
    border: 1px solid #FFCD17;
    border-bottom: 1px solid #FFCD17;

    border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #80FE80;
}

.resetlink a:hover {
    background-image: linear-gradient(top, #BFFEBF, #80FE80);
}

a[href="/exportlist"] {
    background-color: #F63;
    background-image: linear-gradient(top, #f63, #c63);
    border: 1px solid #c63;
    border-bottom: 1px solid #930;

    border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #f63;
    width: 100px;
}

a[href="/exportlist"]:hover {
    background-image: linear-gradient(top, #f96, #c63);
}

a[href="/newuser"],a[href="/newgroup"],a[href="/newfranchisee"],a[href="/newbga"],a[href="/newinstitution"],a[href="/newcarrier"],a[href="/newga_code"],.optimize {
    background-color: #666;
    background-image: linear-gradient(top, #666, #333);
    border: 1px solid #333;
    border-bottom: 1px solid #111;

    border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #666;
    width: 100px;
}

a[href="/newuser"]:hover,a[href="/newgroup"]:hover,a[href="/newfranchisee"]:hover,a[href="/newbga"]:hover,a[href="/newinstitution"]:hover,a[href="/newcarrier"]:hover,a[href="/newga_code"]:hover,.optimize:hover {
    background-image: linear-gradient(top, #999, #666);
}

.optimize {
    width: 140px;
}

div#sidebar {
    padding: 5px 5px 5px 5px;
    float: right;
    width: 275px;
    border: 1px #ccc solid;
}

div.bgasidebar {
    padding: 0;
    float: right;
    width: 150px;
    margin-top: -10px;
    border: 0;
}

div#results {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 600px;
}

div#results div.result {
    padding: 5px 35px;
    margin: 0px 0px 10px;
    background-image: url("/Content/Images/business_card.png");
    background-repeat: no-repeat;
    height: 140px;
    width: 530px;
    position: relative;
    vertical-align: middle;
    z-index: 0;
    font-size: 90%;
}

div#results div.group {
    height: 50px;
    border-bottom: 1px #000 solid;
}

div#results div.franchisee {
    height: 60px;
    border-bottom: 1px #000 solid;
}

div#results div.event {
    height: 100px;
    border-bottom: 1px #000 solid;
}

div#results div.bga {
    height: 115px;
    border-bottom: 1px #000 solid;
}

div#results div.contact {
    height: 115px;
    border-bottom: 1px #000 solid;
}

div#results div.gacode {
    height: 70px;
    border-bottom: 1px #000 solid;
}

div#results div.ga_code {
    height: 90px;
    border-bottom: 1px #000 solid;
}

div#results div.institution {
    height: 40px;
    border-bottom: 1px #000 solid;
}

div#results div.institution-flex {
    height: 100%;
    border-bottom: 1px #000 solid;
}

div#results div.result a.readMore {
    color: green;
}

div#results div.result h2 {
    font-size: 19px;
    margin: 0px 0px 5px;
    padding: 0px;
    color: #0699cc;
    font-weight: normal;
    display: inline;
}

div#results div.result h2 a {
    text-decoration: none;
    color: #0699cc;
}

div#results div.result p {
    margin: 0;
    padding: 0;
    line-height: 1.35em;
}

div#results table {
    border-collapse: collapse; /* 'cellspacing' equivalent */
width: 100%;
}

div#results table td,div#results table th {
    padding: 0; /* 'cellpadding' equivalent */
vertical-align: top;
    text-align: left;
}

div#results table td.header {
    border-bottom: 1px #ddd solid;
}

div#results table td.left {
    width: 275px;
}

div#results table td.spacer {
    width: 10px;
}

#total_page {
    font-size: 90%;
}

span.highlight {
    background: #FCFFA3;
    padding: 3px;
    font-weight: bold;
}

div.pagination {
    font-size: 14px;
    margin: 0px 0px 5px;
    padding: 0px;
    font-weight: normal;
}

.inputform {
    padding-top: 10px;
    background: url(/Content/Images/form_bg.png) repeat-y;
    border: 1px #dadada solid;
}

.inputform fieldset {
    margin: 0;
    padding: 0;
    border: none;
    display: inline;
    margin-left: 50px;
}

.inputform legend {
    display: none;
}

.inputform p {
    margin: .5em 0;
}

.inputform input,.inputform textarea {
    border: 1px solid #ddd;
    background: #fff url(/Content/Images/form_input.gif) repeat-x;
    padding: 3px;
}

.loginList {
    background: #ddd;
    border-collapse: collapse;
    border: 1px solid #bbb;
    width: 207px;
}

.loginList td {
    border-bottom: 1px solid #bbb;
    line-height: 1.5em;
    padding: 2px;
    font-size: 85%;
}

.loginList tr:hover {
    background-color: #e5e5e5;
}

.inputform label {
    display: inline-block;
    min-width: 140px;
}

#groupedit label {
    min-width: 250px;
}

.valid {
    border: 1px solid #7ace6c !important;
}

input[readonly=readonly] {
    color: #999;
}

.error {
    border: 2px solid #C00 !important;
}

#sidebarStickyWrapper {
    float: right;
}

.columns {
    column-count: 2;
    column-rule: 1px solid #ccc;
    margin-top: 10px;
}
#listofcarriers{
    background-color:#fff;
    border:1px solid #ddd;
    padding: 0px 10px;
}
.carrierselectall, .carrierselectnone{
    cursor:pointer;
    background:linear-gradient(#777, #444);
    color:#fff;
    border: 1px solid #111;
    display: inline-block;
    padding:5px;
    margin-top: 10px;
}

.link:hover {
	cursor: pointer;
    color: #ff0505;
    text-decoration: underline;
}

#wrapper #content #acct-left-nav {
    float: left;
    font-size: 95%;
    width: 100px;
    margin-left: 20px;
    position: fixed;
}

#wrapper #content #acct-left-nav #acct-build {
    background: url('/Content/Images/coollogo.png');
    width: 110px;
    height: 150px;
    margin-left: -12px;
    display: block;
}


#bga_preference_div p {
    margin: .5em 0;
    height:20px;
}


#bga_preference_div label {
    display: inline-block;
    min-width: 140px;
}

/*tooltip*/

#tooltipContext
{
    display:none;
    position:absolute;
    z-index: 9999 !important;
    /*background:none;*/
    /*width: 200px; 
    height: 160px;*/
    color: #fff;
    text-align:left;
	background-color: rgba( 0, 0, 0, .7);
	text-shadow: none;
	font-size: .8em;	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-border-radius: 7px; 
	border-radius: 7px;		
	opacity: 1;	
	padding: 5px 8px;		
	cursor: default;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;	
}

#tooltipContext:after{
	position: absolute;		
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 7px solid transparent;    
    
    left: 15px;
	top: 13%;	
	margin-top: -16px;
	/*bottom: auto;*/
	border-top-color: transparent;	
    border-bottom-color: rgba( 0, 0, 0, .7); /*This controls the position of the triangle ex: bottom points it up, left points it right*/		
}

.BoldTitle
{
    font-weight:bold;
        
}


.bsmglinkbutton {
    background-color: #0699cc;
    background-image: linear-gradient(top, #09c, #069);
    border: 1px solid #069;
    border-bottom: 1px solid #036;

    border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #09f;
    width:92px;
}

.tiolinkbutton {
    background-color: #006400;
    background-image: linear-gradient(top, #80FE80, #006400);
    border: 1px solid #006400;
    border-bottom: 1px solid #006400;

    border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #80FE80;
    width:92px;
}

.tiolinkbutton a:link,.tiolinkbutton a:visited,.bsmglinkbutton a:link,.bsmglinkbutton a:visited,.optimize {
    color: #fff;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 4px 0 5px 0;
    text-align: center;
    width: 90px;
    display: inline-block;
    text-decoration: none;
}
#container-two-cols {
    display: inline-block;
}

#left-side-logo {
    float: left;
}

#right-side-logo {
    padding: 10px 15px;
    float: right;
    max-width: 15%;
    text-align: center;
    border: 1px solid;
    border-color: #cbcccd;
    margin-top: 10px;
    margin-right: 15px;
}

.logoContainer {
    padding: 10px 0;
    border-style: solid;
    border-width: 2px 0;
    border-color: #ddd;
    min-height: 100px;
    min-width: 100px;
}

    .logoContainer img {
        max-width: 95%;
    }

#lbl-logo {
    min-width: auto !important;
    font-weight:bolder;
}

#btnUpdateLogo {
    color: #4cd48e;
    border-color: #4cd48e;
    border-radius: 6px;
    padding: 4px;
    border-style: solid;
    background-color: #fdfefe;
}

    #btnUpdateLogo:disabled, #btnUpdateLogo[disabled] {
        color: darkgray;
        border-color: darkgray;
        background-color: lightgrey;
    }

.logoLblContainer{
    margin-bottom:5px;
}

.removeButtonContainer{
    padding-right:5px;
}

.logoButtonsContainer {
    display: inline-flex;
    padding-top: 5px;
    text-align: -webkit-center;
}

#btnRemoveLogo {
    color: lightcoral;
    border-color: lightcoral;
    border-radius: 6px;
    padding: 4px;
    border-style: solid;
    background-color: #fdfefe;
}
.asmContainer {
	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline; 
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #999; 
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0; 
	position: relative;
	display: block;
	padding-left: 0; 
	list-style: none; 
}

.asmListItem {
	/* li item from the html list above */
	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #ddd;
	border: 1px solid #bbb; 
	width: 100%; 
	margin: 0 0 -1px 0; 
	line-height: 1em;
}

.asmListItem:hover {
	background-color: #e5e5e5;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px; 
	display: block;
}

.asmListSortable .asmListItemLabel {
	cursor: move; 
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0; 
	top: 0;
	padding: 5px; 
}


/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html, body {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

:root {
    --blue: #276fa8;
    --red: #c1272d;
    --orange: #f7931e;
    --green: #8bc53f;
    --white: #fff;
    --gray: #f2f2f2;
    --gray-dark: #333333;
    --primary: #276fa8;
    --secondary: #6c757d;
    --success: #8bc53f;
    --danger: #c1272d;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "open sans", Arial, sans-serif;
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: "open sans", Arial, sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}
/* ---- fonts and headlines ----*/

body {
    width: 100%;
    margin: 0;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #4d4d4d;
    text-align: left;
    background-color: #f3f2fc;
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #276fa8;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
    /* ---- links ----*/

    a:hover {
        color: #1b506d;
        text-decoration: none;
    }

    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none
    }

    a:not([href]):not([tabindex]):focus {
        outline: 0
    }

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

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

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

table {
    border-collapse: collapse
}
/* ---- captions and labels 
caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}
 
label {
    display: inline-block;
    margin-bottom: .5rem
}
 
 
-----*/

/* ---- buttons ----*/

#buttons {
    padding-bottom: 50px;
    float: none !important;
}

#tabs.ui-widget input[type="submit"] {
    color: white;
    border: none;
    font-size: 14px;
    width: auto !important;
    height: auto !important;
    padding: .3rem 1rem;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    background-color: #8bc53f;
    vertical-align: middle;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: inherit
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}
/* ---- more h1 - h6 ----*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1, h1 {
    font-size: 32px;
    color: #276fa8;
}

legend {
    font-size: 32px;
    color: #276fa8;
}

.h2, h2 {
    font-size: 32px;
    color: #276fa8;
    padding-bottom: 10px;
    border-bottom: .5px solid #1a5b86;
}

.h3, h3 {
    font-size: 1.75rem
}

.secondary-content h3 {
    margin-top: 35px;
    font-size: 22px;
    color: #276fa8;
    font-weight: 500;
}

.secondary-content p {
    color: #4d4d4d;
    font-size: 16px;
    line-height: 1.55;
    width: 800px;
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid #d6dde1;
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.secondary-order {
    margin: 10px;
}

span.bluebtn:hover {
    background-position: 0 50px;
}
/* ---- lists ----*/

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}
/* ---- text styling ----*/

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014 \00A0"
    }
/* ---- images ----*/

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}





/* ----- Code "Documentation and examples for displaying inline and multiline blocks of code with Bootstrap." - dont think we need this
.pre-scrollable
code, kbd, pre, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
 
code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}
 
a>code {
    color: inherit
}
 
pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}
 
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}
 
------- */

/* ---- Containers ----*/

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1300px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
/* ----- Rows Gutters and Columns -----*/

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .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-lg-auto, .col-md, .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-md-auto, .col-sm, .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-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}
/* ----- column wrapping ---*/

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
/* -----  ordering for mobile and responsive
 
.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}
.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}
.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}
.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}
.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}
.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}
.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}
.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}
.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}
.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}
.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}
.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}
 
 
 
---*/

/* ----- offset presets
.offset-1 {
    margin-left: 8.333333%
}
.offset-2 {
    margin-left: 16.666667%
}
.offset-3 {
    margin-left: 25%
}
.offset-4 {
    margin-left: 33.333333%
}
.offset-5 {
    margin-left: 41.666667%
}
.offset-6 {
    margin-left: 50%
}
.offset-7 {
    margin-left: 58.333333%
}
.offset-8 {
    margin-left: 66.666667%
}
.offset-9 {
    margin-left: 75%
}
.offset-10 {
    margin-left: 83.333333%
}
.offset-11 {
    margin-left: 91.666667%
}
 
 
 
------*/

/* ------ column sizing for mobile ---- */

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

table.display {
    clear: both;
    width: 100% !important;
    max-width: 100%;
    background: white;
    border-spacing: 0px 12px;
    border-collapse: separate;
    padding: 10px 10px 10px 0px;
    background-color: transparent;
    display: table !important;
}

    table.display tbody tr {
        background-color: #f2f2f2;
    }

td {
    padding: 10px 5px 10px 0px;
    font-size: 14px;
}

    td a {
        font-weight: 600;
        margin-left: 10px;
    }
/*----
 
 
.row{
 
    
@media screen and (max-width: 580px){
    padding: 14px 0 7px
    display: block
     
    &.header
      padding: 0
      height: 6px
       
      .cell
        display: none
     
    .cell
      margin-bottom: 10px
       
      &:before
        margin-bottom: 3px
        content: attr(data-title)
        min-width: 98px
        font-size: 10px
        line-height: 10px
        font-weight: bold
        text-transform: uppercase
        color: #969696
        display: block}}
 
.cell{
  padding: 6px 12px
  display: table-cell
@media screen and (max-width: 580px){
    padding: 2px 16px
    display: block
}}
 
*/

/* ---- tables not using 
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
}
.table thead th {
    vertical-align: bottom;
}
.table tbody+tbody {
}
.table .table {
    background-color: #fff
}
.table-sm td, .table-sm th {
    padding: .3rem
}
 
.table-striped tbody tr {
    background-color: #f2f2f2;
    border-bottom: 4px solid white;
}
 
.table-primary, .table-primary>td, .table-primary>th {
    background-color: #f2f2f2
}
.table-hover .table-primary:hover {
    background-color: #9fcdff
}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
    background-color: #9fcdff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
    background-color: #f2f2f2
}
.table-hover .table-secondary:hover {
    background-color: #f2f2f2
}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
    background-color: #f2f2f2
}
.table-success, .table-success>td, .table-success>th {
    background-color: #c3e6cb
}
.table-hover .table-success:hover {
    background-color: #b1dfbb
}
.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
    background-color: #b1dfbb
}
.table-info, .table-info>td, .table-info>th {
    background-color: #bee5eb
}
.table-hover .table-info:hover {
    background-color: #abdde5
}
.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
    background-color: #abdde5
}
.table-warning, .table-warning>td, .table-warning>th {
    background-color: #ffeeba
}
.table-hover .table-warning:hover {
    background-color: #ffe8a1
}
.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}
.table-danger, .table-danger>td, .table-danger>th {
    background-color: #f5c6cb
}
.table-hover .table-danger:hover {
    background-color: #f1b0b7
}
.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}
.table-light, .table-light>td, .table-light>th {
    background-color: #fdfdfe
}
.table-hover .table-light:hover {
    background-color: #ececf6
}
.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
    background-color: #ececf6
}
.table-dark, .table-dark>td, .table-dark>th {
    background-color: #c6c8ca
}
.table-hover .table-dark:hover {
    background-color: #b9bbbe
}
.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}
.table-active, .table-active>td, .table-active>th {
    background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}
.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}
.table-dark {
    color: #fff;
    background-color: #212529
}
.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #32383e
}
.table-dark.table-bordered {
    border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}
 
*/

/* ---- Responsive Tables 
 
@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}
@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}
@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}
@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive>.table-bordered {
    border: 0
}
/* ----- Forms -------*/

input {
    display: inline-block;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-right: 5px
}

.profileLabel {
    font-size: 14px;
}

select {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

option {
    background: #f2f2f2;
}

#page4_main #OwnerState, #page4_main #beneficiaryrelationship0, #page4_main #beneficiaryrelationship1, #page4_main #beneficiaryrelationship2, #page4_main #beneficiaryrelationship3, #page4_main #beneficiaryrelationship4, #page4_main #beneficiaryrelationship5, #page4_main #beneficiaryrelationship6, #page4_main #beneficiaryrelationship7, #page4_main #beneficiaryrelationship8, #page4_main #beneficiaryrelationship9, #page4_main #ownerrelationship, #page4_main #ownerrelationshipBusiness, #page4_main #beneficiaryrelationshipBusiness0, #page4_main #beneficiaryrelationshipBusiness1, #page4_main #beneficiaryrelationshipBusiness2, #page4_main #beneficiaryrelationshipBusiness3, #page4_main #beneficiaryrelationshipBusiness4, #page4_main #beneficiaryrelationshipBusiness5, #page4_main #beneficiaryrelationshipBusiness6, #page4_main #beneficiaryrelationshipBusiness7, #page4_main #beneficiaryrelationshipBusiness8, #page4_main #beneficiaryrelationshipBusiness9 {
    margin-top: 3px;
}

button, input[type=text], optgroup, select, textarea, #tabs .dataTables_filter input, input#emailaddress, .txt-email, input#emailaddresstest, #page1_main input#childunits, #main-Login #LoginPassword, input#owneremailaddress, input#owneremailaddresstest {
    background-color: #f2f2f2;
    border: none !important;
    border-radius: .25rem;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

select {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px !important;
}

input[type="text"] {
    padding: .375rem .75rem !important;
    font-size: 14px !important;
}

    input[type="text"]:focus {
        background: #f2f2f2;
    }

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #f2f2f2;
    border-color: #276fa8;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(39, 111, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly], input[type="text"].readonly {
    border: 1px solid #6c757d !important;
    color: rgb(84, 84, 84);
    opacity: .7;
}

#substandardtable:disabled {
    border: 1px solid #6c757d !important;
    color: rgb(84, 84, 84);
    opacity: .1;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}
/* ----- buttons for forms ----- */

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

    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn:hover, .btn:focus {
        color: #333;
        text-decoration: none
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        -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;
        pointer-events: none;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad
    }

    .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

.btn-primary {
    color: #fff;
    background-color: #276fa8;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #23628c;
    }

    .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #276fa8;
    }

.btn-success {
    color: #fff;
    background-color: #8bc53f;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #83b239;
    }

    .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #8bc53f;
    }

    .btn-success .badge {
        color: #8bc53f;
        background-color: #fff
    }
/* ---- buttons not needed
.btn-info{
    color:#fff;
    background-color:#5bc0de;
    border-color:#46b8da
}
 
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{
    color:#fff;
    background-color:#39b3d7;
    border-color:#269abc
}
.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{
    background-image:none
}
 
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{
    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:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{
    color:#fff;
    background-color:#ed9c28;
    border-color:#d58512
}
 
.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{
    background-image:none
}
 
.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{
    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:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{
    color:#fff;
    background-color:#d2322d;
    border-color:#ac2925
}
.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{
    background-image:none
}
 
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{
    background-color:#d9534f;
    border-color:#d43f3a
}
 
.btn-danger .badge{
    color:#d9534f;
    background-color:#fff
}
 
.btn-link{
    color:#428bca;
    font-weight:400;
    cursor:pointer;
    border-radius:0
}
 
.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
 
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{
    border-color:transparent
}
 
.btn-link:hover,.btn-link:focus{
    color:#2a6496;
    text-decoration:underline;
    background-color:transparent
}
 
.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{
    color:#999;
    text-decoration:none
}
 
------*/

/* ----- button groups  ----*/

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

    .btn-block + .btn-block {
        margin-top: 5px
    }
/* ----- dropdowns ----- */

.dropdown {
    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;
    list-style: none;
    font-size: 14px !important;
    background-color: #f2f2f2;
    /*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);
    background-clip: padding-box
}


.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    padding: .375rem .75rem !important;
    font-size: 14px;
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: right;
    white-space: nowrap;
    font-size: 14px;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 14px;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #f2f2f2
}

.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:hover, .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #999
}

    .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        cursor: not-allowed
    }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #999
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    margin-bottom: 1px
}
/* ----- Dropdowns for mobile ----- */

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}
/* ----- form feedbacks ----- */

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 10px;
        padding-left: 10px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0;
    font-size: 14px;
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0;
        display: inline;
        width: auto;
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #8bc53f
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40, 167, 69, .8);
    border-radius: .2rem
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #28a745
}

    .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
    }

    .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
        display: block
    }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
}

    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        background-color: #71dd8a
    }

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

    .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before {
        border-color: inherit
    }

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220, 53, 69, .8);
    border-radius: .2rem
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545
}

    .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
        display: block
    }

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
}

    .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        background-color: #efa2a9
    }

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

    .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before {
        border-color: inherit
    }

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }
/* ----- mobile forms ----- */

@media (min-width:576px) {
    .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}
/*----- buttons----*/

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

    .btn.focus, .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .btn.disabled, .btn:disabled {
        opacity: .65
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer
    }

        .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
            background-image: none
        }

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #276fa8
}

    .btn-primary:hover {
        color: #fff;
        background-color: #23628c
    }

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #276fa8;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #1b506d
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(39, 111, 168, .5)
        }

.btn-secondary {
    color: #fff;
    background-color: #b3b3b3;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #e6e6e6;
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
        }

.btn-success {
    color: #fff;
    background-color: #8bc53f
}

    .btn-success:hover {
        color: #fff;
        background-color: #83b239
    }

    .btn-success.focus, .btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(139, 197, 63, .5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #5a9b34
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #5a9b34
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(90, 155, 52, .5)
        }
/*---- buttons not needed 
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}
.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}
.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
 
 
 
.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}
.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}
.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
 
 
 
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}
.btn-danger.focus, .btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
 
 
 
 
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}
.btn-light.focus, .btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
 
 
 
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}
.btn-dark.focus, .btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
 
 
 
.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
 
 
 
.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
 
 
 
.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}
.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
 
 
 
.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}
.btn-outline-info.focus, .btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
 
 
 
.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}
.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}
.btn-outline-warning.focus, .btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
 
 
 
.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
.btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
 
 
 
.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-outline-light.focus, .btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
 
 
 
 
.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}
.btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
 
 
 
.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}
.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent
}
.btn-link.focus, .btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none
}
.btn-link.disabled, .btn-link:disabled {
    color: #6c757d
}
.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}
 
------*/

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

    .fade.show {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.show {
        display: block;
        margin-left: 12px;
    }

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}


.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}
/* ----- dropdowns  up, right and left 
.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: .125rem
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropright .dropdown-toggle::after {
    vertical-align: 0
}
.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}
.dropleft .dropdown-toggle::after {
    display: none
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropleft .dropdown-toggle::before {
    vertical-align: 0
}
 
 
----*/

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block;
    min-width: 100% !important;
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}
/*    -----   Button groups---*/

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

        .btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
            z-index: 1
        }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
            z-index: 1
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .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-left: -1px
    }

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after {
        margin-left: 0
    }

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .btn-group-vertical .btn, .btn-group-vertical .btn-group {
        width: 100%
    }

    .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-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}
/* ----- INPUT GROUPs Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.
.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}
.input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus {
    z-index: 3
}
.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control {
    margin-left: -1px
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.input-group>.custom-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label, .input-group>.custom-file:not(:first-child) .custom-file-label::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2
}
.input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}
.input-group-prepend {
    margin-right: -1px
}
.input-group-append {
    margin-left: -1px
}
.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}
 
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
 
 
 
----*/

input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
/*---
input[type="checkbox"]{
        -webkit-appearance: checkbox;
}
input[type="radio"] {
    -webkit-appearance: radio;
}
input[type="radio"]+label {
    margin-left: 5px;
}
input[type="checkbox"]+label {
    margin-left: 5px;
}

*?
/* ---- radio buttons, checkboxes, etc for a custom form ----*/

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .5px #fff, 0 0 0 .05rem rgba(0, 123, 255, .25)
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    margin-bottom: 0
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #dee2e6
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}
/* custom select menu */

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        opacity: 0
    }

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}


/* ------ navs----*/

header {
    background: linear-gradient(to right, #29abe2, #276fa8);
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#profiletoolbar {
    position: absolute;
    display: block;
    top: 20px;
    right: 30px;
    font-size: 12px;
    color: white
}

    #profiletoolbar a {
        color: white;
    }

        #profiletoolbar a:hover {
            color: white;
        }

#spanLogout.link {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    outline: none;
    font-weight: 400;
    cursor: pointer;
}

    #spanLogout.link:hover {
        color: white;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
/* ------ case status ------*/
.status-hero {
    background-image: url("Images/home_page_assets/carousel1Background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    padding: 20px 60px 0px 60px;
    border-radius: 10px 10px 0px 0px;
}

    .status-hero h1 {
        color: white;
    }

#main-case-status .secondary-content p {
    width: auto;
}

#main-case-status img {
    width: 100%;
}

#main-case-status .statusMobile {
    width: 70%;
    position: absolute;
    bottom: 0;
    right: 0;
}

#main-case-status .status-hero .col-8 {
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    max-width: 70%;
    flex: 0 0 70%;
}

#main-case-status .status-hero .col-4 {
    max-width: 30%;
    flex: 0 0 30%;
    position: relative;
}

#main-case-status .secondary-content .col-5 {
    margin-top: 30px
}

#main-case-status .status-hero .row {
    min-height: 220px;
}

#main-case-status {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #main-case-status .slaAlert, #main-case-status .slaIncomplete, #main-case-status .slaComplete {
        margin-right: 10px;
    }

    #main-case-status .slaKey {
        font-size: 13px;
        margin-left: 30px;
        white-space: nowrap;
    }

    #main-case-status h5 {
        color: #276fa8;
        font-size: 18px;
        font-weight: 600;
        width: 85%;
        margin-top: -40px;
        margin-left: 15px;
        line-height: 25px;
    }

/* ------ vive score ------*/
.score-hero {
    background-image: url("Images/home_page_assets/carousel3Background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    padding: 60px;
    border-radius: 10px 10px 0px 0px;
}

    .score-hero h1 span, .status-hero h1 span {
        font-style: italic;
        font-weight: 600;
        text-transform: uppercase;
    }

    .score-hero h1, .status-hero h1 {
        font-size: 45px;
        font-weight: 300;
    }

#main-vive-score h4 {
    font-size: 16px;
}

#main-vive-score .scoreList span {
    font-weight: 600;
}

#main-vive-score sup {
    color: #4d4d4d;
}

#main-vive-score .carouselImage4 {
    padding-top: 20px;
}

#main-vive-score img {
    width: 115%;
    margin-top: 20px;
}

#main-vive-score .container {
    margin-top: 20px;
}

/*------ au page ------*/
.au-hero {
    background-image: url("Images/home_page_assets/carousel2Background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    padding: 20px 60px;
    border-radius: 10px 10px 0px 0px;
}

#main-au .auImage1 {
    width: 115%;
    margin-top: 25px;
}

#main-au h3, #main-vive-score h3, #main-case-status h3 {
    font-size: 18px;
    font-weight: 600;
}

#main-au .au-hero .col-7 {
    margin-top: auto;
    margin-bottom: auto;
}

#main-au .container {
    margin-top: 40px;
}

#main-au .carrierHeading {
    margin-top: 60px;
}

.carrierHeading h2 {
    color: #8bc53f;
}

#main-au .auDesc {
    text-align: center;
    margin: 0 10%;
}

    #main-au .auDesc p a {
        color: inherit;
        text-decoration: underline;
    }

#main-au .AUHome {
    width: 80%;
    margin: 20px;
}

#main-au sup {
    color: inherit;
}

#main-au .auReq .col-3 {
    border-left: .5px solid #c3c4c6;
    border-top: .5px solid #c3c4c6;
    border-bottom: .5px solid #c3c4c6;
}

    #main-au .auReq .col-3:last-of-type,
    #main-au .auReq .col-3:nth-of-type(2) {
        border-right: .5px solid #c3c4c6;
    }

    #main-au .auReq .col-3 .tableHead {
        padding: 30px;
        border-bottom: .5px solid #c3c4c6;
        margin-left: -15px;
        margin-right: -15px;
        display: block;
    }

        #main-au .auReq .col-3 .tableHead img {
            margin-right: auto;
            margin-left: auto;
            display: block;
        }

#main-au .prinicpalLogo {
    margin-bottom: -10px;
}

#main-au .bannerLogo {
    margin-bottom: -9px;
}

#main-au .auReq h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #4d4d4d;
    letter-spacing: .5px;
}

#main-au .auReq h4 {
    font-size: 14px;
    font-weight: 600;
    padding-top: 20px;
}

#main-au .auReq ul {
    margin-top: 5px;
    padding-left: 20px;
    font-size: 14px;
}

#main-au .auReq {
    margin-top: 40px;
    margin-bottom: 40px;
}
/* ---- share quote page ------*/

#main-share-quote img {
    width: 100%;
}

#main-share-quote .share-hero {
    background-image: url("Images/home_page_assets/carousel1Background.jpg");
    background-repeat: no-repeat;
    text-align: left;
    padding: 60px;
    background-size: cover;
    border-radius: 10px 10px 0px 0px;
}

#main-share-quote {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #main-share-quote .share-hero h1 {
        font-size: 45px;
        color: white;
        font-weight: 300;
    }

        #main-share-quote .share-hero h1 span {
            text-transform: uppercase;
            font-style: italic;
            font-weight: 600;
        }

    #main-share-quote h2 {
        color: #8bc53f;
        border-bottom: none;
        font-size: 28px;
        padding-bottom: 0;
    }

    #main-share-quote .secondary-content {
        margin-top: 40px;
    }

        #main-share-quote .secondary-content p {
            width: auto;
        }

    #main-share-quote h4 {
        font-size: 28px;
        color: #2770a9;
        text-align: center;
        font-weight: 300;
    }

        #main-share-quote h4 span.shareItalic {
            color: #8bc53f;
            font-style: italic;
            font-weight: 600;
        }

    #main-share-quote .shareContent {
        margin-top: 50px;
    }

    #main-share-quote .secondary-content .col-12 p {
        font-size: 18px;
    }

    #main-share-quote p a {
        color: inherit;
        text-decoration: underline;
    }
/* ---- affiliated page ------*/

#main-affiliate-agencies, #main-au, #main-vive-score, #main-case-status {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    padding-bottom: 60px;
}

    #main-affiliate-agencies .helpRow .col-6 {
        padding-right: 20px;
    }

.affiliated-hero {
    background-image: url("Images/home_page_assets/carousel2Background.jpg");
    background-repeat: no-repeat;
    text-align: left;
    padding: 60px;
    background-size: cover;
    border-radius: 10px 10px 0px 0px;
}

#main-affiliate-agencies .helpRow {
    margin: 60px 0px;
}


.affiliated-hero h1, #main-au h1 {
    font-size: 45px;
    font-weight: 300;
}

#main-affiliate-agencies .helpRow h2 {
    border-bottom: none;
    font-size: 28px;
}

.affiliatedHero, .auHero {
    text-transform: capitalize;
    font-style: italic;
    font-weight: 600;
}

#main-affiliate-agencies .accessAffiliated, #main-affiliate-agencies .affiliatedDesc {
    text-align: center;
}

#main-affiliate-agencies .secondary-content p, #main-au .secondary-content p, #main-vive-score .secondary-content p {
    width: auto;
}

#main-affiliate-agencies .secondary-content {
    padding: 0;
}

.accessAffiliated h2, .carrierHeading h2 {
    text-align: center;
    position: relative;
    z-index: 2;
    border-bottom: none;
}

    .accessAffiliated h2 span, .carrierHeading h2 span {
        margin: 0;
        padding: 0 10px;
        background: #fff;
        display: inline-block;
        font-size: 28px;
    }

    .accessAffiliated h2:after, .carrierHeading h2:after {
        content: "";
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        border-top: solid 1px #c3c4c6;
        z-index: -1;
    }

.row.accessAffiliated.associate {
    padding-top: 30px;
}


/* ---- affiliated logos ----*/
.row.bgaLogoRow.AssociateBGA div.col-3:nth-of-type(4) {
    display: none;
}

.row.bgaLogoRow.AssociateBGA div.col-3 a[href*="https://www.myinforcesolutions.com/"] {
    display: none;
}

img.bgaLogo {
    max-width: 100%;
    width: auto;
    max-height: 70px;
    margin: auto;
    display: block;
}

img.NBALogo, img.VIPLogo, img.HermanLogo, img.MerzLogo {
    max-width: 100%;
    width: auto;
    max-height: 100px;
    margin: auto;
    display: block;
}

img.NBALogo {
    max-height: 120px;
}

.bgaLogoRow .col-3 {
    margin: auto;
}

.bgaLogoRow {
    width: 100%;
    height: 150px;
}

img.VIPLogo {
    margin-top: 40px;
}

.FPGLogo, .InnovativeLogo, .RasberryLogo, .AIGLogo, .BBALogo {
    max-height: 50px;
    margin: auto;
    display: block;
    max-width: 100%;
    width: auto;
}
/* ----- how vive works ----*/
#main-how-vive-works p a {
    color: inherit;
    text-decoration: underline;
}

#main-how-vive-works .fade {
    display: none;
}

    #main-how-vive-works .fade.show {
        display: block;
    }

#main-how-vive-works #v-pills-tab {
    border-right: 1px solid #c1c2c4;
    padding-right: 20px;
}

    #main-how-vive-works #v-pills-tab a {
        display: block;
        font-size: 24px;
        color: #b0b0b0;
        font-weight: 600;
        padding-bottom: 10px;
    }

        #main-how-vive-works #v-pills-tab a.active {
            color: #8bc53f;
        }

#main-how-vive-works .viveSteps h3 {
    font-size: 22px;
    color: #8bc53f;
    font-weight: 600;
    letter-spacing: .5px;
    margin-top: 0;
    line-height: 30px;
}

#main-how-vive-works .viveSteps p {
    font-size: 14px;
}

#main-how-vive-works .viveSteps {
    border: 1px solid #c1c2c4;
    border-radius: 10px;
    padding: 30px;
    margin: 5% 10%;
}

    #main-how-vive-works .viveSteps .tab-pane .row {
        height: 325px;
    }

    #main-how-vive-works .viveSteps .col-4, #main-how-vive-works .viveSteps .col-8 {
        margin-top: auto;
        margin-bottom: auto;
    }

    #main-how-vive-works .viveSteps img {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    #main-how-vive-works .viveSteps .ShareButton {
        width: 45%;
    }

    #main-how-vive-works .viveSteps .MouseButton {
        width: 40%;
    }

#main-how-vive-works h2 {
    font-weight: 500;
    border-bottom: none;
    color: #8bc53f;
    margin-top: 50px;
    font-size: 28px;
}

#main-how-vive-works .viveSteps .col-2 {
    margin-top: auto;
    margin-bottom: auto;
}

#main-how-vive-works .about-hero {
    background-image: url("Images/home_page_assets/carousel1Background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    padding: 20px 60px;
    border-radius: 10px 10px 0px 0px;
}

#main-how-vive-works {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

.about-hero h1 span {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
}

#main-how-vive-works .about-hero h1 {
    font-size: 45px;
    color: white;
    text-align: left;
    margin: 0;
    font-weight: 300;
}

#main-how-vive-works p {
    width: auto;
}

#main-how-vive-works .secondary-content {
    padding-bottom: 40px;
}

#main-how-vive-works .about-hero .col-7 {
    margin-top: auto;
    margin-bottom: auto;
}


/* ---- about-vive ----*/


#main-userprofile fieldset {
    display: inline-block;
}


/* ---- old about-vive 
#main-about-vive h4{
    font-size:16px;
    line-height: 22px;
}

#main-about-vive .secondary-cta-content, #main-about-vive .secondary-cta-button{
    display:none;
}

#main-about-vive  .secondary-cta.text-only .secondary-cta-content{
    display:block;
}


#main-about-vive .secondary-cta h2{
    font-size:28px;
    display:block;
}
.media-left-line {
    border: 2px solid #8bc53f;
    position: absolute;
    margin: 20px 120px;
    height: 90%;
}

#main-about-vive .media{
    width:95%;
}

#main-about-vive .about-hero .col-7,
#main-about-vive .about-hero .col-4{
    margin-top:auto;
    margin-bottom:auto;
}


.about-hero {
    background: linear-gradient(to right, #29abe2, #276fa8);
    text-align: center;
    padding: 60px;
}
.about-hero h1 {
    Font-size: 50px;
    font-weight: 200;
    color: white;
    margin-bottom: 60px;
}
----*/
/*----- About - Carrier-products ---- */

#main-carriers-products {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: hidden;
}

    #main-carriers-products th {
        color: #276fa8;
        font-weight: 700;
        background: white;
        font-weight: 600;
        padding-bottom: 10px !important;
    }

    #main-carriers-products tr.odd {
        background: #e6e6e6;
    }

    #main-carriers-products #specsheets {
        width: 100%;
        color: #4d4d4d;
        border-collapse: collapse !important;
        table-layout: fixed;
    }

        #main-carriers-products #specsheets a {
            color: #276fa8;
            font-weight: 600;
            display: inline-block;
        }

    #main-carriers-products th, #main-carriers-products td {
        padding: 15px 20px;
    }

    #main-carriers-products .interior-content {
        padding-bottom: 200px;
    }

.interior-cta-content h3 {
    color: #276fa8;
    text-align: center;
    padding: 80px 0px 20px 0px;
    font-size: 24px;
}

#main-carriers-products a#cta_button_422644_5efd7683-2ae0-4049-a8f4-cd7bd7190a37, a#cta_button_422644_4708f479-2712-4e67-892b-4a780395e145, #cta_button_422644_5efd7683-2ae0-4049-a8f4-cd7bd7190a37, .interior-sidebar .signup.redbtn {
    background-color: #8bc53f;
    margin: 0 auto;
    display: table;
    font-size: 14px;
    padding: .3rem 1rem;
    text-transform: capitalize;
    font-weight: 400;
}

    a#cta_button_422644_4708f479-2712-4e67-892b-4a780395e145:hover, #main-carriers-products a#cta_button_422644_5efd7683-2ae0-4049-a8f4-cd7bd7190a37:hover, .interior-sidebar .signup.redbtn:hover {
        background-color: #8bc53f;
        color: white;
    }

#main-carriers-products h1 {
    border-bottom: 1px solid #276fa8;
    padding-bottom: 10px;
}

#main-carriers-products .interior-sidebar .interior-widget:last-of-type, #main-carriers-products .interior-cta-content {
    display: none;
}





/* ---- Edit User Profile ----*/






#main-userprofile {
    background: white;
    margin: 50px;
    border-radius: 10px !important;
    box-shadow: 0 0 20px #ccc;
    padding: 10px 40px;
}


    #main-userprofile select {
        padding: .375rem .75rem;
        font-size: 14px;
    }

    #main-userprofile #update {
        margin-right: auto !important;
        margin-left: auto !important;
        margin-top: 40px;
        border: none;
        color: white;
        font-size: 14px;
        width: auto !important;
        height: auto !important;
        padding: .3rem 1rem;
        cursor: pointer;
        letter-spacing: 0;
        border-radius: 5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        text-align: center;
        background-color: #8bc53f;
        vertical-align: middle;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

.modal-body .interior-content {
    width: 100%;
    padding: 15px;
    margin: 0px;
    font-size: 14px;
}

    .modal-body .interior-content h3 {
        font-size: 20px;
        color: #276fa8;
        padding-top: 20px;
    }

#myModalLabel {
    background-color: none !important;
}

#main-userprofile #useredit2 input.success, #main-userprofile #useredit2 textarea.success, #main-userprofile #useredit2 select.success {
    background-color: #f1f8e8 !important;
}


#useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type {
    display: inline;
    width: 100%;
    float: left;
}

    #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type label {
        width: auto;
        float: left;
    }

    #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type input {
        width: auto;
        float: left;
        margin-top: 5px;
    }

    #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type a {
        width: 100%;
        float: left;
        padding: 0px;
        margin-top: 2px;
    }

#useredit2 input#send_auto_emails {
    margin-top: 5px;
}

#main-userprofile div[style*="margin-top:-10px;width:285px;float: right"] {
    width: 110% !important;
}


/* success and failure codes*/

#page1_main input[type=radio].success, #page2_main input[type=radio].success, #page3_main input[type=radio].success, #page4_main input[type=radio].success, #page5_main input[type=radio].success {
    background: #4a4a4a !important;
    border: 1px solid #a8a8a8;
}
/*------ Contact Us ----*/
div#divMainContent {
    display: block !important;
    min-height: auto !important;
}

#main-contact {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}

    #main-contact a {
        font-weight: 600;
    }

    #main-contact h3 a:first-of-type {
        font-size: 20px;
    }

    #main-contact p {
        font-size: 14px;
    }

#contact {
    width: 100%;
}

    #contact td.department {
        background: #e6e6e6 !important;
        font-style: italic;
    }

    #contact tr {
        background: white !important;
    }

    #contact td, #contact th {
        padding-left: 20px;
    }

    #contact th {
        color: #276fa8;
        font-weight: 700;
        background: white;
        font-style: normal;
        font-size: 16px;
    }

    #contact td {
        font-size: 16px;
    }

#main-contact h1 {
    border-bottom: 1px solid #276fa8;
    padding-bottom: 10px;
}

#main-contact h3 {
    margin: 30px 0px;
    font-size: 14px;
}

table#contact a {
    color: #4d4d4d;
}
/*----- Log In -----*/

#topbar {
    display: none;
}

nav li {
    float: left;
    display: inline;
    color: white;
}

nav#v3 form {
    float: left;
    margin: 0px;
    padding: 0px;
    width: auto;
}

nav#v3 {
    z-index: 1;
}

    nav#v3 .account {
        margin-top: -10px;
        height: 78px;
        overflow: hidden;
        padding-top: 0px;
    }


#loginwrap {
    position: relative;
}

    #loginwrap * {
        position: relative;
    }

    #loginwrap input {
        margin-top: 11px;
        font-weight: normal !important;
        padding: .375rem .75rem !Important;
    }

#global_loginbox {
    width: auto;
    float: left;
    padding: 0px;
}

nav#v3 input[type=text], nav#v3 input[type=password] {
    background: white;
    font-size: 11px !important;
    border: none;
}

nav#v3 .account li {
    padding: 10px 0px;
    margin-top: 0px;
    margin-left: 4px;
}

    nav#v3 .account li.last {
        position: relative;
    }

#top_account {
    position: relative;
    margin-top: 11px;
    padding: .375rem .75rem !Important;
}

#Check_Header_Unauth {
    display: block;
    position: relative;
    height: 25px;
    display: block;
    text-align: left;
}

#forgot {
    position: relative;
}

    #forgot a:link, #forgot a:visited, #forgot a:active {
        color: white !important;
        font-weight: 300;
        font-size: 11px;
        float: left;
        padding-left: 0px;
    }

.account a {
    text-decoration: none;
    padding: 5px 10px 5px 5px;
}

.graybtn {
    margin-left: 4px;
    background: #8bc53f;
    color: white;
    font-size: 11px;
    padding: .3rem 1rem;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    overflow: hidden;
    text-align: center;
}

.bluebtn {
    display: inline-block;
    font-size: 13px;
    padding: .3rem 1rem;
    color: white !important;
    margin-left: 4px;
    border-radius: 5px;
    background: #276fa8;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    overflow: hidden;
    text-align: center;
}

.redbtn {
    background: #c1272d;
    color: white;
    font-size: 11px;
    padding: .3rem 1rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    overflow: hidden;
    text-align: center;
}


.main-logo, #adminheader {
    background-image: url("/content/images/ViveLogo.svg");
    background-repeat: no-repeat;
    height: 120px;
    width: 227.595px;
    display: block;
    float: left;
    position: relative;
    margin: 17px 40px;
    background-size: 210px;
}
    /*
.main-logo:after{
    content:"Click Logo to Return to Home Page";
    color:white;
    font-size:10px;
    display:block;
    white-space: nowrap;
    margin-top:87px;
    margin-left:45px;
}
*/
    .main-logo span, .footer-logo span, #adminheader span {
        Display: none;
    }

nav ul {
    list-style-type: none;
    position: absolute;
    right: 30px;
    margin-top: 70px;
}

.adminmenu {
    width: 40% !important;
    margin-top: 50px !Important;
    float: right;
}

#menuwrapper li, #adminwrapper li {
    position: relative;
    padding-left: 15px;
    text-align: right;
    list-style-type: none;
    display: inline-block
}

#menuwrapper .submenu li {
    padding-left: 8px;
}

#menuwrapper .submenu li {
    width: 100%;
    text-align: left;
}

#menuwrapper li a, #adminwrapper li a, #footermenu li a {
    color: white;
    font-size: 14px;
    list-style: none;
    font-weight: normal;
}

#menuwrapper li:hover .submenu, #adminwrapper li:hover .submenu {
    z-index: 1051 !important;
    margin-top: 1.5rem;
    visibility: visible;
}

#menuwrapper li .submenu, #adminwrapper li .submenu, #footermenu li .submenu {
    position: absolute;
    left: 1em;
    width: 170px;
    display: inline;
    visibility: hidden;
    background: white;
    box-shadow: 0 0 4px #ccc;
    text-align: left;
    padding: 5px 0px 5px 0px;
    margin-top: 25px;
    border-radius: 6px;
    white-space: nowrap;
}

#menuwrapper li:last-of-type .submenu {
    width: 100%;
}

#menuwrapper li .submenu li a {
    color: #276fa8;
    font-size: 13px;
}

    #menuwrapper li .submenu li a:hover {
    }

#slider, ul, header {
    overflow: visible;
}

/*------ Footer -----*/
.footerbtn {
    background: #A0A0A0;
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: .1rem 1rem;
    letter-spacing: 1px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    overflow: hidden;
    text-align: center;
    position: relative;
    float: right !important;
    position: absolute;
    right: 20px;
    bottom: 140px;
}

    .footerbtn:hover {
        color: white;
        background: #276fa8;
    }

.mainContainer {
    min-height: 100vh;
    display: block;
    position: relative;
    padding-bottom: 200px;
}

footer {
    background: linear-gradient(to right, #29abe2, #276fa8);
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    width: 100%
}

.footer-logo {
    background-image: url("/Content/Images/logo.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    position: relative;
    background-size: contain;
    margin-top: 10px !important;
    height: 100px;
    max-height: 100px;
    width: 150px;
    margin-right:15px;
}

.copyright {
    text-align: right;
    color: white;
    display: inline-block;
    font-size: 10px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
}

footer .content-wrapper {
    background: white;
    padding: 30px 50px;
    box-shadow: 0 0 20px #ccc;
}

footer #footermenu ul {
    list-style: none;
}

footer #footermenu li {
    display: inline;
}

    footer #footermenu li a {
        padding-right: 7px;
        padding-left: 5px;
        border-right: 1.2px solid white;
        font-size: 12px;
    }

    footer #footermenu li:last-of-type a {
        border-right: none;
    }

    footer #footermenu li:first-of-type a {
        padding-left: 0;
    }

footer #footerbgaaddress a {
    color: #4d4d4d;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}

    footer #footerbgaaddress a br:nth-of-type(2) {
        display: none;
    }





    footer #footerbgaaddress a[href="https://www.google.com/maps/place/3700 Embassy ParkwaySuite 450 Akron, Akron"] br:nth-of-type(3), footer #footerbgaaddress a[href="https://www.google.com/maps/place/888 South Harrison StreetSuite 900 Fort Wayne, Fort Wayne"] br:nth-of-type(3) {
        display: none;
    }

footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/tnbc.png'); "] {
    background-repeat: no-repeat;
    display: block;
    float: left;
    position: relative;
    background-size: contain;
    height: 80px;
    max-width: 120px;
}

footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/ash.png'); "] {
    background-repeat: no-repeat;
    display: block;
    float: left;
    position: relative;
    background-size: contain;
    height: 90px;
    max-width: 250px;
    margin-right: 40px;
    margin-top: -5px !Important;
}

footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/target.png');"] {
    background-repeat: no-repeat;
    display: block;
    float: left;
    position: relative;
    background-size: contain;
    height: 90px;
    max-width: 250px;
    width: 250px;
    margin-top: -10px !important;
    margin-right: 40px;
}

footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bsmg.png'); "] {
    background-repeat: no-repeat;
    display: block;
    float: left;
    position: relative;
    background-size: contain;
    height: 35px;
    max-width: 375px;
    width: 270px;
    margin-top: 20px !important;
    margin-right: 40px;
    display: block;
}

footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bua.png'); "] {
    background-repeat: no-repeat;
    display: block;
    float: left;
    position: relative;
    background-size: contain;
    height: 90px;
    max-width: 210px;
}


footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/nba.svg'); "] {
    display: block;
    float: left;
    position: relative;
    background-size: contain;
    height: 80px;
    max-width: 210px;
    margin-right: -20px;
}

footer #footerbgaaddress {
    margin-top: auto;
    margin-bottom: auto;
}
/* ------ Progress Bread Crumb Indicator ----*/

.progress-indicator {
    list-style: none;
    width: 75%;
    margin: 0 auto;
    padding: 50px 0px 40px 0px;
    display: table;
    table-layout: fixed;
}

    .progress-indicator > li {
        position: relative;
        display: table-cell;
        text-align: center;
        font-size: 28px;
    }

        .progress-indicator > li span {
            position: absolute;
            color: #e6e6e6;
            transform: translateX(-50%);
            font-weight: 700;
            font-size: 13px;
            letter-spacing: 0.05px;
            text-transform: uppercase;
            width: 100%;
        }

        .progress-indicator > li::before {
            content: attr(data-step);
            display: block;
            margin: 0 auto;
            background: #e6e6e6;
            width: 1em;
            height: 1em;
            text-align: center;
            margin-bottom: 0.25em;
            line-height: 1.5em;
            border-radius: 100%;
            position: relative;
            z-index: 1;
        }

        .progress-indicator > li::after {
            content: '';
            position: absolute;
            display: block;
            background: #e6e6e6;
            width: 100%;
            height: 0.15em;
            top: 50%;
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
            left: 50%;
            margin-left: 1.5em\9;
            z-index: 0;
        }
        /* complete and current colors for breadcrumbs*/

        .progress-indicator > li:last-child:after {
            display: none;
        }

        .progress-indicator > li.is-complete {
            color: #276fa8;
        }

            .progress-indicator > li.is-complete::before, .progress-indicator > li.is-complete::after {
                color: #276fa8;
                background: #276fa8;
            }

            .progress-indicator > li.is-complete span {
                color: #276fa8;
            }

        .progress-indicator > li.is-current {
            color: #8bc53f;
        }

            .progress-indicator > li.is-current::before {
                color: #8bc53f;
                background: #8bc53f;
            }

            .progress-indicator > li.is-current span {
                color: #8bc53f;
            }
/*------ nav tabs  -----*/

#dashboardwrapper {
    background: white;
    margin: 30px 50px 50px 50px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 0 20px #ccc;
}

#tabs .ui-tabs-nav {
    margin-top: -5px;
    padding: 0;
    width: 100%;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
}

    #tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        flex: 1;
        text-align: center;
    }

        #tabs .ui-tabs-nav li.ui-tabs-active a {
            color: #276fa8;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            background-color: #f9f9f9;
            box-shadow: 0px 5px 0px #276fa8 inset;
        }

        #tabs .ui-tabs-nav li a {
            width: 100%;
            text-transform: uppercase;
            color: #276fa8;
            display: block;
            letter-spacing: 1px;
            margin-bottom: 50px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

a#placedorders_tab, a#savedorders_tab, a#casestatus_tab, a#reports_tab, a#dashboards_tab, a#documents_tab, a#admin_tab {
    border-right: .25px solid #cccccc;
    background: white;
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    color: #276fa8;
    font-weight: 300;
    text-transform: uppercase
}

    .nav-tabs .nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent
    }

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
/* ----- Sign Up Demo Order -----*/

#main-demo-signup {
    background: white;
    margin: 5% 25%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

/* reports tab */
#reportSelect {
    padding: .375rem .75rem;
}

/* Tableau reports tab */
#reportSelectTableau {
    padding: .375rem .75rem;
}


/* ---- new login ----*/
#main-Login {
    background: white;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    padding: 40px !important;
    width: fit-content;
}

    #main-Login #loginextras {
        display: none;
    }

    #main-Login .graybtn {
        Display: inline-block;
        border-radius: 5px;
        color: white;
        margin-right: 10px;
        padding: .3rem 1rem;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        cursor: pointer;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        background-color: #8bc53f;
        height: auto !important;
        letter-spacing: .5px;
    }
/* ----- log in and sign up page 
 
 
div#main-Login li.ui-tabs-tab{
    width:50%!important;
}
 
 
div#main-Login #tabs{
        background: white;
    margin: 30px 20% 50px 20%;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 0 20px #ccc;
}
 
div#main-Login #useredit{
    margin:10px 200px;
}
  #useredit2 .row:nth-of-type(23){
        display:inline!important;
        
    }
 
 
div#main-Login select#state{
    display:block;
    width:100%!important;
    margin-top:0px!important;
    padding:.375rem .75rem;
}
 
div#main-Login .checkbox{
    width:auto;
    display:inline-block;
}
 
div#tabs-signup a {
    float:right;
    font-size:12px;
    color:#276fa8;
    font-weight:bold;
}
 
div#tabs-signup label{
    font-size:14px;
}
 
div#main-Login div[style*="margin-left: 400px;"]{
    margin:0px 300px!important;
}
 
 
 
 
 
div[aria-hidden='true'] {
display: none;
}
 
 
 
div#main-Login  div[style*="margin-left: 90%;"]{
    margin-left:40%!important;
}

#main-login #tabs .ui-tabs-nav li {
    width: 50%!important;
}
#tabs-signup {
    margin: 0% 5%
}
#main-login .graybtn {
    padding: .5rem 1.5rem;
    font-size: 14px;
}
#main-Login h2{
    text-align:left!important;
    padding-left:10px;
}
#loginbox {
    position: static;
}
#loginbox h2 {
width:160%;
    margin-left:-100px;
    margin-bottom:30px;
}
#loginbox td:nth-of-type(1), #loginbox td:nth-of-type(3){
    padding:10px 5px 0px 5px;
    margin-bottom:-5px;
}

body#login-1 #main #tabs.ui-widget input[type="submit"] {
    padding: .5rem 1.5rem;
    font-size: 14px;
}
#login_error {
    text-decoration: none;
    text-align: center;
}
#login_error a {
    color: #276fa8;
    font-weight: 600;
    text-decoration: none!important;
    margin-left:0;
}
#loginbox br{
    display:none;
}
#login_error a:hover {
    font-weight: 700;
}
#loginextras {
    text-align: left;
    font-size: 20px;
    color: #276fa8;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom:40px;
    margin-top:20px;
        width: 50%;
    margin-right: auto;
    margin-left: auto;
}
 
#tabs-login tr{
    display:grid;
}
#tabs-login tr:nth-of-type(4){
    display:inline;
}
#tabs-login{
    margin-left:0;
    min-width:100%;
}
#tabs-login input#login{
    margin-left:20px;
    float:right;
}
 
#loginbox table{
    min-width:50%;
    margin-left:auto;
    margin-right:auto;
    
}
#loginbox input[type="text"], #loginbox #LoginPassword{
    width:100%;
}
#loginextras a {
    font-size: 14px;
    color: white;
    background: #8bc53f;
    font-weight: 400;
    padding: .3rem 1rem;
    border-radius: 5px;
    text-align:center;
    text-decoration: none!important;
    margin-top:20px;
    display:inline-block;
}

#loginextras a:nth-of-type(2){
    display:none;
}
 
 
#loginextras a:hover {
    font-weight: 600;
}
-----*/
form table {
    margin: auto;
}

#page1_main .pb-3:nth-of-type(8) {
    margin-bottom: 5px;
}



@media (max-width:1199.98px) {
    .cmxform {
        margin: 0;
    }
}

@media (max-width:991.98px) {
    .cmxform {
        margin: 0
    }
}

@media (max-width:767.98px) {
    .cmxform {
        margin: 0
    }
}

@media (max-width:575.98px) {
    .cmxform {
        margin: 0
    }
}

.cmxform select {
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #f2f2f2;
    background-clip: padding-box;
    border: .5px solid #f2f2f2;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-top: 10px;
}

.cmxform input {
    width: 100%;
    display: block;
}

#promo_code label {
    font-size: 10px;
}
/* ----- Account - Manage -----*/

#main-manage {
    background: white;
    margin: 5% 25%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}
/* ----- Account - Recovered Password -----*/


#main-recoverpassword {
    background: white;
    margin: 5% 15%;
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}

    #main-recoverpassword .interior-content {
        width: 90%;
    }

    #main-recoverpassword h2 {
        text-align: left !important;
        border-bottom: .5px solid #1a5b86 !important;
        margin: 0px !important;
    }

    #main-recoverpassword .redbtn {
        background: #8bc53f;
        font-size: 14px !important;
        display: inline-block;
    }

    #main-recoverpassword input#email {
        background-color: #f2f2f2;
        border: none !important;
        border-radius: .25rem;
        padding: .375rem .75rem !important;
    }

    #main-recoverpassword label#email-error {
        font-size: 12px;
        color: #c1272d;
        display: block;
    }

    #main-recoverpassword form#recoverpassword {
        margin-left: 20px;
        margin-top: 40px !important;
    }

/* ----- Account - Register -----*/

#main-register {
    background: white;
    margin: 5% 25%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}
/* ----- Account - Session Expired -----*/

#main-session_expired {
    background: white;
    margin: 50px 15%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    padding: 50px 50px 200px 50px;
}

    #main-session_expired p {
        text-align: center;
    }

    #main-session_expired .secondary-content p {
        width: auto !important;
    }

    #main-session_expired a {
        font-weight: 600;
    }

    #main-session_expired h2 {
        text-align: center;
        border-bottom: none;
    }
/* ----- Account - Forgot Password -----*/

#main-ForgotPassword {
    background: white;
    margin: 5% 25%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    padding: 0px !important;
    max-width: 800px;
}

    #main-ForgotPassword div {
        padding: 40px 40px 20px 40px !important;
        margin-left: auto;
        margin-right: auto;
    }

    #main-ForgotPassword br {
        display: none;
    }

    #main-ForgotPassword h2 {
        text-align: left !important;
        border-bottom: .5px solid #1a5b86 !important;
        margin: 0px !important;
        font-size: 32px !important;
        color: #276fa8 !important;
        font-weight: normal !important;
    }

    #main-ForgotPassword #btnCancel {
        background-color: #b3b3b3;
    }

    #main-ForgotPassword #btnSubmit {
        background: #8bc53f;
    }

    #main-ForgotPassword #btnCancel, #main-ForgotPassword #btnSubmit {
        font-size: 14px !important;
        display: inline-block;
        padding: .3rem 1rem !important;
        font-weight: 400 !Important;
    }

    #main-ForgotPassword p[style*="padding-bottom: 5px; width:350px"] {
        width: 100% !important;
        margin-top: 40px;
    }

    #main-ForgotPassword input:nth-of-type(3) {
        margin-left: 30px;
    }

    #main-ForgotPassword label {
        position: inherit !important;
        bottom: 0px !important;
    }


/* ---- Cancel order ------- */
#main-Cancel {
    background: white;
    margin: 50px 20%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: hidden;
    padding: 10px 50px;
}

    #main-Cancel #backtosubmit, #main-Cancel #returntohome {
        margin-bottom: 10px;
        background-color: #276fa8;
        border-radius: 5px;
        font-size: 14px !important;
        font-weight: 400;
        color: white;
        font-size: 16px;
        margin-left: 4px;
        padding: .3rem 1rem;
        vertical-align: middle;
        cursor: pointer;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        overflow: hidden;
        text-align: center;
    }

    #main-Cancel #cancelagreementform, #main-Cancel #buttons {
        margin-left: auto;
        margin-right: auto;
        width: auto !important;
    }

    #main-Cancel #buttons {
        margin-top: 20px;
    }
/* ----- Account - Change Password -----*/


#main-ChangePassword {
    background: white;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    padding: 0px !important;
    width: fit-content;
    padding: 20px 40px !important;
}


    #main-ChangePassword h2 {
        text-align: left !important;
        border-bottom: .5px solid #1a5b86 !important;
        margin: 0px !important;
        font-size: 32px !important;
        color: #276fa8 !important;
        font-weight: normal !important;
    }

    #main-ChangePassword #regbox {
        margin-top: 40px;
    }

    #main-ChangePassword input#newPassword, #main-ChangePassword input#confirmPassword {
        background-color: #f2f2f2;
        border: none !important;
        border-radius: .25rem;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        margin-left: 5px;
    }
/* ----- Account - Change Password Success -----*/

#main-ChangePasswordSuccess {
    background: white;
    margin: 5% 25%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}
/* ----- Contracting SB -----*/

#main-contractsb {
    background: white;
    margin: 50px 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #main-contractsb iframe {
        width: 100% !important;
        padding: 40px;
        border: none;
    }




/*------- Admin ---------*/
#main-index-Admin {
    background: white;
    margin: 50px 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}


    #main-index-Admin h2 {
        text-align: left;
        border-bottom: 1px solid #276fa8;
        padding-bottom: 10px;
        padding-top: 30px;
        margin: 20px 60px;
    }

    #main-index-Admin .colwrap {
        margin-left: 40px;
    }

    #main-index-Admin .col3.noborder.highlight {
        height: auto !important;
        padding: 40px;
        margin-left: 20px;
        width: 30%;
        display: block;
        float: left;
        background: #f2f2f2;
        border-radius: 8px;
        margin-bottom: 50px;
    }

    #main-index-Admin p {
        text-align: left !important;
        padding: 20px;
    }

/*------- BGA Admin ---------*/
.main-index-Admin {
    background: white;
    margin: 50px 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}


    .main-index-Admin h2 {
        text-align: left;
        border-bottom: 1px solid #276fa8;
        padding-bottom: 10px;
        padding-top: 30px;
        margin: 20px 60px;
    }

    .main-index-Admin .colwrap {
        margin-left: 40px;
    }

    .main-index-Admin .col3.noborder.highlight {
        height: auto !important;
        padding: 40px;
        margin-left: 20px;
        width: 30%;
        display: block;
        float: left;
        background: #f2f2f2;
        border-radius: 8px;
        margin-bottom: 50px;
    }

    .main-index-Admin p {
        text-align: left !important;
        padding: 20px;
    }



/*----- sso test ------*/
#Form_GetToken {
    background: white;
    margin: 50px 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}

    #Form_GetToken fieldset {
        width: auto !important;
    }

    #Form_GetToken legend {
        text-align: center;
    }

    #Form_GetToken table {
        margin-bottom: 80px;
    }
/* ----- admin orders list -------*/
#main-index-Orders {
    background: white;
    margin: 50px 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}

    #main-index-Orders div#results div.result {
        padding: 10px 15px;
        margin: 0 0 10px;
        height: 250px;
        width: 625px;
        border: #000 1px solid;
        background-image: linear-gradient(to bottom, #fff, #dfe8ff);
        background-repeat: no-repeat;
        position: relative;
        vertical-align: middle;
        z-index: 0;
        font-size: 90%;
    }

    #main-index-Orders div#orderssidebar {
        margin-right: 40px;
        margin-top: 40px;
    }

    #main-index-Orders div#results {
        padding: 0;
        float: left;
        width: 680px;
        margin-left: 40px;
        margin-top: 40px;
    }

    #main-index-Orders #search {
        margin-top: 40px;
        margin-right: 10px;
        margin-left: 40px;
        padding: 5px;
        display: block;
        border-bottom: 1px solid #ddd;
    }

/* ----- admin product list -------*/
#main-productList {
    background: white;
    margin: 50px 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}


    #main-productList h3 {
        margin: 40px;
    }

    #main-productList .dataTables_wrapper {
        margin: 40px;
    }


    #main-productList .paging_full_numbers {
        width: auto !important;
        height: auto !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

/* ----- System Alerts  -----*/
#main-alertsystem {
    background: white;
    margin: 50px 150px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

.rightlabel {
    text-align: right;
}


.top-buffer {
    margin-top: 20px;
}

.hr_aling {
    margin-left: 60px;
    margin-right: 60px;
}

.div_aling_messages {
    margin: 0px 50px;
}
.div_aling_messages_tittle {
    margin: 0px 50px;
    padding-top: 45px;
}

#tbl_messages_paginate {
    text-align: center;
    padding: 10px 0px;
}

#tbl_messages_next:hover {
    color: white !important;
}

#tbl_messages_previous:hover {
    color: white !important;
}

.textbox_aling {
width:inherit;
}

/* ----- Contracting index -----*/

div#main-index-Contracting {
    background: white;
    margin: 50px 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

#main-index-Contracting h2 {
    text-align: left;
    border-bottom: .5px solid #1a5b86;
    margin-left: -20px;
}

#main-index-Contracting .secondary-content {
    margin-left: 20px;
    padding: 40px;
}

    #main-index-Contracting .secondary-content p {
        width: auto;
    }


        #main-index-Contracting .secondary-content p:nth-of-type(1) {
            margin-top: 40px;
            font-weight: 600;
        }
/*------- FAQ ----*/

#main-faq {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}

    #main-faq h1 {
        border-bottom: 1px solid #276fa8;
        padding-bottom: 10px;
    }

    #main-faq a {
        font-weight: 600;
    }

    #main-faq h2 {
        text-align: left;
        font-size: 20px;
        margin-top: 50px;
        margin-left: 5px;
        text-transform: capitalize;
        border-bottom: none;
    }

.faq-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.faq-question {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    cursor: pointer;
    color: #276fa8;
    text-decoration: none;
    background-color: #e7e7e7;
    border-color: transparent;
    font-size: 14px;
    font-weight: 600;
}

#main-faq .ui-accordion-header-active {
    background-color: #276fa8;
    color: white;
}


.faq-question:hover, .faq-question:active {
    color: white;
    background-color: #276fa8;
}

.faq-question:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.faq-answer {
    Display: none;
}

.faq-answer {
    font-size: 14px;
    margin: 20px 10px 20px 20px;
}

.ui-accordion .ui-accordion-content-active {
    display: block
}
/*------- How it works - E-signature ----*/

#main-e-signatures {
    background: white;
    margin: 5%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}
/*------- How it works ----*/

#main-how-it-works {
    background: white;
    margin: 5%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

.howitworks-hero {
    text-align: center;
    background: linear-gradient(to right, #29abe2, #276fa8);
    padding: 60px;
}

#main-how-it-works h1 {
    Font-size: 50px;
    font-weight: 200;
    color: white;
    margin-bottom: 60px;
}

.secondary-cta-content h2 {
    Font-size: 32px;
    font-weight: 600;
    margin: 60px 170px;
    border-bottom: none;
    text-align: center;
}

.secondary-content {
    padding: 0px 35px 0px 35px;
    position: relative;
}

    .secondary-content .media-left i.section-number.odd-number {
        left: 160px;
        top: 30px;
    }

#main-about-vive .secondary-cta-button {
    padding-bottom: 40px;
    margin-top: -40px;
}

.secondary-content .media-left i.section-number {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #8bc53f;
    color: white;
    border-radius: 30px;
    padding: 0;
    line-height: 48px;
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    font-style: normal;
}

.secondary-content .media-left img {
    background-color: #fff;
    width: 180px;
    height: auto;
}

.secondary-content .media-left, .secondary-content .media > .pull-left {
    padding: 20px 30px;
    position: relative;
    width: 287px;
}

.secondary-content .media-body, .secondary-content .media-left, .secondary-content .media-right {
    display: table-cell;
    vertical-align: top;
}

.secondary-content .media, .secondary-content .media-body {
    overflow: hidden;
    width: 75%;
}
/*------- Home - index ----*/
.home-hero .carousel-control-next, .home-hero .carousel-control-prev {
    width: 5%;
}

.home-hero .carousel-caption {
    right: 5%;
    top: 5%;
    left: 5%;
    min-width: 94%;
    display: block !Important;
}

    .home-hero .carousel-caption.d-none.d-md-block .container .row div:nth-of-type(2) {
        margin-top: -30px;
    }

    .home-hero .carousel-caption.d-none.d-md-block .container .row .col-5.even {
        margin-top: auto;
        margin-bottom: auto;
    }

    .home-hero .carousel-caption.d-none.d-md-block .container .row img.carouselImage4 {
        margin-top: 30px;
    }

.home-hero .col-5.even {
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    margin-left: -50px;
}

.home-hero img.carouselImage3, .home-hero img.carouselImage5, .home-hero img.carouselImage1, .home-hero img.carouselImage2 {
    width: 100%;
    height: auto;
}

.home-hero img.carouselImage4 {
    height: auto;
    width: 80%;
}

.home-hero .carouselEven h2, .home-hero .carouselEven p {
    color: #276fa8;
}

.home-hero .homeCarouselBtn, .carouselBtn, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d:hover, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d:active {
    margin-left: 4px;
    background: #8bc53f;
    color: white;
    font-size: 16px;
    padding: .3rem 1rem;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    text-transform: none;
    font-weight: 500;
}

    .home-hero .homeCarouselBtn, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d:hover, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d:active {
        float: left;
    }

.carouselBtn {
    display: inline-block;
}

#car #carouselDashboard .carousel-item {
    height: 250px !important;
}

#carouselDashboard .carouselImage2 {
    width: 110%;
    margin-top: 15px;
}

#carouselDashboard .carouselImage5 {
    width: 110%;
    margin-top: -15px;
}

#carouselDashboard .carouselImage6 {
    width: 60%;
}

#main-home-index {
    background: white;
    margin: 5%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

.home-hero {
    position: relative;
}

    .home-hero .container, #carouselDashboard .container {
        max-width: 100%;
        padding: 0;
    }

#carouselDashboard .container {
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
}

.home-hero h2, .home-hero p {
    color: #fff;
    color: #fff;
    line-height: 1.3em;
    margin-bottom: 30px;
    text-align: left;
}

.home-hero h2 {
    font-size: 50px;
    font-weight: normal;
    padding-bottom: 0px;
    border-bottom: none;
}

.home-hero p {
    font-size: 30px;
    font-weight: normal;
}

.home-hero-comm {
    background-size: cover;
    padding: 40px 50px;
    position: relative;
}

    .home-hero-comm h2, .home-hero-comm p {
        color: #fff;
        width: 375px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }

    .home-hero-comm h2 {
        font-size: 24pt;
        font-weight: 700;
    }

    .home-hero-comm p {
        font-size: 16pt;
        font-weight: 600;
    }

.home-hero .carousel1Background, .home-hero .carousel2Background, .home-hero .carousel3Background, #carouselDashboard .carousel3Background, #carouselDashboard .carousel1Background, #carouselDashboard .carousel2Background {
    width: 100%;
    height: auto;
}

#carouselDashboard .carousel3Background, #carouselDashboard .carousel1Background, #carouselDashboard .carousel2Background {
    border-radius: 10px;
}

#carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-4,
#carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-3, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-5 {
    margin-top: auto;
    margin-bottom: auto;
}


#carouselDashboard {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
}

    #carouselDashboard .carousel-item .row {
        height: 250px;
        margin-top: auto;
        margin-bottom: auto;
    }

    #carouselDashboard p {
        font-size: 19px;
        padding-bottom: 10px;
    }

a.dasboardCarouselBtn, a.dasboardCarouselStartBtn {
    margin-right: 10px;
}

#carouselDashboard .col-7, #carouselDashboard .col-8, #carouselDashboard .col-9 {
    margin-top: auto;
    margin-bottom: auto;
}

#carouselDashboard .carouselEven, #carouselDashboard .carouselEven h2 {
    color: #2670a6;
}

.carouselButton {
    position: absolute;
    z-index: 1;
}

#carouselDashboard .carousel-caption {
    top: 0;
    text-align: left;
    left: 7%;
    right: 12%;
}

#carouselDashboard .carousel-inner {
    min-height: 250px;
}

#carouselDashboard h2 {
    color: white;
    border-bottom: none;
    padding-bottom: 0;
}

#carouselDashboard img {
    width: 125%;
}

    #carouselDashboard img.carouselImage1 {
        height: 250px;
        width: auto;
    }

a.dasboardCarouselBtn, a.dasboardCarouselStartBtn {
    color: white;
    padding: .3rem 1rem;
    font-weight: 400;
    font-family: 'Open Sans';
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    width: auto;
    display: inline-block;
}


a.dasboardCarouselBtn {
    background-color: #8bc53f;
}

a.dasboardCarouselStartBtn {
    background-color: #ffc627;
}

.home-hero .redbtn, a#cta_button_422644_0ce75609-ca7a-4181-9ab2-e97f9195ab3c, a#cta_button_422644_0ce75609-ca7a-4181-9ab2-e97f9195ab3c:hover, a#cta_button_422644_0ce75609-ca7a-4181-9ab2-e97f9195ab3c:active {
    font-weight: 600;
    padding: .3rem 1rem;
    background-color: #8bc53f;
    letter-spacing: 1px;
}

a#cta_button_422644_0ce75609-ca7a-4181-9ab2-e97f9195ab3c {
    font-size: 14px;
}



#smallFont {
    font-size: 14pt;
}

.home-hero-video {
    position: absolute;
    bottom: 0;
    right: 30px;
    max-width: 50%;
}

.home-hero-imac {
    position: relative;
    top: 5px;
    max-width: 100%;
    width: 80%;
}

.home-hero-play {
    position: absolute;
    top: 42px;
    left: 41px;
    right: 39px;
    bottom: 87px;
}

.home-save-time {
    background: white;
    padding: 30px 50px;
    position: relative;
    border-radius: 8px;
    margin: 20px 40px;
    box-shadow: 0 0 20px #ccc;
}

    .home-save-time h5 {
        color: #276fa8;
        font-weight: 600;
        font-size: 18px;
    }

    .home-save-time .col-3 {
        margin-top: auto;
        margin-bottom: auto;
    }

    .home-save-time .learnMoreBody img {
        max-width: 75px;
        max-height: 50px;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    .home-save-time .learnMoreBody .slaSteps {
        max-height: 60px;
    }

    .home-save-time .learnMoreBody p {
        font-size: 13px;
    }

    .home-save-time .collapse.show {
        margin-left: 0;
    }

    .home-save-time h2 {
        border-bottom: none;
        color: #36a1c2;
        font-size: 36px;
        font-weight: 500;
    }

    .home-save-time .saveClock {
        max-height: 125px;
        height: auto;
        margin-left: -30px;
        width: 100%;
    }

    .home-save-time .graybtn {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 16px;
        padding-right: 20px;
        padding-left: 20px;
    }

        .home-save-time .graybtn:hover, .home-save-time .graybtn:active, .home-save-time .btn-primary:not(:disabled):not(.disabled):active, .home-save-time .graybtn:focus, .home-tour-button .graybtn:hover, .home-tour-button .graybtn:active, .home-tour-button .btn-primary:not(:disabled):not(.disabled):active, .home-tour-button .graybtn:focus {
            background-color: #8bc53f;
        }

    .home-save-time .col-2 {
        margin-top: auto;
        margin-bottom: auto;
        display: block;
    }

    .home-save-time .col-7 {
        margin-top: auto;
        margin-bottom: auto;
    }

    .home-save-time .learnMoreBody a {
        text-decoration: underline;
        color: #4d4d4d;
    }

    .home-save-time .learnMoreBody .row {
        border-top: 1px solid #c3c4c6;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .home-save-time .learnMoreBody .col-10 {
        padding-right: 100px;
    }

    .home-save-time .learnMoreBody {
        margin-top: 40px;
    }
/*
.home-tablet {
    background:white;
    padding: 30px 280px 30px 50px;
    position: relative;
    border-radius: 8px;
    margin:40px;
        box-shadow: 0 0 20px #ccc;
}
.home-tablet-icon {
    background-image: url('/Content/Images/sprite.png');
}
.home-tablet .bluebtn {
   text-transform: uppercase;
    font-weight:600;
    letter-spacing: 1px;
    margin-left:0;
    font-size:14px;
}
.home-tablet img {
    position: absolute;
    right: 30px;
    bottom: 0;
}
.home-tablet p {
    color: #276fa8;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
*/
.home-tour {
    padding: 0;
    background-color: #fff;
    border-radius: 8px;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 20px;
    box-shadow: 0 0 20px #ccc;
}

.home-tour-column {
    width: 50%;
    padding: 0px 35px;
    margin: 35px 0px 10px;
    text-align: center;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*display:table-cell;*/
}

    .home-tour-column:nth-of-type(3) {
        display: none;
    }

    .home-tour-column:nth-of-type(1) {
        border-right: 1px solid #c0c0c0;
    }


.home-tour-columns {
    /*display:table;*/
}

.home-tour-button {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    width: 100%;
}

    .home-tour-button .graybtn {
        padding: 15px 30px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 16px;
        padding: 5px 20px;
    }

.home-tour-icon {
    height: 75px;
    background-image: url('/Content/Images/sprite.png');
    margin: 20px auto;
}

.home-tour-order {
    width: 92px;
    background-position: -200px 0px;
}

.home-tour-complete {
    width: 73px;
    background-position: -300px 0px;
}

.home-tour-esig {
    width: 126px;
    background-position: -400px 0px;
}

.home-tour-heading {
    color: #36a1c2;
    font-size: 24px;
    font-weight: 600;
}

.home-tour-paragraph {
    font-size: 13px;
    margin-right: 30px;
    margin-left: 30px;
}

.home-testimonials {
    background-color: white;
    color: #2b424c;
    text-align: center;
    position: relative;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 40px;
    border-radius: 8px;
    box-shadow: 0 0 20px #ccc;
}

#main .home-testimonials ul, #main .home-testimonials li {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.home-carriers {
    display: none;
}

#main .home-testimonials li, #main .home-carriers > ul > li {
    display: none;
    opacity: 0;
    max-height: 0;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

    #main .home-testimonials li.active, #main .home-carriers > ul > li.active {
        display: block;
        opacity: 1;
        visibility: visible;
        max-height: inherit;
    }

.home-testimonials blockquote {
    padding: 50px;
}

.home-testimonials cite {
    display: block;
    margin-top: 20px;
}

.home-testimonials-name {
    font-weight: 700;
    font-size: 1.1em;
}

.home-testimonials .home-testimonials-pagi, .home-carriers .home-carriers-pagi {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -30px;
}

    .home-testimonials .home-testimonials-pagi .pagi-prev, .home-testimonials .home-testimonials-pagi .pagi-next, .home-carriers .home-carriers-pagi .pagi-prev, .home-carriers .home-carriers-pagi .pagi-next {
        width: 10px;
        height: 60px;
        position: absolute;
        cursor: pointer;
    }

    .home-testimonials .home-testimonials-pagi .pagi-prev, .home-carriers .home-carriers-pagi .pagi-prev {
        background: url('/Content/Images/carousel-left.png');
    }

    .home-testimonials .home-testimonials-pagi .pagi-prev {
        left: 20px;
    }

    .home-carriers .home-carriers-pagi .pagi-prev {
        left: 0;
    }

    .home-testimonials .home-testimonials-pagi .pagi-next, .home-carriers .home-carriers-pagi .pagi-next {
        background: url('/Content/Images/carousel-right.png');
    }

    .home-testimonials .home-testimonials-pagi .pagi-next {
        right: 20px;
    }

    .home-carriers .home-carriers-pagi .pagi-next {
        right: 40px;
    }

.home-carriers .active {
    width: 100%;
}

.home-carriers {
    text-align: center;
    padding: 20px;
    margin-left: 40px;
    margin-right: 40px;
    background-color: white;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 0 20px #ccc;
}

    .home-carriers h3 {
        color: #1a5b86;
        font-family: 'Open Sans';
        font-weight: 600;
        font-size: 16pt;
    }

    .home-carriers ul {
        padding: 0;
        margin: 0;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        height: 120px;
    }

        .home-carriers ul li {
            /*float: left;*/
            display: inline-block;
            width: 25%;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .home-carriers ul li img {
                max-width: 150px;
                max-height: 50px;
                height: auto;
                margin: 0 auto;
            }

    .home-carriers a {
        font-weight: 400;
    }

.tablet {
    position: absolute;
    right: -20px;
    top: 0px;
}

.tabletbutton {
    cursor: pointer;
}

.tabletgraphic {
    background-image: url("/Content/Images/tablet.png");
    height: 72px;
    width: 90px;
    position: relative;
    left: 20px;
}

.tabletimage {
    position: absolute;
}

.appletablet {
    left: 195px;
}

.androidtablet {
    left: 500px;
}

.initialhide {
    display: none;
}

.tabletsmallicon {
    width: 0px;
    height: 65px;
    background-image: url("/Content/Images/appleandroidsmall.png");
    position: absolute;
    right: 0px;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
}

.applesmallicon {
    background-position: 0 0;
}

.androidsmallicon {
    background-position: 0 -85px;
}

.smalliconlabel {
    display: none;
    position: absolute;
    right: 50px;
    top: 70px;
    color: #36a1c2;
}

.tabletdirections {
    display: none;
    margin: 15px 150px 0 250px;
    list-style-type: decimal;
}

    .tabletdirections li {
        display: block;
        padding: 5px 10px;
        list-style-type: decimal;
    }
/*------- Home - maintenance ----*/

#main-maintenance {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}
/*------- Home - Privacy policy & Terms of Use ----*/

#main-privacy-policy, #main-terms-of-use {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    overflow: auto;
}

    #main-privacy-policy h3, #main-terms-of-use h3 {
        color: #276fa8;
        font-size: 20px;
        margin-top: 40px;
        overflow-wrap: break-word;
    }

    #main-privacy-policy h1, #main-terms-of-use h1 {
        text-align: left !important;
        border-bottom: .5px solid #1a5b86 !important;
        margin: 0px !important;
        font-size: 32px !important;
        color: #276fa8 !important;
        font-weight: normal !important;
        padding-bottom: 10px;
    }

    #main-privacy-policy p, #main-terms-of-use p {
        line-height: 25px;
    }

/*------ DASHBOARD ------*/

#tabs-reports .nav-pills > li > a.active, #tabs-reports .nav-pills > li > a.active:hover, #tabs-reports .nav-pills > li > a.active:focus {
    background-color: #276fa8 !important;
}

#tabs-reports .nav-pills > li > a {
    margin-bottom: 10px;
}


#panels {
    margin: 0px 50px;
    padding-bottom: 20px;
}

#dashcharts {
    margin-right: 0px;
    margin-left: 0px;
    max-width: none;
}

    #dashcharts .widget {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #276fa8;
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin: 5px;
        border-radius: 5px;
    }

        #dashcharts .widget h6 {
            padding: 2px;
            padding-left: 10px;
            width: 100%;
            text-align: left;
            color: white;
            line-height: 2em;
            background-color: #276fa8;
        }

    #dashcharts .canvas-container {
        position: relative;
        padding: 5px;
    }

    #dashcharts .alert-widget h6 {
        background-color: #c1272d !important;
    }

    #dashcharts .alert-widget {
        border: 1px solid #c1272d;
    }
/* ---- search and show on case status -----*/

.slaIncomplete {
    display: inline-block;
    margin: 0 auto;
    background: #276fa8;
    color: white !important;
    font-weight: 600 !important;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    font-size: 10px !important;
}

.slaComplete {
    display: inline-block;
    margin: 0 auto;
    background: #8bc53f;
    color: white !important;
    font-weight: 600 !important;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    font-size: 10px !important;
}

.slaAlert {
    display: inline-block;
    margin: 0 auto;
    background: #c1272d;
    color: white !important;
    font-weight: 600 !important;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    font-size: 10px !important;
}

.alertText {
    color: #c1272d !important;
    font-size: 12px !important;
    background: #f8d7da;
    border-radius: 6px;
    padding: 3px 10px 3px 10px;
    margin-top: 5px;
    box-sizing: border-box;
    margin-left: 30px;
}

    .alertText:last-of-type {
        margin-bottom: -15px;
    }

    .alertText:first-of-type {
        margin-top: 0px;
    }


.slalisting li {
    display: block;
    float: none;
    font-size: 14px !Important;
    margin: auto !important;
    margin-right: auto !important;
    background: none;
    height: auto !Important;
    text-align: left;
}

#casestatustab .hasActionRequired, #casestatustab .actionRequiredAlertText {
    color: #c1272d;
    font-weight: 600;
}

#casestatustab .hasCarrierAlert, #casestatustab .actionRequiredAlertText {
    color: #c1272d;
    font-weight: 600;
}

#tabs-casestatus #casestatustab_wrapper .dataTables_length {
    margin-right: 270px !Important;
}

#casestatustab .slalisting li.slaComplete div {
    color: rgba(107, 107, 107, .5);
}

#casestatustab hr {
    display: none;
}

#casestatustab .slalisting li.slaComplete div .slaComplete {
    opacity: .5;
}

#casestatustab .slalisting li.slaComplete div, #casestatustab .slalisting li.slaAlert div,
#casestatustab .slalisting li.slaIncomplete div {
    font-weight: 600;
    padding: 4px 5px 4px 15px !important;
    margin-bottom: 3px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
}

    #casestatustab .slalisting li.slaComplete div .slaComplete, #casestatustab .slalisting li.slaAlert div .slaAlert, #casestatustab .slalisting li.slaIncomplete div .slaIncomplete {
        margin-top: -3px;
        margin-right: 5px;
    }

.resep {
    padding-bottom: 10px;
}

    .resep:last-of-type {
        border-bottom: none;
    }

#tabs .childrow:last-of-type .card:last-of-type {
    border-top: .5px solid #b3b3b3;
    padding-top: 15px;
    margin-top: 25px;
}

#tabs .childrow:last-of-type .card:first-of-type {
    margin-top: 25px;
}

#casestatustab td a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700 !important;
    margin-left: 0;
    line-height: 40px
}

#casestatustab .popover-header {
    font-size: 16px;
    color: #276fa8;
}

.popover .container {
    max-width: 500px;
}

.popover .ml-1 {
    margin-left: 0 !important;
}

.popover .col-5.ml-1 {
    max-width: 33%;
}

.popover .col-5 {
    max-width: 67%;
    display: inline;
    flex: 0 0 67%;
    padding-top: 15px;
}

.popover .col-10 {
    max-width: 75%;
    flex: 0 0 75%;
}

.popover .col-2 {
    max-width: 25%;
    flex: 0 0 25%;
}

#casestatustab .card .card-header a.collapsed:last-of-type:before, #casestatustab .card .card-header .slatoggleheader.collapsed:before {
    content: "\00FF0B";
    color: #4d4d4d;
    font-size: 12px;
}

#casestatustab .card .card-header a:last-of-type:before, #casestatustab .card .card-header .slatoggleheader:before {
    content: "\00FF0D";
    color: #4d4d4d;
    font-size: 12px;
}

#casestatustab .card .card-header .desktopcasemailto:before {
    display: none;
}

#tabs-casestatus #casestatustab_wrapper .casemailto {
    height: 15px;
    padding: 0px 10px;
    margin-bottom: 4px;
}

.mobilecasemailto {
    display: none;
}

#casestatustab .actionHeader {
    background-color: #f2f2f2;
    padding: 4px 5px 4px 15px !important;
    margin-left: 17px;
    margin-right: 5px;
    margin-top: -11px;
    margin-bottom: 10px;
}

    #casestatustab .actionHeader a {
        font-size: 14px;
        text-transform: capitalize;
        line-height: inherit;
    }

#casestatustab .card .actionHeader a span {
    font-weight: 600;
}

#casestatustab .card .actionHeader a .noActionsRequired {
    color: slategray;
    font-style: italic;
    font-weight: normal;
    font-size: 10px;
}

#casestatustab .card .actionHeader a:before {
    display: none;
}

#casestatustab .card .actionHeader a .hasActionRequired:before {
    display: inline-block;
    margin: 0 auto;
    background: #c1272d;
    color: white !important;
    font-weight: 600 !important;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    font-size: 10px !important;
    Content: "A";
    margin-right: 10px;
    margin-bottom: 3px;
}

#casestatustab .card .actionHeader a .hasCarrierAlert:before {
    display: inline-block;
    margin: 0 auto;
    background: #c1272d;
    color: white !important;
    font-weight: 600 !important;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    font-size: 10px !important;
    Content: "C";
    margin-right: 10px;
    margin-bottom: 3px;
}

#casestatustab .card .actionHeader a .noActionsRequired:before {
    display: none;
}

#casestatustab .card .actionHeader a .noCarrierAlert:before {
    display: none;
}

#casestatustab .card .actionHeader a span:before {
    background: #276fa8;
    padding: 0px 2px;
    border-radius: 2px;
    margin-right: 5px;
    color: white !important;
    font-weight: bold;
    font-size: 12px;
    content: "\00FF0D";
    margin-right: 10px;
}

#dashboardwrapper th.sorting.ui-state-default .DataTables_sort_wrapper:after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    content: "";
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#276fa8' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat 0 0;
    background-size: 85%;
}

#dashboardwrapper th.sorting.ui-state-default.sorting_desc .DataTables_sort_wrapper:after {
    content: "\0025BC";
    color: #276fa8;
    font-size: 8px;
    padding-left: 5px;
    vertical-align: text-top;
    margin-top: 2px;
    display: inline-block;
    background: none;
    margin-left: 0;
    width: auto;
    height: auto;
}

#dashboardwrapper th.sorting.ui-state-default.sorting_asc .DataTables_sort_wrapper:after {
    content: "\0025B2";
    color: #276fa8;
    font-size: 8px;
    padding-left: 5px;
    vertical-align: text-top;
    margin-top: 3px;
    display: inline-block;
    background: none;
    margin-left: 0;
    width: auto;
    height: auto;
}

#alertDiv {
    padding-left: 15px !important;
    width: 100%;
}

#tabs td {
    font-size: 14px !important;
    text-align: left !important;
}


#savedquotestab, #placedorders th {
    white-space: nowrap;
}

#tabs-savedorders:before {
    Content: "Saved Quotes";
}

#tabs-placedorders:before {
    Content: "Submitted Orders"
}

#tabs-casestatus:before {
    Content: "Case Status";
}

#tabs-reports:before {
    Content: "Reports"
}

#tabs-admin:before {
    Content: "Admin"
}

#tabs-dashboard:before {
    Content: "Dashboard"
}

#tabs-documents:before {
    Content: "Documents"
}

#tabs-savedorders:before, #tabs-placedorders:before, #tabs-casestatus:before, #tabs-reports:before, #tabs-admin:before, #tabs-dashboard:before, #tabs-documents:before {
    Float: left;
    text-align: left !important;
    border-bottom: .5px solid #1a5b86 !important;
    font-size: 32px;
    color: #276fa8 !important;
    font-weight: normal !important;
    padding-bottom: 10px;
    width: 100%;
    margin-top: 40px !important;
    padding-left: 10px;
    margin-bottom: 20px;
}

.caseStatusKey .collapse.show {
    margin-left: 0;
}

.caseStatusKeyCard {
    border: 1px solid #4d4d4d;
    border-radius: 5px;
    padding: 10px;
}

    .caseStatusKeyCard .slaKey {
        margin-right: 10px;
        font-size: 13px;
        display: inline-block;
    }

a.btn.btn-primary.caseStatusKeyButton.collapsed {
    background-color: #276fa8;
}

a.btn.btn-primary.caseStatusKeyButton {
    background-color: #4d4d4d;
    font-size: 13px;
}

b.infoLabel {
    font-weight: 600 !important;
}

.fg-toolbar:first-child {
    float: right !important;
    display: inline-block;
    z-index: 9999;
    margin-top: -75px;
}

#tabs .dataTables_length {
    padding: 5px;
    float: none !Important;
    text-align: left;
    font-size: 14px;
    Display: inline-block;
}

    #tabs .dataTables_length select {
        margin-left: 5px;
        height: 34px;
        font-size: 14px;
        line-height: 1.5;
        color: #495057;
        background-color: #f2f2f2;
        background-clip: padding-box;
        border: .5px solid #f2f2f2;
        border-radius: .25rem;
    }

#tabs .dataTables_filter {
    padding: 5px 10px !important;
    float: none !important;
    text-align: left !important;
    font-size: 14px !important;
    margin-right: 0;
    display: inline-block;
}

    #tabs .dataTables_filter input {
        Margin-left: 5px;
    }

#tabs td.cheeseburger {
    background: none;
}

    #tabs td.cheeseburger:before {
        content: "＋";
        color: #4d4d4d;
        float: right;
        padding-left: 5px;
        font-weight: bold;
    }

#tabs th {
    display: table-cell;
}

#tabs .shown td.cheeseburger:before {
    content: "－";
    color: #4d4d4d;
    float: right;
    padding-left: 5px;
    font-weight: bold;
}


/* ------- TARGET and ASH Integration -----*/
#targetdialog .modal-dialog .modal-header div {
    display: none;
}

#targetdialog .modal-dialog .modal-header {
    border-bottom: none;
}

#targetdialog .modal-dialog .modal-footer {
    border-top: none;
}

    #targetdialog .modal-dialog .modal-footer #btnTargetDialogOk {
        background-color: #8bc53f;
        margin-right: auto;
        margin-left: auto;
        padding-left: 40px;
        padding-right: 40px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px;
    }

#targetdialog .modal-dialog .modal-body center:first-of-type {
    font-size: 32px;
    color: #276fa8;
    font-weight: 600;
    margin-top: -20px;
}

#targetdialog .modal-dialog .modal-body center:nth-of-type(2) {
    margin-top: -20px;
}

#targetdialog .modal-dialog .modal-body center a {
    font-weight: 600;
}

/*Case Status Summary Formatting*/

table.cleantable, table.slatable {
    background-color: white;
    width: 100%;
    height: 100%;
}

    table.cleantable tbody tr, table.slatable tbody tr {
        background-color: white !important;
        border: none;
        font-size: 12px;
    }

        table.cleantable tbody tr:hover, table.slatable tbody tr:hover {
            background-color: inherit;
        }

        table.cleantable tbody tr td, table.slatable tbody tr td {
            width: 50%;
            margin: 2px;
            padding-right: 25px;
            font-size: 12px;
            border-bottom: none;
            vertical-align: text-top;
        }

            div.headerstyle, table.slatable tbody tr td div {
                border: 1px;
                background-color: lightgray;
                border-collapse: separate;
                border-radius: 3px;
                padding: 2px 5px 2px 5px;
                width: 300px;
                font-size: 12px;
            }

    table.cleantable.casedetails tbody tr td {
        width: 33%
    }

b.infoLabel {
    font-weight: bold;
}
/*Accordion Formatting*/

h3.caseStatusAccordion, h3.mainacc {
    font-size: 13px;
    color: darkblue;
    font-weight: bold;
    padding: 8px;
}

div.ui-accordion-content {
    border-bottom: 1px;
    border-bottom-color: lightgray;
    border-bottom-style: solid;
    padding: 0 0 0 40px;
    width: 95%;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
    min-width: 20px;
}

h3.caseStatusAccordion.ui-accordion-header {
    background: url('../images/details_open.png') no-repeat left center;
    text-indent: 20px;
}

    h3.caseStatusAccordion.ui-accordion-header.ui-state-active {
        background: url('../images/details_close.png') no-repeat left center;
        text-indent: 20px;
    }

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    display: none;
}

#dashboardwrapper .trash {
    width: 12px;
    height: auto !important;
}

#dashboardwrapper li.nav-item.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:last-of-type .ui-tabs-anchor {
    border-right: none;
}

.slaComplete {
    color: green;
    font-weight: bold;
}

.slaIncomplete {
    color: black;
    font-weight: bold;
}

.slaAlert, .alertText {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.alertBand {
    background-color: pink;
    color: red;
    text-align: center;
    margin: 20px 50px 0px 50px;
    border-radius: 6px;
    padding: 4px 0px;
}

#btnCloseAlert {
    background: transparent;
    color: #c1272d;
    margin-left: 10px;
    cursor: pointer;
    font-weight: 600;
    padding: 0;
    position: relative;
    bottom: 1px;
}

#btnCloseCarousel {
    color: #fff;
    opacity: .5;
}

.mainContainer .bluebox {
    background: none;
}

.bluebox .carousel-control-next {
    right: -20px;
    width: 10%;
}

.bluebox .carousel-control-prev {
    left: -20px;
    width: 10%;
}

.bluebox .carousel-indicators li {
    width: 5px;
    height: 5px;
}

.bluebox #btnCloseCarousel {
    margin-left: 0px;
}
/* Carousel edits for new sliders
.mainContainer .bluebox {
    min-height: 200px;
    background: transparent;
    margin: 30px 50px 50px 50px;
}
*/
.bluebox .ordersubmitcar {
    padding: .3rem 1rem;
    font-weight: 400;
    font-family: 'Open Sans';
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    margin: 10px;
    width: auto;
}

.bluebox h3 {
    font-size: 20px;
}

.cartext {
    color: white;
}

.pdfwrapper .bluebtn {
    margin-left: 0;
}

.pdfwrapper #clientdataform h3, .pdfwrapper #clientstepbystep h3 {
    font-size: 28px;
    color: #276fa8
}

.pdfwrapper p {
    font-size: 14px
}

.pdfwrapper {
    border-top: .5px solid #1a5b86 !important;
    max-width: 90%;
    padding-top: 25px;
}

    .pdfwrapper .row {
        width: 100%;
    }

#alertbtn {
    color: #c1272d;
    background: transparent;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
}

.alertBand span {
    font-weight: bold;
}

.slalisting {
    background-color: white;
    margin-top: 0;
}

    .slalisting li {
        padding: 2px 5px 2px 5px !important;
        width: 100%;
    }

        .internalCollapse, .slalisting li div {
            border: 1px;
            background-color: #f2f2f2;
            border-collapse: separate;
            border-radius: 5px;
            padding: 2px 5px 2px 15px !important;
            font-size: 14px;
            width: 100%;
            color: #276fa8;
        }

.internalCollapse {
    color: black;
    font-weight: bold;
}

.caseinfo, .casesummary, .casedetails {
    margin: 10px 10px 10px -27px;
    font-size: 12px;
    line-height: 20px;
    white-space: normal;
}


#savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, #savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    margin-left: 10px;
    height: 14px;
    width: 14px;
    display: inline-block;
    position: relative;
    color: #4d4d4d;
    content: '＋';
    font-weight: bold;
    top: auto;
    left: auto;
    background-color: transparent;
    line-height: normal;
    font-family: 'open sans';
    text-align: left;
    box-sizing: inherit;
    box-shadow: none;
    border: none;
}


#savedorders_wrapper table.dataTable > tbody > tr.child span.dtr-title, #placedorders_wrapper table.dataTable > tbody > tr.child span.dtr-title {
    font-weight: 600;
    color: #276fa8;
}

#tabs #placedorders_wrapper td.child, #tabs #savedorders_wrapper td.child {
    padding-left: 10px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:first-child:before {
    display: none !important;
    padding-left: 10px;
}

#savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, #savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '－';
}

table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/*.collapsed {
        background: url('../images/details_open.png') no-repeat left center;
        text-indent: 20px;
    }
 
 
.opened {
    background: url('../images/details_close.png') no-repeat left center;
    text-indent: 20px;
}*/


/*-----
@media (min-width: 360px) {
    #tabs .ui-tabs-nav li {
        width: 50%;
        font-size: 12px;
        max-height: 48px;
    }
}
@media (min-width: 768px) {
    .slaitem {
        width: 50%;
    }
}
@media (min-width: 576px) {
    .slaitem {
        width: 33%;
    }
    #tabs .ui-tabs-nav li {
        width: 20%;
        font-size: inherit;
        max-height: inherit;
    }
}
 
 
 
/* ---- dashboard Tables ----*/

th {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 600;
    padding-right: 20px;
}
/* ---- Expansion ----*/

td.details-control {
    background: url(../images/details_open.png) no-repeat center center;
    cursor: pointer;
    min-width: 20px;
}

/*------ nav pills
.nav-pills .nav-link {
    border-radius: .25rem
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}
.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}
.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}
.tab-content>.tab-pane {
    display: none
}
.tab-content>.active {
    display: block
}
 -----*/

/*------ nav bars -----*/

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar > .container, .navbar > .container-fluid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}
/*------ nav bar movile -----*/

@media (max-width:575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}
/*------ nav bar movile -----*/

@media (min-width:576px) {
    .navbar-expand-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}



/* ------Queue Error ------*/

#main-QueueError {
    background: white;
    margin: 5% 20%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #main-QueueError fieldset {
        width: auto !important;
    }

    #main-QueueError legend {
        border-bottom: .5px solid #1a5b86 !important;
        margin: 0px !important;
        font-size: 32px !important;
        color: #276fa8 !important;
        font-weight: normal !important;
    }

    #main-QueueError a {
        font-weight: 600;
    }

    #main-QueueError ul.niceList li {
        list-style: none;
        margin-left: 0;
    }

    #main-QueueError ul.niceList {
        margin-left: 0;
        margin-top: 0;
    }

    #main-QueueError p[style*="font-size: 10pt;"] {
        font-size: 14px !important;
    }

        #main-QueueError p[style*="font-size: 10pt;"]:nth-of-type(2) {
            font-size: 16px !important;
            color: #276fa8;
            margin-bottom: 5px;
        }
/* ------SSO - samlError ------*/

#main-samlError {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}
/* ------SSO -Error ------*/

#main-ssoError {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}
/* ------ error page ------*/

#main-error {
    background: white;
    margin: 5% 20%;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #main-error legend {
        border-bottom: .5px solid #1a5b86 !important;
        margin: 0px !important;
        font-size: 32px !important;
        color: #276fa8 !important;
        font-weight: normal !important;
    }

#errorfrom {
    text-align: left;
    padding: 20px 50px;
}

#main-error #errorfrom p, #main-error #errorfrom ul.niceList {
    margin-left: 20px;
    margin-top: 0px !important;
}

#main-error #errorfrom p {
    padding-top: 20px;
}

    #main-error #errorfrom p:nth-of-type(2) {
        font-size: 20px !important;
        color: #276fa8;
        font-weight: 600;
    }

#main-error #errorfrom ul.niceList li {
    list-style-type: none !important;
    margin-left: -2px;
}

#main-error #errorfrom ul.niceList a {
    font-weight: 600;
}

#main-error fieldset {
    width: 100% !important;
}


/*------ nav bar tablet -----*/

@media (max-width:767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}
/*------ nav bar tablet -----*/

@media (min-width:768px) {
    .navbar-expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}
/*------ nav bar responsive-----*/

@media (max-width:991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}
/*------ nav bar responsive -----*/

@media (min-width:992px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}
/*------ nav bar responsive -----*/

@media (max-width:1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}
/*------ nav bar responsive -----*/

@media (min-width:1200px) {
    .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}
/*------ nav bar -----*/

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
/*------ pre colored nav bars
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
    color: #fff
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
    color: #fff
}
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #fff
}
 
 
 
--------*/

/* ------ Cards
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}
.card>hr {
    margin-right: 0;
    margin-left: 0
}
.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}
.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}
.card-title {
    margin-bottom: .75rem
}
.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}
.card-text:last-child {
    margin-bottom: 0
}
.card-link:hover {
    text-decoration: none
}
.card-link+.card-link {
    margin-left: 1.25rem
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}
.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}
.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}
.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.card-deck .card {
    margin-bottom: 15px
}
@media (min-width:576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}
.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.card-group>.card {
    margin-bottom: 15px
}
@media (min-width:576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:first-child .card-header, .card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:first-child .card-footer, .card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:last-child .card-header, .card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:last-child .card-footer, .card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-group>.card:only-child {
        border-radius: .25rem
    }
    .card-group>.card:only-child .card-header, .card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }
    .card-group>.card:only-child .card-footer, .card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}
.card-columns .card {
    margin-bottom: .75rem
}
@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}
 
 
 
 
 
-----*/

/* ---- Breadcrumbs -----*/

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}
/* data tables */

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
    /* Feeling sorry for IE */
}
/* ----- dont think i need this 
 
.dataTables_length {
    padding: 5px 10px 5px 5px;
    padding-left: 1%;
    float: right;
    text-align: left;
    font-size: 14px;
}
------*/

div.dataTables_wrapper div.dataTables_length select {
    padding: .375rem 1rem .575rem 1rem;
}

div.dataTables_wrapper div.dataTables_length label {
    margin-right: 5px;
}
/* ----- dont think i need this 
.dataTables_filter {
     
     font-size: 14px;
    margin-right: 20px;
    padding: 5px 0px;
    float: right;
    text-align: left;
    font-size: 14px;
}
 
    .dataTables_filter input {
        margin-left: 5px;
    }
 
 
-----*/


#tabs-casestatus div.childrow .row > div {
    min-width: 96%;
}

#tabs-casestatus div.childrow .row .col-md-6.col-lg-4 {
    min-width: inherit;
}


div.childrow {
    background-color: white;
    width: 100%;
    padding: 0 0 0 10px;
}

tr.childrow {
    background-color: white !important;
    margin-top: 0 !important;
    border-top: none !Important;
    border-radius: 0 0 8px 8px !important;
}

table.display thead tr th:hover {
    color: #276fa8;
    cursor: pointer;
}

td.cheeseburger {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
    min-width: 20px;
}

tr.shown td.cheeseburger {
    background: url('../images/details_close.png') no-repeat center center;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 12px;
}

#savedorders_paginate {
    text-align: center;
    padding: 10px 0px;
}

#placedorders_paginate {
    text-align: center;
    padding: 10px 0px;
}

#casestatustab_paginate {
    text-align: center;
    padding: 10px 0px;
}

#reportstab_paginate {
    text-align: center;
    padding: 10px 0px;
}

#dashboardstab_paginate {
    text-align: center;
    padding: 10px 0px;
}




.page3container .ui-icon, .ui-widget-content .ui-icon {
    display: none;
}


.page3container div.resultslist {
    color: #c1272d;
}

/*------ paginations -------*/

.dataTables_info {
    font-size: 14px;
    text-align: center;
}

.dataTables_paginate {
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: 0px;
}

.dataTables_wrapper .dataTables_paginate .fg-button {
    padding: .5rem .75rem;
    margin-left: -1px;
    color: #276fa8;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #4d4d4d;
}


.dataTables_paginate .previous {
    border: 1px solid #4d4d4d;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    font-weight: 600;
    letter-spacing: 1px;
}

#savedorders_next:hover {
    color: white !important;
}

#savedorders_previous:hover {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .fg-button:hover, .dataTables_paginate .fg-button.ui-button.ui-state-default.previous.ui-state-disabled:hover, .dataTables_paginate .fg-button.ui-button.ui-state-default.next.ui-state-disabled:hover {
    background-color: #276fa8;
    color: white;
    text-decoration: none;
}

.dataTables_paginate .next {
    border: 1px solid #4d4d4d;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-weight: 600;
    letter-spacing: 1px;
}

    .dataTables_paginate .next:hover {
        background-color: #276fa8;
        color: white;
        text-decoration: none;
    }

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(39, 111, 168, .25)
}

.dataTables_paginate a.fg-button.ui-button.ui-state-default.ui-state-disabled {
    color: white;
    background: #276fa8;
}

.dataTables_paginate .fg-button.ui-button.ui-state-default.previous.ui-state-disabled, .dataTables_paginate .fg-button.ui-button.ui-state-default.next.ui-state-disabled {
    background: none;
    color: #276fa8;
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}
/* Pagination responsive */

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}
/* ---- bagdes and warnings (im not sure we need this)
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}
.badge:empty {
    display: none
}
.btn .badge {
    position: relative;
    top: -1px
}
.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}
.badge-primary {
    color: #fff;
    background-color: #007bff
}
.badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d
}
.badge-secondary[href]:focus, .badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}
.badge-success {
    color: #fff;
    background-color: #28a745
}
.badge-success[href]:focus, .badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}
.badge-info {
    color: #fff;
    background-color: #17a2b8
}
.badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}
.badge-warning {
    color: #212529;
    background-color: #ffc107
}
.badge-warning[href]:focus, .badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}
.badge-danger {
    color: #fff;
    background-color: #dc3545
}
.badge-danger[href]:focus, .badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa
}
.badge-light[href]:focus, .badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}
.badge-dark {
    color: #fff;
    background-color: #343a40
}
.badge-dark[href]:focus, .badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}
 
------*/


.jumbotron {
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}



/* ----- Alerts -----*/

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin: 20px 50px -20px 50px;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: center;
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}
/* ----- Dismissible alerts -----*/

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }
/* ----- Alerts we dont need
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}
.alert-primary hr {
    border-top-color: #9fcdff
}
.alert-primary .alert-link {
    color: #002752
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}
.alert-secondary hr {
    border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
    color: #202326
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}
.alert-success hr {
    border-top-color: #b1dfbb
}
.alert-success .alert-link {
    color: #0b2e13
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}
.alert-info hr {
    border-top-color: #abdde5
}
.alert-info .alert-link {
    color: #062c33
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}
.alert-warning hr {
    border-top-color: #ffe8a1
}
.alert-warning .alert-link {
    color: #533f03
}
 
 
 -----*/

/* ----- Sla Alert Headers -----*/

.alertBand {
    color: #c1272d;
    background-color: #f8d7da;
    border-color: #f8d7da
}

    .alertBand hr {
        border-top-color: #f8d7da
    }

    .alertBand .alert-link {
        color: #491217
    }


/* ----- Progress Bars  ------*/

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    font-size: .75rem;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #4d4d4d;
    transition: width .6s ease
}

.progress-bar-striped {
    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);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}
/* ------ Media Objects *Documentation and examples for Bootstrap’s media object to construct highly repetitive components like blog comments, tweets, and the like.* -----
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
 
 
-------*/

/*----- lists 
 
.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}
.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}
.list-group-item-action:focus, .list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}
.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}
.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}
.list-group-item:focus, .list-group-item:hover {
    z-index: 1;
    text-decoration: none
}
.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}
.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}
.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}
.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}
.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}
.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}
.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}
.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}
.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}
.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}
.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}
 
*/

/* ----- Close Icons ---- */

.close {
    float: right;
    font-size: 1.5rem !important;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}





.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80% !important;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    height: auto;
    top: -1948.5px;
    left: 85px !important;
    padding: 20px !important;
}







/* ----- Open modals ----*/

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999999;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    z-index: 3;
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

    .modal-content button {
        font-size: 13px;
    }

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 3;
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5;
    }

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    word-break: break-word;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 800px
    }
}
/* ----- tooltips -----  */

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: "open sans";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
        bottom: 0
    }

        .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
        top: 0
    }

        .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}




.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 100%;
    font-family: "open sans";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::after, .popover .arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

    .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
        bottom: calc((.5rem + 1px) * -1)
    }

        .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
            border-width: .5rem .5rem 0
        }

        .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
            bottom: 0;
            border-top-color: rgba(0, 0, 0, .25)
        }

        .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
            bottom: 1px;
            border-top-color: #fff
        }

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

    .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
        left: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
            border-width: .5rem .5rem .5rem 0
        }

        .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
            left: 0;
            border-right-color: rgba(0, 0, 0, .25)
        }

        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
            left: 1px;
            border-right-color: #fff
        }

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
        top: calc((.5rem + 1px) * -1)
    }

        .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
            border-width: 0 .5rem .5rem .5rem
        }

        .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
            top: 0;
            border-bottom-color: rgba(0, 0, 0, .25)
        }

        .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
            top: 1px;
            border-bottom-color: #fff
        }

    .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

    .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
        right: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
            border-width: .5rem 0 .5rem .5rem
        }

        .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
            right: 0;
            border-left-color: rgba(0, 0, 0, .25)
        }

        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
            right: 1px;
            border-left-color: #fff
        }

.popover-header {
    padding: 1rem .75rem .5em .75em;
    margin-bottom: 0;
    font-size: 18px;
    color: #4d4d4d;
    background-color: white;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.scorepopper {
    max-width: 350px !important;
}
/* -----  Carousel ----- */

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: block
    }

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right, .carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left, .carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, .5)
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

    .carousel-indicators .active {
        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
}
/* -----  alignment for inline text and tables ---- */

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}
/* -----  Background text color quick select
.bg-primary {
    background-color: #007bff!important
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc!important
}
.bg-secondary {
    background-color: #6c757d!important
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62!important
}
.bg-success {
    background-color: #28a745!important
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34!important
}
.bg-info {
    background-color: #17a2b8!important
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b!important
}
.bg-warning {
    background-color: #ffc107!important
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00!important
}
.bg-danger {
    background-color: #dc3545!important
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130!important
}
.bg-light {
    background-color: #f8f9fa!important
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5!important
}
.bg-dark {
    background-color: #343a40!important
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124!important
}
.bg-white {
    background-color: #fff!important
}
.bg-transparent {
    background-color: transparent!important
}
 
 
---- */

/* ------ Borders im not sure well even need these
.border {
    border: 1px solid #dee2e6!important
}
.border-top {
    border-top: 1px solid #dee2e6!important
}
.border-right {
    border-right: 1px solid #dee2e6!important
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}
.border-left {
    border-left: 1px solid #dee2e6!important
}
.border-0 {
    border: 0!important
}
.border-top-0 {
    border-top: 0!important
}
.border-right-0 {
    border-right: 0!important
}
.border-bottom-0 {
    border-bottom: 0!important
}
.border-left-0 {
    border-left: 0!important
}
.border-primary {
    border-color: #007bff!important
}
.border-secondary {
    border-color: #6c757d!important
}
.border-success {
    border-color: #28a745!important
}
.border-info {
    border-color: #17a2b8!important
}
.border-warning {
    border-color: #ffc107!important
}
.border-danger {
    border-color: #dc3545!important
}
.border-light {
    border-color: #f8f9fa!important
}
.border-dark {
    border-color: #343a40!important
}
.border-white {
    border-color: #fff!important
}
.rounded {
    border-radius: .25rem!important
}
.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}
.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}
.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}
.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}
.rounded-circle {
    border-radius: 50%!important
}
.rounded-0 {
    border-radius: 0!important
}
 
 ----- */

/*----- Clear Fix 
.clearfix::after {
    display: block;
    clear: both;
    content: ""
}
 
----*/

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}
/* -----  Responsive elements like videos 
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}
.embed-responsive::before {
    display: block;
    content: ""
}
.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-21by9::before {
    padding-top: 42.857143%
}
.embed-responsive-16by9::before {
    padding-top: 56.25%
}
.embed-responsive-4by3::before {
    padding-top: 75%
}
.embed-responsive-1by1::before {
    padding-top: 100%
}
 
 
----*/

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}
/* ----- float items left and right ----*/

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}
/* ----- fixed positioning 
.position-static {
    position: static!important
}
.position-relative {
    position: relative!important
}
.position-absolute {
    position: absolute!important
}
.position-fixed {
    position: fixed!important
}
.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}
 
----*/

/* ---- screen reading -----*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}
/* ------ width and heights -----*/

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}
/* ------ max width and height ----*/

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}
/* ----- Margin quick links -----*/

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}
/* ----- Padding quick links -----*/

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 4px !important;
    display: inline-block;
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}
/* ----- Margin quick links -----*/

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}
/* ----- Margin quick links mobile SM -----*/

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}
/* ----- Margin quick links mobile MD -----*/

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}
/* ----- Margin quick links mobile L -----*/

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}
/* ----- Margin quick links mobile XL -----*/

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}
/* ----- text centering and justification -----*/

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

.text-center {
    text-align: center !important
}
/* ----- text centering and justification Mobile SM-----*/

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}
/* ----- text centering and justification Mobile MD-----*/

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}
/* ----- text centering and justification Mobile LG-----*/

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}
/* ----- text centering and justification Mobile XL-----*/

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}


/* Form Progress */

.two.progress .circle, .two.progress .bar {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    font-size: 12px;
}

    .two.progress .circle .label {
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 15px;
        font-size: 10px;
        Color: white;
        text-align: center;
        margin-left: 2px;
        margin-bottom: 10px;
    }
    /* Done / Active */

    .two.progress .circle.done .label {
        color: #FFF;
        background: #8bc435;
    }

    .two.progress .circle.done .title {
        color: #444;
    }

    .two.progress .circle.active .label {
        color: #FFF;
        background: red;
    }

    .two.progress .circle.active .title {
        color: #0c95be;
    }

    .two.progress .circle.next .label {
        color: #FFF;
        background: grey;
    }

    .two.progress .circle.next .title {
        color: grey;
    }
/* ------ Cancel ------*/

#main-cancel {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}
/* ------CarrierResubmit ------*/

#main-CarrierResubmit {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

#main-index-CaseStatus {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    padding: 40px !important;
}

    #main-index-CaseStatus #strongnotice {
        margin-bottom: 40px;
    }

    #main-index-CaseStatus .secondary-content p {
        width: auto;
    }

    #main-index-CaseStatus a {
        font-weight: 600;
    }


/*------- misc general styling for FAQ. contact about etc. ---*/



.interior-content, .interior-sidebar {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.interior-content {
    width: 60%;
    padding: 30px;
    display: block;
    margin: 20px;
}

.interior-sidebar .bluebtn {
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 600;
}

.interior-sidebar {
    width: 35%;
    padding: 30px;
    display: block;
}

    .interior-sidebar .interior-widget {
        background-color: #e6e6e6;
        padding: 0 20px 20px;
        margin-bottom: 30px;
        text-align: left;
        overflow: hidden;
    }


.interior-widget h5 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.interior-sidebar .interior-widget .widget-title {
    background: #276fa8;
    color: white;
    font-size: 21px;
    font-weight: 600;
    padding: 15px 20px;
    margin: 0 -20px 20px;
    text-transform: none;
    text-align: left;
}

.interior-widget .bluebtn {
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600 !important;
}

.interior-widget img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.interior-widget:nth-of-type(2) .container .col-4:nth-of-type(2), .interior-widget:nth-of-type(3) .container .col-4:nth-of-type(2) {
    display: none;
}

.interior-widget:nth-of-type(2) .container .col-4, .interior-widget:nth-of-type(3) .container .col-4 {
    max-width: 50%;
    flex: 0 0 50%;
}
/* ------Demo ------*/

#main-Demo {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #main-Demo h2 {
        text-align: left !important;
        border-bottom: .5px solid #1a5b86 !important;
        margin-left: -20px !Important;
    }

    #main-Demo div {
        width: 90% !important;
        margin: 40px !important;
    }

    #main-Demo .redbtn {
        background: #8bc53f;
        font-size: 14px;
    }

    #main-Demo div[style*="margin-top: 20px;"] {
        margin-left: 0px !important;
    }

    #main-Demo p[style*="margin-top: 10px"] {
        margin-top: 30px !important;
    }

/* ------ page 1 ------*/
#changesdialog .modal-dialog {
    max-width: 550px;
}

#quoteform {
    width: 100%;
}

#page1_main {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #page1_main span[style*="font-size:0.8em"] {
        font-size: 10px !important;
        display: inline-block;
        white-space: normal;
    }

    #page1_main label#dob-error, label#amount-error, label#state-error, label#healthclassification-error {
        font-size: 9px !important;
        padding: 0px !important;
        margin: 0px !important;
        color: #c1272d;
        display: inherit !important;
    }

fieldset {
    margin-top: 30px;
    padding-top: 10px;
}

.col-form-label {
    padding-right: 5px;
    font-size: 14px;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    line-height: 1.5
}

.form-control {
    height: 34px;
    width: 100%;
    display: block;
    text-align: left;
}

#order_phone {
    float: right !important;
    position: absolute !important;
    right: 45px !important;
    top: -150px !important;
    background-color: white !important;
    padding: 8px 10px !important;
    border: 1px solid #f9f9f9 !important;
    border-radius: 5px !important;
}

#order_need_help {
    display: block;
    font-weight: 700;
    color: #c1272d;
    font-size: 16px;
}

#order_phone_number {
    display: block;
    color: #276fa8 !imporant;
}

#page1_main select {
    width: 100%;
    height: 34px;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #f2f2f2;
    background-clip: padding-box;
    border: .5px solid #f2f2f2;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#page1_main label {
    padding-right: 5px;
    font-size: 14px;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    line-height: 1.5
}

#page1_main .disabled {
    color: #e6e6e6;
    opacity: .5;
    pointer-events: none;
}

#page1_main #stopmessage {
    font-weight: 600;
    color: #c1272d;
    padding: 0px 20px 50px;
    font-size: 18px;
}

#page1_main #childunits:disabled {
    color: #e6e6e6;
    border: none;
}

#page1_main input#childunits {
    margin-top: 10px;
    width: 100%;
}

#page1_main label#adbnotice {
    font-size: 10px;
    display: block;
}

#page1_main legend {
    padding-left: 20px;
}

#page1_main .form-control {
    height: auto;
}

#page1_main #healthclassification {
    height: 34px;
}

#childunitslabel {
    font-size: 13px;
    float: left;
    padding: 0px !important;
}

#childunitsmaxlabel {
    font-size: 10px !important;
    padding: 5px 2px;
    float: left;
}

#page1_main a#lifeneeds {
    font-weight: 600;
    font-size: 13px !important;
    text-decoration: underline;
}

#page1_main .pb-3 {
    margin-bottom: 10px;
}


#page1_main input.success, textarea.success, select.success, #substandardtable.success, select#state.success, #healthclassification.form-control.required.success, input.success {
    background-color: #f1f8e8 !important;
}


#page1_main #substandardtable, #page1_main #healthclassification {
    width: 50%;
}

#page1_main input.invalid, textarea.invalid, select.invalid, .form-control.required.invalid.error, #substandardtable.error, select#state.error, select#healthclassification.invalid {
    background-color: #fbe7e9 !important;
}

#firstname-error, #lastname-error, #page1_main label.error {
    margin-top: 5px !important;
    color: #c1272d !important;
    float: right;
}

/* not in scope
#agree_to_terms:checked + label.required.form-check-label {
    background: lime;
}
*/
#page1_main .form-check-inline {
    display: inline-block;
    white-space: nowrap;
}

#page1_main .hoverhelp {
    background: #276fa8;
    color: white !important;
    font-size: 10px;
    font-weight: 700;
    padding: 0px 4px;
    cursor: pointer;
    border: 2px solid #276fa8;
    border-radius: 15px;
    display: inline-block;
    margin: auto;
    width: 1.65em;
    height: 1.65em;
    vertical-align: middle;
}

/* page 1 modal calculator */
#lifeneedsdialog #dialog-form fieldset {
    border: none;
    margin-top: 0;
    padding: 0;
    margin-left: 10px;
}

#lifeneedsdialog #dialog-form form {
    padding-top: 0;
}

#lifeneedsdialog #dialog-form fieldset legend {
    margin-left: 25px;
    color: #276fa8;
    font-weight: 500;
    font-size: 18px;
    padding: 0;
    margin-bottom: 5px;
}

#lifeneedsdialog #dialog-form fieldset tr:nth-of-type(1) td {
    font-size: 13px;
    padding-top: 0;
    padding-right: 35px;
    margin-left: -11%;
}

#lifeneedsdialog .sectionheader {
    width: 100%;
    display: inline !important;
}

#dialog-form #result, #moneySign {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #276fa8 !important;
    font-size: 20px !important;
}

#lifeneedsdialog #dialog-form fieldset td {
    font-size: 14px;
    float: left;
    clear: left;
    padding-top: 0;
}

#lifeneedsdialog #dialog-form select {
    padding: .375rem .75rem;
    width: 300px;
}

#lifeneedsdialog #dialog-form form table {
    margin-left: 15%;
}

#btnQuoteThisAmount {
    background: #8bc53f;
    color: white;
}

.modal-footer .btn {
    background: #b0b0b0;
    color: white;
}

#lifeneedsdialog .modal-footer {
    justify-content: center;
}
/* Order Process*/

.order_save {
    background-color: #276fa8;
}

    .order_save:hover {
        background-color: #1b506d;
    }

.order_back {
    background-color: #b3b3b3;
}

    .order_back:hover {
        background-color: #4d4d4d;
    }

.order_continue {
    background-color: #8bc53f;
}

    .order_continue:hover {
        background-color: #81a520;
    }

.order_stop {
    background-color: #c1272d;
}

    .order_stop:hover {
        background-color: #9e212b;
    }

.order_agree, .order_back, .order_continue, .order_disagree, .order_save, .order_selectproduct, .order_stop {
    Display: inline-block;
    border-radius: 5px;
    color: white;
    margin-right: 10px;
    padding: .3rem 1rem;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#requirednotice {
    font-size: 0.8em;
    color: #555;
    text-align: center;
    display: block;
    margin-top: 15px;
    font-weight: 700;
    float: right;
}

label .asterisk {
    display: inline;
    color: #c1272d;
    font-weight: 400;
    vertical-align: super;
    font-size: 12px;
}

.stateNotice {
    color: #c1272d;
    font-weight: 600;
    display: block;
    font-size: 12px;
    letter-spacing: -.02em;
    margin-right: -15px;
    margin-top: 3px;
}

.languagehide {
    display: none;
}
/* ------ page 2 ------*/

#page2_main {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #page2_main select.form-control:not([size]):not([multiple]) {
        margin-left: 12px !important;
    }

    #page2_main select#tobacco, #page2_main select#frequency {
        min-width: 50%;
    }

    #page2_main .secondary-order {
        padding: 50px;
    }

    #page2_main fieldset {
        margin-top: 30px;
        display: inline-block;
        padding: 0px 15px;
    }

    #page2_main .pt-1 {
        padding: 0;
    }

    #page2_main input#ccard0age, #page2_main input#ccard1age, #page2_main input#ccard2age, #page2_main input#ccard3age, #page2_main input#ccard4age, #page2_main input#ccard5age, #page2_main input#ccard6age {
        margin-top: 8px;
        margin-bottom: 5px;
        min-width: 80%;
    }

    #page2_main label#lblage0 {
        margin-bottom: -5px;
    }


    #page2_main .form-check {
        margin-right: 15px;
    }


    #page2_main .form-inline .form-control {
        width: 20%;
        margin-right: 5px !important;
    }

    #page2_main .questionLabel {
        font-weight: normal;
    }

    #page2_main #medicalconditions ul li {
        font-size: 13.5px;
        margin: 2px;
        list-style: disc;
    }

    #page2_main .labelnote {
        font-size: 10px !important;
        font-style: italic;
    }

    #page2_main #lblWeightNote {
        font-size: 9.5px !important;
        min-width: 100%;
    }

    #page2_main input#heightinches {
        margin-left: 15px;
    }

#cancerheader {
    margin-left: 0 !Important;
}

    #cancerheader .container {
        padding-left: 0 !Important;
        font-size: 14px;
    }

    #cancerheader .form-group .inline {
        white-space: nowrap !important;
    }


#page2_main #ccbuttons {
    margin-bottom: 20px !important;
}

.heightgroup {
    padding-left: 0 !important;
}

#page2_main .redbtn {
    margin-left: 15px;
}

#page2_main #ccdiv .form-group.inline {
    width: 120%;
}

#page2_main label#ccdiv0rel-error {
    font-size: 10px;
    float: left;
    color: #c1272d;
    padding: 0px;
    margin-left: 12px;
    margin-top: -5px;
}

#page2_main label#ccdiv0age-error {
    font-size: 10px;
    float: left;
    color: #c1272d;
    padding: 0px;
    margin-top: -5px;
}

#page2_main label#ccdiv0type-error, label#ccdiv0cancertype-error {
    font-size: 10px;
    float: left;
    color: #c1272d;
    padding: 0px;
    margin-top: -5px;
}

#page2_main label#ccdiv0cancertype-error {
    font-size: 10px !important;
    float: left;
    color: #c1272d;
    padding: 0px;
    margin-top: -5px;
    margin-left: -5px;
}

#page2_main select#ccdiv0type, select#ccdiv0rel {
    margin-left: 0px !important;
}

#page2_main #ccdiv0cancertype {
    margin-left: -10px !important;
}


#page2_main .ml-1 {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}

#page2_main #medicalconditions {
    margin-left: 0px !important;
}

#marijuanause-error {
}



#page2_main input.success, textarea.success, input#heightinches.success, #page2_main select.success, #main-Login input.success {
    background-color: #f1f8e8 !important;
}

#page2_main input.invalid, textarea.invalid, select.invalid, .form-control.required.invalid.error, input#heightinches.error, input.invalid, #page2_main select.error, #main-Login input.invalid {
    background-color: #fbe7e9 !important;
}

#page2_main label.error {
    margin: -5px 15px 5px !important;
    color: #c1272d !important;
}

#page2_main #weight-error, #page2_main #heightinches-error, #page2_main #rates label.error {
    margin: 5px !Important;
}

#page2_main #frequency-error {
    margin: 5px 15px !important;
}

#page2_main #addccrowdiv2 {
    background-color: #276fa8;
    margin-left: 40px;
    font-size: 14px;
}

#page2_main .modal-content #rates fieldset legend {
    width: 100%;
    padding: 40px 2px 5px 2px;
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #276fa8;
}

#page2_main .modal-content #rates fieldset {
    padding: 20px;
    margin-top: -20px;
}

#page2_main hr {
    border-bottom: none;
}

#substandard-form select {
    padding: .375rem .75rem;
}

#substandard-form #btnContinueQuote {
    background: #8bc53f;
    color: white;
}

#page2_main #substandard-form .form-group {
    margin-left: 23px;
    margin-bottom: 5px;
}

#page2_main #substandard-form #lblCarriers {
    padding-left: 0;
    font-size: 18px;
    color: #276fa8;
    font-weight: 600;
}

#page2_main #substandard-form .col-5 label:first-child {
    margin-left: 22px;
    font-size: 18px;
    color: #276fa8;
    font-weight: 600;
}

#page2_main #substandard-form .col-5 .form-group label {
    margin-left: 5px;
}

#substandard-form .btn {
    background: #b3b3b3;
    color: white;
}

#substandard-form legend {
    margin-top: 20px;
}
/* ------ page 3 ------*/



/*----- Share Quote ------*/


#sharequoteheader, #mobiledeviceheader {
    background: linear-gradient(to right, #29abe2, #276fa8);
    padding-right: 0;
}

.page3container .shareRadioLabel {
    color: #276fa8;
}

.page3container #sharequoteform input[type="radio"] {
    margin-top: 12px;
}

.page3container #sharequoteform select.form-control:not([size]):not([multiple]) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .375rem .75rem;
}

#mobiledialogbody h3 {
    color: #276fa8;
}

#sharedialogclose {
    color: white;
    font-size: x-large;
}

.page3container #sharequote {
    float: right;
    display: inline-block;
    margin-top: 32px;
    margin-right: 10px;
    background-color: #8bc53f;
    color: white;
    font-size: 12px !important;
    padding: .3rem 1rem;
    border: none;
    border-radius: .25rem;
    cursor: pointer;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    overflow: hidden;
    text-align: center;
    letter-spacing: 0;
}



/*----- Compare page 3 -----*/
.page3container #comparediv fieldset {
    margin-bottom: 25px;
}

.page3container #comparediv {
    padding-bottom: 40px;
}

    .page3container #comparediv #compareresultsdiv .compareme {
        border: none;
        padding: 0;
    }

        .page3container #comparediv #compareresultsdiv .compareme .col-12 {
            padding-right: 0px;
            padding-left: 0px;
        }

    .page3container #comparediv #compareresultsdiv #product2 {
        border-left: none;
        border-top: .5px solid #b3b3b3;
        border-bottom: .5px solid #b3b3b3;
        border-right: .5px solid #b3b3b3;
        padding: 0px;
    }

    .page3container #comparediv #compareresultsdiv #product1 {
        border-left: .5px solid #b3b3b3;
        border-top: .5px solid #b3b3b3;
        border-bottom: .5px solid #b3b3b3;
        border-right: .5px solid #b3b3b3;
        padding: 0px;
    }

    .page3container #comparediv #compareresultsdiv #product3 {
        border-left: none;
        border-top: .5px solid #b3b3b3;
        border-bottom: .5px solid #b3b3b3;
        border-right: .5px solid #b3b3b3;
        padding: 0px;
    }

    .page3container #comparediv #compareresultsdiv .comparerow, .page3container #comparediv #compareresultsdiv .comparerowshort {
        border-bottom: .5px solid #b3b3b3;
        border-top: none;
        border-left: none;
        border-right: none;
        margin: 10px 0px 10px -2px;
        ;
        width: 100%;
        display: flex;
    }

        .page3container #comparediv #compareresultsdiv .comparerow .productimage {
            width: 150px;
            margin-bottom: -20px;
            margin-top: 20px;
        }

        .page3container #comparediv #compareresultsdiv .comparerow:nth-of-type(1) {
            min-height: 150px !important;
        }

    .page3container #comparediv #compareresultsdiv #compProductScore h3:nth-of-type(1) {
        font-size: 20px;
        font-weight: 500;
        padding-top: 10px;
        margin-bottom: 0px;
    }

    .page3container #comparediv #compareresultsdiv #compProductScore b.compareScore {
        font-size: 32px;
        padding: 0px !important;
        margin-top: -40px;
        display: block;
    }

    .page3container #comparediv #compareresultsdiv #compProductScore h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .page3container #comparediv #compareresultsdiv .premiumCents {
        font-size: 0.6em;
        position: relative;
        top: -5px;
        display: inline;
    }

    .page3container #comparediv #compareresultsdiv .compareValueLabel {
        font-size: 12px;
        margin: 30px 0px 0px 0px !important;
        padding-bottom: 2px;
    }

    .page3container #comparediv #compareresultsdiv .comparerowshort .compareValueLabel {
        margin: 0px 0px 0px 0px !important;
    }


    .page3container #comparediv #compareresultsdiv .comparerowshort {
        margin-top: 30px !important;
        min-height: 80px !important;
    }

    .page3container #comparediv #compareresultsdiv h4 {
        font-size: 20px;
        margin-top: 0px;
    }

    .page3container #comparediv #compareresultsdiv .comparerow:nth-child(3) h4 {
        margin-top: 20px;
    }

    .page3container #comparediv #compareresultsdiv .premium_years {
        color: #276fa8;
        font-size: x-large !important;
    }

    .page3container #comparediv #compareresultsdiv h4:nth-child(1) {
        font-size: 24px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .page3container #comparediv #compareresultsdiv .comparerow:last-of-type {
        border-bottom: none;
    }


/* ------ page 3 ------*/

.page3container input.success, .page3container textarea.success, .page3container select.success, .page3container form-control.required.success {
    background-color: #f1f8e8 !important;
}

.page3container .ui-widget input, .page3container .ui-widget select, .page3container .ui-widget textarea, .page3container .ui-widget button {
    font-family: "open sans";
    font-size: 12px;
}

.page3container #editquote .col-form-label {
    font-size: 12px;
}

.page3container select#healthclassification, .page3container select#substandardtable {
    padding: .375rem .75rem;
    margin-bottom: 10px;
}

.page3container br {
    display: none;
}

.page3container legend {
    width: auto;
    display: inline-block;
    float: left;
    margin-left: 0px;
}

.page3container {
    background: white !important;
    box-shadow: 0 0 20px #ccc !important;
    border-radius: 10px !important;
    max-height: 100%;
    min-height: 1600px;
    width: auto !important;
    background: none;
    margin: 20px !important;
    padding: 20px 10px 10px !important;
}

.one {
    width: 20%;
    height: auto;
    float: left;
    margin-top: 30px;
    margin-left: 15px;
}

.two {
    margin-left: 20px !important;
    height: auto;
    background: none;
}

.page3container th {
    Color: white;
}

.page3container td:nth-child(1) {
    padding: 0px !Important;
}
/* rop */

.page3container #ROPTable {
    font-size: 14px;
    margin-left: 20px;
    padding-top: 30px;
}

.divAGLink {
    text-align: center;
    font-size: 16px;
    color: #276fa8;
    font-weight: 600;
    padding: 20px 0px 40px 0px;
}

a[href*="agonly"] {
    margin-right: 20px;
    border: 1px solid #276fa8;
    border-radius: .25rem;
    padding: .3rem 1rem;
    display: inline-block;
}

    a[href*="agonly"]:hover {
        background: #276fa8;
        color: white;
    }

#prdRop443, #prdRop442, #prdRop441, #prdRop1297, #prdRop1296, #prdRop1298 {
    display: inline !Important;
    margin: 2px 15px !important;
    font-size: 11px;
    padding: 3px !important;
    color: #7ea83b;
    font-weight: normal !important;
    white-space: nowrap;
}

.irrpercentage {
    top: 0px !important;
    font-size: 11px;
    font-weight: 600 !Important;
    color: #7ea83b;
    padding-left: 4px;
}

#prdRop443 span, #prdRop1297 span, #prdRop1296 span, #prdRop1298 span, #prdRop442 span, #prdRop441 span {
    font-weight: normal !Important;
}

td[style*="font-weight: bold; color: red;"], td[style*="font-weight:bold; color:red;"], #sel-prd-row div[style*="font-weight:bold; color:red;"] {
    font-weight: normal !Important;
    color: #c1272d !Important;
}

.page3container fieldset {
    margin-top: 30px;
}

.page3container #sharequote-form {
    overflow: scroll !important;
}

    .page3container #sharequote-form fieldset {
        margin-top: 0px;
    }

    .page3container #sharequote-form p {
        padding-bottom: 0;
        padding-top: 10px;
    }

        .page3container #sharequote-form p:after {
            content: "Not for client use.";
            font-weight: 700;
        }

.page3container .form-check-label {
    font-size: 12px;
}

.page3container .order_back {
    margin-left: 20px;
}

.page3container p {
    font-size: 14px;
    margin: 0px 10px 0px 20px !important;
    padding-bottom: 20px;
    ;
}

#resultstitle {
    background: #f2f9fb;
    color: #276fa8;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px;
    width: auto;
    float: left;
    display: inline-block;
}

#printview:before {
    content: url(print.svg);
    display: inline-block;
    width: 22px;
    height: 30px;
    float: right;
    margin-right: 20px;
    margin-top: 30px;
}

#printview {
    color: transparent !important;
    margin-top: auto;
    background: none;
    width: 20%;
    float: right;
}

#editquotetoggle {
    float: right;
    display: inline-block;
    margin-top: 32px;
    margin-right: 5px;
    background-color: #276fa8;
    color: white;
    font-size: 12px !important;
    padding: .3rem 1rem;
    border: none;
    border-radius: .25rem;
    cursor: pointer;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    overflow: hidden;
    text-align: center;
}

.strongnotice {
    border: 1px solid #cc0000;
    background-color: #Fcc;
    padding: 10px;
    font-size: 0.8em;
    text-align: center;
    font-weight: 700;
    color: #cc0000;
    margin-bottom: 15px;
}
/* selected product styling */

#divSelectedPrd {
    clear: both;
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    display: table !important;
    border: none !important;
    margin: 0px !important;
}

    #divSelectedPrd:before {
        Content: "Currently Selected";
        display: inline-block;
        white-space: nowrap;
        font-size: 16px;
        margin-bottom: 5px !important;
        color: #276fa8;
        font-weight: 400;
    }

.sel-prd-header {
    border: none !important;
    width: 100% !important;
    padding: 2px 5px !important;
    background: #8bc53f !important;
    font-size: 13px !important;
}


div[style*="display: block;margin: 10px 20px 10px 20px;"] {
    margin: 10px 10px 10px 0px !important;
}

div[style*="display: block; margin: 10px 20px 10px 20px"] {
    margin: 10px 10px 10px 0px !important;
}

/* Quote Output */

.page3container td {
    font-size: 13px;
}


#tblProductList_wrapper table.display thead th:nth-of-type(1) {
    width: 20px !important;
    white-space: nowrap;
}

#tblProductList_wrapper table.display thead th:nth-of-type(2) {
    margin-left: 20px !important;
}

th.sorting.ui-state-default .DataTables_sort_wrapper:after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    content: "";
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat 0 0;
    background-size: 85%;
}


.page3container .tdCbx {
    max-width: 40px !important;
}

.page3container .chkBoxComp {
    margin-left: 20px;
    margin-right: auto;
}

.page3container .tdCbx:before {
    display: none;
    visibility: hidden;
}

.tdProductScore {
    vertical-align: middle !important;
    color: #fff;
    font-weight: 700;
    font-size: 16px !important;
    width: 20px !important;
    text-align: center !important;
    margin-left: 0px !important;
}

    .tdProductScore.sel-prd-cell {
        margin: auto;
        padding: 5px 10px;
        margin-left: -3px !important;
        margin-top: 4px;
    }

    .tdProductScore:hover {
        color: #fff;
    }

td.tdProductScore {
    padding: 5px 10px !important;
}

/* pop over scoring */

.popover .scoreblurb {
    font-size: 12px;
    font-style: normal;
    padding-left: 0px;
    padding-top: 5px;
    font-weight: 400;
}

.popover .scorelabel {
    font-size: 16px;
    font-weight: 500;
    margin-top: 4px;
    color: #4d4d4d;
}

.popover .scorevalue {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: .5rem;
    line-height: 1.2;
}




.page3container #quotecontent .pricetext {
    position: relative;
    display: inline;
    width: 100px;
    top: 0px;
    left: 10px;
    padding: 4px 5px !important;
    white-space: nowrap;
    border: 1px solid #276fa8;
    border-radius: 5px;
}

    .page3container #quotecontent .pricetext a {
        margin-left: 5px;
        margin-right: 5px;
    }

    .page3container #quotecontent .pricetext:after {
        content: "Next ►";
        font-weight: 600;
        color: #276fa8;
        font-size: 12px;
    }

    .page3container #quotecontent .pricetext:hover:after {
        color: white;
    }

    .page3container #quotecontent .pricetext:hover {
        background-color: #276FA8;
        color: #fff;
        padding: 2px 5px;
    }

        .page3container #quotecontent .pricetext:hover .premium_years {
            color: #fff;
        }

        .page3container #quotecontent .pricetext:hover .premium_months {
            color: #fff;
        }

.pricetext.sel-prd-cell {
    top: 7px !important;
}

.page3container #quotediv .premium_years {
    position: relative;
    color: #276fa8;
    font-weight: 700;
    font-size: 1.2em !important;
}

.paydiff {
    font-size: 14px !important;
    font-weight: 600;
}

.page3container #quotediv .premium_years .premiumCents, .page3container #quotediv .premium_months .premiumCents {
    font-size: 0.6em;
    position: relative;
    top: -5px;
}

.page3container #quotediv .premium_months {
    position: relative;
    color: #276fa8;
    font-size: 1.0em;
    top: 5px;
    padding-left: 5px;
    font-weight: 500;
}



.page3containe #quotediv .premium_months .premiumCents {
    font-size: 0.6em;
    position: relative;
    top: -4px;
}


.page3container #quotediv .prodImage {
    width: auto !important;
    height: 35px !important;
    padding: 5px 0px;
}

.page3container #quotediv #441 .prodImage, .page3container #quotediv #442 .prodImage, .page3container #quotediv #443 .prodImage {
    margin-bottom: -5px;
}

#sel-prd-row {
    display: table-row;
    background-color: #F7F7F7;
}

.page3container #quotecontent #divSelectedPrd #sel-prd-row .prodImage {
    margin-top: -5px;
}

#sel_carrier, #sel_prd, #sel_term, #sel_uwclass, #sel_score, #sel_price, #sel_au, #sel_alert {
    display: table-cell;
    font-size: 14px;
}

#sel_score {
    width: 10px;
    text-align: center;
}

.sel-prd-header {
    color: white;
    border: 1px solid #c5c5c5;
    /*background: #2775AE;*/
    background: #276fa8;
    font-weight: normal;
    font-size: 14px;
    padding: 3px 10px;
}

.sel-prd-cell {
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
    height: auto;
    align-items: stretch;
    margin-top: 5px;
}


/*Page 3 filter Panel*/

/*Page 3 tabs */
.page3container #filterTabs .ui-tabs-nav li a:after {
    content: "\a0";
    display: block;
    padding-bottom: 10px;
    line-height: .5px;
    border-bottom: 1px solid white;
}



.page3container #filterTabs .ui-tabs-nav li.ui-tabs-active a {
    padding-left: 0px !important;
    color: #276fa8;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    background-color: white;
    font-size: 14px;
    box-shadow: 0px 5px 0px #276fa8 inset;
    border-left: 1px solid #276fa8;
    opacity: 1;
    border-bottom: none !important;
    border-right: 1px solid #276fa8;
}

.page3container #filterTabs .ui-tabs-nav li a {
    display: block;
    padding-left: 0px !important;
    margin-bottom: 0px;
    font-size: 14px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 10px;
    letter-spacing: .1em;
    color: #276fa8;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: white;
    box-shadow: 0px 5px 0px #276fa8 inset;
    border-left: 1px solid #276fa8;
    border-right: 1px solid #276fa8;
    border-bottom: 1px solid #276fa8;
    background: white;
    opacity: 0.6;
}

.page3container #filterTabs .ui-tabs-nav {
    padding: 10px;
    margin-left: -20px;
    margin-right: 20px;
}

.page3container .bluebtn {
    display: inline-block;
    font-size: 12px;
    right: 0 !important;
    padding: .3rem .5rem;
    color: white !important;
    margin-left: -15px;
    margin-top: 10px;
    border-radius: 5px;
    background: #276fa8;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    overflow: hidden;
    text-align: center;
}

.page3container input#dob {
    width: 40%;
}

.page3container input#amount {
    width: 40%;
}

.page3container .ui-slider-horizontal .ui-slider-handle {
    background: #8bc53f !important;
    font-weight: normal !important;
    color: #454545 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.page3container .ui-widget.ui-widget-content {
    border: none;
    background: #276fa8;
    height: 3px;
    box-shadow: 5px 10px #e6e6e6 inset;
    margin-top: 15px;
    margin-left: 10px;
}

.page3container .ui-widget {
    font-size: 14px !important;
    font-family: "open sans";
}

.page3container .ui-slider .ui-slider-handle {
    width: 1em !important;
    height: 1em !important;
    margin-top: -2px;
    z-index: 1;
}

.page3container .ui-widget input {
    font-size: 12px !Important;
}

.filtercard .card-title {
    font-size: 13px;
    font-weight: 600 !important;
    margin: 10px 0;
}

.page3container .tab-content {
    display: block;
    margin: -12px 30px -12px -10px;
    background: white;
}

.page3container .list-group-item {
    padding-left: 0px
}

.page3container #filterForm {
    padding: 15px 15px 15px 30px;
    margin-bottom: 10px;
}

.page3container .disabled {
    color: #e6e6e6;
}

.page3container #childunits:disabled {
    color: #e6e6e6;
}

.page3container #tab-editQuote {
    padding: 15px 15px 15px 30px;
    margin-bottom: 10px;
}

.page3container .card:nth-of-type(11) .filtercard {
    border-bottom: none !important;
}

.page3container #editquote .card:nth-of-type(9) .filtercard {
    border-bottom: none !important;
}

label.maxLabel {
    font-size: 11px;
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 7px;
    right: -10px
}

label.minLabel {
    font-size: 11px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 7px;
}



.page3container span.ui-slider-tip {
    font-size: 10px !important;
    margin-left: -15px !important;
    left: 0 !important;
    width: 45px !important;
    border: none;
}

.page3container #editquote .card:nth-of-type(5) .container {
    padding-left: 0px;
}

.page3container input[type="checkbox"] + label {
    font-size: 12px;
}

#filterTabs .ui-tabs-nav {
    margin-top: -5px;
    padding: 0;
}

    #filterTabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        width: 50%;
        text-align: center;
        margin: unset;
    }

        #filterTabs .ui-tabs-nav li.ui-tabs-active a {
            color: #276fa8;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            background-color: #f9f9f9;
            font-size: 14px;
            box-shadow: 0px 5px 0px #276fa8 inset;
        }

#filterTabs .ui-widget-header {
    background: inherit;
}

#filterTabs .ui-tabs ul .ui-tabs-nav li {
    margin: unset;
}

#filterTabs .ui-state-active {
    color: #276fa8;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #f9f9f9;
    font-size: 14px;
    box-shadow: 0px 5px 0px #276fa8 inset;
}

#filterTabs .ui-tabs-nav li a {
    width: 100%;
    text-transform: uppercase;
    color: #276fa8;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px
}

#filterContent .label {
    font-weight: 700;
    color: black;
}

.filtercard {
    border-bottom: 1px;
    border-bottom-color: darkgray;
    border-bottom-style: solid;
    padding-top: 5px;
    margin-bottom: 10px;
}

    .filtercard .card-title {
        font-weight: 700;
    }
/* over riding jquery styles*/

.page3container #quoteProductList {
    border: none !important;
}

.page3container .ui-state-default {
    border: none !important;
}

.page3container #filterTabs {
    Border: none !important;
    background: none;
    box-shadow: none;
}

.page3container .ui-state-active {
    border: none !important;
    background: none !important;
}

.page3container .ui-widget-header {
    border: none !important;
}

.page3container .ui-tabs .ui-tabs-panel {
    Padding: 0px;
    border-radius: 0;
    border: 1px solid #276fa8;
}

.page3container .forcefieldset {
    Width: auto !important;
}
/*Filter Sliders*/

.filterslider .slider.slider-horizontal {
    width: 100%;
}

    .filterslider .slider.slider-horizontal .slider-track {
        width: 100%;
        height: 5px;
    }

.filterslider .slider-selection {
    background: #276fa8;
}

.filterslider .slider-handle {
    background: #8bc53f;
}

.filterslider .slider.slider-horizontal .slider-handle {
    margin-top: -7px;
}

.filterbutton {
    width: 100%;
    cursor: pointer;
}


.page3container #closeFilters, #closeEditQuote {
    display: none;
    visibility: hidden;
}

/* ------ page 3 import from table style sheet ------*/

#tblProductList_wrapper .dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
    /* Feeling sorry for IE */
}

#tblProductList_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

#tblProductList_wrapper .dataTables_length {
    width: 47%;
    padding: 5px 0px;
    padding-left: 1%;
    float: right;
    background: #f9f9f9;
    font-size: 0.85em;
    display: inline-block;
}

#tblProductList_wrapper .dataTables_filter {
    padding: 5px 0px;
    padding-right: 1%;
    float: right;
    text-align: right;
    background: #f9f9f9;
    font-size: 0.85em;
}

#tblProductList_wrapper .dataTables_info {
    width: 60%;
    float: left;
    font-size: 0.8em;
    padding-left: 10px;
    padding-top: 5px;
}

#tblProductList_wrapper .dataTables_paginate {
    width: 44px;
    *width: 50px;
    float: right;
    text-align: right;
}

.page3container #tblProductList_wrapper table.display thead {
    background: #276fa8;
}

#tblProductList_wrapper table.display thead th {
    padding: 3px 3px;
    cursor: pointer;
    *cursor: hand;
    font-size: 13px;
    white-space: nowrap;
    border: none;
    background: none !important;
    color: white !important;
    display: table-cell !important;
}

th.sorting.ui-state-default:after, th.sorting.ui-state-default::after, th.sorting.ui-state-default:before, .sorting_desc_disabled:after {
    display: none;
    visibility: hidden;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    display: none !important;
    visibility: hidden;
}

.page3container .table-header th:nth-of-type(6) {
    padding: 3px 0px !important;
}

.page3container .table-header th:nth-of-type(8) {
    padding: 3px 20px !important;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

#tblProductList_wrapper table.display td {
    padding: 2px 5px;
    display: table-cell !important;
}

table.display td.center {
    text-align: center;
}



th.sorting.ui-state-default.sorting_desc::before {
    display: none;
}

th.sorting.ui-state-default.sorting_desc:after {
    display: none;
}

.sorting_asc {
    background-color: white !important;
}

.sorting_desc {
    background-color: white;
}

.sorting {
    background-color: white;
}

th.sorting_disabled {
    background-color: white !important;
}

#tblProductList_wrapper table.display tr.odd {
    background-color: #F7F7F7 !important;
    width: 100%;
}


/*

#tblProductList_wrapper .table-row {
    transition: all 0.3s ease 0s;
}
 #tblProductList_wrapper .table-row:after {
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: -1;
}
#tblProductList_wrapper .table-row:hover,
#tblProductList_wrapper .table-row:focus {
  color: #f8f8f8;
}


#tblProductList_wrapper table.display tr.odd:after {
  background-color: #1ABC9C!important;
  top:0;
 bottom: 0; 
left: 0; 
right: 100%;
}
#tblProductList_wrapper table.display tr.odd:hover,
#tblProductList_wrapper table.display tr.odd:focus {
  background-color: transparent!important;
}
#tblProductList_wrapper table.display tr.odd:hover:after,
#tblProductList_wrapper table.display tr.odd:focus:after{
  right:0;
}




*/


#tblProductList_wrapper table.display tr.even {
    background-color: #F7F7F7 !important;
    width: 100%;
}

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

    .top .dataTables_info {
        float: none;
    }

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

    tfoot input.search_init {
        color: #999;
    }

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 370px;
    height: 22px;
    line-height: 22px;
}

    .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
        border: 1px solid #aaa;
        padding: 2px 5px;
        font-size: 0.8em;
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
    }

    .paging_full_numbers span.paginate_button {
        /* background-image:url('/Content/Images/th.png'); */
        background-color: #eee;
    }

        .paging_full_numbers span.paginate_button:hover {
            background-color: #ccc;
        }

    .paging_full_numbers span.paginate_active {
        background-color: #36a1c2;
        color: #fff;
        font-weight: bold;
    }

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}

table.KeyTable td {
    border: 3px solid transparent;
}

    table.KeyTable td.focus {
        border: 3px solid #3366FF;
    }

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}
/* ------ page 4 ------*/

#page4_main {
    background: white;
    margin: 50px;
    border-radius: 10px;
    padding-bottom: 20px;
    box-shadow: 0 0 20px #ccc;
}

    #page4_main .form-group span {
        margin-left: 12px;
        font-weight: 600;
    }

    #page4_main label .asterisk {
        float: none;
        margin: 0px;
        font-size: 12px;
    }

    #page4_main .col-sm-2.pb-3 span:nth-of-type(18) {
        margin: 0px !important;
    }

    #page4_main #requirednotice, #page5_main #requirednotice, #page1_main #requirednotice {
        float: right;
        margin-top: 50px;
        color: #c1272d;
        font-weight: 500;
    }

#page1_main #requirednotice {
    margin-right: 20px;
}

#page4_main fieldset, #page1_main fieldset {
    width: 100%;
}

    #page4_main fieldset:nth-of-type(1) {
        margin-top: -30px;
    }

    #page5_main fieldset:nth-child(1), #page1_main fieldset:nth-child(1) {
        margin-top: 20px;
    }

#page4_main .cmxform select {
    padding: .375rem .75rem;
    padding-right: 25px;
}

#page4_main #insuredowner-error {
    float: none;
}

#page4_main #lblInsuredOwnerSelect .asterisk {
    padding-left: 5px;
}

#page4_main label.error {
    padding: 0px;
    margin-left: 0;
    font-size: 10px;
    color: #c1272d;
    float: right;
}

#page4_main .form-check-label {
    font-size: 14px;
    float: left;
    display: inline !important;
}

#page4_main label#companyname, label#policyname, label#guaranteedPeriod, label#underwritingclass, label#amountofinsurance, label#lblreplacement, label#riders, label[for="paymentamount"], label#dob, label#gender, #page4_main label#state {
    font-weight: 600;
    font-size: 14px;
}

label#riders {
    display: block;
}

#page1_main fieldset, #page4_main fieldset:nth-of-type(1) {
    display: inline-block;
}

#page4_main legend {
    padding-left: 15px;
}

#page4_main select#NAICReplacementNotice {
    width: 50%;
    display: block;
    margin-top: 10px;
}

#page4_main select[name="DiscSurrExistingPolicy"] {
    width: 50%;
    display: block;
    margin-top: 10px;
}

#page4_main select[name="UseFundsExistPolicy"] {
    width: 50%;
    display: block;
    margin-top: 10px;
}

#page4_main label.percenterror {
    color: #c1272d;
}

#page4_main #homephone-error, #page4_main #mobilephone-error, #page4_main #workphone-error {
    float: left;
}

.percenterror br {
    display: none;
}

#page4_main #buttons {
    padding-left: 15px;
    padding-bottom: 30px !important;
}

#page4_main .form-row.beneficiaryrow {
    margin-bottom: -10px !important;
}

#page4_main .redbtn {
    font-size: 14px !important;
}

#addbeneficiaryrow {
    background-color: #276fa8;
}

#page4_main .redbtn:hover {
    color: white !important;
    font-weight: 400;
}

#page4_main .form-control {
    padding: .375rem .75rem;
    font-size: 14px;
    margin-bottom: 40px;
    margin-top: 3px;
}

#page4_main .form-group {
    margin-bottom: 30px;
}

span.phonenumberNotice, span.dlNotice {
    margin-top: -20px;
    font-size: 12px;
}


#page4_main input#homephone, #page4_main input#workphone, #page4_main input#mobilephone, #page4_main select#dlstate {
    margin-bottom: 0px;
}


#page4_main div#quoteinfo {
    font-size: 14px;
}

#page4_main input.success, textarea.success, select.success, form-control.required.success {
    background-color: #f1f8e8 !important;
}

#page4_main input.invalid, textarea.invalid, select.invalid, .form-control.required.invalid.error {
    background-color: #fbe7e9 !important;
}

#addotherinsurancerow {
    text-decoration: none !important;
    font-size: 14px;
    padding: .3rem 1rem;
    background-color: #276fa8;
    color: white;
    border-radius: 3px;
    float: left;
    font-weight: 400;
}

#page4_main div[style*="float:right; margin-right:10px; margin-top: 0px;"] {
    float: left !important;
}

/* ------- pru drop downs page 4 ------ */
#page4_main .dropdown.bootstrap-select.show-tick.form-control.selectpadding.show .dropdown-toggle::after {
    display: inline-block;
    vertical-align: .255em;
    content: '';
    width: 0.45em;
    height: .9em;
    border-style: solid;
    border-color: white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid white;
    margin-right: 1px;
    margin-top: 2px;
    margin-bottom: -3px;
}

#page4_main .dropdown.bootstrap-select.show-tick.form-control.selectpadding.show .dropdown-toggle:before {
    content: '';
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 5px;
    position: absolute;
    right: 2px;
    bottom: 6px;
    display: inline-block;
    border-radius: 4px;
    background: #666666;
    border: .5px solid #4d4d4d;
}

#page4_main .dropdown.bootstrap-select.show-tick.form-control.selectpadding.show .filter-option-inner {
    padding-right: 20px;
}


/*------ page 4 Pru Bene and Owner Questions -----*/
#page4_main #beneficiarypercent0, #page4_main #beneficiarypercent1, #page4_main #beneficiarypercent2, #page4_main #beneficiarypercent3, #page4_main #beneficiarypercent4, #page4_main #beneficiarypercent5, #page4_main #beneficiarypercent6, #page4_main #beneficiarypercent7, #page4_main #beneficiarypercent8 {
    min-width: 100% !important;
}

#page4_main #divPolicyOwner input#ownertrusttobeestablished {
    margin-left: 0;
    width: auto;
}

#page4_main #divPolicyOwner #ownertrusttobeestablished {
    position: inherit;
    margin-top: 6px;
}

#page4_main #divPolicyOwner .col-sm-1.pb-3 label {
    display: flex;
}

    #page4_main #divPolicyOwner .col-sm-1.pb-3 label a {
        padding-left: 5px;
    }

/*----- page 4 Pru Health Exam Questions -------*/

#page4_main #clientinfoform .healthcontainer.col-12 {
    background-color: none;
    padding-top: 0px;
    flex: 0 0 92%;
    max-width: 92%;
    margin-left: 0px;
}

    #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-7 {
        background-color: #F3D4D5;
        color: #4d4d4d;
        border-radius: 7px;
        padding-top: 10px;
        padding-bottom: 15px;
    }

        #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-7 label.black {
            font-size: 14px;
            letter-spacing: .5px;
            display: inline-block;
        }

        #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-7 label.red {
            font-size: 14px;
            color: #C1272D;
            font-weight: 700;
            letter-spacing: .5px;
            font-style: italic;
            display: inline-block;
            margin-bottom: 5px;
        }

    #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-5 {
        content: none;
    }

/* ------ page 5 ------*/

#page5_main {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #page5_main #hassplitcommissiontbl {
        margin-left: 0;
    }

    #page5_main .splitrow {
        margin-bottom: 20px;
    }

    #page5_main #splitcommissiontbl {
        font-size: 14px;
        font-weight: bold;
    }

    #page5_main .order_disagree {
        background-color: #c1272d;
    }

        #page5_main .order_disagree:hover {
            background-color: #9f212c;
        }

    #page5_main label.required.form-check-label {
        color: #c1272d !important;
    }

    #page5_main .row.float-right.mb-5.mt-5 {
        float: left !important;
    }

    #page5_main .form-check {
        margin-left: 0px;
    }

        #page5_main .form-check:nth-of-type(2) {
            margin-left: 20px;
        }

    #page5_main label {
        font-weight: normal;
    }

    #page5_main hr {
        border-bottom: none;
    }

    #page5_main input[type="text"].success {
        background-color: #f1f8e8 !important;
    }

    #page5_main input[type="text"].readonly.success {
        background-color: #fff !important;
    }

    #page5_main fieldset {
        display: inline-block;
    }

    #page5_main .percenterror {
        color: #c1272d;
        background-color: #f8d7da;
        border-color: #f8d7da;
        border-radius: 6px;
        padding: 4px 0px;
        text-align: center;
    }

    #page5_main #percentspliterrorrow {
        padding: 0;
    }

    #page5_main .redbtn {
        font-size: 14px !important;
        padding: .3rem 1rem;
        background: #276fa8;
        font-weight: 400;
        letter-spacing: 0;
    }

    #page5_main ul {
        list-style-type: decimal;
        font-size: 14px;
    }
/* ------ page 6 ------*/

#page6_main fieldset {
    margin-left: 10px;
}

#page6_main {
    background: white;
    margin: 50px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

    #page6_main form table {
        margin: 40px;
    }

    #page6_main table#order_receipt {
        width: 90%;
    }

    #page6_main #order_receipt .riderstable {
        width: auto;
    }

    #page6_main #order_receipt .riderstable {
        margin: 0;
    }

        #page6_main #order_receipt .riderstable td {
            padding: 0;
        }

    #page6_main th {
        font-size: 17px;
        color: #276fa8;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #page6_main .odd td {
        background-color: #e7e7e7 !important;
    }

    #page6_main .even td {
        background-color: white !important;
    }

    #page6_main #order_receipt .receiptlabel {
        color: #276fa8 !important;
        padding: 10px 15px;
        width: auto !important;
        font-weight: 600;
        vertical-align: top;
    }


    #page6_main legend {
        padding-left: 40px;
        font-size: 25px !important;
        font-weight: 500;
    }

    #page6_main .graybtn {
        margin-right: 60px;
        margin-top: -20px;
        background-color: #276fa8;
        border-radius: 5px;
        font-size: 14px !important;
        font-weight: 400;
    }

        #page6_main .graybtn:hover {
            color: white;
        }

    #page6_main h2 {
        border-bottom: .5px solid #1a5b86 !important;
        margin: 40px !important;
        font-size: 32px !important;
        text-align: left !important;
        color: #276fa8 !important;
        padding-top: 40px;
        text-transform: capitalize;
    }


    #page6_main h3 {
        margin: 20px 45px !important;
        font-size: 25px !important;
        text-align: left !important;
        color: #276fa8 !important;
        padding-top: 20px;
    }

    #page6_main td[style*="background-color:#DEF"] {
        background-color: #e7e7e7 !important;
        width: 150px !important;
        padding-left: 15px;
    }

    #page6_main td[style*="font-weight:bold"] {
        color: #276fa8 !important;
        font-weight: 600 !important;
        font-size: 14px
    }


    #page6_main td.label {
        color: #276fa8 !important;
        font-weight: 600;
    }

    #page6_main td[style*="background-color:#F3F9FF"] {
        background-color: white !important;
        padding-left: 15px;
        width: 150px !important;
    }

    #page6_main td {
        vertical-align: top;
    }

    #page6_main table[style*="width:922px"] {
        width: 90% !important;
    }

    #page6_main td.spacer {
        display: none;
    }

    #page6_main div[style*="float:left; width:920px; margin-bottom:15px"] {
        width: 90% !important;
        margin-top: -40px;
    }

    #page6_main fieldset ol {
        font-size: 14px;
        margin-left: 50px;
        margin-top: -10px;
        margin-right: 200px;
    }

    #page6_main fieldset p {
        font-size: 14px;
        margin-left: 50px;
        margin-right: 200px;
    }



    #page6_main fieldset ol li {
        margin-bottom: 10px;
    }

    #page6_main fieldset ol ul li {
        margin-bottom: 0px;
    }



    #page6_main fieldset a {
        font-weight: 600;
    }

    #page6_main fieldset:nth-of-type(2) {
        padding-bottom: 60px;
    }

div#additonalquotes-form-body p {
    font-size: 14px;
    margin-left: 70px;
    margin-right: 200px;
    font-weight: 600;
}

div#additonalquotes-form-body {
    display: none;
}

#page6_main footer {
    left: 0;
}

/*----- page 6 phone number header -------*/

#page6_main #orderconfirmationform .container.col-12.pl-5 {
    background-color: #276fa8;
    border-radius: 7px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    flex: 0 0 92%;
    max-width: 92%;
    margin-left: 40px;
    box-shadow: 5px 5px 20px #ccc;
}

    #page6_main #orderconfirmationform .container.col-12.pl-5 .col-sm-7 p:nth-of-type(1) {
        font-size: 30px;
        font-weight: 600;
        letter-spacing: .5px;
    }

        #page6_main #orderconfirmationform .container.col-12.pl-5 .col-sm-7 p:nth-of-type(1):before {
            content: none;
        }

    #page6_main #orderconfirmationform .container.col-12.pl-5 .col-sm-7 p:before {
        content: "• ";
    }

    #page6_main #orderconfirmationform .container.col-12.pl-5 p {
        color: white;
    }

    #page6_main #orderconfirmationform .container.col-12.pl-5 a.btn.btn-primary.graybtn {
        background: #8bc53f;
        margin-top: 10px;
        margin-left: 0px;
    }

    #page6_main #orderconfirmationform .container.col-12.pl-5 .col-sm-5 p:nth-of-type(1) {
        margin-top: 40px;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 18px;
    }


/* dashboard styling */
#tabs-dashboard .csdash {
    height: 1200px !important;
}

    #tabs-dashboard .csdash iframe {
        height: 1100px !important;
    }

/* start of responsive style misc.*/

@media only screen and (min-width: 1300px) {
    div#main-index-Contracting {
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media only screen and (min-width: 800px) {

    /*
    #casestatustab tbody tr td:nth-of-type(9){
        overflow: hidden;
    text-overflow: ellipsis;
       max-width: 100px;
    white-space: nowrap;
    padding-right: 30px;

}*/
}

@media only screen and (min-width: 1700px) {
    #main-carriers-products, #page1_main, #page2_main, #page4_main, #page5_main, #page6_main, #main-index-Contracting, #main-carriers-products, #main-how-vive-works, #main-faq, #main-privacy-policy, #main-terms-of-use, #main-contact, #main-affiliate-agencies, div#main-index-Contracting, #main-au, #main-vive-score, #main-case-status, #main-share-quote, #main-Cancel {
        margin-left: 17%;
        margin-right: 17%;
    }

    .home-save-time, .home-tour, .home-testimonials {
        margin-left: 10%;
        margin-right: 10%;
    }

    #main-session_expired {
        margin: 50px 25%;
    }
}

@media only screen and (min-width: 1600px) {
    .home-hero .carousel-caption.d-none.d-md-block .container .row .col-6:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-7:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-4:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-5:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-5.even {
        margin-top: 3%;
    }

    #carouselDashboard .carouselImage5 {
        width: 90%;
        float: right;
    }
}

@media only screen and (min-width: 1900px) {
    #main-ForgotPassword {
        margin-right: auto;
        margin-left: auto;
    }

    #carouselDashboard img {
        width: 90%;
    }

    #carouselDashboard .carouselImage5 {
        width: 70%;
        float: right;
    }

    .page3container {
        margin-left: 20% !important;
        margin-right: 20% !important;
    }

    .home-hero .carousel-caption.d-none.d-md-block .container .row .col-6:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-7:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-4:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-5:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-5.even {
        margin-top: 6%;
    }
}

@media only screen and (min-width: 2100px) {



    .home-hero .carousel-caption.d-none.d-md-block .container .row .col-6:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-7:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-4:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-5:first-child, .home-hero .carousel-caption.d-none.d-md-block .container .row .col-5.even {
        margin-top: 7%;
    }
}

@media only screen and (max-width: 1153px) {
    #tabs-savedorders .dataTables_wrapper {
        overflow: scroll;
    }

    #resultstitle {
        width: 100%;
        margin-left: 0;
    }

    .interior-widget:nth-of-type(2) .container .col-4:nth-of-type(3), .interior-widget:nth-of-type(3) .container .col-4:nth-of-type(3) {
        display: none;
    }

    .interior-widget:nth-of-type(2) .container .col-4, .interior-widget:nth-of-type(2) .container .col-6, .interior-widget:nth-of-type(3) .container .col-4, .interior-widget:nth-of-type(3) .container .col-6 {
        max-width: 100%;
        min-width: 100%;
    }
}






/* start of responsive style misc.*/


@media only screen and (max-width: 1654px) {
    #page4_main fieldset:nth-of-type(1), #page1_main fieldset:nth-child(1) {
        margin-top: -30px;
    }
}

@media only screen and (max-width: 1296px) {

    #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-7 {
        max-width: 70%;
    }


    #main-share-quote .secondary-content {
        padding-bottom: 40px;
    }

    #main-how-vive-works .about-hero h1, #main-au .au-hero h1, #main-share-quote .share-hero h1, #main-case-status .status-hero h1, #main-vive-score .score-hero h1, .affiliated-hero h1 {
        font-size: 36px;
    }

    #main-how-vive-works .viveSteps {
        margin: 5% 0;
    }

    #carouselDashboard .col-1 {
        display: none;
    }

    #main-affiliate-agencies .secondary-content .affiliatedDesc p {
        margin: 10px 30px
    }

    .home-save-time .graybtn,
    .home-tour-button .graybtn {
        font-size: 14px;
    }

    .home-save-time .graybtn {
        margin-left: -20px;
    }

    .home-hero .carousel-caption.d-none.d-md-block .container .row div, .home-hero .carousel-caption.d-none.d-md-block .container .row div:nth-of-type(2) {
        margin-top: auto;
        margin-bottom: auto;
    }

    #page5_main fieldset:nth-child(1) {
        margin-top: -30px;
    }



    .home-hero .carousel1Background, .home-hero .carousel2Background, .home-hero .carousel3Background {
        width: auto;
        height: 550px;
        height: -webkit-fill-available;
        height: fill-available;
    }

    .home-hero .jumbotron {
        height: 550px;
    }

    .home-hero h2 {
        font-size: 45px;
    }

    .home-hero p {
        font-size: 22px;
    }

    .home-hero img.carouselImage2 {
        padding-right: 30px;
    }
}



@media only screen and (max-width: 1052px) {
    #page4_main #divOwnerTypeOfTrust .col-sm-3.nopadding, #page4_main div#divBeneficiaryTypeOfTrust0 .col-sm-3.nopadding, #page4_main div#divBeneficiaryTypeOfTrust1 .col-sm-3.nopadding, #page4_main div#divBeneficiaryTypeOfTrust2 .col-sm-3.nopadding, #page4_main div#divBeneficiaryTypeOfTrust3 .col-sm-3.nopadding, #page4_main div#divBeneficiaryTypeOfTrust4 .col-sm-3.nopadding, #page4_main div#divBeneficiaryTypeOfTrust5 .col-sm-3.nopadding, #page4_main div#divBeneficiaryTypeOfTrust6 .col-sm-3.nopadding {
        display: inline;
    }

    #page4_main #beneficiaryremove1, #page4_main #beneficiaryremove0, #page4_main #beneficiaryremove2, #page4_main #beneficiaryremove3, #page4_main #beneficiaryremove4, #page4_main #beneficiaryremove5, #page4_main #beneficiaryremove6, #page4_main #beneficiaryremove7, #page4_main #beneficiaryremove8 {
        float: inherit !important;
    }

    #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-7 {
        max-width: 75%;
    }

    a.dasboardCarouselBtn, a.dasboardCarouselStartBtn {
        margin-top: 5px;
    }

    #carouselDashboard .carousel-caption.d-none.d-md-block p {
        margin-bottom: 5px;
    }

    .footerbtn {
        margin-top: -40px !important;
    }


    footer #footerbgaaddress {
        max-width: 50%;
        flex: 0 0 50%;
        float: left;
    }

    footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bsmg.png'); "] {
        margin-right: 0;
    }
}

@media only screen and (max-width: 992px) {
    .footerbtn {
        margin-top: -28px !important;
    }

    #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-7 {
        max-width: 100%;
        Flex: 0 0 100%;
    }

    #page4_main #clientinfoform .healthcontainer.col-12 {
        max-width: 100%;
        Flex: 0 0 100%;
    }

    footer .content-wrapper {
        padding: 20px 30px;
    }

    footer #footermenu li a {
        display: inline-block;
    }

    #main-au .auReq .col-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    #main-vive-score .score-hero .col-8 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .score-hero {
        padding: 40px;
    }

    #main-case-status .status-hero .row {
        min-height: 150px;
    }

    #main-how-vive-works h2 {
        font-size: 24px;
    }

    #main-how-vive-works .about-hero h1, #main-au .au-hero h1, #main-share-quote .share-hero h1, #main-case-status .status-hero h1, #main-vive-score .score-hero h1, .affiliated-hero h1 {
        font-size: 32px;
    }

    #main-how-vive-works #v-pills-tab a {
        white-space: nowrap;
        font-size: 22px;
    }

    #carouselDashboard h2, #carouselDashboard .carouselEven h2 {
        font-size: 24px;
    }

    #carouselDashboard p {
        font-size: 16px;
        padding-bottom: 0;
    }

    #carouselDashboard img.carouselImage1 {
        height: 215px;
    }

    #carouselDashboard .col-1 {
        display: none;
    }

    .home-hero img.carouselImage2 {
        padding-right: 0;
    }

    .home-save-time h2 {
        font-size: 28px;
    }

    .home-save-time .graybtn {
        margin-left: -40px
    }

    #page4_main #requirednotice, #page5_main #requirednotice, #page1_main #requirednotice {
        margin-top: 100px;
        float: left;
        margin-left: 20px;
    }

    #page1_main #requirednotice {
        margin-left: 120px;
    }


    #page4_main fieldset:nth-of-type(1), #page5_main fieldset:nth-child(1), #page1_main fieldset:nth-child(1) {
        margin-top: -75px;
    }

    #page4_main #proposedinsured {
        margin-top: 20px;
    }

    #order_phone {
        Display: inline !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        border: none !important;
    }

    #order_need_help {
        Display: inline !important;
    }

    #order_phone_number {
        Display: inline !important;
    }

    #tabs-savedorders:before, #tabs-placedorders:before, #tabs-casestatus:before, #tabs-reports:before, #tabs-dashboard:before {
        font-size: 28px;
    }

    #page1_main a#lifeneeds {
        font-size: 12px;
    }

    #page1_main .form-check-inline {
        display: inline;
    }

    #page2_main fieldset {
        padding: 10px;
    }

    .interior-content {
        width: 60%;
        padding: 0px;
        margin: 40px 10px 40px 20px;
    }

    .interior-sidebar {
        width: 30%;
        padding: 0px;
        margin: 20px 10px 20px 20px;
    }

    #main-ForgotPassword {
        margin: 5% 20%;
    }

    #sel_prd .sel-prd-cell {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        white-space: nowrap;
    }

    #comparediv .container {
        max-width: 850px;
    }
}

@media only screen and (max-width: 900px) {
    #page6_main .graybtn {
        margin-right: 40px;
    }

    #page1_main #requirednotice {
        margin-left: 80px;
    }

    #compareresultsdiv .col-6.text-center {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page3container #comparediv #compareresultsdiv .comparerowshort {
        margin-top: 20px !important;
        padding-bottom: 20px;
    }

    #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 {
        min-width: 100%;
    }

    #page1_main .form-check-inline {
        display: inline;
        white-space: normal;
    }
}

@media only screen and (max-width: 852px) {

    #page6_main .container.col-12.pl-5 .col-sm-7, #page6_main .container.col-12.pl-5 .col-sm-5 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #page6_main #orderconfirmationform .container.col-12.pl-5 .col-sm-5 p:nth-of-type(1) {
        margin-top: 10px;
    }

    a.dasboardCarouselBtn, a.dasboardCarouselStartBtn {
        margin-right: 0;
        white-space: nowrap;
        margin-bottom: 2px;
    }

    #main-case-status .status-hero .row {
        min-height: 120px;
    }

    #main-how-vive-works p, #main-au p, #main-share-quote p, #main-case-status p, #main-vive-score p {
        font-size: 14px;
    }

    #main-how-vive-works .viveSteps h3 {
        font-size: 18px;
    }

    #main-how-vive-works #v-pills-tab a {
        font-size: 20px;
    }

    #main-how-vive-works .viveSteps .col-10 {
        max-width: 77%;
        flex: 0 0 77%;
    }

    #main-how-vive-works .viveSteps .col-2 {
        max-width: 23%;
        flex: 0 0 23%;
    }

    #main-how-vive-works {
        margin: 50px 5%;
    }

        #main-how-vive-works .viveSteps {
            padding: 10px;
        }

    #carouselDashboard .carousel3Background, #carouselDashboard .carousel1Background, #carouselDashboard .carousel2Background {
        height: 300px;
        width: auto;
    }





    #main-carriers-products .interior-content {
        padding-bottom: 0;
    }

    .home-hero .carousel1Background, .home-hero .carousel2Background, .home-hero .carousel3Background {
        width: auto;
        height: 450px;
        height: -webkit-fill-available;
        height: fill-available;
    }

    #carouselDashboard .carousel-caption.d-none.d-md-block {
        display: block !important;
    }

    .home-hero .jumbotron {
        height: 450px;
    }

    .home-hero h2 {
        font-size: 38px;
        margin-bottom: 10px;
    }

    .home-hero p {
        font-size: 20px;
    }

    #page1_main #requirednotice {
        margin-left: 55px;
    }

    .interior-widget:nth-of-type(2) .container .col-4:nth-of-type(3), .interior-widget:nth-of-type(3) .container .col-4:nth-of-type(3) {
        display: block;
    }

    .interior-widget:nth-of-type(2) .container .col-4, .interior-widget:nth-of-type(3) .container .col-4 {
        max-width: 50%;
        min-width: 50%
    }

    .interior-widget:nth-of-type(2) .container .col-6, .interior-widget:nth-of-type(3) .container .col-6 {
        max-width: 50%;
        min-width: 50%
    }

    #tabs-reports:before {
        margin-top: 0px !important;
        padding-bottom: 20px;
    }

    #tabs-reports div:first-of-type {
        clear: left;
    }

    #tabs-savedorders:before, #tabs-placedorders:before, #tabs-casestatus:before, #tabs-reports:before, #tabs-dashboard:before, #tabs-documents:before {
        font-size: 24px;
    }

    .page3container .tdCbx {
        display: table-cell;
    }

    .page3container .chkBoxComp {
        margin-top: 0px;
    }

    .page3container .two {
        margin-left: 10px !important;
    }

    .page3container {
        margin-left: 0px !important;
        margin-right: 0px !important;
        border-radius: 0 !important;
    }

        .page3container #resultstitle {
            width: 100%;
            text-align: center;
            margin-left: 0px !important;
        }


        .page3container #closeFilters, #closeEditQuote {
            visibility: visible;
            display: block;
        }

    #contact td, #contact th {
        padding-left: 6px;
        display: table-cell;
    }

    .interior-content {
        width: 90%;
        padding: 0px;
        margin: 40px 20px;
    }

    .interior-sidebar {
        width: 90%;
        padding: 0px;
        margin: 20px 20px;
    }

    #main-ForgotPassword {
        margin: 5% 15%;
    }
}

@media only screen and (max-width: 768px) {

    #page4_main #homephone-error, #page4_main #mobilephone-error, #page4_main #workphone-error {
        margin-top: 10px;
    }

    #page4_main #beneficiaryremove1, #page4_main #beneficiaryremove0, #page4_main #beneficiaryremove2, #page4_main #beneficiaryremove3, #page4_main #beneficiaryremove4, #page4_main #beneficiaryremove5, #page4_main #beneficiaryremove6, #page4_main #beneficiaryremove7, #page4_main #beneficiaryremove8 {
        float: left !important;
        position: absolute !important;
    }

    #page4_main #proposedinsured .col-sm-4.pb-md-2.pb-sm-1.pb-2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .footerbtn {
        margin-top: -39px !important;
    }

    footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bsmg.png'); "] {
        margin-right: 0px;
        max-width: 200px;
    }

    footer .content-wrapper {
        padding: 30px;
    }

    #main-au .container {
        margin-top: 10px;
    }

    #main-au .au-hero .col-1, #main-how-vive-works .about-hero .col-1 {
        display: none;
    }

    #main-how-vive-works .home-hero-imac {
        width: 100%;
    }

    #main-au .au-hero .col-4, #main-how-vive-works .about-hero .col-4 {
        max-width: 35%;
        flex: 0 0 35%;
        margin: auto;
    }

    #main-au .au-hero .col-7, #main-how-vive-works .about-hero .col-7 {
        max-width: 65%;
        flex: 0 0 65%;
    }

    #main-au .AUHome, #main-vive-score img, #main-au .auImage1 {
        width: 100%;
        margin: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    #main-share-quote img.arrow {
        transform: rotate(90deg);
        width: 25%;
        margin-top: 60px;
        margin-bottom: 60px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #main-share-quote .secondary-content {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }

    #main-how-vive-works .viveSteps img, #main-how-vive-works .viveSteps .ShareButton, #main-how-vive-works .viveSteps .MouseButton {
        width: 30%;
    }

    .viveDescription .col-10,
    .viveDescription .col-9, .viveDescription .col-8, .viveDescription .col-7, .viveDescription .col-6, .viveDescription .col-5,
    .viveDescription .col-4,
    .viveDescription .col-3,
    .viveDescription .col-2,
    .viveDescription .col-1, #main-affiliate-agencies .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #main-case-status .col-7,
    #main-case-status .col-5 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #main-case-status h5 {
        margin-top: 0;
    }

    #main-case-status .statusMobile {
        width: 100%;
    }

    .share-hero .col-9 {
        max-width: 100%;
        flex: 0 0 100%;
    }


    #carouselDashboard img.carouselImage1 {
        height: 175px;
    }

    .home-hero .carousel-caption.d-none.d-md-block .container .row img.carouselImage4 {
        width: 100%;
    }

    #tabs-casestatus #casestatustab_wrapper .dataTables_length {
        margin-top: 20px;
    }

    #tabs-casestatus #casestatustab_wrapper .dataTables_filter {
        margin-top: -44px;
    }

    .pdfwrapper .col-10 {
        padding-left: 45px;
    }

    .carousel-caption.d-none.d-md-block .container .row div:nth-of-type(2) {
        margin-top: auto;
        margin-bottom: auto;
    }

    .page3container #sel_price {
        padding-bottom: 10px;
    }

    .home-hero h2 {
        font-size: 35px;
    }

    .home-hero p {
        font-size: 18px;
    }

    #page4_main fieldset:nth-of-type(1), #page5_main fieldset:nth-child(1), #page1_main fieldset:nth-child(1) {
        margin-top: -75px;
    }

    #page1_main #requirednotice {
        margin-left: 125px;
        margin-top: 100px;
        float: left;
    }

    #page4_main #proposedinsured {
        margin-top: 20px;
    }

    #page5_main .float-right {
        float: left !important;
    }

    #page4_main #requirednotice, #page5_main #requirednotice {
        margin-top: 100px;
        float: left;
        margin-left: 20px;
    }


    .page3container #quotecontent .pricetext {
        display: inline-grid;
        width: auto;
        margin-right: 10px;
        padding: 0px 5px !important;
    }

    .page3container #quotediv .premium_months {
        padding-left: 0;
    }

    .page3container #quotecontent .pricetext:after {
        padding-left: 5px;
    }

    #dashboardwrapper .trash {
        width: 15px;
    }

    #tabs-savedorders:before, #tabs-placedorders:before, #tabs-casestatus:before, #tabs-reports:before, #tabs-admin:before #tabs-dashboard:before, #tabs-documents:before {
        display: none;
    }
    /* custom styling for check boxes
input[type="radio"] {
    -webkit-appearance: none;
    padding:6px 7px!important;
  display:inline-block!important;
  vertical-align: baseline;
  border:.5px solid #777!important;
    border-radius: 50%;
    
}
input[type="radio"]:checked{
     background:#276fa8;
     border:1px solid #fff!important;
    box-shadow:0px 0px 0px 1px #777;
}
    
    
    input[type="checkbox"] {
    -webkit-appearance: none;
    padding:6px!important;
  display:inline-block!important;
  vertical-align: baseline;
  border:.5px solid #777!important;
    border-radius: 2px;
    
}
input[type="checkbox"]:checked{
     background:#276fa8;
     border:1px solid #fff!important;
    box-shadow:0px 0px 0px 1px #777;
}
   */


    /* Custom styling for radio buttons that arent working
    
    #page2_main .form-check{
        padding-left:0px;
    }
    
input[type=radio],
input[type=checkbox]{
  
  visibility: hidden;
  position: absolute;
    display:none;
}
    
input[type=radio] + label:before,
input[type=checkbox] + label:before, .form-check label:before{
  height:14px;
  width:14px;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  border:1px solid #777;
}
    
input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before, {
  background:#276fa8;
     border:1px solid #fff;
    box-shadow:0px 0px 0px 1px #777;
}


input[type=radio] + label:before{
  border-radius:50%;
}
    
input[type=checkbox] + label:before{
  border-radius:2px;
}
 */
    .progress-indicator {
        width: 100%;
    }

    .fg-toolbar:first-child {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 0;
    }

    #page1_main {
        margin: 0px 0px;
        max-width: 100%;
    }

        #page1_main .form-check-inline {
            display: inline;
            white-space: normal;
        }

        #page1_main label {
            white-space: normal;
        }

        #page1_main #lblAdb {
            white-space: nowrap;
        }

        #page1_main .col-sm-6.pb-3 {
            min-width: 100%;
        }

        #page1_main .col-sm-5.pb-3 {
            min-width: 55%;
        }

        #page1_main .pb-3, #page4_main .col-sm-2, #page4_main .col-sm-3.pb-3 {
            min-width: 33.33%;
        }


    #page2_main #substandard-form .col-7, #page2_main #substandard-form .col-5 {
        min-width: 100%;
    }

        #page2_main #substandard-form .col-5 label:first-child {
            margin-left: 0px;
            margin-top: 20px;
            display: inline-block;
        }

    #page2_main #substandard-form .knockoutTobacco {
        padding-left: 0;
    }

        #page2_main #substandard-form .knockoutTobacco .form-group {
            margin-left: 0;
        }

    #page2_main #substandard-form .col-5 .col-12:nth-of-type(2) .form-group {
        margin-left: 0;
    }

    #page2_main #substandard-form .col-5 .col-12:nth-of-type(2) {
        padding-left: 0;
        margin-bottom: 30px;
    }

    #page2_main .modal-content #rates fieldset {
        padding-left: 0;
    }

    .page3container br {
        display: inherit;
    }

    .page3container #quotediv #divSelectedPrd .premium_months {
        top: -5px !important;
    }

    .page3container #quotecontent #divSelectedPrd .pricetext:after {
        top: -5px;
        position: relative;
    }

    #page4_main .col-sm-5.pb-3 {
        min-width: 50%;
    }




    #page4_main #quoteinfo.col-sm-2.pb-3 {
        padding-bottom: 50px !important;
    }

    #page4_main #divPolicyOwner .col-sm-2.pb-3 {
        padding-bottom: 10px !important;
    }

    #page4_main #beneficiaryinformation .col-sm-5, .col-sm-4.beneficiarypercent {
        max-width: 33.33%;
        min-width: 33.33%
    }

    #page4_main input#beneficiarypercent0, #page4_main input#beneficiarypercent1, #page4_main input#beneficiarypercent2, #page4_main input#beneficiarypercent3, #page4_main input#beneficiarypercent4, #page4_main input#beneficiarypercent5, #page4_main input#beneficiarypercent6, #page4_main input#beneficiarypercent7 {
        min-width: 100% !important;
    }

    #page4_main span#beneficiaryremove1, #page4_main span#beneficiaryremove2, #page4_main span#beneficiaryremove3, #page4_main span#beneficiaryremove4, #page4_main span#beneficiaryremove5, #page4_main span#beneficiaryremove6, #page4_main span#beneficiaryremove7, #page4_main span#beneficiaryremove8 {
        position: absolute;
    }



    #page4_main #owneremailaddress {
        margin-bottom: 0;
    }

    #page4_main .col-sm-3 .form-group, #page4_main .col-sm-2 .form-group, #page4_main .col-sm-4 .form-group {
        margin-bottom: 0px;
    }

    #page4_main span {
        margin-top: 0;
    }

    #page4_main .col-sm-2:nth-child(17), #page4_main .pb-3:nth-of-type(22), #page4_main .pb-3:nth-of-type(19), #page4_main .pb-3:nth-of-type(21) {
        margin-bottom: 30px;
    }

    span.phonenumberNotice, span.dlNotice {
        margin-top: -40px !important;
        display: inline-block;
    }

    #page1_main .col-md-6 {
        margin-bottom: 10px;
    }


    #page2_main input[type="radio"], #page5_main input[type="radio"] {
        border-radius: 50%;
    }

    #page5_main .row.float-right.mb-5.mt-5 {
        margin-left: 10px;
    }

    #page5_main .form-check:nth-of-type(2) {
        margin-left: 0px;
    }

    #page5_main label.error {
        font-size: 9px !important;
        padding: 0px !important;
        margin-left: 0px !important;
        color: #c1272d;
        display: inherit !important;
    }

    #page6_main div[style*="float:left; width:920px; margin-bottom:15px"] {
        margin-top: 0px;
    }

    #page2_main fieldset {
        padding: 10px 10px 20px 10px;
    }

    #page2_main #buttons {
        padding-left: 10px;
    }

    #page2_main select#tobacco, #page2_main select#frequency {
        min-width: 70%;
    }

    #page2_main .col-3.form-group.row, #page2_main .col-4.form-group.row {
        min-width: 100%;
        display: grid;
    }

    #page2_main .ui-icon-circle-close {
        float: left;
        position: absolute;
    }

    #page2_main .col-1.form-group.row {
        float: left;
        margin-top: 10px;
        margin-left: -40px;
        position: absolute;
    }

    #page2_main ul.list-unstyled.col-3 {
        min-width: 50%;
    }

    #page2_main .col-1.form-group.row {
        margin-left: -50px;
    }


    body {
        cursor: pointer;
    }

    nav#v3 {
        z-index: 9;
        cursor: pointer;
        min-width: 100%;
    }

    #main-Login #tabs:before {
        display: none;
    }


    #main-Login #tabs ul {
        display: block;
    }

    #main-Login #tabs .ui-tabs-nav li.ui-tabs-active a {
        color: #276fa8;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        background-color: #f9f9f9;
        box-shadow: 0px 5px 0px #276fa8 inset;
    }

    .heightgroup {
        min-width: 100%;
    }

    .weightgroup {
        min-width: 100%;
        padding-left: 0;
    }

    #page2_main .form-inline .form-control {
        width: 25%;
    }

    /*
    #tabs:before{
    content: "VIEW";
    color: #276fa8;
    display: block;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    background:#f9f9f9;
    box-shadow: 0px 5px 0px #276fa8 inset;
    padding: 10px 0px;
    margin-bottom:10px;
    letter-spacing: 1px; 
        
        
        
    }
    #tabs:hover:before{
opacity: 0;
            top: -100px;
    padding: 0;
        position:absolute;
        
    }
    #tabs:hover:after{
    content: "Close";
    color: #276fa8;
    display: block;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    background:#f9f9f9;
    box-shadow: 0px 5px 0px #276fa8 inset;
    padding: 10px 0px;
    margin-top:10px;
    letter-spacing: 1px; 
        text-transform: uppercase;
        position: absolute;
    top: 350px;
    width: 100%;    line-height: .1px;
    }
     #tabs .ui-tabs-nav{
        display:none;
    }
   */

    .alertBand {
        Margin: 20px 20px 0px 20px
    }

    #page1_main {
        margin: 20px 0px;
    }

        #page1_main a#lifeneeds {
            font-size: 9.75px !important
        }

    nav#v3:before {
        content: "\002261";
        color: white;
        display: block;
        position: absolute;
        right: 10px;
        top: 0px;
        font-size: 35px;
        -webkit-appearance: none;
        font-weight: 100;
        padding: 10px;
    }

    nav#v3:Hover:before {
        opacity: 0;
        top: -100px;
        padding: 0;
    }

    nav#v3:Hover:after {
        content: "×";
        color: white;
        position: absolute;
        display: block;
        top: 35px;
        right: 22px;
        font-size: 35px;
        -webkit-appearance: none;
        font-weight: 600;
        line-height: .1px;
        padding: 0;
    }

    nav:active ul, nav:focus ul, nav:hover ul {
        display: block;
    }

    nav ul {
        display: none;
        position: relative;
        background: linear-gradient(to right, #29abe2, #276fa8);
        width: 100%;
        right: 0;
        border-radius: 0 0 4px 4px;
        margin-top: -5px;
    }

    nav#v3 .account li.last, nav#v3 .account li {
        border-bottom: none;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #main-ForgotPassword #btnCancel, #main-ForgotPassword #btnSubmit {
        width: auto !important;
    }

    input.graybtn {
        margin-left: auto;
        margin-right: auto;
        width: 50% !important;
        display: block;
    }

    .account .signup.redbtn:before {
        content: "Don't have an account? ";
        font-size: 12px;
        font-weight: 300;
    }

    .account .signup.redbtn {
        background: none;
        border-radius: 0;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        font-size: 12px;
        font-weight: 600;
    }

    nav:active #profiletoolbar, nav:focus #profiletoolbar, nav:hover #profiletoolbar {
        display: block;
    }

    nav #profiletoolbar {
        display: none;
        position: absolute;
        background: linear-gradient(to right, #29abe2, #276fa8);
        width: 100%;
        right: 0;
        border-radius: 0;
        z-index: 9999999999;
    }

    #top_account {
        margin-top: -11px !important;
    }

    #forgot a:link, #forgot a:visited, #forgot a:active {
        margin-right: auto;
        margin-left: auto;
        display: block;
        text-align: center;
        width: 100%;
        padding: 10px 0px;
        font-size: 12px;
        font-weight: 600;
    }

    li#loginwrap {
        position: relative;
        display: block;
    }

    nav#v3 .account {
        padding-bottom: 0;
        margin-top: -30px;
        margin-bottom: 0px;
        visibility: visible !important;
    }

    #Check_Header_Unauth {
        width: 100% !important;
    }

    nav#v3 form {
        width: 100%;
    }

    nav li {
        width: 100%;
        padding: 10px 0;
        margin: 0;
        border-bottom: white 1px solid;
    }

    #global_loginbox {
        width: 100%;
        display: inline;
        margin-bottom: 10px;
    }

    #loginwrap input {
        width: 48%;
        border: none;
    }

    nav:hover ul {
        display: table;
        padding: 10px 20px 20px 20px;
    }

    nav:hover #profiletoolbar {
        display: block;
        padding: 20px;
        top: 70px;
        color: white;
        text-align: center;
    }

    #menuwrapper li a {
        float: left;
        margin-left: 0;
        font-weight: 600;
    }

    .main-logo {
        height: 80px;
        width: 130px;
        margin: 17px 10px;
        background-size: 130px;
        background-image: url("images/mobile/vive-mobile.png");
    }



    #profiletoolbar {
        color: black;
    }

    header {
        height: 85px !important;
    }

    #menuwrapper li .submenu {
        background: none;
        box-shadow: none;
        border: none;
        padding-top: 15px;
    }

   #menuwrapper li .submenu:hover, #menuwrapper li .submenu:active {
      z-index: 1051 !important;
      position: relative;
      border: none;
   }

    #menuwrapper li:hover .submenu, #adminwrapper li:hover .submenu {
       position: relative;
    }

    #menuwrapper li:last-child {
        border-bottom: none;
    }

    #menuwrapper li .submenu li a {
        color: white;
    }

    #menuwrapper li .submenu li {
        border-bottom: none;
    }

    div#main-Login #tabs {
        margin: 30px;
        box-shadow: none;
    }

    div#main-Login #useredit {
        margin: 10px 100px;
    }

    .progress-indicator {
        width: 100%;
    }

    #page1_main, #page2_main, #page4_main, #main #page5_main, #page6_main {
        margin: 20px 0px;
        max-width: 100%;
    }

        #page1_main .form-check-inline {
            display: inline;
            white-space: normal;
        }

        #page1_main label {
            white-space: normal;
        }

        #page1_main #lblAdb {
            white-space: nowrap;
        }

        #page1_main .container {
            max-width: 600px;
        }

        #page1_main .col-sm-6.pb-3 {
            min-width: 100%;
        }

        #page1_main .col-sm-5.pb-3 {
            min-width: 55%;
        }

        #page1_main .pb-3 {
            min-width: 33.33%;
        }

        #page1_main .container {
            max-width: 600px;
        }

        #page1_main .col-sm-6.pb-3 {
            min-width: 100%;
        }

        #page1_main .col-sm-5.pb-3 {
            min-width: 55%;
        }

        #page1_main .pb-3 {
            min-width: 33.33%;
        }


        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline label {
            font-size: 0px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(1) label:after {
            content: "All";
            font-size: 14px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(2) label:after {
            content: "10 yrs";
            font-size: 14px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(3) label:after {
            content: "15 yrs";
            font-size: 14px;
            margin-right: 20px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(4) label:after {
            content: "20 yrs";
            margin-top: 10px;
            display: inline-block;
            font-size: 14px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(5) label:after {
            content: "25 yrs";
            font-size: 14px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(6) label:after {
            content: "30 yrs";
            font-size: 14px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(7) label:after {
            content: "35 yrs";
            font-size: 14px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(8) label:after {
            content: "40 yrs";
            font-size: 14px;
        }

        #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(8), #page1_main fieldset:nth-of-type(1) .col-sm-6.pb-3 .form-check-inline:nth-of-type(7) {
            margin-top: 10px;
        }

    /*---

    #page1_main #labeltp:after{
        content:"(Yrs)";
        margin-left:5px;
        font-size:13px;
    }
    
    */
    #main-ForgotPassword input[type="text"] {
        width: 100% !important;
    }

    #main-how-vive-works h1 {
        font-size: 40px;
        margin: 0px 20px 30px 20px;
    }

    main-how-vive-works .secondary-cta h2 {
        margin: 50px;
    }
}

@media only screen and (max-width: 736px) {
    #tabs-casestatus th:nth-of-type(1) {
        display: none;
    }

    #noplacedorders:after, #nosavedorders:after,
    #nosavedorders:before {
        display: none !important;
    }

    #tabs table.display #noplacedorders, #tabs table.display #nosavedorders, #tabs #casestatustab #nocasestatus {
        text-align: center !Important;
        width: 100%;
        padding: 5px 0px 7px;
        margin-top: 0;
    }

    #tabs-casestatus th, #placedorders th, #savedorders th {
        white-space: nowrap;
        padding: 2px 10px;
    }

    #main-share-quote .share-hero, #main-how-vive-works .about-hero, #main-au .au-hero, #main-affiliate-agencies .affiliated-hero {
        border-radius: 0;
        padding: 40px 20px;
    }

    #main-case-status .status-hero {
        border-radius: 0;
        padding: 40px 20px 0px;
    }

    .score-hero {
        border-radius: 0;
    }

    #main-how-vive-works {
        padding-bottom: 50px;
    }

        #main-how-vive-works .fade.show {
            margin-top: 20px;
        }

        #main-how-vive-works .viveSteps {
            margin: 30px 0px;
            padding: 10px 0px;
        }

        #main-how-vive-works .about-hero {
            padding: 40px 20px;
        }

        #main-how-vive-works .viveSteps h3 {
            font-size: 18px;
            line-height: 24px;
        }

        #main-how-vive-works .viveSteps p {
            font-size: 13px;
        }

        #main-how-vive-works .secondary-content {
            padding: 0px 10px;
        }

        #main-how-vive-works .viveSteps .tab-pane .row {
            height: auto;
        }

        #main-how-vive-works .about-hero h1 {
            padding-bottom: 20px;
        }

        #main-how-vive-works #v-pills-tab {
            border-right: none;
            padding-right: 0;
            border-bottom: 1px solid #c1c2c4;
            padding-bottom: 10px;
            text-align: center;
        }

            #main-how-vive-works #v-pills-tab a {
                display: inline-block;
                font-size: 18px;
                margin-right: 10px;
                min-width: 61px;
                padding-bottom: 0;
            }

        #main-how-vive-works .viveSteps .col-2, #main-how-vive-works .viveSteps .col-10 {
            flex: 0 0 100%;
            max-width: 100%;
        }

    #dashboardwrapper th.sorting.ui-state-default.sorting_desc .DataTables_sort_wrapper:after, .page3container th.sorting.ui-state-default.sorting_desc .DataTables_sort_wrapper:after {
        content: "\0025B2";
        color: white;
        font-size: 8px;
        padding-left: 5px;
        vertical-align: text-top;
        margin-top: 3px;
        display: inline-block;
        background: none;
        margin-left: 0;
        width: auto;
        height: auto;
    }

    #dashboardwrapper th.sorting.ui-state-default.sorting_asc .DataTables_sort_wrapper:after, .page3container th.sorting.ui-state-default.sorting_asc .DataTables_sort_wrapper:after {
        content: "\0025BC";
        color: white;
        font-size: 8px;
        padding-left: 5px;
        vertical-align: text-top;
        margin-top: 2px;
        display: inline-block;
        background: none;
        margin-left: 0;
        width: auto;
        height: auto;
    }

    th.sorting.ui-state-default .DataTables_sort_wrapper:after {
        background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#276fa8' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat 0 0;
    }

    .home-hero .carousel1Background, .home-hero .carousel2Background, .home-hero .carousel3Background {
        width: auto;
        height: 650px;
        height: -webkit-fill-available;
        height: fill-available;
    }

    .home-hero .jumbotron {
        height: 650px;
    }

    .home-hero img.carouselImage5, .home-hero img.carouselImage1, .home-hero img.carouselImage2 {
        margin-top: 40px;
    }

    .home-hero img.carouselImage2 {
        width: 75%;
        margin-top: 70px;
    }

    .home-hero img.carouselImage5 {
        width: 120%;
        margin-left: -50px;
    }

    .home-hero .carousel-caption.d-none.d-md-block .container .row img.carouselImage4 {
        width: 80%;
        margin-top: 50px;
    }

    .home-hero .carousel-caption {
        top: 1%;
        left: 7%;
        right: 7%;
    }

    .home-hero img.carouselImage3 {
        width: 80%;
        margin-top: 20px;
        margin-left: -50px;
    }

    .home-hero .col-4, .home-hero .col-5, .home-hero .col-6, .home-hero .col-7, .home-hero .col-8 {
        flex: 0 0 97%;
        max-width: 97%;
    }






    #loginbox table {
        min-width: 80%;
    }

    #page1_main #requirednotice {
        margin-left: 105px;
    }

    #main-Login h2 {
        margin-left: 0px;
        width: 100%;
        padding-top: 60px;
    }

    #tabs-login input#login {
        margin-top: -25px;
    }

    #loginextras {
        width: 80%;
    }

        #loginextras br {
            display: block;
        }

    #main-dashboard {
        background: white;
        margin: 0px;
        border-radius: 0;
        box-shadow: none;
    }

    div#main-Login #tabs {
        margin: 30px 0px;
        box-shadow: none;
    }

    div#main-Login #useredit {
        margin: 10px;
    }


    Table.display {
        border: 1px solid #ccc;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
        border: 0;
        overflow: hidden;
    }

    .page3container Table.display {
        overflow: visible
    }

    table.display tr {
        border-bottom: none;
        display: inline-block;
        /* ---- or table ----*/
        margin-bottom: .625em;
    }

    table.display td {
        border-bottom: 1px solid #ddd;
        display: block !important;
        font-size: .8em;
        text-align: right;
    }

    table td:last-child {
        border-bottom: 0;
    }



    #tblProductList_wrapper table.display tr.even, #tblProductList_wrapper table.display tr.odd {
        border-radius: 8px !important;
        box-shadow: 0 0 20px #ccc !important;
        background: white !important;
    }
    /* old about ----
    #main-about-vive .secondary-content .media-left img{
        width:140px;
    }
    
    #main-about-vive  .secondary-content .media-left i.section-number.odd-number{
        left:130px;
    }
    #main-about-vive  .secondary-content .media-left i.section-number{
    width: 35px;
    height: 35px;
        font-size: 24px;
            line-height: 32px;
    }
 .media-left-line{
            margin: 20px 100px;
    }
    */

    /* Hide column labels */
    .page3container {
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        /* max-height:1200px!important;*/
    }

        .page3container thead tr {
            text-align: center;
            clear: left;
            float: left;
        }

        .page3container #tblProductList_wrapper table.display thead {
            text-align: center;
            display: block;
            margin-top: -40px;
            background: none;
            border-bottom: .5px solid grey;
            border-top: .5px solid grey;
            padding-bottom: 70px;
        }

            .page3container #tblProductList_wrapper table.display thead:before {
                content: "Sort by";
                padding-right: 10px;
                padding-bottom: 5px;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 14px;
                color: #276fa8;
                float: left;
                display: block;
                margin-left: 5px;
                margin-top: 5px;
            }

            .page3container #tblProductList_wrapper table.display thead th {
                color: #276fa8 !important;
                border: 1px solid #276fa8 !important;
                padding: 2px 10px !important;
                margin-right: 10px;
                border-radius: 4px;
                display: inline-block !important;
            }

        .page3container th.sorting.ui-state-default.sorting_desc, .page3container th.sorting.ui-state-default {
            display: inline-block !important;
        }

        .page3container #tblProductList_wrapper table.display th.sorting.ui-state-default.sorting_desc, .page3container #tblProductList_wrapper table.display th.sorting.ui-state-default.sorting_asc {
            background-color: #276fa8 !important;
            color: white !important;
            font-weight: 600;
        }

        .page3container #tblProductList_wrapper .table-row:nth-of-type(1) {
            margin-top: 30px;
        }

        .page3container #tblProductList_wrapper .table-header th.sorting_disabled.ui-state-default {
            display: none !important;
        }

        .page3container tr {
            border: none;
            border-bottom: 0;
        }
            /* Leave a space between table rows */
            .page3container tr + tr {
                margin-top: 1.5em;
            }
        /* Get table cells to act like rows */
        .page3container tr, .page3container td {
            display: block;
        }

        .page3container td {
            border: none;
            border-bottom: none;
            padding-left: 50%;
        }


        .page3container #closeFilters, #closeEditQuote {
            visibility: visible;
            display: block;
        }

        .page3container #filterTabs .ui-tabs-nav {
            margin-right: 0px !important;
            margin-left: -10px !important;
        }

        .page3container .tab-content {
            margin: -12px 10px -12px 0px !important;
        }

        .page3container td:before {
            display: inline-block;
            float: left;
            width: 40% !important;
            font-weight: bold;
            line-height: 1.5;
            text-align: right;
            padding-right: 20px;
            margin-left: -20px;
        }

        .page3container .tdCbx {
            position: absolute;
            height: auto;
            width: 40px !important;
            border-radius: 8px 0 0 8px;
            box-shadow: 0 0 20px #ccc;
        }


            .page3container .tdCbx:before {
                display: none;
                visibility: hidden;
            }

        .page3container select#healthclassification, .page3container select#substandardtable {
            font-size: 12px;
        }

        .page3container .cmxform input {
            margin-top: 68px;
            margin-bottom: 68px;
            margin-left: 4px;
            border: .5px solid black !important;
        }



        .page3container #quotecontent #divSelectedPrd .prodImage {
            padding: 0px;
            margin-top: 5px;
            height: 25px !important;
            display: block;
        }


        .page3container .sel-prd-header {
            display: none;
        }

    #sel_carrier, #sel_prd, #sel_term, #sel_uwclass, #sel_score, #sel_price, #sel_au, #sel_alert {
        border: none;
        display: inline-block !important;
        font-size: 12px;
        text-align: left !important;
        float: left;
        width: 100%;
    }


    .page3container #sel-prd-row {
        display: block;
    }


    .page3container #sel_score {
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        font-size: 20px !important;
        margin-top: -5px;
    }

    .page3container #divSelectedPrd #sel_carrier:before {
        content: "Carrier";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        display: inline-block;
        float: left;
        width: 40% !important;
        line-height: 1;
        text-align: right;
        padding-right: 20px;
        margin-left: -20px;
        padding-top: 20px;
    }

    .page3container #divSelectedPrd #sel_prd:before {
        content: "Product";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        display: inline-block;
        float: left;
        width: 40% !important;
        line-height: 1;
        text-align: right;
        padding-right: 20px;
        margin-left: -20px;
        padding-top: 3px;
    }

    .page3container #divSelectedPrd #sel_term:before {
        content: "Term";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        display: inline-block;
        float: left;
        width: 40% !important;
        line-height: 1;
        text-align: right;
        padding-right: 20px;
        margin-left: -20px;
        padding-top: 3px;
    }

    .page3container #divSelectedPrd #sel_uwclass:before {
        content: "UW Class";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        display: inline-block;
        float: left;
        width: 40% !important;
        line-height: 1;
        text-align: right;
        padding-right: 20px;
        margin-left: -20px;
        padding-top: 3px;
    }

    #divSelectedPrd:before {
        margin-top: -20px;
        background: white;
        text-align: left;
        padding-right: 5px;
        padding-left: 5px;
        display: inherit;
    }

    .page3container #divSelectedPrd {
        background: white;
        border: 2px solid #8bc53f !important;
        border-radius: 8px;
        padding: 5px;
    }

        .page3container #divSelectedPrd #sel_score:before {
            content: "Vive Score";
            font-size: 12px;
            font-weight: bold;
            -webkit-text-fill-color: #276fa8 !important;
            display: inline-block;
            float: left;
            width: 40% !important;
            line-height: 1;
            text-align: right;
            padding-right: 20px;
            margin-left: -20px;
            padding-top: 16px;
        }

    .page3container .sel-prd-cell {
        display: inline;
    }

        .page3container .sel-prd-cell .tdProductScore {
            padding: 0;
            margin-left: -7px !important;
            margin-top: 7px;
        }

    div[style*="display: block; margin: 10px 20px 10px 20px"] {
        margin-right: 10px !important;
    }

    .page3container #sel_au, #sel_alert .sel-prd-cell {
        margin-top: -25px;
        padding: 5px 0px !important;
        width: 45% !important;
        float: left;
    }

    .page3container #quotecontent #sel_price .pricetext {
        margin-right: 3px;
        border-right: 2px solid #8bc53f;
        border-bottom: 2px solid #8bc53f;
        border-bottom-right-radius: 8px;
    }

    .page3container #quotecontent .pricetext:hover, .page3container #quotecontent .pricetext:active {
        border-radius: 8px 0 8px 0 !important;
    }

    .page3container #quotecontent .pricetext:after {
        display: block;
        padding-left: 6px;
    }

    .page3container #quotecontent .pricetext {
        float: right;
        display: inline-block;
        width: 30%;
        text-align: left;
        background-color: #f2f2f2;
        border-radius: 8px 0 0 0;
        white-space: normal;
        padding: 5px 0px 10px 10px !important;
        margin-right: 11px;
        margin-top: -55px;
        border: none;
    }

    .ui-helper-clearfix:before, .ui-helper-clearfix:after {
        display: none;
    }

    .page3container #quotecontent #divSelectedPrd .premium_months {
        top: 0 !important;
        padding-left: 5px;
    }

    .page3container #quotecontent #divSelectedPrd .pricetext:after {
        top: 0;
    }

    .page3container #quotediv .premium_months {
        padding-left: 5px;
    }

    .tdProductScore {
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        font-size: 20px !important;
        margin-top: -5px;
        margin-left: 0px !important;
    }

        .tdProductScore.sel-prd-cell {
            margin-left: 5px !important;
        }

    .page3container #sel_prd .sel-prd-cell {
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        max-width: 200px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .page3container table.display td:nth-child(1) {
        display: block !important;
        position: absolute !Important;
    }

    .page3container table.display td:nth-child(3) {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .page3container table.display td {
        border: none;
        display: inline-block !important;
        font-size: 12px;
        text-align: left !important;
        float: left;
        width: 100% !important;
    }


    .page3container br {
        display: inherit !important;
    }

    #tblProductList_wrapper table.display td {
        padding: 1px;
        display: inline-block !important;
    }


    #resultstitle {
        margin-bottom: 20px;
        text-align: center;
    }

    .page3container .two {
        border: none;
        margin: 0;
        margin-left: 0 !Important;
        overflow: hidden;
        background: white;
        height: 100%;
    }
    /* --- filtering -----*/
    .page3container .one {
        max-height: 100%;
        width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
    }

    li.nav-item.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:last-of-type {
        margin-bottom: 10px;
    }

    .bluebox {
        margin: 20px 10px !Important;
    }

        .bluebox .mt-4 {
            margin-top: 0px !important;
        }

    .cartext {
        font-size: 20px;
    }

    .bluebox h3 {
        font-size: 16px;
        margin: 0px 20px;
    }

    .bluebox .carousel-control-next-icon, .bluebox .carousel-control-prev-icon {
        width: 10px;
    }

    .bluebox .carousel-control-next {
        right: 0;
    }

    .bluebox .carousel-control-prev {
        left: 0
    }

    .bluebox .carousel-indicators {
        bottom: 0;
    }

    .pdfwrapper #clientdataform, .pdfwrapper #clientstepbystep {
        min-width: 100%;
    }

    #tabs:hover .ui-tabs-nav, #tabs:active .ui-tabs-nav {
        padding: 0px;
        margin-bottom: 10px;
        color: white;
        display: block;
    }

    #tabs .ui-tabs-nav li {
        width: 100%;
    }

        #tabs .ui-tabs-nav li a {
            margin-bottom: 0px;
            background: #f9f9f9;
            font-weight: 500;
            border-right: none;
        }

    #main-Login #tabs .ui-tabs-nav li a {
        background-color: white;
    }

    #tabs .ui-tabs-nav li.ui-tabs-active a {
        background-color: #276fa8;
        color: white;
        box-shadow: none;
        border-right: none;
    }

    div#main-Login li.ui-tabs-tab:nth-of-type(1) {
        border-right: .25px solid #cccccc;
    }

    #tabs ul:active, #tabs ul {
        display: block;
        position: relative;
    }

    #tabs .ui-tabs-nav:active, #tabs .ui-tabs-nav {
        position: relative;
        width: 100%;
        right: 0;
        border-radius: 4px 0 4px 4px;
        z-index: 1;
        display: block;
    }

        #tabs .ui-tabs-nav li a {
            font-size: 12px;
        }


    #dashboardwrapper {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0 !important;
        padding-bottom: 40px !important;
        cursor: pointer
    }

    #tabs table.display tbody tr {
        background: white;
        border: #b3b3b3 .5px solid;
        border-radius: 8px;
        box-shadow: 10px 10px 20px -8px #ccc;
        height: 100%;
        width: 100%;
        margin-left: 0;
        position: relative;
        border-collapse: separate;
    }

    #tabs-casestatus table.display tbody tr.even, #tabs-casestatus table.display tbody tr.odd {
        height: 270px;
    }

    #tabs-casestatus table.display tbody tr {
        min-height: 30px;
    }

    /* Leave a space between table rows */
    #tabs tr + tr {
        margin-top: 1.5em;
    }
    /* Get table cells to act like rows */

    #tabs td {
        border: none;
        border-bottom: none;
    }


    #tabs table.display thead {
        border-top: #b3b3b3 .5px solid;
        border-bottom: #b3b3b3 .5px solid;
        margin-bottom: 20px;
        margin-top: 10px;
        display: block;
        padding-bottom: 3px;
    }



    #tabs th.sorting.ui-state-default {
        display: table-cell !important;
        padding: 2px 10px;
    }


    table.display th {
        font-size: 12px;
        border: 1px solid #276fa8;
        border-radius: 4px;
        padding: 10px;
        margin: 0px 5px 10px;
    }

    #savedorders th.sorting_disabled.ui-state-default:last-of-type {
        display: none;
    }

    #tabs th.cheeseburger.column.sorting_disabled.ui-state-default {
        display: none;
    }

    #tabs th.sorting.ui-state-default.sorting_desc, #tabs th.sorting.ui-state-default.sorting_asc {
        color: white;
        background: #276fa8 !important;
        font-weight: 500;
    }

    .page3container .order_back {
        margin-bottom: 20px;
    }

    .sorting {
        background: none;
    }

    #tabs thead tr {
        text-align: center;
        margin-top: 0px;
        margin-bottom: -5px;
        margin-left: 0px !important;
        padding: 5px 0px;
        display: inline-block;
        overflow-x: scroll;
        width: 100%;
        border-collapse: separate;
        border-spacing: 10px;
    }

    #tabs table.display thead:before {
        content: "Sort By";
        float: left;
        margin-left: 10px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        color: #276fa8;
        letter-spacing: .5px;
        margin-bottom: -5px;
        margin-top: 5px;
    }


    /* width */
    #tabs ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    #tabs ::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    /* Handle */
    #tabs ::-webkit-scrollbar-thumb {
        background: #b3b3b3;
        border-radius: 10px;
    }

    table.display td {
        padding: 3px 16px;
        text-align: left;
    }

    #main-carriers-products .DataTables_sort_wrapper {
        white-space: normal;
    }

    .DataTables_sort_wrapper {
        white-space: nowrap;
    }



    /*----- Table Headings for mobile ------*/

    #placedorders td:nth-child(1):after, #savedorders td:nth-child(1):after {
        content: " ❯❯";
        font-size: 10px;
        font-weight: 800;
        color: #276fa8;
        padding-left: 1px;
    }

    #savedorders_wrapper table#savedorders > tbody > tr > td:first-child:before, #savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        content: "Order ID";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        background: none;
        border: none;
        font-family: "open sans";
        box-shadow: none;
        margin-left: 0px;
        margin-top: 3px;
        width: auto;
        height: auto;
        display: inherit;
        position: inherit;
        top: auto;
        left: auto;
    }

    #tabs table.display td:nth-of-type(1) {
        margin-top: 5px;
    }

    #placedorders td:nth-child(2):before, #savedorders td:nth-child(2):before {
        content: "Saved Date/Time";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #placedorders td:nth-child(3):before, #savedorders td:nth-child(3):before {
        content: "Client Name/Gender";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #placedorders td:nth-child(4):before, #savedorders td:nth-child(4):before {
        content: "State";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #placedorders td:nth-child(5):before, #savedorders td:nth-child(5):before {
        content: "Face Amount";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #placedorders td:nth-child(6):before, #savedorders td:nth-child(6):before {
        content: "Carrier";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(2):before {
        content: "Order ID";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(2) {
        padding-top: 10px;
    }

    #casestatustab td:nth-child(3):before {
        content: "Client Name";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(4):before {
        content: "Face Amount";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(5):before {
        content: "State";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(6):before {
        content: "Date";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(7):before {
        content: "Days";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(8):before {
        content: "Carrier";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(9):before {
        content: "Status";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    #casestatustab td:nth-child(10):before {
        content: "AU";
        Float: left;
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
    }

    .page3container td:nth-child(2):before {
        content: "Carrier";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        z-index: 99999;
        padding-top: 18px;
    }


    .page3container td:nth-child(2) {
        margin-top: 5px;
    }

    .page3container td:nth-child(3):before {
        content: "Product";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        z-index: 99999;
    }

    .page3container td:nth-child(4):before {
        content: "Term";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        z-index: 99999;
    }

    .page3container td:nth-child(5):before {
        content: "UW Class";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        z-index: 99999;
    }

    .page3container td:nth-child(6):before {
        content: "Vive Score";
        font-size: 12px;
        font-weight: bold;
        padding-top: 8px;
        -webkit-text-fill-color: #276fa8;
        z-index: 99999;
        margin-top: 2px;
    }
    /* 
        .page3container td:nth-child(8):before{ 
            content: "AU";
            font-size: 12px;
            font-weight: bold;
            color: #276fa8;
            z-index: 99999;
}
        
       
   */
    .page3container #tblProductList_wrapper table.display thead th:active {
        background-color: black;
    }

    .page3container td:nth-child(7) {
        padding-bottom: 0 !important;
    }

    .page3container .forcefieldset #quoteProductList tbody td:nth-child(8) {
        margin-top: -25px;
        padding: 5px 0px !important;
        width: 40% !important;
    }

    .pricetext:hover {
        background-color: #276FA8;
        color: #fff;
        border-radius: 8px 0 0 0;
    }

    .one img[src*="au"] {
        float: none;
    }

    img[src*="au"] {
        float: right;
    }

    a[href*="agonly"] {
        margin: 0px 0px 20px 0px;
    }


    .page3container #comparediv #compareresultsdiv #compProductScore b.compareScore {
        margin-top: 0;
    }

    .page3container #comparediv #compareresultsdiv #compProductScore h5 {
        font-size: 14px;
    }

    .page3container #comparediv #compareresultsdiv h4 {
        font-size: 18px;
        margin-top: -20px;
    }

        .page3container #comparediv #compareresultsdiv h4:nth-child(1) {
            font-size: 20px;
            margin-bottom: 0px;
        }

    .page3container #comparediv #compareresultsdiv .premium_years {
        margin-top: 0px;
    }


    /* quote results bottom bar*/

    .page3container div[style*="float:right; margin-top: -20px;"] {
        position: fixed;
        background: #276fa8;
        bottom: 0;
        left: 0;
        height: 60px;
        width: 100%;
        z-index: 1;
        display: inline-block;
    }

    .page3container #editquotetoggle {
        float: left;
        color: transparent !important;
        margin-top: 10px;
        background-image: url(Images/mobile/filter.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: top !important;
        padding-top: 18px;
        width: 30%;
        margin-right: auto;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        background-color: transparent;
    }

        .page3container #editquotetoggle:before {
            content: "filter/edit";
            color: white !important;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: .1em;
            font-size: 12px;
            padding: 10px;
            display: block;
            text-align: center;
        }

    .page3container #sharequote {
        float: left;
        color: transparent !important;
        margin-top: 10px;
        background-image: url(Images/mobile/share.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: top !important;
        padding-top: 18px;
        width: 20%;
        margin-right: auto;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        background-color: transparent;
    }

        .page3container #sharequote:before {
            content: "share";
            color: white !important;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: .1em;
            font-size: 12px;
            padding: 10px;
            display: block;
            text-align: center;
        }

    .page3container #comparebtn {
        float: left;
        color: transparent !important;
        margin-top: 10px;
        background-image: url(Images/mobile/Compare.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: top !important;
        padding-top: 18px;
        width: 30%;
        margin-right: auto;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        background-color: transparent;
    }

        .page3container #comparebtn:before {
            content: "compare";
            color: white !important;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: .1em;
            font-size: 12px;
            padding: 10px;
            display: block;
            text-align: center;
        }


    .page3container #printview {
        float: left;
        color: transparent !important;
        margin-top: 10px;
        background-image: url(Images/mobile/print-White.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: top !important;
        padding-top: 18px;
        width: 20%;
        margin-right: auto;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        right: auto !important;
        background-color: transparent;
    }


        /*
    #printview:after{
        content:url(print.svg);
            display: inline-block;
    width: 22px;
    height: 30px;
    margin-top: px;
        fill:white;
    }
    
    */
        .page3container #printview:before {
            content: "print";
            color: white !important;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: .1em;
            font-size: 12px;
            padding: 10px;
            display: block;
            text-align: center;
            margin-top: auto;
            height: auto;
            margin-left: 0;
            width: auto;
            margin-right: 0;
            float: none;
        }

    .two {
        margin-left: 0px !important;
    }

    tdProductScore.sorting_1:before {
        content: "AU";
        font-size: 12px;
        font-weight: bold;
        color: #276fa8;
        z-index: 99999;
    }

    td.tdProductScore {
        padding: 1px !important;
    }

        td.tdProductScore.sorting_1 {
            z-index: 99999;
            width: 100% !important;
            height: auto;
        }

    #prdRop443, #prdRop442, #prdRop441, #prdRop1296, #prdRop1297, #prdRop1298 {
        display: inline !important;
        white-space: nowrap;
        margin-left: 0 !important;
    }


    td a {
        margin-left: 0;
        margin-right: 0px;
    }


    #savedorders tr.child {
        display: none;
        visibility: hidden;
        position: absolute;
    }

    .alertBand {
        margin: 20px 5px;
    }

    #tabs .tdCbx {
        position: absolute;
        width: 40px !important;
        border: #276fa8 .5px solid;
        border-radius: 8px 0 0 8px;
        box-shadow: 0 0 20px #ccc;
    }

    #tabs .cmxform input {
        margin-top: 90px;
    }

    #tabs table.display td {
        border: none;
        display: inline-block !important;
        font-size: .8em !important;
        text-align: right !important;
        width: 94%;
        padding-left: 10px;
    }



    /* case status mobile styling */
    #tabs #casestatustab td:nth-child(1) {
        position: absolute;
        margin-top: 244px;
        padding-left: 16px;
        border-right: none;
        border-left: none;
        box-shadow: none;
    }

    #tabs #casestatustab #nocasestatus {
        margin-top: 0;
    }

    #tabs #casestatustab .childrow td {
        margin-top: 0px;
    }

    #tabs-casestatus table.display tbody .childrow {
        height: 100%;
        background: none;
        padding-top: 22px;
        margin-top: -15px !important;
    }

    #tabs td.cheeseburger {
        background-image: none !important;
        text-align: center;
        width: 94.5% !important;
        border-radius: 0px 0px 8px 8px;
        text-align: center;
        background-color: #276fa8;
    }




        #tabs td.cheeseburger:before {
            content: "+ View More";
            white-space: nowrap;
            color: white;
            font-weight: bold;
            letter-spacing: .75px;
            text-align: center;
            float: none;
        }

    #tabs tr.shown td.cheeseburger {
        background-image: none !important;
        text-align: center;
        width: 91% !important;
        border-radius: 0;
        text-align: center;
        background-color: white;
        border: #b3b3b3 .5px solid;
        border-top: none;
        box-shadow: 10px 10px 20px -8px #ccc;
    }

        #tabs tr.shown td.cheeseburger:before {
            content: "- Show Less";
            white-space: nowrap;
            color: #276fa8;
            font-weight: bold;
            letter-spacing: .75px;
            text-align: center;
            float: none;
        }

    #tabs-casestatus table.display tbody .loading.childrow, #tabs-casestatus table.display tbody .childrow td {
        position: initial !important;
    }

    #tabs #casestatustab td:nth-child(1) {
        text-align: center !important;
    }

    #casestatustab .container.childrow {
        float: left;
        min-width: 100%;
        text-align: left;
        padding: 0px !important;
    }

    #tabs-casestatus .caseinfo, .casesummary, .casedetails {
        margin-right: -15px !important;
        margin-top: -7px;
        display: block;
    }

    #tabs .childrow:last-of-type .card:last-of-type {
        margin-top: 15px;
        padding-top: 5px;
    }

    #tabs .alertText {
        margin-left: 0;
    }

    .slalisting li, .slalisting li.slaComplete div, .slalisting li.slaAlert div, .slalisting li.slaIncomplete div {
        font-size: 12px !important;
    }

    #casestatustab td a {
        white-space: normal;
    }

    #casestatustab .card {
        border-bottom: none !Important;
        margin-right: 10px;
    }


    #savedorders_paginate {
        margin-left: -25px;
    }

    .dataTables_wrapper .dataTables_paginate .fg-button {
        padding: .65em;
    }

    #tabs img {
        padding: 10px 2px;
    }

    #tabs .slaalerticon {
        padding: 0px;
        margin-left: 2px;
    }

    #main-vive-score, #main-au, #main-share-quote, #main-case-status, #main-how-vive-works, #main-affiliate-agencies {
        margin: 0px;
        border-radius: 0;
        box-shadow: none;
    }

    #main-session_expired, div#main-index-Contracting, #main-faq, #main-contractsb, #main-ChangePasswordSuccess, #main-ChangePassword, #main-Cancel, #main-carriers-products, #main-contact, #main-ForgotPassword {
        margin: 30px 0px;
        border-radius: 0;
        box-shadow: none;
    }



    .pb-3:nth-of-type(5), .pb-3:nth-of-type(6) {
        margin-bottom: 30px;
    }
    /*home page */
    .home-hero .carousel-control-next, .home-hero .carousel-control-prev {
        width: 5%;
    }

    .home-save-time .graybtn {
        margin-left: 0;
    }

    .home-save-time .col-7, .home-save-time .col-3, .home-save-time .col-2, .home-save-time .learnMoreBody .col-10 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .home-save-time .saveClock {
        max-height: 75px;
    }

    .home-save-time .learnMoreBody .col-10 {
        padding-right: 0;
        padding-left: 0;
        margin-top: 20px;
    }

    .home-save-time h2 {
        font-size: 26px;
    }

    .home-save-time {
        text-align: center;
        padding: 30px 40px;
        font-size: 13px;
    }

        .home-save-time .col-2 {
            margin-top: 20px;
        }

    .home-tour-column {
        width: 100%;
    }

    .home-tour, .home-testimonials, .home-carriers, .home-save-time {
        margin: 20px;
    }

    .home-testimonials {
        margin-bottom: 80px
    }

    .home-tour-column:nth-of-type(1) {
        border-right: none;
    }

    .home-tour-column:nth-of-type(2) {
        margin: 0 0 20px;
    }


    /*
  
    .home-tablet p, .tabletbutton{
        text-align: center;
        
    }
   
    .home-tablet{
        margin:20px;
        padding:40px 20px;
    }
    
    .home-tablet img{
     position: relative;
    margin-right: auto;
    bottom: auto;
    margin-left: auto;
    display: block;
    }
    
    .home-tablet .bluebtn {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 43%;
}
    */
    .home-hero h2, .home-hero p {
        width: 100%;
    }

    div#wistia-n1qnh7ivlk-1 {
        height: auto !important;
        width: auto !important;
        display: none !important;
    }

    .home-hero-video {
        position: relative;
        bottom: auto;
        right: auto;
        max-width: 110%;
        margin-left: -15px;
    }

    div#additonalquotes-form-body p {
        margin-right: 10px;
        margin-left: 10px;
    }

    #page6_main fieldset p {
        margin-left: 10px;
        margin-right: 10px;
    }

    #page6_main fieldset ol {
        margin-left: 10px;
        margin-right: 10px;
    }

    #page6_main {
        background: white;
        margin: 20px 0px;
        border-radius: 0;
        box-shadow: none;
    }

    #page4_main {
        background: white;
        margin: 0px;
        border-radius: 0px;
        box-shadow: none;
    }

        #page4_main #beneficiaryinformation {
            font-size: 14px;
        }

        #page4_main select#NAICReplacementNotice {
            width: 100%;
        }

        #page4_main select[name="DiscSurrExistingPolicy"] {
            width: 100%;
        }

        #page4_main select[name="UseFundsExistPolicy"] {
            width: 100%;
        }
}

@media only screen and (max-width: 705px) {
    .footerbtn {
        margin-top: -110px !important;
    }
}

@media only screen and (max-width: 636px) {
    .mainContainer {
        padding-bottom: 240px;
    }


    .footerbtn {
        margin-top: -114px !important;
    }

    .home-testimonials {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 575px) {
    #page4_main #beneficiaryinformation .col-sm-5, .col-sm-4.beneficiarypercent {
        max-width: 100%;
        min-width: 100%;
    }

    #page4_main #beneficiaryssn0, #page4_main #beneficiaryssn1, #page4_main #beneficiaryssn2, #page4_main #beneficiaryssn3, #page4_main #beneficiaryssn4, #page4_main #beneficiaryssn5, #page4_main #beneficiaryssn6, #page4_main #beneficiarytrustid0, #page4_main #beneficiarytrustid1, #page4_main #beneficiarytrustid2, #page4_main #beneficiarytrustid3, #page4_main #beneficiarytrustid4, #page4_main #beneficiarytrustid5, #page4_main #beneficiarytrustid6, #page4_main #beneficiaryfein0, #page4_main #beneficiaryfein1, #page4_main #beneficiaryfein2, #page4_main #beneficiaryfein3, #page4_main #beneficiaryfein4, #page4_main #beneficiaryfein5, #page4_main #beneficiaryfein6, #page4_main #beneficiarydob0, #page4_main #beneficiarydob1, #page4_main #beneficiarydob2, #page4_main #beneficiarydob3, #page4_main #beneficiarydob4, #page4_main #beneficiarydob5, #page4_main #beneficiarydo6 {
        width: 100% !important;
    }

    #page4_main input#homephone, #page4_main input#workphone, #page4_main input#mobilephone {
        margin-bottom: 30px;
    }

    div#divInsurancePurposeReason {
        margin-top: 20px;
    }

    #page6_main #orderconfirmationform .container.col-12.pl-5 {
        padding-left: 30px !important;
        max-width: 96%;
        flex: 0 0 96%;
        margin-left: 10px;
    }
}

@media only screen and (max-width: 510px) {
    .page3container #sharequotetitle {
        font-size: 18px;
    }

    .page3container .shareRadioLabel {
        font-size: 18px !important;
        margin-top: 8px;
        display: inline-block;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .page3container #sharequtote-form
    #sharequoteheader {
        padding: 10px;
    }

    .page3container #sharequtote-form {
        font-size: 13px;
    }

    .home-testimonials {
        margin-bottom: 140px;
    }

    .footerbtn {
        width: 114%;
        margin-right: -30px;
        padding: 7px 100px;
        overflow: hidden;
        border-radius: 0;
        margin-top: -170px !important;
        background-color: #276fa8;
        padding: 5px 30px;
    }

    #main-au .AUHome {
        width: 50%;
        margin-top: 20px;
    }

    #main-au .auReq .col-3 {
        max-width: 100%;
        flex: 0 0 100%;
        border-right: .5px solid #c3c4c6;
    }

    #main-au .auDesc {
        margin: 0;
    }


    #main-au .auReq {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }

    #main-vive-score img {
        width: 95%;
    }

    #main-vive-score .score-hero {
        background-position: 20% 0%;
        padding: 20px 25px;
        border-radius: 0;
    }


    #main-case-status .status-hero .col-8, #main-case-status .status-hero .col-4, #main-au .au-hero .col-7, #main-au .au-hero .col-4, #main-how-vive-works .about-hero .col-7, #main-how-vive-works .about-hero .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #main-case-status .status-hero {
        padding: 20px 20px 0px;
    }

    #main-au h3, #main-vive-score h3, #main-case-status h3 {
        font-size: 17px;
    }

    #main-case-status .statusMobile {
        width: 60%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .viveDescription {
        padding: 10px;
    }


    #main-share-quote h2, #main-how-vive-works h2 {
        font-size: 22px;
    }

    #main-share-quote .secondary-content .col-12 p {
        font-size: 16px;
    }

    #main-share-quote .secondary-content {
        width: 100%;
    }

    #main-affiliate-agencies {
        margin: 0;
    }

        #main-affiliate-agencies .secondary-content p {
            font-size: 14px;
        }

        #main-affiliate-agencies .helpRow h2, .accessAffiliated h2 span, .carrierHeading h2 span {
            font-size: 20px;
        }


    #main-index-Contracting .secondary-content {
        margin-left: 0px;
    }

    #casestatustab .hasActionRequired, #casestatustab .actionRequiredAlertText {
        white-space: pre-line;
    }


    #comparediv div#compareresultsdiv {
        padding-left: 0;
        padding-right: 0;
    }

    .page3container #comparediv #compareresultsdiv .comparerow .productimage {
        width: 100px;
    }

    .page3container #comparediv h6 {
        font-size: 14px;
    }

    .page3container #comparediv #compareresultsdiv #compProductScore h5 {
        font-size: 13px;
    }

    .page3container #comparediv .yearprem {
        font-size: 20px !important;
    }

    .page3container #comparediv #compareresultsdiv .compareValueLabel {
        margin: 15px 0px 0px 0px !important;
        font-size: 11px;
    }

    .page3container #comparediv #compareresultsdiv h4 {
        font-size: 14px;
    }

    .page3container #comparediv #compareresultsdiv #product3 {
        border-right: none;
    }

    .page3container #comparediv #compareresultsdiv #product1 {
        border-left: none;
    }

    #page4_main fieldset:nth-of-type(1) {
        margin-top: -125px;
    }

    #page1_main fieldset:nth-child(1) {
        margin-top: -165px;
    }

    #page1_main #requirednotice {
        margin-left: 30px;
    }

    #page4_main #proposedinsured {
        margin-top: 20px;
    }

    #page4_main #requirednotice, #page1_main #requirednotice {
        margin-top: 150px;
    }
}

@media only screen and (max-width: 480px) {
    #page4_main #homephone-error, #page4_main #mobilephone-error, #page4_main #workphone-error {
        margin-top: -5px;
        padding-bottom: 10px;
        float: left;
    }

    #page4_main .col-sm-4.pb-md-3.pb-sm-1.pb-2 {
        margin-bottom: 30px;
    }

    #page4_main input#mobilephone {
        margin-bottom: 10px;
    }

    .col-sm-12.toggle-row {
        margin-top: 20px;
    }

    #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-7 label.red {
        margin-bottom: 10px;
    }
    /* ------ footer mobile styling ----*/

    #tabs-signup p {
        margin: 0px 20px;
    }

    .footerbtn {
        width: 110%;
        margin-right: -20px;
        margin-top: -180px !important;
        position: initial;
    }

    .home-testimonials {
        margin-bottom: 60px
    }

    .mainContainer {
        padding-bottom: 400px;
    }

    footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bua.png'); "], footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/ash.png'); "], footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/tnbc.png'); "] {
        padding-left: 0;
        margin-left: -5px;
        height: 60px;
    }

    footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/target.png');"] {
        height: 80px;
    }

    footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bsmg.png'); "] {
        height: 30px;
    }

    footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/nba.svg'); "] {
        height: 45px;
        padding-top: 10px;
    }

    .footer-logo {
        height: 45px;
    }

    footer .content-wrapper {
        height: auto !important;
        padding: 30px 20px;
    }

    footer #footerbgaaddress {
        padding: 0;
    }

        footer #footerbgaaddress a {
            font-size: 14px;
        }

    footer #footermenu li:nth-of-type(3) a {
        border-right: none;
    }

    footer #footerbgaaddress, footer #footermenu, .copyright {
        max-width: 100%;
        flex: 0 0 100%;
    }

    footer #footermenu {
        text-align: center;
    }

        footer #footermenu ul {
            padding: 0px 10px;
        }

    footer .copyright {
        padding-bottom: 70px;
        float: none;
        text-align: center;
    }

    .popover .col-2 {
        max-width: 50%;
        flex: 0 0 50%
    }

    .popover .col-10 {
        max-width: 50%;
        flex: 0 0 50%
    }

    #main-au .auReq {
        width: 100%;
    }

    #main-how-vive-works .home-hero-imac {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }


    #main-vive-score .score-hero .container, #main-how-vive-works .about-hero .container, #main-share-quote .share-hero .container, #main-case-status .status-hero .container {
        padding: 0;
    }

    #main-vive-score .score-hero {
        background-position: 40% 0%;
    }

    .popover {
        font-size: .8em;
    }

    #carouselDashboard h2, #carouselDashboard .carouselEven h2 {
        font-size: 22px;
    }

    #carouselDashboard p {
        font-size: 14px;
    }


    #carouselDashboard .carousel3Background {
        margin-left: -250px;
        width: auto;
    }

    #carouselDashboard .col-7, #carouselDashboard .col-8, #carouselDashboard .col-9 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #carouselDashboard .carousel-item .row {
        height: 300px;
    }

    #carouselDashboard .carousel-caption.d-none.d-md-block img {
        display: none;
    }

    #carouselDashboard .carousel-inner {
        min-height: 300px;
    }

    #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-4, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-3, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-1, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-5 {
        display: none;
    }

    #main-affiliate-agencies .affiliated-hero {
        padding: 30px;
    }

    #main-affiliate-agencies .helpRow {
        margin: 40px 0 0 0;
    }

        #main-affiliate-agencies .helpRow .col-6 {
            max-width: 100%;
            flex: 0 0 100%;
            margin-bottom: 20px;
        }

    #main-affiliate-agencies .bgaLogoRow .col-3 {
        max-width: 50%;
        flex: 0 0 50%;
        padding-bottom: 40px;
    }

    .bgaLogoRow {
        height: auto;
    }




    .mobilecaseemailto {
        display: block;
    }

    .desktopcaseemailto {
        display: none;
    }

    #changesdialog .modal-footer {
        display: block;
    }

        #changesdialog .modal-footer > :not(:first-child) {
            margin-left: 0;
        }

        #changesdialog .modal-footer > :not(:last-child), #changesdialog .modal-footer > :not(:first-child) {
            margin-top: 5px;
        }

    .page3container #sel_price {
        padding-bottom: 0px;
    }

    .page3container #quotediv #divSelectedPrd .premium_months {
        padding-left: 5px;
    }

    #carouselAds .carousel-item {
        height: 235px;
    }


    .home-hero .carousel-caption.d-none.d-md-block .container .row img.carouselImage4 {
        width: 100%;
        margin-top: 35px;
    }

    .home-hero img.carouselImage5 {
        margin-left: -30px;
        margin-top: 100px;
    }

    .home-hero img.carouselImage2 {
        width: 100%;
        padding-left: 70px;
    }

    .home-hero img.carouselImage3 {
        width: 100%;
        margin-left: -40px;
        margin-top: 20px;
    }

    /* nav */
    #main-ForgotPassword {
        margin: 30px 0px;
        border-radius: 0;
        box-shadow: none;
    }

    #tabs td.cheeseburger {
        width: 91% !important;
        width: -moz-available !important;
        width: -webkit-fill-available !important;
    }

    .bootstrap-select .dropdown-menu {
        transform: translate3d(0px, 33px, 0px) !important;
        width: 100% !important;
    }

    html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    #panels {
        margin: 10px;
    }

    #tabs-signup {
        margin: 0px;
    }

    #signup {
        width: 100%;
    }


    #useredit2 {
        margin: 10px 20px !important;
    }

        #useredit2 .row {
            padding: 0;
        }



        #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type {
            display: inline;
            width: 100%;
            float: left;
        }

            #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type label {
                width: 52%;
            }

            #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type input {
                width: 5%;
            }

            #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type a {
                width: 40%;
            }

        #useredit2 fieldset {
            margin-top: 10px;
        }

    #lifeneedsdialog #dialog-form form table {
        margin-left: 0;
    }

    #lifeneedsdialog #dialog-form fieldset tr:nth-of-type(1) td {
        margin-left: 0;
    }

    #lifeneedsdialog #dialog-form fieldset legend {
        margin-left: 0px;
    }

    #printcompareview {
        color: transparent !important;
        margin-top: auto;
        background: none;
        height: 50px;
        width: 60px;
        margin-right: -5px;
    }

    #comparediv #printcompareview:before {
        content: url(/Content/print.svg);
        display: inline-block;
        width: 25px;
        height: 30px;
        float: right;
        margin-right: 12px;
        margin-top: 8px;
    }

    .page3container #comparediv .bluebtn {
        margin-top: 1px;
        font-size: 11px;
    }

    #tabs-login input#login {
        margin-top: 0px;
    }

    #page1_main label {
        font-size: 14px;
    }

    #page1_main legend {
        padding-top: 0;
    }

    #page1_main .form-check-inline {
        display: inline-block;
    }


    #page1_main, #page2_main, #page4_main, #page5_main, #page6_main {
        background: white;
        margin: 0px !important;
        border-radius: 0 !important;
    }

    .percenterror br {
        display: inline;
    }

    #page2_main .col-4 {
        min-width: 100%;
        display: inline;
    }

    #page2_main .form-check {
        display: inline;
    }




    #page4_main div#quoteinfo .pb-3 {
        margin-bottom: 30px;
    }

    #page4_main select#paymentamount {
        margin-bottom: 0;
    }

    #page4_main input#beneficiaryssn0, #page4_main input#beneficiarydob0 {
        width: 100% !important;
    }

    #page4_main #beneficiaryinformation .col-sm-5, .col-sm-4.beneficiarypercent, #page1_main .pb-3, #page4_main .col-sm-2, #page4_main .col-sm-3.pb-3 {
        min-width: 100%;
    }

    #page4_main span#beneficiaryremove1, #page4_main span#beneficiaryremove2, #page4_main span#beneficiaryremove3, #page4_main span#beneficiaryremove4, #page4_main span#beneficiaryremove5, #page4_main span#beneficiaryremove6, #page4_main span#beneficiaryremove7, #page4_main span#beneficiaryremove8, #page4_main span#beneficiaryremove9, #page4_main span#beneficiaryremove10, #page4_main span#beneficiaryremove11, #page4_main span#beneficiaryremove12, #page4_main span#beneficiaryremove13, #page4_main span#beneficiaryremove14, #page4_main span#beneficiaryremove15 {
        position: absolute;
        margin-left: -165px;
        margin-top: -505px;
    }

    #page4_main span#otherinsurancecompanyremove1, #page4_main span#otherinsurancecompanyremove2, #page4_main span#otherinsurancecompanyremove3, #page4_main span#otherinsurancecompanyremove4, #page4_main span#otherinsurancecompanyremove5 {
        position: absolute !important;
        margin-left: -40px !important;
        margin-top: -600px;
    }

    .percenterror br {
        display: inline;
    }

    tr.child {
        display: none !Important;
    }


    .progress-indicator > li span {
        font-weight: 600;
        font-size: 11px;
        letter-spacing: normal;
        width: auto;
    }

    .progress-indicator {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

        .progress-indicator > li {
            font-size: 20px;
        }

    #page1_main {
        background: white;
        margin: 0px;
        border-radius: 0px;
        box-shadow: none;
    }

    #main-login {
        background: white;
        margin: 0px;
        border-radius: 0px;
        box-shadow: none;
    }

    #dashcharts {
        padding: 0
    }
    /*
        .home-tablet .bluebtn {
    width: 80%;
}
    */
    #tabs thead tr {
        margin-right: -10px;
        margin-left: -10px;
    }


    #tabs .fg-toolbar:first-child {
        bottom: 0;
        width: 100%;
        position: fixed;
        background: #276fa8;
        left: 0;
        height: 60px;
    }

    .toolbar:after {
        content: "";
        background: #276fa8;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 60px;
        z-index: 1061;
        padding: 0;
        left: 0;
    }

    .toolbar {
        display: block !Important;
        z-index: 1061;
    }

    div#csselect {
        display: none;
    }

    #savedorders_length select, #placedorders_length select, #casestatustab_length select, #portaldocuments_length select {
        visibility: hidden;
        display: none;
    }

    #tabs-casestatus #casestatustab_wrapper .casemailto {
        height: 20px;
    }

    #tabs-casestatus #casestatustab_wrapper a.desktopcasemailto {
        display: none;
    }

    #tabs-casestatus #casestatustab_wrapper .mobilecasemailto:after {
        content: "email";
        text-transform: uppercase;
        font-weight: 700;
        color: white;
        letter-spacing: .1em;
        font-size: 12px;
        padding: 0px;
        display: block;
        text-align: center;
        margin-top: 0px;
    }

    .fg-toolbar #savedorders_length, .fg-toolbar #placedorders_length, #casestatustab_length label:before, .fg-toolbar #portaldocuments_length {
        content: "";
        background-image: url("images/mobile/view.svg");
        float: left;
        color: transparent !important;
        margin-top: -12px;
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: top !important;
        padding-top: 18px;
        margin-right: auto;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        background-color: transparent;
    }

    .fg-toolbar #savedorders_length, .fg-toolbar #placedorders_length, .fg-toolbar #portaldocuments_length {
        width: 25%;
    }

    #casestatustab_length label:before {
        width: 100%;
        padding-bottom: 4px;
        margin-top: -9px;
    }

    #casestatustab_length label {
        font-size: 6px;
        float: left;
        margin-left: 14.5px;
    }

    #tabs-casestatus #casestatustab_wrapper .dataTables_length, #tabs-casestatus #casestatustab_wrapper .dataTables_filter {
        bottom: 0;
        position: fixed;
        margin-bottom: -33px;
    }

    .mobilecasemailto {
        display: block;
        float: right;
        margin-top: -12px;
        margin-right: 15px;
    }

    #tabs-casestatus #casestatustab_wrapper .dataTables_filter {
        left: 0;
    }

    #tabs-casestatus #casestatustab_wrapper .dataTables_length {
        width: 50%;
        left: 25%;
        margin-bottom: -12px;
    }

    .fg-toolbar #savedorders_length label:before, .fg-toolbar #placedorders_length label:before, #casestatustab_length label:after, #portaldocuments_length label:after {
        text-transform: uppercase;
        font-weight: 700;
        color: white;
        letter-spacing: .1em;
        font-size: 12px;
        content: "view";
        padding: 10px;
        display: block;
        text-align: center;
        margin-top: -6px;
    }


    #portaldocuments_length label:after {
        margin-top: -27px;
    }

    #savedorders_length label, #placedorders_length label, #casestatustab_length label, #portaldocuments_length label {
        color: transparent;
    }

    #savedorders_length select:hover, #savedorders_length select:active, #savedorders_length select:focus, #placedorders_length select:hover, #placedorders_length select:active, #placedorders_length select:focus, #casestatustab_length select:hover, #casestatustab_length select:active, #casestatustab_length select:focus {
        visibility: visible;
        display: block;
        position: fixed;
        bottom: -200px;
        width: 90%;
    }

    #tabs .dataTables_filter {
        float: right !important;
        display: block;
    }

    #savedorders_filter, #placedorders_filter, #casestatustab_filter {
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 25%;
    }

        #savedorders_filter label:before, #placedorders_filter label:before, #casestatustab_filter label:before {
            text-transform: uppercase;
            font-weight: 700;
            color: white;
            letter-spacing: .1em;
            font-size: 12px;
            content: "search";
            padding: 10px;
            display: block;
            text-align: center;
            margin-top: 11px;
        }

    .fg-toolbar #savedorders_filter, .fg-toolbar #placedorders_filter, #casestatustab_wrapper .dataTables_filter {
        background-image: url("images/mobile/search.svg");
        float: left !important;
        color: transparent !important;
        margin-top: -17px;
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: top !important;
        padding-top: 18px;
        width: 25%;
        margin-right: auto;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        background-color: transparent;
    }


    #savedorders_filter label, #placedorders_filter label, #casestatustab_filter label {
        color: transparent;
    }

    #savedorders_filter input, #placedorders_filter input, #casestatustab_filter input {
        display: none;
    }

        #savedorders_filter input:hover, #savedorders_filter input:active, #savedorders_filter input:focus, #placedorders_filter input:hover, #placedorders_filter input:active, #placedorders_filter input:focus, #casestatustab_filter input:hover, #casestatustab_filter input:active, #casestatustab_filter input:focus {
            visibility: visible;
            display: block;
            bottom: 59px;
            width: 100%;
            left: 0;
            margin-left: 0;
            z-index: 9999999999999999;
            position: fixed;
            border-radius: 0;
            background-color: #276fa8;
            color: white;
            border: 1px solid #f2f2f2 !important;
        }

    #placedorders #tabs th:last-of-type {
        display: none;
    }

    .page3container .cmxform input {
        margin-top: 68px;
        margin-bottom: 68px;
        margin-left: 10px;
    }

    input#cbxComp442, input#cbxComp441, input#cbxComp443 {
        margin-top: 87px;
        margin-bottom: 88px;
        margin-left: 10px;
    }


    .page3container .forcefieldset #quoteProductList tbody td:nth-child(8) {
        width: 50% !important;
    }

    .page3container td:before {
        width: 50% !important;
    }


    th.sorting.ui-state-default .DataTables_sort_wrapper:after {
        display: inline-block;
        width: auto;
        height: auto;
        margin-left: 0px;
        content: "";
        background: none;
    }

    #main-Demo h2 {
        margin-left: -10px !Important;
    }

    #main-Demo div {
        margin: 20px !important;
    }

    #main-contact, #main-carriers-products, #main-index-CaseStatus, #main-userprofile, #main-index-Admin, #main-privacy-policy, #main-terms-of-use, #main-Demo, #main-recoverpassword, #main-error, #main-Login {
        margin: 30px 0px !important;
        width: 100%;
        border-radius: 0 !important;
    }

        #main-Login h2 {
            padding-top: 0;
        }

        #main-error #errorfrom {
            padding: 20px;
        }

    #main-recoverpassword {
        padding: 10px !important;
    }

        #main-recoverpassword h2 {
            padding-right: 20px;
        }

    #main-userprofile div[style*="margin-top:-10px;width:285px;float: right"] {
        width: 100% !important;
        float: left !important;
    }

    #specsheets tbody {
        padding-right: 20px;
        padding-left: 20px
    }

    #main-carriers-products td, #main-carriers-products th {
        padding-left: 6px;
        display: table-cell;
        padding-right: 6px;
    }


    #main-index-Admin .col3.noborder.highlight {
        width: 100%;
    }

    #main-index-CaseStatus .secondary-content {
        padding: 0;
    }




    .page3container .forcefieldset {
        overflow: inherit;
    }

    #main-ForgotPassword div {
        padding: 40px 20px !important;
    }

        #main-ForgotPassword div[style*="display: inline-block; padding: 30px;"] {
            width: 100%;
        }

    #main-ForgotPassword #regbox {
        padding: 20px 0px !important;
    }

    #main-ForgotPassword h2 {
        word-break: break-word;
    }

    #main-how-vive-works h1 {
        margin: 0 0 20px;
        font-size: 36px;
    }

    #main-userprofile h2 {
        margin-left: 20px;
        margin-right: 20px;
    }

    #page6_main div[style*="float:left; width:920px; margin-bottom:15px"] {
        margin-top: 120px;
    }

    #page6_main td {
        display: block;
    }

    #page6_main .graybtn {
        float: left;
        margin-top: 0px;
        left: 2px !important;
        right: unset !important;
    }

    #page6_main legend {
        padding-left: 0;
    }

    #page6_main form table:first-of-type {
        margin: 120px 10px 0px;
        ;
    }

    #page6_main h2 {
        margin-left: 10px !important;
    }

    #page6_main td[style*="background-color:#DEF"], #page6_main td[style*="background-color:#F3F9FF"] {
        width: 100% !important;
        display: table-cell;
    }

    #page6_main td.spacer {
        display: none;
    }

    #page6_main .odd td {
        width: 100% !important;
    }

    #page6_main #order_receipt .receiptlabel {
        float: left;
        clear: left;
    }

    #page6_main table[style*="width:922px"] tbody .odd {
        display: none;
    }

    #page6_main table[style*="width:922px"] tbody .even {
        float: left;
        margin-left: 10px;
        padding-bottom: 20px;
    }

        #page6_main table[style*="width:922px"] tbody .even td, #page6_main table[style*="width:922px"] tbody .odd td {
            background-color: white !important;
        }

            #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(1), #page6_main table[style*="width:922px"] tbody .odd td:nth-of-type(1) {
            }

    #page6_main table[style*="width:922px"] tbody .odd {
        float: left;
    }

    #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(2):before {
        Content: "Name";
        font-size: 14px;
        color: #276fa8;
        font-weight: 600;
        padding-right: 10px;
    }

    #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(3):before {
        Content: "Relationship";
        font-size: 14px;
        color: #276fa8;
        font-weight: 600;
        padding-right: 10px;
    }

    #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(4):before {
        Content: "Soc. Sec.#/Tax ID#";
        font-size: 14px;
        color: #276fa8;
        font-weight: 600;
        padding-right: 10px;
    }

    #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(5):before {
        Content: "Percentage";
        font-size: 14px;
        color: #276fa8;
        font-weight: 600;
        padding-right: 10px;
    }

    #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(6):before {
        Content: "Beneficiary Type";
        font-size: 14px;
        color: #276fa8;
        font-weight: 600;
        padding-right: 10px;
    }

    #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(7):before {
        Content: "Date of Birth/Trust";
        font-size: 14px;
        color: #276fa8;
        font-weight: 600;
        padding-right: 10px;
    }

    #tabs #portaldocuments_filter {
        display: none;
    }
}

@media only screen and (max-width: 410px) {
    .footerbtn {
        width: 114%;
    }
}

@media only screen and (max-width: 320px) {
    .footerbtn {
        width: 118%;
    }


    .dataTables_wrapper .dataTables_paginate .fg-button {
        font-size: 12px;
        padding: .25rem .5rem;
    }

    #page1_main fieldset:nth-child(1) {
        margin-top: -175px;
    }

    #page1_main #requirednotice {
        margin-top: 200px;
    }

    .dataTables_paginate .previous {
        letter-spacing: normal;
    }

    #main-ForgotPassword input[type="text"] {
        width: 90% !important;
    }

    #main-ForgotPassword input:nth-of-type(3) {
        margin-left: 10px;
    }
}


@media only screen and (max-device-width: 500px) and (min-device-width: 320px) {
    #tabs-dashboard .csdash {
        height: 2200px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    #menuwrapper li .submenu, #adminwrapper li .submenu {
        margin-top: 0;
    }

    .page3container #tblProductList_wrapper table.display thead {
        background: linear-gradient(to right, #29abe2, #276fa8);
    }

    #tabs-casestatus #casestatustab_wrapper .dataTables_length {
        margin-right: 250px !important;
    }

    @media only screen and (max-width: 736px) {
        .page3container #tblProductList_wrapper table.display thead {
            background: none !important;
        }
    }

    @media only screen and (max-width: 480px) {
        .fg-toolbar #savedorders_length label:before, .fg-toolbar #placedorders_length label:before {
            margin-top: -27px;
        }
    }
}

/* Chrome 22-28 */


@supports (-moz-appearance:none) {

    .page3container .chkBoxComp {
        margin-left: auto;
    }

    .home-testimonials {
        margin-bottom: 20px;
    }

    .page3container #tblProductList_wrapper table.display thead {
        background: linear-gradient(to right, #29abe2, #276fa8);
    }

    @media only screen and (max-width: 736px) {
        .page3container #tblProductList_wrapper table.display thead {
            background: none !important;
        }
    }
}

@-moz-document url-prefix() {
    .page3container #tblProductList_wrapper table.display thead {
        background: linear-gradient(to right, #29abe2, #276fa8);
    }

    @media only screen and (max-width: 736px) {
        .page3container #tblProductList_wrapper table.display thead {
            background: none !important;
        }
    }
}


/* ----- FOR PRINT ONLY ----- */

#compareresultsdiv {
    margin-bottom: 25px;
    padding-bottom: 40px;
    background: white;
}


    #compareresultsdiv .compareme {
        border: none;
        padding: 0;
    }

        #compareresultsdiv .compareme .col-12 {
            padding-right: 0px;
            padding-left: 0px;
        }

    #compareresultsdiv #product2 {
        border-left: none;
        border-top: .5px solid #b3b3b3;
        border-bottom: .5px solid #b3b3b3;
        border-right: .5px solid #b3b3b3;
        padding: 0px;
    }

    #compareresultsdiv #product1 {
        border-left: .5px solid #b3b3b3;
        border-top: .5px solid #b3b3b3;
        border-bottom: .5px solid #b3b3b3;
        border-right: .5px solid #b3b3b3;
        padding: 0px;
    }

    #compareresultsdiv #product3 {
        border-left: none;
        border-top: .5px solid #b3b3b3;
        border-bottom: .5px solid #b3b3b3;
        border-right: .5px solid #b3b3b3;
        padding: 0px;
    }

    #compareresultsdiv .comparerow, #compareresultsdiv .comparerowshort {
        border-bottom: .5px solid #b3b3b3;
        border-top: none;
        border-left: none;
        border-right: none;
        margin: 10px 0px 10px -2px;
        width: 100%;
    }

        #compareresultsdiv .comparerow .productimage {
            width: 120px;
            margin-bottom: -20px;
            margin-top: 20px;
        }

        #compareresultsdiv .comparerow:nth-of-type(1) {
            min-height: 150px;
        }

    #compareresultsdiv #compProductScore h3:nth-of-type(1) {
        font-size: 13px;
        font-weight: 500;
        padding-top: 10px;
        margin-bottom: 0px;
    }

    #compareresultsdiv #compProductScore b.compareScore {
        font-size: 20px;
        padding: 0px;
        margin-top: -10px;
        display: block;
    }

    #compareresultsdiv #compProductScore h5 {
        margin-bottom: 0px;
    }

    #compareresultsdiv .premiumCents {
        font-size: 0.6em;
        position: relative;
        top: -5px;
        display: inline;
    }

    #compareresultsdiv .compareValueLabel {
        margin: 20px 0px 0px 0px;
        padding-bottom: 2px !;
    }

    #compareresultsdiv .comparerowshort .compareValueLabel, #compareresultsdiv .compareValueLabel {
        margin: 0px 0px 0px 0px;
        color: black;
    }


    #compareresultsdiv .comparerowshort {
        margin-top: 30px;
        min-height: 80px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #compareresultsdiv h4 {
        font-weight: normal;
        font-size: 13px;
        margin-top: -20px;
    }

    #compareresultsdiv #compProductScore h5 {
        font-size: 13px;
        font-weight: normal;
    }

    #compareresultsdiv .comparerow:nth-child(3) h4 {
        margin-top: 20px;
    }

    #compareresultsdiv .premium_years {
        color: #276fa8;
        font-size: 20px !important;
        margin-top: 5px;
    }

    #compareresultsdiv h4:nth-child(1) {
        margin-bottom: -20px;
        margin-top: 10px;
    }

    #compareresultsdiv .comparerow:last-of-type {
        border-bottom: none;
    }

    #compareresultsdiv .compareme .col-6 {
        padding: 0;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }


    #compareresultsdiv .col-4 {
        padding: 0px 10px;
        margin: 0px;
    }

.comparerow h4:nth-of-type(4) {
    margin-right: 60px;
    margin-left: 60px;
}

#compareresultsdiv h6 {
    font-size: 13px;
}

.requirement-cancelled {
    font-style: italic;
    color: gray;
}