* {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif, "Times New Roman", Calibri, "Comic Sans MS";
    -webkit-font-smoothing: antialiased;
}

html {
  overflow-y: scroll;
}

/*#region ******************BACKGROUND COLORS START*******************/
.bgh-blue {
    background-color: lightblue;
}
.bgh-blue-dark {
    background-color: #86c5da;
}
.series-header-bg {
  background-color: #e4efff !important; /*[DJ] verified PD-968*/
}
.admission-header-bg {
  background-color: #e0ffdc !important; /*[DJ] verified PD-968*/
}
.cm-header-bg {
  background-color: #ffd4d4 !important; /*[DJ] verified PD-968*/
}
.series-body {
  background-color: #e9f2ff; /* The color #e9f2ff is 'Applicant-CI blue' */
}
.applicant-cii-body {
  background-color: #e9f2ff; /* The color #e9f2ff is 'Applicant-CI blue' */
  border: double #3c8dbc 5px; /* The color #3c8dbc is the blue from the Top Border of all our Card elements */
}

.cm-bg-body {
  background-color: #ffe9e9;
}
.ad-body {
    background-color: #eeffec;
}
.assessment-header-bg {
  background-color: #e4efff !important; /*[DJ] verified PD-968*/
}
.ancillary-header-bg {
  background-color: peachpuff !important;
}
.ancillary-body-bg {
  background-color: papayawhip !important;
}

[disabled].form-control,
[readonly].form-control,
select[readonly],
input[readonly] {
    background-color: #EEEEEE;
}

.readonly {
  background-color: #EEEEEE !important; /*[DJ] verified PD-968*/
}
/*#endregion  ******************BACKGROUND COLORS END*******************/

/*#region ******************FORMS START *******************/
form * {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif, "Times New Roman", Calibri, "Comic Sans MS";
}

.fixed-width-input-short {
  width: 5.25rem;
  height: 2rem !important; /*[DJ] verified PD-968*/
  display: inline-block;
  margin-left: .626rem;
  margin-right: .626rem;
  padding: 0 0.75rem 0 0.75rem !important; /*[DJ] verified PD-968*/
}

.form-item-group {
    float: left;
    width: 15rem;
    margin: .188rem;
}

.form-control input.selection { /*[DJ] verified PD-968 'selection' class only used in date-picker-template and time-picker-template*/
  top: 0px !important;
  width: 11.563rem !important;
  margin: 0px !important;
  margin-left: .25rem !important;
  padding: 0px !important;
  height: inherit !important;
  border-radius: 0px !important;
  border-width: 0px !important;
}

.form-control .selbtngroup,
.form-control .selbtngroup > button {
  width: 1.625rem;
  height: inherit !important; /*[DJ] verified PD-968*/
}

input, textarea, select {
    background-image: none;
    border: 1px solid #ccc;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif, "Times New Roman", Calibri, "Comic Sans MS";
}

.form-floating-flex {
  width: 11.25rem;
  margin-left: .6rem;
  margin-bottom: .3rem;
  margin-top: .3rem;
}

.form-item {
  width: 15rem;
  margin-left: .6rem;
  margin-bottom: .313rem;
  margin-top: .7rem;
  margin-right: .313rem;
  padding: .125rem 0 .125rem 0;
}

.form-item label:not(.form-check-label) {
  margin-top: -0.7rem;
  margin-left: 0.7rem;
  background-color: white;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: black; /*#495057;*/
  position: absolute;
  font-size: .75rem;
  border: 1px solid white;
  border-radius: .25rem;
}

body, .form-group,
form input, form button, form textarea, form select, .input-font,
.search-item-flex, search-item-field,
.search-item-flex .form-select, .form-control, .form-select, .search-item-flex .multiselect-dropdown {
  font-size: .875rem;
}

.form-control {
  padding: .4rem .75rem 0;
}

.form-select {
  height: calc(2.25rem + 2px);
  padding: .4rem 1.75rem 0rem 0.75rem;
}
/*#endregion ******************FORMS END *******************/

/*#region ******************TABLES START*******************/

.table > thead > tr > th:focus, button:focus, a.btn:focus {
  border-color: #719ECE;
  box-shadow: 0 0 1.25rem #719ECE;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: .063rem .5rem .063rem .5rem;
}
.table > thead > tr > th, .table > tfoot > tr > th, .table > thead > tr > td {
  font-size: .688rem;
  vertical-align: top !important; /*[DJ] verified PD-968*/
}

.table > tbody > tr > th {
    font-weight: normal;
    font-size: .75rem;
}
.table > tbody > tr > td {
    padding: .063rem .5rem .063rem .5rem;
    font-size: .75rem;
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #dee2e6;
}

.card-body > .table > thead > tr > th, .card-body > .table > thead > tr > td {
  border-top-width: 0 !important; /*[DJ] verified PD-968*/
  border-top-style: none !important; /*[DJ] verified PD-968*/
}

/*[DJ] - 2021-05-13 - PD-418 - .vertical-scroll-table replaces .fix-headers-table throughout the application so that both column width and table height can be easily adjusted */
.vertical-scroll-table thead, .vertical-scroll-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    min-height: 1.875rem;
}

  /*[DJ] PD-987 2022-10-28 - Added `overflow-wrap: normal` to fix the issue where table cell contents were being split mid-word.  
*/
  .vertical-scroll-table thead th, .vertical-scroll-table tbody td {
    overflow-wrap: normal;
    text-overflow: ellipsis;
    overflow-x: hidden;
  }
/*  .vertical-scroll-table thead th:focus, .vertical-scroll-table tbody td:focus {    
      background-color: white;
      opacity: 1;
      overflow-x: visible;
      z-index: 100;
  }
*/
.vertical-scroll-table tbody {
    display: block;
    overflow-y: scroll;
}

