@import url("icons.css");

/* This file is for site specific styles */
html,body{
    height: 100%
}

a:hover {
    color: #2a6496;
    text-decoration: none !important;
    background-color: none;
}
.btn{
	text-decoration: underline !important;
	/* Bootstrap custom styles - 3.1.1 to 5.2.0 */
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:hover{
	text-decoration: none !important;
}

#header {
	color: #FFF !important;
	background-color: #6076a7;
	font-size: .85em;
	box-shadow: 0px 5px 2px #888888;
	padding:10px;
}

#mainContent {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right:10px;
	padding-left: 10px;
	margin-right: -10px;
	margin-left: -10px;
}

#header a:link, #header a:visited {
    color: #FFF !important;
    text-decoration: underline !important;
}
#header a:hover {
    color: #FFF !important;
    text-decoration: none !important;
}
#header div.left_column .nasa_logo {
	float: left;
	padding-right: 50px;
}

#header div.left_column {
	padding-left: 15px;
	float: left;
}

span.link_header{
	font-size: 1.33em !important;
}

#header div.inner_left_column {
	padding-left: 15px;
	float: left;
}

#header div.inner_left_column span.link_header{
	font-weight: bold;
	font-size: 16;
}


#header div.middle_column {
	padding-left: 15px;
	float: left;
}

#header div.middle_column span.link_header{
	font-weight: bold;
	font-size: 16;
}

#header div.inner_right_column {
	padding-left: 15px;
	float: left;
}

#header div.inner_right_column span.link_header{
	font-weight: bold;
	font-size: 16;
}

#header div.right_column {
	padding-left: 15px;
	float: left;
}

#header div.right_column span.link_header{
	font-weight: bold;
	font-size: 16;
}

#footer {
	color: #FFF !important;
	background-color: #6076a7;
	font-size: .85em;
	box-shadow: 0px 5px 2px #888888;
	vertical-align: middle; 
	height: 110px;
	padding: 10px;
	margin-left: 1px;
	margin-right: 1px;
}

#footer ul {
	list-style: none outside none;
}

#footer ul li a:link {
    color: #FFF !important;
    text-decoration: underline !important;
}

#footer ul li a:hover {
    color: #FFF !important;
    text-decoration: none !important;
}

#footer ul li a:visited {
    color: #FFF !important;
}


#footer div.left_column {
	float: left;
	width: 125px;
}

#footer div .nasa_logo{
	float: left;
	padding-left: 15px;
}

#footer div.left_column ul.site_detail {
	float: left;
	margin-left: 10px;
	margin-top: 25px;
	padding-left: 0px;
}

#footer div.inner_left_column {
	float: left;
	margin: 10px;
	margin-top: 20px;
}

#footer div.inner_left_column ul{
	padding-left: 0px;
}

#footer div.inner_right_column {
	width: 20%;
	float: left;
	margin-left: 15px;
}

#footer div.inner_right_column ul{
	padding-left: 0px;
}

#footer div.right_column{
	margin-left: 15px;
}

#footer div.right_column ul{
	padding-left: 0px;
}

.leftMenuHeader{
	font-size: 1.15em;
	font-weight: bold;
	color: #273DA2 !important;
	padding-top: 15px !important;
}

#admin_menu ul li a:link {
    color: #428BCA;
	text-decoration: none;
}

#admin_menu {
	padding: 10px;
	border: 1px;
 	border-color: #000;
}

#admin_menu ul {
	list-style: none outside none;
}

#AddUser, #EditUser, #DisableUser, #ActivateUser, #DeleteUser{
	width:150px;
}
.container {
	min-width: 800px;
}

form ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

.inputForm {
	margin-left:25px;
	padding-bottom:25px;
	padding-top:5px;
}

#dataTableContainer {
	clear:both;
	padding:15px;
}

.actionToolbar {
	margin-left:15px;
	margin-bottom:10px;
	padding-bottom:10px;
	background-color:#EEF3FA;
}

.actionButtonGroup{
	margin-left:10px;
	margin-top:5px;
	float:left;

}

.actionButtonDelete{
	margin-right:10px;
	margin-top:5px;
	float:right;
}

.listHeader {
	padding-left:25px;
	padding-top:15px;
}

.statusMessageGroup {
	margin-right:25px;
}

#formTopSection .title {
	float:left;
	padding:25px;
}

#formTopSection .smallToolbar {
	float:right;
	padding:25px;	
}

.notice {
	padding:25px;
}

.formField{
	width:300px !important;
}
input#query{
	width:250px;
	float:right;
	margin-right: 15px;
	margin-top: 5px;

}
#searchButton {
	float:right;
	margin-right: 15px;
	margin-top: 5px;
}

