@import "../fonts/lato_font.css";
@import "../css/font-awesome.css";


body {
	background: white;
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding-top: 20px; 
}

a {
	color: #028baf
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700
}
select {
	background: #fff; 
	border: 1px solid #999;
	height: 30px;
	line-height: 30px
}
code {
	background-color:#ccc;
	color: #f05a24;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word
}

form label {
	margin-right: 2.5em
}
form input {
	border: 1px solid #ccc;
	padding: 5px
}

.chelp{
	font-size:18px;
	padding-top:10px;
	text-align:justify;
}
.cmention{
	font-size:12px;
	padding-top:5px;
	text-align:justify;
}
.creditphoto{
	font-size:8px;
	text-align:right;
	
}
.positioncredit1{
	padding-top:40px;
}
.positioncredit2{
	padding-top:63px;
}
.positioncredit3{
	padding-top:63px;
}
/*insertion 2 by NARA*/

#add_to_cart
	{
	margin-top: 10px;
        
	}




/*#nav_layers
	{
	padding-top:5px;	
	}
	
#nav_maps
	{
	padding-top:5px;
        }

#nav_documents
	{
	padding-top:5px;	
	}
#nav_people
	{
	padding-top:5px;	
	}
#nav_groups
	{
	padding-top:5px;	
	}
#nav_about
	{
	padding-top:5px;
       font-size:12px; 	
        color :white
	} */

#title-navbar-brand
	{
	display:inline;
	position:relative;
	top:10px;
	font-size:30px;
	color:#fff;	
	}
#title-separator-navbar-brand
	{
	top:2px;
	font-weight:100;
	position:relative;
	bottom:0px;
	}
	
#title-name-navbar-brand
	{
	font-weight:500;
	margin:5px;
	position:relative;
	top:5px;
	color: white;	
	}

form#search
	{
	margin-top:8px;
	display:inline-block;
	width:300px;
	padding-top:5px;
	}
	
@media(max-width: 1200px) 
	{
	#title-navbar-brand
		{
		font-size:25px;
		top:15px;
		}
	#title-separator-navbar-brand
		{
		bottom:-2px;
		}		
	form#search
		{
		width:400px;
		}		
	}	
/*insertions two by NARA*/
/*#wrap */
#wrap{
	background: #fff;
	padding-bottom: 40px;
	padding-top: 10px;
	width: 100%
}
article.tab-pane {
	padding: 20px 0
}
.no-style-list {
	list-style-type: none;
	margin-top: 20px
}
.dl-horizontal dt {
	text-overflow: clip;
	white-space: normal;
	overflow: hidden
}
.page-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
                         /* --added by NARA----*/
.page-title-bis {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: -10px;
	margin-left: 26px
}                      /* --added by NARA----*/

.navbar {
	margin-bottom: 0
}
.navbar-inverse {
	color:#fff;
    background-color:#333; /*#658525 #333 #6D70AB;*/
	border-radius: 0
}
/* .navbar-inverse * ----changed*/
.navbar-brand {
	/* background: url(../img/prds501.png) 15px 0px no-repeat ; /*--scroll 15px 0px;--
	display: inline-block;*/
    color: aqua;
    height: 20px;
    margin-right: 5px;
   	margin-left: 0px;
   	margin-top: 7px;
	text-indent: -9999em;
	width: 0px
}
.navbar-right>li>a {
	padding: 8px 15px /*15px*/
}
.nav-pills a {
	cursor: pointer
}
.navbar-collapse {
	max-height: none
}
                /*changed---------*/
form#search {
	margin-top: 4px
} 
                /*changed---------*/

form#search.fa {
	margin-right: 0
}

.dropdown-toggle {
	margin-right: 8px  /* change here */
}
/*img {
	margin-right: 0px
} */

.dropdown-menu {
	padding: 8px 15px
}
.avatar {
	padding: 3px
}
.avatar img {
	border-radius: 3px
}
.nav-box {
	background: #FF6B33;
}
.navbar-active {
	color: white;
}
body.layers li #nav_layers a {
	color: #fff;
}
body.maps li#nav_maps a {
	color: #fff;
}
body.documents li#nav_documents a {
	color: #fff;
}
body.people li#nav_people a {
	color: #fff;
}
body.groups li#nav_groups a {
	color: #FF6B33;
}
.yourlabs-autocomplete {
	top: 100%;
}
.input-group .yourlabs-autocomplete {
	top: 30px !important;
}
.jumbotron {
	background: #dbe4e6;
	color: #1121e8;
    padding: 4px 0 5px;
	margin-top: -10px
}
.jumbotron a {
	color: #9eb343
}
.jumbotron p {
	margin-bottom: 0
}

