/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)}
/*
    Color Definitions
    Yellow: rgb(247,246,133);
    Dark blue\gray: rgb(50,55,70);
    Mid blue: rgb(122,196,212);
    Dim blue: rgb(219,237,225);
    Red: rgb(231,46,72);

    ---Logo---
    Red: rgb(228,30,55);
    Dark Red: rgb(129,37,42);
    Yellow: rgb(236,220,37);
    Dark Yellow: rgb(138,117,62);
    Green: rgb(11,180,139);
    Dark Green: rgb(0,103,73);
    Light Blue rgb(3,60,90);

    --Final Colors--
    Green: rgba(0,103,73,.75);
    Red: rgba(228,30,55,.9);
    Blue: rgb(3,60,90);

*/
a {
    /*  color: #347AB7;  bootstrap light blue text (#428bca) fails color contrast checker */
    color: #2F6FA7; /* #347ab7 not enough when over a light gray (#efefef) background */
}

.btn-info {
    color: #000; /* white text on light blue fails color contrast checker, but black text passes */
}

.yellow-highlight {
    background-color: yellow;
}
.green-text {
    color: green;
}
.red-text {
    color: red;
}

.btn[disabled] {
    cursor: not-allowed;
    pointer-events:all!important;
    /*bootstrap sets this to none which prevents the cursor from appearing.
        The .disabled class uses pointer-events: none to try to disable the link functionality of <a>s,
        but that CSS property is not yet standardized. In addition, even in browsers that do support pointer-events: none,
        keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies
        will still be able to activate these links.
        See Also: https://github.com/twbs/bootstrap/issues/17703
    */
}
.btn-wrap-text,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-wrap-text {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.content-background {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 1%;
    margin-bottom: 1%;
}
.contact-background p {
    text-align: justify;
}

/*.code-study-form:first-child .title-forms  {
    color: rgba(0,103,73,.75);
    background-color: rgba(236,220,37,.2);
}
.code-study-form:first-child .title-forms strong {
    font-size: 1.3em;
}
.code-study-form:first-child i{
    color:black;
}*/
.tooltip-help {
    width: 18px;
    margin-bottom: 4px;
    margin-left: 2px;
}
.tooltip-help-mini {
    width: 14px;
    height: 14px;
    margin-bottom: 1px;
    margin-left: 3px;
}
.phone-box{
    max-width: 50px;
    width:50px;
    display: inline !important;
}

.phone-box-wide {
    max-width: 65px;
    width: 65px;
    display: inline !important;
}
.title-forms, .handout-title {
    /*width: 70%;*/
    /*height: 100px;*/
    height: unset;
    margin: 10px 0;
    overflow: auto;
}

.img-badge {
    width: 250px;
    float: right;
    margin: 15px;
}

.home-section {
    color: white;
    text-align: center;
    margin: .7%;
    padding: .25%;
}
@media screen and (min-width: 992px) {
    #WidgetMenu .home-section {
        margin: .7% 1.4% .7% 0;
    }
}

.home-image {
    width: 100%;
    margin-bottom: 2%;
}

.home-image-logo {
    width: 80%;
}

.home-title {
    text-align: left;
    color: white;
    padding-left: 1%;
    margin-top: 0px;
  /*  float:left;
    width:fit-content;*/
    /*max-width:32%;*/
}
    .bs3 .home-title .h3 {
        margin-top: 5px;
    }

.home-queue {
    /*background-color: rgba(0,103,73,.9);*/
    background-color: white;
    color: black;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    border-radius: 3px;
    opacity: .9;
}

    .home-queue td {
        border: none;
    }
    .home-queue th {
        /*letter-spacing: 1px;*/
        background-color: white;
        color: black
    }
    .home-queue tr:nth-child(odd) {
        background-color: rgba(3,60,90,.9);
        color:white;
        /*background-color: rgba(0,103,73,.6);*/
    }

.plan-review-status {
    background-color: rgba(255,255,255,1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    color: black;
    border-radius: 3px;
    margin-bottom: 25px;
}
.plan-review-status-title {
    text-align:center;
}
.plan-review-status-header-inner{
    padding-left:1rem;
}
.plan-review-status-button {
    font-weight: bold;
    display: inline-block;
    background-color: rgba(3,60,90,.9);
    color: white;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 0 10px 15px;
}
.plan-review-status-button:hover, 
.plan-review-status-button:focus {
    background-color: transparent;
    color: rgba(3,60,90,.9);
    text-decoration: none;
}
.plan-review-status-header {
    text-align: center;
}
.plan-review-status .table thead > tr > th,
.plan-review-status .table tbody > tr > th,
.plan-review-status .table tfoot > tr > th,
.plan-review-status .table thead > tr > td,
.plan-review-status .table tbody > tr > td,
.plan-review-status .table tfoot > tr > td {
    padding: 8px 10px;
}
.plan-review-status .table thead > tr > td.plan-review-status-header {
    padding-top: 0;
    padding-bottom: 0;
}
.plan-review-status .table {
    margin-bottom: 0;
    border: none;
}
.plan-review-status th {
    background-color: #587589 !important;
    color: white !important;
    font-weight: normal !important;
}
.contractor-dashboard .plan-review-status {
    box-shadow: none;
    background-color: transparent;
}
.contractor-dashboard .plan-review-status-title {
    display: block;
    color: rgb(51, 51, 51);
}
.contractor-dashboard .plan-review-status-label {
    display: none;
}
.contractor-dashboard .plan-review-status .table thead > tr > td.plan-review-status-header {
    padding: 0 0 10px 0;
}
.contractor-dashboard .plan-review-status .tr-even,
.contractor-dashboard .plan-review-status .tr-odd {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.contractor-dashboard .plan-review-status .tr-header {
    border-left: 1px solid #587589;
    border-right: 1px solid #587589;
}

@media screen and (min-width: 576px) and (max-width: 767px), (min-width: 1520px) {
    .plan-review-status-header {
        text-align: left;
    }
    .plan-review-status-header-inner {
        width: calc(100% - 280px);
        max-width: 320px; 
        float: left;
    }
    .br-optional {
        display: none;
    }
    .plan-review-status-button {
        margin: 10px 2px 10px 0;
        padding: 10px;
        float: right;
    }
    .contractor-dashboard .plan-review-status-button {
        margin-top: 5px;
    }
}
/* Override global css added for something else */
@media screen and (max-width: 900px) {
    .plan-review-status tr:nth-child(odd) {
        background-color: inherit;
        min-width: 0;
    }
}
@media screen and (max-width: 900px) {
    .upcoming-classes tr:nth-child(odd) {
        background-color: inherit;
        min-width: 0;
    }
    .upcoming-classes tr.ui-ig-altrecord {
        background-color: rgba(153,153,153,0.2);
    }
}
@media screen and (max-width: 991px) {
    .contractor-dashboard .plan-review-status {
        margin-top: 30px
    }
}
@media screen and (max-width: 540px) {
    /* Conform to padding set by Subscription.css */
    .contractor-dashboard .plan-review-status .table tbody > tr > th {
        padding: 2px;
    }
}

.upcoming-classes .table thead > tr > th,
.upcoming-classes .table tbody > tr > td {
    padding: 8px 10px;
}
.upcoming-classes th {
    background-color: #587589;
    color: white;
    font-weight: normal;
}
.upcoming-classes .tr-odd {
    background-color: #f0f0f0;
}

/*.home-background img {
    width: 100%;
    height: 100%;
}*/
.eplan-types img{
    height:100%;
    display:block;
    margin-right:auto;
    margin-left:auto;
}
.eplan-types th{
    text-align:center;
}
/* Eplans*/
.eplan-progress{
    color:black !important;
    /*padding-bottom:1%;*/
    margin-bottom:15px;
    border-bottom:solid thin grey;

}

.eplan-progress a{
    color:white;
}
.eplan-header {
    margin-bottom:20px !important;
    /*border: solid thin black;
    border-radius:4px;
    background-color:red;*/
    /*background-color: rgba(3,60,90,.25);*/
}
.eplan-header a {
    color: rgb(82, 100, 183);
}
.eplan-header-left {
    letter-spacing:1px; 
    float:left; 
    color:black;
}
.eplan-header-right {
    letter-spacing:1px; 
    float:right; 
    text-align:right; 
    color:black;
}
    .eplan-progress a:hover {
        color: black;
    }
.eplan-progress-focus {
    /*border: solid thick black;*/
    background-color: rgba(0,103,73,.75) !important;
}
.eplan-progress-tab {
    border-right: solid thin white;
    /*border-radius: 0px 50px 50px 0px;*/
    background-color: rgb(3,60,90);
    color: white;
    text-align:center;
    padding:10px;
}
.eplan-progress-disabled {
    background-color: rgba(3,60,90,.5);
}
.eplan-section {
    border-left: solid thick;
    border-left-color: rgba(126,198,215,.4);
}
.image-center img {
    height: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.directory-image{
    height:150px;
}
.details-search {
    float:right;
}

footer {
    padding: 10px;
    background-color: rgb(3,60,90);
    color: white;
    text-align: center;
}

    footer ul {
        list-style-type: none;
        padding: 0;
        margin: 10px 0;
    }

    footer li {
        padding: 4px;
    }

    footer a, footer a:visited, footer a:hover, footer a:focus {
        color: white;
    }

.footer-logo {
    width: 80%;
    max-width: 250px;
}

@media screen and (min-width: 576px) {
    .footer-text {
        columns: 2;
    }
}

@media screen and (min-width: 768px) {
    .footer-text {
        columns: 3;
    }
}

.mobileshow {
    display: none;
}
.form-control-checkbox{
    height:22px;
    display:block;
    width:100%;

}

.topmenuitem {
    display: inline-block;
    margin-bottom: 10px;
}
.topmenuitem .ui-icon {
    font-size: 18px;
    overflow: initial;
    display: inline-block;
}
.topmenuitem .ui-icon:before {
    line-height: 1.33;
}
.topmenuitem.btn-primary .ui-icon {
    color: white;
}
.topmenuitem.btn-primary:hover .ui-icon {
    color: rgba(3,60,90,.8);
}
@media screen and (max-width: 400px) {
    .topmenuitem {
        margin-bottom: 5px !important;
    }
}

#home-red-search {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: .7%;
}


.red-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 0.2rem;
    padding: 10px 2px;
    text-align: center;
    background-color: rgba(129,37,42,.9);
    font-weight: 500;
    font-size: 12px;
    line-height: 1.1;
}
    .red-button:hover {
        background-color: rgba(129,37,42,.5);
    }
    @media screen and (min-width: 1442px) {
        .red-button {
            font-size: 14px;
        }
    }
.red-button-pair {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 -0.1rem 0.2rem;
}
    .red-button-pair .red-button {
        flex: 1;
        margin: 0 0.1rem 0;
    }


.home-red-search-btn {
    width: 100%;
}

.home-section-search {
    margin: 0;
}

#home-red-search-permit {
    margin-right: .4%;
}

#home-red-search-plan {
    margin-left: .4%;
}

.home-red-search-btn-text {
    padding-left: 5px;
    padding-right: 5px;
}


@media screen and (min-width: 992px) and (max-width: 1420px) {
    .home-red-search-btn {
        height: 50.781px;
    }
   /* .home-title {
        max-width: 22%;
    }*/
    .home-section-search {
        display: flex;
        align-items: center;
        height: 50.781px;
    }
}

