@font-face {
    font-family: 'usbankcircularregular';
    src: url("../../../AdminApp/assets/fonts/U.S.BANKCIRCULARTT-REGULAR.TTF") format("truetype"), url("../../../AdminApp/assets/fonts/U.S.BANKCIRCULARTT-REGULAR.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'usbankcircularbold';
    src: url("../../../AdminApp/assets/fonts/U.S.BANKCIRCULARTT-BOLD.TTF") format("truetype"), url("../../../AdminApp/assets/fonts/U.S.BANKCIRCULARTT-BOLD.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'usbankcircularblackitalic';
    src: url("../../../AdminApp/assets/fonts/U.S.BANKCIRCULARTT-BLACKITALIC.TTF") format("truetype"), url("../../../AdminApp/assets/fonts/U.S.BANKCIRCULARTT-BLACKITALIC.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'usbankcircularblackitalic';
    src: url("../../../AdminApp/assets/fonts/U.S.BANKCIRCULARTT-BLACKITALIC.TTF") format("truetype"), url("../../../AdminApp/assets/fonts/U.S.BANKCIRCULARTT-BLACKITALIC.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body,h1, h2, h3, h4, h5 {
    font-family: usbankcircularregular !important;
}
 body {
     font-size: 16px;
     margin: 0;
}
strong {
    font-family: usbankcircularbold !important;
}

.modal-open[style] {
    padding-right: 0px !important;
    overflow-y:hidden;
}

.searchBar input {
  width:200px;
}

.hamburgerMenuText {
    margin-left: -.5rem;
    padding: .2rem;
}

.animated-icon1 {
width: 25px;
height: 25px;
position: relative;
margin:0px
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: black;
}
.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.navbar-toggler active a {
background:transparent;
margin:0px;
padding:0px;
}

.innerHamburger {
  height:4.5rem;
  width:3.75rem;
  padding-left:5px;
  z-index:-100;
  padding-top:3px;
  position:relative;
}
#signInButton {
    font-family: usbankcircularbold !important;
}
#forgotPWLink {
    margin-left: 32%;
    color: white
}
.modal-open .modal {
   overflow-y:hidden;
}
 .topnav {
     overflow-y: hidden;
     position:relative;
     left:0;
     top:0;
     width:100%;
     vertical-align: baseline;
     z-index:0;
}
 #sideNav.sampleSideNav {
     height: calc(100% - 72px);
     width: 0%;
     float: left;
     z-index: 1;
     top: 72px;
     left: 0;
     padding-bottom:120px;
     position: fixed;
     overflow: hidden;
     padding-top: 0px;
     text-align: left;
     font-size: 12px;
     transition: width .2s;
-webkit-overflow-scrolling: touch;
}
.signInText:after{
  content:'Sign In';
}
.sampleSideNav a {
    color: white;
    font-family: usbankcircularregular !important;
}
 .sampleSideNav a:hover {
     background-color: white;
     color: black;
}
 .sideNavContent {
     margin-left:6px;
}
 ::-webkit-scrollbar {
     width: 15px;
}
 ::-webkit-scrollbar-track {
     box-shadow: inset 0 0 10px grey;
     border-radius: 10px;
}
 ::-webkit-scrollbar-thumb {
     background: grey;
     border-radius: 50px;
}

.dividerLine {
     border-radius: 4px;
     width: 100%;
     margin-right: 85%;
}

.card-header {
     color:white;
}
 .menu-icon {
     display: none;
}
 .menu-icon:hover {
     color: grey;
     cursor: pointer;
}
 #main.mainContent {
     margin-left: 3%;
     margin-right: 2%;
     transition: margin-left .3s;
     margin-top:50px;
}
.topnav #openNav {
    border: 0;
    color: white;
    float: left;
    text-align: center;
    padding: 14px 8px;
    text-decoration: none;
    font-size: .85rem;
    margin-top: -.9rem;
    font-family: usbankcircularregular !important;
    /*  font-family: "Poppins", sans-serif;*/
}
 .topnav #openNav.active:hover {
  box-shadow: 0px 5px 15px 4px rgba(31, 31, 31, .95);
     cursor: pointer;
}
 .topnav-right {
     float: right;
}
 .topnav-center {
     margin-right: 3%;
     font-size: 25px;
     margin-top: 1%;
     text-align: center;
}
 .topnav-right a.active {
     color: black;
}
 .loginForm {
     float: right;
}
 .topRightBtnTable {
     float:right;
     vertical-align: baseline;
     margin-top:1%;
}
 .login_btn::after {
     content: ' Submit';
}
 .pt-2, .py-2 {
     padding-top:0rem !important;
     margin-top:1%;
}
 .text-lg-centerText {
     margin-top:20px;
     text-align:left;
     margin-left:75px;
     
}

