/* Minification failed. Returning unminified contents.
(156,58): run-time error CSS1030: Expected identifier, found ','
(156,90): run-time error CSS1031: Expected selector, found ')'
(156,90): run-time error CSS1025: Expected comma or open brace, found ')'
(176,48): run-time error CSS1030: Expected identifier, found ','
(176,80): run-time error CSS1031: Expected selector, found ')'
(176,80): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*!
 * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 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:#fe632b}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#fe632b}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 #fe632b;-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-width{width: 80px;}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#fe632b;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:#fe632b!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)}
html {
    font-family: 'Roboto', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    letter-spacing: 0.07rem;
}

body {
    color: #000000;
    font: 10pt 'Roboto', sans-serif;
    background: none 0px 0px white;
    letter-spacing: 0.07rem;
    -ms-overflow-style: scrollbar; /* Scroll bar overwrites contents in IE */
    overflow-x: hidden; /* Hide horizontal scroll bar in the page (appears when learn more cards are animated) */
    margin: 0;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 3.6rem;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 3.0rem;
}

h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 2.4rem;
}

h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.8rem;
}

h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.4rem;
}

h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.2rem;
}

p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

blockquote {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-left: 2.5rem;
    color: #2d2d2d;
}

a {
    color: inherit;
}

ul {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
}

img {
    max-width: 100%;
}

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

td, th {
    padding: 0;
}

/* START: Screen Masking */
.screen-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: black;
    z-index: 10000000;
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.50; /* khtml, old safari */
    -moz-opacity: 0.50; /* mozilla, netscape */
    opacity: 0.50; /* fx, safari, opera */
}

#canvasloader-container {
    position: fixed;
    top: 50%;
    left: 50%;
}
/* END: Screen Masking */

/* Section: Navbar UI updates */
nav {
    box-shadow: 0 0 5px #646464;
    border: none;
}

.navbar-nav > li {
    margin: 5px 10px;
}

.navbar-default .navbar-nav > li:not(.lhi_findform_button, .lhi_surveymonkeybanner_button) > a,
.navbar-default .navbar-nav > li:not(.navbar-header-menu-active) > a {
    color: black;
    font-size: 1.2rem;
    padding: 10px;
    font-weight: 500;
    word-wrap: break-word;
}

li.has-submenu > a {
    text-align: right;
}

.navbar-default .navbar-nav li.has-submenu.open .dropdown-menu > li > a {
    color: #2d2d2d !important;
    background-color: white;
    outline: none;
    white-space: inherit;
}

.header-menu-item > li:not(.lhi_findform_button, .lhi_surveymonkeybanner_button):not(.disabled-nav-link) > a:hover,
.header-menu-item > li:not(.lhi_findform_button, .lhi_surveymonkeybanner_button):not(.disabled-nav-link) > a:focus,
.navbar-submenu li:not(.lhi_findform_button, .lhi_surveymonkeybanner_button) > a:hover,
.navbar-submenu li:not(.lhi_findform_button, .lhi_surveymonkeybanner_button) > a:focus,
.lhi-sub-navigation-container .sub-menu-container li > a:hover,
.lhi-sub-navigation-container .sub-menu-container li > a:focus {
    color: #fe632b !important;
    background-color: white;
    outline: none;
}

.navbar-default .lhi-navigation-header-one .navbar-nav > li {
    margin: 0 5px;
}

    .navbar-default .lhi-navigation-header-one .navbar-nav > li > a,
    .navbar-default .lhi-navigation-header-one .navbar-nav > li > .dropdown-menu > li > a {
        font-size: 1.2rem;
        outline: none;
    }

.navbar-header-menu-active > a :not(.lhi_Myanswer_button) {
    color: #fe632b !important;
    font-weight: 500;
    border-bottom: 5px #fe632b solid;
    padding-bottom: 5px !important;
}

.navbar-main-menu-active > a {
    color: #fe632b !important;
    font-weight: 500;
}

/* Logged-in user name */
.usernameText {
    padding: 5px 10px;
    color: black;
    font-size: 1.2rem;
    font-weight: 500;
}

    .usernameText .material-icons {
        color: #fe632b;
    }

    .usernameText .grid-icon-legend {
        margin-left: 0;
    }

/* Start: Navigation sub menu */

.navbar-submenu {
    position: fixed;
    max-width: 992px;
    min-width: 768px;
    margin-left: -10%;
    margin-top: 5px;
}

    .navbar-submenu li {
        float: left;
    }

.lhi-sub-navigation-container {
    max-height: 30px;
    margin-left: 0;
}

.sub-menu-container {
    max-width: 768px;
    margin: auto;
    float: none;
    display: inline-block;
    position: relative;
    top: -5px;
}

    .sub-menu-container > li {
        margin: 5px !important;
    }

        .sub-menu-container > li > a {
            padding: 5px !important;
        }

/* End: Navigation sub menu */
/* Section: Navbar UI updates */

.lhi-nav {
    background-image: none !important;
    background-color: white !important;
    box-shadow: 0 0 5px #646464 !important;
}

.removeUnderline {
    text-decoration: none;
}

a:hover, a:focus {
    color: inherit;
    text-decoration: none;
}

.overlay {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255, 0.5);
    overflow-y: hidden;
    transition: 0.5s;
    display: none;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 40%;
    margin-top: 10%;
    background-color: white;
    margin: auto;
    padding: 10px 40px;
    color: #2d2d2d;
    box-shadow: 5px 5px 5px #888888;
    border: 1px solid #d9d9d9;
}

.ddo-overlay {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
    display: none;
}

.ddo-overlay-content {
    position: relative;
    margin: 5% auto;
    padding: 10rem;
    color: #2d2d2d;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 750px;
}

.start-interview-overlay-content {
    position: relative;
    /* LHI-1804: Commented out */
    /*margin: 5% auto;*/
    padding: 10rem;
    color: #2d2d2d;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* LHI-1804: reduced the max height */
    max-height: 550px;
}

.overlay-content h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    margin-top: 1.0rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
}

.overlay-content p {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    margin-top: 1.0rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
}

.signup-content p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 2.4rem;
}


.overlay a:focus,
.overlay a:hover {
    text-decoration: none;
    color: black;
}

.overlay .closebtn,
.ddo-overlay .closebtn {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 2.6rem;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

.lhi_header {
    float: none;
    display: block;
    position: fixed;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    z-index: 1000;
    max-height: 40px !important;
    max-width: 1440px !important;
    background-color: #f7f7f7;
    z-index: 9999;
}

    .lhi_header a {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: .8rem;
        text-align: right;
        text-decoration: inherit;
        color: #2d2d2d;
        opacity: 1;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        transition: opacity .1s linear;
        transition-property: opacity;
        transition-duration: 0.1s;
        transition-timing-function: linear;
        transition-delay: initial;
        cursor: pointer;
    }

        .lhi_header a:hover .lhi_header a:focus {
            color: #39648b;
        }

.lhi_menu_logo {
    float: none;
    display: block;
    top: 3rem;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    position: fixed;
    z-index: 1000;
    max-height: 60px !important;
    box-shadow: 0 0 5px #f7f7f7;
}

.imagewidget {
    float: left;
    width: 160px;
    vertical-align: bottom;
    background-color: inherit;
    max-width: 160px;
    fill: white;
    line-height: 0;
}

.lhi_menu_contents {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.powered-banner {
    margin-top: 1rem;
    width: 200px;
}

.text-red {
    color: #de1e2c;
}

.bottom-padding-0 {
    padding-bottom: 0;
}

.bottom-padding-5 {
    padding-bottom: 5px;
}

.close-interview {
    padding: 0px 10px;
    background-color: #f7f7f7;
    text-align: right;
}

    .close-interview .closebtn {
        font-size: 2.6rem;
        font-weight: bold;
        cursor: pointer;
    }

.bg-welcome-section {
    background-color: #39648b;
}

.para-spacing {
    display: block;
    margin-bottom: 2rem;
}

/* Start: Forgot Password Section */

.fp_layout_innermost {
    width: 100%;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
    background-color: #39648b;
}

.fp_text {
    display: block;
    width: 55%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 1rem;
    max-width: 1440px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 2rem;
    text-align: justify;
    color: white;
    background-color: rgba(0,0,0,0);
}

    .fp_text h2 {
        font-size: 2.8rem !important;
        text-align: center;
        color: white;
    }

.fp_names_section {
    max-height: 200px;
    overflow-y: scroll;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
}

/* End: Forgot Password Section */

footer {
    float: none;
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 1rem 0;
    max-width: 1440px;
    color: black;
}

.footer-info-container {
    margin-top: 1.35em;
    margin-bottom: 1.35em;
    clear: left;
    max-width: inherit;
}

    .footer-info-container h5 {
        font-weight: bold;
    }

.footer-info-container_div {
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.4rem;
}

.footer-info-container p {
    font-size: 1.2rem;
    font-weight: 400;
}

.footer-links-container p {
    font-size: 1.4rem;
    font-weight: 400;
}

.footer-images-section {
    float: right;
    text-align: center;
}

    .footer-images-section a {
        display: inline-block;
        max-height: 54px;
        max-width: 25%;
        margin: 10px 5px;
        float: right;
        opacity: 1;
    }

        .footer-images-section a:hover .footer-images-section a:focus {
            transition: opacity .5s ease;
        }

    .footer-images-section .logo2 {
        margin: 0px 10px 5px;
    }

    .footer-images-section .logo3 {
        margin: 15px 0 10px 10px;
    }

    .footer-images-section a img {
        width: 100%;
        max-width: 100%;
    }

.hide-element {
    display: none !important;
}

.info-image-icons {
    width: 8.05%;
    margin: 10px;
}

.lhi-navigation-container {
    width: 100%;
    margin: 5px auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 0 6% 0 5%;
}

    .lhi-navigation-container .navbar-collapse {
        border: none;
    }

    .lhi-navigation-container .header-menu-item > li {
        border: 1px solid white;
    }

    .lhi-navigation-container li a {
        font-size: 1.4rem !important;
        font-weight: 500 !important;
    }

.lhi-navigation-header-one {
    width: 100%;
    background-color: #f7f7f7;
    padding: 0 7% 0 5%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.main-container {
    min-height: 400px;
    width: 100%;
    margin-top: 105px;
    padding-bottom: 3.2rem;
}

/* Use this class where ever we need a fixed margin in screen */
.sub-container {
    min-height: 500px;
    width: 80%;
    margin: 2.5rem auto auto auto;
}

#formHeaderLogin {
    padding: 10px 15px;
    position: absolute;
    background: white;
    color: #002b58;
    font-size: 12px;
    z-index: 1;
    box-shadow: 0 0 5px #646464;
    right: 0px;
    overflow: hidden;
    width: 250px;
}

.medium-info-text,
.medium-info-text:hover,
.medium-info-text:focus {
    color: #fe632b;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    float: right;
}

.small-info-text,
.small-info-text:hover,
.small-info-text:focus {
    color: #fe632b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    float: right;
}

.navbar-default .navbar-toggle {
    border: none;
}

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: white;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #3770ad !important;
    }


.lhiheader2 {
    color: #39648b;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: left;
}

.error {
    /*applied to avoid the contrast errors*/
    color: #ac0101;
}

.bg-orange {
    background-color: #fe632b;
}

.bg-green {
    background-color: #519f38;
}

.bg-green-1 {
    background-color: #519f38;
}

.bg-blue {
    background-color: #2faded;
}

.bg-blue-dark {
    background-color: #4a77a1;
}

.bg-blue-darker {
    background-color: #39648b;
}

.bg-green-dark {
    background-color: #21aa4a;
}

.bg-white {
    background-color: white;
}

.bg-red {
    background-color: #de1e2c;
}

.bg-blue-shade-1 {
    background-color: #0773b3;
}

.bg-grey {
    background-color: #d9d9d9;
}

.text-green {
    color: #519f38;
}

.text-grey {
    color: #aaaaaa;
}

.text-orange {
    color: #fe632b;
}

.text-blue {
    color: #2faded;
}

.text-blue-dark {
    color: #39648b;
}

.text-blue-darker {
    color: #4a77a1;
}
/* Start: Common button css region */

.lhi-common-button {
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    border: 0 solid #519f38 !important;
    display: inline-block;
    padding: 10px 20px;
    transition: transform .5s ease;
    opacity: 1;
    text-shadow: none;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
}

.common-white-button {
    float: none;
    display: block;
    margin-top: 1.5rem;
    margin-right: auto;
    margin-bottom: 4rem;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    width: 300px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: white;
    border: 2px solid #fff;
    border-radius: 4px;
    font-size: 1.5rem;
    cursor: pointer;
    transition: transform .5s ease;
    outline: none;
    cursor: pointer;
    background-color: inherit;
    letter-spacing: 0.07rem;
}

.common-orange-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: white;
    padding: 20px 30px;
    background-color: #fe632b;
    border: 1px solid #fe632b;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    transition: transform .5s ease;
    outline: none;
    cursor: pointer;
}

