/* Extra small devices (portrait phones, less than 544px) No media query since this is the default in Bootstrap because it is "mobile first" */
 h1 {
    font-size:2rem;
    color: #D6DBDA; !important;
}
/*1rem = 16px*/
 h2 {
    font-size:1.5rem;
    color: #D6DBDA; !important;
    text-align: center;
}
 h3 {
    font-size:1.0rem;
    color: #D6DBDA; !important;
    text-align: center;
}
/*1rem = 16px*/
/* #################################################### M E D I A Q U E R I E S #################################################### */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::: Bootstrap 4 breakpoints */
/* Small devices (landscape phones, 544px and up) */
 @media (max-width: 543px) {
     h1 {
        font-size:2rem;
        color: #D6DBDA; !important;
    }
    /*1rem = 16px*/
     h2 {
        font-size:1.05rem;
        color: #D6DBDA; !important;
    }
     h3 {
        font-size:0.9rem;
        color: #D6DBDA; !important;
    }    
    /*1rem = 16px*/
}	
 @media (min-width: 544px) {
     h1 {
        font-size:2rem;
        color: #D6DBDA; !important;
    }
    /*1rem = 16px*/
     h2 {
        font-size:1.2rem;
        color: #D6DBDA; !important;
    }
     h3 {
        font-size:1.0rem;
        color: #D6DBDA; !important;
    }    
    /*1rem = 16px*/
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
 @media (min-width: 768px) {
     h1 {
        font-size:2.5rem;
        color: #D6DBDA; !important;
    }
    /*1rem = 16px*/
     h2 {
        font-size:1.5rem;
        color: #D6DBDA; !important;
    }
     h3 {
        font-size:1.2rem;
        color: #D6DBDA; !important;
    }    
    /*1rem = 16px*/
}
/* Large devices (desktops, 992px and up) */
 @media (min-width: 992px) {
     h1 {
        font-size:3rem;
        color: #D6DBDA; !important;
    }
    /*1rem = 16px*/
}
/* Extra large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
     h1 {
        font-size:2.75rem;
        color: #D6DBDA; !important;
    }
    /*1rem = 16px*/
     h2 {
        font-size:2rem;
        color: #D6DBDA; !important;
        text-align: center;
    }
     h3 {
        font-size:1.5rem;
        color: #D6DBDA; !important;
        text-align: center;
    }    
    /*1rem = 16px*/
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::: Custom media queries */
/* Set width to make card deck cards 100% width */
 @media (min-width: 950px) and (max-width:1100px) {
     h1 {
        font-size:2.75rem;
        color: #D6DBDA; !important;
    }
     h2 {
        font-size:2rem;
        color: #D6DBDA; !important;
    }
     h3 {
        font-size:1.5rem;
        color: #D6DBDA; !important;
    }    
}
 .table-responsive {
    background-color: #1a3668;
    padding-top: 10px;
    border-top: solid #FFF 15px;
}
 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 10rem;
     padding: 0.5rem 0;
     margin: 0.125rem 0 0;
     font-size: 1rem;
     color: #212529;
     text-align: left;
     list-style: none;
     background-color: #fff;
     background-clip: padding-box;
     border: 3px solid rgba(0, 0, 0, 0.15);
     !important;
}
 .navbar-light .navbar-nav .nav-link {
     color: #D6DBDA; !important;
}
 .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
     color: #D6DBDA; !important;
}
 .navbar-light .navbar-nav .nav-link:hover {
     color: #fff; !important;
}
 .nav-tabs .nav-link.disabled {
     color: #fff; !important;
}
 .dropdown-item:hover, .dropdown-item:focus {
     color: #ff000f; !important;
     text-decoration: none;
     background-color: #E3EFFF; !important;
}
 .navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.7); !important;
}
 .dropdown-item.active, .dropdown-item:active {
     color: #ff000f; !important;
     text-decoration: none;
     background-color: #007bff;
}
 .dropdown-item.disabled, .dropdown-item:disabled {
     color: #ff000f; !important;
     pointer-events: none;
     background-color: transparent;
}
 .container,
 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl {
    margin-top: 20px;
}
 div#spinner {
     display: none;
     width:135px;
     height: 135px;
     position: fixed;
     top: 50%;
     left: 50%;
     text-align:center;
     margin-left: -50px;
     margin-top: -100px;
     z-index:2;
     overflow: auto;
}

.result-table-item {
	float: left;
	padding-right: 10px;
	font-size: 0.8rem;
}
.result-table-header {
	margin-bottom: 0px; !important;
}
.vertical-center {
  vertical-align: middle; !important;
  font-weight: bold;
}
.row {
	margin-left: -7px; !important;
	margin-right: -7px; !important;
}
.profile p {
    overflow: hidden;
}

.profile .label {
    vertical-align: top;
    float: left;
    width: 40%;
}

.profile .value{
    vertical-align: top;
    float: left;
    width: 60%;
}