/* Global Variables */

body { 
 background-color:#FFFFFF; color:#000000; font-family:Verdana; font-size:10pt; margin:0px; }
h1 { color:#067FC4; }
table {
 background-color:#FFFFFF;
 color:#000000;
 font-family:Verdana;
 font-size:10pt;
}
a  { color: #AF8C00; 
}
a:hover { color: #2E2E2E; 
}
input[type="text"] {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  border: 1px solid #E0E0E0;
  margin: 3px; 
 padding: 5px; 
 background-color:#F1F1F1;
 color:#000000;
 
}
input[type="text"]:disabled {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  border: 1px solid #FFFFFF;
  margin: 3px; 
 padding: 5px; 
 background-color:#FFFFFF;
 color:#000000;
 
}
input[type="text"]:focus {
 box-shadow: 0 0 5px rgba(230, 27, 60, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(230, 27, 60, 1);
 margin: 3px; 
 padding: 5px; 
  background-color:#FFFFFF;
 color:#000000;
}
input[type="password"] {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  border: 1px solid #E0E0E0;
  margin: 3px; 
 padding: 5px; 
 background-color:#F1F1F1;
 color:#000000;
}
input[type="password"]:focus {
 box-shadow: 0 0 5px rgba(230, 27, 60, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(230, 27, 60, 1);
 margin: 3px; 
 padding: 5px; 
  background-color:#FFFFFF;
 color:#000000;
}
input[type="checkbox"] {
 color: #000000; 
 padding: 15px 5px 15px 5px;
 font-size: 10pt; 
 font-family: Verdana, Arial; 
 margin: 3px; 
 padding: 5px; 
 space: 0px; 
 width:20px;
 height:20px;
}
select {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  border: 1px solid #E0E0E0;
  margin: 3px; 
 padding: 5px; 
 background-color:#F1F1F1;
 color:#000000;
 
}
select:focus {
 box-shadow: 0 0 5px rgba(230, 27, 60, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(230, 27, 60, 1);
 margin: 3px; 
 padding: 5px; 
  background-color:#FFFFFF;
 color:#000000;

}

textarea {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  border: 1px solid #E0E0E0;
  margin: 3px; 
 padding: 5px; 
 background-color:#F1F1F1;
 color:#000000;
}
textarea:focus {
 box-shadow: 0 0 5px rgba(230, 27, 60, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(230, 27, 60, 1);
 margin: 3px; 
 padding: 5px; 
  background-color:#FFFFFF;
 color:#000000;

}

.top-container {
  background-color: #f1f1f1;
  padding: 0px 0px;
}

.header {
  padding: 0px 0px;
  background: #FFFFFF;
  color: #f1f1f1;
}

.content {
  padding-top:50px;
}

.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  padding-top: 0px;
}



.number {
 align:center;
} 
.extendHeight {
	 height: 40px;
	 line-height: 40px;
}



.shaded {
 border: 1px solid #CCCCCC; 
 color: #000000; 
 padding: 15px 5px 15px 5px;
 background-color:#E0E0E0; 
 font-size: 10pt; 
 font-family: Verdana, Arial; 
 margin: 3px; 
 padding: 5px; 
 space: 0px;
}



/* Size variables */

.left { text-align: left; } 
.center { text-align: center; }
.right { text-align: right; }
.w60 { width:60px; }
.w80 { width:80px; }
.w75{ width:75px; }
.w20 { width:20px; }
.w100 { width:100px; }
.w50 { width:50px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w175 { width:175px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w800 { width:800px; }
.w5p { width:5%; }
.w10p { width:10%; }
.w15p { width:15%; }
.w20p { width:20%; }
.w25p { width:25%; }
.w30p { width:30%; }
.w33p { width:33%; }
.w35p { width:35%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w80p { width:80%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w98p { width:98%; }
.w100p { width:100%; }
.vaTop { vertical-align:top; }
.vaMiddle { vertical-align:middle; }
.vaBottom { vertical-align:bottom; }
.bold { font-weight: bold ; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.h80 { height: 80px; }

/* Other Variables */

.uppercase { text-transform: uppercase; }

.rightCorner { border-bottom-right-radius:8px; }
.leftCorner{ border-bottom-left-radius:8px; }
.roundEdges { 
    border-top-left-radius:8px; 
    border-top-right-radius:8px; 
    border-bottom-left-radius:8px; 
    border-bottom-right-radius:8px; 
}
.addButton {
     cursor: hand;
     font-family: Verdana, Arial;
     border: 0px solid #FFFFFF;
     height: 35px;
     background-color:#33CC33;
     color:#FFFFFF;
     padding: 5px;
     margin: 3px;
     font-weight: bold;
     font-size: 12pt;
     border-radius: 5px;
     /*border-bottom-left-radius:4px; 
     border-bottom-right-radius:4px; 
     border-top-left-radius:4px; 
     border-top-right-radius:4px; */

}
.addButton:hover {
 background-color:#339933;
 border: 0px solid #34831E;
 }
.deleteButton {
    cursor: hand;
    font-family: Verdana, Arial;
    border: 0px solid #FFFFFF;
    background-color: #FF3333;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12pt;
    padding: 5px;
    height: 35px;
    margin: 3px;
    border-radius: 5px;
    /*border-bottom-left-radius:4px; 
     border-bottom-right-radius:4px; 
     border-top-left-radius:4px; 
     border-top-right-radius:4px; */
}
.deleteButton:hover {
 background-color:#CC3333;
 border: 0px solid #B00707;
 }
.reviewButton {
 cursor: hand;
 font-family: Verdana, Arial;
 border: 2px solid #A58530;
 height: 35px;
 background-color:#DEAD29;
 color:#FFFFFF;
 padding: 5px;
 margin: 3px;
 font-weight: bold;
 font-size: 12pt;
}
.reviewButton:hover {
 background-color:#EDC966;
}



.update { color:#FF0000;}

.credits { color:#666666; line-height:1.5; }

.var { background-color:yellow; }
.wayne { background-color:#AA0000; color:#FFFFFF; }
.name {
 color:#067FC4;
 font-size:20pt;
}
.h3 {
 font-size:12pt;
 color:#333333;
 font-weight:bold;
}

.twoColor {
 color:#00a579;
 font-weight: bold;
 cursor: hand;
}


.blue_input {
 border: 1px solid #0F5E8B; 
 height: 30px; 
 color: #FFFFFF; 
 text-align: left; 
 background-color:#419ACD; 
 font-size: 10pt; 
 font-family: Verdana, Arial; 
 margin: 3px; 
 line-height: 12pt; 
 padding: 5px; 
 space: 0px; 
}
.yellow_form {
 background-color:yellow;
}
.white_form {
 background-color:white;
}

.white_link {
 color:#FFFFFF;
}
.shadow {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.white_link:hover {
 color:#000000;
}

.submit {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 0px solid #E61B3C;
  padding: 15px 5px 15px 5px;
  margin: 3px; 
  padding: 5px; 
  border-bottom-left-radius:5px; 
  border-bottom-right-radius:5px; 
  border-top-left-radius:5px; 
  border-top-right-radius:5px; 
  background-color:#E61B3C;
  color:#FFFFFF;
  font-weight:bold;
}
.submit:hover{
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 0px solid #FFFFFF;
  padding: 15px 5px 15px 5px;
  margin: 3px; 
  padding: 5px; 
  box-shadow:0px 0px 15px #666666;
  border-bottom-left-radius:5px; 
  border-bottom-right-radius:5px; 
  border-top-left-radius:5px; 
  border-top-right-radius:5px; 
  background-color:#D00B2B;
  color:#FFFFFF;
  font-weight:bold;
}


.cancelButton {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #E61B3C;
  padding: 15px 5px 15px 5px;
  margin: 3px; 
 padding: 5px; 
   border-bottom-left-radius:5px; 
 border-bottom-right-radius:5px; 
 border-top-left-radius:5px; 
 border-top-right-radius:5px; 
 background-color:#FFFFFF;
 color:#E61B3C;
 font-weight:bold;
}
.cancelButton:hover {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #3F3F3F;
  padding: 15px 5px 15px 5px;
  margin: 3px; 
 box-shadow:0px 0px 15px #666666;
  padding: 5px; 
   border-bottom-left-radius:5px; 
 border-bottom-right-radius:5px; 
 border-top-left-radius:5px; 
 border-top-right-radius:5px; 
 background-color:#FFFFFF;
 color:#E61B3C;
 font-weight:bold;
}

.tip {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border-bottom: 0px solid #91051B!important;
  border-top: 0px solid #000000!important;
  border-right: 0px solid #000000!important;
  border-left: 0px solid #000000!important;
  opacity:0.8;
  margin: 3px; 
 padding: 10px!important; 
 background-color:#E61B3C;
 color:#FFFFFF;
 align:center;
 font-weight:bold;
}

.tip:hover{
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  border: 0px solid #D21231;
  margin: 3px; 
 padding: 5px; 
 background-color:#D00B2B;
 color:#FFFFFF;
 font-weight:bold;
}

.smallButton {
 font-family: Verdana, Arial;
 border: 1px solid #CCCCCC;
 height: 25px;
 background-color:#E0E0E0;
 background-image: url("images/gray_gradient.jpg");
 color:#333333;
 padding: 5px;
 margin: 5px;
 cursor: hand;
 font-weight: bold;
 font-size: 10pt;
}
.smallButton:hover {
 color:#000000;
 border: 1px solid #999999;
}

.red_button {
 cursor: hand;
 font-family: Verdana, Arial;
 border: 2px solid #B00707;
 background-color:#D14F4F;
 color:#FFFFFF;
 font-weight: bold;
 font-size: 12pt;
 padding: 5px;
 height: 35px;
 margin: 3px;
}

.largebutton {
}

.offset {
	outline: 1px solid red;  outline-offset: 3px;
}
.smallbutton {
 padding: 2px;
 margin: 0px;

}
.bold {
	font-weight: bold;
}
.green_button {
 cursor: hand;
 font-family: Verdana, Arial;
 border: 2px solid #34831E;
 height: 35px;
 background-color:#47A52E;
 color:#FFFFFF;
 padding: 5px;
 margin: 3px;
 font-weight: bold;
 font-size: 12pt;
}

.orange_button {
 cursor: hand;
 font-family: Verdana, Arial;
 border: 2px solid #A58530;
 height: 35px;
 background-color:#DEAD29;
 color:#FFFFFF;
 padding: 5px;
 margin: 3px;
 font-weight: bold;
 font-size: 12pt;
}
.blue_submit {
 font-family: Verdana, Arial;
 border: 2px solid #419ACD;
 height: 35px;
 background-color:#067FC4;
 background-image: url("images/blue_gradient.jpg");
 color:#FFFFFF;
 padding: 5px;
 margin: 3px;
 font-weight: bold;
 font-size: 12pt;
}

.textareaResourceConcerns {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 98%;"
}

.table  {
 border-collapse:collapse;
}
.table, .th, .header_td{
 border: 1px solid #CCCCCC;
}
.td {
 border: 0px solid #CCCCCC;
}
.collapse {
	border-collapse:collapse;
}	

.rounded {
 border: 1px solid #CCCCCC;
 border-radius:5px;
}

/* Plan Variables */

.plan-section-table { background-color:#D7D7D7;  border:0px solid #454545; padding:5px; }
.plan-section-title{ color: #454545; font-weight: bold; }
.plan-field-title { font-size:7pt!important; }

.border {
 border:2px solid #D7D7D7;
}
.border_table {
 background-color:#FFFFFF;
 border-bottom:1px solid #454545;
}	
.td {
 padding:5px;
 font-size:10pt;
}


td.background,th.background { background-color:#E0E0E0; }

.bg { background-color:#EAEAEA; color:#000000;}
.required_bg { background-color:#EAEAEA; color:#BD1919; font-weight:bold;}
.bg_menu { background-color:#EAEAEA; color:#000000;}


.helpful-tip {
	color:#E61B3C;
	font-weight:bold;
}

.small {
 font-size:8pt;
}
.medium {
 font-size:10pt;
}
.paragraph {
 font-size:9pt;
}
.Completed {
 color: #666666;
 font-style:italic;
}
.Awaiting_Signatures {
 color: #000000;
}
.Awaiting_Signatures_bg {
 color: #000000;
}
.Incomplete {
 color: #000000;
}
.Incomplete_bg {
 color: #000000;
}

.Cost_Share_Only {
 color: #999999;
 font-style:italic;
}
.title {
 color: #159677;
}
.red_title {
 color: #AA0000;
 font-weight:bold;
}
.wide_margin {
 margin: 3px; 
 padding: 5px; 
}

.step_title {
 color: #E10000;
  font-weight: bold;
}
.single_record { 
 page-break-after: always;
}

.hoverTR:hover { background-color:#F7F7F7;}

.headerTitle {
 color: #006296;
 font-size:12pt;
 font-weight:bold;
 text-decoration:none;
}
.headerTitle:hover {
 color: #006296;
 font-size:12pt;
 font-weight:bold;
 text-decoration:none;
}

.font-sizeBold { 
 font-size:12pt;
 text-decoration:underline;
}

img.logo {
    width: 30px;
    margin-left: 5px;
}

table {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana;
    font-size: 10pt;
}

#fixedtipdiv {
    
    padding: 2px;
    border: 1px solid black;
    font: normal 12px Verdana;
    line-height: 18px;
    z-index: 100;
	position: absolute;
}


.searchTxt {
 border-top: 1px solid #F1F1F1; 
 border-right: 1px solid #F1F1F1; 
 border-left: 3px solid #F1F1F1; 
 border-bottom: 1px solid #CCCCCC; 
 color: #333333; 
 padding: 15px 5px 15px 5px;
 background-color:#FFFFFF; 
 font-size: 10pt; 
 font-family: Verdana, Arial; 
 margin: 3px; 
 padding: 5px; 
 space: 0px; 
 transition: ease-in-out, width .35s ease-in-out;
}
.searchTxt:focus {
 background-color:#FFFFFF;
 color: #000000;
 border-top: 1px solid #000000; 
 border-right: 1px solid #000000; 
 border-left: 3px solid #000000; 
 border-bottom: 1px solid #000000; 
}
.searchBtn {
 font-family: Verdana, Arial;
 border: 2px solid #CCCCCC;
 height: 35px;
 background-color:#E0E0E0;
 background-image: url("images/gray_gradient.jpg");
 color:#333333;
 padding: 5px;
 margin: 5px;
 cursor: hand;
 font-weight: bold;
 font-size: 12pt;
}
.searchBtn:hover {
 color:#000000;
 border: 2px solid #999999;
}

#save {
}
.transparent {
    opacity: .5;
    border-radius: 15px;
	background-color:#E61B3C;
    border:3px;
	height:40px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
    margin: auto;
}

.savingdata {
    opacity: 0.25;
}

#plan_saving_notification {
    position: absolute;
    top: 250px;
    font-size: 1.25rem;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    z-index: 1000;
    display: none;
    opacity: 1;
}