#AwardDetailList {
	margin-left:0px;
	padding-left:25px;
}

#AwardDetailList li {
	padding-top: 3px;
	padding-bottom: 3px;
}

span.listLabel{
	width:400px;
}

.homeBreadcrumb{
	padding-right: 50px;
	padding-left: 0px;
	margin-left: 0px;
}

.form{
	margin-left:25px;
	clear:both;
}

.error{
	clear:both;
	margin-left: 25px;
	color:red;
}

.greeting {
	padding-top:10px;
	padding-left:15px;
}

.line_break {
	border-width:2px;
	margin-top:10px;
	margin-bottom:10px;
}

.content {
	margin-left:25px;
	margin-right:0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.divider {
	margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-color: #B8CBDD;
}

.titleSection {
	padding-left:25px;
	padding-top:10px;
}

.formButtons {
	padding-bottom:25px;
}

#leftMenu { 
	background-color: #FDFDFE;
	box-shadow: 0px 5px 2px #888888;
	background: linear-gradient(to bottom, #ECF2FA 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	border: 1px solid #E6E6E6;
	margin-right: 10px;
	padding-top: 10px;
}

#leftMenu ul{
	list-style: none outside none;
	padding-left: 0px;
}

#leftMenu ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}

#leftMenu a:link, #leftMenu a:visited{
	color: #273DA2 !important;
	font-size: 1em;
}

#leftMenu a:hover{
	color: #273DA2 !important;
	font-size: 1em;
	text-decoration: none  !important; 
}

hr.menuDivider {
    margin-bottom: 5px;
    margin-top: 10px;
    border-color: #B8CBDD;
}

a.leftMenuHeaderLink {
	font-size: 1.15em !important;
	font-weight: bold;
	color: #273DA2 !important;
	padding-bottom: 15px;
	background-color: none;
}

.menuTitle {
	padding-top: 10px;
	padding-bottom: 5px;
}

#pageContent {
	background-color: #EEF3FA;
	box-shadow: 0px 5px 2px #888888;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: -10px !important;
	margin-right: -15px !important;
	min-height: 500px;
	
}

.required{
	color: #A94442;
	font-weight: bold;
	padding-left: 5px;
}

#help {
	padding-left: 25px;
	padding-top: 25px;
}

.pageHeader {
	padding-left:15px;
	padding-top:10px;
}

.darker-info-button{
	background-color:#1D7590 !important;
	/* Bootstrap custom styles - 3.1.1 to 5.2.0 */
	color: #fff;
    border-color: #46b8da;
}

.disabled{
	pointer-events: none !important;
}

.select2-container{
	display: block !important;
}

.dataTables_wrapper .dataTables_length > label {
    width: 6rem !important;
}
.dataTables_wrapper .dataTables_length > label > select {
    width: 6rem !important;
}

/* Bootstrap custom styles - 3.1.1 to 5.2.0 */

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

a {
	color: #2a6496;
}

a:hover, a:focus {
    color: #2a6496;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

p {
    margin: 0 0 10px;
}

hr {
	opacity: unset;
}

.darker-info-button:hover{
	text-decoration: none !important;
	color: #fff;
}

label {
    margin-bottom: 5px;
    font-weight: 700;
}

.form-group {
    margin-bottom: 15px;
}

.form-control {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-control::-moz-placeholder{
	color:#8d9ba8;
	opacity:1
}

.form-control::placeholder{
	color:#8d9ba8;
	opacity:1
}

.btn-check:focus+.btn, .btn:focus {
	box-shadow: none;
}

.btn-primary {
    color: #fff;
    background-color: #3B4C6F !important;
    border-color: #4F72A9 !important;
	
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
	color:#fff;
	background-color:#3B4C6F;
	border-color:#4F72A9
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #3B4C6F;
    border-color: #4F72A9;
}

.btn-info {
	color: #fff !important;
    background-color: #3B4C6F !important;
    border-color: #4F72A9 !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #fff !important;
    background-color: #3B4C6F;
    border-color: #4F72A9 !important;
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.darker-info-button, .darker-info-button:hover {
    background-color: #3B4C6F !important;
}

.btn:hover {
    text-decoration: none !important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sr-only {	
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}

/* jquery-ui custom styles - 1.8.9 to 1.13*/

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(Images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: bold;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-widget-header .ui-icon {
    background-image: url(Images/ui-icons_222222_256x240.png);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.banner-alert {
	margin-bottom:10px;
    padding: 20px;
    border-left: .5rem solid;
    background-color: #FAF3D0;
    border-left-color: #ffbe2e;
    color: black;
}
.closebtn{
    margin-left: 15px;
    color: black;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}