/*[DJ] PD-987 2022-10-28 - This is the `table-head-fixed` class from AdminLTE.css adapted into the `vertical-scroll-table` class that is already in use on nearly all of the
    tables in CAPS. This keeps the table headers 'sticky' and fixed while the table body scrolls to accommodate all of the overflow.  
*/
.vertical-scroll-table thead tr:nth-child(1) th {
  background-color: #fff;
  border-bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

/*[IA] - 2021-12-07 - PD-629 - I needed a vertical scroll table to work with rowspan (also works with colspan) that didn't have display block or table layout for tbody.
    Other settings should be the same across the application */
.vertical-scroll-table-span thead, .vertical-scroll-table-span tbody tr {
    width: 100%;
}

    .vertical-scroll-table-span thead th, .vertical-scroll-table-span tbody td {
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

.vertical-scroll-table tbody {
    overflow-y: scroll;
}

/*Necessary to have rows align in middle if rowspan is active*/
.vertical-scroll-table-span tbody tr td {
    vertical-align: middle;
}

.even-row-color {
  background-color: aliceblue;
}

  .even-row-color input[type=checkbox] {
    background-color: aliceblue;
  }
/*#endregion ******************TABLES END*******************/

/*#region ******************CONTAINER START*******************/
.container {
  padding-left: 0px;
  padding-right: 1.375rem !important; /*[DJ] verified PD-968*/
}
@media (min-width: 576px) { /* 576px = 36rem */
  .container {
    width: 45rem !important; /*[DJ] verified PD-968*/
    max-width: 45rem; /*[DJ] verified PD-968*/
  }
}

@media (min-width: 768px) { /* 768px = 48rem */
  .container {
    width: 45rem !important; /*[DJ] verified PD-968*/
    max-width: 45rem; /*[DJ] verified PD-968*/
  }
}

@media (min-width: 992px) { /* 992px = 62rem */
  .container {
    width: 60rem !important; /*[DJ] verified PD-968*/
    max-width: 60rem; /*[DJ] verified PD-968*/
  }
}

@media (min-width: 1200px) { /* 1200px = 75rem */
  .container {
    width: 71.25rem !important; /*[DJ] verified PD-968*/
    max-width: 71.25rem; /*[DJ] verified PD-968*/
  }
}

@media (min-width: 1600px) { /* 1600px = 100rem */
  .container {
    width: 86.25rem !important; /*[DJ] verified PD-968*/
    max-width: 86.25rem !important; /*[DJ] verified PD-968*/
  }
}
@media (min-width: 1900px) { /* 1900px = 118.75rem */
  .container {
    width: 103.125rem !important; /*[DJ] verified PD-968*/
    max-width: 103.125rem !important; /*[DJ] verified PD-968*/
  }
}
/*#endregion ******************CONTAINER END*******************/

/*#region *************NAVBARS START**************/
.navbar-not-sat {
  background-color: #3c8dbc;
}

.navbar-sat {
  background-color: darkgreen;
}

.examinee-nav {
  margin: 469rem -.938rem;
  background-color: #f4f4f5;
}
  .examinee-nav > li > a {
    padding-top: .375rem;
    padding-bottom: .375rem;
    padding-right: .25rem;
    padding-left: .25rem;
    line-height: 1.25rem;
    align-content: center;
  }
.examinee-nav > .assessment-menu > .dropdown-menu {
  width: 34.375rem;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
  background-color: #f4f4f5;
}
.examinee-nav > .assessment-menu > .dropdown-menu > li {
  position: relative;
}
.examinee-nav > .assessment-menu > .dropdown-menu > li >a {
  padding: .188rem .625rem;
}
.action-nav {
  background-color: #f4f4f5;
  font-weight: bold;
  font-size: .875rem !important; /*[DJ] verified PD-968*/
  border: 1px solid black;
}
.action-nav > li > a {
  padding-left: .625rem;
  padding-right: .625rem;
  padding-top: .375rem;
  padding-bottom: .375rem;
  line-height: 1.625rem;
  align-content: center;
  white-space:nowrap;
  color: #777;
}
.action-nav > .action-menu > .dropdown-menu {
        padding: 0 0 0 0;
        margin: 0;
        top: 100%;
        background-color: #f4f4f5;
}
.action-nav >  .action-menu > .dropdown-menu > li {
        position: relative;
}
.action-nav > .action-menu > .dropdown-menu > li > a {
        padding: .188rem .625rem;
}

.examinee-nav > .assessment-menu > .dropdown-menu > li.header {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #f4f4f5;
    padding: .188rem .625rem;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: .875rem;
}

  .examinee-nav {
    float: left;
    margin: 0;
  }
  .examinee-nav > li {
    float: left;
    background-color: #f4f4f5;
  }
  .examinee-nav > li > a {
     background-color: #f4f4f5;
 }

/*#endregion *************NAVBARS END **************/

/*#region *************BUTTONS START**************/
button {
  margin-left: .25rem;
  margin-right: .125rem;
  border: 1px solid;
  font-size: .813rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.skiptopnav,
.skipsidenav{
    position: absolute; 
    top: -62.5rem; 
    left: -62.5rem; 
    height: .063rem; 
    width: .063rem; 
    text-align: left; 
    overflow: hidden;
}
.skipsidenav:active,
.skipsidenav:focus,
.skipsidenav:hover {
        left: 14.375rem !important;
        top: 3.813rem !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
}
.skiptopnav:active,
.skiptopnav:focus,
.skiptopnav:hover {
        left: 0px !important;
        top: 0px !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
}

.hiddenexpand {
  position: absolute;
  top: -62.5rem;
  left: -62.5rem;
  height: .0rem;
  width: .0rem;
  text-align: left;
  overflow: hidden;
}

.hiddenexpand:active,
.hiddenexpand:focus,
.hiddenexpand:hover {
  top: auto;
  left: auto;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  visibility: visible;
}

.search-item {
  width: 12.5rem;
  margin-left: .6rem;
  margin-bottom: .313rem;
  margin-top: .7rem;
  margin-right: .313rem;
  padding: .125rem 0 .125rem 0;
  margin-top: 0.6rem;
}
  .search-item label {
    margin-top: -0.7rem;
    margin-left: 0.5rem;
    background-color: white;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: black;/*#495057;*/
    position: absolute;
    font-size: .75rem;
    border: 1px solid white;
    border-radius: .25rem;
  }
.search-item-field {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: black;/*#495057;*/
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
    /*[DJ] PD-588 2021-12-10 Adding visible focus indicator to search-item-field class */
  .search-item-field:focus {
    /*outline: medium solid #3c8dbc;*/
    color: black;/*#495057;*/
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  }

.btn {
  background-image: none !important; /*[DJ] verified PD-968*/
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: .813rem;
}
  .btn.btn-primary:hover, .btn.btn-danger:hover,
  .btn.btn-success:hover, .btn.btn-secondary:hover, .btn.btn-info:hover {
    background: #cacccf !important; /*[DJ] verified PD-968*/
    color: black !important; /*[DJ] verified PD-968*/
    border: 1px solid black !important;
    font-weight: bold;
/*    box-shadow: 0 0 .313rem black;*/
  }

/*TODO:  As of 4/11/2023, the color of the btn-primary and btn-info classes are being set to the same color.  
    We need to standardize and deconflict those, but will wait until we remove AdminLTE.css from the solution to do it all at once.
*/

.btn.btn-primary {
  background-color: rgb(52, 124, 166, 1) !important; /*[DJ] verified PD-968*/
  color: white;
  border-color: #347ca6 !important;
  font-weight: bold;
  font-size: .813rem !important;
}
  .btn.btn-primary:focus {
    background-color: rgb(52, 124, 166, .5) !important; /*[DJ] verified PD-968*/
    color: black !important;
    font-weight: bold;
  }

.btn.btn-info {
  background-color: rgb(52, 124, 166, 1) !important; /*[DJ] verified PD-968*/
  color: white;
  border-color: #347ca6 !important;
  font-weight: bold;
  font-size: .813rem !important;
 }
  .btn.btn-info:focus {
    background-color: rgb(52, 124, 166, .5) !important; /*[DJ] verified PD-968*/
    color: black !important;
    font-weight: bold;
  }

.btn.btn-secondary {
  background-color: rgb(108, 117, 125, 1);
  color: white;
  border-color: #6c757d;
  font-weight: bold;
  font-size: .813rem !important;
}
  .btn.btn-secondary:focus {
    background-color: rgb(108, 117, 125, .5) !important; /*[DJ] verified PD-968*/
    color: black !important;
    font-weight: bold;
  }

.btn.btn-success {
  background-color: rgb(0, 100, 0, 1) !important; /*[DJ] verified PD-968*/
  color: white;
  border-color: darkgreen !important;
  font-weight: bold;
}
  .btn.btn-success:focus {
    background-color: rgb(0, 100, 0, .5) !important; /*[DJ] verified PD-968*/
    color: black !important;
    font-weight: bold;
  }

.btn.btn-warning {
  background-color: rgb(230, 230, 0, 1) !important;
  color: black;
  border-color: #e6e600 !important;
  font-weight: bold;
}
  .btn.btn-warning:focus {
    background-color: rgb(230, 230, 0, .5) !important; /*[DJ] verified PD-968*/
    color: black !important;
    font-weight: bold;
  }

.btn.btn-danger {
  background-color: rgb(139, 0, 0, 1) !important;
  color: white;
  border-color: darkred !important;
  font-weight: bold;
}
  .btn.btn-danger:focus {
    background-color: rgb(139, 0, 0, .5) !important; /*[DJ] verified PD-968*/
    color: black !important;
    font-weight: bold;
  }
  

.btn.btn-primary.disabled, .btn.btn-primary[disabled], .btn.btn-primary:disabled,
.btn.btn-info.disabled, .btn.btn-info[disabled], .btn.btn-info:disabled,
.btn.btn-secondary.disabled, .btn.btn-secondary[disabled], .btn.btn-secondary:disabled,
.btn.btn-success.disabled, .btn.btn-success[disabled], .btn.btn-success:disabled,
.btn.btn-warning.disabled, .btn.btn-warning[disabled], .btn.btn-warning:disabled,
.btn.btn-danger.disabled, .btn.btn-danger[disabled], .btn.btn-danger:disabled {
  opacity: .80;
  color: black;
  background-color: #EEEEEE !important;
  border-color: black !important;
  border-style: dashed;
}

.btn-card-tool {
  opacity: 1;
  color: black;
  padding: .313rem;
  font-size: .813rem !important; /*[DJ] verified PD-968*/
  font-weight: bold;
  background: transparent;
}

  .open .btn-card-tool,
  .btn-card-tool:hover {
    color: #606c84;
  }

  .btn-card-tool.btn:active {
    box-shadow: none;
  }

    .btn-card-tool.disabled,
    .btn-card-tool[disabled] {
        font-weight: normal;
        opacity: .7 !important;
    }

/*Adding Form Button for forms where button needs to be next to a form-item and also within a form-item div (integration action)*/
.btn-form {
  margin-left: -0.625rem;
  margin-top: 0.156rem;
}

.btn-header {
  margin-top: -0.2rem;
}


/*#endregion *************BUTTONS END**************/

/*#region *************CALENDAR START**************/
span[data-cal-date] {
    color: black;
    opacity: 1 !important;
}
.cal-day-outmonth span[data-cal-date] {
  opacity: 0.5 !important;
}
a.event-item-action {
  text-align:center;
  padding-left:.313rem;
  padding-right:.313rem;
  padding-top:.125rem;
  padding-bottom:.125rem;
  margin-right: .313rem;
  -webkit-box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  border-radius: .25rem;
  border: 1px solid gray;
}
a.event-item-action:hover, a.event-item-action:active, a.event-item-action:focus{
  border: 1px solid #ffffff;
}
.cal-day-today span[data-cal-date] {
  color: #094c09;
}
.calendar-events {
  position: relative;
  z-index: 11;
}
.eventMonthCell {
  display: block;
  background-color: #c3c3c3;
  color: white;
  width: 1.25rem;
  text-align: center;
  margin-right: .125rem;
  margin-bottom: .125rem;
  -webkit-box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  border-radius: .25rem;
  border: 1px solid #ffffff;
}

a.eventMonthCell1:focus,
a.eventMonthCell1:hover {
  outline: none;
  text-decoration: none;
  color: #FFFF67 !important; /*[DJ] verified PD-968*/
}

.eventMonthCell1 {
  display: block;
  background-color: #c3c3c3;
  color: white;
  height: 1.375rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: .063rem;
  margin-left: .125rem;
  margin-right: .375rem;
  -webkit-box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  border-radius: .25rem;
  border: 1px solid #ffffff;
  text-align: left;
  width: 99%;
  padding-right: .188rem;
  padding-left: .188rem;
}

a.eventMonthCellCount:focus,
a.eventMonthCellCount:hover {
  outline: none;
  text-decoration: none;
  color: #FFFF67 !important; /*[DJ] verified PD-968*/
}

.eventMonthCellCount {
  display: block;
  background-color: #c3c3c3;
  color: white;
  height: 1.375rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: .125rem;
  margin-left: .125rem;
  margin-right: .25rem;
  -webkit-box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  border-radius: .25rem;
  border: 1px solid #ffffff;
  text-align: left;
  padding-right: .188rem;
  padding-left: .188rem;
}

.eventWeekCell {
  background-color: #c3c3c3;
  color: white;
  overflow: hidden;
  margin-bottom: .125rem;
  margin-left: .125rem;
  margin-right: .375rem;
  -webkit-box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  border-radius: .25rem;
  border: 1px solid #ffffff;
  text-align: left;
  width: 99%;
  padding-left: .125rem;
  padding-right: .125rem;
}

.eventWeek {
  color: white;
  overflow: hidden;
  margin-bottom: .125rem;
  text-align: left;
}

.eventIcon {
  background-color: #c3c3c3;
  color: white;
  width: 1.25rem;
  text-align: center;
  padding-left: .188rem;
  padding-right: .188rem;
  margin-right: .125rem;
  margin-bottom: .125rem;
  -webkit-box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px .313rem 0px rgba(0, 0, 0, 0.4);
  border-radius: .25rem;
  border: 1px solid #ffffff;
}
.eventMonthCell:focus,
.eventMonthCell:hover,
a.eventIcon:focus,
a.eventIcon:hover,
a.event-item-action:focus,
a.event-item-action:hover,
a.event-item:focus,
a.event-item:hover {
  outline: none;
  text-decoration: none;
  color: #FFFF67 !important;
}

.eventIconWeek {
  background-color: #c3c3c3;
  color: white;
  width: 1.25rem;
  height: 1.5rem;
  text-align: center;
  padding-left: .188rem;
  padding-bottom: .188rem;
  margin-bottom: .125rem;
}
.events-list {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 50;
  max-height: 4.25rem;
  padding-left: .313rem;
}

.cal-month-day {
  position: relative;
  display: block;
  width: 100%;
  height: 6.25rem;
}

.cal-slide-content {
  color: #ffffff;
  background-color: #555555;
}

  .cal-slide-content ul.unstyled {
    margin-bottom: 0;
  }

  .cal-slide-content a.event-item {
    color: #ffffff;
    font-weight: normal;
  }

a.event-item-edit,
a.event-item-delete,
a.event-item-action {
  padding-left: .313rem;
}

.cal-day-tick {
  position: absolute;
  right: 50%;
  bottom: -1.313rem;
  padding: 0px .313rem;
  cursor: pointer;
  z-index: 5;
  text-align: center;
  width: 1.625rem;
  margin-right: -1.063rem;
  border: 1px solid #e1e1e1;
  border-top: 0px solid;
  border-radius: 0 0 .313rem .313rem;
  background-color: #ededed;
  text-align: center;
}

  .cal-day-tick .fa {
    display: none;
  }

/*#endregion *************CALENDAR END**************/

/*#region *************MODALS START**************/
.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}
.modal-body > form > .row,
.modal-body > form > .row > div > .row {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.modal-header {
  padding: .5rem 1rem .5rem 1rem;
}

.modal-footer {
  padding: .5rem;
}

.modal-title {
  font-size: 1rem;
}

.modal-md {
  max-width: 25rem;
}

/*#endregion *************MODALS END**************/

/*#region *************TABS START**************/
.tabs-left, .tabs-right { 
   border-bottom: none; 
   padding-top: .125rem; 
 } 
 .tabs-left { 
   border-right: 1px solid #ddd; 
 } 
 .tabs-right { 
   border-left: 1px solid #ddd; 
 } 
 .tabs-left>li, .tabs-right>li { 
   float: none; 
   margin-bottom: .125rem; 
 } 
 .tabs-left>li { 
   margin-right: -1px; 
 } 
 .tabs-right>li { 
   margin-left: -1px; 
 } 
 .tabs-left>li.active>a, 
 .tabs-left>li.active>a:hover, 
 .tabs-left>li.active>a:focus { 
   border-bottom-color: #ddd; 
   border-right-color: transparent; 
 } 
 
 .tabs-right>li.active>a, 
 .tabs-right>li.active>a:hover, 
 .tabs-right>li.active>a:focus { 
   border-bottom: 1px solid #ddd; 
   border-left-color: transparent; 
 } 
 .tabs-left>li>a { 
   border-radius: .25rem 0 0 .25rem; 
   margin-right: 0; 
   display:block; 
 } 
 .tabs-right>li>a { 
   border-radius: 0 .25rem .25rem 0; 
   margin-right: 0; 
 }
/*#endregion *************TABS END**************/

/*#region *****************FONTS AND TEXT START******************/
.fs-9-px {
  font-size: 0.563rem !important;
}
.fs-10-px {
  font-size: 0.625rem !important;
}
.fs-12-px {
  font-size: 0.75rem !important;
}
.fs-13-px {
  font-size: .8125rem !important;
}
.fs-14-px {
  font-size: 0.875rem !important;
}
.fs-16-px {
  font-size: 1rem !important;
}
.fs-18-px {
    font-size: 1.125rem !important;
}
.fs-20-px {
  font-size: 1.25rem !important;
}
.fs-26-px {
  font-size: 1.625rem !important;
}
.fs-28-px {
  font-size: 1.75rem !important;
}
.fs-30-px {
  font-size: 1.875rem !important;
}
.fs-32-px {
  font-size: 2rem !important;
}

.font-family-arial {
    font-family: Arial;
}

/* TEXT COLORS */
.red-text {
  color: red;
}
.text-darkorange {
  color: darkorange;
}
/*#endregion *****************FONTS AND TEXT END******************/

/*#region ******************CARD COMPONENT START*******************/
.card {
  position: relative;
  border-radius: .25rem;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 1.25rem;
  width: 100%;
  box-shadow: 0 .063rem .063rem rgba(0, 0, 0, 0.1);
  border-bottom-width: .063rem;
  border-left-width: .063rem;
  border-right-width: .063rem;
}

  .card.card-primary {
    border-top-color: #3c8dbc;
  }

    .card.card-primary .card.card-primary,
    .card.card-primary .card.card-default {
      border-bottom-style: solid;
      border-bottom-color: #CDD2D4;
      border-bottom-width: 1px;
      border-left-style: solid;
      border-left-color: #CDD2D4;
      border-left-width: 1px;
      border-right-style: solid;
      border-right-color: #CDD2D4;
      border-right-width: 1px;
    }

  .card.card-info {
    border-top-color: #00c0ef;
  }

  .card.card-danger {
    border-top-color: #dd4b39;
  }

  .card.card-warning {
    border-top-color: #f39c12;
  }

  .card.card-success {
    border-top-color: #00a65a;
  }

  .card.card-default {
    border-top-color: #d2d6de;
  }

  .card.collapsed-card .card-body,
  .card.collapsed-card .card-footer {
    display: none;
  }

  .card .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
  }

    .card .nav-stacked > li:last-of-type {
      border-bottom: none;
    }

  .card.height-control .card-body {
    max-height: 18.75rem;
    overflow: auto;
  }

  .card .border-right {
    border-right: 1px solid #f4f4f4;
  }

  .card .border-left {
    border-left: 1px solid #f4f4f4;
  }

  .card.card-solid {
    border-top: 0;
  }

    .card.card-solid > .card-header .btn.btn-default {
      background: transparent;
    }

    .card.card-solid > .card-header .btn:hover,
    .card.card-solid > .card-header a:hover {
      background: rgba(0, 0, 0, 0.1);
    }

    .card.card-solid.card-default {
      border: 1px solid #d2d6de;
    }

      .card.card-solid.card-default > .card-header {
        color: #444444;
        background: #d2d6de;
        background-color: #d2d6de;
      }

        .card.card-solid.card-default > .card-header a,
        .card.card-solid.card-default > .card-header .btn {
          color: #444444;
        }

    .card.card-solid.card-primary {
      border: 1px solid #3c8dbc;
    }

      .card.card-solid.card-primary > .card-header {
        color: #ffffff;
        background: #3c8dbc;
        background-color: #3c8dbc;
      }

        .card.card-solid.card-primary > .card-header a,
        .card.card-solid.card-primary > .card-header .btn {
          color: #ffffff;
        }

    .card.card-solid.card-info {
      border: 1px solid #00c0ef;
    }

      .card.card-solid.card-info > .card-header {
        color: #ffffff;
        background: #00c0ef;
        background-color: #00c0ef;
      }

        .card.card-solid.card-info > .card-header a,
        .card.card-solid.card-info > .card-header .btn {
          color: #ffffff;
        }

    .card.card-solid.card-danger {
      border: 1px solid #dd4b39;
    }

      .card.card-solid.card-danger > .card-header {
        color: #ffffff;
        background: #dd4b39;
        background-color: #dd4b39;
      }

        .card.card-solid.card-danger > .card-header a,
        .card.card-solid.card-danger > .card-header .btn {
          color: #ffffff;
        }

    .card.card-solid.card-warning {
      border: 1px solid #f39c12;
    }

      .card.card-solid.card-warning > .card-header {
        color: #ffffff;
        background: #f39c12;
        background-color: #f39c12;
      }

        .card.card-solid.card-warning > .card-header a,
        .card.card-solid.card-warning > .card-header .btn {
          color: #ffffff;
        }

    .card.card-solid.card-success {
      border: 1px solid #00a65a;
    }

      .card.card-solid.card-success > .card-header {
        color: #ffffff;
        background: #00a65a;
        background-color: #00a65a;
      }

        .card.card-solid.card-success > .card-header a,
        .card.card-solid.card-success > .card-header .btn {
          color: #ffffff;
        }

    .card.card-solid > .card-header > .card-tools .btn {
      border: 0;
      box-shadow: none;
    }

    .card.card-solid[class*='bg'] > .card-header {
      color: #fff;
    }

  .card .card-group > .card {
    margin-bottom: .313rem;
  }

  .card > .overlay,
  .overlay-wrapper > .overlay,
  .card > .loading-img,
  .overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .card .overlay,
  .overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: .188rem;
  }

    .card .overlay > .fa,
    .overlay-wrapper .overlay > .fa {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -.938rem;
      margin-top: -.938rem;
      color: #000;
      font-size: 1.875rem;
    }

    .card .overlay.dark,
    .overlay-wrapper .overlay.dark {
      background: rgba(0, 0, 0, 0.5);
    }

.card-header:before,
.card-body:before,
.card-footer:before,
.card-header:after,
.card-body:after,
.card-footer:after {
  content: " ";
  display: table;
}

.card-header:after,
.card-body:after,
.card-footer:after {
  clear: both;
}

.card-header {
  color: #444 !important; /*[DJ] verified PD-968*/
  display: block;
  padding: .4rem .625rem .4rem .625rem;
  position: relative;
}

.card-header-search {
  color: #444;
  display: block;
  padding: .25rem .625rem .25rem .625rem;
  position: relative;
  vertical-align: central;
}

.collapsed-card .card-header.with-border {
  border-bottom: none;
}

.card-header > .fa,
.card-header > .glyphicon,
.card-header > .ion,
.card-header .card-title {
  display: inline-block;
  margin: 4px 0 0 0; /*1rem 0 0;*/
  line-height: 1;
}

.card-title {
  font-size: 1rem;
}
  .card-header > .fa, .card-header > .glyphicon, .card-header > .ion {
  margin-right: .313rem;
}

.card-header > .card-tools {
  position: absolute;
  right: 1.25rem;
  top: .25rem;
}

  .card-header > .card-tools [data-toggle="tooltip"] {
    position: relative;
  }

  .card-header > .card-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
  }

.card-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: .188rem;
  border-bottom-left-radius: .188rem;
  padding: .625rem;
}

  .card-body > .table {
    margin-bottom: 0;
  }

