#uyePaneli {
background: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
height: 100vh;
position: relative;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.uyePaneli {
width: 1200px;
height: 800px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
box-shadow: 1px 4px 22px -8px #0004;
display: flex;
overflow: hidden;
border: 2px solid #ffffff;
}
.uyePaneli .sol {
width: calc(40% - 60px);
height: 100%;
overflow: hidden;
display: block;
position: relative;
padding: 0px 30px;
}
.uyePaneli .sol form {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: calc(50% - 0px);
padding-top: 10px;
}
.uyePaneli .sol form#register1 {
margin-top: 60px;
}
.uyePaneli .sol form div {
width: 100%;
height: auto;
display: block;
position: relative;
margin-bottom: 25px;
}
.uyePaneli .sol form div label {
width: auto;
height: 20px;
line-height: 20px;
overflow: hidden;
display: inline-table;
position: absolute;
content: "";
top: -10px;
left: 5px;
padding: 0px 10px;
background: #ffffff;
font-size: 14px;
font-weight: 700;
color: #8da5bd;
z-index: 2;
}
.uyePaneli .sol form div input {
width: calc(100% - 32px);
height: 44px;
line-height: 44px;
overflow: hidden;
display: block;
position: relative;
outline: none;
font-size: 16px;
font-weight: 500;
color: #335976;
background: transparent;
border: 1px solid #c9d8e1;
padding: 0px 15px;
}
.uyePaneli .sol form div input:focus {
border: 1px solid #8da5bd;
}
input:-internal-autofill-selected {
background: transparent!important;
}
.uyePaneli .sol .beniHatirla {
width: calc(100% - 0px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 0px;
}
.uyePaneli .sol .beniHatirla input {
width: 24px;
height: 24px;
overflow: hidden;
display: block;
position: relative;
outline: none;
padding: 0px 0px;
margin: 0px 10px 0px 0px;
cursor: pointer;
float: left;
border-color: #c9d8e1;
}
.uyePaneli .sol .beniHatirla label {
width: calc(100% - 50px);
height: 24px;
line-height: 25px;
font-size: 15px;
font-weight: 500;
color: #6e6e6e;
margin-bottom: 0px;
position: relative;
top: -12px;
left: 0px;
padding: 0px 0px;
}
.uyePaneli .sol .beniHatirla label a {
color: #d50000!important;
}
.uyePaneli .sol .beniHatirla label a:hover {
color: #23a17e!important;
}

.uyePaneli .sol form button {
width: calc(100% - 0px);
height: 50px;
line-height: 50px;
overflow: hidden;
background-color: #096486;
cursor: pointer;
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #ffffff, 0 3rem 0 #ffffff;
transition: background-color 150ms, text-shadow 200ms;
font-size: 16px;
border: 0px;
outline: none;
}
.uyePaneli .sol form button:hover {
background-color: #23a17e;
text-shadow: 0 -3rem 0 #ffffff, 0 0 0 #ffffff;
}

.uyePaneli .sol .sosyalMedya {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin-top: 30px;
}
.uyePaneli .sol .sosyalMedya:after {
width: calc(100% - 0px);
height: 1px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 1;
top: 11px;
left: 0px;
background: #096486;
}
.uyePaneli .sol .sosyalMedya strong {
width: auto;
height: auto;
line-height: 2;
overflow: hidden;
display: inline-block;
position: relative;
font-size: 12px;
font-weight: 300;
color: #096486;
margin-bottom: 10px;
padding: 0px 15px;
background: #ffffff;
z-index: 2;
}
.uyePaneli .sol .sosyalMedya a {
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden;
display: inline-table;
margin: 0px 4px;
padding: 0px 0px 0px 0px;
font-size: 16px;
color: #6e6e6e;
text-align: center;
}
.uyePaneli .sol .sosyalMedya a:nth-of-type(1n) {
color: #ffffff;
background: #3a5b98;
}
.uyePaneli .sol .sosyalMedya a:nth-of-type(2n) {
color: #ffffff;
background: #26ccff;
}
.uyePaneli .sol .sosyalMedya a:nth-of-type(3n) {
color: #ffffff;
background: #a238a9;
}
.uyePaneli .sol .sosyalMedya a:nth-of-type(4n) {
color: #ffffff;
background: #e00606;
}
.uyePaneli .sol .sosyalMedya a:nth-of-type(5n) {
color: #ffffff;
background: #ff7278;
}
.uyePaneli .sol .sosyalMedya a:nth-of-type(6n) {
color: #ffffff;
background: #ef911c;
}
.uyePaneli .sol .sosyalMedya a:hover {
color: #ffffff;
background: #6e6e6e;
}
.uyePaneli .sol span {
width: 100%;
height: 18px;
line-height: 18px!important;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 300;
color: #6e6e6e;
margin-top: 30px;
}
.uyePaneli .sol span a {
width: auto!important;
height: auto!important;
line-height: 18px!important;
margin: 0px 0px 0px 5px!important;
padding: 0px 0px 0px 0px!important;
font-weight: 700;
color: #096486!important;
text-decoration: revert;
background: transparent!important;
}
.uyePaneli .sol span a:hover {
color: #23a17e!important;
background: transparent!important;
}

.uyePaneli .sag {
width: 60%;
height: 100%;
overflow: hidden;
}
.uyePaneli .sag .uyeAciklama {
width: calc(100% - 10%);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 0px 5% 0px 5%;
text-align: center;
top: calc(50% - 10%);
}
.uyePaneli .sag .uyeAciklama p {
width: 100%;
height: auto;
line-height: 1.5;
display: block;
overflow: hidden;
font-size: 18px;
font-weight: 500;
color: #ffffff;
margin-top: 15px;
}

div#registerSonuc1 {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 15px;
right: 30px;
}