.common-blue-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: white;
    padding: 20px 30px;
    background-color: #2faded;
    border: 1px solid #2faded;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    transition: transform .5s ease;
    outline: none;
    cursor: pointer;
}

.common-blue-dark-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: white;
    padding: 20px 30px;
    background-color: #3770ad;
    border: 1px solid #3770ad;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    transition: transform .5s ease;
    outline: none;
    cursor: pointer;
}

.common-red-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: white;
    padding: 20px 30px;
    background-color: #de1e2c;
    border: 1px solid #de1e2c;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    transition: transform .5s ease;
    outline: none;
    cursor: pointer;
    display: inline-block;
}

.common-green-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: white;
    padding: 20px 30px;
    background-color: #519f38;
    border: 1px solid #519f38;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    transition: transform .5s ease;
    outline: none;
    cursor: pointer;
    display: inline-block;
}

.common-cancel-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    text-align: center;
    text-decoration: none;
    color: #2d2d2d;
    background-color: white;
    border: 1px solid #2d2d2d;
    display: inline-block;
    padding: 10px 20px;
    transition: transform .5s ease;
    opacity: 1;
    text-shadow: none;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
}

    .common-cancel-button:hover,
    .common-cancel-button:focus {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        text-decoration: none;
        color: #2d2d2d !important;
        text-shadow: none;
    }

.common-small-button {
    padding: 10px 15px !important;
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
}

.common-xs-button {
    padding: 6px 12px !important;
    font-size: 1.1rem !important;
    line-height: 1.2rem !important;
}

.lhi-common-button:hover,
.common-orange-button:hover,
.common-blue-button:hover,
.common-blue-dark-button:hover,
.common-red-button:hover,
.common-white-button:hover,
.learn-more-common-button:hover,
.account-info-common-button:hover,
.grid-panel-button:hover,
.lhi-interview-button:hover,
.common-green-button:hover,
.lhi-common-button:focus,
.common-orange-button:focus,
.common-blue-button:focus,
.common-blue-dark-button:focus,
.common-red-button:focus,
.common-white-button:focus,
.learn-more-common-button:focus,
.account-info-common-button:focus,
.grid-panel-button:focus,
.lhi-interview-button:focus,
.common-green-button:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    text-decoration: none;
    color: white !important;
    text-shadow: none;
}

.lhi-common-button:focus,
.lhi-common-button:visited,
.common-orange-button:focus,
.common-orange-button:visited,
.common-blue-button:focus,
.common-blue-button:visited,
.common-blue-dark-button:focus,
.common-blue-dark-button:visited,
.common-red-button:focus,
.common-red-button:visited,
.common-white-button:focus,
.common-white-button:visited,
.learn-more-common-button:focus,
.learn-more-common-button:visited,
.account-info-common-button:focus,
.account-info-common-button:visited,
.common-green-button:focus,
.common-green-button:visited {
    color: white !important;
}

/* Show disabled state for common buttons */
.lhi-common-button[disabled],
.common-orange-button[disabled],
.common-blue-button[disabled],
.common-blue-dark-button[disabled],
.common-red-button[disabled],
.common-white-button[disabled],
.learn-more-common-button[disabled],
.account-info-common-button[disabled],
.grid-panel-button[disabled],
.lhi-interview-button[disabled],
.common-green-button[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.close-btn {
    font-size: 2.5rem;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

/* End: Common button css region */

.warning-text {
    font-size: 15px;
    font-weight: bold;
    color: #c42b2b;
}

.show-cursor {
    cursor: pointer;
}

.show-as-link {
    cursor: pointer;
    text-decoration: underline;
    font-weight:700
}

    .show-as-link:hover,
    .show-as-link:focus {
        text-decoration: none;
    }

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

.login-panel {
    margin-top: 5%;
    padding: 3rem;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}

/* Section: Watch Video start */

.lhi_video_layout {
    width: 100%;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

.lhi_video_text {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 1rem;
    max-width: 1440px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1.8rem;
    text-align: justify;
    color: white;
    background-color: rgba(0,0,0,0);
}

    .lhi_video_text h1 {
        font-size: 3rem !important;
        text-align: center;
        color: white;
        font-weight: 900;
    }

.lhi_video_text-div {
    font-size: 3rem !important;
    text-align: center;
    color: white;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}


#watchVideoSection {
    padding: 10px 0;
}

    #watchVideoSection .closebtn {
        position: relative;
        right: 10px;
        top: -10px;
        font-family: inherit;
        font-size: 2.6rem;
        font-weight: bolder;
        float: right;
        cursor: pointer;
    }

.video-overlay {
    width: 60%;
    margin: 15px auto;
    max-width: 992px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 2.5rem 0;
    background-color: black;
}

.video-content {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 2.5rem 0;
    background-color: black;
}

#introVideoPlayer {
    width: 100%;
    height: 360px;
    border: 0;
}

/* Section: Watch Video end */

/* Section: Quick tips start */

.quick-tips-block {
    display: block;
    min-height: 250px;
    padding-left: 0;
    background-color: #2faded;
    background-position: center center;
    background-size: cover;
    position: relative;
    min-width: 30%;
    max-width: 100%;
    border-radius: 4px;
}

.quick-tips-block-contents {
    display: block;
    color: white !important;
    padding: 10px 35px;
}

    /*need to remove later*/
    .quick-tips-block-contents h4 {
        font-size: 1.8rem;
        font-weight: bold;
        color: white;
        margin-top: 1rem;
    }
        /*need to remove later*/
        .quick-tips-block-contents h4 img {
            margin-right: 4.5%;
        }

.quick-tips-block-contents-h4 {
    font-size: 1.8rem;
    font-weight: bold;
    color: white;
    margin-top: 1rem;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 1.25rem;
}

.quick-tips-block-contents div img {
    margin-right: 4.5%;
}

.quick-tips-block-contents p {
    font-size: 1.4rem;
    font-weight: normal;
    color: white;
    margin-top: 2.25rem;
}

.fr_text h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-align: left;
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    color: #39648b;
}

.fr-text-h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-align: left;
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    color: #39648b;
}

.fr-text-h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-align: left;
    font-size: 2.4rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    color: #39648b;
}

.fr_text h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 0;
    color: #2d2d2d;
}

.fr-text-h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 0;
    color: #2d2d2d;
}

.fr_text p {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: left;
    color: #2d2d2d;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.fr_blue_box {
    min-width: 30%;
    max-width: 800px;
    height: 275px;
    min-height: 4rem;
    padding: 30px;
    background-color: #2faded;
    border-radius: 4px;
}