.home-facets {
	text-align: center;
	padding: 2em 0
}
.home-facets a {
	color: #000
}
.home-facets a:hover {
	color: #028baf;
	text-decoration: none
}
.filter .fa, .actions .fa {
	margin-right: 8px
}
.items-list {
	padding: 10px 0
}
.items-list .btn {
	margin-right: 5px;
	margin-top: 10px
}
.items-list .item-info {
	border-top: 1px solid #ccc
}
.items-list h4 {
	font-weight: 400;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.items-list h4 a {
	color: #333;
}

.items-list h4 a:hover {
	color: #d9534f;
	text-decoration: none
}
.items-list .owner {
	color: #333;
	font-size: 14px
}
.items-list .owner a {
	color: #333
}
.items-list .owner a:hover {
	color: #d9534f;
	text-decoration: none
}
.items-list .thumb img {
	border: 1px solid #ccc;
	width: 100%
}
.items-list .abstract {
	color: #999; /*#999*/
	font-weight: 300;
	min-height: 80px
}
.items-list .actions {
	color: #999;
	font-weight: 300
}
.items-list .actions i {
	margin-right: .75em
}
.items-list .actions a {
	color: #999;
	margin-right: .5em
}
.items-list .actions a:hover {
	color: #555;
	text-decoration: none	
}

.detail-page-actions {
	margin-top: 20px
}

 .detail-page-actions i {
	padding-right: 3px
}
.item-container {
	padding: 1em 
}
.profile-avatar {
	background: #fff;
	border: 1px solid #999;
	padding: 0
}
.profile-avatar h5 a {
	color: #333;
	display: block;
	margin-bottom: -0.5em;
	margin-top: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.profile-avatar h5 a:hover {
	color: #d9534f;
	text-decoration: none
}
.profile-avatar h5 a i {
	margin-left: .75em
}
.profile-avatar h5 a i:hover {
	color: #d9534f;
	text-decoration: none
}
.profile-avatar .list-inline {
	margin: .5em 0
}
.item-thumb {
	padding-left: 0;
	padding-right: 0
}
.item-thumb img {
	width: 100%
}
.item-details {
	background: #fff;
	color: #333
}
.item-details .item-meta {
	margin-top: 1em
}
.item-details .item-meta .item-category {
	font-size: 12px;
	text-transform: uppercase
}
.item-details .btn-sm {
	margin-right: -17px;
	margin-top: -1px;
	padding: .5em 1em
}
.item-details .item-items {
	border-top: 1px solid #ccc
}
.item-details .item-items ul {
	margin: 0 0 0 -15px;
	padding: .5em
}
.item-details .item-items ul i {
	margin-right: .5em
}
.detail-page-actions {
	margin-top: 20px
}
.detail-page-actions i {
	padding-right: 3px
}
.layer-actions {
	margin-top: 20px
}
.layer-actions i {
	padding-right: 3px
}
.edit-modal {
	text-align: center
}
.arcgis-legend>li {
	text-align: right
}
.arcgis-legend>li>img {
	padding-right: 25px
}
.grid-spacer {
	margin-top: 30px
}
.controls {
	width: 320px
}
.controls>select, .controls>textarea, .controls>input, .controls>div {
	width: 320px
}
.map-actions {
	margin-top: 20px
}
.map-actions i {
	padding-right: 3px
}
.documents-actions {
	margin-top: 20px
}
.documents-actions i {
	padding-right: 3px
}
.profile-container {
	padding: 1em
}
.profile-avatar {
	background: #fff;
	border: 1px solid #ccc;
	padding: 0
}
.profile-avatar h5 a {
	color: #333;
	display: block;
	margin-bottom: -0.5em;
	margin-top: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.profile-avatar h5 a:hover {
	color: #d9534f;
	text-decoration: none
}
.profile-avatar h5 a i {
	margin-left: .75em
}
.profile-avatar h5 a i:hover {
	color: #d9534f;
	text-decoration: none
}
.profile-avatar .profile-items {
	border-top: 1px solid #ccc;
	color: #555
}
.profile-avatar .profile-items i {
	margin-left: 0;
	margin-right: .125em
}
.profile-avatar .profile-items i a:hover {
	color: #d9534f;
	text-decoration: none
}
.profile-avatar .profile-items .list-inline {
	margin: .5em 0
}
.profile-avatar li a {
	color: #555;
	margin-right: .5em
}
.profile-avatar li a:hover {
	color: #d9534f;
	text-decoration: none
}
.profile-avatar img {
	margin: 0;
	width: 100%
}
.profile-image {
	padding-left: 0;
	padding-right: 0;
}
.profile-image img {
	width: 100%;
}
.profile-details {
	background: #fff;
	color: #333;
}
.profile-details .group-logo {
	margin: .5em;
	padding: 0;
}
.profile-details .group-logo img {
	width: 60px;
}
nav.filter h4 {
	background: #555;
	font-size: 14px;
	font-weight: 300;
	padding: 10px 0;
	text-transform: uppercase;
	border-radius: 3px;
}
nav.filter h4 a {
	color: #fff;
}
nav.filter h4 a.toggle {
	text-decoration: none;
}
nav.filter h4 i {
	margin-left: 8px;
}
nav.filter .active {
	color: #f05a24;
}
nav.filter .active .badge {
	background: #f05a24;
}
nav.filter .active #checked{
	display:inline;
	color: #999;
}


nav.filter #checked{
	display:none;
	}

nav.filter .closed {
	display: none;
}
nav.filter li a {
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	padding: 5px 10px
}
.selections h5 {
	font-weight: 400
}
.selections .thumb {
	float: left;
}
#sort {
	cursor: pointer
}
#sort a {
	color: #999
}
#sort .selected {
	color: #f05a24
}
.group-container {
	padding: 1em;
}
.group-avatar {
	border: 1px solid #ccc;
	padding: 0
}
.group-avatar h5 a {
	color: #333;
	display: block;
	margin-bottom: -0.5em;
	margin-top: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.group-avatar h5 a:hover {
	color: #d9534f;
	text-decoration: none;
}
.group-avatar h5 a i {
	margin-left: .75em;
}
.group-avatar h5 a i:hover {
	color: #d9534f;
	text-decoration: none
}
.group-items {
	border-top: 1px solid #ccc;
	color: #555
}
.group-items i {
	margin-left: 0;
	margin-right: .125em
}
.group-items i a:hover {
	color: #d9534f;
	text-decoration: none
}
.group-items .list-inline {
	margin: .5em 0
}
.group-image {
	height: 120px;
	overflow: hidden
}
.group-container .group-logo {
	padding: 1em 0;
	width: 100%
}
.group-details .group-logo img {
	width: 100%
}
#drop-zone {
	background: #ccc;
	margin-bottom: 10px;
	padding: 5px;
	border: 2px dashed #999
}
#drop-zone h3 {
	color: #999;
	margin: 20px 0;
	text-align: center
}
#drop-zone h3 i {
	font-size: 3em
}
#clear-button, #upload-button {
	margin-top: 20px;
}
#upload_form input[type="text"] {
	display: block;
	margin: 0;
	width: 480px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	transition: box-shadow .3s, border .3s 
}
#upload_form input[type="text"]:focus {
	border: solid 1px #707070;
	box-shadow: 0 0 5px 1px #969696;
	outline: none
}
#upload_form #id_doc_file {
	padding: .5em;
	width: 480px;
}
#upload_form #id_doc_url {
	display: block;
	width: 480px;
}
#upload_form #s2id_resource {
	display: block;
	width: 480px;
}
@media (max-width:991px) {
	#upload_form input[type="text"] {
		width: 360px;
	}
    
	#upload_form #id_doc_file, #upload_form #id_doc_url, #upload_form #s2id_resource {
		width: 360px;
	}
    
