@font-face {
    font-family: F37Ginger-Bold;
    src: url(./assets/fonts/F37Ginger-Bold.otf);
}
@font-face {
    font-family: F37Ginger-Light;
    src: url(./assets/fonts/F37Ginger-Light.otf);
}
@font-face {
    font-family: F37Ginger-Regular;
    src: url(./assets/fonts/F37Ginger-Regular.otf);
}
@font-face {
    font-family: MinionPro-Regular;
    src: url(./assets/fonts/MinionPro-Regular.otf);
}

/* James' Font Stuff */

@font-face {
    font-family: 'F37Ginger-Light';
    src: url("/assets/fonts/e16f9d372ba916a9733edbbb5b4345eb.eot?#iefix") format("embedded-opentype"), 
        url("/assets/fonts/03966d1276d78e81624419a52b1a6d94.woff") format("woff"), 
        url("/assets/fonts/afd5f020611c3df8a6a8b801b9b9e170.woff2") format("woff2"), 
        url("/assets/fonts/10c7cbe8019b7f796a20fb08a71043f5.ttf") format("truetype");
    // font-weight: 300;
}

@font-face {
    font-family: 'F37Ginger-Regular';
    src: url("/assets/fonts/370f6afbf4ce4a90234891278c28dfd0.eot?#iefix") format("embedded-opentype"), 
        url("/assets/fonts/021e2d373c9924476c2d9331449d38de.woff") format("woff"), 
        url("/assets/fonts/82b0c9dcb2fab1bde783cbe0162b0f23.woff2") format("woff2"), 
        url("/assets/fonts/b5b0a6c008d8d4203ff80d5be47e2ce6.ttf") format("truetype");
    // font-weight: 400;
}

@font-face {
    font-family: 'F37Ginger-Bold';
    src: url("/assets/fonts/0aba29b3e37cba53176de22d2fe66ed1.eot?#iefix") format("embedded-opentype"), 
        url("/assets/fonts/00de7f26fca4cd56c2e1796ffc1e9a72.woff") format("woff"), 
        url("/assets/fonts/5ff3cab94d57346caf2cb574bb6fe271.woff2") format("woff2"), 
        url("/assets/fonts/2f0790122d2032b38da0147cc252e884.ttf") format("truetype");
    // font-weight: 700;
}