.fr_text_white {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: white;
}

    .fr_text_white .fr-text p {
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        font-size: 1.8rem;
        text-align: left;
        color: #ffffff;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

/* Section: Quick tips end */

/* start - kendo grid styles */

.k-grid-header {
    background-color: rgb(216, 216, 216) !important;
    border-color: rgb(216, 216, 216) !important;
    padding-right: 0px !important;
}

    .k-grid-header .k-grid-header-wrap {
        border: none !important;
    }

    .k-grid-header .k-header {
        overflow: visible !important;
        white-space: normal !important;
    }

/* pager styles: to display all buttons and numbers in orange color, to position the pager to the center of the grid */

.k-pager-numbers .k-state-selected {
    border-color: #fe632b !important;
    border-radius: 0;
    box-shadow: none;
    color: #fe632b !important;
    background-color: #ffffff !important;
    border-width: 0 0 2px !important;
}

ul.k-pager-numbers > li > a.k-link {
    color: #fe632b !important;
    border: none !important;
}

.k-dropdown-wrap {
    border-color: #fe632b !important;
    background-color: #ffffff !important;
}

.k-pager-wrap > .k-link {
    border: none !important;
}

.k-grid .k-pager-wrap {
    text-align: center !important;
    padding-right: 1.4em !important;
    background-color: rgb(255, 255, 255);
    border: none;
}

    .k-grid .k-pager-wrap > .k-link:hover {
        color: #fe632b;
    }

    .k-grid .k-pager-wrap .items-count {
        padding: 0.5rem;
    }

.km-pane-wrapper .k-pager-wrap > .k-link {
    height: auto;
    width: auto;
}

.k-grid .k-pager-info {
    position: absolute !important;
    background-color: rgb(255, 255, 255);
}

#divFilters a,
.divFilters a {
    font-size: 1.2rem;
    font-weight: 500;
}

/* to display alternate rows in grey color and to remove color when hovered on a row */

.k-grid tr:not(.k-state-selected):hover {
    background: none;
    color: inherit;
}

.k-grid tr.k-alt:not(.k-state-selected):hover {
    background: #f4f1f4;
}

.k-grid .k-alt {
    background-color: #F4F4F4 !important;
}

/* css for header */

.k-header.k-grid-toolbar {
    background-color: transparent !important;
    border-color: transparent !important;
    margin: 0px 0px -13px !important;
}

.k-grouping-header {
    background-color: rgb(14, 144, 192) !important;
    border-color: rgb(14, 144, 192) !important;
    color: rgb(255, 255, 255) !important;
}

.k-header.k-with-icon {
    background-color: rgb(216, 216, 216) !important;
    border-color: rgb(216, 216, 216) rgb(255, 255, 255) rgb(216, 216, 216) rgb(216, 216, 216) !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

.k-button {
    background-color: transparent !important;
    border-color: transparent !important;
    color: rgb(254, 99, 43) !important;
    text-transform: none !important;
}

.k-grid {
    border-color: rgb(255, 255, 255) !important;
}

table[role='grid'] th {
    background-color: rgb(216, 216, 216) !important;
    border-color: rgb(216, 216, 216) rgb(255, 255, 255) rgb(216, 216, 216) rgb(216, 216, 216) !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

table[role='grid'] .k-link {
    color: rgb(0, 0, 0) !important;
    font-weight: bold !important;
}

.k-grid-content {
    border-bottom: 1px solid rgb(217, 217, 217) !important;
    min-height: 100px !important;
    overflow-y: auto !important;
}

.a-link {
    color: #fe632b;
    text-transform: none;
}

    .a-link:hover,
    .a-link:focus {
        color: #fe632b;
    }

.iconColumn {
    height: 22px;
    width: 22px;
}

a.orange-tooltip,
span.orange-tooltip {
    padding: 10px 0;
    outline: none;
}

div.k-animation-container {
    overflow: visible !important;
}

.popover-title .close {
    position: relative;
    bottom: 3px;
}

.tooltip-inner {
    background-color: #fe632b !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fe632b;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #fe632b;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fe632b;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #fe632b;
}


/*.orange-tooltip + .tooltip > .tooltip-inner {
    background-color: #fe632b;
}

.orange-tooltip + .tooltip > .tooltip-arrow {
    border-top-color: #fe632b;
}*/

.shareFormOverlay {
    padding: 5px 5px;
    border: 1px solid;
    padding: 5px 5px;
    border: 1px solid;
    color: #002b58;
    font-size: 12px;
    z-index: 1;
    box-shadow: 0 0 5px #646464;
    overflow: visible;
    width: 100%;
}

.deleteFormOverLay {
    padding: 5px 5px;
    border: 1px solid;
    color: #002b58;
    font-size: 12px;
    z-index: 1;
    box-shadow: 0 0 5px #646464;
    overflow: visible;
    width: 100%;
}

.emailOverlay {
    padding: 5px 5px;
    position: inherit;
    color: #002b58;
    font-size: 12px;
    z-index: 1;
    box-shadow: 0 0 5px #646464;
    right: 15px;
    overflow: visible;
    width: 100%;
}

.grid-panel-input {
    font-size: 1.4rem;
    color: #2d2d2d;
    border: 1px solid #2d2d2d;
    min-height: 30px;
    padding: 6px 12px !important;
    width: 85% !important;
    border-radius: 4px;
}

.grid-panel-span {
    position: relative;
    float: left;
    margin: 5px 0px;
}

.grid-panel-button {
    width: 75%;
    padding: 10px 20px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: white;
    background-color: #fe632b;
    border: 1px solid #fe632b;
    transition: transform .5s ease;
    outline: none;
    border-radius: 4px;
}

.custom-grid-panel {
    margin: 5px 0;
    padding: 0 15px;
    border: 1px solid;
    background: white;
    color: black;
}

    .custom-grid-panel .closebtn {
        position: relative;
        top: -15px;
        font-size: 20px;
        font-weight: bolder;
        float: right;
        cursor: pointer;
    }

    .custom-grid-panel p {
        font-size: 1.4rem;
    }

        .custom-grid-panel p a:not(.stop-share-link) {
            font-size: 1.3rem;
            color: #39648b;
            font-weight: 500;
        }

            .custom-grid-panel p a:not(.stop-share-link):hover,
            .custom-grid-panel p a:not(.stop-share-link):focus {
                text-decoration: underline;
                color: #2faded;
            }

    .custom-grid-panel a.stop-share-link {
        color: #4a77a1;
        text-decoration: underline;
        margin-left: 10px;
    }

.grid-link-text {
    color: #2faded;
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer;
}

    .grid-link-text:hover,
    .grid-link-text:focus,
    .grid-link-text:active {
        color: #4a77a1;
    }

.grid-link-blue {
    color: #39648b;
    font-size: 1.4rem;
    cursor: pointer;
    font-weight: bold;
}

    .grid-link-blue:hover,
    .grid-link-blue:focus,
    .grid-link-blue:active {
        color: #4a77a1;
    }

/* Updates for kendo grid filter text box */
.k-popup .k-textbox:hover,
.k-popup .k-picker-wrap.k-state-default.k-state-hover {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05) !important;
}

.k-popup .k-textbox:focus {
    border-color: #a8a8a8 !important;
}

/* Spacing after column checkbox in grid for column selector */
.k-animation-container li[role="menuitemcheckbox"] > .k-link > input[type="checkbox"] {
    margin-right: 10px;
}

/* Grid Icon legend */
.grid-icon-legend {
    vertical-align: super;
    margin-left: 5px;
}

.grid-icon-spacing {
    margin: 0 5px;
}

a.k-button:focus {
    box-shadow: none !important;
}

.filter-box {
    margin: 5px;
}

.k-grid-pager .k-icon {
    color: #fe632b;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    align-content: center;
}

/* LHI-1437: adding a border around the dropdown choices */
.k-animation-container .k-list-container.k-popup.k-group {
    border-color: #fe632b !important;
    -webkit-box-shadow: 1px 2px 2px 1px rgba(254,99,43,.2);
    box-shadow: 1px 2px 2px 1px rgba(254,99,43,.2);
}

/* Kendo search box design */
.kendo-search-box {
    background-color: #fff;
    background: 0 0;
    color: #444;
    border-color: #c5c5c5;
    line-height: 2.07142857em;
    text-indent: .8em;
    padding: .17857143em 0;
    border-radius: 2px;
    outline: 0;
    display: inline-block;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    position: relative;
    width: 12.4em;
    overflow: visible;
    min-height: 35px; /* LHI-1589 Updates */
}

    .kendo-search-box:focus {
        background-color: #fff;
        background-image: none;
        background-position: 50% 50%;
        border-color: #f5f5f5;
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
        box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    }

/* end - kendo grid styles */

/* start: Media queries */

@media(min-width: 1300px) {
    .interview-info-container #formAULogin .form-custom-inputs {
        width: 100%;
    }
}

@media (min-width: 992px) {
    /* Updated for log-off popup */
    .modal-lg {
        width: 900px;
    }

    .info-content-connectpoint p {
        margin-top: 0px;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .main-container {
        min-height: 500px;
        width: 100%;
        margin: auto;
        margin-top: 115px;
    }

    .sub-container {
        min-height: 500px;
        width: 90%;
        margin: 1.5rem auto auto auto;
    }

    .video-overlay {
        width: 70%;
    }

    #signUpPanel {
        width: 80%;
    }

    .overlay-content {
        position: relative;
        top: 25%;
        width: 70%;
        margin-top: 10%;
        background-color: white;
        margin: auto;
        padding: 10px 40px;
        color: black;
    }

    .navbar-submenu {
        position: fixed;
        max-width: 992px;
        min-width: 0;
        left: 20%;
        margin-left: 0;
    }

    .quick-tips-block {
        width: 75%;
    }

    .fp_text {
        width: 65%;
    }

    .lhi_findform_section_inner {
        width: 70% !important;
    }

    /* Updated for log-off popup */
    .modal-lg {
        width: 600px;
    }

    .info-content-connectpoint p {
        margin-top: 0px;
    }
}

@media (min-width: 768px) {
    .k-grid .k-pager-wrap > .k-link,
    .k-grid .k-pager-wrap > .k-pager-numbers {
        display: inline-block !important;
        float: none !important;
        margin: 0 .2em !important;
        position: static !important;
        color: #fe632b !important;
    }

    .lhi-navigation-container li.has-submenu.dropdown:not(.open-menu):hover,
    .lhi-navigation-container li.has-submenu.open:not(.open-menu) {
        border: 1px solid #2d2d2d;
        border-bottom: 1px solid white;
        z-index: 1500;
        color: #fe632b !important;
    }

        .lhi-navigation-container li.has-submenu:not(.open-menu):hover a,
        .lhi-navigation-container li.has-submenu.open:not(.open-menu) a {
            color: #fe632b !important;
            border-bottom: none;
            padding-bottom: 10px !important;
            background-color: white;
        }

            .lhi-navigation-container li.has-submenu:not(.open-menu):hover a + .nav-menu-design,
            .lhi-navigation-container li.has-submenu.open:not(.open-menu) a + .nav-menu-design {
                display: block;
            }


    .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .collapse {
        display: block !important;
        position: relative;
        max-width: none;
        min-width: inherit;
        margin-left: -1px;
        margin-top: 0;
    }

        .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .collapse:before {
            content: "";
            position: absolute;
            left: 1px;
            width: 99%;
            border-bottom: 1px solid white;
            z-index: 1500;
        }

        .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .collapse ul.nav {
            border: 1px solid #2d2d2d;
            padding: 10px;
            position: absolute;
            z-index: 1000;
            min-width: 175px;
            padding: 5px 0;
            list-style: none;
            background-color: #fff;
        }

            .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .collapse ul.nav > li {
                margin: 5px 10px;
            }

                .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .collapse ul.nav > li.navbar-main-menu-active > a {
                    background-color: inherit;
                    background-image: none;
                    border-bottom: 3px solid #fe632b !important;
                }

                .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .collapse ul.nav > li > a {
                    color: #fe632b !important;
                    padding: 3px 10px 0px;
                    font-weight: 400 !important;
                    border-bottom: 3px solid white;
                }

                    .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .collapse ul.nav > li > a:hover,
                    .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .collapse ul.nav > li > a:focus {
                        background-color: inherit;
                        background-image: none;
                        border-bottom: 3px solid #fe632b !important;
                    }


    .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .dropdown-menu,
    .lhi-navigation-container li.has-submenu.open:not(.open-menu) > .dropdown-menu {
        display: block !important;
        left: 0;
        border: 1px solid #2d2d2d;
        margin-left: -1px;
        border-radius: 0;
        box-shadow: none;
        width: 150%;
    }

        .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .dropdown-menu > li,
        .lhi-navigation-container li.has-submenu.open:not(.open-menu) > .dropdown-menu > li {
            margin: 5px 10px;
        }

            .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .dropdown-menu > li.navbar-main-menu-active > a,
            .lhi-navigation-container li.has-submenu.open:not(.open-menu) > .dropdown-menu > li.navbar-main-menu-active > a {
                background-color: inherit;
                background-image: none;
                border-bottom: 3px solid #fe632b !important;
            }

            .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .dropdown-menu > li > a,
            .lhi-navigation-container li.has-submenu.open:not(.open-menu) > .dropdown-menu > li > a {
                color: #fe632b !important;
                padding: 3px 10px 0px;
                font-weight: 400 !important;
                border-bottom: 3px solid white;
                background-color: white;
                background-image: none;
                white-space: normal;
            }

                .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .dropdown-menu > li > a:hover, .lhi-navigation-container li.has-submenu:not(.open-menu):hover > .dropdown-menu > li > a:focus,
                .lhi-navigation-container li.has-submenu.open:not(.open-menu) > .dropdown-menu > li > a:hover, .lhi-navigation-container li.has-submenu.open:not(.open-menu) > .dropdown-menu > li > a:focus {
                    background-color: inherit;
                    background-image: none;
                    border-bottom: 3px solid #fe632b !important;
                }

    .nav-menu-design {
        border-bottom: 1px solid white;
        width: 100%;
        position: absolute;
        z-index: 2000;
        display: none;
    }

    .label-card-view {
        margin: 0px 2% !important;
    }
}

@media (max-width: 767px) {
    .lhi-navigation-container {
        text-align: center;
        margin: 0;
    }

    .lhi-navigation-header-one {
        background-color: #f7f7f7;
        width: 100%;
        padding: 0;
    }

        .lhi-navigation-header-one .header-menu {
            text-align: center;
        }

    .main-container {
        min-height: 500px;
        width: 100%;
        margin-top: 75px;
    }

    .sub-container {
        min-height: 500px;
        width: 95%;
        margin: 1rem auto auto auto;
    }

    .navbar-submenu {
        position: relative !important;
        margin-left: 0;
        width: 100%;
        max-width: 992px;
        padding: 0;
        min-height: 0;
        margin: 0;
        min-width: 0px;
    }

        .navbar-submenu li {
            float: none;
        }

    .navbar-default .navbar-nav > li.has-submenu > a {
        text-align: center;
    }

    .navbar-default .navbar-nav > li.has-submenu.dropdown.open > a {
        color: #fe632b !important;
        background-color: white !important;
    }

    .navbar-default .navbar-nav > li.has-submenu.dropdown.navbar-header-menu-active.open > a {
        color: #fe632b !important;
        background-color: white !important;
        border-bottom: 5px #fe632b solid;
        padding-bottom: 5px !important;
    }

    .navbar-default .navbar-nav > li.has-submenu.dropdown.navbar-header-menu-active.open .dropdown-menu > li.navbar-main-menu-active a {
        color: #fe632b !important;
    }

    .navbar-header-menu-active {
        border-bottom: none;
    }

    .imagewidget {
        margin: 10px 25px 10px;
    }

    #formHeaderLogin {
        padding: 10px 30px;
        position: relative;
        background: white;
        color: #002b58;
        font-size: 12px;
        z-index: 1;
        box-shadow: none;
        overflow: hidden;
        width: auto;
    }

    .video-overlay {
        width: 90%;
    }

    .lhi_video_text {
        width: 80%;
    }

    #signUpPanel {
        width: 90% !important;
    }

    .overlay-content {
        position: relative;
        top: 25%;
        width: 90%;
        margin-top: 10%;
        background-color: white;
        margin: auto;
        padding: 10px 40px;
        color: black;
    }

    /* Footer design in mobile view */
    .footer-links-container,
    .footer-info-container {
        text-align: center;
    }

    .footer-images-section a {
        display: inline;
        max-height: 54px;
        max-width: 75%;
        float: none;
    }

        .footer-images-section a img {
            width: 60%;
            max-width: 60%;
        }

    .interview-info-container .step-wise-info {
        margin-top: 1.6rem;
    }


    /* Set full width for input controls and info containers in Mobile view */
    .interview-info-container #formAULogin .form-custom-inputs,
    #dvAcceptTerms input[type=text],
    .adjustmarginContainer {
        width: 100% !important;
    }

    .ddo-custom-button {
        min-height: 105px;
    }

    .checkbox-custom-label {
        padding-left: 10%;
        margin-top: -8%;
    }

    .learn-more-section .banner {
        flex-direction: column;
    }

    .fp_text {
        width: 80%;
    }

    .lhi_findform_section_inner {
        width: 80% !important;
    }

    .km-pane-wrapper {
        min-height: 150px;
        position: relative !important;
    }

        .km-pane-wrapper .k-grid-content {
            overflow-y: scroll !important;
        }

    .powered-banner {
        margin: auto !important;
    }

    .support-button-alignment-mobile {
        margin-top: 1rem;
    }

    .input-alignment-mobile {
        margin-bottom: 1rem;
    }

    .ddo-overlay-content,
    .start-interview-overlay-content {
        max-height: 480px;
        padding: 1rem;
    }

    .k-grid .k-pager-wrap > a.k-link,
    .k-grid .k-pager-wrap > .k-pager-numbers {
        display: inline-block !important;
        float: none !important;
        color: #fe632b !important;
    }

    .km-pane-wrapper .k-pager-wrap > .k-link {
        height: auto !important;
        width: auto !important;
    }

    .k-grid .k-pager-wrap {
        background-color: rgb(255, 255, 255);
        border: none;
    }

    .k-edge .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes, .k-webkit .k-pager-sizes {
        display: inline-block !important;
    }

    /* Updates for icon legend alignment in mobile view */
    .gridRightMarginTablet {
        margin-right: 0px !important;
    }

    .grid-panel-button {
        width: 85% !important;
    }

    /* Updates for Card view in start interview screen (Mobile view) */
    .label-card-view {
        padding: 3rem 4rem !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
        width: 96% !important;
    }

    .content-alignment,
    .sub-content-alignment {
        width: 80% !important;
    }

    /* Close button design for Sign Up panel in mobile view  */
    #signUpPanel .closebtn {
        right: -15px !important;
    }

    /* Close button design for Video section panel in mobile view  */
    #watchVideoSection .closebtn {
        right: 0px !important;
    }
}

