.teams-post-zalacznik { display: flex; align-content: center; align-items: center; margin: 0.5rem 0 0.5rem 0;}
.teams-post-zalacznik-text { flex-grow: 1; overflow: hidden; margin-left: 0.5rem; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.teams-post-zalacznik-button { display: flex; margin: 0 0.5rem 0 0.5rem; align-items: center; text-align: center; padding: 0.5rem; border: none; background: transparent; border-radius: 1rem; color: #4A4A4A; overflow: hidden; }
.teams-post-zalacznik-button:hover { background: lightgrey; cursor: pointer; }
.teams-post-zalacznik-container { display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; flex-direction: row; gap: 1rem; }
.kreatorcv-detale {
    display: flex;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.kreatorcv-detale2 {
    flex: 1;
    align-items: center;
}

.kreatorcv-wyksztalcenia {
    display: flex;
    margin-bottom: 10px;
}

.kreatorcv-wyksztalcenia2 {
    display: flex; flex: 1;
    justify-content: end;
    align-items: start;
}

.kreatorcv-wyksztalcenia3 {
    display: flex;
    margin: 0.5rem;
    gap: 1rem;
}

.kreatorcv-jezyki {
    display: flex;
    margin-top: 16px;
}

.kreatorcv-umiejetnosci {
    display: flex;
}

.kreatorogloszen-informacje-ogolne {
    display: flex; margin: 0.5rem;
}

.kreatorogloszen-informacje-ogolne2 {
    display: flex; flex: 1;
}

.kreatorogloszen-tytul {
    display: flex;
    align-items: center;
    width: 100%;
}

#notification-container {
        position: fixed;
        z-index: 9999;
        bottom: 20px;
        right: 20px;
        width: 300px;
         /* Zapobiega klikaniu na starsze powiadomienia */
    }

#notification-container-banner {
        position: fixed;
        z-index: 9999;
        bottom: 20px;
        right: 20px;
        width: 300px;
         /* Zapobiega klikaniu na starsze powiadomienia */
    }

.notification {
    position: absolute;
    right: -100%; /* Początkowa pozycja poza ekranem */
    width: 100%;
    background-color: white;
    border: 0.3rem solid #737373;
    padding: 15px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(10px);
    animation: slide-in 0.3s forwards, fade-in 0.3s forwards;
    transition: transform 0.3s, opacity 0.3s, right 0.3s;
}

@keyframes slide-in {
    from { right: -100%; }
    to { right: 0; }
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.notification.fade-out {
    opacity: 0;
    transform: translateX(100%);
}


.container-vertical-block{
    background-color: #ffffff;
    margin: 1rem 0rem 1rem 1.5rem;
    padding: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 97%;
}


/* Usunięcie tła, ramek, marginesów */
.custom-content {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Nadpisanie stylów Summernote, aby usunąć box-shadow i inne elementy */
.custom-content * {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Opcjonalnie, możesz kontrolować typografię (czcionka, kolor, itp.) */
.custom-content p, .custom-content span, .custom-content div {
    font-family: inherit;
    color: inherit;
    line-height: 1.5;
}



.kierunek-item {
    background: #bdbdbd;
    padding: 0.25rem 1rem 0.25rem 1rem;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
}

.kierunek-item-button {
    border: none;
    background: transparent;
    color: #4a4a4a;
}

.kreatorcv-input-https {
    background-color: white;
    border: 0.1rem solid #bdbdbd;
    border-radius: 0.5rem;
    padding: 0.25rem;
    width: 25%;
}

.kreatorcv-input-strona {
    background-color: white;
    border: 0.1rem solid #bdbdbd;
    border-radius: 0.5rem;
    padding: 0.25rem;
    width: 75%;
}

.kreatorcv-input::placeholder {
    color: red;
}

.kreatorcv-label {
    display: flex;
    align-items: end;
}

.kreatorcv-item-div {
    width: 100%;
    margin-bottom: 15px;
}

.kreatorcv-avatar {
    width: 250px;
    height: 250px;
    margin-bottom: 20px;
}

.kreatorcv-btn {
background-color: #ffffff;
border: 0.15rem solid #bdbdbd;
border-radius: 0.5rem;
color: #4a4a4a;
font-size: 0.875rem;
cursor: pointer;
margin: 0.5rem 1rem 0.5rem 0;
}

.btn.kreatorcv-btn:hover {
background-color: #bdbdbd;
color: #4a4a4a;
}

.tag-praktyki {
    background-color: #dbdbdb;
    border-radius: 2rem;
    padding: 0.25rem 1.5rem;
    margin: 0.5rem 1rem 0.5rem 0;
}

.panel-boczny-praktyki {
		height: 100vh;
		overflow: hidden;
		background-image: url('/static/assets/img/side-menu-bg.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: grid;
        width: 210px;
        padding: 15px;
}

.panel-boczny-praktyki-button {
    background: transparent;
    color: white;
    height: 55px;
    decoration: none;
    border: none;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
    text-decoration: none;
}

.login-body {
    display: flex;
    justify-content: center;
    align-items: center;

}

.input_full {
width: 100%;
}
.yellow_icon {
color: #26b0f0;
font-size: 22px;
}
.no_border {
border: none;
}
.button_rounded {
    border-radius: 8px;
}



/*czcionka zwykła*/
.fc-event{
cursor:pointer;
}

.textvizja{
    font-family: Montserrat;
    /*font-weight: bold;*/
    font-size: 0.875rem;
    color: #4a4a4a;
}

.textvizjaSmall{
font-family: Montserrat;
font-size: 0.75rem;
color: #4a4a4a;
}

.textvizjaBig{
font-family: Montserrat;
font-size: 1.125rem;
color: #4a4a4a;
}

/*czcionka pogrubiona*/
.textvizjaBold{
    font-family: Montserrat-bold;
    /*font-weight: bold;*/
    font-size: 0.875rem;
    color: #4a4a4a;
}

/*czcionka pogrubiona i powiększona*/
.textvizjaBoldBig{
    font-family: Montserrat-bold;
    font-size: 1.125rem;
    color: #4a4a4a;
}

.textvizjaBoldBigR{
    font-family: Montserrat-bold;
    font-size: 1.125rem;
    color: red;
}

/*czcionka pogrubiona i powiększona na DASHBOARD*/
.textvizjaBoldBigD{
    font-family: Montserrat-bold;
    font-size: 1.125rem;
    color: #4a4a4a;
}
.textvizjaBoldBigD:hover {
color: #26b0f0;
}

.textvizjaBoldBigDW{
    font-family: Montserrat-bold;
    font-size: 1rem;
    color: #ffffff;
}
.textvizjaBoldBigDW:hover {
color: #26b0f0;
}


/*fonty w kafelkach na pulpicie modułu praktyk*/
.textvizjaBoldBigDWY{
    font-family: Montserrat-bold;
    font-size: 1rem;
    color: #ffffff;
}
.textvizjaBoldBigDWY:hover {
color: #26b0f0;
}

.textvizjaBoldBigDBW{
    font-family: Montserrat-bold;
    font-size: 1rem;
    color: #4a4a4a;
}
.textvizjaBoldBigDBW:hover {
color: #ffffff;
}

.textvizjaBoldBigDBY{
    font-family: Montserrat-bold;
    font-size: 1rem;
    color: #4a4a4a;
}
.textvizjaBoldBigDBY:hover {
color: #26b0f0;
}

.icon-praktyki {
    font-size: 2rem;
}

/*inputy w kreatorze CV*/
.input-kreator{
    background-color: white;
    border: 0.15rem solid #bdbdbd;
    border-radius: 0.5rem;
    padding: 0.5rem;
    width: 100%;
}

.input-kreator-small{
    background-color: white;
    border: 0.15rem solid #bdbdbd;
    border-radius: 0.5rem;
    padding: 0.1rem 0.5rem 0.1rem 0.5rem;
    width: 25%;
}

.input-ogloszenie{
    background-color: white;
    border: 0.15rem solid #bdbdbd;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.icon-ogloszenie{
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

/*For no decoration in a tag*/
.a-tag-non-style {
    text-decoration: inherit;
    color:inherit;
}

.a-tag-non-style:hover {
    text-decoration: inherit;
    color:inherit;
}

/*FOR DISABLE A TAG*/
.a-disabled
{
    pointer-events: none;
    cursor: default;
    /*color: #000000;*/
}
/*FOR PERSONALIZATION OF ACCORDION */
.accordion-button:focus{
    color: black;
}
.accordion-button:not(.collapsed){
    color: black;
}
.calendarimg.mx-auto
{
    width: 3rem;

}

.black-image
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  filter: brightness(0.0) saturate(0%);
}

/* SCHEDULE CLASSES */

/* body color*/
.fc-scrollgrid-section-body {
background-color:#ffffff;
}

/* title color */
.fc-col-header-cell {
background-color: #4a4a4a;
}

/*left time grid bar */
.fc-timegrid-axis {
background-color: #ffffff;
}

/* buttons color */
.fc .fc-button-primary {
background-color: transparent;
border: none;
font-family: Montserrat-bold;
color: #4a4a4a;
}

/* active button*/
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{
background-color: #26b0f0;
font-family: Montserrat-bold;
color: #4a4a4a;
}

fc-timeGridWeek-button:hover fc-button:hover fc-button-primary:hover fc-button-active:hover{
background-color: #26b0f0;
font-family: Montserrat-bold;
color: #4a4a4a;
}

/* hovering on button */
.fc:hover .fc-button-primary:hover {
font-family: Montserrat-bold;
color: #4a4a4a;
background-color: transparent;
}

.fc:hover .fc-button-primary:not(:disabled).fc-button-active:hover{
background-color: #26b0f0;
font-family: Montserrat-bold;
color: #4a4a4a;
}

.fc-col-header-cell-cushion {
color: #ffffff;
}
.fc-col-header-cell-cushion
{
     text-decoration: inherit;
    color:#FFFFFF;
}
.fc-col-header-cell-cushion:hover
{
     text-decoration: inherit;
    color:#FFFFFF;
}
/* END OF SCHEDULE CLASSES */



/*OWN FONT*/
@font-face {
    font-family: Montserrat-bold;
    src: url('/static/assets/fonts/montserrat/Montserrat-Bold.otf');
    font-weight:bold;
 }
@font-face {
    font-family: Montserrat;
    src: url('/static/assets/fonts/montserrat/Montserrat-Medium.otf');
 }
@font-face {
    font-family: Montserrat-regular;
    src: url('/static/assets/fonts/montserrat/Montserrat-Regular.otf');
    font-weight:normal;
 }

/*@font-face {*/
/*    font-family: Montserrat-regular;*/
/*    src: url('/static/assets/fonts/montserrat/Montserrat-Regular.otf');*/
/*    font-weight:normal;*/
/* }*/




/*tło*/
.bg-yellow {
background-color: #26b0f0; /*kolor żółty AEH*/
}

.bg-light-grey {
background-image: linear-gradient(to bottom, #e5e5e5, #ececec); /*jasnoszare tło*/
border: none;
}

.bg-dark-grey {
background-color: #4a4a4a; /*ciemnoszare tło*/
}

.bg-transparent {
background-color: transparent;
border: none;
}

.bg-teams {
background-color: #6f42c1;
border: none;
}

.bg-hybryda {
background-color: #982649;
border: none;
}

.bg-uczelnia {
background-color: #26b0f0;
text-color: #4a4a4a;
border: none;
}

.bg-noInfo {
background-color: #737373;
border: none;
}



/*stopka*/
.bg-footer {
background-image: linear-gradient(to bottom, #ececec, #ececec);
}



/*pozioma linia rozdzielająca*/
.hr-yellow {
color: #26b0f0;
border-top: 0.0625rem solid;
opacity: 1;
}

.hr-grey {
color: #bdbdbd;
border-top: 0.0625rem solid;
opacity: 1;
}



/*przyciski*/
.btn-dark-grey {
background-color: #4a4a4a;
border: none;
border-radius: 0.5rem;
color: white;
font-size: 0.875rem;
}

.btn.btn-dark-grey:hover {
background-color: #26b0f0;
color: #4a4a4a;
}

.btn-white {
background-color: #ffffff;
border: none;
border-radius: 0.5rem;
color: #4a4a4a;
font-size: 0.875rem;
}

.btn-white-border {
background-color: #ffffff;
border: 0.15rem solid #bdbdbd;
border-radius: 0.5rem;
color: #4a4a4a;
font-size: 0.875rem;
}

.btn.btn-white-border:hover {
background-color: #bdbdbd;
color: #4a4a4a;
}

.btn-yellow {
background-color: #26b0f0;
border: none;
border-radius: 0.5rem;
color: #4a4a4a;
font-size: 0.875rem;
}

.btn.btn-yellow:hover {
background-color: #4a4a4a;
color: #26b0f0;
}

.btn-light-grey {
background-color: #bdbdbd;
border: none;
border-radius: 0.5rem;
color: #4a4a4a;
font-size: 0.875rem;
}

.btn.btn-light-grey:hover {
background-color: #4a4a4a;
color: #ffffff;
}

.btn-transparent {
background-color: transparent;
border: none;
border-radius: 0.5rem;
color: #4a4a4a;
font-size: 0.875rem;
}

.btn.btn-transparent:hover {
background-color: #bdbdbd;
color: #000000;
}

/*lista rozwijalna z pozycjami do wyboru*/
.dropdown-menu {
background-color: #ffffff;
}
.dropdown-menu-text .dropdown-item {
color: #4a4a4a;
}
.dropdown-menu-text .dropdown-item.active, .dropdown-menu-text .dropdown-item:active {
background-color: #C1C1C1;
}
.dropdown-menu-text .dropdown-item:hover {
background-color: #eaecf4;
}

.dropdown-menu-text2 {
background-color: #4a4a4a;
}


.dropdown-item:hover {
background-color: #eaecf4;
}

.highlight-messages:hover {
background-color: #eaecf4;
}
/*^^^lista rozwijalna z pozycjami do wyboru^^^*/



/*wyśrodkowanie tekstu*/
.centered-text {
text-align: center;
vertical-align: middle;
}



/*karuzela*/
.carousel-topbar {
max-width: 12.5rem;
margin-left: auto;
margin-right: auto;
}



/*menu boczne*/
.menu-container {
max-width: 40rem;
}

.column-icon {
width: 1.875rem;
}

.column-link {
width: 6.25rem;
}
.fixed-content {

    overflow-y:auto;
    overflow-x:hidden;
}
#for scrollbar on leftbar menu
.nav
{
    flex-wrap:nowrap;
    overflow-x:hidden;
    overflow-y:auto;

}
.left-navbar
{
     flex-wrap:nowrap;
    overflow-x:hidden;
    overflow-y:auto;
}

.nav-link.active {
background-color: #4a4a4a;
border-radius: 0;
}



.menu-container li:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.layout-padding{
padding-left:13rem;
}


.navbar-nav.navbar-list {
    justify-content: flex-end;
}

.tlo-logowania{
		height: 100vh;
		overflow: hidden;
		background-image: url('/static/assets/img/login-background.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	}

.tlo-logowania-pracodawca{
		height: 100vh;
		overflow: hidden;
		background-image: url('/static/assets/img/tlo-pracodawca-login.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	}

.obrazki-logowanie{
        display: flex;
        justify-content: center;
        align-items: center;
}

/*
SKALOWANIE ZAWARTOŚCI STRONY WZGLĘDEM RÓŻNYCH WIELKOŚCI EKRANU
*/
@media (min-width:0px) and (max-width:575.98px){

    #notification-container-banner {
        position: fixed;
        z-index: 9999;
        bottom: 200px;
        right: 20px;
        width: 300px;
         /* Zapobiega klikaniu na starsze powiadomienia */
    }

    .teams-post-zalacznik-container { display: flex; flex-direction: column; }

    .kreatorcv-detale {
        display: flex;
        padding: 0rem;
        flex-direction: column;
    }

    .kreatorcv-detale2 {
        flex: 1;
        align-items: center;
        padding: 0.5rem 1rem 0.5rem 1rem;
    }

    .kreatorcv-wyksztalcenia {
        display: flex;
        margin-bottom: 10px;
        flex-direction: column;
    }

    .kreatorcv-wyksztalcenia2 {
        display: flex; flex: 1;
        justify-content: center;
        align-items: start;
        padding: 0.5rem;
    }

    .kreatorcv-wyksztalcenia3 {
        display: flex;
        margin: 0.5rem;
        flex-direction: column;
        gap: 0.8rem;
    }

    .kreatorcv-jezyki {
        display: flex;
        margin-top: 16px;
        gap: 1rem;
        flex-direction: column;
    }

    .kreatorcv-jezyki input {
        width: 100%;
    }

    .kreatorcv-umiejetnosci {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .kreatorcv-umiejetnosci input {
        width: 100%;
    }

    .kreatorogloszen-informacje-ogolne {
        display: flex;
        margin: 0.5rem;
        flex-direction: column;
        gap: 1rem;
    }

    .kreatorogloszen-informacje-ogolne2 {
        display: flex; flex: 1;
    }

    .kreatorogloszen-tytul {
        display: flex;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }

    .kreatorogloszen-tytul input {
        width: 100%;
    }
	.kafel-logowania{
	/*biały kafel, na którym znajdują się wszystkie elementy ekranu logowania*/
		/*background-color: red;*/
		width: 21.875rem; /*350px*/
		border-radius:10px;
	}

	.pasek-boczny{
	/*zwężenie paska bocznego*/
		width: 4.0625rem;
	}

	.nazwy-zakladek{
	/*brak wyświetlania nazwy zakładki w menu na pasku bocznym*/
		display: none;
	}

	.ikony{
	/*wyrównanie ikon menu na pasku bocznym po zwężeniu*/
		margin-left: 0.9375rem;
		display: flex;
		align-items: center;
	}

	.przyciski{
	/*dopasowanie szerokości przycisków po zwężeniu paska bocznego*/
		width: 3rem;
	}

	.przesuniecie-przyciskow{
	/*dopasowanie położenia przycisków po zwężeniu paska bocznego*/
		margin-left: 11.5625rem;
	}

	.ikona-do-FAQ{
	/*dopasowanie położenia ikony FAQ na zwężonym przycisku*/
		margin-left: 0.25rem;
		margin-right: 0.25rem;
		margin-top: 0.1875rem;
		margin-bottom: 0.1875rem;
	}

	#navbarNav{
		width:100%;
	}

	.navbar-list{
		display:flex;
		flex-direction:row;

	}

	/*.navbar-element
	{
		display:block;
		width:25%;
		float:left;
	}*/

	.layout-padding{
	padding-left:5rem;
	}

	.kafelek{
	/*kafelki na pulpicie - przerzucanie do kolejnego rzędu względem zwężającego się ekranu*/
		/*background-color:red;*/
		/*padding:0;*/
		/*width:300vw;*/
		/*height:25vh;*/
		flex:50%;
		font-size: 0.875rem;
		text-align: center;
		/*align-items:center;
		display:flex;*/
	}

	/*.kafel
	{
		*//*background-color:red;*//*
		width: auto;
		height:60vh;
		padding:0;*/

		/*align-items:center;
		display:flex;*/
	/*}
	.drugi-kafel{
		margin-top:20rem;
	}*/

	.plan-zadania{
	/*kafelki z planem dnia i zadaniami - przerzucanie do kolejnego rzędu względem zwężającego się ekranu*/
		flex: 0 100%;
	}

	/*.imie-nazwisko{
	*//*schowanie imienia i nazwiska z paska górnego na wąskim ekranie*//*
		display: none;
	}*/

	.karuzela{
		/*flex:200%;*/
		display:none;
	}

	.wiadomosci-verbis{
	/*zwęża okienko dropdown menu z wiadomościami Verbis*/
		width: 16rem;
	}

	.stopka{
		max-width: 200px;
		height: auto;
	}

	.tlo-logowania{
		height: 100vh;
		overflow: hidden;
		background-image: url('/static/assets/img/login-background.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	}

	.legenda-w-planie{
		text-align: center;
	}

	.fundusze img{
        width: 120%;
        max-width: 575px;
        height: auto;
    }

    .praktyki-buttons{
        /*width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 1rem;*/
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        width: 100%;
    }

    .text-lg-start{
        display: block;
        width: 100%;
    }

    .praktyki-ogloszenia {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .praktyki-ogloszenia > div {
        flex: 1;
        margin: 0;
    }

    .kreatorcv-input {
        background-color: white;
        border: 0.1rem solid #bdbdbd;
        border-radius: 0.5rem;
        padding: 0.25rem;
        width: 100%;
    }

    .kreatorcv-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*padding: 0.5rem;*/
    }

}

@media(min-width:576px) and (max-width:767.98px){

    #notification-container-banner {
        position: fixed;
        z-index: 9999;
        bottom: 145px;
        right: 20px;
        width: 300px;
         /* Zapobiega klikaniu na starsze powiadomienia */
    }

    .teams-post-zalacznik-container { display: flex; flex-direction: column; }

	.kafel-text{
		font-size: 0.875rem;
	}

	.kafel-logowania{
		/*background-color: blue;*/
		width: 31.25rem; /*500px*/
		border-radius:10px;
	}

	.kafelek
	{
		/*background-color:blue;*/
		width:300vw;
		/*height:10vh;*/
		flex:40%;
		font-size: 0.875rem;
		/*align-items:center;
		display:flex;*/
	}
	/*.kafel
	{
		*//*background-color:red;*//*
		width: auto;
		height:60vh;
		*//*align-items:center;
		display:flex;*//*
	}*/

	.przyciski{
		width: 12.5rem;
	}

	.ikona-do-FAQ{
	/*położenie ikony FAQ na przycisku*/
		margin-left: 0.4375rem;
	}

	.plan-zadania{
		flex: 50%;
	}

	/*.imie-nazwisko{
		display: none;
	}*/

	.karuzela{
		/*flex:200%;*/
		display:none;
	}

	.wiadomosci-verbis{
		width: 18rem;
	}

	/*.tlo-logowania{
		height: 100vh;
		overflow: hidden;
		background-image: url('/static/assets/img/login-background.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	}*/

	.legenda-w-planie{
		text-align: center;
	}

	.praktyki-buttons{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        text-align: center;
        width: 100%;
    }

    .praktyki-ogloszenia {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .praktyki-ogloszenia > div {
        flex: 1;
        margin: 0;
    }

    .kreatorcv-input {
        background-color: white;
        border: 0.1rem solid #bdbdbd;
        border-radius: 0.5rem;
        padding: 0.25rem;
        width: 100%;
    }

    .kreatorcv-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*padding: 0.5rem;*/
    }

}

@media(min-width:768px) and (max-width:991.98px){

    #notification-container-banner {
        position: fixed;
        z-index: 9999;
        bottom: 145px;
        right: 20px;
        width: 300px;
         /* Zapobiega klikaniu na starsze powiadomienia */
    }

	.kafel-logowania{
		/*background-color: orange;*/
		width: 43.75rem; /*700px*/
		border-radius:10px;
	}

	/*.row{
		width:75%;
	}*/

	.kafelek
	{
		/*background-color:orange;*/
		width:300vw;
		flex:30%;
		font-size: 0.875rem;
	}

	.przyciski{
		width: 12.5rem;
	}

	.ikona-do-FAQ{
		margin-left: 0.4375rem;
	}

	.plan-zadania{
		flex: 50%;
	}

	/*.imie-nazwisko{
		display: none;
	}*/

	.wiadomosci-verbis{
		width: 20rem;
	}

	/*.tlo-logowania{
		height: 100vh;
		overflow: hidden;
		background-image: url('/static/assets/img/login-background.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	}*/

	.praktyki-ogloszenia {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .praktyki-ogloszenia > div {
        flex: 1;
        margin: 0;
    }

    .kreatorcv-input {
        background-color: white;
        border: 0.1rem solid #bdbdbd;
        border-radius: 0.5rem;
        padding: 0.25rem;
        width: 100%;
    }

    .kreatorcv-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.5rem;
    }

}


@media(min-width:992px) and (max-width:1199.98px){

    #notification-container-banner {
        position: fixed;
        z-index: 9999;
        bottom: 125px;
        right: 20px;
        width: 300px;
         /* Zapobiega klikaniu na starsze powiadomienia */
    }

	.kafel-logowania{
		/*background-color: green;*/
		width: 59.375rem; /*950px*/
		border-radius:10px;
	}

	.kafelek
	{
		/*background-color:green;*/
		width:300vw;
		flex:30%;
		font-size: 0.875rem;
	}

	.przyciski{
		width: 12.5rem;
	}

	.ikona-do-FAQ{
		margin-left: 0.4375rem;
	}

	.plan-zadania{
		flex: 50%;
	}

	.wiadomosci-verbis{
		width: 20rem;
	}

	/*.tlo-logowania{
		height: 100vh;
		overflow: hidden;
		background-image: url('/static/assets/img/login-background.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	}*/

	.praktyki-ogloszenia {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .praktyki-ogloszenia > div {
        flex: 1;
        margin: 0;
    }

    .kreatorcv-input {
        background-color: white;
        border: 0.1rem solid #bdbdbd;
        border-radius: 0.5rem;
        padding: 0.25rem;
        width: 100%;
    }

    .kreatorcv-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.5rem;
    }

}


@media(min-width:1200px){

    #notification-container-banner {
        position: fixed;
        z-index: 9999;
        bottom: 125px;
        right: 20px;
        width: 300px;
         /* Zapobiega klikaniu na starsze powiadomienia */
    }

	.kafel-logowania{
		/*background-color: violet;*/
		width: 71.875rem; /*1150px*/
		border-radius:10px;
	}

	.kafelek
	{
		/*background-color:violet;*/
		width:300vw;
		font-size: 0.875rem;
	}

	.przyciski{
		width: 12.5rem;
	}

	.ikona-do-FAQ{
		margin-left: 0.4375rem;
	}

	.wiadomosci-verbis{
		width: 20rem;
	}

	/*.tlo-logowania{
		height: 100vh;
		overflow: hidden;
		background-image: url('/static/assets/img/login-background.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	}*/

	/*.button-row {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    width: 100%;
	}*/

    .kreatorcv-input {
        background-color: white;
        border: 0.1rem solid #bdbdbd;
        border-radius: 0.5rem;
        padding: 0.25rem;
        width: 100%;
    }

    .kreatorcv-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.5rem;
    }
}