.rsvp-item {
    border: solid thin grey;
    background-color: rgba(0, 148, 255, 0.1);
    padding: 1%;
    margin-right: 1%;
}
/*.home-background {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -99;
    opacity: 0.4;
}
*/
.downloads-items {
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    border: solid thin gray;
    box-shadow: 1px 1px 2px gray;
    background-color:rgba(234, 234, 234, 0.75);
}
.stretch {
    width: 100%;
    height: 100%;
}
/*
.profile-view{
    background-color:rgba(255, 255, 255, 0.78);
}
.profile-view h3{
    text-align:center;
    background-color:rgba(3, 60, 90, 0.57);
    border-radius:5px;
    padding:5px;
    color:white;
}
.profile-view h4{
    text-align:center;
}
.profile-view .table tbody > tr >td {
    border:none;
}
.profile-view .table tbody > tr:nth-child(odd) {
    border-bottom: solid;
    border-bottom-width:thin;
    border-bottom-color:rgba(128, 128, 128, 0.25);
}*/
.fee-calc-page .alert-success {
    color: black !important;
}

.multiline-input input, textarea {
    max-width: 500px;
    min-height: 120px;
}

.multiline-input input, textarea:not(.adjustable-height) {
    height: 120px !important;
}

.application-question-textarea {
    max-width: 100%;
}

/*Permit Details CSS*/
/*.completeInspection {
    color: forestgreen;
}

.incompleteInspection {
    color: goldenrod;
}

.rejectedInspection {
    color: red;
}*/

/*Plan Details CSS*/
/*
.complete {
    color: forestgreen;
}

.incomplete {
    color: goldenrod;
}

.rejected {
    color: red;
}*/

/*Account-Profile CSS*/

/*.profile-view .form-control {
   display: inline-block
}*/

/*Charts CSS*/

.export {
    float: right;
    margin-top: 5px;
}

.month {
    width: 66.66% !important;
}

.year {
    width: 33.33% !important;
}

.chartElement {
    padding-bottom: 20px;
}
.charts-vp td {
    vertical-align: top;
    padding: 1px !important;
}

.charts-dp label {
    display: inline-flex;
    padding-right: 20px;
}


/*Dashboard CSS*/

.sidebar-button {
    min-width: 200px;
    margin-bottom: 5px !important;
}

.remove-widget {
    font-size: 24px;
    font-weight: 600;
    float: right;
}

.hidden-widgets div {
    display: none;
}

.add-widget {
    float: right;
}

.generic-card {
    padding-top: 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .7);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    min-height: 50px;
    text-align: center;
}

.license-related-card {
    padding-top: 10px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    /*width: 300px;*/
    min-height: 300px;
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.license-related-card h3 {
    margin-top: 0;
}

.other-related-card {
    padding-top: 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .7);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    /*width: 300px;*/
    min-height: 500px;
    text-align: center;
}
.other-related-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

    .other-related-card h3 {
        margin-top: 0;
    }

    .other-related-card table {
        text-align: left;
    }

/* Homeowner plans (dashboard) */
.homeowner-plans {
    text-align: left;
}
    .homeowner-plans #plansTitle {
        margin-top: 5px;
        font-weight: 600;
        color: rgb(51,51,51);
    }
    .homeowner-plans iframe {
        max-width: 321px;
    }
    .homeowner-plans-links .btn,
    .homeowner-plans #blueprintsButton {
        display: block;
        white-space: normal;
        width: 100%;
        margin-bottom: 15px;
        max-width: 321px;
    }
    .homeowner-plans #blueprintsButton {
        margin-bottom: 10px;
    }
    .homeowner-plans .ui-widget-content a {
        color: #428bca;
    }
    .homeowner-plans .ui-widget-content a:hover,
    .homeowner-plans .ui-widget-content a:focus {
        color: #2a6496;
        text-decoration: underline;
    }
/* Updates to infragistics grid to fix conflicts with jquery ui */
/*.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
    border-left: none;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.ui-state-default:not(.ui-accordion-header) {
    border-right: none;
}*/
/* Fix hover on even rows */
/*.ui-iggrid .ui-ig-altrecord:nth-child(even) td.ui-state-hover {
    background: #ccc;
}
.ui-iggrid tr.ui-ig-altrecord:nth-child(even) td.ui-state-highlight {
    background-color: #9ECBD6;
}*/

/* Wrap header text on tables */
.ui-iggrid #ContractorResults th,
.ui-iggrid #MechanicResults th {
    white-space: normal;
}

 /*Keep link color when hovering*/ 
.rbd-grid .ui-iggrid td.ui-state-hover a,
.rbd-grid .ui-iggrid .ui-ig-altrecord td.ui-state-hover a {
    color: #428bca;
}
    .rbd-grid .ui-iggrid td.ui-state-hover a:hover,
    .rbd-grid .ui-iggrid .ui-ig-altrecord td.ui-state-hover a:hover {
        color: #2a6496;
    }
.rbd-grid .ui-iggrid-filtercell .ui-state-default {
    border-right: 1px solid #bcbcbc;
}
.rbd-grid .ui-iggrid-filtercell:not(:first-child) .ui-state-default {
    border-left: none;
}
.rbd-grid .ui-iggrid-filtercell:first-child .ui-state-default.ui-state-hover {
    border-left: 1px solid #bcbcbc;
}
.rbd-grid .ui-iggrid-filterbutton:before {
    display: inline-block;
    color: #dcdcdc;
    content: '\23f7' !important;
}
.rbd-grid .btn {
    white-space: normal;
}

.dashboard-preview {
    /*position:fixed;
    left:0px;
    bottom:0px;*/
    /*width:300px;
    height:75px;*/
    background-color: #1c4868;
    color: white;
    /*z-index:99;*/
    text-align: center;
    padding: 15px;
    border: solid thick rgba(0,103,73,.75);
    border-radius: 10px 10px 10px 10px;
}
.dashboard-preview a{
    color:white;
    text-decoration:underline;
}
/*Dashboard CSS*/
.feedback-items input, .feedback-items label {
    padding: 10px;
}
.feedback-items .form-control {
    width: 600px !important;
    max-width:600px;
    height:200px;
}
.feedback-survey {
    display: inline-block;
    /*margin-left: auto;
    margin-right: auto;*/
    max-width: inherit;
    /*margin-right: 300px;*/
}
    .feedback-survey table {
        margin-left: auto;
        margin-right: auto;
    }
.feedback-survey h4{
    font-size:75% !important;
    margin-left:20px;
}

    .feedback-survey option {
        display: inline-block;
        vertical-align: top;
        padding: 20px;
        font-size: 1em;
        border-radius: 30px;
        background-color: rgba(0,103,73,.65);
        margin-right: 50px;
        height:48px;
        cursor:pointer;
        text-align:center;

    }

    .feedback-survey option:hover {
        background-color:blue;
        color:black;
 
    }
        .feedback-survey option:active {
            background-color: red !important;
            color: black;
        }

    .feedback-survey select {
        border: none;
        background: none;
        overflow-y: hidden;
        box-shadow: none;
        margin-left:auto;
        margin-right:auto;
        max-width:600px !important;
        display:inline;
        color:white;
        text-align:center !important;
    }
/*select option:hover,
select option:focus,
select option:active,
select option:checked {
    background: linear-gradient(#0094ff, #0094ff);
    background-color: #0094ff !important;*/ /*for IE*/
/*}*/

    .feedback-survey input, .feedback-survey textarea {
        max-width: 500px !important;
        margin-left: auto;
        margin-right: auto;
    }
.openhouse-items {
    border-bottom: solid thin black;
    height: 250px;
}

/* Start a Web Project */
.enabled-button:hover {
    color: black !important;
    background-color: white !important;
}

.disabled-button:hover {
    background-color: lightgray !important;
    border: lightgray !important;
    color: darkgray !important;
}

.selected-button:hover {
    background-color: white !important;
    border: white !important;
    color: black !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
}

.enabled-button {
    color: white !important;
    border-color: rgba(3,60,90,.5);
    background-color:rgba(3,60,90,.8) !important;
}

.disabled-button {
    background-color: lightgray !important;
    border: lightgray !important;
    color: darkgray !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
}

.completed-button {
    background-color: rgb(3,60,90);
    border: rgb(3,60,90);
    color: white !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
}

.selected-button {
    background-color: white !important;
    border: white !important;
    color: black !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
}

.section-complete, .section-needs-attention, .section-na {
    float: right;
    width: 40px;
    margin: -11%;
    display: none;
}

.department-complete, .department-needs-attention, .department-na {
    float: right;
    width: 30px;
    margin: -8%;
}

#construction-type-table td, #construction-type-table th {
    border-top: 0;
}

#levels td {
    width: 50%;
    border-top: 0;
    padding-top: 4px;
    padding-bottom: 0;
    margin-bottom: -2px;
}

#requiredFiles td {
    border-top: 0;
}

#requiredFiles td, #uploads-table td {
    padding: 5px;
}

.image-comment {
    max-width: 100%;
}

@media screen and (max-width:1500px) {
    .section-complete, .section-needs-attention, .section-na {
        width: 30px;
        margin: -14%;
    }
    .department-complete, .department-needs-attention, .department-na {
        margin: -11%;
    }
}

/* End Start a Web Project */

/*Start a Project Cards*/
.SAP-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    background-color: #D9EDF7;
    transition: 0.3s;
    width: auto;
    height: auto;
    /*padding-top: 40px;*/
    text-align: left;
}

    .SAP-card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }


.SAP-card-container {
    padding: 2px 16px;
    display: inline-block;
    padding-bottom: 20px;
}
.SAPS-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    background-color: #D9EDF7;
    transition: 0.3s;
    width: auto;
    height: auto;
    padding-top: 20px;
    text-align: left;
}

    .SAPS-card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }


.SAPS-card-container {
    padding: 2px 16px;
    display: inline-block;
    padding-bottom: 20px;
}
    /*End Start a Project Cards*/
    
    /*Meter Sets Start*/
    
 .meter-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 300px;
    height: 400px;
    padding-top: 40px;
    text-align: center;
}

    .meter-card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }


.meter-card-container {
    padding: 2px 16px;
    display: inline-block;
}



    /*Related Agencies Start*/

.related-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    /*width: 300px;*/
    /*height: 500px;*/
    padding-top: 1rem;
    text-align: center;
    height: 100%;
}

    .related-card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.disaster-area{
    border:solid thin;
    border-color:rgba(0, 0, 0, 0.10);
    background-color:rgba(255, 255, 255, 0.44);
    border-radius:10px;
    padding:10px;
}
.related-card-container {
    /*padding: 2px 16px;*/
    /*display: inline-block;*/
}

.spacious-list li {
    margin-bottom: .25rem;
}

li.rbd-no-list,
ul.rbd-no-list {
    list-style-type: none;
    padding-left: 0;
    /*margin-right: 24px;*/
}
li.rbd-no-list {
    margin-bottom: 0.25rem;
}
/*Related Agencies End*/

.center {
    margin-left: auto;
    margin-right: auto;
}

    
.shoppingcarticon img {
    -webkit-filter: invert(90%);
}

.shoppingcarticon:hover img {
    -webkit-filter: invert(0%);
}

