/* =============================================================================
   App specific CSS file.
   ========================================================================== */

/* universal */

html {
    overflow-y: scroll;
}


body {
    padding-top: 60px;
    margin: 0;
}

section {
    overflow: auto;
}

textarea {
    resize: vertical;
}

.container-narrow{
    margin: 0 auto;
    max-width: 700px;
}

.navbar-inverse{
    background-color: #f7f7f9;
}

.client-logo {
    width: 6vw;
    min-width:50px;
    margin-right:20px;
    margin-bottom:10px;
    margin-left:15px;
    margin-top:10px;
}

.hrefLink {    
    color:#D3d3d3; 
    padding: 1px;
    text-align: left;
    text-decoration: underline;
    display: inline-block;
}

.jumbotron-error {
    background: #008CB4;
    color: #fff; 
    padding:10%;
    height: 70%;
}

.jumbotron-error h1, .jumbotron .h1 {
    color: #fff; 
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 36px;
    text-align:center;
    /*padding: 100px 50px;*/
}

.jumbotron {
    background: #008CB4;
    color: #fff; 
    padding-top: 10px;
    padding-bottom: 20px;
}

.jumbotron h1, .jumbotron .h1 {
    color: #008CB4; 
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 36px;
    text-align:center;
    /*padding: 100px 50px;*/
}
.project-header {
    position: relative;
    border-style: solid;
    border-width: 3px;
    border-radius: 10px;
    border-color: #008CB4;
    background: rgba(0, 0, 0, 0.);
    font-size:calc(10px + 1vw);
    color: #717171;
    margin: 0 auto;
    padding-top: 20px;
    box-shadow: 2px 2px 4px #717171;
}

.project {
    background-color: #008CB4;
    color:#fff;
    font-size:calc(10px + 0.5vw);
    padding-top:20px;
}

.project a {
    color:#fff;
}

.project-title {
    background-color: #717171;
    vertical-align:middle;
    color:#fff;
    font-size:calc(10px + 0.5vw);
    font-weight:bold;
    padding-top:5px;
}

.project-title span {
    display: inline-block;
    vertical-align: middle;
}

.drillhole {
    background-color: #fff;
    color:#717171;
    font-size:calc(10px + 0.5vw);
    padding-top:10px;
}

.drillhole a {
    color:#717171;
}

.row {
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0px;
}

.navbar-inverse {
    background-color: #fdfdff;
}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #008cb4;
    color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .closed > a:focus {
    background-color: #008cb4;
    color: #ffffff;
}


.navbar-inverse .navbar-link {
    color: #008cb4;
}

.navbar-inverse .navbar-link > a:hover{
    color: #ffffff;
    color: #008cb4;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #008cb4;
}





.navbar-inverse .navbar-nav > li > a {
    color: #008cb4;




    /* Forms */

    .navbar-form input[type="text"],
    .navbar-form input[type="password"] {
        width: 180px;
    }


    .form-register {
        width: 50%;
    }

    .form-register .form-control {
        position: relative;
        font-size: 16px;
        height: auto;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* footer */