.card-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: .188rem;
  border-bottom-left-radius: .188rem;
  border-top: 1px solid #f4f4f4;
  padding: .625rem;
  background-color: #ffffff;
}

.card-comments {
  background: #f7f7f7;
}

  .card-comments .card-comment {
    padding: .5rem 0;
    border-bottom: 1px solid #eee;
  }

    .card-comments .card-comment:before,
    .card-comments .card-comment:after {
      content: " ";
      display: table;
    }

    .card-comments .card-comment:after {
      clear: both;
    }

    .card-comments .card-comment:last-of-type {
      border-bottom: 0;
    }

    .card-comments .card-comment:first-of-type {
      padding-top: 0;
    }

    .card-comments .card-comment img {
      float: left;
    }

  .card-comments .comment-text {
    margin-left: 2.5rem;
    color: #555;
  }

  .card-comments .username {
    color: #444;
    display: block;
    font-weight: 600;
  }

  .card-comments .text-muted {
    font-weight: 400;
    font-size: .75rem;
  }

.bg-primary > .card-header .btn-tool,
.bg-gradient-primary > .card-header .btn-tool,
.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header .btn-tool,
.bg-primary > .card-header .btn-tool:hover,
.bg-gradient-primary > .card-header .btn-tool:hover,
.card-primary:not(.card-outline) > .card-header .btn-tool:hover {
  color: black;
  background-color: transparent;
}
/*#endregion ******************CARD COMPONENT END*******************/