footer {
	border-top: 1px solid #999;
	padding: 20px 
    border-top: 1px solid #999;
	padding: 20px;
} 
    
.rotate-45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.select2-container-multi .select2-choices .select2-search-field input {
	height: auto
}
.datepicker {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0
}
.filter input.datepicker {
	width: 100%
}
#composerCart .list-group i {
	margin-right: 0
}
.selections {
	margin-top: 1em
}
.comment {
	padding-bottom: 11px
}
.comment-description {
	margin-bottom: 0
}
.comment-author {
	font-size: 11px;
	font-weight: bold;
	color: #777
}
.no-style-list {
	list-style-type: none;
	margin-top: 20px
}
.activity-item {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	color: #999;
	margin-top: -10px;
	padding: 20px 18px
}
.activity-item .comment {
	content: "\f086"
}
.activity-item .comment:before {
	content: "\f086"
}
.activity-item .delete {
	content: "\f014"
}
.activity-item .delete:before {
	content: "\f014"
}
.activity-item .edit {
	content: "\f14b"
}
.activity-item .edit:before {
	content: "\f14b"
}
.activity-item .layer {
	content: "\f096";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.activity-item .layer:before {
	content: "\f096"
}
.activity-item .map {
	content: "\f041"
}
.activity-item .map:before {
	content: "\f041"
}
.activity-item .upload {
	content: "\f093"
}
.activity-item .upload:before {
	content: "\f093"
}
.icon-activity {
	background: #999;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 2px solid #fff;
	color: #fff;
	float: left;
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 1.3em;
	font-style: normal;
	height: 35px;
	line-height: 1.25em;
	margin: 0 10px 10px -35px;
	padding: 4px;
	text-align: center;
	text-decoration: inherit;
	width: 35px
}
.thumb-activity {
	clear: both;
	height: 60px
}
.thumb-activity img {
	border: 1px solid #555;
	float: left;
	margin-right: 5px;
	width: 60px
}
.activity {
	content: "\f045"
}
.activity:before {
	content: "\f045"
}
.activity-timestamp {
	margin-top: -10px
}
#permission_form .select2-container {
	width: 250px
}
.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto
}
.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px
}
.form-signin .checkbox {
	font-weight: normal
}
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 1em
}
.form-signin .form-control:focus {
	z-index: 2
}
.form-signin input[type="username"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.modal-body .list-unstyled a {
	color: #333;
	font-size: 1.14285714em;
	line-height: 2em
}
.modal-body .list-unstyled a i {
	margin-right: 8px
}
.modal-body .list-unstyled a:hover {
	color: #f05a24;
	text-decoration: none
}
.modal-divider {
	padding-top: 1px;
	margin: 5px 1px 6px;
	border-bottom: 1px solid #e1e8ed
}
.list-group i {
	margin-right: 8px
}
@media (max-width:991px) {
	.navbar-header {
		float: none
	}
	.navbar-toggle {
		display: block
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
	}
	.navbar-collapse.collapse {
		display: none !important
	}
	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px
	}
	.navbar-nav>li {
		float: none
    }
	.navbar-nav>li>a {
		font-size: 12pt;
        padding-top: 10px;
		padding-bottom: 5px;
    
        color: #FFF;
        text-transform: uppercase;
	}
	.navbar-collapse.collapse.in {
		display: block !important
	}
	.collapsing {
		overflow: hidden !important
	}
}
#member_form_container .select2-container {
	padding: 0
}
.table-user-profile-attribute {
	font-weight: bold
}

