@font-face { font-family: "KellySans-Regular"; src: url('/images/shared/Fonts/KellySans-Regular.otf') format('opentype'), url('/images/shared/Fonts/KellySans-Regular.woff2') format('woff2'), url('/images/shared/Fonts/KellySans-Regular.woff') format('woff'); }
@font-face { font-family: "KellySans-Light"; src: url('/images/shared/Fonts/KellySans-Light.otf') format('opentype'), url('/images/shared/Fonts/KellySans-Light.woff2') format('woff2'), url('/images/shared/Fonts/KellySans-Light.woff') format('woff'); }
@font-face { font-family: "KellySans-Bold"; src: url('/images/shared/Fonts/KellySans-Bold.otf') format('opentype'), url('/images/shared/Fonts/KellySans-Bold.woff2') format('woff2'), url('/images/shared/Fonts/KellySans-Bold.woff') format('woff'); }

body { display: block !important; background-color: #fff !important; color: #3D3936; color: #666 !important; font-family: 'KellySans-Light', sans-serif !important; font-weight: 300; font-size: 16px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'KellySans-Bold', sans-serif !important; color: #222; }
h1, h2 { font-size: 40px; text-align: center; padding-bottom: 40px;  margin: 40px 40px 0 40px }
h3 { font-size: 20px; }
a, a:visited, a:focus, a:active:focus, .text-primary { color: #00b142; outline: none !important; border: 0px; text-decoration: none !important; transition-duration: 200ms }
a:hover, a.text-primary:hover { color: #78BF26; text-decoration: none !important }
b, strong { font-family: 'KellySans-Bold', sans-serif !important }

.page-copy { padding-bottom: 40px; padding-top: 68px; min-height: calc(100vh - 55px); }
input[type=text], input[type=password], input[placeholder="Search"], input.query { background-color: #f3f3f3 !important; border-color: #eee !important; border-radius: 3px; box-shadow: inset 0px 0px 0px rgb(0 0 0 / 0%); }
.crmEntityFormView .form-control[readonly][disabled], .crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control { background-color: #fff !important; }
.crmEntityFormView .form-control.readonly:focus, .crmEntityFormView .form-control[readonly][disabled]:focus, .form-readonly .form-control:focus {outline: none}
textarea.form-control, select.form-control { background-color: #f3f3f3 !important; border-color: #eee !important; border-radius: 3px; box-shadow: inset 0px 0px 0px rgb(0 0 0 / 0%); }
.form-control:focus, select.form-control:focus { outline: none; border-color: #979797 !important; box-shadow: inset 0px 0px 0px rgb(0 0 0 / 0%); }
.table-striped {text-align: left}

.btn, a.btn:visited, .btn-primary, .btn-default:visited, .btn-default, .btn-default:focus, .input-group-addon { line-height: 40px; padding: 0 20px; border: 0px; border-radius: 20px; background: #2D2C2B; color: #fff !important; font-size: 14px; font-weight: bold; cursor: pointer; outline: none }
.btn:hover, a.btn:hover, .btn-default:hover, a.btn-default:hover, .btn:focus, .btn:active, .btn:focus:active, .input-group-addon:hover { background: #333333; outline: none; box-shadow: inset 0px 0px 0px rgb(0 0 0 / 0%); }
.submit-btn, .btn-primary, .submit-btn:visited, a.submit-btn:visited { background-color: #00B142; background-image: linear-gradient(90deg, #78BF26, #00B142); }
.submit-btn:hover, .submit-btn:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus:active { background-image: none; background-color: #78BF26; outline: none; box-shadow: inset 0px 0px 0px rgb(0 0 0 / 0%); }
.input-group-btn button, .input-group-btn button:focus, .input-group-addon { line-height: 33px; border-radius: 17.5px; border-radius: 0; }
.dropdown-menu > li > a, .dropdown-menu > li > a:visited, .dropdown-menu > li > a:hover { color: #666 !important; margin-left: 0 !important; padding: 5px 20px; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { background-color: transparent }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {background-color: #ccc !important}
label { font-weight: normal }
.crmEntityFormView, .entitylist, .modal-content, .popover-content, .crmEntityFormView .actions { border: 0px }
.crmEntityFormView .tab-title {border: 0px}
.crmEntityFormView .cell .field-label {color: #979797}
.crmEntityFormView .actions { border: 0px }
.form-action-container-left {float: none !important}
.actions {text-align: center}
.entity-grid .message {text-align: center}

.wrapper-body { min-height: calc(100vh - 123px); }
.panel { background-color: transparent }
.navbar {line-height: 68px}
.navbar .container, .footer .container { width: 100% !important }
.navbar .skip-to-content {display: none}
.navbar-header { margin: 0 !important }
.navbar-header .navbar-right { margin: 0 !important}
.navbar-brand { padding-left: 0; padding-right: 0 }
.navbar-brand img.logo, img.logo-mobile { height: 30px !important; width: auto !important; margin-top: 12px }
.navbar-brand img.logo:nth-of-type(1) {margin-right: 20px}
img.logo-mobile:nth-of-type(1) { margin-right: 10px }
img.logo-mobile { margin-top: 2px }
.navbar, .navbar-static-top.navbar-inverse { min-height: 68px; box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 10%); position: fixed; width: 100%; }
.navbar-middle { display: inline-block; line-height: 68px; padding-left: 40px; font-size: 18px }
.navbar-middle a, .navbar-middle a:visited, .navbar-nav a, .navbar-nav a:visited { color: #979797 !important }
.navbar-middle a:hover, .navbar-nav a:hover { color: #222 !important; transition-duration: 200ms; background: transparent !important; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #222 !important }
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a { font-family: 'Open Sans', sans-serif; font-weight: 300 }
.navbar-collapse { text-align: center }
.navbar-toggle, .navbar-inverse .navbar-toggle:focus { margin: 18px 0 0 0 !important; background: transparent !important; border: 0px !important; opacity: 0.5; transition-duration: 200ms }
.navbar-toggle:hover {opacity: 1; background: transparent !important}
.navbar-toggle .icon-bar { border-color: #222; }
.dropdown-toggle svg { display: inline-block; vertical-align: bottom; margin-left: 10px; height: 24px; }
.dropdown-toggle svg path { fill: #979797; transition-duration: 200ms; }
.dropdown-toggle .caret { display: none }
.navbar-nav .divider-vertical { display: none}
.navbar-nav.weblinks li > a { padding: 0 20px; line-height: inherit }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav .open .dropdown-menu, .navbar-inverse .navbar-nav > li > a:focus { background-color: #fff !important }
.navbar-inverse .navbar-nav > li > a:focus {outline: none; border: 0px !important}
.dropdown-menu {line-height: 40px; text-align: center; margin-top: 0 !important; border: 0; padding: 0; min-width: 260px}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { outline: none; border: none }
.dropdown-menu .dropdown-item {display: block}
.dropdown-menu .divider { display: none }

.footer, footer .footer-bottom { background-color: #333333; color: #979797; }
.footer .column { width: 70%; float: left; line-height: 30px }
.footer .column:nth-of-type(2) { width: 30%; text-align: right; font-size: 16px; font-weight: bold }
.footer a, .footer a:visited { color: inherit !important }
.footer img { height: 30px; opacity: 0.6 }

.modal-dialog {max-height: calc(100vh - 40px); overflow-y: auto}
.modal-dialog .wrapper-body {height: auto}
.modal-header { border: 0px }
.modal-title .fa {display: none}
.modal-footer { text-align: center; border: 0 }
.modal-footer .pull-right {float: none !important}

.section-header { padding-bottom: 50px }
.section-header img { max-width: 100% }

.nav-account { margin-top: 40px; text-align: center; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px }
.nav-account > li .fa-sign-in {display: none}
.nav-account > li { float: none; display: inline-block; margin: 0; font-size: 14px; }
.nav-account > li > a { color: #979797; border: 0px; outline: 0px; }
.nav-account > li > a:hover { color: #222; background: transparent; border: 0px; outline: 0px; }
.nav-account > li.active > a, .nav-account > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0 }
.login-heading-section {text-align: left; border-bottom: 0; color: #222; padding-left: 40px}
button[name="provider"] {margin-left: 40px}
.btn[title="Forgot your password?"], .btn[title="Forgot your password?"]:visited, .btn-default[title="Forgot your password?"]:visited { color: #ccc !important; background: transparent; background-image: none; font-weight: normal }
.btn[title="Forgot your password?"]:hover, .btn-default[title="Forgot your password?"]:hover, .btn[title="Forgot your password?"]:focus { color: #000; background: transparent; box-shadow: inset 0px 0px 0px rgb(0 0 0 / 0%); }
.forgot-password-heading, .forgot-password-heading:focus-within { font-size: 40px; font-family: inherit; outline: 0px; border: 0px; margin-bottom: 40px; margin-top: 20px}

.sectionHome { background: url(bg-home.jpg) no-repeat; background-size: cover; height: calc(100vh - 123px); position: relative; margin-bottom: -40px !important; }
.sectionHome .box-welcome, .sectionHome .box-new-request { width: 460px; position: absolute; left: 50%; top: 50%; margin-left: -230px; margin-top: -140px; text-align: center }
.sectionHome .box-welcome h1 { font-size: 50px; color: #fff; }
.sectionHome .box-welcome h1 span { font-size: 22px; font-family: 'KellySans-Light', sans-serif; display: block; font-weight: normal; padding-bottom: 5px }
.sectionHome .box-new-request { margin-top: -100px; }
.sectionHome .box-new-request:before { width: 300px; height: 300px; border-radius: 150px; display: block; background: #000; opacity: 0.5; position: absolute; content: ""; display: block; left: 80px; top: -70px; z-index: 0; }
.sectionHome .box-new-request a {position: relative; z-index: 1}
.sectionHome .box-new-request img { width: 80px; margin-bottom: 30px }

.sectionNewrequest {padding-top: 40px; }
.sectionNewrequest .progress-numeric { box-shadow: 0px 0px 0px 0 #fff !important; border: 0px !important }
.sectionNewrequest h2 {margin-top: 20px; border: 0px}
.sectionNewrequest .actions .col-sm-6 {width: 100%}
.grid-actions {border: 0}
.sectionNewrequest .view-grid { overflow: visible; position: relative; }
.sectionNewrequest .view-grid > span:nth-of-type(1) { position: absolute; left: 0; top: -40px }
.view-grid .table > thead > tr > th { border-bottom: 0px; font-size: 12px; color: #ccc; font-weight: normal; position: -webkit-sticky; position: sticky; top: 0; background-color: #fff; -webkit-box-shadow: inset 0px -1px 0px 0px #dddddd; box-shadow: inset 0px -1px 0px 0px #dddddd; }
.view-grid .table > thead > tr > th a, .table > thead > tr > th a:focus { color: #ccc; font-weight: normal }
.view-grid .table tbody tr:nth-of-type(1) td {border-top: 0}
.sectionNewrequest .col-md { width: 100% }
.sectionNewrequest .form-custom-actions .col-sm-6 { width: 100% }
.sectionNewrequest .form-custom-actions .col-sm-6 .form-action-container-left {display: inline-block }

.sectionNewrequest .entity-lookup .view-grid { overflow: auto !important }

.sectionDetails { }
.sectionDetails h2 { padding-bottom: 0 }
.sectionDetails .toolbar-actions { position: absolute; right: 0; top: -40px; }
.sectionDetails .view-grid { max-height: calc(100vh - 240px); overflow-y: auto; }

.sectionPending { }
.sectionPending .toolbar-actions { position: absolute; right: 0; top: -80px; }
div[data-name="location_custom_tab"] .control  { text-align: left}

.sectionSupplier { }
.sectionSupplier .tab-column {margin-top: 40px; text-align: left}
.sectionSupplier fieldset {padding-bottom: 20px}
.sectionSupplier fieldset:nth-of-type(1) {margin-bottom: 10px}
.sectionSupplier fieldset:nth-of-type(2) { padding-bottom: 0; margin-bottom: 10px }
.sectionSupplier [data-name="location_custom_tab"] fieldset:nth-of-type(3) { margin-bottom: 0 }
.sectionSupplier .col-md { width: 100% }
.sectionSupplier [data-name="location_custom_tab_section_6"], .sectionSupplier [data-name="location_custom_tab_section_7"] { border-bottom: 1px solid #ccc }
.sectionSupplier [data-name="location_custom_tab_section_5"], .sectionSupplier [data-name="location_custom_tab_section_6"] { border-bottom: 1px solid #ccc }
.sectionSupplier .info {padding-right: 10px}
.sectionSupplier .info, .sectionSupplier .control { display: inline-block; float: left; width: 50%; clear: none !important; vertical-align: top }
.sectionSupplier .validators { display: inline }
.sectionSupplier .validators span[style="visibility:hidden;"] { display: none }
.sectionSupplier [data-name="location_custom_tab_section_7"] {line-height: 35px}
.sectionSupplier [data-name="location_custom_tab_section_7"] .control .datetimepicker:nth-of-type(2) { display:none }
.sectionSupplier [data-name="location_custom_tab_section_3"] .info, .sectionSupplier [data-name="location_custom_tab_section_5"] .info { width: calc(100% - 70px) }
.sectionSupplier [data-name="location_custom_tab_section_3"] .control, .sectionSupplier [data-name="location_custom_tab_section_5"] .control, .sectionSupplier [data-name="location_custom_tab_section_7"] tr:nth-of-type(3) .control, .sectionSupplier [data-name="location_custom_tab_section_8"] .control { width: 70px }
.sectionSupplier [data-name="location_custom_tab_section_7"] .control input { padding-top: 0; padding-bottom: 0; }
.sectionSupplier [data-name="location_custom_tab_section_8"] { margin-top: 20px; border-bottom: 1px solid #ccc }
.sectionSupplier [data-name="location_custom_tab_section_8"] .cell {padding-bottom: 20px; padding-top: 20px}
.sectionSupplier [data-name="location_custom_tab_section_8"] .info .field-label { line-height: 35px }
.sectionSupplier [data-name="location_custom_tab_section_8"] .new_veteranstatus textarea {width: 70%; }
.sectionSupplier [data-name="location_custom_tab_section_5"] { margin-top: 20px; border-bottom: 1px solid #ccc }
.sectionSupplier [data-name="location_custom_tab_section_5"] .cell {padding-bottom: 20px; padding-top: 20px}
.sectionSupplier [data-name="location_custom_tab_section_5"] .info .field-label { line-height: 35px }
.sectionSupplier [data-name="location_custom_tab_section_3"] tr:nth-of-type(1) .form-control-cell::before { font-weight: bold; display: block; font-size: 20px; color: #000; text-align: left; padding-bottom: 40px; width: 100% }
.sectionSupplier [data-name="location_custom_tab_section_3"] .form-control-cell { border-right: 1px solid #ccc }
.sectionSupplier [data-name="location_custom_tab_section_3"] .form-control-cell:nth-of-type(3) { border-right: 0px }
.sectionSupplier [data-name="location_custom_tab_section_3"] tr:nth-of-type(1) .form-control-cell:nth-of-type(1)::before { content: "Male"; }
.sectionSupplier [data-name="location_custom_tab_section_3"] tr:nth-of-type(1) .form-control-cell:nth-of-type(2)::before { content: "Female"; }
.sectionSupplier [data-name="location_custom_tab_section_3"] tr:nth-of-type(1) .form-control-cell:nth-of-type(3)::before { content: "Did Not Disclose"; }
.sectionSupplier [data-name="location_custom_tab_section_4"] { margin-top: 20px !important; border-top: 1px solid #ccc }
.sectionSupplier [data-name="location_custom_tab_section_4"] .boolean-radio-cell {padding-top: 40px}
.sectionSupplier [data-name="location_custom_tab_section_4"] .description {padding-bottom: 20px}
.sectionSupplier [data-name="location_custom_tab_section_4"] .info, .sectionSupplier [data-name="location_custom_tab_section_4"] .control { width: 100% }
.sectionSupplier [data-name="location_custom_tab_section_4"] .control select {width: 33.3333%}
.sectionSupplier [data-name="location_custom_tab_section_8"] #new_veteranstatus_label { font-size: 14px }

.sectionApprovalDetail { }
.sectionApprovalDetail .tab-column { margin-top: 40px; text-align: left }
.sectionApprovalDetail fieldset { padding-bottom: 20px; line-height: 35px }
.sectionApprovalDetail fieldset:nth-of-type(1) { border-bottom: 1px solid #ccc; padding-bottom: 0 }
.sectionApprovalDetail fieldset:nth-of-type(2) {margin-top: 20px}
.sectionApprovalDetail fieldset:nth-last-of-type(1) { border-top: 1px solid #ccc; padding-bottom: 0; padding-top: 40px }
.sectionApprovalDetail fieldset table { border-bottom: 1px solid #ccc }
.sectionApprovalDetail .info, .sectionApprovalDetail .control { display: inline-block; float: left; width: 50%; clear: none !important; vertical-align: top }
.sectionApprovalDetail .info { padding-right: 10px }
.sectionApprovalDetail .validators { display: inline }
.sectionApprovalDetail .validators span[style="visibility:hidden;"] { display: none }
.sectionApprovalDetail input[type=text] { padding: 0; height: auto; margin-top: -2px; line-height: 35px }
.sectionApprovalDetail .text-muted { line-height: normal }
.sectionApprovalDetail [data-name="approver_screen_tab_section_2"] { width: 50%; border-bottom: 0px }
.sectionApprovalDetail .control .datetimepicker:nth-of-type(2) { display: none }
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] { border-bottom: 0}
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] label {line-height: normal}
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] input[type=text] { line-height: normal }
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] tr:nth-of-type(1) .form-control-cell::before { font-weight: bold; display: block; font-size: 20px; color: #000; text-align: left; padding-bottom: 40px; width: 100% }
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] .form-control-cell { border-right: 1px solid #ccc }
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] .form-control-cell:nth-of-type(3) { border-right: 0px }
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] tr:nth-of-type(1) .form-control-cell:nth-of-type(1)::before { content: "Male"; }
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] tr:nth-of-type(1) .form-control-cell:nth-of-type(2)::before { content: "Female"; }
.sectionApprovalDetail [data-name="approver_screen_tab_section_3"] tr:nth-of-type(1) .form-control-cell:nth-of-type(3)::before { content: "Did Not Disclose"; }
.sectionApprovalDetail [data-name="approver_screen_tab_section_4"] { border-bottom: 0; width: 50%}
.sectionApprovalDetail [data-name="approver_screen_tab_section_4"] .boolean-radio-cell input { margin-right: 10px !important }
.sectionApprovalDetail [data-name="approver_screen_tab_section_4"] .boolean-radio-cell label { vertical-align: top; line-height: normal; }

.sectionManageSuppliers .entitylist-filter, .sectionManageClients .entitylist-filter, .sectionBulkRequestStatus .entitylist-filter { border: 0px; display: inline-block; width: 310px; }
.sectionManageSuppliers .entitylist-filter {width: 605px}
.sectionManageSuppliers .entitylist-filter .panel-body { position: relative }
.sectionManageSuppliers .entitylist-filter .entitylist-filter-option-group-label.h4, .sectionManageClients .entitylist-filter .entitylist-filter-option-group-label.h4, .sectionBulkRequestStatus .entitylist-filter .entitylist-filter-option-group-label.h4 { font-size: 12px; color: #ccc }
.sectionManageSuppliers .entitylist-filter #entitylist-filters, .sectionManageClients .entitylist-filter #entitylist-filters { display: inline-block }
.sectionManageSuppliers .entitylist-filter .pull-right, .sectionManageClients .entitylist-filter .pull-right { margin-top: 30px }
.sectionManageSuppliers .entitylist-filter .pull-right {position: absolute; top: 85px; right: 125px}
.sectionManageSuppliers .grid-actions, .sectionManageClients .grid-actions { display: inline-block; float: right; margin-top: -85px; }

.sectionNewBulkImport .supplier-form {margin-top: 40px}
.sectionNewBulkImport .supplier-form .crmEntityFormView .cell { padding-left: 0px; padding-right: 0px }
.sectionBulkRequestDetails [aria-label="General"]:nth-of-type(1) .info, .sectionBulkRequestDetails [aria-label="General"]:nth-of-type(1) .control { display: inline-block; float: left; width: 50%; clear: none !important; vertical-align: top }
.sectionBulkRequestDetails .crmEntityFormView .status {padding-left: 0; padding-right: 0}
.sectionBulkRequestStatus .entitylist-filter {width: auto}
.sectionBulkRequestStatus #entitylist-filters, .sectionBulkRequestStatus #entitylist-filters > li { display: inline-block }
.sectionBulkRequestStatus .entitylist-filter .pull-right { margin-top: 33px; margin-left: 10px; }
.sectionBulkRequestStatus .entitylist-filter .checkbox {margin: 0}
.sectionBulkRequestStatus .grid-actions { position: absolute; top: -80px; right: 0; width: 240px; }
.sectionBulkRequestStatus .entitylist-search { padding-bottom: 94px; }
.sectionBulkRequestStatus .view-grid { max-height: calc(100vh - 380px); overflow-y: auto; }

#CybotCookiebotDialog a, #CybotCookiebotDialog a:hover { color: #222 !important; border-bottom: 1px solid #ccc }
.sectionAccessdenied .columnBlockLayout {text-align: center; padding-top: 100px}

@media (min-width: 1200px) { .navbar-right { margin: 0px; padding-top: 0; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin: 0}
    .navbar-nav > li > a {padding: 0}
    .navbar-nav {margin: 0}
}
@media (max-width: 1199px) {
    .navbar-nav.weblinks li > a {line-height: 40px}
    .sectionSupplier [data-name="location_custom_tab_section_8"] #new_veteranstatus_label { line-height: 18px; }
}

@media only screen and (max-width : 767px) {
    .visible-xs-block { display: inline-block !important; width: 255px; line-height: 50px }
    .navbar, .navbar-static-top.navbar-inverse { min-height: 50px }
    .navbar-right.menu-bar { padding-top: 0 !important }
    .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; line-height: 60px }
    .footer img { height: 16px }
}