/*  New CSS */
html {
	font-size: 14px;
}

.table {
    color: black !important;
}

table td {
    font-weight: normal !important;
}

.bg-dark-blue {
	background-color: #13498A;
}

.bg-aqua {
	background-color: #80DAF5;
}

.bg-dark-aqua {
	background-color: #33ADCC;
}

.bg-teal {
	background-color: #007DA3;
}

.bg-green {
	background-color: #5AC923;
}

.bg-pale-green {
	background-color: #ACE392;
}

.bg-yellow-orange {
	background-color: #F2C94F;
}

.bg-peach {
	background-color: #F8E3A7;
}

.bg-orange-red {
	background-color: #F35031;
}

.bg-pink {
	background-color: #F9B8AC;
}

.bg-ink-blue {
	background-color: #140069;
}

.bg-cornflower-blue {
	background-color: #6490E8;
}

.bg-forest-green {
	background-color: #227D41;
}

.bg-lilac {
	background-color: #B57EBF;
}

.bg-wine {
	background-color: #8A004E;
}

.bg-rose {
	background-color: #E07085;
}

.bg-grape {
	background-color: #612685;
}

.bg-turquoise {
	background-color: #00A3A6;
}

.bg-jade-green {
	background-color: #16A873;
}

.bg-seafoam-green {
	background-color: #7BCEAF;
}

.bg-tomato-red {
	background-color: #BD0032;
}

.bg-maroon {
	background-color: #8A004E;
}

.bg-lime {
	background-color: #57C82A;
}

.bg-avocado {
	background-color: #ABE293;
}

.bg-amber {
	background-color: #F1C852;
}

.bg-light-apricot {
	background-color: #F7E2A7;
}

.bg-saffron {
	background-color: #F24F31;
}

.bg-clay-pink {
	background-color: #F8B7AB;
}

.bg-platinum {
	background-color: #D7D8D7;
}

.bg-plum {
	background-color: #913D75;
}

.bg-lavendar {
	background-color: #C79DB9;
}

.bg-light-grey {
	background-color: #f8f8f8;
}

.bg-medium-grey {
	background-color: #F2F2F2;
}

.container-background {
    background-color: #D3D3D3;
}

.bg-page-header {
	 background-color: #13498A;
}

.h1-page-header {
	font-size: 1.5rem;
}
.h4-page-header {
	font-size: 1.1rem;
}
.dropdown-item:hover,
.dropdown-item:hover {
	background-color: transparent !important;
}

.custom-card-header,
.custom-header {
	font-size: 1.2rem;
	display: inline;
	color: #494a4a !important;
}

.card-header-height-2-lines {
	min-height: 40px;
}

.menubar-link {
	font-size: 1.4rem;
}

.profile-menubar-link {
	font-size: 0.9rem;
}

.card-header i {
	font-size: 1.4rem;
	margin-right: 0.4rem;
}

.card-header-border-grey {
	border-color: #CACACA !important;
	border-width: 2px;
}

#pagecarddeck.card-deck {
	display: flex;
    flex-flow: row wrap;
    margin-right: -125px;
    margin-left: -125px;	
}

#pagecards.card
{
	flex: 1 0 0%;
    margin-right: -10px;
    margin-left: 15px
}

.card-header-border-teal {
	border-color: #007DA3 !important;
	border-width: 2px;
}

.card-header-border-yellow-orange {
	border-color: #ECB11C !important;
	border-width: 2px;
}

.card-filler {
	visibility: hidden;
}

.card-body-sm {
	min-height: 200px;
}

.card-body-sm-70 {
	min-height: 140px;
}

.card-body-sm-75 {
	min-height: 150px;
}

.card-body-md {
	min-height: 380px;
}

.card-body-md-70 {
	min-height: 266px;
}

.card-body-md-75 {
	min-height: 285px;
}

.card-body-md-80 {
	min-height: 304px;
}

.card-body-md-85 {
	min-height: 323px;
}

.card-body-md-90 {
	min-height: 342px;
}

.card-body-md-95 {
	min-height: 361px;
}

.card-body-lg {
	min-height: 600px;
}

.card-body-lg-80 {
	min-height: 480px;
}

.card-body-lg-85 {
	min-height: 510px;
}

.card-body-lg-90 {
	min-height: 540px;
}

.card-body-xl {
	min-height: 1000px;
}

.card-body-xl-80 {
	min-height: 800px;
}

.card-body-xl-90 {
	min-height: 900px;
}

.custom-card-footer {
	background-color: white !important;
	border-top: 0px !important;
}

.dashboard-tab-content .tab-pane {
	border-left: solid 1px #dee2e6;
	border-right: solid 1px #dee2e6;
	border-bottom: solid 1px #dee2e6;
	padding: .8rem;
	min-height: 380px;
	border-radius: 0 .25rem .25rem .25rem;
}

.dashboard-tab-content-lg .tab-pane {
	border-left: solid 1px #dee2e6;
	border-right: solid 1px #dee2e6;
	border-bottom: solid 1px #dee2e6;
	padding: .8rem;
	min-height: 590px;
	border-radius: 0 .25rem .25rem .25rem;
}