/* General Styling */
body {
    background:rgba(218,233,248, 0.7);
    font-size:15px;
    letter-spacing: -0.03em;
}
.main-wrapper, .home {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
main.container {
    padding-top: 5rem;
    max-width: 97vw;
    background:white; /* background for the boxed area */
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 95vh;
    overflow: scroll;
}
.row {
    width: 100%;
}
.main-wrapper main.container {
    padding-top:1.5rem;
}
::placeholder {
    color:#C6C6C6;  /* Dusky Grey */
}
.pr0 {
    padding-right:0;
}
a:hover {
    color:#1bb3b6;
}
input {
   font-family: F37Ginger-Light;
}
.leftcol {
    width:22%;
}
.maincol {
    width:78%;
}
img {
    max-width: 100%;
}
/* First Slide - Login Screen */

main.container .logo {
    height:150px;
}
main.container h1 {
    color:#1f1d5b; /* Dark Blue */
    font-family: F37Ginger-Bold;
    margin-top: 1rem;
    font-size: 5rem;
}
main.container form {
    font-family: F37Ginger-Light;
}
form .error-required {
    color:#D90000; /* Red */
    font-family: F37Ginger-Bold;
    font-size:16px;
    margin-bottom: 0;
}
main.container table.login-form {
    margin-top:2rem;
    border-collapse:separate; 
    border-spacing: 0 1em;
    width:100%;
}
main.container table.login-form label{
    color:#878787; /* Mid Grey*/
    font-family: F37Ginger-Bold;
    font-size:16px;
}
main.container table.login-form td{
    margin-bottom:1rem;
}
main.container table.login-form input {
    width:100%;
    border:1px solid #C6C6C6;
    border-radius: 4px;
    height:30px;
    outline:0;
}
main.container form input[type="submit"]{
    border-radius: 3px;
    background-color: #1bb3b6;
    color: white;
    text-transform: uppercase;
    font-family: F37Ginger-Bold;
    border: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-top: 0.2rem;
    transition: 0.3s;
}
main.container form input[type="submit"]:hover{ 
    background-color: rgb(31, 29, 91);
}

/* p1.html styling  */
main .innerwrapper {
    margin-top: 2rem;
    max-width: 90%;
    background: #eee; /* Dusky Pinky Grey */
    padding: 3rem;
    margin-bottom: 2rem;
    overflow-y : auto;
    height: 100%;
}
main .innerwrapper .innerwrapper-content {
    padding: 2rem 0;
}
main .innerwrapper h3 {
    color:#878787;
    font-family: F37Ginger-Bold;
    text-transform: uppercase;
    font-size:1.2rem;
    margin-top: 2rem;
    margin-bottom: 0;
}

main .innerwrapper p {
    font-family: F37Ginger-Light;
    font-size:1.1rem;
    color:#878787;
}

main .innerwrapper .btn-main  {
    background-color: #1bb3b6; /* Cyany Blue */
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-width: 0px;
    display:flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    padding:0.5rem;
    width: 47%;
    margin: 0 auto;
    transition: 0.3s;
}
main .innerwrapper .btn-main:hover  {
    background-color: rgb(31, 29, 91); /* Mid Darky Blue */
}
main .innerwrapper .btn-main  img {
    align-self: center;
}
main .innerwrapper .btn-main h3 {
   color:white;
   text-transform: uppercase;
   margin:0;
   font-family: F37Ginger-Bold;
   font-size:1.3rem;
   margin-right:1rem;
   letter-spacing: 0;
}

/* P10 html styling */
.main-wrapper main.container .logo {
    height:80px;
}
.main-wrapper main.container .logo-wrapper {
    text-align: center;
}
.main-wrapper main.container .summary-wrapper {
    margin:1.5rem 0;
    color:#878787; /* Mid Grey */
}
.main-wrapper main.container .summary-wrapper h5{
    font-family: F37Ginger-Bold;
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom:0;
}
.main-wrapper main.container .summary-wrapper h5 span{
    font-family: F37Ginger-Light;
}
.main-wrapper main.container .announcement-wrapper {
    font-family: F37Ginger-Light;
    font-size:1rem;
    background-color: rgba(27, 179, 182, 0.22);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-bottom: 0.5rem;
    text-align: center;
}
.main-wrapper main.container .announcement-wrapper h5 {
    font-family: F37Ginger-Bold;
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom:0;
    background: #1bb3b6; /* Cyany Blue */
    border-radius:2px;
    border-width: 0;
    color: white;
    padding:0.5rem;
    letter-spacing: 0;
}
.main-wrapper main.container .announcement-wrapper p {
    border-bottom:1px dashed;
    margin:1rem;
    padding-bottom:1rem;
    color:black;
    text-align: left;
}
.main-wrapper main.container .content-wrapper {
    border:1px solid #1f1d5b;
    border-radius:2px;
    text-align: center;
    margin: 2rem 0;
    padding: 0.7rem;
    color:#1f1d5b;
}
.main-wrapper main.container .content-wrapper h4 {    
    font-family: F37Ginger-Bold;
    font-size:1rem;
    line-height: 1.5;
}
.main-wrapper main.container .content-wrapper p {  
    font-family: F37Ginger-Light;
    font-size:0.92rem;
    line-height: 1.3;
    margin-bottom:0;
}
.main-wrapper main.container .btn-wrapper {
    padding:0;
}
.main-wrapper main.container .btn-wrapper li {
    display:block;
    margin-bottom:1rem;
}
.main-wrapper main.container .btn-wrapper li a {
    background: rgba(27, 179, 182, 0.4); /* Cyany Blue */
    color:white;
    font-family: F37Ginger-Bold;
    font-size:1.1rem;
    text-decoration: none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 0px;
    height: 43px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:0.3s;
}
.main-wrapper main.container .btn-wrapper li a:hover, 
.main-wrapper main.container .btn-wrapper li a.active{
    background: #1bb3b6;  /* Cyany Blue */
}

.main-wrapper main.container .top-nav-wrapper  {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: var(--bs-gutter-x,.75rem);
}

.main-wrapper main.container .top-nav-wrapper .top-nav-info {
    color:#878787; /* Mid Grey */
}
.main-wrapper main.container .top-nav-wrapper .top-nav-info h5 {
    font-family: F37Ginger-bold;
    font-size:1rem;
    margin-bottom:0;
}
.main-wrapper main.container .top-nav-wrapper .top-nav-info h5 span {
    font-family: F37Ginger-light;
    margin-right:0.7rem;
}
.main-wrapper main.container .top-nav-wrapper ul {
    list-style: none;
    padding:0;
    margin-bottom:0;
    line-height: 1.1;
}
.main-wrapper main.container .top-nav-wrapper ul li {
    margin-left: 0.7rem;
    display: inline-block;
    font-family: F37Ginger-light;
    font-size: 1rem;   
}
.main-wrapper main.container .top-nav-wrapper ul li a {
    color:#878787;  /* Mid Grey */
    text-decoration: none;
    transition:0.3s;
}
.main-wrapper main.container .top-nav-wrapper ul li a:hover, 
.col-inner-wrapper ul li a:hover {
    color:#1bb3b6; /* Cyany Blue */
}
.main-wrapper main.container .search-wrapper {
    display: flex;
    padding-left: 2rem;
    margin-top:1rem;
}
.main-wrapper main.container .search-wrapper img {
    align-self: center;
    margin-right:0.7rem;
    height:17px;
}
.main-wrapper main.container .search-wrapper input {
    border-radius: 3px;
    font-size: 1rem;
    border:1px solid #C6C6C6;
    outline:0;
    font-family: F37Ginger-bold;
    height:30px;
    line-height: 1;
    padding-bottom: 0.2rem;
}
.main-wrapper main.container .search-wrapper input[type="submit"] {
    border-width:0;
    margin-left:0.5rem;
}
.main-wrapper main.container .search-wrapper input[type="text"] {
    padding:1px 0.4rem
}
.col-inner-wrapper {
    padding: 2rem;
    background: #f6f5f3; /* Light Dusky Pinky Grey */
    margin-top: 1.5rem;
    height: 100%;
}
.col-inner-wrapper h3 {
    color:#1bb3b6;  /* Cyany Blue */
    font-family: F37Ginger-bold;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom:1.5rem;
}
.col-inner-wrapper ul {
    list-style: none;
    padding:0;
}
.col-inner-wrapper ul li {
    margin-bottom:0.3rem;
}
.col-inner-wrapper ul li a {
    font-family: F37Ginger-light;
    font-size: 1.3rem;
    color:#79779d; /* Light Purpley */
    transition:0.3s;
}

.col-inner-wrapper p.f1, .col-inner-wrapper ul li {
    font-family: F37Ginger-light;
    font-size:1.1rem;
    color: #878787; /* Black */
    margin-bottom:0;
}
.col-inner-wrapper p  {
    font-size:1rem;
    font-family: F37Ginger-light;
    color: #878787; /* Black */
}
.col-inner-wrapper .code-wrapper {
    display:flex;
    align-items: center;
    margin-bottom:0.5rem;
}
.col-inner-wrapper .code-wrapper input {
    margin-left:0.5rem;
    outline:0;
    border: 1px solid #C6C6C6;  /* Dusky Grey */
    border-radius: 3px;
}
.col-inner-wrapper .code-wrapper p {
    margin-bottom:0;
    color:#878787; /* Black */
}
.col-inner-wrapper h4 {
    text-transform: uppercase;
    font-family: F37Ginger-bold;
    color:#878787; /* Black */
}
.col-inner-wrapper ul.ltype {
    list-style-type: disc;
    padding-left:1rem;
}
.col-inner-wrapper .subtitle {
    text-align: center;
    margin-top:3rem;
}
.col-inner-wrapper .subtitle p {
    color:#1f1d5b; /* Navy Blue */
    font-size: 1rem;
}
.col-inner-wrapper .table-wrapper {
    overflow: auto;
    height: 431px;
}
.col-inner-wrapper .table-wrapper table {
    border-spacing: 0;
    border-collapse: separate;
}
.col-inner-wrapper .table-wrapper table th {
    background-color: #1f1d5b; /* Navy Blue */
    color:white;
    font-family: F37Ginger-light;
    font-size:11px;
    font-weight: 100;
    box-shadow: none;
    border-right: 1px solid white;
    width: 12%;
}
.col-inner-wrapper .table-wrapper table thead {
    vertical-align: top;
    position: sticky;
    top: 0;
    z-index: 1;
}
.col-inner-wrapper .table-wrapper table thead th:last-of-type {
    width:15%;
    border-right:1px solid #1f1d5b;
}
.col-inner-wrapper .table-wrapper table thead th:nth-last-child(2) {
    width:25%;
}
.col-inner-wrapper .table-wrapper table.rdo thead th:nth-last-child(2) {
    width:15%;
}
.col-inner-wrapper .table-wrapper table.rdo thead th:last-of-type {
    width:25%;
}
.col-inner-wrapper .table-wrapper table.awf tr td:last-child {
    color:#cd1619;
    font-family: F37Ginger-bold;
}
.col-inner-wrapper .table-wrapper table tr td {
    border-bottom: 1px solid #1f1d5b; /* Navy Blue */
    border-left: 1px solid #1f1d5b;/* Navy Blue */
    color:rgb(31,29,91);
    font-size: 11px;
}
.col-inner-wrapper .table-wrapper table tr td:last-child {
    border-right: 1px solid #1f1d5b; /* Navy Blue */
}
.col-inner-wrapper .table-wrapper table tr {
    background-color: white;
    transition: 0.3s;
    font-family: F37Ginger-light;
}
.col-inner-wrapper .table-wrapper table tr:hover {
    background-color: #1bb3b6; /* Cyany Blue */
    color:white;
    cursor:pointer;
}
.col-inner-wrapper .table-nav-item {
    text-align: right;
    position: relative;
    min-height: 140px;
    color:white;
    background-color: rgba(27, 179, 182, 0.4); /* Bright Cyany Blue */
    border-radius: 2px;
    padding: 0.5rem;
    transition: 0.3s;
}
.col-inner-wrapper .table-nav-item.active, .col-inner-wrapper .table-nav-item:hover {
    background-color:#1bb3b6;
    cursor:pointer;
	
}
.table-nav {
    margin-bottom:1rem;
    display: -ms-grid;
		display: grid;
	grid-template-columns: repeat(7, 1fr); 
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	 
}
.table-nav-item {
	margin-right: 10px;
}

.table-nav-item a:active h5{
	color:red !important;
	pointer-events:none;
}
	
.col-inner-wrapper .table-nav-item p {
    position: absolute;
    bottom:0;
    color:white;
    margin-bottom: 0;    
    font-size:1.7rem;
    font-family: F37Ginger-bold;
}
.col-inner-wrapper .table-nav-item h5 {
    text-align: left;
    font-size:1.1rem;
    font-family: F37Ginger-bold;
    text-transform: capitalize;
    margin-bottom:0;
    max-width: 85%;
}
.col-inner-wrapper .table-nav-item img {
    justify-self: flex-end;
    height:30px;
}
.col-inner-wrapper .table-nav-item:nth-child(5) img {
    height:15px;
    margin-top:7.5px;
    margin-bottom:7.5px;
}
.col-inner-wrapper .table-nav-secondary  {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row; 
    width: 100%;
    margin-bottom:3rem;
}

.col-inner-wrapper .table-nav-secondary .table-nav-item {
    min-width: 315px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    min-height: auto;
}

.col-inner-wrapper .table-nav-secondary .table-nav-item:first-of-type {
    margin-left:123px;
    margin-right:1rem;
}

.col-inner-wrapper .table-nav-secondary .table-nav-item:last-of-type {
    margin-right:123px;
}

.col-inner-wrapper .table-nav-secondary .table-nav-item p  {
    position: relative;
    line-height: 1;
}

.img-wrapper {
    display:flex;
    max-width: 90%;
    margin:4rem auto 0;
}
.img-wrapper a, .img-wrapper a:hover {
    text-decoration: none;
}

.img-wrapper .img-col {
    background:#0d1a45; /* Navy Blue */
    display:flex;
    flex-direction: column;
    padding:0.5rem;
    border-radius: 3px;
}
.img-wrapper .img-col:first-of-type {
    margin-right: 2rem;
}
.img-wrapper .img-col img {
    border-radius:3px;
    height:343px;
}
.img-wrapper .img-col h3, .img-wrapper .img-col h4 {
    text-transform: uppercase;
    font-family: F37Ginger-light;
    color:white;
    text-align: center;
    letter-spacing: -0.03em;
}
.img-wrapper .img-col h3 {
    margin-top:0.5rem;
    font-size: 2em;
    margin-bottom: 0;
}
.img-wrapper .img-col h4 {
    font-size: 1.2rem;
}

/* Shaun Stuff */

.sslinks {
a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
}