.uyelikOnay {
position: relative;
}
.uyelikOnay font {
width: calc(100% - 40px);
height: 34px;
overflow: hidden;
position: relative;
color: #155724;
background-color: #d4edda;
border: 1px solid #c3e6cb;
border-radius: 0.25rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 50px 0px 0px;
text-align: left;
}
.uyelikOnay .close {
cursor: pointer;
position: absolute;
top: 2px;
right: 6px;
font-size: 18px;
z-index: 9;
}
.uyelikOnay .inner,
.uyelikOnay .close {
color: rgb(88,88,88);
}
.uyelikOnay input {
display: none;
}
.uyelikOnay input:checked ~ * {
animation-name: dismiss,hide;
animation-duration: 300ms;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
animation-delay: 0s,100ms;
}
.uyelikOnay.error .inner {
border: 1px solid rgb(238,211,215);
background-color: rgb(242,222,222);
}
.uyelikOnay.error .inner,
.uyelikOnay.error .close {
color: rgb(185,74,72);
}

.uyelikHata {
position: relative;
}
.uyelikHata .inner {
width: calc(100% - 40px);
height: 34px;
overflow: hidden;
position: relative;
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 0.25rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 50px 0px 0px;
}
.uyelikHata .close {
cursor: pointer;
position: absolute;
top: 2px;
right: 6px;
font-size: 18px;
z-index: 9;
}
.uyelikHata .inner,
.uyelikHata .close {
color: rgb(88,88,88);
}
.uyelikHata input {
display: none;
}
.uyelikHata input:checked ~ * {
animation-name: dismiss,hide;
animation-duration: 300ms;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
animation-delay: 0s,100ms;
}
.uyelikHata.error .inner {
border: 1px solid rgb(238,211,215);
background-color: rgb(242,222,222);
}
.uyelikHata.error .inner,
.uyelikHata.error .close {
color: rgb(185,74,72);
}
@keyframes dismiss {
0% {
opacity: 1;
}
90%, 100% {
opacity: 0;
font-size: 0.1px;
transform: scale(0);
}
}
@keyframes hide {
100% {
height: 0px;
width: 0px;
overflow: hidden;
margin: 0px;
padding: 0px;
border: 0px;
}
}
.loadingGorseli {
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#uyekontrolPaneli {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#uyekontrolPaneli .uyelikSag {
width: calc(300px - 30px);
height: auto;
display: block;
overflow: hidden;
position: relative;
float: right;
margin-bottom: 20px;
padding: 30px 15px 15px 15px;
background: #ffffff;
}