#BackgroundCheckDiv {
    margin-left: unset;
}
.license-app-row {
    max-width: 1060px;
}


/*.applicant-info-row label {
    margin-bottom: 0;
}*/
.applicant-info-row .form-control,
.business-info-dba.form-control{
    margin-bottom: 5px;
    margin-top: 5px;
    max-width: 100%;
}
.application-input-with-warning {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

#reference-request-alert {
    padding: 0px;
}



@media screen and (max-width: 600px) {
    .applicant-info-row {
        display: flex;
        flex-direction: column;
    }
    .applicant-info-row td:not(:last-child) {
        padding-bottom: 0;
        border: none;
    }
    .applicant-info-row td:last-child {
        padding-top: 0;
        border: none;
    }

    .application-input-with-warning, #applicant-suffix, #applicant-middle-name, #applicant-ssn {
        align-items: flex-start;
        width: 100%;
    }

    .street-address {
        width: 100%;
    }

    #applicant-phone-required {
        width: 100%;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }
}
@media screen and (min-width: 601px) and (max-width: 767px) {
    .applicant-info-row td:first-child {
        width: 130px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .applicant-info-row td:first-child {
        width: 240px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .applicant-info-row td:first-child {
        width: 130px;
    }
}
@media screen and (min-width: 1200px) {
    .applicant-info-row td:first-child {
        width: 240px;
    }
}

.SaveChangesButton {
    margin-top: 8px;
}
@media screen and (max-width: 800px) {
    .SaveChangesButton {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        display: block;
    }
}


.upload-links {
    width: 100%;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.search-plan {
    display: flex;
    flex-direction: column;
    /*padding-left: 15px;*/
    padding-right: 15px;
}

#searchAddressAdvanced .col-lg-1, #searchAddressAdvanced .col-lg-3 {
    padding-left: 0px !important;
}

#JurisdictionDiv {
    padding-left: 0;
}

.search-location-lat-long {
    padding-left: 0;
    padding-right: 20px;
}

@media screen and (max-width: 1199px) {
    .search-permit-advanced-location {
        padding-left: 0;
        padding-right: 0;
    }

    .search-location-lat-long {
        padding-right: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .address-street-name-city {
        width: 25%;
    }
}

@media screen and (max-width: 991px) {
    .search-permit-advanced {
        padding-left: 0;
        padding-right: 0;
    }

    .search-plan {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 768px) {
    .contractor-search-options {
        display: flex;
        align-items: baseline;
    }
}

@media screen and (max-width: 767px) {
    .contractor-search-h4 {
        padding-top: 15px;
    }
}

@media screen and (max-width: 320px) {
    .permit-search-clear-btn {
        margin-top: 10px;
    }
}

@media screen and (max-width: 309px) {
    .contractor-search-clear-btn {
        margin-top: 10px;
    }
}

@media screen and (max-width: 304px) {
    .plan-search-clear-btn {
        margin-top: 10px;
    }
}

.sidebar-display {
    display: flex;
    flex-direction: row;
}

#sidebar {
    border-right: solid 1px #a9a9a9;
}

.jobs-filter-widget {
    min-width: 250px;
}

.search-results-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 375px) {
    .search-results-buttons {
        flex-direction: column;
    }

    .search-result-btn {
        width: 100%;
        margin: 5px 0;
    }
}

@media screen and (max-width: 600px) {
    .sidebar-display {
        flex-direction: column;
    }

    #sidebar {
        border-right: none;
    }

    .jobs-filter-widget {
        width: 100%;
    }
}

#AdditionalComments {
    width: 316px;
}

.tab-footer {
    margin-top: auto;
}
#reference-thanks {
    padding: 8px;
}

#reference-submit-btn {
    margin: 0 8px 8px;
}

@media screen and (max-width: 1019px) {
    #ApplicantReferenceSignatureButton {
        margin-top: 10px;
    }
}


@media screen and (max-width: 992px) {
     
        #application-type-tab {
            flex-direction: column;
        }

        #LicenseTypeExtendedDescriptionDiv {
            width: 100%;
        }
 }

@media screen and (max-width: 675px) {
    #AdditionalComments {
        width: 100%;
    }
}



    /*@media screen and (max-width: 401px) {
    #References tr {
        width: 100%;
        display: flex;
    }
}*/

    /*#References tr:nth-child(odd) td {
    background-color: aliceblue;
}*/

    @media screen and (max-width: 400px) {
        #References,
        #References tbody,
        #References tr {
            display: block;
        }

            #References td {
                border-left: 1px solid #dadada;
                border-right: 1px solid #dadada;
            }
    }

    @media screen and (max-width: 900px) {
        #References td {
            width: 100%;
            min-width: 200px;
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
        }

        /*tr:nth-child(odd) {
        background-color: aliceblue;
        min-width: 200px;
    }*/
    }
    /* table-striped is a default bootstrap class that also adds borders
   use table-stripes if you don't want to add borders or if you're using flexbox on the table rows
*/
    .table-stripes tr:nth-child(odd) {
        background-color: aliceblue;
    }

    .bg-white {
        background-color: white !important;
    }

    @media screen and (max-width: 992px) {
        .project-history-description {
            width: 100%
        }

        .project-history-input {
            display: flex;
            justify-content: flex-end;
        }
    }

    .certification-strong-text {
        width: 100%;
        min-width: 200px;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }

    .applicant-info-title {
        display: flex;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }

    #signature-button {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    @media screen and (min-width: 600px) and (max-width: 991px) {
        #signature-button {
            flex-direction: row;
        }

        #BackgroundCheckSignatureImage {
            padding-right: 10px;
        }
    }

    .application-valid-warning {
        display: flex;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }


    .dashboard-item {
        height: 170px;
        background-color: rgba(3,60,90,.8);
        padding: 5px;
        margin-top: 5px;
        color: white;
        text-align: center;
    }

    .home-list-item {
        text-align: center;
        padding: 1%;
        height: 75px;
        background-color: rgb(154, 154, 154);
        margin: 10px;
    }

        .home-list-item a, .home-list-item a:visited {
            color: black;
        }

    .home-subcontent-initial {
        display: none;
    }

    .home-subcontent-area h3,
    .home-subcontent-area .h3 {
        letter-spacing: 2px;
    }

    .news-area, .home-subcontent-area {
        text-align: center;
        background-color: white; /*rgb(247,246,133);*/
        padding: 1%;
        margin-bottom: 1rem;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
        border-radius: 3px;
        /* opacity: .9;*/
    }

        .home-subcontent-area ul {
            text-align: left;
        }

        .home-subcontent-area li {
            padding-bottom: 1%;
        }

    .news-post-date {
        /*color: rgb(0,103,73);*/
        color: rgb(3,60,90);
    }

    .news-area ul {
        margin-left: 0px;
    }

    .contact-map {
        border: 2px solid #AAA;
        width: 100%;
        height: 300px;
    }

    .home-header-message {
        padding: 5px;
        text-align: center;
        font-size: 1.2em;
    }

    .home-closure h4,
    .home-closure .h4 {
        text-align: center;
        color: white;
        margin-top: 1px;
        padding: .75%;
        /*vertical-align:middle;*/
    }

    .home-closure a {
        text-decoration: underline;
        color: white;
    }

    .home-closure .hail:hover {
        text-decoration: underline;
        color: goldenrod;
    }

    .home-storm {
        text-align: center;
        background-color: rgba(129,37,42,.9);
        font-weight: bold;
        color: white;
    }

        .home-storm a, .home-storm a:visited {
            text-decoration: none;
            color: white;
        }

    .HomeRedButtons a, .HomeRedButtons a:visited {
        text-decoration: none;
        color: white;
    }

    .home-storm:hover {
        background-color: rgba(129,37,42,.5);
        /*color: black;*/
    }

    .home-project:hover {
        background-color: rgba(129,37,42,.5); /*rgba(3,60,90,.5);*/
        /*color: black;*/
    }

    .home-project {
        text-align: center;
        background-color: rgba(129,37,42,.9);
        /*background-color: #1e821e;*/
        font-weight: bold;
        color: white;
    }

        .home-project a, .home-project a:visited {
            text-decoration: none;
            color: white;
        }


    /*.home-search div {
    color: white;
    margin-top: 15px;
    float: right;
}*/
/*    .completeInspection {
        color: forestgreen;
    }

    .incompleteInspection {
        color: goldenrod;
    }*/

    .home-search img, .nav img {
        height: 22px;
        /*margin-right: 10px;*/
        padding: 0px;
    }

    @media screen and (min-width: 768px){
        nav.bs3 .navbar > .container .navbar-brand {
            margin-left: 0;
        }
    }
    /*
.home-search h4 {
    margin-top: 0px;
    display: block;
}

.home-search-box {
    display: none;
}
.home-search-icon:hover{
    cursor:pointer;
}
*/
    .related-logo {
        height: 10%;
        width: 10%;
    }


    .home-fee-calc h4,
    .home-fee-calc .h4 {
        display: inline;
        text-decoration: none;
    }

    .header-title {
        color: white;
        padding: 10px;
        font-size: 1.2em;
    }

    .sub-item-link {
        color: steelblue;
        cursor: pointer;
        display: inline;
    }

        .sub-item-link:hover {
            text-decoration: underline;
        }

    .sub-item-information-text {
        font-size: 1.0em;
    }

    .sap-instructions {
        color: white;
        background-color: rgba(3,60,90,.6);
    }

    .navbar-inverse .navbar-nav {
        margin-left: 0;
        margin-right: 0;
    }

        .navbar-inverse .navbar-nav li > a:hover {
            color: #010101 !important;
            border-radius: 0;
        }

            .navbar-inverse .navbar-nav li > a:hover img {
                -webkit-filter: invert(80%) !important;
            }

    .navbar-collapse {
        max-height: 100%;
        width:100%!important;
    }

    nav:not(.bs3) .navbar-item.btn {
        border-radius: 0;
    }
    nav.bs3 .navbar-item.btn {
        font-size: 1.6rem;
    }
    nav.bs3 .navbar-brand {
        margin-right: 1.5rem;
    }
    nav.bs3 .navbar-nav > li > a {
        padding: 6px 12px;
        line-height: 24px;
    }

    .home-section a {
        color: white !important;
    }
    /*.mobilewelcome {
    display: none;
}
.desktopwelcome {
    display: block;
}*/
    .loader-gif {
        z-index: 99999999999999 !important;
    }
    /*.address-street-name-wrapper .ui-igcombo-clearicon,
.address-street-name-wrapper .ui-igcombo-buttonicon,
.address-street-name-wrapper .ui-igedit-buttonimage {
    transform: translateY(-50%);
}*/
    .plan-filters .ui-igedit-container {
        height: 34px;
    }

    .plan-filters .ui-igedit-button-common.ui-state-hover {
        border-width: 0 0 0 1px;
    }

    .date-box .ui-igedit-container {
        max-width: 100%;
    }

    /* Bootstrap helper classes 
    https://getbootstrap.com/docs/4.0/utilities/spacing/
    The classes are named using the format {property}{sides}-{size} for xs and {property}{sides}-{breakpoint}-{size} for sm, md, lg, and xl.
*/
    .mt-1 {
        margin-top: 15px;
    }

    .mb-1 {
        margin-bottom: 15px;
    }

    .mt-0 {
        margin-top: 0;
    }

    .mb-0 {
        margin-bottom: 0;
    }

    .h-auto {
        height: auto;
    }

    @media screen and (max-width: 400px) {
        p.padding-narrow {
            padding: 8px 8px 0;
        }
    }

    /* change the text of the toggle link - used on DashboardController GetContractorInspectionsNeedingAttention */
    .toggle-text.collapsed .if-not-collapsed {
        display: none;
    }
    .toggle-text:not(.collapsed) .if-collapsed {
        display: none;
    }

    /* Reason column on inspections needing attention widget may contain email address of external contact. 
       This prevents it from getting truncated by infragistics */
    #inspectionGrid td,
    #inspectionGrid th {
        overflow: visible;
        overflow-wrap: break-word;
        word-wrap: break-word;
        white-space: normal;
    }

    /*.home-section a:visited {
    color: lightcoral !important;
}*/
    /*Responsive Media Queries*/
    @media screen and (min-width:767px) {
        .dashboardLinkBreak {
            display: none;
        }
    }

    #advancedplansearchnewicon {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        top: 65%;
        display: none;
    }

    @media screen and (max-width: 3000px) {
        #advancedplansearchnewicon {
            left: 49%;
            top: 64%;
            display: none
        }
    }