/*#region ****************** DATE PICK START********************/

date-pick-template .form-control {
  position: relative;
  background: rgba(255, 255, 255, 0);
}

  date-pick-template .form-control.z-invalid {
    background: rgba(255, 255, 255, 0);
  }

    date-pick-template .form-control.z-invalid input[type=text] {
      border-color: red;
    }

date-template {
  display: block;
}

  date-template .form-control {
    position: relative;
/*    background: rgba(255, 255, 255, 0);
*/  }

    date-template .form-control.z-invalid {
      background: rgba(255, 255, 255, 0);
    }

date-pick-template .form-control.z-invalid input[type=text] {
  border-color: red;
}
/*#endregion ****************** DATE PICK END********************/

/*#region ******************OVERFLOW START******************/
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-x-hidden {
    overflow-x:hidden;
}
.overflow-scroll {
    overflow: scroll;
}
/*#endregion ******************OVERFLOW END******************/

/*#region ******************BORDERS START*******************/
.border-none {
    border:none;
}
.border-solid {
    border: solid;
}
.border-solid-black {
    border: solid black 2px;
}
.border-width-thin {
    border-width: thin;
}
.border-color-dimgrey {
    border-color: dimgrey;
}
.border-top-solid-black-half {
    border-top: solid black .5pt;
}
.border-bottom-solid-black-half {
    border-bottom: solid black .5pt;
}
.border-bottom-solid-black-one {
    border-bottom: solid black 1.0pt;
}
.border-bottom-solid-darkgrey {
  border-bottom: 2pt solid darkgrey;
}

.applicant-ci-card-border {
  border: solid rgba(0,0,0, 0.125) 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: .188rem;
  border-bottom-right-radius: .188rem;
}

/*#endregion ******************BORDERS END*******************/

