/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&display=swap');


a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 16px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    color: rgb(0, 0, 0);
   /* width: 1188px;*/
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

h2 {		
    color: #3C5469;
	font-size: 33px;
    text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 20px;
	letter-spacing: 1px;
}


/*888888888888*/
.textContainer {
    font-size: 16px;
    text-align: justify;
    margin: 0px 150px 0px 150px;
}
.textContainer2 {
								font-size: 19px;
    text-align: justify;
    margin: 0px 150px 0px 150px;
								color: #424445;
								line-height:1.5;
								font-weight: 400;
    
}
.textContainer3 {
    color: #434242;
									font-size: 19px;
    font-weight: 400;
    text-align: justify;
    margin: 100px 150px 100px 150px;
									line-height:1.5;
						
								}
								
								.textContainer3 p {margin-top:10px;
}
								
.textContainer4 {
									font-size: 19px;
    text-align: justify;
    margin: 50px 0px 100px 0px;
									line-height:1.5;
									font-weight: 400;
}
.h2TextContainer {

}
.textPadding{
    padding: 0px 15px;
    text-align:center;
}
.imageCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.man1Color {
    color: rgb(165, 116, 116);

}
.man2Color {
    color: rgb(94, 162, 126);

}
.man3Color {
    color: rgb(77, 134, 171);

}

.man-div {
    width: 33%;
}

							.man-div p {font-weight: 500;
								padding:0 10%;
								font-size:95%;
							}

.ulPointer {
    list-style-image: url(../img/punktor.png);
}
.text {

}
hr.new {
    border-top: 1px solid rgb(140,177,222);
}
.feataureScore{
    font-size:40px;
}
table, td {
    /*border: 1px solid black;*/
    font-size: 20px;
    text-align: center;
    margin: 5px;
}
.table-full-width {
    width: 100%;
}
th {
    font-size: 12px;
    margin: 5px;
    width: 170px;
}

.tabobszaryzawodowe td {padding:18px 10px 18px 20px;font-size:70%;text-align:left;}

.chart{
    font-size:14px;
}

.page1text {
    margin: 0px 75px 0px 75px;
    text-align: justify;
    font-size: 16px;
}

.background-gray {
    background-color: lightgray;
    margin: 5px 5px 5px 5px;
}

.float-metacechy {
    float:left; 
    margin-right:20px;
}
.centerimg {
    margin-top: 10px;
    width: 70px;
}
.table-row-background {
    background-color: #f2f2f2;
    
}
.table-margin {
    margin: 40px 0px;
}
.optymalne-srodowisko-3row {
    width: 256px;
    margin: 20px;
    text-align: center;
    font-size: 16px;
}
.chartcenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.skla-pozioma {
    width: 889px;
}
.skala-pozioma-tekst{
    display: flex;
    width: 889px;
    color: rgb(0,0,0)
}
.man {
    background-image: url('../img/man-chart.png');
    background-repeat: no-repeat;
}
.woman {
    background-image: url('../img/woman-chart.png');
    background-repeat: no-repeat;
}
.link {
    text-decoration: none;
    background-color: none;    
}
.imgcover {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:100%;
}
.pdffooterline {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 10px;
    background-color:blue;
}
.testUserInfo {
    position: absolute;
    top: 1400px;
    left: 350px;
    font-size: 16px;
}
.testUserInfoWeb {
    margin-top: -200px;
    margin-left: 500px;
    font-size: 16px;
}
.test-user-info-table-td-label {
    width: 360px;
    text-align: left;
}
.test-user-info-table-td-name {
    width: 455px;
    font-size: 42px;
    border-bottom: 1px solid currentColor;
    text-align: left;
    color: #56698f;
}
.test-user-info-table-td {
    color: #56698f;
    text-align: left;
}

.spis-tresci-line-td {
						border-bottom: 1px dotted #D9DADA;
    width: 550px;
}
.spis-tresci-td{
    text-align:left;
						padding-top:20px;
}
.spis-tresci-top-td {
    text-align: left;
    color: #56698f;
						font-size: 35px;
						text-transform: uppercase;
						padding-bottom: 20px;
}
.spis-tresci-top-td{

}
.p-ramka {
							color: #3C5469;
							border: 2px solid rgb(63,113,156);
    padding: 15px;
    background-color: rgb(222,235,247);
							font-weight: 500;
							text-align: center;
							letter-spacing: 0.02em;
							word-spacing: 4px;
}
.text-h2 {
}
.aspect-h2 {
    text-transform: uppercase;
    color: #3C5469;
    font-size: 22px;
    font-weight: 500;
}
.aspect-h2-gen {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
}

							
h4 {
							font-size: 22px;
							font-weight: 400;
							letter-spacing: 0.02em;
							color: #6086A7;
							margin-bottom: 40px;
							word-spacing:5px;
						}
						
						.text-h4 {
    font-weight: 500;
						}

					b, strong {
						font-weight: 500;
						font-size: 101%;
}

.wrapp {
    width: 1188px;
    margin-left:auto;
    margin-right:auto;
}
.btn-width {
    width: 161px;    
}
.tab-col-ucziwosc{
    color:rgb(239,127,26)
}
.tab-col-emocjonalnosc {
    color: rgb(237,157,160)
}
.tab-col-ekstrawersja {
    color: rgb(57,49,133)
}
.tab-col-ugodowosc {
    color: rgb(168,38,130)
}
.tab-col-sumiennosc {
    color: rgb(0,141,210)
}
.tab-col-otwartosc {
    color: rgb(176,203,31)
}
.score-percent{
    font-size:44px;
}
.metacecha-1 {
    color: rgb(239,127,26)
}

.metacecha-2 {
    color: rgb(237,157,160)
}

.metacecha-3 {
    color: rgb(57,49,133)
}

.metacecha-4 {
    color: rgb(168,38,130)
}

.metacecha-5 {
    color: rgb(0,141,210)
}

.metacecha-6 {
    color: rgb(176,203,31)
}

/*kursywa dla części opisowej*/
.opis-italic p{
    /*font-style:italic;*/
}
.opis-italic li {
    /*font-style: italic;*/
}

.border-pages-desc {
    border: 2px solid rgb(63,113,156);
    padding: 20px;
}