.translate-cart-header {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd
}
.translate-cart-body {
	padding: 15px;
}
.btn-red {
	background-color: #da4f49;
	border-color: #da4f49
}
.btn-red:hover, .btn-red:focus {
	background-color: #bd362f;
	border-color: #bd362f
}

section.social {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: -60px
}
section.social .row {
	margin: 0 240px
}
section.social .col-md-3 {
	line-height: 10px;
	border-right: 1px solid #ccc;
	margin-right: -1px;
	padding: 5px 5px
}
section.social .col-md-3 p {
	margin-top: 10px
}
section.social .col-md-3 a {
	color: #555
}
section.social .col-md-3 a:hover {
	color: #1f6ebd;
	text-decoration: none
}
section.social .col-md-3 .count {
	float: right;
	font-size: 1.4em;
	line-height: .7em;
	margin-right: 5px
}
social-numbers {
	margin: 100px 100px
}
section.featured-maps {
	margin: 20px 100px;
	margin-top: 70px
}
section.featured-maps h3 {
	font-weight: normal
}
section.featured-maps h3 {
	margin-left: 10px;
	font-size: 1.125em;
	line-height: 1.5em;
	margin-top: 10px
}
section.featured-maps .map-thumb {
	background: #2a93fc;
	color: #fff;
	font-size: 12px;
	height: 190px;
	overflow: hidden;
	position: relative;
	width: 220px
}
section.featured-maps .map-thumb img, section.featured-maps .map-thumb div {
	position: absolute;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
section.featured-maps .map-thumb img {
	z-index: 9;
	border: 1px solid #999;
	border-bottom: 0;
	width: 218px
}
section.featured-maps .map-thumb div {
	z-index: 99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}
section.featured-maps .map-thumb a {
	color: #fff;
	text-decoration: none
}
section.featured-maps .map-thumb:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: .2;
	-khtml-opacity: .2;
	opacity: .2;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
section.featured-maps .map-thumb:hover div {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
section.featured-maps .map-abstract {
	padding: 10px
}
section.featured-maps div.map-title {
	bottom: 5px;
	color: #fff;
	font-size: 12px;
	margin-left: 10px;
	opacity: 1;
	position: absolute;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
section.featured-maps div.views {
	bottom: 5px;
	color: #fff;
	font-size: 12px;
	margin-right: 5px;
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: right;
	width: 50px
}
section.featured-maps div.views i {
	font-size: 14px;
	margin-right: 5px
}
