/***************
Page Header Bar
***************/
.pageHeader{
    background-color: #005596;
    color:#FFFFFF;
    font-size:20px;
    text-align:center;
    /*padding:6px 0 6px 0;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
}

.password-alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size:16px;
    line-height: 1.2rem;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.vl {
  border-left: 6px solid #004B87;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0;
}
.navGroup {
    border: none;
    border-radius: 0;
    height: 40px;
    margin-top:-30px; 
    background-color:#eeeeee; 
    padding-bottom:0px;
    color:#004B87; 
    font-weight:bold;
}

.smnavGroup {
    border: none;
    border-radius: 0;
    height: 40px;
    margin-top:-48px; 
    background-color:#eeeeee; 
    padding-bottom:0px;
    color:#004B87; 
    font-weight:bold;
}
.navGroup .panel-body {
    padding-top: 5px;
    padding-right: -15px;
    padding-bottom: 0px;
    padding-left: -15px;
}
/***************
Next page button 
*****/
.btn-primary.next {
  background-color: #005596;
}
.btn-primary.next:hover, 
.btn-primary.next:active:hover {
	background-color: #0d87e9;
}
/*****
footer
*****/

.footer {
    margin: auto;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #dddddd;
    width:66%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.footer_links {
    margin-top: 40px;
    color: white;
}

/*.footer_links ul {
    margin-top: 20px;
}

.footer_links a {
    color: white;
}
*/
.footer_links a:hover {
    text-decoration: underline;
    /*color: #D9D9D6;*/
    font-weight: bold;
}

.footer_text {
    /*color: white;*/
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer_text a {
    text-decoration: underline;
    /*color: white;*/
}

.footer_text a:hover {
    /*color: #D9D9D6;*/
    font-weight: 700;
}

.lightBlueFooterBackground{
    background-color: rgba(0, 146, 188, 0.07);
    margin-bottom:-25px;
    /*left/right margins at 15 to counteract -15px of row element*/
    margin-left:15px;
    margin-right:15px;
    border-top:1px solid;
    color: rgba(0, 146, 188, 0.07);
}

.greyFooterBackground{
    /*background-color: #78787b;*/
    margin-bottom:-30px;
    /*left/right margins at 15 to counteract -15px of row element*/
    margin-left:15px;
    margin-right:15px;
    /*color:#FFFFFF;*/
    color:#3c3c3c;
    font-size:14px;
}

/***************
Buttons
***************/
.dashboardBtn{
    width: 260px; 
    height: 184px; 
    text-align: center; 
    text-transform: none;
    background-color:rgba(242, 242, 242, 1); 
    border-radius:20px; 
    color:black;
    font-weight:bold;
    font-size:16px;
    padding:0;
    line-height: 1.2rem;
}


.downloadBtn{
    width: 97%;    
    height: 40px;    
    background-color: white;   
    border: 1px solid green;   
    border-radius:20px;        
    color: green;     
    text-align: center;  
    font-size: 16vw;   
    margin: 4px 10px;   
    box-shadow:none;
}

/***************
Headings(h1....h6)
***************/
h2, .h2{
    font-size:27.52px;
    line-height:110%;
    margin:2px 0;
    color:#005596;
}

h3, .h3{
    font-size:19.68px;
    margin:2px 0;
    line-height:110%;
}

/***************
Colors
***************/
.bluelighten-5{
    background-color: #eeeeee;
}

.btn-default{
    background-color: #004B87;
    color:white;
}


/***************
Panels
***************/
.panelborder{
    border:1px solid #005596;
}
no-panel{
    margin:  -15px;
    box-shadow:none;
}


/***************
DataTables
***************/

/*table.dataTable {
	border: 1px solid #ddd;
}*/

.dataTables_length label, .dataTables_filter label {
  font-size: 1rem;
}

.dataTables_length select {
  display: inline-block;
  width: auto;
}

.dataTables_filter input {
  width: auto;
}

table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid black;
    background-color:white;
}

div.repeat > div.panel-heading > div:not(.modal) {
	display: inline;
	font-size: 1.3em;
	
}

div.repeatblock > div.panel-heading > div:not(.modal,.divider) {
	display:inline;
	font-size: 1.3em;
	
}

div.repeatblock {
	margin-bottom: 20px;
}

div.repeatinstance {
	margin-bottom: 10px;
}
.form-group1 {
     margin-bottom: 1px; 
}
div.repeatinstance div.panel-heading > div:first-child {
	display: inline;
    
}

div.repeat table{
	width: 100%;
	padding-bottom:0;
}

/*div.repeat table td {
	padding: 10px 0 10px 18px; /*padding: 5px;*/


.dataTable td .form-control, .dataTable .form-group {
	width: 100%;
}

div.repeat table thead tr {
	font-weight:bold;
	background-color: #ffffff;
}

div.repeat table tbody tr {
	background-color: #ffffff;
}

div.repeat table tbody tr:nth-child(2n+1) {
	background-color: #f2f2f2;
}
/*
div.repeat table td.repeatbutton {
	text-align: center;
}
*/
div.repeat table {
	background-color: #c1dbf4;
}

table.dataTable thead > tr > th.repeatbutton {
	padding-right: 0px;
	text-align: center;
}

/* fixing problem with datepicker inside datatables */
div.datepicker table thead > tr > th,div.datepicker table tbody > tr > td {
	padding: 5px;
	border-radius: 0px;
}

/***************
DataTables
***************/
.red.lighten-5{
    background-color: #ffebee;
}

.card-panel {
    transition: box-shadow .25s;
    padding: 5px;
    margin: .5rem 0 1rem 0;
    border-radius: 15px;
    background-color: #fff;
    
}

.modal-headerpanel {
    transition: box-shadow .25s;
    padding:10px;
    margin:-14px -14px 14px -14px;
    background-color:#005596;
    color:#FFFFFF;
    font-size:16px;
    text-align:center;
}

.valign-wrapper {
    display: flex;
    align-items: center;
}

.red-text {
    color: #f44336 !important;
}

.material-icons {
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga" 1;
}

.material-icons70 {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 70px;
    color:#004B87;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga" 1;
}
.z-depth-1, nav, .modal-headerpanel, .card-panel, .card, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

/***************
Input
***************/

.form-control{
    color:#3c3c3c;
}

input[type="text"], 
textarea.form-control, 
input[type="password"], 
input[type="email"], 
select.form-control {
    background-color:#F7F7F7;
}

/*links*/

.link-help{
    color: #004B87;    
}

.alert>a:link, 
.alert>a:visited, 
.alert>a:hover, 
.alert>a:active {
   
    color:#000000;
}

/*radios*/
.radio-inline input[type="radio"]:focus,
.radio input[type="radio"]:focus{
    outline: 1px auto #66afe9;
    border-color:#66afe9;
}

@media (max-width: 768px) {
   .radio-inline+.radio-inline{
       margin-left:0px;
   }

legend{
    border-bottom:none;
    color:#3c3c3c;
}

/***************
ESRI MAP
***************/
  .displayESRI {
    padding: 0;
    margin: 0;
    height: 50vw;
    width: 50vw;
  }
/***************
Recap Modify Btn Hide
***************/
.btnhide .summarybtn
{
    display:none;
}

/***************
Recap Modify Btn Hide
***************/
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/***************
HR
***************/
.blackHR{
    color: #D9D9D6;
    border-bottom:1px solid;
    }