/* end: Media queries */

/* Find Form Section Start Here */

.lhi_findform_button a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: white !important;
    background-color: #fe632b !important;
    border: 0 solid #fe632b !important;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    display: inline-block !important;
    padding: 10px 20px !important;
    transition: transform .5s ease;
    opacity: 1;
    text-shadow: none;
}

.lhi_findform_button li {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-decoration: inherit;
    color: white;
    background-color: #fe632b;
    border: 0 solid #fe632b;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    display: inline-block;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    transition: transform .5s ease;
}

.lhi_findformsearch_button a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: white !important;
    background-color: #fe632b !important;
    border: 0 solid #fe632b !important;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    display: inline-block !important;
    padding: 9px 20px !important;
    transition: transform .5s ease;
    opacity: 1;
    margin: 10px 20px 15px;
    text-shadow: none;
    width: 320px;
}

.lhi_findform_button a:hover,
.lhi_findform_button a:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    background-color: #fe632b !important;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: white !important;
    background-color: #fe632b !important;
    text-shadow: none;
}

/*search*/
.lhi_findformsearch_button a:hover,
.lhi_findformsearch_button a:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    background-color: #fe632b !important;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: white !important;
    background-color: #fe632b !important;
    text-shadow: none;
}

.lhi_findform_button li {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-decoration: inherit;
    color: white;
    background-color: #fe632b;
    border: 0 solid #fe632b;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    display: inline-block;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    transition: transform .5s ease;
}

