@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300&display=swap);

@import url(https://forum.webgod.ro/uploads/fonts/researcher/researcher.ttf);
@import url(https://forum.webgod.ro/uploads/fonts/researcher/researcherth.ttf);

@import url(https://forum.webgod.ro/uploads/fonts/rowdie/rowdieb.ttf);
@import url(https://forum.webgod.ro/uploads/fonts/rowdie/rowdier.ttf);
@import url(https://forum.webgod.ro/uploads/fonts/rowdie/rowdierl.ttf);

@import url(https://forum.webgod.ro/uploads/fonts/rubik/rubik.ttf);




@font-face {
	font-family: Rubik;
	src: url(https://forum.webgod.ro/uploads/fonts/rubik/rubik.ttf);
}



@font-face {
	font-family: Rowdieb;
	src: url(https://forum.webgod.ro/uploads/fonts/rowdie/rowdieb.ttf);
}

@font-face {
	font-family: Rowdier;
	src: url(https://forum.webgod.ro/uploads/fonts/rowdie/rowdier.ttf);
}

@font-face {
	font-family: Rowdiel;
	src: url(https://forum.webgod.ro/uploads/fonts/rowdie/researcher.ttf);
}


@font-face {
	font-family: Researcher;
	src: url(https://forum.webgod.ro/uploads/fonts/researcher/researcher.ttf);
}



@font-face {
	font-family: ResearcherTH;
	src: url(https://forum.webgod.ro/uploads/fonts/researcher/researcherth.ttf);
}

.dropdown-content123:before {
    content: '';
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 13px solid rgb(46 57 76);
    z-index: 111111111111111111111111111;
    position: absolute;
    right: 20px;
    top: -12px;
}
.wiadomosci_title {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    height: 150px;
    background-color: #2e394c;
    top: -19px;
    position: relative;
    border: 1px solid #2e394c;
    border-radius: 4px;
}


#hb_title {
    /* color: #212735; */
    font-size: 80px;
    position: relative;
    font-family: 'Rowdieb';
    left: auto;
    top: 40px;
    font-weight: 900;
    letter-spacing: 4px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #00000000;
    background-image: -webkit-linear-gradient(80deg, #111419 34%, #3694de 59%);
    text-transform: uppercase;
    font-weight: 900;
    /* background-image: url(https://i.imgur.com/0VAm0aK.png); */
}


#hb_desc {
    font-size: 18px;
    text-align: left;
    font-family: Source Sans Pro;
}
#contentmainusermenu {
  display: none;
}

.dropbtn {
    background-color: #212735;
    /* color: white; */
    /* padding: 16px; */
    /* font-size: 16px; */
    /* border: none; */
    /* cursor: pointer; */
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #262f3f;
    min-width: 210px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    color: #9da5b3;
}

.dropdown-content a {
    /* color: black; */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown a:hover {
    background-color: #ddd0;
    border: 1px solid #0066a29c;
    border-radius: 4px;
    padding: 10px;
}
.show {
    display: block;
    /* padding: 20px; */
    min-width: 700px;
    min-height: 450px;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 4px;
}

.dropdowntop {
    display: flex;
    justify-content: space-between;
    text-align: start;
    height: 310px;
    padding: 10px;
}
.bgtopmenublue {
    background-image: url(https://i.imgur.com/0VAm0aK.png);
    background-repeat: repeat;
    position: relative;
    background-color: #101318;
}

.bluemenubartop {
    display: flex;
    width: 81%;
    height: 70px;
    background-image: url(https://i.imgur.com/0VAm0aK.png);
    background-repeat: repeat;
    position: relative;
    padding: 15px 35px;
    background-color: #101318;
    margin: auto;
    /* background: #0d6fb5; */
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0 10px;
}


.bluemenubartopmenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}


.menurighttopblue {
    width: 95%;
    display: flex;
    justify-content: space-between;
}


.menulefttopblue {
    width: 5%;
}


.headermenuficons {
    display: flex;
    align-items: center;
}



.bluemenualink {
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 600;
    padding: 9px;
    color: #c2dbec;
	 border-radius: 3px;
}


.bluemenualink:hover {
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 600;
    padding: 9px;
    color: #c2dbec;
    background: #c2dbec36;
    border-radius: 3px;
}


.headwelcomeblmember {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.dropdownbottom {
    height: 100px;
    border-top: 1px solid #2e394c;
    background: #2e394c;
    padding: 15px 30px;
}


.underflexmenu {
    display: flex;
    background: #212735;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    padding: 7px;
}


.bgnavigationmenu {
    background: #212735;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}


.menulinkicon {
    font-size: 1.6rem;
    margin-right: 10px;
    width: 20%;
    text-align: -webkit-center;
}

.menulinkstructure {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    /* border: 1px solid #2e394c; */
    padding: 17px 7px;
}
.menulinknamedescript {
    width: 80%;
}

.dropdownleft {
    width: 49%;
}

.dropdownright {
    width: 49%;
}



.dropbutttonns {
    background-color: #0066a200;
    color: white;
    padding: 9px;
    font-size: 13px;
    border: none;
    border-radius: 100%;
}


button:hover, input.button:hover {
    opacity: 90%;
    background: #0d6fb5;
}

.dropmenud-content {
    display: none;
    position: absolute;
    background-color: #262f3f;
    min-width: 200px;
    min-height: 180px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    color: white;
    margin-top: 0px;
    border-radius: 4px;
    margin-left: -144px;
}



.dropdownmenufull {
  position: relative;
  display: inline-block;
}





.dropdownmenufull {
  position: relative;
  display: inline-block;
}



.dropmenud-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropmenud-content a:hover {background-color: #0066a200;}

.dropdownmenufull:hover .dropmenud-content {display: block;}

.dropdownmenufull:hover .dropdownmenufull {background-color: #3e8e41;}




.firstlinkmenu:hover {
     background-color: #ffffff;
}


.menudesctop {
    font-size: 11px;
    color: #9da5b3;
    font-weight: 600;
}
.menulinknames {
    font-size: 14px;
    font-weight: 700;
}




.texttitledrp2bot {
    text-align: start;
    font-size: 15px;
    font-weight: 700;
    color: #0d6fb5;
}


.contentdrp2bot {
    text-align: start;
    margin-left: 19px;
    font-size: 13px;
    margin-top: 5px;
}



 .item-icon {
    height: 32px;
    width: 32px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.75) !important;
}
.ml-3, .mx-3 {
    margin-left: 1rem !important;
}

.position-relative {
    position: relative !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.rounded-circle {
    border-radius: 50% !important;
}


a {
    text-decoration: none;
    background-color: transparent;
}




#logodiv {
    position: relative;
    margin: 20px auto;
    width: 35%;
    padding-bottom: 7%;
    background-color: #161a21;
    border: 7px solid #212735;
    text-align: center;
}

#logodiv:before {
    content: '';
    position: absolute;
    top: -7px;
    left: -7px;
    border: 7px solid #161a21;
    height: 100%;
    width: 100%;
    border-radius: 15%;
}




.testlogomiddle {
    font-size: 25px;
    text-align: center;
    margin-top: 100px;
    position: relative;
}



.dropdown123 {
    position: relative;
    display: inline-block;
}

.dropbtn123 {
    color: white;
    padding: 17px 10px;
    font-size: 20px;
    border: none;
    cursor: pointer;
}

span.liczba-wiado-folder {
    vertical-align: super;
    position: absolute;
    font-size: 10px;
    margin: 3px -6px;
    background: linear-gradient(0.3turn, #212735, #161a21, #212735) !important;
    z-index: 9999;
    /* padding: 3px 8px; */
    border-radius: 30px;
    line-height: 16px;
}

.show123 {
    display: block;
}

.show123 {
    display: block;
}

h1.napis_title_wiad {
    float: left;
    color: #888b98;
    text-transform: uppercase !important;
    font-weight: bolder !important;
    font-size: .8rem;
    /* flex: 1 1 auto !important; */
}

a#button-nowa-wiadomosc {
    float: right;
    color: #a1b0c1;
    background-color: #39465d;
    border-color: #39465d;
    margin: -4px 0px;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    position: relative;
    text-transform: uppercase;
}






.text-pad-add {
    padding: 10px;
    position: absolute;
}

.overflow-wiado {
    height: 100px;
    float: left;
    width: 100%;
    border-radius: 4px;
    background: #262f3f;
    top: 81px;
    position: inherit;
    border: 1px solid #2e394c;
    box-shadow: 0px 8px 16px 0px rgb(22 26 33 / 27%);
}

.uptodate {
    position: absolute;
    top: 61%;
    left: 35%;
}
.smalltext {
    font-size: 11px;
}
.emote-happ {
    position: absolute;
    top: 30%;
    font-size: 3.5rem;
    left: 41.7%;
    align-items: center !important;
}






.linknavibargg {
    text-transform: uppercase;
    font-size: 10px;
    color: white;
    font-weight: 400;
    margin-right: 25px;
}



.undermenunaviright {
    display: flex;
    align-items: center;
}


#logo {
    background: #161a21;
    padding: 10px 0;
    border-bottom: 1px solid #161a21 !important;
}