.dashboard-tab-content .tab-pane .container-row,
.container-row {
	min-height: 320px;
}

.container-row-sm {
	min-height: 220px;
}

.text-shout {
	font-size: 2rem;
	font-weight: bold;
}

.text-shout-xs {
	font-size: 1.2rem;
	font-weight: bold;
}

.text-shout-xxs {
    font-size: 1.15rem;
    font-weight: bold;
}

.text-shout-sm {
	font-size: 1.5rem;
	font-weight: bold;
}

.progress-custom {
	border: 0;
	border-radius: 0px;
	height: 16px;
	background-color: #ffffff;
}

.notifications-popover {
	max-width: 420px;
	width: 420px;
}

.notifications-popover-body {
	height: 420px;
	overflow-y: auto;
	font-size: 1rem;
}

.badge-notification {
	background: #D43417;
	position: relative;
	top: -20px;
	left: -18px;
	border: 2px solid white;
    border-radius: 50%;
	height: 24px;
	min-width: 24px;
	font-size: .8rem;
}

.badge-notification-transparent {
	background: transparent !important;
	color: transparent !important;
	border: 2px solid transparent !important;
	box-shadow: none !important;
}

.badge-square {
    border-radius: 3px;
	height: 26px;
	width: 26px;
	font-size: 1.05rem;
}

.notification-high-priority {
	background: #D43417;
	color: white !important;
}

.notification-medium-priority {
	background: #F2C94F;
	color: #3E403F !important;
}

.notification-low-priority {
	background: #5AC923;
	color: #3E403F !important;
}

.notification-neutral-priority {
	background: #5A768F;
	color: white !important;
}

.color-high-priority {
	color: #D43417;
}

.color-medium-priority {
	color: #F2C94F;
}

.color-low-priority {
	color: #5AC923;
}

.color-neutral-priority {
	color: #5A768F;
 }

.border-high-priority {
	border-color: #D43417 !important;
}

.border-medium-priority {
	border-color: #F2C94F !important;
}

.border-low-priority {
	border-color: #5AC923 !important;
}

.border-neutral-priority {
	border-color: #5A768F !important;
 }

.badge-round {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.badge-round-sm {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.badge-round-lg {
	height: 28px;
	width: 28px;
	padding: 6px;
	border-radius: 50%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.badge-rectangle {
	height: 24px;
	width: 160px;
	border-radius: .1rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 1rem;
	font-weight: normal;
}

.badge-status-in-progress {
	background: #007DA3;
}

.badge-status-closed {
	background: #5AC923;
}

.badge-status-upcoming {
	background: white;
	border: 1px solid black !important;
}

.badge-green {
	background: #5AC923;
}

.badge-red {
	background: #D43417;
}

.badge-grey {
	background: #949494;
}

.text-red {
	color: #D43417;
}

.text-green {
	color: #006900;
}

.text-bright-green {
	color: #5AC923;
}

.has-success .form-control {
	border-color: #ced4da !important;
}

.has-success .form-control:focus {
	border-color: #ced4da !important;
}

.was-validated .form-control:valid:focus,
.was-validated .custom-select:focus {	
	box-shadow: none !important;
}

.form-control.is-valid,
.was-validated .form-control:valid,
.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #ced4da !important;
    background: none !important;
}

.invalid-feedback,
.custom-invalid-feedback {
	font-weight: normal !important;
	font-size: 0.95rem !important;
	color: #dc3545;
}

.text-invalid {
	color: #dc3545;
}

.was-validated .form-control:invalid {
    border-color: #dc3545;
    background: none !important;
}

.spinner-border-md {
    width: 1.65rem;
    height: 1.65rem;
	border-width: 0.2em;
}

.blink {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

#systemNotifications {
	height: 830px;
	overflow-y: auto;
}

.icon-blue {
	color: #007DA3;
}

.btn-dashboard-blue {
	background-color: #1A62B3;
	color: white;
}

.btn-outline-dashboard-blue {
	border: 2px solid #1A62B3 !important;
	color: #1A62B3 !important;
}

.btn-outline-dashboard-blue:hover {
	border: 2px solid #EA1A1A !important;
	color: #EA1A1A !important;
}

.btn-outline-dashboard-blue:focus {
	border: 2px solid black !important;
	color: #EA1A1A !important;
}

.btn-dashboard-blue:hover:not(.btn-outline-dashboard-blue) {
	color: white;
	background-color: #EA1A1A !important;
}

.btn-dashboard-blue:focus:not(.btn-outline-dashboard-blue) {
	color: white;
	background-color: #EA1A1A !important;
	box-shadow: 0px 0px 0px 2px black inset;
}

.btn-delete-notification:hover {
	color: #EA1A1A !important;
}

.btn-delete-notification:focus {
	border: 1px solid #EA1A1A !important;
	color: #EA1A1A !important;
}

.btn-link.custom-header:focus {
	border: 1px dotted black !important;
}

button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
} 

.text-black-muted,
label {
	color: #494a4a;
}

.text-black {
	color: black;
}

.form-check  label {
	color: #494a4a;
	font-weight: normal;
}

.header-nav-link {
    display: block;
	border-radius: .25rem .25rem 0 0;
	background-color: #3d6899;
    padding-top: 10px;
    margin-right: .5rem;
    width: 320px;
    height: 50px;
    color: #ffffff;
    font-weight: bold;   
}

.header-nav-link.active {
	color: #000000;
	background-color: #ffffff;
}

.header-nav-link:not(.active):focus,
.header-nav-link:not(.active):hover {
	color: #ffffff;
	background-color: #4b7fb7;
}

.nav-link:not(.active) {
	color: #495057;
	background-color: #ededed;
	border-color: #dee2e6 !important;
}

.nav-link:not(.active):focus,
.nav-link:not(.active):hover {
	background-color: #f8f8f8;
}

.nav-link {
	margin-right: 4px;
	min-width: 100px;
}

.top-nav-container {
	-ms-flex: 0 0 41%;
	flex: 0 0 41%;
	max-width: 41%;
}

.section-nav-link:focus,
.section-nav-link:hover,
.section-nav-link.active {
	color: #13498A;
	border-bottom: 4px solid #13498A;
}

.section-nav-link {
	display: block;
	color: #717373;
	margin-right: 3rem;	
}

.nav-link.active {
	font-weight: bold;
}

ul#tabConcurrentTesting li.nav-item,
ul#tabTestWindowStatus li.nav-item {
	min-width: 12%;
}

