html {
    overflow-y: scroll;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
}

/* Custom container */
.container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 1200px;
    min-height: 100%;
}

.container > hr {
    margin: 10px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    margin: 20px 0;
    text-align: center;
}
.jumbotron h1 {
    font-size: 100px;
    line-height: 1;
}
.jumbotron .lead {
    font-size: 24px;
    line-height: 1.25;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
    margin: 60px 0;
}
.marketing p + h4 {
    margin-top: 28px;
}

/* Customize the navbar links to be fill the entire space of the .navbar */
.navbar .navbar-inner {
    padding: 0;
}
.navbar .nav {
    display: flex;
    width: 100%;
}
.navbar .nav li {
    flex: 1;
    float: none;
}
.dropdown-menu li {
    display: table-cell;
}
.navbar .nav li a {
    font-weight: bold;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,.75);
    border-right: 1px solid rgba(0,0,0,.1);
}
.navbar .nav .dropdown-menu li:first-child a {
    border-left: 0;
    border-radius: 3px 0 0 3px;
}
.navbar .nav .dropdown-menu li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}

h3 {
    display: block;
    /*width: 95%;*/
    padding: 0;
    margin-bottom: 20px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;

    margin-left: 7.5px;
    margin-right: 7.5px;
}

.modal .btn {
    margin-bottom: 0px;
}

.modal h3 {
    border-style: none;
}

#header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 13.5px;
    margin-bottom: 10px;
}

#header_login {
    text-align: right;
}

#header .btn {
    margin-bottom: 0px;
}

#logo_ufrgs {
    margin-left: 30px;
    text-align: center;
}

#country_flags {
    margin-bottom: 4px;
}

#country_flags a + a {
    margin-left: 2px;
}

.footer {
    margin-top: auto;
    padding-bottom: 3.5px;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
}

.row-fluid .span5 {
  width: auto;
  *width: 40.37234042553192%;
}

form {
  margin: 0 0 0px;
}

label {
  display: block;
}

input, .select2-container,
textarea,
.uneditable-input {
  width: auto;
}

.radio
input[type="radio"] {
    float: none;
    margin-bottom: 7px;
}

.radio.append
input[type="radio"] {
    margin-bottom: 15px;
}

input.btn {
    height: 30px;
}

.btn, select {
    margin-bottom: 10px;
}

.select2-container {
    margin-bottom: 10px;
}

.input-prepend .select2-container {
    margin-bottom: 0px;
}

body, input, button, select, textarea, .select2-search input {
    font-family: Lato,Times,serif;
}

body, .select2-choice, .input-append .add-on, .input-prepend .add-on,
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover,
.error_msg,
label, input, button, select, textarea {
    font-size: 12.5px;
}

.select2-container:not(.select2-dropdown-open):not(.select2-container-active) .select2-choice {
    border: 1px solid rgb(204, 204, 204);
}

.select2-container:not(.select2-dropdown-open) .select2-choice .select2-arrow {
    border-left: 1px solid rgb(204, 204, 204);
}

.select2-container .select2-choice {
    height: 28px;
}

.select2-chosen {
    text-align: left;
}

.input-prepend.select-append .select2-choice {
    border-radius: 0px 4px 4px 0px;
}

.input-prepend.select-append .select2-dropdown-open .select2-choice {
    border-radius: 0px 4px 0px 0px;
}

.input-prepend.select-append .select2-dropdown-open.select2-drop-above .select2-choice {
    border-radius: 0px 0px 4px 0px;
}

.error_msg {
    font-weight: bold;
    color: red;
}
.warning_msg {
    font-weight: bold;
    color: #ff9800;
}

.add-on.error_msg {
    position: absolute;
    width: auto;
    border: 1px solid transparent;
    background-color: transparent;
    min-width: 0px;
    padding: 4px 0px;
    font-weight: bold;
    color: red;
}

.em_desenvolvimento {
    cursor: pointer; cursor: hand;
}

.table th, .table td {
    text-align: center;
    vertical-align: middle;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: LightBlue;
}

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {
  background-color: LightCyan;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

.table-striped tbody > tr.tabelaDisabled > td,
.table-striped tbody > tr.tabelaDisabled > th {
    background-color: #DCDCDC;
}

i sup {
    font-size: 8px;
}

sup, sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
/*
sup {
    top: -0.5em;
    right: -0.4em;
}
*/
/*
sub {
    bottom: -0.5em;
    left: -0.4em;
}
*/
.overline {
    text-decoration: overline;
    letter-spacing: 3px;
}

#btnCalcular {
    width: 113px;
}

/* tamanho dos selects */
select {
    width: 250px;
}

.select2-container .select2-choice > .select2-chosen {
    width: 214px;
}

.input-prepend .form_input .add-on {
    width: 117px;
}

/* prepends do reforço, com radio button */
.radio .input-prepend .add-on {
    width: 148px;
}

/* prepends da matriz */
#div_cont .input-prepend .add-on {
    width: 165px;
}

/* prepends do reforço e matriz, sem radio button */
.input-prepend .add-on {
    width: 165px;
}

.dados_opcionais .input-prepend .add-on {
    width: 356px;
}

/* dados das entradas */
.input-prepend .input {
    width: 60px;
}

/* prepends do resultado */
.input-prepend .add-on.prepend {
    width: 117px;
}

/* dados do resultado */
.input-prepend .add-on.output {
    width: 135px;
}

/* appends do resultado */
.input-prepend .add-on.append {
    width: 270px;
}

.start-hidden, .dados_opcionais, .resultado {
    display: none;
}

.flex {
    display: flex;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}

.flex3 {
    flex: 3;
}

#fr {
	width: 22px;
	height: 14px;
}

/* modifica tooltip de bootstrap */

.tooltip-inner {
    max-width: unset;
    background: white;
    color: #545454;
    border: 1px solid #ababab;	
}
.tooltip.top .tooltip-arrow {
	border-top-color: #ababab;
}
.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.cookie-disclaimer {
    display:none;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    position: fixed;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 23px 0px 16px 0px;	
    background: #2d2d2d;
    color: whitesmoke;
    border-color: #212121;
}