.lhi_findform_innermost h2 {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #39648b;
    font-size: 3rem;
    font-weight: 600;
}

.lhi_findform_innermost-div {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #39648b;
    font-size: 3rem;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}

.lhi_findform_innermost p {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1.4rem;
    color: rgba(0,0,0,0.8);
    text-align: left;
}

.lhi_findform_section {
    float: none;
    display: block;
    padding-top: 0rem;
    padding-bottom: 0;
    background-color: white;
}

.lhi_findform_section_inner {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1rem;
    padding-bottom: 0rem;
    max-width: 1440px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.4rem;
    color: white;
    background-color: rgba(0,0,0,0);
}

.lhi_map_section {
    float: none;
    display: block;
    width: 80%;
    vertical-align: top;
    margin-right: auto;
    margin-left: auto;
    padding-top: 3rem;
    padding-bottom: 2rem;
    max-width: 1440px;
}

.lhi_map_section_inner {
    margin-top: 0rem;
    margin-right: 5.5%;
    margin-bottom: 0rem;
    margin-left: auto;
    width: 72%;
    clear: left;
    max-width: inherit;
    float: left;
}

.lhi_map_section_innermost {
    float: none;
    display: block;
    -webkit-align-items: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    min-height: auto;
}

.lhi_usertype_state_section {
    margin-top: 6rem;
    width: auto;
    clear: none;
    max-width: inherit;
}

.lhi_usertype_state_dropdown {
    width: 100%;
    margin-right: auto;
    margin-left: 0.2rem;
    border: 1px solid black;
    min-height: 1rem;
    max-width: 349px;
    border-radius: 4px;
}

.lhi_searchsection_button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: white !important;
    background-color: #fe632b !important;
    border: 0 solid #fe632b !important;
    border-radius: 4px !important;
    box-shadow: 0 0 2px #959595;
    display: inline-block;
    padding: 10px 20px !important;
    transition: transform .5s ease;
    opacity: 1;
    margin: 15px 0px;
    cursor: pointer;
}

    .lhi_searchsection_button button:hover,
    .lhi_searchsection_button button:focus {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        background-color: #fe632b !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        color: white !important;
        background-color: #fe632b !important;
    }

.lhi_searchsection_width {
    width: 300px;
}

.lhi_searchsectionbutton_width {
    width: 303px;
}

.lhi_searchsection_textAlign {
    text-align: left;
    border-color: black;
}

.lhi_searchsection_paragraph {
    float: none;
    display: block;
    color: black;
    font-style: italic;
}

    .lhi_searchsection_paragraph p {
        font-size: 1.3rem;
        font-weight: 400;
    }

/*search*/
.lhi_findformsearch_button a {
    width: 100%;
    margin: 10px 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 20px 20px !important;
}

div#pop-up {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 2px solid #bbb;
    border-radius: 10px;
    padding: 5px;
    opacity: .99;
    border-collapse: separate;
    margin-bottom: 0 !important;
    vertical-align: top;
}

.forms-section {
    padding: 2rem 0 4rem 0;
}

/* Find Form Section End Here */

/* Start: Create Account Section */

#signUpPanel {
    width: 70%;
    margin: auto;
}

    #signUpPanel .closebtn {
        position: relative;
        right: -30px;
        font-size: 2.6rem;
        font-weight: bolder;
        float: right;
        cursor: pointer;
    }

.form-custom-inputs {
    font-size: 1.5rem;
    color: #2d2d2d;
    padding: 6px 30px 6px 12px;
    border: 1px solid #2d2d2d;
    min-height: 60px;
}

    .form-custom-inputs:focus {
        border-color: #2d2d2d;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(99,180,0, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(99,180,0, 0.6);
    }

    .form-custom-inputs[disabled], .form-custom-inputs[readonly], fieldset[disabled] .form-custom-inputs,
    .account-info-custom-inputs[disabled], .account-info-custom-inputs[readonly], fieldset[disabled] .account-info-custom-inputs {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }

    /* Hide default arrow in mutliselect button (jQuery UI multiselect) */
    .form-custom-inputs.ui-multiselect span.ui-icon {
        background: none;
    }

select.form-custom-inputs:not([multiple]),
button.form-custom-inputs,
select.account-info-custom-inputs:not([multiple]), /* Common Styles for form inputs both generic and account info */
button.account-info-custom-inputs {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/Content/images/ic_expand_more_black_36dp_1x.png') right no-repeat;
    -webkit-appearance: none;
}

    select.form-custom-inputs:not([multiple])::-ms-expand, /* Common Styles for form inputs both generic and account info */
    select.account-info-custom-inputs:not([multiple])::-ms-expand {
        display: none; /* remove default arrow in IE 10 and 11 */
        background: url('/Content/images/ic_expand_more_black_36dp_1x.png') right no-repeat;
        -webkit-appearance: none;
    }

    select.form-custom-inputs:not([multiple])[disabled], /* Common Styles for form inputs both generic and account info */
    button.form-custom-inputs[disabled],
    select.account-info-custom-inputs:not([multiple])[disabled],
    button.account-info-custom-inputs[disabled] {
        cursor: not-allowed;
        background: #eee url('/Content/images/ic_expand_more_black_36dp_1x.png') right no-repeat;
        opacity: 1;
    }

.create-account-section {
    padding-top: 5rem;
    padding-bottom: 8rem;
    background-color: #3770ad;
    color: white;
}

    .create-account-section a {
        text-decoration: underline;
        color: inherit;
    }

        .create-account-section a:hover,
        .create-account-section a:focus {
            text-decoration: none;
        }

    .create-account-section h2 {
        color: white !important;
        font-size: 3rem;
        text-align: center;
        font-weight: 600;
    }

.create-account-section-div {
    color: white !important;
    font-size: 3rem;
    text-align: center;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}

.create-account-section h4 {
    color: white !important;
    margin-top: 1.5rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: normal;
}

.create-account-section-div-subtitle {
    color: white !important;
    margin-top: 1.5rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 1.25rem;
}

.create-account-section p {
    color: white;
}

.create-account-section .info-blocks-section {
    float: none;
    display: block;
    width: 85%;
    margin-top: 2.5rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}

.create-account-section .info-blocks {
    margin: 1.5rem 1.3%;
    clear: left;
    max-width: inherit;
    text-align: center;
}

    .create-account-section .info-blocks p {
        text-align: center;
        font-size: 1.4rem;
        font-weight: normal;
    }

.create-account-section .common-white-button {
    margin-top: 5rem;
    margin-bottom: 0rem;
}

.bg-account-section {
    background-color: #3770ad;
}

/* End: Create Account Section */

/* Start - design layout 29th Aug 2017*/
.lhi-submenu {
    background-color: #f7f7f7;
}

.lhi-header-navigation-wrapper {
    width: 100%;
    background-color: #f7f7f7;
}

/* End - design layout 29th Aug 2017*/

/* Start: Learn more section */

.learn-more-section {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    min-height: 12rem;
    text-align: center;
}

.banner {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}

.learn-more-title {
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    width: auto;
}

    .learn-more-title h2 {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        color: #39648b;
        font-size: 3rem;
        font-weight: 600;
    }

    .learn-more-title p {
        font-family: 'Roboto', sans-serif;
        font-size: 1.4rem;
        font-weight: normal;
        color: rgba(0,0,0,0.8);
        text-align: left;
    }

.learn-more-title_div {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #39648b;
    font-size: 3rem;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}

.learn-more-block {
    display: block;
    padding: 4.8rem 0;
    text-align: center;
    color: white;
    font-family: 'Roboto', sans-serif;
}

.learn-more-block-content {
    float: none;
    display: block;
    width: 80%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: .8rem;
    margin-left: auto;
    max-width: 600px;
}

.learn-more-block-sh {
    background-color: #ef6534;
}

.learn-more-block-adv {
    background-color: #0e91c1;
}

/* JIRA: LHI-1419 updates */
.learn-more-block-org {
    background-color: #519f38;
}

/* JIRA: LHI-1419 updates */
.learn-more-block-contributor {
    background-color: #0773b3;
}

.learn-more-common-button {
    float: none;
    display: block;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: white;
    border: 2px solid #fff;
    border-radius: 4px;
    font-size: 1.5rem;
    font-weight: 500;
    cursor: pointer;
    margin: auto;
    clear: left;
    max-width: inherit;
    width: 80%;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    outline: none;
    position: absolute;
    bottom: 4.8rem;
    left: 10%;
}

.learn-more-block-content h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    color: inherit;
    margin-top: 0rem;
}

.learn-more-block-content_header {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    color: inherit;
    margin-top: 0rem;
    margin-bottom: 1.25rem;
    line-height: 1.1;
    box-sizing: border-box;
    display: block;
}