ul#tabConcurrentTesting li:last-child {
	min-width: 76%;
}

a.data-nav-link {
	color: #0070C9 !important;
	text-decoration: none !important;
	cursor: pointer !important;		
}

.custom-select-narrow {
	width: 10rem;
}

.custom-select-md {
	width: 14rem;
}

.custom-select-auto {
	width: auto;
}

.k-calendar .k-state-selected {
	background-color: #007DA3;
}

.k-calendar .k-state-selected,
.k-calendar .k-state-focused,
.k-calendar .k-state-hover,
.k-calendar td.k-state-focused.k-state-selected {
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: bold;
}

.k-calendar .k-state-hover:not(.k-state-selected),
.k-calendar .k-state-focused:not(.k-state-selected) {
	background-color: #75a9b7;
}

.k-datepicker-error {
	border: 1px solid red !important;
}

.chart-container {
	height: 90%;
	width: 90%;
}

.chart-container-sm {
	height: 30%;
	width: 90%;
}

.chart-container-lg {
	height: 90%;
	width: 100%;
}

.calpads-date {
	font-size: 1.1rem;
}

/* < sortable tables > */

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
	bottom: .5em;
	right: 1em;
}

/*  < /sortable tables > */

.table-responsive-no-scroll {
	overflow-x: visible;
}

/*  < sizing to fill in the gaps in bootstrap > */
.h-55 {
	height: 55% !important;
}
.h-60 {
	height: 60% !important;
}
.h-80 {
	height: 80% !important;
}
.h-85 {
	height: 85% !important;
}
.h-90 {
	height: 90% !important;
}

.w-5 {
	width: 5% !important;
}
.w-10 {
	width: 10% !important;
}
.w-11 {
	width: 11% !important;
}
.w-12 {
	width: 12% !important;
}
.w-15 {
	width: 15% !important;
}
.w-18 {
	width: 18% !important;
}
.w-20 {
	width: 20% !important;
}
.w-30 {
	width: 30% !important;
}
.w-33 {
	width: 33.333333% !important;
}
.w-35 {
	width: 35% !important;
}
.w-40 {
	width: 40% !important;
}
.w-45 {
	width: 45% !important;
}
.w-60 {
	width: 60% !important;
}
.w-80 {
	width: 80% !important;
}

/* < /sizing to fill in the gaps in bootstrap > */

.pagination .page-item.disabled .page-link {
    color: #6E6F70 !important;
}

.pagination .page-item.active .page-link:hover {
    background-color: #4261E9 !important;
}

.pagination .page-item.active .page-link {
    color: #fff;
    background-color: #4261E9 !important;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.pagination .page-item .page-link:focus {
    outline: #2005B9 auto 2px;
}

.pagination .page-item.disabled .page-link:focus {
    outline: none;
}

#profileMenuLink:focus {
	outline: #3785C9 auto 2px;
}

#profileDisplayName {
	display: inline-block;
	width: 84px;
	vertical-align: bottom;
}

a.contact-link,
a.external-link {
	text-decoration: underline;
	color: #0070C9;
}

.notifications-popover:focus,
.notifications-popover > .card:focus {
	outline: none !important;
}
.centered 
{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index : 10000;
  opacity : 1;
  background : black;
  color : yellow;
  padding : 15px;
  border : 5px solid red;
  width : 700px;
  height : 350px;
  transform: translate(-50%, -50%);
}