/*#header .container {
    display: flex;
    flex-wrap: wrap;
}*/
.navbar-brand {
    padding: 5px 5px!important;
}
#header .navbar-collapse {
    border-top: solid 1px steelblue;
    border-left: solid 1px steelblue;
    border-right: solid 1px steelblue;
}
#header .navbar-collapse ul {
    width: 100%;
    max-width: 1268px;
    margin: 0 auto !important;
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
}
    @media (min-width: 35em) {
        #header .navbar-nav ul {
            flex-wrap: nowrap;
        }
    }
#header .navbar-collapse li + li {
    border-left: solid 1px steelblue;
}
#header .navbar-collapse li {
    position: relative;
    /*flex-basis: 50%;*/
    flex-grow: 1;
    flex-shrink: 1;

}
@media (min-width: 992px) {
    #header .container {
        justify-content: unset;
    }
}
@media (min-width: 768px) {
    #header .navbar-nav>li>a {
         padding-top: 5px; 
         padding-bottom: 5px; 
         height: 100%;
         white-space: normal;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #header .navbar-nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }
}
@media (max-width: 767px) {
    #header .navbar-collapse ul {
        align-items: center;
        flex-direction: column;
    }
    #header .navbar-collapse {
        border-top: solid 0px steelblue;
        border-left: solid 0px steelblue;
        border-right: solid 0px steelblue;
    }
    #header .navbar-collapse li + li {
        border-left: solid 0px steelblue;
    }
}
    @media screen and (max-width: 2400px) {
        .home-title {
            /*   width: 400px; */
        }
        /*#advancedplansearchnewicon {
        width: 40px;
        height: 40px;
        float: left;
        position: absolute;
        left: 154px;
        top: 78px;
        display: block;
    }*/
        /*     .home-title h5,
        .home-title .h5 {
            font-size: 13.5px !important;
            font-weight: 300 !important;
            width: 350px;
        }*/

        .ContractorName {
            width: 250px; /* increased to handle longer names*/
        }
    }

    /*   @media screen and (min-width: 1550px) and (max-width: 1650px) {
        #main-title-demo {
            font-size: 18px !important;
        }
    }*/

    /*  @media screen and (min-width: 1651px) and (max-width: 1765px) {
        #main-title-demo {
            font-size: 20px;
        }
    }*/
    /* devops 8172 */
    /*@media screen and (max-width: 1600px) {
        .address-search .form-control {
            font-size: 12px;
            padding: 1px;
        }
    }*/

    @media screen and (max-width: 1550px) {
        #advancedplansearchnewicon {
            display: none;
        }
    }

    /*@media screen and (max-width: 1310px) {*/
    /* .home-title {
           display: none;
       }*/

    /*.navbar-collapse {
            padding-left: 0px;
        }
    }

    @media screen and (max-width: 815px) {
        .navbar-collapse {
            padding-right: 0px;
        }
    }*/

    @media screen and (max-width: 1200px) { /* 1550 */
        .disaster-section h3 {
            font-size: 16px !important;
        }

        /* .navbar-inverse .navbar-nav li > a {
            font-size: 15px !important;
            padding-left: 5px;
        }

        .navbar-inverse .navbar-nav li > h4,
        .navbar-inverse .navbar-nav li > .h4 {
            font-size: 15px !important;
            padding-left: 5px;
        }*/
    }

    @media screen and (max-width: 1550px) {
        .disaster-section h3 {
            font-size: 16px !important;
        }

        /* .navbar-inverse .navbar-nav li > a {
            font-size: 14px !important;
            padding-left: 5px;
        }

        .navbar-inverse .navbar-nav li > h4,
        .navbar-inverse .navbar-nav li > .h4 {
            font-size: 14px !important;
            padding-left: 5px;
        }*/

        /*
    .home-title h5,
    .home-title .h5 {
        width: 600px !important;
    }
*/
        /*.home-title h3, .home-title h4,
    .home-title .h3, .home-title .h4 {
        font-size: 12px;
    }*/
    }

    @media screen and (max-width: 1399px) {
        /*  #advancedpermitsearchnewicon {
        display: none;
    }*/
    }

    @media screen and (max-width: 1450px) {
        /*
        .navbar-inverse .navbar-nav li > a {
            font-size: 14px !important;
            padding-left: 5px;
        }
        .home-title {
            width: 250px;
            width: 200px;
        }

            .home-title h5,
            .home-title .h5 {
                width: 240px !important;
                width: 200px !important;
            }
*/
        /*.home-title h3, .home-title h4,
            .home-title .h3, .home-title .h4 {
                font-size: 12.5px;
            }*/
    }


    @media screen and (max-width:1305px) {
        .related-card {
            font-size: .9em;
        }
    }

    .legal-copy-table {
        width: unset;
    }

    .table-with-title {
        padding-top: 25px !important;
    }

    @media screen and (max-width: 500px) {
        .legal-copy-table {
            width: 100%;
        }
    }

    .draft-buttons {
        display: flex;
        flex-direction: column;
    }

    .draft-buttons-group {
        display: flex;
        flex-direction: row;
    }

    .draft-buttons-proposed-redline {
        display: flex;
        flex-direction: column;
    }

    #draft-buttons-redline {
        margin-left: 10px;
        margin-top: 0;
    }

    #draft-buttons-final {
        max-width: 502px;
    }

    .view-related-downloads-btn {
        white-space: unset;
    }

    .code-prop-btn-bottom {
        margin-top: 10px;
    }

    .public-comment-buttons {
        display: flex;
        flex-direction: column;
    }

    .public-comment-btn-blue {
        margin-top: 10px;
        width: 268.56px;
    }

    #PublicCommentButton {
        width: 268.56px;
        font-size: 14px;
    }

    #timedbtn {
        margin: 8px 0;
        font-weight: 500;
    }

    #code-links-col {
        display: flex;
        flex-direction: column;
    }

    .code-link-btn {
        margin-bottom: 10px;
        max-width: 359px;
    }

    @media screen and (min-width: 768px) {
        #StartPermitAndInspectorArrival {
            order: -1; /*  move first if desktop view*/
        }
    }

    @media screen and (min-width: 992px) {
        #HomeTopContainer {
            display: flex;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1140px) {
        .draft-buttons-text {
            font-size: 12px;
        }

        #draft-buttons-final {
            width: 448px;
        }
    }

    @media screen and (max-width: 991px) {
        .code-link-btn {
            max-width: 271px;
        }
    }

    @media screen and (max-width: 329px) {
        .code-link-btn {
            width: 100%;
        }
    }

    @media screen and (max-width: 565px) {
        .draft-buttons {
            flex-direction: column;
        }

        #draft-buttons-redline {
            margin-left: 0;
            margin-top: 10px;
        }

        .draft-buttons-group {
            flex-direction: column;
        }

        .public-comment-btn-blue {
            width: 100%;
        }

        #PublicCommentButton {
            width: 100%;
        }
    }
    /*#tech-code-button {
        margin-top: 10px;
    }*/

    @media screen and (min-width: 830px) and (max-width: 991px) {
        .public-comment-buttons {
            flex-direction: row;
        }

        .public-comment-btn-blue {
            margin-left: 10px;
            margin-top: 0;
        }
    }

    @media screen and (max-width: 829px) {
        .public-comment-buttons {
            flex-direction: column;
        }

        .public-comment-btn-blue {
            margin-left: 0;
            margin-top: 10px;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1250px) {
        #PublicCommentButton, .public-comment-btn-blue {
            width: 200px;
            white-space: unset;
        }
    }

    @media screen and (max-width: 390px) {
        .code-dev-schedule-table {
            font-size: 10px;
        }

        .code-prop-btn {
            white-space: unset;
        }
    }

    @media screen and (max-width: 1200px) {
        .dashboard-preview {
            width: 100%;
            height: 100px;
        }

        .eplan-progress {
            text-align: center;
        }

        .eplan-header-left, .eplan-header-right {
            float: none;
            text-align: center;
        }

        .related-card {
            font-size: .8em;
        }

        .title-forms, .handout-title {
            width: 100%;
        }

        /* .home-title h3, .home-title h4,
        .home-title .h3, .home-title .h4 {
            font-size: 15px;
        }*/

        .res-com-handout-btn-title {
            font-size: 12px;
        }

        /*  .navbar-inverse .navbar-nav li > a {
            font-size: 12px !important;
            padding-left: 3px;
        }

        .navbar-inverse .navbar-nav li > h4,
        .navbar-inverse .navbar-nav li > .h4 {
            font-size: 12px !important;
            padding-left: 3px;
        }*/
    }

    @media screen and (max-width: 1280px) {
        /*     .home-title {
            width: 250px;
            width: 200px;
        }

            .home-title h5,
            .home-title .h5 {
                width: 240px !important;
                width: 200px !important;
            }*/

        /*.home-title h3, .home-title h4,
            .home-title .h3, .home-title .h4 {
                font-size: 12px;
            }
                */
    }

    @media screen and (max-width: 1135px) {
        .disaster-section h3 {
            font-size: 14px !important;
        }

        .home-queue {
            font-size: .8em;
        }

        /*  .home-title {
            display: none;
        }*/
    }

    @media screen and (max-width: 1130px) {
        .disaster-section h3 {
            font-size: 14px !important;
        }

        .home-queue {
            font-size: .8em;
        }

        /* .home-title h3, .home-title h4
        .home-title .h3, .home-title .h4 {
            font-size: 11px;
        }*/
    }

    @media screen and (max-width: 991px) {
        .ContractorName {
            width: unset;
        }

        .disaster-section h3 {
            font-size: 22px !important;
        }

        .related-card {
            /*font-size: 15px;*/
        }

        .feedback-survey option {
            display: inline-block;
            vertical-align: top;
            padding: 15px;
            font-size: 1em;
            border-radius: 20px;
            background-color: rgba(0,103,73,.65);
            margin-right: 10px;
            height: 40px;
            cursor: pointer;
            text-align: center;
            color: black;
        }

        .openhouse-items {
            height: auto;
        }

        .home-subcontent-area {
            margin-top: 1%;
            margin-bottom: 1%;
        }

        /* .home-title {
            display: none;
        }*/

        .res-com-handout-btn-title {
            font-size: 18px;
        }

        .home-queue {
            font-size: .8em;
            float: left;
            width: 100%;
        }

        .img-badge {
            display: none;
        }

        .home-image {
            display: none;
        }

        .date-box .ui-igedit-container {
            display: block;
            margin-bottom: 10px;
        }

        .plan-filters .address-street-name-wrapper {
            max-width: 310px;
        }
    }

    @media screen and (max-width: 890px) {
        .mobile-center {
            text-align: center;
        }

        .widget-item .col-md-12, .widget-item .col-lg-12 {
            padding-left: 1px !important;
            padding-right: 1px !important;
        }

        .feedback-items .form-control {
            width: 100% !important;
        }

        .home-closure {
            margin: 6px 2px 0px 2px;
        }

        .mobileshow {
            display: block;
        }

        .content-background {
            padding: 1%;
        }
        /*
        .home-search {
            float: none;
        }

        .home-search-box {
            display: block;
        }

        .home-search div {
            float: none;
        }*/
        /*.navbar-header {
            float: right !important;
        }*/
        /*.navbar-inverse .navbar-nav {
            display: none;
        }*/
        /*.navbar-toggle {
            position: relative;
            float: right;
            display: block;
        }*/
        /*.navbar-inverse .navbar-nav li > a {
            font-size: 20px !important;
        }

        .navbar-inverse .navbar-nav li > h4 {
            font-size: 20px !important;
        }*/
        .navbar-inverse .navbar-nav li > a {
            /*font-size: 20px !important;*/
            /*font-size: 12px !important;*/
        }

        .navbar-inverse .navbar-nav li > h4,
        .navbar-inverse .navbar-nav li > .h4 {
            /*font-size: 20px !important;*/
            /*font-size: 14px !important;*/
        }

        #collapsable {
            margin-bottom: 10px;
        }





        .tab-contents {
            padding: 5px 5px;
        }
    }

    @media screen and (max-width: 767px) {
        .plan-filters .address-street-name-wrapper {
            max-width: 100%;
        }
    }
    /*
    @media screen and (max-width: 925px) {
        .navbar-collapse.collapse {
            flex-direction: column-reverse;
            float: right;
        }
    }*/
    /*
    @media screen and (min-width:1536px) and (max-width:1700px) {
        .navbar-inverse .navbar-nav > li > a {
            font-size: 14px;
        }
    }*/

    /* @media screen and (min-width: 1077px) {
        .navbar-item {
            padding-right: 15px !important;
        }

        .navbar-item-img {
            margin-right: 10px !important;
        }
    }*/

    /* @media screen and (max-width: 1076px) {
        .navbar-item {
            padding-right: 10px !important;
        }

        .navbar-item-img {
            margin-right: 0px !important;
        }
    }*/
    .navbar-collapse.collapse {
        justify-content: center;
        align-self: flex-start; /* fixes vertical alignment of nav menu/admin partial */
    }

    .navbar-collapse.in {
        margin-bottom: unset;
    }

    @media screen and (min-width: 768px) {
        #CodeCommentTimerListItemMobile {
            display: none;
        }

        #CodeCommentTimerListItem {
            display: flex;
            /*width: 100%;*/
            justify-content: center;
            align-items: center;
            padding: 5px 0px;
            flex-wrap: wrap;
        }

            #CodeCommentTimerListItem a {
                /*width: 100%;*/
                display: flex;
                flex-direction: column;
                align-items: center;
                white-space: pre-wrap; /* CSS3 */
                white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
                white-space: -pre-wrap; /* Opera 4-6 */
                white-space: -o-pre-wrap; /* Opera 7 */
                word-wrap: break-word; /* Internet Explorer 5.5+ */
            }



        #AdminUserName {
            margin-left: 5px;
        }

        #admin-login {
            display: flex;
            justify-content: center;
            margin-right: 15px;
            padding-left: 3px;
        }

        .admin-input-boxes {
            height: 30px;
            margin-bottom: 0px;
            margin-right: 5px;
        }

        #admin-login-input {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .admin-password {
            display: flex;
            align-items: center;
        }

        #go-btn {
            width: unset;
        }

        #admin-name {
            margin-bottom: 10px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        #admin-notimpersonating {
            display: flex;
            flex-direction: row;
            flex-flow: wrap;
            align-items: baseline;
        }

        /*   #admin-runas-name {
            margin-right: 10px;
        }
*/
        #admin-impersonation {
            display: flex;
            flex-direction: row;
            flex-flow: wrap;
            align-items: baseline;
        }

        .admin-impersonation-stop {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        .admin-runas-input {
            padding-left: 2rem;
        }
    }

    @media screen and (max-width: 975px) {
        #admin-login-input {
            font-size: 12px;
        }

        .admin-input-boxes {
            font-size: 14px;
        }

        #admin-login {
            margin-right: 10px;
        }

        #bold-or {
            margin-right: 0px;
        }
    }
    /* @media screen and (max-width: 992px) {
        #navbar-with-timer {
            display: flex;
            justify-content: space-between;
            flex: auto;
        }
    }*/

    @media screen and (max-width: 767px) {
        #CodeCommentTimerListItemMobile {
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
            margin-right: 15px;
        }

            #CodeCommentTimerListItemMobile a {
                width: 100%;
                white-space: pre-wrap; /* CSS3 */
                white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
                white-space: -pre-wrap; /* Opera 4-6 */
                white-space: -o-pre-wrap; /* Opera 7 */
                word-wrap: break-word; /* Internet Explorer 5.5+ */
            }

        #CodeCommentTimerListItem {
            display: none;
        }


        .navbar-collapse.in {
            /*  overflow-y: unset !important;*/ /* devops 6525 */
            /*margin-bottom: 78px !important;*/
        }

        #AdminUserName {
            margin-left: 0px;
        }

        #admin-login {
            display: flex;
            justify-content: center;
            margin-right: unset;
            padding-left: unset;
        }

        .admin-input-boxes {
            height: 30px;
            margin-bottom: 10px;
            margin-right: 0px;
        }

        #admin-login-input {
            display: flex;
            flex-direction: column;
            max-width: 167px;
        }

        #admin-password {
            display: flex;
            flex-direction: column;
        }

        #go-btn {
            width: 100%;
        }

        #admin-name {
            justify-content: center;
            display: flex;
            align-items: center;
        }

        #admin-runas {
            display: flex;
            flex-direction: column;
        }

        .admin-runas-input {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-bottom: 5px;
        }

        #admin-runas-name {
            margin-right: 0px;
        }

        #bold-or {
            margin-right: 5px;
        }

        #admin-impersonation {
            display: flex;
            flex-direction: column;
        }

        .admin-impersonation-stop {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #togglerdiv {
            align-self: flex-start;
            margin-top: .75rem;
        }
    }

    /*@media screen and (max-width: 410px) {
        .profile-view .form-control {
            font-size: 11px;
            padding: 1px;
        }

        .mobilewelcome {
            display: block;
        }

            .mobilewelcome h4 {
                font-size: 11px !important;
                margin-right: 20px !important;
            }

        .desktopwelcome {
            display: none;
        }
    }*/

    @media print {
        body {
            width: 1100px;
            margin: auto;
            float: none;
            position: static;
        }

        .print-hide, 
        .ui-iggrid-filterrow, div[class^='tooltipster'] {
            display: none !important;
        }
        #main > .container,
        #main > .container > .content-background {
            padding: 0;
        }

        a[href]:after {
            content: none !important;
        }

        .print-show {
            display: block !important;
        }

        #permitFeeCalculator {
            column-count: 2;
        }

        .col-md-7 {
            float: right;
        }

        .col-md-5 {
            float: left;
        }

        .searchResults td {
            font-size: 0.8em;
        }

        .ui-chart-legend {
            width: 10% !important;
        }

        .ui-chart-container {
            width: 100% !important;
        }

            .ui-chart-container canvas {
                width: 100% !important;
            }

        input[type="date"]:in-range::-webkit-datetime-edit-year-field,
        input[type="date"]:in-range::-webkit-datetime-edit-month-field,
        input[type="date"]:in-range::-webkit-datetime-edit-day-field,
        input[type="date"]:in-range::-webkit-datetime-edit-text {
            color: transparent;
        }
    }
    /*Public Comment CSS*/
    .timeElement {
        border-top-left-radius: 0%;
        border-top-right-radius: 0%;
        border-bottom-right-radius: 0%;
        border-bottom-left-radius: 0%;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        background: transparent;
        border-style: solid;
        border-color: #000000;
        box-shadow: 0px 0px 0px 0px #ffffff;
        width: auto;
        max-width: 100%;
        min-width: 40px;
        display: inline-block;
        text-align: center;
        z-index: 0
    }

    .numberString {
        color: #000000;
        font-family: Lato;
        font-weight: 900;
        font-size: 26px;
        text-transform: none;
        text-decoration: none;
        line-height: 1;
        letter-spacing: 0;
        font-style: normal;
    }

    .CountdownContainer {
        width: 800px;
        flex-direction: inherit;
        align-items: center;
        background: white;
        border-style: solid;
        border-color: #000000;
        border-top-left-radius: 0%;
        border-top-right-radius: 0%;
        border-bottom-right-radius: 0%;
        border-bottom-left-radius: 0%;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        box-shadow: 0px 0px 0px 0px #ffffff;
        max-width: 100%;
        z-index: 0;
        margin: auto;
    }

    .char {
        display: inline-block;
        text-align: center;
        min-width: 0px;
    }

    .timeElement > .unit {
        color: #000000;
        font-family: Lato;
        font-weight: 500;
        font-size: 12px;
        text-transform: none;
        text-decoration: none;
        line-height: 1;
        letter-spacing: 0;
        font-style: normal
    }

    #PublicCommentTimerBox {
        border-top-left-radius: 0%;
        border-top-right-radius: 0%;
        border-bottom-right-radius: 0%;
        border-bottom-left-radius: 0%;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        padding: 5px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        background: #00ff7f;
        border-style: solid;
        border-color: #000000;
        box-shadow: 0px 0px 0px 0px #ffffff;
        width: auto;
        max-width: 100%;
        position: relative;
        z-index: 0;
        text-align: center;
        min-height: 62px;
    }

        #PublicCommentTimerBox .numberString {
            opacity: 0;
        }

    @media screen and (min-width: 570px) {
        .withTimer .CountdownContainer {
            display: flex;
            align-items: center;
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }

        .withTimer #PublicCommentTextContainer,
        .withTimer #PublicCommentTimerContainer {
            width: 50%;
        }
    }

    .publicCommentInnerContainer {
        align-items: flex-start;
        background: transparent;
        border-style: solid;
        border-color: #000000;
        border-top-left-radius: 0%;
        border-top-right-radius: 0%;
        border-bottom-right-radius: 0%;
        border-bottom-left-radius: 0%;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        box-shadow: 0px 0px 0px 0px #ffffff;
        max-width: 100%;
        z-index: 0;
        height: 100%;
    }

    #PublicCommentBanner a:hover {
        text-decoration: none;
    }

        #PublicCommentBanner a:hover #PublicCommentTextContainer {
            text-decoration: underline;
        }

    .btn-chartreuse {
        background-color: #00ff7f !important;
        color: #000 !important;
        white-space: normal !important;
    }

    .popup-logo {
        display: none;
    }

    @media (min-width: 560px) and (max-width: 767px), (min-width: 1340px) {
        .popup-logo {
            display: block;
            float: left;
            width: 130px;
        }

        .popup-content {
            padding-left: 145px;
        }
    }

    .handouts-menu-row {
        display: flex;
        justify-content: center;
    }

    .res-com-handouts-submenu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: rgba(126, 198, 215,.4);
        border-radius: 4px 4px 0 0;
        padding: 20px 0;
    }

    .res-com-handouts-submenu-2 {
        display: flex;
        justify-content: center;
    }

    .res-com-handout-btn, .res-com-handout-btn-c, .res-com-handout-btn-m, .res-com-handout-btn-e, .res-com-handout-btn-p {
        height: 55px;
        width: 11%;
        float: left;
        background-color: rgba(3,60,90,.9);
        color: white;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
        border-radius: 3px;
        border: none;
        margin: 0.7%;
        padding: 0.25%;
    }

    .res-com-handout-btn-selected, .res-com-handout-btn-c-selected, .res-com-handout-btn-m-selected, .res-com-handout-btn-e-selected, .res-com-handout-btn-p-selected {
        background-color: white;
        color: black;
        border: 1px solid black;
    }

    .education-subcategory {
        display: none;
    }
    
    #education-handouts-submenu .res-com-handout-btn {
        height: auto;
    }

    @media screen and (min-width: 1201px) and (max-width: 1400px) {
        .res-com-handout-btn, .res-com-handout-btn-c, .res-com-handout-btn-m, .res-com-handout-btn-e, .res-com-handout-btn-p {
            width: 14%;
        }
    }

    .handout-alert {
        border: none;
        margin-top: 0;
        border-radius: 0 0 4px 4px;
        padding-top: 10px;
        font-size: 24px;
    }

    .handout-list-item {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
    }

    .handout-list-test {
        display: flex;
        align-items: center;
    }

    .handout-list-item-btn {
        margin-left: 20px;
    }

    @media screen and (min-width: 992px) and (max-width: 1250px) {
        .handout-download-box {
            width: 33%;
        }
    }

    @media screen and (max-width: 991px) {
        .res-com-handout-btn {
            width: 23.3%;
        }

        .handouts-menu-row {
            display: unset;
        }

        .res-com-handout-btn, .res-com-handout-btn-c, .res-com-handout-btn-m, .res-com-handout-btn-e, .res-com-handout-btn-p {
            display: flex;
            justify-content: center;
            align-items: center;
            min-width: 100px;
        }

        .res-com-handout-btn-title {
            font-size: 14px;
        }
    }

    @media screen and (max-width: 891px) {
        .res-com-handout-btn {
            width: 23.45%;
        }

        .handout-list-item {
            width: 100%;
        }
    }

    @media screen and (max-width: 775px) {
        .res-com-handout-btn {
            width: 31.45%;
        }

        #license-handouts-submenu {
            flex-wrap: wrap;
        }
    }

    @media screen and (max-width: 810px) {
        .res-com-handouts-submenu, .res-com-handouts-submenu-2 {
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .res-com-handout-btn, .res-com-handout-btn-c, .res-com-handout-btn-m, .res-com-handout-btn-e, .res-com-handout-btn-p {
            width: 48%;
            min-width: 100px;
        }

        .res-com-handout-btn-title {
            font-size: 16px;
        }
    }

    .notifications-images {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .notifications {
        display: flex;
        flex-direction: row;
    }

    .img-normal {
        margin-left: 0;
    }

    .danger-notification {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .warning-notification {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .success-notification {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media screen and (max-width: 767px) {
        .notifications-images {
            flex-direction: row;
        }

        .img-normal {
            margin-left: 5px;
        }
    }

    /* Blue box menu items: appears on home page, search, downloads, cart, and dashboards (contractor, homeowner, other) */
    .home-section-box {
        font-size: .8em;
    }

    .home-section-box-item,
    .home-section-box-item-selected {
        background-color: rgba(3,60,90,.9);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
        border-radius: 3px;
        height: 42px;
        color: white;
        width: 100%;
        padding: 6px 10px;
        text-align: left;
        margin-bottom: .4rem;
        text-decoration: none;
    }

    .home-section-inline .home-section-box-item.h-auto,
    .home-section-inline .home-section-box-item-selected.h-auto {
        height: auto;
    }

    .home-section-inline .home-section-box-item,
    .home-section-inline .home-section-box-item-selected {
        height: 42px;
    }

    .search-box-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    #HomePage .home-section-box-item,
    #HomePage .home-section-box-item-selected {
        display: flex;
        justify-content: flex-end;
        flex-direction: row-reverse;
        align-items: center;
    }

    .home-section-box-item:focus {
        color: #fff;
        text-decoration: none;
    }

    .home-section-box-item:hover,
    .home-section-box-item:focus,
    .home-section-box-item-selected:hover,
    .home-section-box-item-selected:focus,
    .h-auto {
        background-color: white;
        color: #000;
        cursor: pointer;
        text-decoration: none;
    }

    .home-section-box-item-selected {
        background-color: #fff;
        border: solid thin #000;
        color: #000;
        padding: 5px 10px;
    }

        .home-section-box-item-selected:focus {
            color: #000;
            text-decoration: none;
        }

        .home-section-box-item img,
        .home-section-box-item-selected img {
            height: 30px;
            width: auto;
            max-width: 100%;
            float: right;
            padding-top: 0;
            -webkit-filter: invert(90%) !important;
        }

    #HomePage .home-section-box-item img,
    #HomePage .home-section-box-item-selected img {
        padding-right: 10px;
    }

    .home-section-box-item:focus img,
    .home-section-box-item:hover img,
    .home-section-box-item-selected,
    .home-section-box-item-selected img,
    .home-section-box-item-selected:hover img,
    .h-auto img {
        -webkit-filter: invert(0%) !important;
    }

        .home-section-box-item h4,
        .home-section-box-item .h4,
        .home-section-box-item-selected h4,
        .home-section-box-item-selected .h4 {
            float: left;
            font-size: 13px;
            margin: 8px 0;
        }

    .widget-title-and-image,
    .home-section-inline .widget-title-and-image {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 30px;
    }

    .notifications-mobile {
        display: flex;
    }

    .notifications-desk {
        display: none;
    }

    .notification-circle {
        margin-right: 5px;
    }

    .home-section-inline {
        margin-bottom: 30px;
    }

    @media screen and (min-width: 541px) {
        .home-section-box-item h4,
        .home-section-box-item .h4,
        .home-section-box-item-selected h4,
        .home-section-box-item-selected .h4 {
            font-size: 16px;
            margin: 6px 0;
        }
    }

    @media screen and (min-width: 768px) {
        .home-section-box {
            display: grid;
            grid-gap: 1rem;
            grid-template-columns: 1fr 1fr;
        }

        .account-menu.home-section-box,
        #WidgetMenu .home-section-box {
            margin-bottom: 1rem;
        }

        .home-section-box-item,
        .home-section-box-item-selected {
            height: auto;
            padding: 10px;
            margin-bottom: 0;
            text-align: center;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        #viewInspections, #viewPermits, #viewContractorPlans {
            flex-direction: column;
        }

        .search-box-item.home-section-box-item,
        .search-box-item.home-section-box-item-selected {
            flex-direction: row;
        }

        .home-section-inline .home-section-box-item,
        .home-section-inline .home-section-box-item-selected {
            height: 50px;
            padding: 10px;
        }

        #HomePage .home-section-box-item,
        #HomePage .home-section-box-item-selected {
            flex-direction: column;
            justify-content: space-between;
            height: auto;
        }

            #HomePage .home-section-box-item img,
            #HomePage .home-section-box-item-selected img {
                padding-right: 0;
            }

        .home-section-box-item h4,
        .home-section-box-item .h4,
        .home-section-box-item-selected h4,
        .home-section-box-item-selected .h4 {
            float: none;
            margin: 0;
        }

        .home-section-box-item img,
        .home-section-box-item-selected img {
            float: none;
            padding: 0;
            max-height: 55px;
            margin-top: 10px;
            align-self: center;
        }

        .home-section-box-item,
        .home-section-box-item-selected {
            position: relative;
        }

        .widget-title-and-image {
            height: auto;
            display: block;
        }

        .notifications-mobile {
            display: none;
        }

        .notifications-desk {
            display: flex;
            position: absolute;
            top: 5px;
            left: 5px;
        }

        .home-section-inline .home-section-box-item img,
        .home-section-inline .home-section-box-item-selected img {
            max-height: 35px;
            margin-top: 0;
            margin-left: 10px;
            height: auto;
        }

        .home-section-box-item img,
        .home-section-box-item-selected img {
            height: auto;
            max-height: 55px;
        }
    }

    @media screen and (min-width: 992px) {

        .home-section-box {
            grid-auto-columns: minmax(0, 1fr);
            grid-auto-flow: column;
            grid-gap: 1.4%;
        }

        .otherDashboard .home-section-box {
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        }

        .account-menu.home-section-box,
        #WidgetMenu .home-section-box {
            margin-bottom: 1.4%;
            grid-gap: 1%;
        }

        .home-section-box-item h4,
        .home-section-box-item .h4,
        .home-section-box-item-selected h4,
        .home-section-box-item-selected .h4,
        .res-com-handout-btn h4 {
            font-size: 12px;
        }

        #HomePage .home-section-box-item img,
        #HomePage .home-section-box-item-selected img,
        .home-section-box-item img,
        .home-section-box-item-selected img {
            max-height: 45px;
        }

        .notifications-desk {
            top: -14px;
            left: 2px;
        }

        .home-section-inline .home-section-box {
            grid-gap: 1%;
            display: flex;
            flex-direction: row;
        }

        .handouts-menu-row .home-section-box-item {
            display: flex;
            align-items: center;
        }

        .home-section-inline .home-section-box-item,
        .home-section-inline .home-section-box-item-selected {
            width: auto;
        }

            .home-section-inline .home-section-box-item h4,
            .home-section-inline .home-section-box-item .h4,
            .home-section-inline .home-section-box-item-selected h4,
            .home-section-inline .home-section-box-item-selected .h4 {
                font-size: 16px;
            }

        .home-section-inline .widget-title-and-image {
            justify-content: flex-start;
        }
    }

    @media screen and (min-width: 1201px) {
        .home-section-box-item h4,
        .home-section-box-item .h4,
        .home-section-box-item-selected h4,
        .home-section-box-item-selected .h4,
        .res-com-handout-btn h4 {
            font-size: 14px;
        }
    }

    @media screen and (min-width: 1442px) {
        .homeownerDashboard .home-section-box {
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        }
    }

    @media screen and (min-width: 1600px) {
        .home-section-box-item,
        .home-section-box-item-selected,
        .home-section-inline .home-section-box-item,
        .home-section-inline .home-section-box-item-selected {
            padding: 10px;
        }

            .home-section-box-item h4,
            .home-section-box-item .h4,
            .home-section-box-item-selected h4,
            .home-section-box-item-selected .h4,
            .res-com-handout-btn h4,
            .home-section-inline .home-section-box-item h4,
            .home-section-inline .home-section-box-item .h4,
            .home-section-inline .home-section-box-item-selected h4,
            .home-section-inline .home-section-box-item-selected .h4 {
                font-size: 18px;
            }
    }