/*#region *****************MARGINS START******************/
.margin-auto {
    margin:auto;
}
.margin-0px {
    margin: 0px;
}
.margin-1-percent {
    margin: 1%;
}
.margin-t-n120px {
    margin-top: -7.5rem;
}
.mb-01 {
  margin-bottom: 0.1rem;
}
.margin-left-0px {
    margin-left: 0px;
}
.margin-left-5px {
    margin-left: .313rem;
}
.margin-left-10px {
    margin-left: .625rem;
}
.margin-left-16px {
    margin-left: 1rem;
}
.margin-left-20px {
  margin-left: 1.25rem;
}
.margin-left-30px {
    margin-left: 1.875rem;
}
.margin-left-40px {
    margin-left: 2.5rem;
}
.margin-left-neg-8px {
  margin-left: -.5rem;
}
.mt-8-mb-n8{
    margin-top: .5rem;
    margin-bottom: -.5rem;
}

.mt0-mb5 {
    margin-top: 0px;
    margin-bottom: .313rem;
}
.margin-right-neg-5-px {
    margin-right: -.313rem;
}
.margin-right-131-px {
    margin-right: 131px;
}
.no-label {
    margin-left: -.313rem;
}
/*#endregion *****************MARGINS END******************/

/*#region *****************PADDING START******************/
.pad-10-px {
    padding: .625rem;
}
.pad-top-2-px {
    padding-top: .125rem;
}
.pad-top-5-px {
    padding-top: .313rem;
}
.pad-top-7-px {
    padding-top: .438rem;
}
.pad-top-10-px {
    padding-top: .625rem;
}
.pad-top-15-px {
    padding-top: .938rem;
}
.pad-right-2-px {
    padding-right: .125rem;
}
.pad-right-10-px {
    padding-right: .625rem;
}
.pad-right-30-px {
  padding-right: 1.875rem;
}
.pad-bottom-10-px {
    padding-bottom: .625rem;
}
.pad-bottom-15-px {
    padding-bottom: .938rem;
}
.pad-left-5-px {
    padding-left: .313rem;
}
.pad-left-10-px {
    padding-left: .625rem;
}
.pad-left-15-px {
    padding-left: .938rem;
}
.pad-left-20-px {
  padding-left: 1.25rem;
}
.pad-left-30-px {
    padding-left: 1.875rem;
}
.pad-left-20-px-bottom-right-0-px {
    padding-left: 1.25rem;
    padding-right: 0px;
    padding-bottom: 0px;
}
.pad-left-and-right-5-px {
    padding: 0 .313rem 0 .313rem;
}
/*#endregion *****************PADDING END******************/

/*#region *****************HEIGHT START******************/
/*Height by px*/
.height-25-px {
    height: 1.563rem;
}
.height-30-px-i {
  height: 1.875rem !important;
}
.height-40-px {
  height: 2.5rem;
}
.height-50-px {
  height: 3.125rem;
}
.height-60-px {
  height: 3.75rem;
}
.height-75-px {
    height: 4.688rem;
}
.height-100-px {
    height: 6.25rem;
}
.height-110-px {
    height: 6.875rem;
}
.height-120-px {
    height: 7.5rem;
}
.height-125-px {
    height: 7.813rem;
}
.height-130-px {
    height: 8.125rem;
}
.height-150-px {
    height: 9.375rem;
}
.height-155-px {
    height: 9.688rem;
}
.height-160-px {
    height: 10rem;
}
.height-200-px {
    height: 12.5rem;
}
.height-240-px {
    height: 15rem;
}
.height-270-px {
    height: 16.875rem;
}
.height-300-px {
    height: 18.75rem;
}
.height-330-px {
    height: 20.625rem;
}
.height-350-px {
    height: 21.875rem;
}
.height-360-px {
    height: 22.5rem;
}
.height-390-px {
    height: 24.375rem;
}
.height-400-px {
    height: 25rem;
}
.height-450-px {
    height: 28.125rem;
}
.height-500-px {
  height: 31.25rem;
}
.height-515-px {
    height: 32.125rem;
}
.height-550-px {
    height: 34.375rem;
}
.height-600-px {
    height: 37.5rem;
}
.height-750-px {
    height: 46.875rem;
}
.height-800-px {
    height: 50rem;
}
.height-900-px {
    height: 56.25rem;
}
.height-60vh {
    height: 60vh !important; /*[DJ] verified PD-968*/
}
/*#endregion *****************HEIGHT END******************/

/*#region *****************MAX HEIGHT START******************/
.max-height-110-px {
    max-height: 6.875rem;
}
.max-height-150-px {
    max-height: 9.375rem;
}
.max-height-200-px {
  max-height: 12.5rem;
}
.max-height-250-px {
    max-height: 15.625rem;
}
.max-height-275-px {
    max-height: 17.188rem;
}
.max-height-300-px {
    max-height: 18.75rem;
}
.max-height-315-px {
    max-height: 19.688rem;
}
.max-height-350-px {
    max-height: 21.875rem;
}
.max-height-450-px {
    max-height: 28.125rem;
}
.max-height-500-px {
    max-height: 31.25rem;
}
.max-height-550-px {
    max-height: 34.375rem;
}
.max-height-560-px {
    max-height: 35rem;
}
.max-height-750-px {
    max-height: 46.875rem;
}
.max-height-800-px {
    max-height: 50rem;
}
/*#endregion *****************MAX HEIGHT END******************/

/*#region *****************MIN HEIGHT START******************/
.min-height-13-px {
  min-height: 2.875rem;
}
.min-height-110-px {
  min-height: 6.875rem;
}
.min-height-155-px {
  min-height: 9.688rem;
}
.min-height-400-px {
    min-height: 25rem;
}
/*#endregion *****************MIN HEIGHT END******************/

/*#region *****************MIN WIDTH START******************/
.min-width-400px {
  min-width: 400px;
}
.min-width-min-content {
    min-width: min-content;
}
.min-width-fit-content {
    min-width: fit-content;
}
/*#endregion *****************MIN WIDTH END******************/

/* #region *****************WIDTH START******************/
.width-fit-content {
  min-width: fit-content;
}
.width-min-content {
  width: min-content;
}
.width-max-content {
  width: max-content;
}

/*Width by px*/
.width-20-px {
  width: 1.25rem;
}
.width-25-px {
    width: 1.563rem;
}
.width-40-px {
    width: 2.5rem;
}
.width-60-px {
  width: 3.75rem;
}
.width-65-px {
  width: 4.063rem;
}
.width-70-px-i {
    width: 4.375rem !important;
}
.width-75-px {
    width: 4.688rem;
}
.width-80-px {
  width: 5.0rem;
}
.width-85-px {
  width: 5.313rem;
}
.width-90-px {
  width: 5.625rem;
}
.width-100-px {
    width: 6.25rem;
}
.width-100-px-i {
    width: 6.25rem !important;
}
.width-110-px {
    width: 6.875rem;
}
.width-120-px {
  width: 7.5rem;
}
.width-135-px {
    width: 8.438rem;
}
.width-150-px {
    width: 9.375rem;
}
.width-175-px {
    width: 10.938rem;
}
.width-200-px{
    width: 12.5rem;
}
.width-220-px {
    width: 13.75rem;
}
.width-220-px-i {
    width: 13.75rem !important;
}
.width-240-px {
  width: 15rem;
}
.width-240-px-i {
  width: 15rem !important;
}
.width-262-px {
    width: 16.375rem;
}
.width-300-px {
    width: 18.75rem;
}
.width-350-px {
    width: 21.875rem;
}
.width-400-px {
    width: 25rem;
}
.width-500-px {
    width: 31.25rem;
}
.width-600-px {
    width: 37.5rem;
}
.width-610-px {
    width: 38.125rem;
}
.width-650-px {
    width: 40.625rem;
}
.width-700-px {
    width: 43.75rem;
}
.width-710-px {
    width: 44.375rem;
}
.width-800-px {
    width: 50rem;
}
.width-900-px {
    width: 56.25rem;
}
.width-950-px {
    width: 59.375rem;
}
.width-1000-px {
    width: 62.5rem;
}

/*WIDTH BY PERCENT*/
.width-0-percent {
    width: 0%;
}
.blank-cell, .width-1-percent {
  width: 1.5%!important;
}
.width-2-percent {
    width: 2%;
}
.width-4-percent {
    width: 4%;
}
.width-5-percent{
    width: 5%;
}
.width-6-percent {
    width: 6%;
}
.width-7-percent {
    width: 7%;
}
.width-8-percent {
    width: 8%;
}
.width-9-percent {
    width: 9%;
}
.width-10-percent {
    width: 10%;
}
.width-11-percent {
    width: 11%;
}
.width-12-percent {
    width: 12%;
}
.width-15-percent{
    width: 15%;
}
.width-20-percent {
    width: 20%;
}
.width-22-percent {
    width: 22%;
}
.width-23-percent {
    width: 23%;
}

