/*==================================
=            Whole page            =
==================================*/

body {
    margin: 0 auto;
    font-size: 16px;
    font-family: 'Ubuntu Mono';
}
.margin-auto {
    margin: 0 auto;
}
.padding-sm {
    padding-top: 40px;
    padding-bottom: 40px;
}
.padding-md {
    padding-top: 60px;
    padding-bottom: 60px;
}
.padding-lg {
    padding-top: 100px;
    padding-bottom: 100px;
}
.position-relative {
    position: relative;
    overflow: hidden;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-underline {
    text-decoration: underline;
}
.clear {
    clear: both;
}
.img-responsive {
    width: 100%;
}
.ui-widget {
    font-size: 14px;
}
.form-control {
    border-radius: 7px;
}
textarea {
    resize: none;
}
.primary-content-color::-webkit-input-placeholder {
   color: #0794A0;
}

.primary-content-color:-moz-placeholder {
   color: #0794A0;  
}

.primary-content-color::-moz-placeholder {
   color: #0794A0;  
}

.primary-content-color:-ms-input-placeholder {  
   color: #0794A0;  
}
a {
    color: #0794A0;
}
.hover {
    cursor: pointer;
}
.modal-open .modal {
    z-index: 9999;
}
/*=====  End of Whole page  ======*/



/*====================================
=            Landing page            =
====================================*/


/* .intro {
    background: url({{ url_for('static', filename='img/intro-bg-%s.jpg'%bg_id)}}) no-repeat bottom center scroll;
} */
nav {
    height: 70px;
    padding: 10px;
}

.padding-10 {
    padding: 10px 0;
}

.section-height{ min-height: 100vh; }

.intro {
    position: relative;
    overflow: hidden;
    /*height: 50vh;*/
    padding-top: 70px;
    /*margin-bottom: 70px;*/
}
/*.intro-body {
    position: relative;
    overflow: hidden;
    height: 300px;
}*/
.intro-content {
    color: #fff;
    /*position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    tranform: translate(-50%, -50%);*/
}
/*.intro.landing{height: 120vh;}*/

@media screen and (min-width:650px) and (max-width:1000px) {
   .intro.landing{height: 140vh;}
 
}
.btn-white-border,.btn-white-border:hover,.btn-white-border:active{
    background-color: #0794A0; /* prim-col */
    border-color: white;
    border-radius: 7px;
}
#searchWithParams{
    font-size: 24px;
}
.welcome-text a {
    color: #0794A0;
}
.welcome-buttons button {
    width: 100%;
    padding: 7px 15px;
}
@media screen and (max-width: 768px) {
    .welcome-buttons .col-xs-12:nth-child(2) {
        margin-top: 10px;
    }
}

.main-content {
    padding: 60px;
}   

#searchParamsS .col-xs-12, #searchParamsS .col-sm-3, #searchParamsS .col-sm-2, #searchParamsS .col-sm-1, #searchParamsS .col-xs-1 {
    padding-right: 2px;
    padding-left: 2px;
}
/* http://embedresponsively.com/ */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container iframe {
	border: 3px solid #7DC1D1;
}

/*.height-110{
  height: 200px;/* 110%; 
}*/

.primary-color{
    background-color: #0794A0;/* #008F9B; */
}
.secondary-color{
    background-color: #7DC1D1;/* #7EC2D1; */
}
.third-color {
    background-color: #d9edf1;
}

.primary-content-color{
	color: #0794A0;
}
.white-content{
	color: white;
}
.white-background{
	background-color: white;
}
.margin-2p {
    margin-top: 2%;
}
.margin-4p {
    margin-top: 4%;
}
.margin-9p {
    margin-top: 3%;

}
#sendBtn {
    padding: 5px 20px;
    display: block;
}

.overlay-video {
    width: 100%;
    /* min-height: 40vh; */
    /*height: 270px;*/
}
.welcome-video {
    margin: 0 auto;
    float: none;
    margin-top: -2%;
}
/*.negative-margin-5 {
	margin-top: -2%;
}*/

select.primary-content-color{
	-webkit-appearance:none ;
	-moz-appearance:none ;
	appearance:none ;

	background-color: #0794A0;

}

.font-lg-custom{
	font-size: 24px;
}

.underline li{
	text-decoration: underline;
}

.vertical-align{
	display: flex;
    align-items: center;
}

.border-primary {
	border: 2px solid #0794A0;
    border-radius: 7px;
    color: #0794A0;
}

.btn-apply-filter {
    color: white;
    background-color: #0794A0;
}

.ui-widget {
    font-weight: normal;
    font-family: 'Ubuntu Mono';
}
.ui-widget-content {
    color: #0794A0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #fff;
    border: 2px solid #7DC1D1;
    border-radius: 7px;
    color: #0794A0;
    width: 100% !important;
    z-index: 9998;
}
.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 5px 30px 5px 10px;
}
.ui-selectmenu-button:focus, .ui-widget:focus .ui-state-default:focus, .ui-corner-top:focus {
    outline: none;
}
.ui-widget-content {
    border: 2px solid #0794A0;
    background: #fff;
}
.ui-widget-content .ui-state-focus {
    background: #0794A0;
    border: 1px solid #0794A0;
    color: #fff;
    font-weight: normal;   
}
.ui-selectmenu-menu .ui-menu {
    border-radius: 7px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -10px;
}
.ui-menu li:first-child {
    padding-top: 10px;
}
.ui-icon {
    width: 13px;
    height: 13px;
}
.ui-selectmenu-button span.ui-icon {
    margin-top: -6px;
}
#datasetSel-button {
    background: #0794A0;
    color: #fff;
}
#datasetSel-button .ui-icon {
    background-image: url("../images/select-arrow-white.png");
}
#datasetSel-button .ui-icon-triangle-1-s {
    background-position: 0px;
    background-size: 100%;
}
.border-secondary {
    border: 2px solid #7DC1D1;
}
.border-white{
 border: 2px solid white;   
 border-radius: 7px;
}
.button-full {
    background: #0794A0;
    color: #fff;
    border: 2px solid #7DC1D1;
    border-radius: 7px;
}
.button-full:hover {
    background: #05656d;
}