select, .form-control {
    border-color: rgba(51, 51, 51, .81) !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1 !important;
}

.h5Text {
    font-size: 14px;
    font-weight: 500;
}

.h4Text {
    font-size: 18px;
    font-weight: 500;
}

.ui-iggrid-filtercell .ui-iggrid-indicatorcontainer a:before {
    margin-left: 1em;
}
html, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body, .body {
    font-family: 'Segoe UI', 'Open Sans', Geneva, Verdana, sans-serif !important;
}
html {
    height: 100%;
}
body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto; /* position footer at the bottom of the page */
}

#header {
    background-color: rgb(3,60,90);
}

    #header a {
        color: white;
    }

    #header .navbar {
        margin-bottom: 0;
    }

#main {
    flex-grow: 1;
    background: url('/Images/HomePage/rbd-building.jpg') no-repeat center center fixed;
    background-size: cover;
}

/* Add visually hidden skip links */
body .skip-link:focus, body .skip-link:active {
    z-index: 9999 !important;
    width: auto !important;
    height: auto !important;
    /*font-size: 1rem;*/
    padding: 0.25rem;
}
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 20px;
}
    /* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
    .dl-horizontal dt {
        white-space: normal;
    }
.container {
    max-width: 100% !important;
}

/* Use classes instead of markup to style headings */
.h1,
.h2,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.h4,
.h5,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    margin-bottom: 10px;
}

