.pagination li {
	--bs-pagination-focus-box-shadow: 0 0 0 0.10rem #000000;
}

ul.nav.nav-tabs.nav-account {
	display: none;
}

.wrapper-body{
	min-height: calc(100vh - 70px) !important;
	display: flex;
	flex-direction: column;
	padding-top: 64px;
}

.signinpage,
.forgotPasswordPage,
.registerpage {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

label.col-form-label.required::after {
	content: ' *';
	color: red;
}

label.col-form-label.required::before {
	content: '';
}

#content-container.signinpage,
#content-container.forgotPasswordPage,
#content-container.registerpage {
	border-radius: 10px;
    margin: 15px;
    max-width: calc(100% - 30px);
    background: linear-gradient(to bottom, rgba(3, 55, 100), rgb(29 70 171 / 54%));
}

.icon2 {
	margin-right: 5px;
	max-width: 3%;
	margin-bottom: 3px;
}

button.btn.btn-primary:disabled, input.btn.btn-primary:disabled {
	background-color: #c0bfbf !important;
	color: #7b7070 !important;
	border: 1px solid #c0bfbf !important;
	border-radius: 5px !important;
}

button.btn.btn-primary:focus, input.btn.btn-primary:focus {
	outline: none;
}

button.btn.btn-primary.btn-line:hover {
	background-color: white;
	border-color: black;
}

#loginValidationSummary, .validation-summary-errors, #ValidationSummary1
{
	border: 1px solid red;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#loginValidationSummary:focus-visible, .validation-summary-errors:focus-visible, #ValidationSummary1:focus-visible
{
	outline: none;
}

#loginValidationSummary > ul > li > a, .validation-summary-errors > ul > li,
#ValidationSummary1 > ul > li, #ValidationSummary1 > ul > li > a
{
	text-decoration: none;
	font-size: 12px;
	font-weight: 200;
	font-family: Arial;
	margin: 0px;
}



@media only screen and (max-width: 600px) {

	.icon2 {
		max-width: 7%;
	}

	.candidate-error-icon{
		background-size: 8% !important;
	}

	.bootstrap-datetimepicker-widget.dropdown-menu {
		max-width:  calc(100vw - 50px);
	}
	.bootstrap-datetimepicker-widget table{
		font-size: 13px;
	}
}

@media only screen and (min-width: 1024px) {

	.globe-icon{
		max-width: 55% !important;
		margin-right: 5px;
	}

	.candidate-error-icon{
		background-size: 6% !important;
	}
}

input.form-control, textarea.form-control, select.form-control {
	border-bottom: 2px solid gray;
	border-radius: 5px;
}

input::placeholder{
	color: gray !important;
}

input.form-control:focus, textarea.form-control:focus, textarea.form-control.focus, select.form-control:focus, select.form-control.focus{
	border: 1px solid #000 !important;
	border-bottom: 2px solid #000 !important;
	border-radius: 5px !important;
}


/* Styling for Header */

#header-signin-btn, #header-signin-btn:hover{
	background-color: #0F6CDB !important;
	color: white !important;
	border: none !important;
	border-radius: 5px !important;
	padding: 5px !important;
    margin-top: 8px !important;
	text-decoration: none;
	text-align: center;
	font-size: calc(1em + 0.4vw) !important;
}

.row.sectionBlockLayout{
	margin-right: 0px;
	margin-left: 0px;
}

#siteLogo{
	display: none;
}

.siteTitle{
	color: #0F6CBD !important;
	font-size: calc(1.3em + 0.8vw) !important;
}

/* breadcrumb for mobile */
button.navbar-toggler, button.navbar-toggler:focus, button.navbar-toggler:focus-visible, button.navbar-toggler:hover{
	background-color: white !important;
	border-color: white !important;
	float: left;
}

/* Bug 1093413: Ensure visible focus indicator on Toggle Navigation button */
button.navbar-toggler:focus, button.navbar-toggler:focus-visible{
	outline: 2px solid -webkit-focus-ring-color !important;
}