.learn-more-block-content_description {
    font-family: 'Roboto', sans-serif;
    color: inherit;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    line-height: 1.1;
    box-sizing: border-box;
    display: block;
}


.learn-more-block-content h4,
.learn-more-block-content p {
    font-family: 'Roboto', sans-serif;
    color: inherit;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
}

.learn-more-buttons {
    display: block;
    min-height: 65px;
}

/* End: Learn more section */

/* Start: Profile page section */

.account-info-header {
    color: #fe632b;
}

.account-info-custom-inputs {
    border: 3px #4a77a1 solid;
    min-height: 55px;
    border-radius: 4px;
    padding: 6px 30px 6px 15px;
    font-size: 1.6rem;
}

select.account-info-custom-inputs:not([multiple]),
button.account-info-custom-inputs {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/Content/images/ic_expand_more_black_36dp_1x.png') right no-repeat;
    -webkit-appearance: none;
}

    select.account-info-custom-inputs:not([multiple])::-ms-expand {
        display: none; /* remove default arrow in IE 10 and 11 */
        background: url('/Content/images/ic_expand_more_black_36dp_1x.png') right no-repeat;
        -webkit-appearance: none;
    }

.account-info-custom-inputs:focus {
    border-color: #4a77a1;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(47, 173, 237, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(47, 173, 237, 0.6);
}

.account-info-common-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    color: white;
    border: none;
    display: inline;
    padding: 13px 20px !important;
    text-shadow: none;
    outline: none;
    border-radius: 4px;
}

    .account-info-common-button:hover,
    .account-info-common-button:focus {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        text-decoration: none;
        color: white !important;
        text-shadow: none;
    }

.lhi-form p.medium-info-text {
    text-align: center;
    float: none;
}

/* LHI-1550: Commented out as per requirement */
/*
.form-input-icons-left {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 15px;
    left: 3rem;
}

    .form-input-icons-left + .account-info-custom-inputs,
    .form-input-icons-left ~ button.account-info-custom-inputs {
        padding-left: 4em;
    }

.form-input-icons-right {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 15px;
    right: 3rem;
    cursor: pointer;
}

    .form-input-icons-right + .account-info-custom-inputs {
        padding-right: 4em;
    }

.form-input-icons-left.name-icon {
    left: 5rem;
}

.input-name-icon {
    top: 23px;
}
*/

.icon-bg-grey {
    color: #d9d9d9;
}

#accountinfoform .control-label {
    font-size: 1.6rem;
    font-weight: 500;
}

/* End: Profile page section */

/* Start: Interview info section */

.interview-info-container {
    padding-top: 1.8rem;
}
    /*need to remove later*/
    .interview-info-container h3 {
        font-family: "Roboto", sans-serif;
        font-size: 2.2rem;
        margin-top: 0;
    }

.common-interview-info-container-h3 {
    font-family: "Roboto", sans-serif;
    font-size: 2.2rem;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
}

.common-h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.8rem;
}

/*need to remove later*/
.interview-info-container h5 {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: left;
    margin-top: .5rem;
    margin-bottom: .25rem;
}

.common-interview-info-container-h5 {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: left;
    margin-top: .5rem;
    margin-bottom: .25rem;
    font-family: 'Roboto', sans-serif;
    color: #2d2d2d;
}


/*need to remove later*/
.interview-info-container h6 {
    font-size: 1.4rem;
    color: #2d2d2d;
    width: 90%;
    margin: 0.5rem auto;
}

.common-interview-info-container-h6 {
    font-size: 1.4rem;
    color: #2d2d2d;
    width: 90%;
    margin: 0.5rem auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.interview-info-container .info-section p {
    font-size: 1.4rem;
}

.interview-info-container .info-section h4 {
    margin-top: 0;
}

.interview-info-container #formAULogin .common-orange-button {
    width: auto;
}

.interview-info-container #formAULogin .form-custom-inputs {
    padding: 6px 12px;
    width: 115%;
}

.interview-info-container .step-wise-info p:not(.error) {
    font-size: 1.4rem;
    margin-top: 0;
}

.label-card-view {
    padding: 3rem 6rem;
    color: white;
    border-radius: 4px;
    width: 46%;
    display: inline-flex;
}

.interview-container-margins {
    margin-top: 40px;
    margin-bottom: 40px;
}

/* End: Interview info section */

/* Start: Custom checkbox css */

.checkbox-custom {
    display: inline-block;
    opacity: 0;
    margin: 0 !important;
}

.checkbox-custom-label {
    display: block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: left;
    padding-left: 3rem;
    margin-top: -20px;
    margin-bottom: 10px;
    position: relative;
}

.checkbox-custom ~ label.checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #2d2d2d;
    display: inline-block;
    vertical-align: middle;
    width: 20.5px;
    height: 20.5px;
    margin-right: 10px;
    left: 0;
    position: absolute;
}

.checkbox-custom[disabled] ~ label.checkbox-custom-label,
.checkbox-custom[disabled] ~ label.checkbox-custom-label:before {
    cursor: not-allowed;
    opacity: 0.7;
}

.checkbox-custom:checked ~ label.checkbox-custom-label:after {
    content: '';
    position: absolute;
    left: 4px;
    background: #000000;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #000000, 4px 0 0 #000000, 4px -2px 0 #000000, 4px -4px 0 #000000, 4px -6px 0 #000000, 4px -8px 0 #000000, 4px -10px 0 #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
}

/* End: Custom checkbox css */


/* End: Custom Radio button css */

.custom-radio-button,
.custom-radio-button-grid {
    display: inline-block;
    opacity: 0;
    margin: 0 !important;
}

    .custom-radio-button + label {
        padding-left: 10px;
        position: relative;
        cursor: pointer;
    }

        .custom-radio-button + label:before {
            content: '';
            position: absolute;
            width: 22px;
            height: 22px;
            display: inline-block;
            left: -20px;
            top: -3px;
        }

    .custom-radio-button:checked + label:before,
    .custom-radio-button-grid:checked + label:before {
        background-image: url('/Content/images/ic_radio_button_checked_black_24dp_1x.png');
    }

    .custom-radio-button:not(:checked) + label:before,
    .custom-radio-button-grid:not(:checked) + label:before {
        background-image: url('/Content/images/ic_radio_button_unchecked_black_24dp_1x.png');
    }

    .custom-radio-button-grid + label {
        position: relative;
        cursor: pointer;
    }

        .custom-radio-button-grid + label:before {
            content: '';
            position: absolute;
            width: 22px;
            height: 22px;
            display: inline-block;
            left: -20px;
            top: -12px;
        }

/* End: Custom Radio button css */

#closeIwModal .overlay-content {
    padding: 10px 30px;
}

    #closeIwModal .overlay-content span.common-red-button {
        padding: 10px 15px;
    }

    #closeIwModal .overlay-content h4 {
        margin-top: 1.0rem;
        margin-bottom: 1.0rem;
    }

    #closeIwModal .overlay-content p:last-child {
        text-align: center;
    }

/* Start: Interview complete page */

.ddo-custom-button {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    display: block;
    text-align: center;
    color: white;
    cursor: pointer;
    transition: transform .5s ease;
    font-family: "Roboto", sans-serif;
    font-size: 1.28rem;
    margin: 15px auto;
    min-width: 85px;
    outline: none;
    min-height: 90px;
}

    .ddo-custom-button.disabled-button {
        cursor: not-allowed;
        opacity: .65;
    }

    .ddo-custom-button:hover,
    .ddo-custom-button:focus {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        color: white;
    }

    .ddo-custom-button img {
        width: 100%;
        margin: 5px;
        max-width: 50px;
    }

.ddo-active-button {
    border-bottom: 10px solid transparent;
    margin-bottom: 10px;
    display: block;
    min-width: 85px;
}

.panel-group .panel {
    overflow: inherit;
}

.ddo-panel {
    padding: 1rem 15%;
    background-color: #f7f7f7;
}

    .ddo-panel .closebtn {
        position: relative;
        right: -15%;
        font-size: 2.6rem;
        font-weight: bolder;
        float: right;
        cursor: pointer;
        top: -30px;
    }

#divInterviewContactUs h4,
#divInterviewContactUs h5 {
    margin-top: 0px;
}

/* End: Interview complete page */

/* Start: Contributor Portal */

.portal-page .form-custom-inputs {
    /*border-radius: 0;*/
    min-height: 40px;
}

.portal-page .control-label {
    font-size: 1.5rem;
    font-weight: 500;
}

.portal-page .checkbox-custom ~ label.checkbox-custom-label:before {
    border: 3px solid #2d2d2d;
}

.portal-page .nav-btn-panel {
    padding: 15px;
}

    .portal-page .nav-btn-panel .btn-block {
        width: 90%;
        margin: auto;
    }

.portal-page .info-content {
    padding: 5px;
    font-size: 1.4rem;
    border-bottom: 1px solid;
    margin: 0 5% 5% 0;
    word-wrap: break-word; /* LHI-1673: Updates for word wraping */
}

/* End: Contributor Portal */

/* Start: Connect point section */
.connect-point-answers-dropdown {
    width: 95%;
    min-height: 4vh;
    padding: 6px 12px;
    border-radius: 4px;
    height: 4vh;
}

.connect-point-common-button-create {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    color: white;
    border: none;
    display: block;
    padding: 13px 20px !important;
    text-shadow: none;
    outline: none;
    width: 100%;
    border-radius: 4px;
}

.connect-point-common-button-removeuser {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    color: #519f38;
    border: none;
    display: block;
    padding: 13px 20px !important;
    text-shadow: none;
    outline: auto;
    border-radius: 4px;
}

.connect-point-common-button-adduser {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    color: white;
    border: none;
    display: block;
    padding: 13px 20px !important;
    text-shadow: none;
    outline: auto;
    border-radius: 4px;
}

.validation-summary-errors {
    color: #ac0101;
}

