.block {
    background-color: rgb(255, 255, 255);
    color: rgb(63, 63, 63);

    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);

    padding: 20px;
}

select {
    display: inline-block;

    background-color: var(--secondary-color);
    color: var(--primary-color-light);

    font-size: var(--paragraph-size);
    line-height: var(--title-size);
    padding: var(--button-padding);
}
select:hover {
    background-color: var(--secondary-color-light);
}
select:focus {
    background-color: var(--secondary-color-light);
}

.course-detail{
    border-bottom: 1px solid rgb(220,146,119);
}

.input {
    display: inline-block;

    background-color: var(--primary-color);

    border-radius: 1000px;
    
    border: none;

    vertical-align: top;

    line-height: var(--paragraph-size);

    margin: var(--button-padding);
    padding: var(--button-padding);

    min-width: calc( var(--button-padding) * 2 + var(--paragraph-size) );
    max-width: calc( 100% - var(--button-padding) * 2 );
}
.input:hover,
.input:focus {
    border: none;
    background-color: var(--primary-color-dark);
}

.form-output {
    font-size: var(--paragraph-size);
    line-height: var(--title-size);
    padding: var(--button-padding);
}

.form-input {
	
}

.border-arrow{
--border-width: 20px;
	margin-bottom:10px;
	line-height: 0px;
	width: 100%;
	padding: 10px var(--border-width);
	

background-image:
    url(https://development.grow-talk.pl/Border/TopLeft.png),
    url(https://development.grow-talk.pl/Border/BottomLeft.png),
    url(https://development.grow-talk.pl/Border/TopRight.png),
    url(https://development.grow-talk.pl/Border/BottomRight.png),
    url(https://development.grow-talk.pl/Border/Top.png),
    url(https://development.grow-talk.pl/Border/Bottom.png),
    url(https://development.grow-talk.pl/Border/Left.png),
    url(https://development.grow-talk.pl/Border/Right.png);
background-position:
    left top,
    left bottom,
    right top,
    right bottom,
    calc( var(--border-width) - 2px ) top,
    calc( var(--border-width) - 2px ) bottom,
    left calc( var(--border-width) - 2px ),
    right calc( var(--border-width) - 2px );
background-size:
    var(--border-width) var(--border-width),
    var(--border-width) var(--border-width),
    var(--border-width) var(--border-width),
    var(--border-width) var(--border-width),
    calc( 100% - ( var(--border-width) * 2 ) + 4px ) var(--border-width),
    calc( 100% - ( var(--border-width) * 2 ) + 4px ) var(--border-width),
    var(--border-width) calc( 100% - ( var(--border-width) * 2 ) + 4px ),
    var(--border-width) calc( 100% - ( var(--border-width) * 2 ) + 4px );
background-repeat: no-repeat;
}

.login-input{
    border-left: 1px solid rgb(129, 129, 129);
    border-bottom: none;
    background-color: rgb(254,254,254) !important;
    /*color: white !important;*/
    box-shadow: 0px 0px 1000px rgb(254,254,254) inset;
    
}

i.login-icon{
	font-size:25px;
	color: rgb(129, 129, 129);
	margin-right: 10px;
}

.logo-grow-learn img{
	box-shadow: none;
	width: 80%;
	padding-bottom: 5%;
}

.logo-grow-learn{
	width: 100%;
}

.button-login{
	background-color: rgb(254,254,254);
    color: rgb(111, 180, 0);
    text-shadow: none;
    text-decoration: none;
    text-transform: inherit;
    border: 2px solid rgb(111, 180, 0);
    border-radius: 10px;
	font-size: 16px;
    padding: 16px 26px;
	margin: 0;
}

.button-login:hover{
	background-color: rgb(254,254,254);
    color: rgba(111, 180, 0, 0.7);
    border: 2px solid rgba(111, 180, 0, 0.7);
}

.remember{
    font-size: 16px;
    padding: 16px 8px;
	color: rgb(129, 129, 129);
}

.background-login-page{
	background-image: url('https://grow-learn.pl/template/image/logowanie.jpg'); 
	width: 100%; 
	height: 100%; 
	position: relative;
	background-size: 90%;
	background-position-x: left;
	background-color: rgb(254,254,254);
}

/*.account-first-column-now > input::placeholder{
	font-size: 16px;
}*/