.navbar-dark .navbar-toggler .navbar-toggler-icon{
	background-color: white !important;
	border-color: #0F6CBD !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%230F6CBD' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.navbar.navbar-dark.static-top > .container{
	width: calc(100% - 30px);
	max-width: calc(100% - 30px);
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.navbar.navbar-dark.static-top{
	background-color: white;
	padding: 0px;
	width: 100%;
    position: fixed;
	z-index: 999;
	top: 0px;
}

@media only screen and (min-width:1200px){
.header-divider-vertical{
	height: 40px;
    float: right;
    border-left: 5px solid #0F6CBD;
    margin-top: 10px;
	margin-right: 30px;
}
#search-signin-header{
	float: right !important;
}

#primary-pages-navigation{
	width: auto !important;
}

#search-div{
	margin-top: 9px !important;
	margin-right: 15px;
}

#navbar{
	float: right !important;
}

.navbar-header{
	float: left;
}
}

.navbar-collapse.show
{
	overflow-y: visible;
}

.dropdown-toggle::after {
  display: none !important;
}

#primary-pages-navigation > li > a{

	color: black !important;
	text-decoration: none;
	background-color: unset;
	padding-right: 15px;
    padding-left: 15px;
}

#primary-pages-navigation > li > a:hover, #primary-pages-navigation > li > a:focus, 
#primary-pages-navigation > li > a:focus-visible, #search-signin-header > li > a:hover, 
#search-signin-header > li > a:focus, #search-signin-header > li > a:focus-visible{
	background-color: unset;
	/*border: 0px !important;*/
}

.dropdown-menu-end, .dropdown-menu{
	background-color: white !important;
}

.dropdown-menu-end, .dropdown-menu > li > a{
	background-color: white !important;
	color: black !important;
	text-decoration: none;
	border: 0px !important;
}

.dropdown-menu-end, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	text-decoration: none !important;
	padding: 3px 15px !important;
}

#primary-pages-navigation{
	float: left !important;
	width: 100%;
}

#navbar > .ms-auto{
	float: none !important;
}

#search-signin-header{
	float: left;
}


 /*search bar */

.full-search-bar{
	float: left;
}

#search-div{
	display: inline-flex;
	margin-left: 17px;
    margin-top: 10px !important;
    margin-bottom: 10px;
}

#q {
	background: #f5f5f5;
	outline: none;
	border: 1px solid gray;
	border-radius: 20px;
	padding: 0 35px 0 15px;
}
  
#searchButton {
	height: 35px;
	margin-left: -35px;
	background: none;
	border: none;
	outline: none;
}

.profile-card > li > a{
	font-size: 80%;
	text-decoration: none !important;
	color: #0F6CBD !important;
}

.btn-primary
{
	background-color: #0F6CDB !important;
	color: white !important;
	border-radius: 5px !important;
	padding: 6px 6px !important;
	font-weight: 400 !important;
}

.btn-default
{
	background-color: white !important;
	border: 1px solid #8A8886 !important;
	border-radius: 5px !important;
	color: #323130 !important;
	outline: none !important;
	padding: 6px 8px !important;
	font-weight: 400 !important;
	border-bottom: 2px solid #8A8886 !important;
}

.btn-default:disabled
{
	background-color: #c0bfbf !important;
	color: #7b7070 !important;
	border: 1px solid #c0bfbf !important;
}

.btn-default:focus, .btn-primary:focus, .btn-primary.focus{
	border: 2px solid black !important;
}

.modal {
    display: none;
    position: fixed;

    /*z-index: 3;  
    padding-top: 300px;*/   /* commenting as modal for changing profilePic in account settings getting issues */

    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}
  
.modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
	border-radius: 0px;
}

.candidate-error-icon{
	background-image: url('/ErrorIcon.png');
	background-repeat: no-repeat;
	background-position: left;
	background-size: 7.8%;
}

.pagination > li > a {
	font-size: 14px;
	width: auto;
	height: auto;
}

footer .footer-bottom{
	background-color: rgb(243, 242, 241) !important;
	justify-content: flex-end;
}

.smallText{
	font-size: 14px !important;
	margin: 0px 5px !important;
}

.copilot-info-banner{
	padding: 5px 20px;
	background-color: rgb(243, 242, 241);
	border: 1px solid gray;
	border-radius: 5px;
	margin-bottom: 15px;
	color: rgb(76, 76, 72);
	font-size: 13px;
	font-weight: 500;
}

h2.page-heading {
  color: #616161;
  font-family: 'Segoe UI';
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: left;
  padding: 19px 0px;
  flex-grow: 1;
  border-bottom: 0px;
}