/* 25% is .w-25 in Bootstrap.css*/

.width-27-percent {
    width: 27%;
}
.width-30-percent {
    width: 30%;
}
.width-40-percent {
    width: 40%;
}
.width-45-percent {
  width: 45%;
}
/* 50% is .w-50 in Bootstrap.css*/

.width-53-percent {
  width: 53%;
}
.width-55-percent {
  width: 55%;
}
.width-60-percent {
  width: 60%;
}
.width-64-percent {
  width: 64%;
}
.width-65-percent {
  width: 65%;
}
.width-70-percent {
    width: 70%
}

/* 75% is .w-75 in Bootstrap.css*/

.width-80-percent {
    width: 80%;
}
.width-85-percent {
  width: 85%;
}
.width-90-percent {
    width: 90%
}
.width-95-percent {
    width: 95%;
}
.width-98-percent {
    width: 98%
}
.width-99-percent {
    width: 99%
}

/* 100% is .w-100 in Bootstrap.css*/

.w-125 {
    width: 125%;
}

.w-150 {
    width: 150%;
}

.w-175 {
    width: 175%;
}

.w-200 {
    width: 200%;
}

/*#endregion *****************WIDTH END******************/

/*#region *****************MAX WIDTH START******************/
.max-width-175-px {
  max-width: 10.938rem;
}
.max-width-180-px {
    max-width: 11.25rem;
}
.max-width-350-px {
    max-width: 21.875rem;
}
.max-width-600-px {
    max-width: 37.5rem;
}
.max-width-800px {
    max-width: 50rem;
}
.max-width-990-px {
    max-width: 61.875rem;
}
.max-width-1000-px {
    max-width: 62.5rem;
}
.max-width-1140-px {
    max-width: 71.25rem;
}
.max-width-35-percent {
    max-width: 35%;
}
.max-width-65-percent {
    max-width: 65%;
}
.max-w-100 {
  max-width: 100%;
}
.max-width-max-content{
    max-width: max-content;
}
/*#endregion *****************MAX WIDTH END******************/


/*#region ****************** CAPS View CSS settings START********************/
.view-body {
  margin: 0px;
  margin: 0px;
  background-color: #ecf0f5;
  overflow-x: hidden !important; /*[DJ] verified PD-968*/
}

.view-header {
  padding: 5px;
  background-color: #347ca6;
}

.view-h5 {
  font-family: 'Segoe UI';
  color: white;
  padding-left: 80px;
  padding-top: 6px;
}

.view-footer {
  position: absolute;
  bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  width: 100%
}
/*#endregion ****************** CAPS View CSS settings END********************/


/*_________________________________________________________________________________________________________________________________________________________________________*/
/*#region *****************CUSTOM ENTRIES START******************/
.well {
  padding: .625rem .938rem;
}

.nv-file-over {
  border: .313rem dashed #347ca6;
}

.badge.badge-tdy {
  background: #800080;
}

/*Adjust display only for Chrome input -- might need to update for Chrome 29+*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .input-group {
    display: inline-flex; /*Chrome setting adjustment */
  }
}

.backdrop {
  z-index: 99999 !important; /*[DJ] verified PD-968*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-splash {
  z-index: 99999 !important; /*[DJ] verified PD-968*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: .9;
  pointer-events: auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.page-splash-message {
  text-align: center;
  margin: 20% auto 0 auto;
  font-size: 400%;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: normal;
  -webkit-text-shadow: .125rem .125rem #000000;
  text-shadow: .125rem .125rem #000000;
  text-shadow: .125rem .125rem rgba(0, 0, 0, 0.15);
  text-decoration: none;
  color: lightslategray;
  padding: 0;
}

  .page-splash-message.page-splash-message-subtle {
    margin: 30% auto 0 auto;
    font-size: 200%;
  }

.messaging {
  color: #FFFFFF;
  font-family: monospace;
  left: 0px;
  margin-top: -6.688rem;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 50%;
}

.spinner {
  color: lightslategray;
  font-size: 4rem;
  align-content: center;
  text-align: center;
  vertical-align: central;
}

.fa-asterisk-inline {
    padding: 0 .25rem 0 0;
}

.fa-asterisk.fa-asterisk-alert,
.fa-asterisk.fa-asterisk-large {
    color: #96143b;
}

nav > current-user-nav > ul > li > a > i,
nav > current-user-nav > ul > li > a > span,
nav > ul > li > a > i, #topNavNotifiDropdownViewAllLink, #topNavHelpInfoDropdownManageDocs,
.navbar-nav > .dropdown > span > .dropdown-toggle {
  color: white;
}


.btn-group > .dropdown > .dropdown-menu > .dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-header {
  color: white;
  background-color: #347ca6;
}

.dropdown-footer {
  display: block;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  text-align: center;
  background-color: #347ca6;
}

#collapseSidebarButton, #sidebarCollapseSidebarButton,
.btn-group > .dropdown > div > button {
  color: white;
  background-color: transparent;
  border: none;
  font-size: .875rem;
}

.content-wrapper,
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ecf0f5;
  --bs-table-accent-bg: none;
}

  /* This is the ANDI-recommended text-color for a tags. */
  .table-striped tbody tr:nth-of-type(odd) td a {
    color: #0065e9 !important;
  }

  /* This is the ANDI-recommended text-color for a tags. */
  .table-striped tbody tr:nth-of-type(even) td a {
    color: #0070f4 !important;
  }

.content-wrapper > .content {
  padding: .375rem 0.5rem;
}

.main-sidebar > .sidebar {
  padding-bottom: .625rem;
  padding-top: .625rem;
}

.card-secondary:not(.card-outline) > .card-header {
  background-color: #17a2b8;
}

.copy-button {
    width: 3.75rem;
}

input[type=checkbox]:disabled {
  background-color: #EEEEEE;
}

#tblFilterSelection tbody tr td {
  border: none;
  padding: .313rem;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
  color: #2d6b8e;
}


.dashboard-widget-anchor {
  color: #ffffff;
}

  .dashboard-widget-anchor:hover,
  .dashboard-widget-anchor:focus {
    color: #FFFFC0;
  }

#appNameLogout:hover, #appNameLogout:focus {
  background-color: #2F7095 !important; /*[DJ] verified PD-968*/
}


.assessment-menu-item {
  color: #494949 !important; /*[DJ] verified PD-968*/
}

  .assessment-menu-item:focus, .assessment-menu-item:hover { /*[DJ] verified PD-968*/
    border-color: #347ca6 !important;
    border-style: outset !important;
    border-width: 1px !important;
    border-radius: .188rem !important;
    box-shadow: 0px 0px .2rem #719ece;
  }

.assessment-menu-anchor:focus, .assessment-menu-anchor:hover { /*[DJ] verified PD-968*/
  border-color: rgb(173, 173, 173) !important;
  border-radius: .188rem !important;
  box-shadow: 0px 0px .2rem #719ece;
  color: #347ca6;
}