#uyekontrolPaneli .uyelikSol {
width: calc(100% - 320px);
height: auto;
display: block;
overflow: hidden;
position: relative;
float: left;
margin-right: 20px;
background: #ffffff;
margin-bottom: 40px;
}
.fotoYukle figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 0px auto 15px auto;
text-align: center;
}
.fotoYukle figure img {
width: 110px;
height: 110px;
overflow: hidden;
display: inline-block;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-top: 5px solid #d73516;
border-bottom: 5px solid #d73516;
border-radius: 100%;
padding: 5px 5px;
}
.fotoYukle {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
display: block;
cursor: pointer;
}
.fotoYukle div {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
display: block;
text-align: center;
}
.fotoYukle .buton {
width: 90px;
height: 36px;
line-height: 42px;
overflow: hidden;
display: block;
position: relative;
text-align: center;
cursor: pointer;
outline: none;
padding: 0px 15px;
margin: 0px 0px 0px 0px;
font-size: 13px;
font-weight: 500;
color: rgb(255 255 255 / 40%);
background: #ebebeb;
color: #243238;
border: 0px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.fotoYukle .buton:hover {
background: #d73516;
color: #ffffff!important;
}
.fotoYukle .buton i {
font-size: 22px;
color: #243238;
opacity: 0.5;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.fotoYukle input#updateuser {
width: auto;
height: 36px;
line-height: 36px;
overflow: hidden;
display: inline-table;
background-color: #585858;
cursor: pointer;
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #ffffff, 0 3rem 0 #ffffff;
transition: background-color 150ms, text-shadow 200ms;
font-size: 16px;
font-weight: 500;
border: 0px;
outline: none;
padding: 0px 60px;
margin: 15px auto 0px auto;
}
.fotoYukle input#updateuser:hover {
background-color: #d73516;
text-shadow: 0 -3rem 0 #ffffff, 0 0 0 #ffffff;
}
.fotoYukle:hover i {
opacity: 1;
}
button#wpua-add-existing {
width: 100%;
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
position: relative;
text-align: center;
cursor: pointer;
outline: none;
padding: 0px 15px;
margin: 0px 0px 0px 0px;
font-size: 13px;
font-weight: 400;
color: #243238;
background: #ebebeb;
border: 0px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.wpua-edit-container {
width: calc(100% - 100px)!important;
float: left;
margin-right: 10px;
}
div#wpua-images-existing,
.wpua-edit-container h3 {
display: none!important;
}

ul#tabBaslik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 20px 0px 0px 0px;
}
ul#tabBaslik li {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 0px 0px;
border-bottom: 1px solid #dedede;
}
ul#tabBaslik li:last-child {
border-bottom: 0px;
}
ul#tabBaslik li a {
width: calc(100% - 30px);
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
position: relative;
color: #243238;
font-size: 16px;
padding: 0px 0px 0px 30px;
}
ul#tabBaslik li a i {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 14px;
left: 0px;
font-size: 20px;
}
ul#tabBaslik li.tabAktif a,
ul#tabBaslik li.tabAktif a i {
color: #d73516;
}

#profilBilgileri {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
}
.tabDiv h5 {
width: calc(100% - 20px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
color: var(--beyaz);
font-size: 18px;
font-weight: 700;
background: radial-gradient(circle at 1% 52%,rgba(139,139,139,.05) 0%,rgba(139,139,139,.05) 50%,rgba(21,21,21,.05) 50%,rgba(21,21,21,.05) 100%),radial-gradient(circle at 41% 28%,rgba(81,81,81,.05) 0%,rgba(81,81,81,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),radial-gradient(circle at 48% 1%,rgba(93,93,93,.05) 0%,rgba(93,93,93,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),linear-gradient(255deg,#0f0f0f,#545454);
}
#profilBilgileri form {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding-top: 10px;
}
#profilBilgileri form div {
width: 100%;
height: auto;
display: block;
position: relative;
margin-bottom: 25px;
}
#profilBilgileri form div label {
width: auto;
height: 20px;
line-height: 20px;
overflow: hidden;
display: inline-table;
position: absolute;
content: "";
top: -10px;
left: 5px;
padding: 0px 10px;
background: #ffffff;
font-size: 12px;
font-weight: 500;
color: #5c5c5c;
z-index: 2;
}
#profilBilgileri form div input {
width: calc(100% - 32px);
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
position: relative;
outline: none;
font-size: 15px;
font-weight: 500;
color: #243238;
background: transparent;
border: 1px solid #dedede;
padding: 0px 15px;
}
#profilBilgileri form div textarea {
width: calc(100% - 32px);
height: 150px;
overflow: hidden;
display: block;
position: relative;
outline: none;
font-size: 15px;
font-weight: 500;
color: #243238;
background: transparent;
border: 1px solid #dedede;
padding: 15px 15px;
}
#profilBilgileri form div input:focus,
#profilBilgileri form div textarea:focus {
border: 1px solid #8da5bd;
}
input:-internal-autofill-selected,
textarea:-internal-autofill-selected {
background: transparent!important;
}
#profilBilgileri form button {
width: auto;
height: 50px;
line-height: 50px;
overflow: hidden;
display: inline-table;
background-color: #585858;
cursor: pointer;
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #ffffff, 0 3rem 0 #ffffff;
transition: background-color 150ms, text-shadow 200ms;
font-size: 16px;
font-weight: 500;
border: 0px;
outline: none;
padding: 0px 60px;
float: right;
}
#profilBilgileri form button:hover {
background-color: #d73516;
text-shadow: 0 -3rem 0 #ffffff, 0 0 0 #ffffff;
}