.page-link:focus {
  	outline: 1px auto -webkit-focus-ring-color;
	box-shadow: none !important;
}

@supports (-moz-appearance:none) {

	/* CSS rules for Firefox only */
	.page-link:focus {
		outline: 1px auto;
	}
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 17.5em;
}

@media (forced-colors: active) {
  .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='buttonText' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    forced-color-adjust: auto;
  }
}

.modern-subgrid .entity-grid,
.modern-subgrid .entitylist,
.modern-subgrid .view-toolbar.grid-actions {
	border: none;
}

.modern-subgrid .entity-grid table {
	font-size: 14px;
}

.modern-subgrid .entity-grid table td {
	border-width: 1px;
	padding: 11px 16px;
	vertical-align: middle;
}

.modern-subgrid .entity-grid table td a{
	text-decoration: none;
    color: #0F6CBD;
}

.modern-subgrid .entity-grid table th {
	padding: 11px 16px;
	border-width: 0px;
	border-bottom-width: 1px;
}

.modern-subgrid .entity-grid table th a {
	font-weight: 700;
	text-decoration: none;
	color: #323130;
	font-family: inherit;
}

.modern-subgrid .command-bar {
	height: 43px;
	padding: 4px 10px;
}

.modern-subgrid .command-bar h1,
.modern-subgrid .command-bar h2,
.modern-subgrid .command-bar h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}

.modern-subgrid .command-bar .btn {
	font-size: 14px;
}

.modern-subgrid .command-bar .btn i {
	margin-right: 5px;
}

.modern-subgrid .command-bar .btn:hover {
	background-color: rgb(245, 245, 245);
}

.modern-subgrid .toolbar-actions .entitylist-search{
	margin-top: 5px;;
}

.modern-subgrid .toolbar-actions .entitylist-search input,
.modern-subgrid .toolbar-actions .entitylist-search button {
	background-color: #F5F5F5 !important;
	margin-left: 5px !important;
	border: none !important;
}

.modern-subgrid .toolbar-actions .entitylist-search button {
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

.modern-subgrid .toolbar-actions .entitylist-search button:focus,
.modern-subgrid .toolbar-actions .entitylist-search input:focus {
	border: 1px solid #000 !important;
	border-bottom: 2px solid #000 !important;
	border-radius: 5px !important;
}

.modern-subgrid #entitylist-filters {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	margin: 0;
}

.modern-subgrid .entitylist-filter-option-group-label {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
}

.modern-subgrid .entitylist-filter-option-text select,
.modern-subgrid .entitylist-filter-option-text input {
	height: 30px;
	border-bottom: 1px solid #ced4da;
	padding-top: 2px;
}

.modern-subgrid .entitylist-filter-option-text .input-group-text {
	height: 30px;
}

.modern-subgrid .card-body .float-end {
	display: flex;
	align-items: flex-end;
}

.modern-subgrid .btn-entitylist-filter-submit {
	height: 30px;
	padding: 0 18px;
	border-radius: 6px;
	font-weight: 500;
	color: white;
}

.modern-subgrid .status-pill {
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	display: inline-block;
	font-weight: 500;
}

.modern-subgrid .row-selected {
	background-color: #eaf4ff !important;
}

.modern-subgrid .view-empty.message,.modern-subgrid .view-empty.message .alert-warning{
	background-color: #FFFFFF;
    color: #424242;
    border: none;
	text-align: center;
}

.hidden{
	display: none !important;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #e5e5e5;
    border-top: 4px solid #6366f1;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: auto;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.modern-subgrid .command-bar .overflow-dropdown-menu{
    width: 300px;
    z-index: 3;
    position: absolute;
    display: none;
    right: 0;
}
.modern-subgrid .command-bar .overflow-dropdown-menu .btn{
	text-align: start;
    width: 100%;
	padding: 5px 20px;
}
.modern-subgrid .command-bar .overflow-dropdown-menu .btn i,.modern-subgrid .command-bar .overflow-dropdown-menu .btn svg{
	margin-right: 10px;
}

.modern-subgrid .command-bar .btn.overflow-button{
	box-shadow: none;
}

@media only screen and (max-width: 600px) {

	.modern-subgrid .view-toolbar.grid-actions {
		flex-direction: column;
	}
}