.skiptopnav,
.skipsidenav { /*[DJ] verified PD-968*/
  position: absolute;
  top: -62.5rem;
  left: -62.5rem;
  height: .063rem;
  width: .063rem;
  text-align: left;
  overflow: hidden;
}

  .skipsidenav:active,
  .skipsidenav:focus,
  .skipsidenav:hover { /*[DJ] verified PD-968*/
    left: 14.375rem !important;
    top: 3.813rem !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .skiptopnav:active,
  .skiptopnav:focus,
  .skiptopnav:hover { /*[DJ] verified PD-968*/
    left: 0px !important;
    top: 0px !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

.search-item {
  width: 12.5rem;
  margin-left: .6rem;
  margin-bottom: .313rem;
  margin-top: .7rem;
  margin-right: .313rem;
  padding: .125rem 0 .125rem 0;
  margin-top: 0.6rem;
}

  .search-item label {
    margin-top: -0.7rem;
    margin-left: 0.5rem;
    background-color: white;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: black; /*#495057;*/
    position: absolute;
    font-size: .75rem;
    border: 1px solid white;
    border-radius: .25rem;
  }

.search-item-field {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: black; /*#495057;*/
  background-color: #fff !important; /*[DJ] verified PD-968*/
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-item .form-item-medium-label {
  width: 5.938rem;
}

.nav-tabs-container-start {
  display: flex;
  justify-content: start;
  padding-left: .313rem;
}

.nav-tabs-container-end {
  display: flex;
  justify-content: end;
  padding-right: .313rem;
}

.nav-header {
  font-size: 1.2rem;
  font-weight: bold;
}

fieldset.admission, fieldset.important-note, fieldset.countermeasure, fieldset.admission-summary, fieldset.withdrawal, fieldset.ancillaryData {
  border: 1px solid black;
  padding: .938rem;
}

legend.admission, legend.important-note, legend.countermeasure, legend.admission-summary, legend.withdrawal, legend.ancillaryData {
  display: block;
  width: auto;
  border-bottom: none;
  padding: 0.2em 0.5em;
  color: black;
  text-align: left;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 1rem !important; /*[DJ] verified PD-968*/
}

.clone-source, .clone-target, .no-clone {
  position: relative;
  min-height: .063rem;
  padding-left: .938rem;
  padding-right: .938rem;
  position: relative;
  min-height: .063rem;
  padding-left: .938rem;
  padding-right: .938rem;
}

@media (min-width: 992px) {
  .clone-source {
    width: 100%;
  }

  .no-clone {
    width: 100%;
  }

  .clone-target {
    width: 100%;
  }

  .clone-btn {
    width: 100%;
    text-align: center;
    padding-top: .625rem;
  }

    .clone-btn.clone-question {
      padding-top: 0px;
      padding-bottom: .625rem;
    }
}

@media (min-width: 1200px) {
  .clone-source {
    float: left;
    width: 46%;
  }

  .no-clone {
    width: 100%;
  }

  .clone-target {
    float: right;
    width: 46%;
  }

  .card.clone-source, .card.clone-target {
    width: 46% !important; /*[DJ] verified PD-968*/
  }

  .clone-btn {
    padding-top: 12.5rem;
    height: 18.75rem;
    text-align: center;
    display: inline-block;
    float: left;
    width: 8%;
  }

    .clone-btn.clone-question {
      padding-top: 5.625rem;
      height: 9.375rem;
    }
}

.referral-comment {
  margin-bottom: .25rem;
  margin-top: .25rem;
  border-style: none
}

.referral-comment-label {
  margin-bottom: .25rem;
  margin-top: .5rem;
}

.assessment-menu-scroll {
  max-height: 18.75rem;
  overflow: auto;
}

.car-category {
  border-bottom: 1px solid black;
  margin-bottom: 0px;
}

.car-table {
  margin-bottom: 0px;
  margin-top: 0px;
  border-style: solid;
  border-width: thin;
  border-top-style: solid;
  border-top-width: thin;
  table-layout: auto;
}

.car-table-row {
  border-top-style: solid;
  border-top-width: thin;
}

.car-factory-item {
  display: block;
  background: #fff;
  box-shadow: 0 .125rem .125rem rgba(0, 0, 0, 0.3);
  border-radius: .125rem;
  margin-bottom: .313rem;
}

.car-bar {
  height: 2.5rem;
  font-size: 14pt;
  color: black;
}

.car-bar-complete {
  background-color: #00a65a;
}

.car-bar-in-progress {
  background-color: #f39c12;
}

.car-bar-not-started {
  background-color: #3c8dbc;
}

.car-bar-retrieving-stats {
  color: #ECF0F5
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 1px solid;
  outline-color: #719ECE;
  -webkit-box-shadow: inset 0 .188rem .313rem rgba(0, 0, 0, .125);
  box-shadow: inset 0 .188rem .313rem rgba(0, 0, 0, .125);
}

.z-invalid {
  border: red solid 1px !important; /*[DJ] verified PD-968*/
  border-left: .313rem solid red !important; /*[DJ] verified PD-968*/
  border-radius: .25rem;
}

.data-mismatch {
  color: red;
  font-size: 1.5rem;
  font-weight: bold;
}

a.report-nav:hover {
  background-color: #F9FAFC;
}

.assessment-menu-anchor,
.nav-sidebar > .nav-item .nav-icon,
.nav-item > .nav-link > a > span,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link,
a.report-nav > i, a.report-nav > span {
  color: black !important; /*[DJ] verified PD-968*/
}

/*these two css selectors are for the submenu for the custom forms */
.custom-form-menu .custom-form-menu-item:hover .custom-form-menu {
  display: block;
  float: right;
  margin-left: 9.75rem;
  margin-top: -1.75rem;
  min-width: 31rem;
}

.custom-form-menu .custom-form-menu-item:focus .custom-form-menu,
.custom-form-menu .custom-form-menu-item a:focus ~ .custom-form-menu,
.custom-form-menu .custom-form-menu-item a ~ .custom-form-menu a:focus {
  display: block;
  float: right;
  margin-left: 9.75rem;
  margin-top: -1.75rem;
}

.angular-editor-toolbar-set button {
  font-size: 1rem !important; /*[DJ] verified PD-968*/
}

.angular-editor-toolbar-set input {
  display: none !important; /*[DJ] verified PD-968*/
}

.angular-editor-button:focus, .angular-editor-select:focus { /*[DJ] verified PD-968*/
  border-color: blue !important;
  border: solid !important;
}

input[type="checkbox"]:checked { /*[DJ] verified PD-968*/
  background: url("/assets/images/check.png") no-repeat center center !important;
  background-size: 100% !important;
  -webkit-appearance: none !important;
}

img.signature-image,
canvas.signature-canvas {
  border-width: thin;
  border: solid;
}

.return-reason {
  margin-left: .625rem;
  display: block;
  width: inherit;
}

.progress-bar {
  background-image: none;
  color: black;
}

.progress-bar-black {
  background-color: black !important; /*[DJ] verified PD-968*/
  color: white;
}
.progress-bar-primary {
  background-color: #003FD1;
  color: white;
}

.progress-bar-success {
  background-color: #006300;
  color: white;
}

.progress-bar-warning {
  background-color: yellow;
  color: black;
}

.progress-bar-deficit {
  background-color: darkred;
  color: white;
}

.filter-search {
  text-align: center;
  width: 15.625rem;
  height: 1.875rem;
  margin: .313rem;
}

.filter-search-small {
  text-align: center;
  width: 1.875rem;
  height: 1.875rem;
  margin: .313rem;
}

.filter-search-medium {
  text-align: center;
  width: 7.5rem;
  height: 1.875rem;
  margin: .313rem;
}

.multiselect-dropdown .dropdown-btn {
  height: calc(2.25rem + 2px);
  padding: .1rem 1.75rem 0rem 0rem !important;
  /*height: 1.875rem;*/
  white-space: nowrap;
  border: none !important;
  /*border-radius: 0px !important;*/ /*[DJ] verified PD-968*/
}

  .multiselect-dropdown .dropdown-btn .selected-item {
    max-width: 3.438rem;
  }

.system-message {
  text-align: center;
  width: 100%;
  margin-top: -.938rem;
  margin-bottom: .938rem;
  padding: .188rem;
  background-color: palegoldenrod;
}

.db-asaic-tbl, .db-examiner-tbl {
  min-height: 3.75rem;
  max-height: 37.5rem;
}

.db-qc-reopen-tbl {
  min-height: 3.75rem;
}

.db-qc-audit-tbl {
  min-height: 3.75rem;
}

.app-spinner {
  font-size: 4rem;
  color: lightslategray;
}

.list-style-none {
  list-style: none;
  list-style-type: none;
}

.integration-hist-dl-data-div {
  width: 14.063rem;
  margin-left: 1.25rem;
}

.current-user-div {
  width: auto;
  max-height: 18.75rem;
  position: relative;
  overflow-y: auto;
}
  /*[DJ] PD-579 2022-07-28, Release 7.5*/
  #userRoleCollection,
  .current-user-div > ul {
    list-style: none;
    padding-left: 0;
  }

.user-header-li {
  font-weight: bold;
  background-color: #347CA6;
}

.current-user-nav-card-header {
  font-weight: bold;
  background-color: #347CA6;
  height: 5rem;
}

.dspec-footer {
  width: 100%;
  height: 2.5rem;
  position: absolute;
  left: 0;
  padding-left: 15rem;
  padding-right: .625rem;
  background-color: white;
}

label:not(.custom-file-label) {
  font-weight: bold;
  font-size: .75rem;
}

.responsive-card-title {
  min-width: 31.25rem;
  max-width: max-content;
}

.exam-menu > a {
  padding: .188rem .625rem;
  color: #444444;
  padding: .188rem .625rem;
}

  .exam-menu > a:hover {
    background-color: #e1e3e9;
    color: #333;
  }

/*[DJ] This sets the left sidebar to hide at the same width where the main content-wrapper expands to full screen  */
@media (max-width: 991.98px) {
  .main-sidebar, .main-sidebar::before {
    box-shadow: none !important; /*[DJ] verified PD-968*/
    margin-left: -250px;
  }

  .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
    margin-left: 0;
  }
}

.main-sidebar {
  width: auto;
}

.border-label-input label:not(.form-check-label),
.border-label-input ~ label:not(.form-check-label) {
  margin-top: -3.4rem;
  margin-left: .7rem;
  background-color: white;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: black;
  position: absolute;
  font-size: .75rem;
  border: 1px solid white;
  border-radius: .25rem;
  z-index: 50;
  top: 2.813rem;
}

.mini-rolodex-input {
  height: 1.875rem;
  font-size: .75rem !important; /*[DJ] verified PD-968*/
}

.asmt-position {
  width: 75%;
  margin-left: .938rem;
}

.label-font {
  font-weight: 700;
  font-size: .75rem;
}
.form-check-label {
  margin-left: .313rem;
  color: black;
}
span.invalid {
  margin-top: 2.313rem !important; /*[DJ] verified PD-968*/
  min-width: 15rem;
}

.z-index-5 {
  z-index: 5;
}
.z-1040 {
    z-index: 1040;
}
.min-w-500{
    min-width: 31.25rem;
}
.max-w-900 {
  max-width: 56.25rem !important; /*[DJ] verified PD-968*/
}

.form-check-inline {
    margin-left: .75rem
}


td input[type="text"]:not(.form-control), td select:not(.form-select) {
  height: 1.875rem !important; /*[DJ] verified PD-968*/
}

/*Radio Button Settings*/
input[type="radio"][disabled] { /*[DJ] verified PD-968*/
  background-color: lightgray !important;
  cursor: default !important;
}

  input[type="radio"][disabled]:checked { /*[DJ] verified PD-968*/
    background-color: #111 !important;
    border-color: lightgray !important;
    cursor: default !important;
  }

input[type="radio"]:checked { /*[DJ] verified PD-968*/
  background: #111 !important;
  border: .188rem solid #fff !important;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1);
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,1);
}

.distinct-border {
  background-color: rgba(0,0,0, 0.1);
  border: 1px solid darkgrey;
}

.fu-table-row[aria-expanded="true"] {
  border: 1px solid darkgrey;
}

.angular-editor-button:focus, .angular-editor-select:focus {
  /*angular-editor button:focus, angular-editor a:focus, angular-editor input:focus, angular-editor select:focus {*/
  border-color: blue !important;
  border: solid !important;
}

.signature-link {
  color: mediumblue !important;
}

.brand-link-big {
  height: calc(2.8rem);
}

.tooltip-inner {
  color: black;
  background-color: white;
  box-shadow: 0px 0px 4px black;
  opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
  border-right-color: white !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
  border-left-color: white !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: white !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: white !important;
}

div.tooltip-inner {
  max-width: none !important;
}

.notification-item {
  border: none;
  background-color: white;
  font-size: .8125rem !important;
}
.dropdown-item {
  font-weight: bold;
  font-size: .875rem !important;
}

.nav-sidebar > .nav-item .nav-link,
.nav-treeview > .nav-item .nav-link {
  padding-top: .2rem;
  padding-bottom: .2rem;
  padding-left: .2rem;
  color: black;
  font-size: 0.813rem;
  font-weight: bold;
}


.navigation-tab {
  font-weight: bold;
  font-size: 0.813rem;
  color: #2d6b8e;
  padding: .36rem;
}

  .navigation-tab:focus, .navigation-tab.focus, .nav-link:focus, .nav-link.focus,
  .dropdown-item:focus, .notification-item:focus { /*[DJ] verified PD-968*/
    border-top-color: #347ca6 !important;
    border-left-color: #347ca6 !important;
    border-right-color: #347ca6 !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-top-left-radius: .188rem !important;
    border-top-right-radius: .188rem !important;
/*    box-shadow: 0px 0px .2rem #347ca6;*/
    color: black !important;
    background-color: #90B6CD;
    font-weight: bold;
  }

    .nav-sidebar > .nav-item > .nav-link:focus, .nav-sidebar > .nav-item > .nav-link.focus,
    .dropdown-item:focus, .notification-item:focus { /*[DJ] verified PD-968*/
      border-radius: .188rem !important;
      border-bottom-color: #347ca6 !important;
    }
  
  .navigation-tab:active, .navigation-tab.active, .nav-link:active, .nav-link.active,
  .dropdown-item:active, .notification-item:active {
    border-top-color: #90B6CD !important;
    border-left-color: #90B6CD !important;
    border-right-color: #90B6CD !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-top-left-radius: .188rem !important;
    border-top-right-radius: .188rem !important;
/*    box-shadow: 0px 0px .2rem #90B6CD;*/
    color: white !important;
    background-color: #347ca6 !important;
  }

    .nav-sidebar > .nav-item > .nav-link:active, .nav-sidebar > .nav-item > .nav-link.active,
    .dropdown-item:active { /*[DJ] verified PD-968*/
      border-radius: .188rem !important;
      border-bottom-color: #90B6CD !important;
    }


  .navigation-tab:hover, .navigation-tab.hover, .nav-link:hover, .nav-link.hover,
  .dropdown-item:hover, .notification-item:hover {
    border-top-color: black !important;
    border-left-color: black !important;
    border-right-color: black !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-top-left-radius: .188rem !important;
    border-top-right-radius: .188rem !important;
/*    box-shadow: 0px 0px .2rem black;*/
    color: black !important;
    background-color: #cacccf; /*#f8f9fa;*/
    font-weight: bold;
  }

    .nav-sidebar > .nav-item > .nav-link:hover, .nav-sidebar > .nav-item > .nav-link.hover,
    .dropdown-item:hover, .notification-item:hover { /*[DJ] verified PD-968*/
      border-radius: .188rem !important;
      border-bottom-color: black !important;
    }

input.form-control:focus, input.search-item-field:focus,
select.form-select:focus, select.search-item-field:focus, .multiselect-dropdown:focus {
  outline: 1px solid #3c8dbc;
}

.custom-forms-submenu {
  margin-left: 158px !important;
  margin-top: -30px !important;
}

#topNavNotifiButton:focus,
#showHelp:focus,
#currentUserNameText:focus {
  border: 1px solid black;
}