#profilFavoriler {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
}
#profilFavoriler .sonIcerik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border-bottom: 1px solid #dedede;
padding-bottom: 15px;
margin-bottom: 10px;
}
#profilFavoriler .sonIcerik:last-child {
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
#profilFavoriler .sonIcerik a {
display: block;
}
#profilFavoriler .sonIcerik span {
width: 80px;
height: 48px;
line-height: 50px;
overflow: hidden;
position: relative;
display: block;
text-align: center;
font-size: 4em;
font-weight: 700;
color: #243238;
opacity: 0.2;
float: left;
text-align: center;
}
#profilFavoriler .sonIcerik figcaption {
width: calc(100% - 110px);
height: 48px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
float: left;
font-size: 18px;
font-weight: 500;
color: #243238;
margin: 0px 15px 0px 15px;
}
#profilFavoriler .sonIcerik:hover figcaption {
color: #d73516;
}

.uyeYazilarim {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.uyeYazilarim .yazilarim {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #dedede;
}
.uyeYazilarim .yazilarim:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}
.uyeYazilarim .yazilarim a {
display: block;
}
.uyeYazilarim .yazilarim figure {
width: 140px;
height: 90px;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 15px;
}
.uyeYazilarim .yazilarim figcaption {
width: calc(100% - 155px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
float: left;
font-size: 18px;
font-weight: 500;
color: #243238;
margin: 0px 0px 0px 0px;
}
.uyeYazilarim .yazilarim p {
width: calc(100% - 155px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
display: block;
font-size: 16px;
font-weight: 300;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
color: #243238;
}


#profilYorumlarim {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
}
.yaptigimYorum {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 30px;
}
.yaptigimYorum figure {
width: 160px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
}
.yaptigimYorum figure img {
width: 100%;
height: 110px;
}
.yaptigimYorum figure span.onayBkl {
width: calc(100% - 2px);
height: auto;
overflow: hidden;
display: block;
position: relative;
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 5px;
margin-top: 5px;
padding: 5px 0px;
text-align: center;
font-size: 13px;
font-weight: 500;
}
.yaptigimYorum figure span.onaylnd {
width: calc(100% - 2px);
height: auto;
overflow: hidden;
display: block;
position: relative;
color: #155724;
background-color: #d4edda;
border: 1px solid #c3e6cb;
border-radius: 5px;
margin-top: 5px;
padding: 5px 0px;
text-align: center;
font-size: 13px;
font-weight: 500;
}
.yaptigimYorum figure font {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 13px;
font-weight: 500;
color: #898989;
margin-top: 3px;
}
.yaptigimYorum a {
width: calc(100% - 175px);
height: auto;
overflow: hidden;
-webkit-line-clamp: 1;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
text-transform: unset;
position: relative;
font-size: 16px;
font-weight: 700;
color: #131313;
margin-bottom: 10px;
}
.yaptigimYorum p {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
overflow: hidden;
position: relative;
font-size: 13px;
font-weight: 400;
color: #131313;
line-height: 1.4;
}
.yaptigimYorum .scrollbar {
width: calc(100% - 197px);
height: 110px;
border: solid 1px #e4e4e4;
padding: 10px 10px 10px 10px;
float: right;
}
.yaptigimYorum .force-overflow {
min-height: 100px;
}





















@media screen and (min-width: 1024px) and (max-width: 1366px) {
.uyePaneli {
width: 960px;
}
}
@media screen and (min-width: 981px) and (max-width: 1023px) {
.uyePaneli {
width: 900px;
}
}
@media screen and (max-width: 980px) {
.uyePaneli {
width: 780px;
}
#uyekontrolPaneli .uyelikSag {
width: calc(100% - 30px);
float: none;
}
#uyekontrolPaneli .uyelikSol {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
}

@media screen and (max-width: 780px) {

.uyePaneli {
width: 90%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
box-shadow: 1px 4px 22px -8px #0004;
display: block;
overflow: hidden;
border: 2px solid #ffffff;
}
.uyePaneli .sol {
width: calc(100% - 60px);
}
.uyePaneli .sag {
display: none;
}
.uyePaneli .sol form {
margin-top: calc(30px - 0px);
padding-top: 10px;
}
.uyePaneli .sol .sosyalMedya {
padding-bottom: 30px;
}

#profilFavoriler .sonIcerik figcaption {
font-size: 16px;
}


}