﻿@font-face {
    font-family: FuturaPT-Heavy;
    src: format('woff'),url(../fonts/ParaType_-_Futura_PT_Heavy.ttf) format('truetype')
}

@font-face {
    font-family: FuturaPT-Book;
    src: url(../fonts/ParaType_-_Futura_PT_Book.ttf) format('truetype')
}

body {
    padding-top: 0px;
    padding-bottom: 20px;
    font-family: FuturaPT-Book,Helvetica,Roboto,Arial,sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.login_wrapper
{
    right: 0;
    margin: 5% auto 0;
    max-width: 350px;
    position: relative;
}

.login_content form {
    margin: 20px 0;
    position: relative
}

.form-control {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.075);
    padding-left: 20px;
    border: 1px solid rgba(221,226,232,.49)
}

.login_content form input[type=text], .login_content form input[type=email], .login_content form input[type=password] {
    border-radius: 3px;
    -ms-box-shadow: 0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;
    -o-box-shadow: 0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;
    box-shadow: 0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;
    border: 1px solid #c8c8c8;
    color: #777;
    margin: 0 0 20px;
    width: 100% !important;
}

#content form .submit, .login_content form input[type=submit] {
    float: left;
    margin-left: 38px
}

.separator {
    border-top: 1px solid #D8D8D8;
    margin-top: 10px;
    padding-top: 10px;
}

.login_content h1 {
    font: 400 30px FuturaPT-Book,Helvetica,Roboto,Arial,sans-serif;
    line-height: normal;
    letter-spacing: -.05em;
    line-height: 20px;
    margin: 10px 0 30px;
}

.login_content h1::before {
    background: #7e7e7e;
    background: linear-gradient(right,#7e7e7e 0,#fff 100%);
    left: 0;
}

.login_content h1::after, .login_content h1::before {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 20%;
}

.login_content h1::after {
    background: #7e7e7e;
    background: linear-gradient(left,#7e7e7e 0,#fff 100%);
    right: 0;
}

.login_content h1::after, .login_content h1::before {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 20%;
}
.login_content {
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}



/*input, select, textarea {
    max-width: 100%;
}*/

.vl {
    border-left: 2px solid white;
    height: 35px;
    position: absolute;
    left: 75px;
    margin-left: 0px;
    top: 10px;
    word-wrap: break-word;
    font-size: small;
    width: 80px;
    color: #fff;
    white-space: normal;
    padding-left: 5px;
}

.bg-green {
    background-color: rgb(28,175,94);
}

.navbar-green .navbar-brand {
    background-color: #fff;
    color: rgb(28,175,94);
    padding-left: 5px;
    padding-right: 5px;
}

.navbar-green .navbar-brand:hover, .navbar-green .navbar-brand:focus {
    background-color: #fff;
    color: rgb(28,175,94);
}

.navbar-green .navbar-nav .nav-link:hover, .navbar-green .navbar-nav .nav-link:focus {
    background-color: #fff;
    color: rgb(28,175,94);
}

.navbar-green .navbar-nav .nav-link {
    color: #fff;
    font-size: 2rem;
}

hr {
    margin-top: 0px !important;
}

.rowTitle {
    margin-top: 30px;
}

.navbar-green .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

/*.navbar-green .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}*/
.navbar-toggler {
    background-color: #fff;
}


.imgLogo {
    max-width: 100%;
    height: auto;
}

.searchLocalization {
    margin-top: .7rem;
}

.alert-danger {
    color: white;
    background-color: red;
}

.form-control {
	color: #3f3f3f
}