.btn-success, .btn-primary, .btn-default {
    border-color: rgba(3,60,90,.5) !important;
    background-color: rgba(3,60,90,.8) !important;
    color: white !important;
    font-weight: 400;
    letter-spacing:1px;
}
    .btn-success:hover, .btn-primary:hover, .btn-default:hover {
        border-color: rgb(3,60,90) !important;
        background-color: white !important;
        color: rgba(3,60,90,.8) !important;
       
    }
.btn-danger {
   /* border-color: rgba(198, 18, 18,.7);
    background-color: rgba(198, 18, 18,.7) !important;*/
    color: white !important;
    /*font-weight: 400;
    letter-spacing: 1px;*/
}
   /* .btn-danger:hover {
        background-color: white !important;
        color: rgba(198, 18, 18,.7) !important;
    }*/

.btn-warning {
    color: black !important;
    border-color: #daa520;
    background-color: #daa520;
    font-weight: 400;
    letter-spacing: 1px;
}

    .btn-warning:hover {
        background-color: #3D3D3D !important;
        color: #daa520 !important;
    }

.btn-secondary {
    color: #fff !important;
    border-color: rgba(129,37,42,.5);
    background-color: rgba(129,37,42,.9);
    font-weight: 400;
    letter-spacing: 1px;
}
.btn-secondary:hover {
    background-color: white;
    border-color: rgb(129,37,42);
    color: rgba(129,37,42,.9) !important;
}