.checkform-control {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.connectSmallText {
    margin-left: 30px !important;
    margin-top: -13px !important;
}

.connectSmallTextforDropdown {
    margin-top: -23px !important;
}

.info-content-connectpoint {
    padding: 1.5rem;
    font-size: 1.4rem;
    border-top: 1px solid;
    border-top-color: #ccc;
}

.adjustmarginContainer {
    width: 80%;
    margin: auto;
}

/*.adjustmarginDropdown {
    margin-top: -10px;
}*/
.adjustmarginDropdown_1 {
    margin-bottom: 5px;
}

.connectAnswerDropdown {
    font-size: 1.5rem;
    color: #2d2d2d;
    border: 1px solid #2d2d2d;
    min-height: 5px;
    padding: 6px 12px;
    background: url(/Content/images/ic_expand_more_black_36dp_1x.png) right no-repeat;
}

.overlay-content-connectpoint {
    position: relative;
    top: 25%;
    width: 48%;
    margin-top: 10%;
    background-color: white;
    margin: auto;
    padding: 40px 70px;
    color: #2d2d2d;
    box-shadow: 5px 5px 5px #888888;
    border: 1px solid #d9d9d9;
}

.connect-answer-grid-edit {
    /*padding: 10px 15px;*/
    /*background: white;*/
    z-index: 999999;
    /*box-shadow: 0 0 5px #646464;*/
    overflow: hidden;
    /*width: 400px;*/
    /*display: none;*/
}

    .connect-answer-grid-edit .closebtn {
        font-size: 2.6rem;
        font-weight: bold;
        color: #2d2d2d;
    }

    .connect-answer-grid-edit table tr th,
    .connect-answer-grid-edit table tr td {
        background: white !important;
        border-bottom: 2px solid #fe632b !important;
        border-right: none !important;
    }

    .connect-answer-grid-edit table tr:last-child > td {
        border-bottom-width: 0 !important;
    }

.setPosition {
    position: absolute;
    right: 10%;
}

#dvAcceptTerms input[type=text] {
    min-height: 50px;
    padding: 0px 15px;
    width: 115%;
}

/* End: Connect point section */

/*LHI-1168*/
.k-filter-menu .k-primary {
    float: left !important;
}

/*LHI-1132*/
.gridRightMarginTablet {
    margin-right: -45px;
}

/*LHI-1151*/
.contributor_space {
    white-space: pre; /* or pre-wrap if you want wrapping to still work.*/
}

.anchor-text {
    color: #2faded;
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}

.connect-edit-custom-inputs {
    border: 1px black solid;
    min-height: 55px;
    border-radius: 0px;
    padding: 6px 30px 6px 15px;
    font-size: 1.6rem;
}

/*WCAG*/
.registration-content p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.8rem;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.deleteTemplate-h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.4rem;
}

.connect-h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.8rem;
}

.connect-delete-overlay-h4 {
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2d2d2d;
    font-size: 1.8rem;
}

.forgotpassword-heading-h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    font-size: 2.8rem !important;
    text-align: center;
    color: white;
}

.account-info-h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #fe632b;
    font-size: 2.4rem;
}

.account-info-delete-h4 {
    margin: 0;
    line-height: 1.428571429;
    color: #20456B;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
}

.interview-info-h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    font-size: 1.8rem;
}

.interview-info-h3 {
    font-family: "Roboto", sans-serif;
    font-size: 2.2rem;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 1.25rem;
    color: #2d2d2d;
    line-height: 1.1;
    display: block;
}

.close-interview-overlay-h4 {
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2d2d2d;
    font-size: 1.8rem;
    display: block;
}

.k-multicheck-wrap .k-item .k-label > input {
    margin-right: 10px;
}

/* EFSP changes */
.disabled-panel-link,
.disabled-panel-link a {
    cursor: not-allowed;
}

.disabled-a {
    pointer-events: none;
    cursor: default;
    opacity: 0.7;
}

