@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

html {width: 100%; height: 100%;}
body {/*display: none;*/ overflow-x: hidden}
body.show-body {display: block;}
.modal-lg.modal-dialog .modal-content .modal-body iframe body {font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.42857; color: #fff; background-color: #666 !important;}
.ocgAssistStart {text-align: center !important; font-size: 25px; margin-top: 20% !important;}
#top {position: absolute; top: 0; left: 0}
.btn-to-top { position: fixed; z-index: 9999; bottom: 60px; right: 20px; width: 40px; height: 40px; background: url(bt-to-top-dark.svg) no-repeat; opacity: 0.4 }
.btn-to-top:hover {opacity: 1; transition-delay: 200ms}

*:focus, *:active:focus, input, textarea { outline: none !important }
form {width: 100%}
legend, label {font-weight: normal; text-align: left; font-size: 16px; color: #666}
audio, canvas, progress, video {max-width: 100%}
input.text.form-control {text-decoration: none !important}
.wrapper-body {margin-top: 0px; margin-bottom: 0; padding-bottom: 50px; min-height: calc(100% - 54px);}
.container {margin: 0 auto !important}
.toggler-light-mode-off span, .toggler-light-mode-on span {background: url(icon-toggle-off.svg) no-repeat; background-size: auto 20px; display: inline-block; width: 34px; height: 20px; vertical-align: middle; margin-right: 10px;}
.toggler-light-mode-on span {background-image: url(icon-toggle-on.svg)}
.bootstrap-datetimepicker-widget table { color: #000; }
.grid-actions {border-bottom: 0}


.navbar {position: fixed; width: 100%; top: 0; border: 0px}
.navbar-default { display: none }
.navbar-nav {float: left; margin: 0;}
.navbar .container, .footer .container {width: 100% !important; padding: 0 20px}
.navbar-brand {margin-left: 0 !important}
.navbar-toggle {display: none; background-color: transparent !important; border-color: transparent !important; margin-top: 15px}
.nav>li>a.dropdown-toggle {display: block}
.navbar-nav .divider-vertical {display: none}
.navbar-inverse .navbar-nav > .open > a {background-color: transparent !important}
.navbar-inverse .navbar-nav .open .dropdown-menu { background: #fff !important }
.navbar-inverse .navbar-nav > li > a:focus {background: transparent !important; outline: none; border: 0px !important;}
.navbar-collapse.collapse {display: block; border: 0px; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; height: auto !important; width: auto; padding-bottom: 0; overflow: visible !important;}
.navbar-header {float: left}
.navbar-right.menu-bar {float: right; margin-right: -15px; padding-top: 0.4em;}
.navbar-nav > li { float: none; display: inline-block }
.navbar-nav>li>a {padding-top: 14.5px; padding-bottom: 14.5px; line-height: 21px;}
.nav>li.dropdown {position: static; }
.dropdown-menu {top: unset !important }
.dropdown-menu, .navbar-inverse .navbar-nav .open .dropdown-menu { margin-top: 0 !important; text-align: center; margin-right: 20px }
.dropdown-toggle svg { display: inline-block; vertical-align: bottom; margin-left: 10px; height: 24px;  }
.dropdown-menu > li > a {padding: 0}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { border: 0px; padding: 0 }

.btn.focus, .btn:active.focus, .btn-primary:focus, .btn-primary:active:focus, .btn-default:focus, .btn-default:active:focus, .close:focus, .dropdown, .btn-default span:focus { outline: none }
a.btn-go-back, a.btn-go-back:active, a.btn-go-back:visited {color: #bbb; position: absolute; left: 20px;top: 108px; font-size: 30px; z-index: 999; transition-duration: 200ms}
a.btn-go-back:active:focus, a.btn-go-back:focus, a.btn-go-back:hover {color: #000}
.input-group .btn, .input-group-btn .btn {padding-top: 1px !important; padding-bottom: 1px !important; border-bottom-right-radius: 15px !important; border-top-right-radius: 15px !important }
.input-group-addon {padding-top: 5px; padding-bottom: 5px}

.control input, .control textarea { font-size: 16px; outline: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0px 0px rgba(0,0,0,0.0); }
.control input[readonly=readonly], .form-control[readonly=readonly] {color: inherit}
.control input[type=text]:focus, .control textarea:focus, .form-control:focus { border-color: inherit }

.cardSiteSelection { margin: 1rem; padding: 1.5rem 1.5rem 2.5rem 1.5rem; text-align: left; color: inherit; text-decoration: none; border: 1px solid #e0e0e0; border-radius: 10px; transition: color 0.15s ease, border-color 0.15s ease; }
.cardSiteSelection:hover, .cardSiteSelection:focus, .cardSiteSelection:active { color: #417bbf; border-color: #417bbf; }
.titleSiteSelection { margin-bottom: 2rem; color: #666; }
.titleSiteSelection:hover, .titleSiteSelection:focus, .titleSiteSelection:active { color: #417bbf; }
.buttonSiteSelection { font-size: 1.5rem; background-color: inherit; color: #666; border-radius: 40px; border: 1px solid #eaeaea; }
.buttonSiteSelection:hover, .buttonSiteSelection:focus, .buttonSiteSelection:active { color: #417bbf; border-color: #417bbf; }

.modal-dialog {background: #fff}
.modal-content {border: 0px !important}
.modal-content .modal-header {border-bottom: 0px}
.modal-content .modal-header button.close, .modal-content .modal-header button.form-close { text-indent: -10000px; position: relative; width: 33px; height: 33px; display: block}
.modal-content .modal-header .close:before, .modal-content .modal-header .close:after,
.modal-content .modal-header .form-close:before, .modal-content .modal-header .form-close:after { position: absolute; left: 15px; top: 0px; content: ' '; height: 33px; width: 2px; background-color: #fff; }
body.helix-light .modal-content .modal-header .close:before, body.helix-light .modal-content .modal-header .close:after,
body.helix-light .modal-content .modal-header .form-close:before, body.helix-light .modal-content .modal-header .form-close:after  { background-color: #000 }
.modal-content .modal-header .close:before, .modal-content .modal-header .form-close:before  { transform: rotate(45deg); }
.modal-content .modal-header .close:after, .modal-content .modal-header .form-close:after { transform: rotate(-45deg); }
.modal-content .modal-title { display: none }
.modal-content .modal-body {text-align: center; padding: 0 40px 40px 40px;}
#cookie-settings .modal-dialog .modal-content .modal-body {text-align: left}
#cookie-settings .modal-dialog .modal-content .modal-body h2 {margin: 0px}
#cookie-settings .CookieDeclarationType {border-color: #777777}
.modal-content .modal-header .modal-body iframe { font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.42857; color: #fff; }
.modal-content .modal-footer { text-align: center; border-top: 0px; padding: 10px 40px 40px 40px }

div.message.success {margin-top: 40px; color: inherit;}
.sectionCurrentlyUnavailable {font-size: 18px}

.validation-summary.alert h4 { font-size: inherit; }
.validation-summary.alert h4 span {display: none}
.validation-summary a, .validation-summary a:visited, .validation-summary a:focus { color: inherit; text-decoration: none; outline: none }
.validators span[style*="visibility:hidden"] {display: none}
.file-cell .info {text-align: left; padding-bottom: 20px}

.pagination > li > a {line-height: 30px; color: inherit !important}
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {color: inherit; background-color: transparent; border: 1px solid #000}

.pg-signin, .pg-register, .pg-redeem-invitation, .pg-forgot-password {font-family: "Segoe UI","Helvetica Neue","Lucida Grande",sans-serif !important;width: 100%; height: 100%;}
.pg-signin #content-container, .pg-register #content-container, .pg-redeem-invitation #content-container {width: 100%;
    overflow-y: auto; overflow-x: hidden; height: auto; min-height: 100%; position: absolute; top: 0;
    padding: 80px 0; background: url(/basic-login-bg.jpg) no-repeat center center; -webkit-background-size: cover;
    -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.pg-signin .nav, .pg-register .nav, .pg-redeem-invitation .nav {margin: 0 auto 0 auto; position: relative; max-width: 440px; width: calc(100% - 40px); min-width: 320px; z-index: 1}
.pg-signin .nav > li:not(.active) > a, .pg-register .nav > li:not(.active) > a, .pg-redeem-invitation .nav > li:not(.active) > a,
.pg-signin .nav > li:not(.active) > a:visited, .pg-register .nav > li:not(.active) > a:visited, .pg-redeem-invitation .nav > li:not(.active) > a:visited,
.pg-signin .nav > li:not(.active) > a:focus, .pg-register .nav > li:not(.active) > a:focus, .pg-redeem-invitation .nav > li:not(.active) > a:focus {color: #979797; border: 0px; outline: none; }
.pg-signin .nav > li:not(.active) > a:focus, .pg-register .nav > li:not(.active) > a:focus, .pg-redeem-invitation .nav > li:not(.active) > a:focus {background: transparent}
.pg-signin .nav > li:not(.active) > a:hover, .pg-register .nav > li:not(.active) > a:hover, .pg-redeem-invitation .nav > li:not(.active) > a:hover {background: transparent; border-color: transparent; color: inherit }
.pg-signin .nav-tabs>li.active>a, .pg-signin .nav-tabs>li.active>a:hover, .pg-signin .nav-tabs>li.active>a:focus,
.pg-register .nav-tabs>li.active>a, .pg-register .nav-tabs>li.active>a:hover, .pg-register .nav-tabs>li.active>a:focus,
.pg-redeem-invitation .nav-tabs>li.active>a, .pg-redeem-invitation .nav-tabs>li.active>a:hover, .pg-redeem-invitation .nav-tabs>li.active>a:focus {margin: 0; background: #fff; outline: none; border-color: #fff; -webkit-box-shadow: 0 -2px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 -2px 4px rgba(0,0,0,0.1); box-shadow: 0 -2px 4px rgba(0,0,0,0.1);}
.pg-signin .page-content, .pg-register .page-content, .pg-redeem-invitation .page-content, .pg-forgot-password .page-content {margin: 0 auto; position: relative; max-width: 440px; width: calc(100% - 40px); padding: 44px;
    background-color: #fff; -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.1); box-shadow: 0 0px 4px rgba(0,0,0,0.1); min-width: 320px; min-height: 338px; z-index: 0}

.pg-signin .fa-sign-in, .pg-register .fa-sign-in, .pg-redeem-invitation .fa-sign-in {display: none}
.pg-signin .row, .pg-register .row {display: -webkit-box; display: -moz-box; display: box;  -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical;}
.pg-signin .col-md-6, .pg-register .col-md-6, .pg-redeem-invitation .col-md-6 {width: 100%;}
.pg-signin .col-md-6:nth-of-type(1), .pg-register #ContentContainer_MainContent_MainContent_LocalLogin {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2;}
.pg-signin .col-md-6:nth-of-type(2), .pg-register #ContentContainer_MainContent_MainContent_ExternalLogin {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; padding-bottom: 40px; display: none}
.pg-signin h4.login-heading-section, .pg-register legend, .pg-redeem-invitation legend, .pg-forgot-password legend { font-size: 22px; font-weight: 600; border: 0px; margin-bottom: 0}
.pg-signin label.control-label.required::before, .pg-register label.control-label.required::before {display: none}
.pg-signin .form-horizontal .control-label, .pg-register .form-horizontal .control-label {text-align: left; font-size: 14px; font-weight: normal}
.pg-signin .btn-primary, .pg-register .btn-primary, .pg-redeem-invitation .btn-primary, .pg-forgot-password .btn-primary {color: inherit !important; background: #e6e6e6; border: #e6e6e6; padding: 0 40px; line-height: 40px; border-radius: 3px; transition-duration: 200ms}
.pg-signin .btn-primary:hover, .pg-register .btn-primary:hover, .pg-redeem-invitation .btn-primary:hover, .pg-forgot-password .btn-primary:hover {color: inherit !important; background: #ccc; border-color: #ccc}
.pg-signin .btn-primary:focus, .pg-register .btn-primary:focus, .pg-redeem-invitation .btn-primary:focus, .pg-forgot-password .btn-primary:focus {background: #ccc !important; color: inherit !important; outline: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0px 0px rgba(0,0,0,0.0);}
.pg-signin .col-sm-offset-4, .pg-register .col-sm-offset-4 {margin: 0}
.pg-signin .form-group:nth-of-type(5) .col-sm-8, .pg-register .form-group:nth-of-type(5) .col-sm-8 {width: 100%; margin-top: 20px}
.pg-signin .btn-default, .pg-signin .btn-default:active, .pg-signin .btn-default:visited, .pg-signin .btn-default:hover, .pg-signin .btn-default:focus, .pg-signin .btn-default:active:focus {color: #979797 !important; font-size: 12px; outline: none; border-color: transparent; background: transparent !important; font-weight: normal !important; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0px 0px rgba(0,0,0,0.0);}
.pg-signin .checkbox {font-size: 14px}
.pg-signin .validation-summary-errors:focus, .pg-redeem-invitation .validation-summary-errors:focus, .pg-forgot-password .validation-summary-errors:focus {outline: none}
.pg-signin .validation-summary-errors ul, .pg-redeem-invitation .validation-summary-errors ul, .pg-forgot-password .validation-summary-errors ul,
.pg-signin .validation-summary-errors li, .pg-redeem-invitation .validation-summary-errors li, .pg-forgot-password .validation-summary-errors li  {list-style: none; margin: 0; padding: 0}
.pg-signin .validation-summary-errors a, .pg-redeem-invitation .validation-summary-errors a, .pg-forgot-password .validation-summary-errors a {color: inherit; outline: none !important; text-decoration: none}

.pg-signin { color: #666 !important; font-weight: 400 !important; font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif !important }
.pg-signin:not(.helix-light) .modal-dialog { background-color: #fff !important }
.pg-signin:not(.helix-light) .modal-dialog h2 { color: #000; text-align: left }
.pg-signin h1, body.pg-signin h2 { font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 500 !important }
.pg-signin a, .pg-signin a:link, .pg-signin a:visited, .pg-signin a:hover { color: #001479 !important }
.pg-signin .nav-account a, .pg-signin .nav-account a:link, .pg-signin .nav-account a:visited, .pg-signin .nav-account a:hover { color: inherit !important }
.pg-signin .login-heading-section { border-bottom: 1px solid #e5e5e5; line-height: inherit; margin-top: 0; margin-bottom: 21px; color: #333; font-weight: bold; padding-bottom: 21px; font-size: 20px; margin-left: 0; margin-right: 0; text-align: left }
.pg-signin input.form-control { color: #000 }
.pg-signin .form-horizontal .control-label, .pg-register .form-horizontal .control-label, .pg-signin label { color: #666 !important }
.pg-signin .btn-primary, .pg-register .btn-primary, .pg-redeem-invitation .btn-primary, .pg-forgot-password .btn-primary { color: inherit; background: #e6e6e6; border: #e6e6e6; padding: 0 40px; line-height: 40px; border-radius: 3px; transition-duration: 200ms; font-size: 15px }
.pg-signin .btn-primary:hover, .pg-register .btn-primary:hover, .pg-redeem-invitation .btn-primary:hover, .pg-forgot-password .btn-primary:hover { color: inherit !important; background-image: none !important; background: #ccc !important; border-color: #ccc; }
.pg-signin .btn-default, .pg-signin .btn-default:active, .pg-signin .btn-default:visited, .pg-signin .btn-default:hover, .pg-signin .btn-default:focus, .pg-signin .btn-default:active:focus { color: #979797 !important; font-size: 12px; outline: none; border-color: transparent !important; background: transparent !important; font-weight: normal !important; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0px 0px rgba(0,0,0,0.0); }
.pg-signin .footer-login a, .pg-signin .footer-login a:visited { color: #666 !important }

.pg-register legend,.pg-redeem-invitation legend, .pg-forgot-password legend {padding-bottom: 20px}
.pg-register .col-sm-4 {width: 35%; padding-right: 0}
.pg-register .col-sm-8 {width: 65%}
.pg-signin input[type=text]:focus, .pg-signin input[type=password]:focus, .pg-register input[type=text]:focus, .pg-register input[type=password]:focus,
.pg-redeem-invitation input[type=text]:focus, .pg-redeem-invitation input[type=password]:focus, .pg-forgot-password input[type=text]:focus  {border-color: inherit; outline: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0px 0px rgba(0,0,0,0.0);}
.pg-redeem-invitation .col-sm-2, .pg-forgot-password .col-sm-2 {display: none}
.pg-redeem-invitation .col-sm-10, .pg-forgot-password .col-sm-10 {width: 100%}
.pg-redeem-invitation .col-sm-offset-2, .pg-forgot-password .col-sm-offset-2 {margin: 0}
.pg-forgot-password .page-content {margin-top: 40px}
.footer-login {display: none; position: absolute; bottom: 0; padding: 10px; width: 100%; color: #aaa }
.footer-login .column {display: inline-block}
.footer-login .column:nth-of-type(1) {width: 70%; }
.footer-login .column:nth-of-type(2) {width: 29%; text-align: right}
.footer-login a, .footer-login a:visited {color: #666}
.footer-login a:hover {color: #000; text-decoration: none}
.footer-login img {height: 20px}

.sectionMarketing .icon-marketing { height: 50px; width: 100%; margin: 10px auto 20px }
.sectionMarketing .icon-marketing.icon-twitter { background: url(/icon-twitter-white.svg) no-repeat center center; }
.sectionMarketing .icon-marketing.icon-linkedin { background: url(/icon-linkedin-white.svg) no-repeat center center; }
.sectionMarketing .icon-marketing.icon-trend { background: url(/icon-trend-white.svg) no-repeat center center; }
.sectionMarketing .icon-marketing.icon-idea { background: url(/icon-idea-white.svg) no-repeat center center; }
body.helix-light .sectionMarketing .icon-marketing.icon-twitter { background: url(/icon-twitter-4c.svg) no-repeat center center; }
body.helix-light .sectionMarketing .icon-marketing.icon-linkedin { background: url(/icon-linkedin-4c.svg) no-repeat center center; }
body.helix-light .sectionMarketing .icon-marketing.icon-trend { background: url(/icon-trend-black.svg) no-repeat center center; }
body.helix-light .sectionMarketing .icon-marketing.icon-idea { background: url(/icon-idea-black.svg) no-repeat center center; }

.sectionFormSection .columnBlockLayout {width: 100%}
.sectionFormSection .crmEntityFormView {max-width: 600px; margin: auto;}
.sectionFormSection .tab-title {display: none}
.sectionFormSection .crmEntityFormView .cell {padding-left: 0; padding-right: 0}
.sectionFormSection .tab-column:nth-of-type(1), .sectionFormSection .tab-column:nth-of-type(3) {display: none}
.sectionFormSection .tab-column:nth-of-type(2) {padding-left: 0; width: 100% !important}
.sectionFormSection .form-custom-actions .col-sm-6 {width: 100%; text-align: center}
.sectionFormSection .form-custom-actions .form-action-container-left {float: none}
.sectionFormSection legend {color: inherit}
.sectionFormSection .form-action-container-left {float: none}

.crmEntityFormView, .modal-content, .entitylist, .popover-content { border: 0px !important; color: inherit; background-color: transparent !important;}
.sectionExistingEngagement .columnBlockLayout {width: 100%}
.sectionExistingEngagement .crmEntityFormView {max-width: 600px; margin: auto;}
.sectionExistingEngagement .tab-title {display: none}
.sectionExistingEngagement .crmEntityFormView .cell {padding-left: 0; padding-right: 0}
.sectionExistingEngagement .tab-column:nth-of-type(2) {padding-left: 0; width: 100% !important}
.sectionExistingEngagement .form-custom-actions .col-sm-6 {width: 100%; text-align: center}
.sectionExistingEngagement .form-custom-actions .form-action-container-left {float: none}

.sectionRequisition .section-title {font-size: 18px; font-weight: bold;}
.sectionRequisition .form-custom-actions .col-sm-6 {width: 100%; text-align: center}
.sectionRequisition .form-custom-actions .form-action-container-left {float: none}
.sectionRequisition .tab-title {display: none}

.sectionAnnouncements .create-action span {display: none}
.sectionAnnouncements .view-grid .table>thead>tr>th, .sectionInquiryAnalytics .view-grid .table>thead>tr>th {border-bottom: 1px}
.sectionAnnouncements .view-grid .table>thead>tr>th a, .sectionInquiryAnalytics .view-grid .table>thead>tr>th a, .entitylist-filter-option-group-label {color: inherit !important; font-weight: normal; font-size: 13px;}
.sectionAnnouncements .view-grid .table>tbody>tr>td {vertical-align: middle}
.sectionAnnouncements .view-grid table, .sectionAnnouncements .view-grid .table>tbody>tr>td:focus {outline: none; }
.sectionAnnouncements .view-grid .dropdown.action .btn-default, .sectionInquiryAnalytics .view-grid .dropdown.action .btn-default {height: 38px}
.sectionAnnouncements .view-grid .dropdown.action .btn-default span, .sectionInquiryAnalytics .view-grid .dropdown.action .btn-default span {margin-top: -10px; transform: rotate(45deg); display: block; width: 15px; height: 15px; border-right: 1px solid #666; border-bottom: 1px solid #666}
.sectionAnnouncements .view-grid .dropdown.action .btn-default span::before, .sectionInquiryAnalytics .view-grid .dropdown.action .btn-default span::before {content: ""}
.sectionAnnouncements .view-grid .dropdown-menu a span, .sectionInquiryAnalytics .view-grid .dropdown-menu a span {display: none}
.sectionNewAnnouncement .crmEntityFormView, .sectionManageAnnouncement .crmEntityFormView { padding-top: 40px; max-width: 600px; margin: auto; }
.sectionNewAnnouncement .crmEntityFormView .cell { padding-left: 0; padding-right: 0 }
.sectionNewAnnouncement col { width: 100% !important }
.sectionNewAnnouncement col:nth-of-type(2), .sectionNewAnnouncement col:nth-of-type(3), .sectionNewAnnouncement td:nth-child(2),
.sectionViewAnnouncement col:nth-of-type(2), .sectionViewAnnouncement col:nth-of-type(3), .sectionViewAnnouncement td:nth-child(2),
.sectionManageAnnouncement col:nth-of-type(2), .sectionManageAnnouncement col:nth-of-type(3), .sectionManageAnnouncement td:nth-child(2) { display: none }
.sectionNewAnnouncement .crmEntityFormView .actions, .sectionManageAnnouncement .crmEntityFormView .actions, .crmEntityFormView .actions  { text-align: center; margin: 0; padding: 0; border: 0px }
.sectionNewAnnouncement .crmEntityFormView .actions input, .sectionManageAnnouncement .crmEntityFormView .actions input { float: none }
.sectionViewAnnouncement .crmEntityFormView  {max-width: 600px; margin: auto;}
.sectionManageAnnouncement fieldset {margin: 0}

.sectionFaq h3 { padding-top: 80px; margin-top: -60px }

.sectionInquiryAnalytics h2 .btn {display: inline-block; margin-left: 10px}
.sectionInquiryAnalytics .container {overflow-x: auto}
.sectionInquiryAnalytics.sectionMyInquiryAnalytics .columnChart {border-right: 1px solid #ddd}
.sectionInquiryAnalytics .status-chart .highcharts-title {color: inherit !important; font-size: 20px !important; font-weight: bold; font-family: inherit !important;}
.sectionInquiryAnalytics.sectionMyInquiryAnalytics .columnTable {padding-left: 40px}
.sectionInquiryAnalytics h3 {margin: 0;}
.sectionInquiryAnalytics .entitylist {margin-top: 0px}
.sectionInquiryAnalytics .entitylist .panel-body {padding: 0}
.sectionInquiryAnalytics .entitylist-filter {border: 0px}
.sectionInquiryAnalytics .entitylist-filter .pull-right {float: none !important; display: inline-block; margin-top: 32px; vertical-align: bottom}
.sectionInquiryAnalytics .list-inline {margin-left: 0;display: inline;}
.sectionInquiryAnalytics .list-inline>li {padding-left: 0}
.sectionInquiryAnalytics .entitylist-filter-option-text {width: 140px}
.sectionInquiryAnalytics .grid-actions .btn-default, .sectionInquiryAnalytics .grid-actions .btn-default:hover, .sectionInquiryAnalytics .grid-actions .btn-default:focus {background-color: transparent !important; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0px 0px rgba(0,0,0,0.0);}
.sectionInquiryAnalytics .highcharts-title {color: #000!important; width: 100%; display: block; text-align: center; font-size: 16px !important; font-family: inherit !important;}
.sectionInquiryAnalytics .entitylist-search .btn-default, .sectionInquiryAnalytics .btn-entitylist-filter-submit {padding-top: 1px !important; padding-bottom: 1px !important}

.sectionViewInquiry .tab-title {display: none}
.sectionViewInquiry .crmEntityFormView {max-width: 800px; margin: auto;}
.sectionViewInquiry .tab-column {width: 100% !important; padding: 0 !important}
.sectionViewInquiry fieldset legend {font-weight: bold; font-size: 24px;}
.sectionViewInquiry .crmEntityFormView .cell {padding-left: 0}
.sectionViewInquiry .crmEntityFormView .cell .field-label {font-weight: bold; font-size: 18px;}

.sectionJobPosting .tab-title {
    display: none
}

.sectionJobPosting .tab-column {
    width: 100% !important;
    padding: 0 !important
}

.sectionJobPosting .crmEntityFormView {
    max-width: 900px;
    margin: auto;
}

.sectionJobPosting .crmEntityFormView .cell {
    padding-left: 0
}

.sectionJobPosting .crmEntityFormView .cell .field-label {
    font-weight: bold;
    font-size: 18px;
}

.sectionJobPosting fieldset legend {
    font-weight: bold;
    font-size: 24px;
}

.sectionJobPosting .boolean-radio {
    padding-left: 0;
}

.sectionJobPosting .columnBlockLayout {
    width: 100%
}

.sectionJobPosting .form-custom-actions .col-sm-6 {
    width: 100%;
    text-align: center
}

.sectionJobPosting .form-custom-actions .form-action-container-left {
    float: none
}

.sectionJobPosting legend {
    color: inherit
}

.sectionJobPosting .form-action-container-left {
    float: none
}

.sectionAllInquiryAnalytics.sectionInquiryStatus {background: #f3f3f3; margin-top: 50px !important; padding: 50px 8px !important}
.sectionAllInquiryAnalytics.sectionInquiryStatus h3 {padding-bottom: 50px; text-align: center}
.sectionAllInquiryAnalytics .columnStatusIndicators {padding-bottom: 50px; text-align: center}
.sectionAllInquiryAnalytics .columnStatusIndicators h3 {height: 30px; display: block; font-size: 16px; font-weight: normal}
.sectionAllInquiryAnalytics .columnStatusIndicatorsInner { max-width: 150px; font-size: 40px; margin: auto}
.sectionAllInquiryAnalytics .columnStatusIndicatorsInner > div {margin-top: 20px; position: relative; width: 150px; padding-top: 100%}
.sectionAllInquiryAnalytics .columnStatusIndicatorsInner > div > div {position: absolute; top: 0; width: 100%; height: 100%; border-radius: 50%; color: #fff}
.sectionAllInquiryAnalytics .columnStatusIndicatorsInner > div > div:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.sectionAllInquiryAnalytics .columnStatusIndicatorNotStarted .columnStatusIndicatorsInner > div > div {background-color: rgb(237, 125, 49)}
.sectionAllInquiryAnalytics .columnStatusIndicatorInProgress .columnStatusIndicatorsInner > div > div {background-color: rgb(255, 192, 0)}
.sectionAllInquiryAnalytics .columnStatusIndicatorResolved .columnStatusIndicatorsInner > div > div {background-color: rgb(112, 173, 71)}
.sectionAllInquiryAnalytics .columnStatusIndicatorDuration .columnStatusIndicatorsInner > div > div {background-color: rgb(91, 151, 213)}
.sectionAllInquiryAnalytics.sectionAllInquiries { padding-top: 100px; background-color: transparent; color: inherit}
.sectionAllInquiryAnalytics .status-chart .highcharts-title {color: inherit !important; font-size: 20px !important; font-weight: bold; font-family: inherit !important;}

.sectionVaAnalytics .columnChatStats .items {margin-top: 50px; table-layout: fixed}
.sectionVaAnalytics .columnChatStats .item-row td {height: 30px}
.sectionVaAnalytics .columnChatStats .item-row-main td {height: 80px}
.sectionVaAnalytics .columnChatStats .item-row td:nth-of-type(1) {text-align: center; width: 70px; padding-right: 10px}
.sectionVaAnalytics .columnChatStats .item-row td:nth-of-type(1) div {font-size: 18px; color: #fff; background: #888; width: 60px; height: 60px; border-radius: 30px; line-height: 60px}
.sectionVaAnalytics .columnChatStats .item-row-total td:nth-of-type(1) div {background:  rgb(91, 151, 213) }
.sectionVaAnalytics .columnChatStats .item-row-steps td:nth-of-type(1) div {background:  rgb(112, 173, 71) }
.sectionVaAnalytics .columnChatStats .item-row-length td:nth-of-type(1) div {background:  rgb(237, 125, 49); line-height: 16px; padding: 15px 5px 0}
.sectionVaAnalytics .columnChatStats .item-row td:nth-of-type(1) div span {font-size: 12px; display: block}
.sectionVaAnalytics .highcharts-title {display: none}

.sectionTwitter .lnk-twitter {text-align: center; padding-bottom: 20px}
.sectionTwitter .wrapper-twitter {width: 650px; margin: auto}
.sectionTwitter .twitter-timeline {display: none}

.sectionAssistantAnalytics .metricColumn { min-height: 0px !important; }

.sectionChatbot iframe {width: 100%; height: 600px; max-width: 600px; overflow: auto; margin-left: auto; margin-right: auto;}
#botDiv {max-width: 800px; margin: auto}

.video-wrapper {width: 100%; max-width: 800px; margin: 3em auto;}
.video-container {position: relative; width: 100%; max-width: 100%; height: 0; padding-bottom: 56.25%;}
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%; max-width: 100%;}


.pg-pagenotfound .breadcrumb, .pg-pagenotfound .page-header {display: none}
.pg-404.circles:after { content: ''; display: inline-block; width: 100%; height: 100px; background: #fff; position: absolute; top: -50px; left: 0; transform: skewY(-4deg); -webkit-transform: skewY(-4deg); }
.pg-404.circles { font-family: 'Open Sans'; font-weight: 300; background: #fff; text-align: center; position: relative; }
.pg-404.circles p { font-size: 240px; color: #fff; padding-top: 60px; position: relative; z-index: 9; line-height: 100%; margin: 0 }
.pg-404.circles p small { font-size: 38px; line-height: 100%; vertical-align: top; }
.pg-404.circles .circle.small { width: 140px; height: 140px; border-radius: 50%; background: #000; position: absolute; z-index: 1; top: 80px; left: 50%; animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98); -webkit-animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98); animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.pg-404.circles .circle.med { width: 200px; height: 200px; border-radius: 50%; background: #000; position: absolute; z-index: 1; top: 0; left: 10%; animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75); -webkit-animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75); animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.pg-404.circles .circle.big { width: 400px; height: 400px; border-radius: 50%; background: #000; position: absolute; z-index: 1; top: 200px; right: 0; animation: 8s bigmove infinite; -webkit-animation: 8s bigmove infinite; animation-delay: 3s; -webkit-animation-delay: 1s; }
.logo-404 { position: relative; z-index: 100; margin: 60px auto; width: 100px; display: block; }

@-webkit-keyframes smallmove { 0% { top: 10px; left: 45%; opacity: 1; }
    25% { top: 300px; left: 40%; opacity: 0.7; }
    50% { top: 240px; left: 55%; opacity: 0.4; }
    75% { top: 100px; left: 40%; opacity: 0.6; }
    100% { top: 10px; left: 45%; opacity: 1; }
}
@keyframes smallmove {
    0% { top: 10px; left: 45%; opacity: 1; }
    25% { top: 300px; left: 40%; opacity: 0.7; }
    50% { top: 240px; left: 55%; opacity: 0.4; }
    75% { top: 100px; left: 40%; opacity: 0.6; }
    100% { top: 10px; left: 45%; opacity: 1; }
}

@-webkit-keyframes medmove {
    0% { top: 0px; left: 20%; opacity: 1; }
    25% { top: 300px; left: 80%; opacity: 0.7; }
    50% { top: 240px; left: 55%; opacity: 0.4; }
    75% { top: 100px; left: 40%; opacity: 0.6; }
    100% { top: 0px; left: 20%; opacity: 1; }
}

@keyframes medmove {
    0% { top: 0px; left: 20%; opacity: 1; }
    25% { top: 300px; left: 80%; opacity: 0.7; }
    50% { top: 240px; left: 55%; opacity: 0.4; }
    75% { top: 100px; left: 40%; opacity: 0.6; }
    100% { top: 0px; left: 20%; opacity: 1; }
}

@-webkit-keyframes bigmove {
    0% { top: 0px; right: 4%; opacity: 0.5; }
    25% { top: 100px; right: 40%; opacity: 0.4; }
    50% { top: 240px; right: 45%; opacity: 0.8; }
    75% { top: 100px; right: 35%; opacity: 0.6; }
    100% { top: 0px; right: 4%; opacity: 0.5; }
}
@keyframes bigmove {
    0% { top: 0px; right: 4%; opacity: 0.5; }
    25% { top: 100px; right: 40%; opacity: 0.4; }
    50% { top: 240px; right: 45%; opacity: 0.8; }
    75% { top: 100px; right: 35%; opacity: 0.6; }
    100% { top: 0px; right: 4%; opacity: 0.5; }
}

#CybotCookiebotDialogPoweredbyCybot { display: none !important }
#CybotCookiebotDialog .CybotCookiebotScrollContainer, #CybotCookiebotDialogHeader, #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper:not(:last-of-type),
#CybotCookiebotDialogBodyLevelButtonsSelectPane { border: 0px !important }
#CybotCookiebotDialogBodyButtonsWrapper button {border-radius: 5px !important}

@media (max-width: 1305px) {
    .sectionAllInquiryAnalytics.sectionAllInquiries .grid-actions {margin-top: -205px; margin-bottom: 140px;}
}

@media (max-width: 1199px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu { background: transparent !important; text-align: center }
    #navbar .dropdown-menu, .navbar-inverse .navbar-nav .open .dropdown-menu {min-width: initial; width: 100% !important; position: absolute !important; background: #3C3B39 !important}
    .navbar-nav .open .dropdown-menu>li>a {line-height: 40px !important}
    .dropdown-menu .divider {display: none}
}
@media (max-width: 990px) {
  .sectionInquiryAnalytics.sectionMyInquiryAnalytics .columnChart {width: 100%; padding-bottom: 40px; border-right: 0px;}
  .sectionInquiryAnalytics.sectionMyInquiryAnalytics .columnTable {padding-left: 15px}
  .sectionInquiryStatus .columnBlockLayout {width: 100%}
  .sectionInquiryAnalytics .container, .sectionInquiryAnalytics .columnBlockLayout {width: 100%}
  .sectionVaAnalytics .col-md-4 {padding-bottom: 40px}
}
@media (max-width: 907px) {
  .sectionAllInquiryAnalytics.sectionAllInquiries .grid-actions { margin-top: -265px; margin-bottom: 185px;}
}
@media (max-width: 767px) {
    .btn-to-top {display: none}
    .wrapper-body { margin-top: 0 }
    .navbar {position: relative}
    .dropdown-menu, .navbar-inverse .navbar-nav .open .dropdown-menu {margin-top: -1px !important}
    .navbar-nav>li>a {line-height: 50px !important; padding: 0 15px !important}
    .dropdown-toggle svg {vertical-align: middle !important}
    .sectionInfo .container, .sectionMarketing .container { margin: 0 !important; width: 100% }
    .sectionInfo .col-md-4.columnResources { padding-left: 30px }
    .sectionMarketing .col-md-3 {padding-left: 30px !important; padding-right: 30px !important}
    .sectionTwitter .wrapper-twitter { width: 100%; margin: auto }
}

@media (max-width: 610px) {
  .sectionInquiryAnalytics .entitylist {margin-top: 15px}
  .grid-actions .pull-right {float: left !important}
}
@media only screen and (max-width : 510px) {
    .weblink, .username { display: none !important }
}
@media (max-width: 480px) {
  h1, h2 {hyphens: auto;}
  .col-md-12 {padding-left: 0px; padding-right: 0px}
  .pg-signin #content-container, .pg-register #content-container, .pg-redeem-invitation #content-container {background-image: none; background-color: #fff; padding-top: 20px}
  .pg-signin .nav, .pg-register .nav, .pg-redeem-invitation .nav,
  .pg-signin .page-content, .pg-register .page-content, .pg-redeem-invitation .page-content, .pg-forgot-password .page-content {max-width: initial; width: 100%}
  .pg-signin .nav-tabs>li.active>a, .pg-signin .nav-tabs>li.active>a:hover, .pg-signin .nav-tabs>li.active>a:focus,
  .pg-register .nav-tabs>li.active>a, .pg-register .nav-tabs>li.active>a:hover, .pg-register .nav-tabs>li.active>a:focus,
  .pg-redeem-invitation .nav-tabs>li.active>a, .pg-redeem-invitation .nav-tabs>li.active>a:hover, .pg-redeem-invitation .nav-tabs>li.active>a:focus,
  .pg-signin .page-content, .pg-register .page-content, .pg-redeem-invitation .page-content, .pg-forgot-password .page-content {-webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.0); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.0); box-shadow: 0 0px 4px rgba(0,0,0,0.0);}
  .nav-tabs>li {margin-bottom: 0px}
  .nav-tabs>li.active {border-bottom: 2px solid #ddd }
  .sectionNewAnnouncement .crmEntityFormView, .sectionManageAnnouncement .crmEntityFormView {padding-top: 0}
  .sectionInquiryAnalytics h2 .btn {display: block; margin: 20px 0 0 0}
  .view-toolbar.grid-actions {display: none}
  .footer-login {background-color: #f3f3f3}
}