/* started needing this in a lot of places so made site wide */
.fa-triangle-exclamation { /* solid yellow triangle with black exclamation point */
    --fa-primary-color: #000000;
    --fa-secondary-color: #DAA520;
    --fa-secondary-opacity: 1; /* override default .4 opacity set by font awesome */
}

/* started needing this in a lot of places so made site wide */
.fa-octagon-exclamation {  /* solid red octagon with white exclamation point */
    --fa-primary-color: #FFFFFF;
    --fa-secondary-color: #DC3545;
    --fa-secondary-opacity: 1; /* override default .4 opacity set by font awesome */
}
.alert-success {
    color: black !important;
    background-color: rgba(12, 116, 36, 0.4);
}
.alert-success a {
    color: black !important;
    text-decoration: underline;
}
.alert-info {
    color: black;
    background-color: rgba(126, 198, 215,.4);
}
.alert-warning {
    color: black !important;
    background-color: rgba(224, 196, 66,.5);
}
.alert-warning a {
    color: #1F476B !important;
}
.alert-danger {
    color: black !important;
    background-color: rgba(198, 90, 90, 0.6);
}
.alert-danger a {
        color: black !important;
        text-decoration: underline;
}
.row-bottom{
    margin-bottom:1%;
}
.row.bs.narrow {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.row.narrow > div {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.contractor-input {
    width: 300px;
    display: inline-block;
    margin-right: 30px;
}

.hidden-input {
    display: none;
}
.side-menu-icon img{
    width:25px;
}
.responsive-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}
/* For accessibility, a line of text <= 80 characters is easier to read. 
   https://www.w3.org/WAI/tutorials/page-structure/styling/#line-length */
p.limit-line-length,
.limit-line-length p,
.limit-line-length li,
.limit-line-length label {
    max-width: 510px;
}
.limit-char-length {
    max-width: 80ch;
}
.success-notification {
    width: 25px;
    height: 25px;
    background-color: green;
    color: white;
    border-radius: 12.5px;
    text-align: center;
    padding-top: 1.5px;
    /*z-index: 10000;*/
    position: relative;
    /*left: 90%;
    top: -15%;*/
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
    /* figure out how to move the text down to vertical center */
}

.danger-notification {
    width: 25px;
    height: 25px;
    background-color: #DC3545;
    color: white;
    border-radius: 12.5px;
    /*z-index: 10000;*/
    position: relative;
    /*left: 90%;
    top: -15%;*/
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
    /* figure out how to move the text down to vertical center */
}
.warning-notification {
    width: 25px;
    height: 25px;
    background-color: #daa520;
    color: black;
    border-radius: 12.5px;
    /*z-index: 10000;*/
    position: relative;
    /*left: 90%;
    top: -15%;*/
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
    text-align: center;
    /* figure out how to move the text down to vertical center */
}
.success-notification {
    width: 25px;
    height: 25px;
    background-color: green;
    color: white;
    border-radius: 12.5px;
    /*z-index: 10000;*/
    position: relative;
    /*left: 90%;
    top: -15%;*/
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
    text-align: center;
    /* figure out how to move the text down to vertical center */
}
.address-popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(34,79,103,.7);
    text-align: center;
}
.address-popup .form-control {
    margin-left: auto;
    margin-right: auto;
}

#VarianceForm .address-search,
#addressControl .address-search {
    margin-left: 15px;
    margin-right: 15px;
}

.address-popup > div {
    width:50%;
    position:fixed;
    top:40%;
    left:25%;
    background-color:white;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
    border-radius: 5px;
}

.address-popup h4,
#paymentProcessorLabel {
    padding-top: 15px;
}

.address-popup .btn {
    margin: 15px 10px;
}

#street-name-message {
    display: block;
    text-align: left;
}

.popup-form {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    background-color: rgba(34,79,103,.7);
    text-align: center;
}

.popup-form > div {
    width: 40%;
    min-height: 60%;
    position: fixed;
    overflow:auto;
    top: 15%;
    left: 30%;
    background-color: white;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
    border-radius: 5px;
    max-height: 75vh;
}

.popup-confirm {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    background-color: rgba(34,79,103,.7);
    text-align: center;
}

.popup-confirm div:not(.h4) {
    width: 600px;
    min-height: 200px;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -300px;
    background-color: white;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
    border-radius: 5px;
}

.popup-confirm h4 {
    padding-top: 25px;
}

.popup-confirm p, .popup-confirm .btn {
    margin: 15px 10px;
}

.popup-confirm .btn {
    display: inline-block;
}

.loader-gif {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    background-color: rgba(34,79,103,.7);
    text-align: center;
}

.loader-gif h3 {
    color: white;
}

.menu-collapse-down, .menu-collapse-up {
    display: none;
}
.tab-details-group {
    background-color:rgb(128, 128, 128);
}
.tab-details-item {
    background-color: rgba(34,79,103,.4);
    float: left;
    letter-spacing: 2px;
    color: white;
    margin-right: 1%;
    cursor: pointer;
    width: 275px;
    padding: 14px 16px;
}
    .tab-details-item.active {
        background-color: rgba(34,79,103,.7);
        color:white;
    }
div.tab {
    overflow: hidden;
    background-color: #f1f1f1;
}
.tab-details-item:hover {
    background-color: #bfbfbf;
    color:black;
}

div.tab button.active {
    background-color: #ccc;
}

.tab-contents {
    display: none;
    padding: 6px 12px;
    /*border: 1px solid #ccc;*/
    border-top: none;
}

.field-validation-valid {
    display: none;
}

.ui-iggrid-filtereditor {
    font-size: 14px!important;
    padding: 2px!important;
}
.ui-iggrid-filterrow .ui-igedit-container {
    height: 100% !important;
}
#userMessage {
    background-color: #ffffff;
    opacity:1
}
.validation-summary-valid {
    display: none;
}

/* Add modal classes from newer versions of bootstrap */
@media (min-width: 992px)  {
    .modal-lg, .modal-xl {
        width: auto;
        max-width: 800px;
    }
}
@media(min-width: 1200px){
    .modal-xl {
        max-width: 1140px;
    }
}

/* Center blocking message */
#paymentProcessorPopup .blockElement {
    left: 50% !important;
    transform: translate(-50%, 0);
}