/* Timeline design */
.timeline,
.timeline-horizontal {
    list-style: none;
    padding: 20px;
    position: relative;
}

    .timeline:before {
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #aaaaaa;
    }

    .timeline .timeline-item {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline .timeline-item:before,
        .timeline .timeline-item:after {
            content: "";
            display: table;
        }

        .timeline .timeline-item:after {
            clear: both;
        }

        .timeline .timeline-item .timeline-badge {
            color: #fff;
            width: 20px;
            height: 20px;
            line-height: 52px;
            font-size: 22px;
            text-align: center;
            position: absolute;
            top: 18px;
            left: 50%;
            margin-left: -25px;
            background-color: white;
            border: 2px solid #aaaaaa;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

            .timeline .timeline-item .timeline-badge.current {
                background-color: #000000;
                border-color: #000000;
            }

            .timeline .timeline-item .timeline-badge.previous {
                background-color: #eeeeee;
            }

            .timeline .timeline-item .timeline-badge.next {
                background-color: #ffffff;
            }

.timeline-horizontal {
    list-style: none;
    position: relative;
    padding: 20px 0px 20px 0px;
    display: inline-block;
}

    .timeline-horizontal:before {
        height: 2px;
        top: 30px;
        left: 30px;
        right: 0;
        width: 70%;
        margin-bottom: 13px;
    }

    .timeline-horizontal .timeline-item {
        display: table-cell;
        height: 20px;
        width: 20%;
        min-width: 40px;
        float: none !important;
        padding-left: 0px;
        padding-right: 20px;
        margin: 0 auto;
        vertical-align: bottom;
    }

        .timeline-horizontal .timeline-item:before,
        .timeline-horizontal .timeline-item:after {
            display: none;
        }

        .timeline-horizontal .timeline-item .timeline-badge {
            top: auto;
            bottom: 0px;
            left: 43px;
        }
/* Timeline design */

.efsp-forms .form-label {
    font-size: 1.5rem;
}

.efsp-forms .info-content {
    font-size: 1.4rem;
}

/* END: EFSP changes */

/* general search*/

.gs-button {
    margin: 0;
    border-radius: 2px;
    font-weight: 500;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    background-repeat: repeat-x;
    font: inherit;
    text-align: center;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    -webkit-appearance: none;
    border-color: transparent !important;
    text-transform: none !important;
    background-color: rgb(14, 144, 192) !important;
    color: white;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    line-height: 1.28571428em;
    padding: 8px 14px;
}

    .gs-button:hover,
    .gs-button:focus {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        text-decoration: none;
        text-shadow: none;
    }

.gs-panel {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5px;
    /*float:right;*/
}
/******************/


/* Start: Animate CSS */

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

/* Section: Fade In/Out (Left, Right, Up, Down) animation */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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

    to {
        opacity: 1;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 0;
    }
}

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

    to {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
/* Section: Fade In/Out (Left, Right, Up, Down) animation */

/* Section: Slide In/Out (Left, Right, Up, Down) animation */
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
/* Section: Slide In/Out (Left, Right, Up, Down) animation */

[data-fr-animation].fr-having-animation.fr-anim-fade-in, [data-fr-animation].fr-having-animation.fr-anim-slide-from-top, [data-fr-animation].fr-having-animation.fr-anim-slide-from-right, [data-fr-animation].fr-having-animation.fr-anim-slide-from-bottom, [data-fr-animation].fr-having-animation.fr-anim-slide-from-left, [data-fr-animation].fr-having-animation.animated[data-fr-animation*="In"] {
    visibility: hidden;
    opacity: 0;
}

.fr-having-animation {
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    animation-delay: .25s;
}

    .fr-having-animation:not(.fr-anim-result) {
        -webkit-animation-name: none;
        -moz-animation-name: none;
        animation-name: none;
    }

        .fr-having-animation:not(.fr-anim-result).fr-anim-fade-in, .fr-having-animation:not(.fr-anim-result).fr-anim-slide-from-top, .fr-having-animation:not(.fr-anim-result).fr-anim-slide-from-right, .fr-having-animation:not(.fr-anim-result).fr-anim-slide-from-bottom, .fr-having-animation:not(.fr-anim-result).fr-anim-slide-from-left, .fr-having-animation:not(.fr-anim-result).animated[class*="In"] {
            visibility: hidden;
            opacity: 0;
        }

    .fr-having-animation.fr-anim-fade-in, .fr-having-animation.fr-anim-slide-from-top, .fr-having-animation.fr-anim-slide-from-right, .fr-having-animation.fr-anim-slide-from-bottom, .fr-having-animation.fr-anim-slide-from-left {
        -webkit-animation-duration: 1.5s;
        -moz-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-perspective: 1000;
        perspective: 1000;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .fr-having-animation.fr-anim-fade-in {
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    .fr-having-animation[data-fr-animation-duration="0.5s"] {
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        animation-duration: .5s;
    }

    .fr-having-animation[data-fr-animation-duration="1s"] {
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        animation-duration: 1s;
    }

    .fr-having-animation[data-fr-animation-duration="1.5s"] {
        -webkit-animation-duration: 1.5s;
        -moz-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }

    .fr-having-animation[data-fr-animation-duration="2s"] {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        animation-duration: 2s;
    }

    .fr-having-animation[data-fr-animation-duration="2.5s"] {
        -webkit-animation-duration: 2.5s;
        -moz-animation-duration: 2.5s;
        animation-duration: 2.5s;
    }

    .fr-having-animation[data-fr-animation-delay="0.5s"] {
        -webkit-animation-delay: .75s;
        -moz-animation-delay: .75s;
        animation-delay: .75s;
    }

    .fr-having-animation[data-fr-animation-delay="1s"] {
        -webkit-animation-delay: 1.25s;
        -moz-animation-delay: 1.25s;
        animation-delay: 1.25s;
    }

    .fr-having-animation[data-fr-animation-delay="1.5s"] {
        -webkit-animation-delay: 1.75s;
        -moz-animation-delay: 1.75s;
        animation-delay: 1.75s;
    }

    .fr-having-animation[data-fr-animation-delay="2s"] {
        -webkit-animation-delay: 2.25s;
        -moz-animation-delay: 2.25s;
        animation-delay: 2.25s;
    }

    .fr-having-animation[data-fr-animation-delay="2.5s"] {
        -webkit-animation-delay: 2.75s;
        -moz-animation-delay: 2.75s;
        animation-delay: 2.75s;
    }

    .fr-having-animation[data-fr-animation-delay="3s"] {
        -webkit-animation-delay: 3.25s;
        -moz-animation-delay: 3.25s;
        animation-delay: 3.25s;
    }

    .fr-having-animation[data-fr-animation-delay="3.5s"] {
        -webkit-animation-delay: 3.75s;
        -moz-animation-delay: 3.75s;
        animation-delay: 3.75s;
    }

    .fr-having-animation[data-fr-animation-delay="4s"] {
        -webkit-animation-delay: 4.25s;
        -moz-animation-delay: 4.25s;
        animation-delay: 4.25s;
    }

    .fr-having-animation[data-fr-animation-delay="4.5s"] {
        -webkit-animation-delay: 4.75s;
        -moz-animation-delay: 4.75s;
        animation-delay: 4.75s;
    }

    .fr-having-animation[data-fr-animation-delay="5s"] {
        -webkit-animation-delay: 5.25s;
        -moz-animation-delay: 5.25s;
        animation-delay: 5.25s;
    }

    .fr-having-animation.alternate {
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        animation-direction: alternate;
    }

    .fr-having-animation.fr-anim-result.fr-anim-fade-in {
        -webkit-animation-name: frAnimFadeIn;
        -moz-animation-name: frAnimFadeIn;
        animation-name: frAnimFadeIn;
    }

    .fr-having-animation.fr-anim-result.fr-anim-slide-from-top {
        -webkit-animation-name: frAnimSlideFromTop;
        -moz-animation-name: frAnimSlideFromTop;
        animation-name: frAnimSlideFromTop;
    }

    .fr-having-animation.fr-anim-result.fr-anim-slide-from-right {
        -webkit-animation-name: frAnimSlideFromRight;
        -moz-animation-name: frAnimSlideFromRight;
        animation-name: frAnimSlideFromRight;
    }

    .fr-having-animation.fr-anim-result.fr-anim-slide-from-bottom {
        -webkit-animation-name: frAnimSlideFromBottom;
        -moz-animation-name: frAnimSlideFromBottom;
        animation-name: frAnimSlideFromBottom;
    }

    .fr-having-animation.fr-anim-result.fr-anim-slide-from-left {
        -webkit-animation-name: frAnimSlideFromLeft;
        -moz-animation-name: frAnimSlideFromLeft;
        animation-name: frAnimSlideFromLeft;
    }

.not-in-preview .fr-having-animation.infinite {
    -webkit-animation-iteration-count: 3;
    -moz-animation-iteration-count: 3;
    animation-iteration-count: 3;
}

/* End: Animate CSS */

.lhimainheader {
    color: #20456B;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 180%;
    font-weight: bold;
    margin: 0 0 10px;
}

.yahoowarning {
    margin-bottom: 15px;
}

.text-bold {
    font-weight: 500;
}

/* LHI-33: CSS to disable the links */
.disabled-nav-link {
    cursor: not-allowed;
    opacity: 0.7;
}

    .disabled-nav-link a {
        cursor: not-allowed;
    }
/* new css for connect as on 8-May-2019*/
.adjust-line-height {
    text-shadow: 0 1px 0 rgba(255,255,255,.25) !important;
    line-height: 20px !important;
    padding: 10px 10px;
    border: 0 solid #fe632b !important;
}

.adjust-button-padding {
    line-height: 20px !important;
    padding: 10px 10px;
}

.adjust-paragraph-org {
    margin-top: 0 !important;
    margin-bottom: 2rem !important;
}

.material-icons.green600 {
    color: #519f38;
}

.material-icons.md-35 {
    font-size: 35px;
    vertical-align: middle;
}

.report-list-group {
    max-height: 150px;
    margin-bottom: 10px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.report-list-group-item {
    border: 0px !important;
}

.report-list-group-item-active {
    background-color: #2faded;
    padding: 5px;
}

/* Survey Monkey banner link css */
.lhi_surveymonkeybanner_button a:hover,
.lhi_surveymonkeybanner_button a:focus {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: white !important;
    padding: 20px 30px;
    background-color: #3770ad !important;
    border: 1px solid #3770ad;
    border-radius: 4px;
    box-shadow: 0 0 2px #959595;
    transition: transform .5s ease;
    outline: none;
    cursor: pointer;
    text-shadow: none;
    text-decoration: none;
    color: white !important;
}
.lhi_surveymonkeybanner_button a:visited, .lhi_surveymonkeybanner_button a:focus{
    color: white !important;
}

.lhi_surveymonkeybanner_button a {
    text-align: center !important;
    border: 0 solid #3770ad !important;
    margin-bottom:5px;
    color:white !important;
}

.lhi_surveymonkeybanner_button{
    border: 0px solid white;
}

.control-label {
    font-size: 1.6rem;
    font-weight: 500;
}
    /*
.lhi_surveymonkeybanner_button a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    text-decoration: none !important;
    color: white !important;
    background-color: #3770ad !important;
    border: 0 solid #3770ad !important;
    border-radius: 4px !important;
    box-shadow: 0 0 2px #959595;
    display: inline-block !important;
    padding: 10px 20px !important;
    transition: transform .5s ease !important;
    opacity: 1 !important;
    text-shadow: none !important;
}*/
.lhi_Myanswer_button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    color: white !important;
    background-color: #fe632b;
    /*border: 1px solid #fe632b;*/
    border: none;
    border-radius: 4px;
    /*box-shadow: 0 0 2px #959595;*/
    box-shadow: none;
    transition: transform .5s ease;
    outline: none;
    cursor: pointer;
}

  .lhi_Myanswer_button:hover,
    .lhi_Myanswer_button:focus {
       /* -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);*/
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        text-decoration: none;
        color: white !important;
        text-shadow: none;
        border: none;
    }

/*.myanswer > ul.dropdown-menu {
    border-top: none !important;
} */
/*
Author  : Hunter Perrin
Version : 2.0.1
Link    : http://sciactive.com/pnotify/
*/
/* -- Notice */
.ui-pnotify {
top: 25px;
right: 25px;
position: absolute;
height: auto;
/* Ensures notices are above everything */
z-index: 9999;
}
/* Hides position: fixed from IE6 */
html > body > .ui-pnotify {
position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0;
}
.ui-pnotify-sharp {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
margin-top: 0;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em;
}
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft {
left: 25px;
right: auto;
}
.ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft {
bottom: 25px;
top: auto;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
}

.fm-map-container svg {
	z-index: 1;
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}
.fm-tooltip {
	display: none;
	position: absolute;
	z-index: 3;
	min-width: 200px;
}
.fm-tooltip-image {
	white-space: nowrap;
}
.fm-tooltip-image img {
	max-width: none;
}
.fm-tooltip-comment {
	font-size: 11px;
	font-family: arial;
	color: #000000;
}
.fm-tooltip-frame {
	background-color: #fff;
	border: 2px solid #bbb;
	border-radius: 10px;
	padding: 5px;
	opacity: .99;
	max-width: 350px;
	min-width: 200px;
	border-collapse: separate;	
	margin-bottom: 0 !important;
	line-height: 1.4;
	vertical-align: top;
	table-layout: auto;
}
@media (max-width: 700px) {
	.fm-mobile-fixed .fm-tooltip-frame {
		max-width: 100%;
		width: 100%;
	}
	.fm-mobile-fixed .fm-tooltip-comment {
		width: 100%;
	}
}
.fm-tooltip-frame td {
	background-color:inherit;
	border: none;
	padding: 5px;
	vertical-align: top;
	margin: 0;
}
.fm-tooltip-name {
 	color: #000;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
 	font-size: 14px;
	font-weight:bold;
	padding: 5px;
	font-family: arial;
	line-height: 1;
}
.fm-tooltip-x {
	color: #444;
	font: 12px/100% arial, sans-serif;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	z-index: 5;
	visibility: hidden;
	cursor: pointer;
	margin: -5px -5px 5px 5px;
	border-bottom: none !important;
	float: right;
}
.fm-tooltip-x img {
	width: 12px;
	padding:0 !important;
	margin:0 !important;
	border:0 !important; 
}
.fm-tooltip-x.fm-frozen-x {
	visibility: visible;
}
.fm-tooltip-x.fm-mobile-x {
	visibility: visible;
}

.fm-scale {
	float: left;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	margin: 10px
}
.fm-scale div {
	float: left;
}
.fm-scale a {
	display: block;
	float: left;
	font-size: 31px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	color: #333;
	width: 41px;
	height: 37px;
	padding-top: 1px;
	border: 1px solid #e8e8e8;
	border-bottom: 1px solid #bbb;
	text-decoration: none;
	margin-right: 3px;
	border-radius: 2px;
	background: #fff;
}
.fm-scale a:hover {
	color: #186ba3;
}
.fm-scale a.fm-inactive {
	cursor: default;
	color: #cdcdcd;
}
.fm-scale-display {
	clear: both;
	position: relative;
	left: 0px;
	z-index: 10;
	width: 100%;
	height: 1px;
	bottom: 0px;
	margin-bottom: 5px;
	background-color: #e8e8e8;
}
.fm-scale-display div {
	background-color: #237cbd;
	height: 1px;
	-webkit-transition: width ease-in-out .2s;
	transition: width ease-in-out .2s;
}

.fm-scale-buttons {
	clear: both;
}