.searchBar {
    top: 23%;
    position: absolute;
    right: 155px;
    font-size: 1rem;
    z-index: 2;
}

.ui-autocomplete-input {
  color:none;
}
.searchBar input {
    font-family: usbankcircularregular !important;
}

.searchBar button {
    font-family: usbankcircularbold !important;
    background: none;
    color: white;
    border: 2px solid white;
    border-radius: 5px 5px 5px;
}

.searchBar button:hover {
   cursor: pointer;
   background:black;
   color:white;
}

#contentTable td {
  padding:8px;
}

#contentTable, #contentTable th {
  background-color:white;
  color:black;
  border: 1px solid black;
  table-layout:auto;
}

.contentTableHeader {
  color:white;
  border:1px solid black;
}

.btn-lg, .btn-group-lg > .btn {
      font-size:1.10rem;
 }

.footerDiv{


}
@media (max-width:1080px) {
    /* For tablets */
    .text-lg-centerText {
     margin-top:1.5%;
     text-align:left;
     margin-left:4%;
   }
   .searchBar {
     top:25%;
     position:absolute;
     right:30%;
     font-size:80%;
     z-index:2;
   }

 body {
         font-size: 14px;
    }
    .topnav {
     overflow-y: hidden;
     position:relative;
     left:0;
     top:0;
     width:100%;
     vertical-align: baseline;
     z-index:0;
    }
     #sideNav.sampleSideNav {
         height: 100%;
         width: 0%;
         float: left;
         z-index: 1;
         top: 51px;
         left: 0;
         position: fixed;
         overflow-x: hidden;
         padding-top: 0px;
         text-align: left;
         font-size: 12px;
         font-family:usbankcircularregular
         transition: margin-left .3s;
         transition: width .3s;
    }
     .sampleSideNav a {
         color: white;
    }
     .sampleSideNav a:hover {
         background-color: white;
         color: black;
    }
     .redBorder {
         border-radius: 4px;
         border: 5px solid #3498DB;
         width: 15%;
         margin-right: 85%;
    }
     .menu-icon {
         display: none;
    }
     .menu-icon:hover {
         color: grey;
         cursor: pointer;
    }
     #main.mainContent {
         width: 90%;
         margin-left:5%;
         transition: margin-left .3s;
    }
     #forgotPWLink {
	margin-left:36%;
     }
     .topnav #openNav {
	height:3.5rem;
         clear:both;
     color: white;
     float: left;
     text-align: center;
     padding: 14px 8px;
     text-decoration: none;
     font-size: .85rem;
     margin-top:-.9rem;
 /*    font-family: "Poppins", sans-serif;*/

    }
 	.topnav #openNav.active:hover {
 	 box-shadow: 0px 5px 15px 4px rgba(31, 31, 31, .95);
 	    cursor: pointer;
	}

	.innerHamburger {
	  height:3.5rem;
	  width:3.75rem;
 	 padding-left:5px;
 	 z-index:-100;
	  padding-top:3px;
 	 position:relative;
	}
     .topnav-right {
         float: right;
         max-height:10px;
    }
     .topnav-center {
         margin-right: 0%;
         font-size: 12px;
         margin-top: 0%;
         text-align: left;
    }
     .topnav-right a.active {
         color: black;
    }
     .loginForm {
         float: right;
    }
     .btn::after {
         font-size:19px;
         content: '';
    }
     .container {
         width: 500px;
         top:0%;
         float:right;
         right:0px;
    }
     #loginModal {
         overflow-y:hidden;
         max-width:95%;
    }
     .mBody {
         max-width:100%;
    }
     .pt-2, .py-2 {
         padding-top:0rem !important;
         margin-top:1.5%;
    }
     .login_btn::after {
         content: ' Submit';
    }
     #welcomeMessage {
         visibility:hidden;
    }
     .topRightBtnTable {
         float:right;
         vertical-align: baseline;
    }
     .btn-lg, .btn-group-lg > .btn {
         font-size:1.00rem;
    }
}

 @media (max-width:420px) {
    /* For mobile phones: */
     body {
         font-size: 1rem;
    }
    h1, .h1, h2, .h2 {
	font-size:1.75rem;
    }

.hamburgerMenuText { 
  margin-left:-.5rem;
  padding:.2rem;
}

.animated-icon1 {
width: 25px;
height: 25px;
position: relative;
margin:0px
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: black;
}
.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.navbar-toggler active a {
background:transparent;
margin:0px;
padding:0px;
}

.innerHamburger {
  height:inherit;
  width:3.75rem;
  padding-left:5px;
  z-index:-100;
  padding-top:3px;
  position:relative;
}

 .topnav {
     overflow-y: hidden;
     position:relative;
     left:0;
     top:0;
     width:100%;
     vertical-align: baseline;
     z-index:0;
     height:6rem;
}


    .text-lg-centerText {
     	margin-top:0%;
     	text-align:left;
     	margin-left:4%;
     }

     .searchBar {
     	top:65%;
     	position:absolute;
    	left:18%;
     	z-index:2;
	width:300px;
	font-size;.9rem;
     }
     .signInText:after{
 	 content:'';
     }
     #sideNav.sampleSideNav {
         height: 100%;
         width: 0%;
         float: left;
         z-index: 1;
         top: 90px;
         left: 0;
         position: fixed;
         overflow-x: hidden;
	 overflow-y: scroll;
         padding-top: 0px;
         text-align: left;
         font-size: 12px;
         transition: margin-left .3s;
         transition: width .3s;
    }
     .sampleSideNav a {
         color: white;
    }
     .sampleSideNav a:hover {
         background-color: white;
         color: black;
    }
     .redBorder {
         border-radius: 4px;
         border: 5px solid #3498DB;
         width: 15%;
         margin-right: 85%;
    }
     .menu-icon {
         display: none;
    }
     .menu-icon:hover {
         color: grey;
         cursor: pointer;
    }
     #main.mainContent {
         width: 90%;
         margin-left:5%;
         transition: margin-left .3s;
    }

 .topnav #openNav {
     border:0;
     color: white;
     float: left;
     text-align: center;
     padding: 14px 8px;
     text-decoration: none;
     font-size: 1rem;
     margin-top:-.9rem;
     font-family: "Poppins", sans-serif;
     height:inherit;
}
 .topnav #openNav.active:hover {
  box-shadow: 0px 5px 15px 4px rgba(31, 31, 31, .95);
     cursor: pointer;
}

     .topnav-right {
         float: right;
         max-height:10px;
    }
     .topnav-center {
         margin-right: 0%;
         font-size: 12px;
         margin-top: 0%;
         text-align: left;
    }
     .topnav-right a.active {
         color: black;
    }
     .loginForm {
         float: right;
    }
     .btn::after {
         font-size:19px;
         content: '';
    }
     .container {
        /* width: 500px;*/
	width:75%;
         margin-top:-1%;
         float:right;
         right:0px;
    }
     #loginModal {
         overflow-y:hidden;
         max-width:100%;
    }
     .mBody {
         max-width:100%;
    }
     .pt-2, .py-2 {
         padding-top:0rem !important;
         margin-top:2.0%;
    }
     .login_btn::after {
         content: ' Submit';
    }
     #welcomeMessage {
         visibility:hidden;
    }
     .topRightBtnTable {
         float:right;
         vertical-align: baseline;
    }
     .btn-lg, .btn-group-lg > .btn {
         font-size:1.00rem;
    }
   .searchBar input {
 	 width:70%;
    }
    #logoutText {
	 padding-top:5px;
	 font-size:0.90rem;
    }
    #forgotPWLink {
   	margin-left:34%;
    }
}