@media print{
    .home-background, .footer-text{
        display:none;
    }
}
@media screen and (max-width: 1800px){
    /*.danger-notification {
        left: 90%;
        top: -15%;*/
        /* figure out how to move the text down to vertical center */
    /*}

    .warning-notification {
        left: 90%;
        top: -15%;*/
        /* figure out how to move the text down to vertical center */
    /*}

    .success-notification {
        left: 90%;
        top: -15%;*/
        /* figure out how to move the text down to vertical center */
    /*}*/
    .popup-form > div {
        width: 50%;
        height: 60%;
        top: 15%;
        left: 25%;
    }
}
@media screen and (max-width: 1520px){
    /*.danger-notification {
        left: 88%;
        top: -12%;*/
        /* figure out how to move the text down to vertical center */
    /*}

    .warning-notification {
        left: 88%;
        top: -12%;*/
        /* figure out how to move the text down to vertical center */
    /*}

    .success-notification {
        left: 88%;
        top: -12%;*/
        /* figure out how to move the text down to vertical center */
    /*}*/
    .popup-form > div {
        width: 60%;
        height: 70%;
        top: 15%;
        left: 20%;
    }

    .address-popup > div {
        width: 70%;
        left: 15%;
    }
}
@media screen and (max-width: 1200px) {
    .tab-details-item {
        width: 220px;
        padding: 8px 8px;
        font-size:.8em;
    }

    .popup-form > div {
        width: 60%;
        height: 90%;
        top: 5%;
        left: 20%;
    }

    .address-popup > div {
        width: 80%;
        left: 10%;
        top: 20%;
    }

    /*.danger-notification {
        left: 88%;
        top: -12%;*/
        /* figure out how to move the text down to vertical center */
    /*}

    .warning-notification {
        left: 88%;
        top: -12%;*/
        /* figure out how to move the text down to vertical center */
    /*}
    .success-notification {
        left: 88%;
        top: -12%;*/
        /* figure out how to move the text down to vertical center */
    /*}*/
}
@media screen and (max-width: 991px) {
    .mobile-hide{
        display:none;
    }
    .quick-links-section a{
        font-size:1.5em;
    }
    .body-content {
        padding-top: 10px;
    }
    .tab-details-item {
        width: 100%;
        margin-right: 0px;
        border-bottom: 2px solid black;
        text-align: center;
        font-size:1.1em;
    }
    .popup-confirm div {
        width: 95%;
        position: fixed;
        top: 40%;
        height:250px;
        left: 2.5%;
        margin-left:0px;
        background-color: white;
        border: 2px solid grey;
        border-radius: 5px;
    }
    .address-popup > div {
        width: 40%;
        left: 30%;
    }
    .popup-form > div {
        width: 75%;
        height: 90%;
        top: 5%;
        left: 12.5%;
    }
    /*.danger-notification {
        left: 96%;
        top: -10%;*/
        /* figure out how to move the text down to vertical center */
    /*}

    .warning-notification {
        left: 96%;
        top: -10%;*/
        /* figure out how to move the text down to vertical center */
    /*}
    .success-notification {
        left: 96%;
        top: -10%;*/
        /* figure out how to move the text down to vertical center */
    /*}*/
}
@media screen and (max-width: 767px) {
    input,
    select,
    textarea {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .contractor-input {
        width: 100%;
    }

    .menu-collapse-down {
        display: inline-block;
    }

    .contractor-name-desktop {
        display: none;
    }

    .address-popup > div {
        width: 80%;
        left: 10%;
        top: 10%;
    }

    .popup-form > div {
        width: 95%;
        height: 90%;
        top: 5%;
        left: 2.5%;
    }

    /*.tab-details-item {
        width: 100%;
        margin-right: 0px;
        border-bottom: 2px solid black;
        text-align: center;
    }*/
    /*.danger-notification {
        left: 98%;
        top: -50%;*/
        /* figure out how to move the text down to vertical center */
    /*}

    .warning-notification {
        left: 98%;
        top: -50%;*/
        /* figure out how to move the text down to vertical center */
    /*}
    .success-notification {
        left: 98%;
        top: -50%;*/
        /* figure out how to move the text down to vertical center */
    /*}*/
}

@media screen and (max-width: 450px){
    .address-popup > div {
        height: 550px;
        overflow: auto;
        left: 5%;
        top: 5% !important;
    }
    #permitFeeRow > div {
        text-align:center!important;
    }
    #newPermitHeaderTitleAndLinks {
        text-align:center;
    }
    .address-popup .btn {
        float: none !important;
        margin: 2px !important;
    }

    .btn-sm, .btn-xs {
        font-size: 9px;
    }

    .address-popup h4 {
        padding-top: 0px;
        font-size: 11px;
    }

    .address-popup label {
        display: none;
    }
}

@media screen and (max-width: 370px){
    .address-popup > div {
        width: 90%;
        left: 5%;
        top: 5%!important;
    }
    .address-popup .btn {
        float: none !important;
        margin: 2px !important;
    }
    .btn-sm, .btn-xs {
        font-size: 9px;
    }

    .address-popup h4 {
        padding-top: 0px;
        font-size: 11px;
    }

    .address-popup label {
        display: none;
    }
}
@media screen and (max-width: 325px){
    .address-popup > div {
        height: 450px;
        overflow: auto;
        top: 5% !important;
    }
    .address-popup .btn {
        float: none !important;
        margin: 2px !important;
    }
    .btn-sm, .btn-xs {
        font-size: 9px;
    }
    .address-popup h4 {
        padding-top: 0px;
        font-size: 11px;
    }
    .address-popup label {
        display: none;
    }

}


.askRbd {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 261px;
    background-color: white;
    z-index: 99;
}

.askRbd-button {
    background: url('/Resources/HelpSprite.png');
    position: absolute;
    border: none;
    cursor: pointer;
    width: 261px;
    height: 26px;
    top: -25px;
    right: 0px;
}


.askRbd-text {
    padding: 15px 25px 25px 25px;
}

.hide-initial {
    display: none;
}

.ask-input {
    width: 100%;
    padding: 8px 10px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    max-width: 10000px;
}
@media print{
    .tooltip-help img{
        display:none;
    }
.tool-tip-mini{
    display:none;
}
}

@media only screen and (max-width: 767px) {

    .askRbd {
        display: none;
    }

    .askRbd-button {
        display: none;
    }

    .btn-need-help {
        position: fixed;
        bottom: 0;
        width: 100%;
        border-radius: 0 !important;
        z-index: 9999;
    }
    .btn-need-help-btn {
        background-color: rgb(122, 196, 212) !important;
        border-radius: 0;
    }
   

}

/*Required Inspections Table Search Start*/

#RIInput {
    background-image: url('/Images/FormIcons/RISearch.png');
    background-position: 10px 12px; 
    background-repeat: no-repeat; 
    width: 100%; 
    font-size: 16px; 
    padding: 12px 20px 12px 40px; 
    border: 1px solid #ddd; 
    margin-bottom: 12px; 
    border-radius:5px;
}



/*Required Inspections Table Search*/

/*Reports Module Search Start*/

.RE-Hover tr:hover {
    background-color: rgba(128, 128, 128, 0.47);
    background-color: rgba(128, 128, 128, 0.47);
}

#ReportsSearchInput {
    background-image: url('/Images/FormIcons/RISearch.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    border-radius: 5px;
}

/*Reports Module Search End*/

/*Receipt Details CSS Start*/
#receipt-print-button {
   
}

.RecDet-Ctr{
    text-align:center;
}
.RecDet-RT{
    text-align:right;
}
.UNAME{
    float:left;
}
.RNUM{
    float:right;
}
.Receipts-Logo {
    display: block;
    margin-left: auto;
    margin-right: auto;

}


/*Receipt Details CSS End*/

.table-hours {
    border: 2px solid #AAA;
    background-color: rgba(255, 255, 255, .7)
}
    .table-hours tr:nth-child(even) {
        /*background-color: rgb(219,237,225);*/
        background-color: rgb(218,218,218);
    }
.floatright {
    float: right;
}

.floatleft {
    float: left;
}
.floatclear{
    clear:both;
}
.margin-top-20{
    margin-top:20px;
}
.margin-bottom-80 {
    margin-bottom: 80px;
}

.floatright-left {
    float: right;
}
.floatleft-right {
    float: left;
}
.ui-widget{
    font-size:1.1em !important; 
}
.progress-display {
    background-size: cover;
    background-color: rgba(128, 128, 128, 0.47);
    position: fixed;
    width: 100%;
    bottom: 0px;
    height: 100%;
    z-index: 9999;
    font-weight: bold;
    text-align: center;
    font-size: larger;
    margin: 0px;
    padding: 0px;
}

.progressIcon {
    margin-left: auto;
    margin-right: auto;
}

.expiredDate {
    color: red;
    font-weight: bolder;
    height: 100%;
    width: 100%;
}
.cont-info {
    width: 48%;
    margin-right: 1%;
    float: left;
}
@media only screen and (max-width: 1100px) {
  
    #PlanTypes img {
        width: 30px;
        height: 30px;
    }
    .mid-hide{
        display:none;
    }
       
    .mid-hide {
        display: none;
    }

    .pdf-tables table {
        font-size: .7em;
    }

    .pdf-tables img {
        width: 30px;
        height: 30px;
    }

    .mid-hide {
        display: none;
    }

    .pdf-tables td:nth-child(4) {
        overflow-wrap: break-word;
        max-width: 100px;
    }

    .pdf-tables td:nth-child(3) {
        overflow-wrap: break-word;
        max-width: 150px;
    }
}
@media screen and (max-width: 991px) {
    .floatright-left, .floatleft-right {
        float: none;
    }
    .cont-info {
        width: 100%;
        margin-right: 0%;
        float: none;
    }
}

@media screen and (max-width: 767px) {
       
    .pdf-tables td:nth-child(4) {
        max-width: 100%;
    }

    .pdf-tables td:nth-child(3) {
        max-width: 100%;
    }
    .table-vert > tbody > tr > td {
        border-top: none;
        border-bottom: none;
        display: block;
        text-align: center;
    }

    .table-vert th {
        display: none;
    }

    .table-vert table {
        border-top: solid thin gray;
    }
    .table-contact > tbody > tr > td {
        border-top: none;
        border-bottom: none;
        display: block;
        text-align: center;
    }
    .table-contact > tbody > tr > th {
        border-top: none;
        border-bottom: none;
        display: block;
        text-align: center;
    }
    .table table-striped table-vert {
        border-top: 2px solid rgba(128, 128, 128, 0.47);
        background-color: rgba(218,218,218,.5);
    }

    .table-vert tr:nth-child(1) {
        border-top: 2px solid #AAA;
    }

    #PlanTypes td:before {
        word-break: normal;
    }
  
    /*Required Inspection Codes*/

}
.RI-Left{
    border-collapse:inherit;
}

.RI-Left td, .RI-Left th{
    text-align:center;
    /*width:20px;*/
}
.RI-Left tr > td:nth-child(1), .RI-Left tr > th:nth-child(1) {
    text-align: left;
    /*width: 10%;*/
}


.RI-Left tr:hover {
    background-color: rgba(128, 128, 128, 0.47);
}

@media (max-width: 720px) {
    .RI-Left {
        font-size: .8em;
    }
        .RI-Left td, .RI-Left tr, .RI-Left th{
            padding: 0px !important;
            margin: 0px !important;
        }
        .RI-Left > tbody > tr > td, .RI-Left > thead > tr > th, .RI-Left > tbody > tr {
            padding: 0px;
            margin: 0px;
        }
        .RI-Left > tbody {
            padding: 0px;
            margin: 0px;
        }
}

.feeTables table tr td {
    vertical-align: middle;
}

.fixed-fee-column td:last-child {
    width: 112px;
}

.other-fee-table td:nth-child(1) {
    vertical-align: top;
}

table tr td.fee-cell-indent {
    padding-left: 30px;
}

/* ---------------------------------------------------------------- */
/*                        Collapsible tables                        */
/* ---------------------------------------------------------------- */
/* Adapted from https://github.com/yesnoio/responsive-table
   To use, wrap a table in a div with one of the following classes:
     table-collapse-xs
     table-collapse-sm
   Be sure to include RBDTables.js on the page also.
*/
/* Hide cell labels by default */
.table-collapse-xs td .label,
.table-collapse-xs td .tlabel,
.table-collapse-sm td .label,
.table-collapse-sm td .tlabel {
    display: none;
    font-weight: bold;
}
@media screen and (max-width:575px) {
    /* Hide the table header */
    .table-collapse-xs thead {
        display: none;
    }
    /* Vertically stack the table elements */
    .table-collapse-xs tbody th,
    .table-collapse-xs tbody td {
        display: block;
    }
    /* Make all cell column span tags visible & change them from inline-block to block */
    .table-collapse-xs td > span {
        display: block;
    }
    /* Make all cell labels look like column headers  */
    .table-collapse-xs td .label,
    .table-collapse-xs td .tlabel {
        display: block;
    }
}
/* Repeat for other breakpoints */
@media screen and (max-width:767px) {
    .table-collapse-sm thead {
        display: none;
    }
    .table-collapse-sm tbody th,
    .table-collapse-sm tbody td {
        display: block;
    }
    .table-collapse-sm td > span {
        display: block;
    }
    .table-collapse-sm td .label,
    .table-collapse-sm td .tlabel {
        display: block;
    }
}
