body
{
    margin-top:30px;
}
h1
{
    color: #d06d24;
}
h2,h3,h4, h1.header
{
    color: #365b7e;
}
.logo
{
    height:70px;
    background: url(../images/logo.png) no-repeat;
    background-size:contain;
    background-repeat:no-repeat;
    margin-bottom: 30px;
    margin-top: -14px;
}
.container-fluid
{
	padding-left: 0px;
	padding-right: 0px;
}
.row{
	margin-left: 0px;
	margin-right: 0px;
}
/*testing / demo */
.navbar-toggler-icon{
	cursor: pointer;
	background: black;
}
.headRow .contentRow{
	padding-bottom: 0px;
}	
.headRow
{
    border-bottom: 4px solid #3173a7;
}
.footerRow
{
    border-top:4px solid #3173a7;
}
.contentRow
{
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 50px;
    padding-top: 10px;
    margin: 0 auto;
}
@media (max-width: 1079px){
    .contentRow
    {
        width: 100%;    
    }
}
@media (min-width:1080px){
    .contentRow
    {
        width:80%;
    }

}


.navRow
{
    position:relative;
    min-height:75px;
}
.navContainer
{
    margin-top: 20px;
}
.navbar-pa
{
    background-color: transparent;
    padding-bottom:0px;
    padding-right:15px;
    margin-bottom:-1px;
}

.navbar-pa .navbar-nav>.nav-item
{
    background-color:#3173a7;
    margin-left:5px;
    margin-right:5px;
}
.navbar-pa .navbar-nav>.nav-item:first-child
{
    margin-left:0px;
}
.navbar-pa .navbar-nav>.nav-item:last-child
{
    margin-right:0px;
}
.navbar-pa .navbar-nav>.nav-item>a
{
    color:white;
    padding-right:25px;
    padding-left:25px;
    padding-top:5px;
    padding-bottom:5px;
}
.btn
{
    border-radius: 0px;
    border-width:0px;
}
.btn-outline-success,
.btn-outline-primary,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-secondary
{
    border-width:1px!important;
}
.btn-secondary
{
    background-color:#f1f1f1;
}
.btn-primary
{
    background-color:#3173a7;
}
.navbar-pa .nav-link:hover,
.navbar-pa .btn-primary:hover
{
    background-color:#79a5d3;
}
.login>.card-block
{
    border:1px solid #555;
    -webkit-border-image: url(../images/line.gif) 30 round; /* Safari 3.1-5 */
    -o-border-image: url(../images/line.gif) 30 round; /* Opera 11-12.1 */
    border-image: url(../images/line.gif) 30 round;
}
.login>.card-header
{
    background-color: transparent;
    border: 0px;
    font-size:14px;
    color:rgb(45,75,103);
    font-weight:bold;
}
.card.login
{
    border: none;
}
.forgot-link>a
{
    color: #647e9d;    
    font-size: 13px;
    background: url(../images/help-icon.gif) no-repeat right top;
    padding: 3px 25px 30px 0;
    text-decoration: none;
}
.forgot-link>a:hover
{
    text-decoration:underline;
}
.forgot-link
{
    padding: 7px 15px 0 14px;
}
div.container {
    width: 80%;
}
.table>tbody>tr>td
{
    padding:6px;
}
.scroll
{
    height:65vh;
    overflow-y:scroll;
    overflow-X:hidden;
    -webkit-overflow-scrolling: touch;  /*fix scrolling issue on ios, when pressing on an input*/
}
.card-block {
    padding:0.25rem;
}
.appnav > li:not(:last-child) > a.btn
{
    border-bottom:none; 
}
.appnav > li > a.btn
{
    border-radius:0px;
    border-color: #365b7e;
    color: #365b7e;
}
.appnav > li > a.active,
.appnav > li > a:hover,
.btn-primary.form-control:hover
{
    background-color:#365b7e;
    color: white;
}
.btn-primary.form-control
{
    margin-left:100px;
    margin-right:100px;
}
input.form-control
{
    border-radius:0px;
}
.card
{
    border-radius:0px;
}
.custom-radio>input, /*this didnt work??*/
.custom-checkbox>input
{
    color:white;
}
.search>tr>th
{
    border-right-width:0px;
    border-left-width:0px;
    padding:5px 0px 5px 0px;
}
.search>tr>th>input.form-control
{
    margin-left:auto;
    margin-right:auto;
    padding:5px;
    width:90%;
    font-size:smaller;
}
.dataTables_wrapper
{
    padding:0px;
}
.card>.card-body.padded
{
    padding:12px;
}
#advancedSearch
{
    margin-top:15px;
}
.notify
{
    margin-bottom:20px;
}
.alert
{
    padding:10px;
    margin-bottom:5px;
    border-radius:0px;
}
a.nav-link
{
    /*get the buttons on the application form to wrap*/
    white-space:normal !important;
    word-wrap: break-word; 
    word-break:normal;
}
.application-col
{
    padding-left:5px;
    padding-right:5px;
}
.form-control::placeholder
{
    color: #CCCCCC;
}
.form-control
{
    min-height:35px;

}
select.form-control{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance:none;
    -moz-appearance:none;
    -appearance: none;
}
.readonly
{
    background-color:#fff!important;
}
.custom-control-input:checked:disabled~.custom-control-indicator
{
    background-color:#0275d8;
}
.modal-dialog
{
    margin-top:5px;
    margin-bottom:5px;
}
.modal-content
{
    border-radius:0px;
}
/*loading animation*/
.loader 
{
    border: 16px solid #f3f3f3; /* Light grey */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 0.5s linear infinite;    
    animation: spin 0.5s linear infinite;
}
.loader
{
    border-right: 16px solid #365b7e;
    border-left: 16px solid #d06d24;
}
@-webkit-keyframes spin 
{
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
  
  @keyframes spin 
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


h3.newUser
{
    margin-top:25px;
    margin-bottom:15px;
}
.btn-info.form-control:active
{
    background-color:white;
    color:black;
    border-color:#5bc0de;
    outline:none;
}
.dialog > .card-body
{
    padding:20px;
    
}
a.nav-link.btn-info, a.nav-link.btn-info:hover,
a.nav-link.btn-success, a.nav-link.btn-success:hover
{
    color:white;
}

.row>label.col-12.col-form-label
{
    padding-top:0px;
    padding-bottom:0px;
}
.form-group.row
{
  margin-bottom:0px;
}