.modal-body{height: 150px;}
.modal-header{border-bottom: none;}
.modal-header>.close{
	border: 2px solid #0794A0;
    position: absolute;
    top: 0px;
    right: -1px;
    width: 35px;
    height: 35px;
}
.modal-backdrop{background-color: #fff;}
.modal-dialog{border: 2px solid #0794A0;}
/*=====  End of Landing page  ======*/

/*==================================
=            about page            =
==================================*/

.margin-top-10vh{
	margin-top: 15vh;
}

#fundersS .row div {
    max-height: 150px;
    position: relative;
    overflow: hidden;
}
.funder-img{
    width: auto;
    max-height: 160px;
    margin: 0 auto;
    vertical-align: bottom;
    display: table-cell;
}

.funder-img:hover {
	opacity: 0.5;
}



#descHowToUse li {
    text-align: left;
}
#descDiv ul {
    position: relative;
    overflow: hidden;
}
#descDiv ul {
    min-height: 176px;
}
#howToUseS img {
    max-width: 210px;
    margin: 0 auto;
}
#howToUseS ul {
        -webkit-padding-start: 0px;
}
/*=====  End of about page  ======*/

/*===================================
=            Search page            =
===================================*/

.content-dataset{
	width: 35%;
	margin: auto;
}
.content-dataset ul{
    line-height: 3;
    text-decoration: underline;
}
.advanced {
    border-bottom: 1px solid #0794A0;
    text-align: left;
    margin-bottom: 10px;
    color: #0794A0;
    clear: both;
}

@media screen and (max-width: 768px) {
    #searchForm .form-control {
        margin-bottom: 20px;
    }
}

/*=====  End of Search page  ======*/

/*API*/
.float-none {
    float: none;
    margin: 0 auto;
}
table td:nth-child(2) {
    width: 15%;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #0794A0;
}
.table tr:first-child td {
    border-top: 0px;
}
.nav-tabs {
    border-bottom: 1px solid #0794A0;
}
.nav-tabs>li>a {
    border-radius: 7px 7px 0 0;
}
.nav-tabs>li.active>a {
    border: 1px solid #0794A0;
    border-bottom: 1px solid transparent;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-color: #0794A0;
    border-bottom-color: transparent; 
}
.nav-tabs>li>a:hover {
    background: #d9edf1;
    border-color: #d9edf1;
    border-bottom-color: #0794A0;
}

@media screen and (max-width: 768px) {
    .panel-body {
        font-size: 13px;
        word-wrap: break-word;
        padding: 0px;
    }
    .form-horizontal .form-group {
        margin-left: 0px;
        margin-right: 0px;
    }
}

#api-sums .form-group .col-xs-1, #api-sums .form-group .col-xs-3, #api-sums .form-group .col-xs-5 {
        padding-left: 0px;
        /*padding-right: 0px;*/
}

@media screen and (max-width: 320px) {
    #api-sums .form-group .col-xs-1, #api-sums .form-group .col-xs-3, #api-sums .form-group .col-xs-5 {
            padding-left: 0px;
            padding-right: 0px;
    }
}

/*LAYOUT*/
.datareq {
    float: none;
    margin: 0 auto;
}
.creative-commons {
    background: url("../images/creative-commons.svg") no-repeat;
    display: block;
    width: 150px;
    height: 43px;
/*
    position: absolute;
    bottom: 0px;
    right: 0px;
*/
}
@media (max-width: 768px) {
    .creative-commons {
        position: relative;
        margin: 0 auto;
        margin-top: 20px;
    }
}

/*BOOTSTRAP EDITS*/
.navbar .container {
    padding-right: 0px;
    padding-left: 0px;
}
@media (max-width: 992px) {
    .container {
        width: 100% !important;
    }
}
.navbar {
    margin-bottom: 0px;
}
.navbar-default {
    background: #fff;
    border: 0px;
    z-index: 9999;
}
.navbar .nav>li>a {
    border-bottom: 1px solid #0794A0;
    padding: 0;
    padding-top: 15px;
    margin-right: 20px;
    height: 40px;
}
.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    color: #0794A0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #0794A0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0px;
}
.navbar-collapse {
    background: #fff;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin: 0;
    padding: 0;
}
label {
    font-weight: normal;
}
.lead {
    margin-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
    .navbar .navbar-nav {
        margin-bottom: 0px;
    }
    .navbar .nav>li>a {
        padding: 10px;
        padding-left: 20px;
        margin-right: 0px;
        height: inherit;
    }
}
button:focus, select:focus {
    outline: none;
}
.panel {
    border-radius: 7px;
}
/*.panel-heading {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}*/
.panel-default>.panel-heading {
    background: #0794A0;
    border-color: #0794A0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background: #fff;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #fff;
    border-color: #fff;
    color: #7DC1D1;
}

.pagination>li>a, .pagination>li>span {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #fff;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #fff;
}
.language-switcher {
    float:right;margin-left:20px;     margin-top: 15px;
    cursor:pointer;
}
#dc-navbar{
    float:right;
}
a.language-switch:active {
    color: #0F4044;
}