.main-header {
    z-index: 1041;
}

.dropdown-toggle::after {
  margin-left: 0.3em;
  vertical-align: -0.1em;
}

.nav-tabs .nav-link {
    margin-bottom: -2px;
}
.file-select-group {
    height:40px;
}
.file-select-btn{
    border: solid thin grey;
    height: 40px;
    left: 385px;
    top: -39px;
}
  .file-select-btn:focus {
    outline: 1px solid #3c8dbc;
  }

.toast-warning {
  color: black!important;
}

.no-overflow {
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 3.438rem;
}

.table-caption {
  font-weight: bold;
  caption-side: top;
  text-align: center;
  color: black;
}

.divtext {
  border: ridge 1px;
  width: 29.375rem;
  min-height: 5em;
  overflow: auto;
  color: black;
}

.ta-center {
  text-align: center;   
}
.ta-left {
  text-align: left;
}

.assessment-result-cell {
  display: inline-block;
  max-height: 10.938rem;
  width: 100% !important;
}

.show-white-space {
  white-space: pre-wrap;
}

.qc-held-times-expandable-row {
  margin: 0;
 /* cursor: pointer;*/
}

.asmtHeader {
  background-color: white;
  border: none;
  border-bottom-color: lightgray;
}

.copy-button-div {
  display: flex;
  align-items: center;
  margin: auto;
  max-width: 5rem;
  min-width: 4.8rem;
}

.ws-no-wrap {
  white-space: nowrap;
}

.no-scrollbar {
  overflow-y: auto!important;
}

.table-checkbox-centered {
  vertical-align: central;
  text-align: center;
}

.main-footer {
  color: black!important;
}

.current-nav-link {
  background-color: #2c7dac!important;
  color: white!important;
}

.radio-label-YN {
  font-weight: bold;
  font-size: 0.875rem !important;
}

.correspondence-template-modal-body {
  height: 25rem;
  overflow: auto;
}

.no-top-border {
  border-top: none!important;
}

.error-div {
  min-width: 15rem;
  max-width: 45rem;
  margin: auto;
  padding: .125rem 0 .125rem 0;
}

.error-span {
  border: 5px solid red;
  background-color: red;
  border-radius: 7px;
  color: white;
  font-weight: bold;
  opacity: .7;
}