@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Poppins', sans-serif; */
/* font-family: 'Ubuntu', sans-serif; */
body {font-family: 'Poppins', sans-serif;padding:0;margin:0;overflow-x: hidden;background:#232931;color:#ffffff;user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;width:100vw;height: 100vh;}
body img {pointer-events: none;}
body *::-webkit-scrollbar {width: 0;height: 0;background: 0 0;}
::-webkit-scrollbar {width: 0;height: 0;background: 0 0;}
*, *:hover, *:active, *:focus {outline:0!important;}
a {color:rgba(255,255,255,.9);text-decoration: none;}
input[type="text"] {transition: 100ms all ease;width:-webkit-fill-available;display:block;background:#26282B;color:#ffffff;font-size:16px;padding:12px;border-radius: 18px;margin:0 auto 2rem auto;border:none;}
input[type="text"]:hover {box-shadow:0px 0px 0px 1px rgba(0,0,0,.3);}
input[type="text"]:focus {background-color: #33363a;box-shadow:0px 0px 0px 5px rgba(0,0,0,.3);}
select {transition: 100ms all ease;width:-webkit-fill-available;display:block;background:#26282B;color:#ffffff;font-size:16px;padding:12px;border-radius: 18px;margin:0 auto 2rem auto;border:none;}
select:hover {box-shadow:0px 0px 0px 1px rgba(0,0,0,.3);}
select:focus {background-color: #33363a;box-shadow:0px 0px 0px 5px rgba(0,0,0,.3);}
input[type="email"] {transition: 100ms all ease;width:-webkit-fill-available;display:block;background:#26282B;color:#ffffff;font-size:16px;padding:12px;border-radius: 18px;margin:0 auto 2rem auto;border:none;}
input[type="email"]:hover {box-shadow:0px 0px 0px 1px rgba(0,0,0,.3);}
input[type="email"]:focus {background-color: #33363a;box-shadow:0px 0px 0px 5px rgba(0,0,0,.3);}
input[type="password"] {transition: 100ms all ease;width:-webkit-fill-available;display:block;background:#26282B;color:#ffffff;font-size:16px;padding:12px;border-radius: 18px;margin:0 auto 2rem auto;border:none;}
input[type="password"]:hover {box-shadow:0px 0px 0px 1px rgba(0,0,0,.3);}
input[type="password"]:focus {background-color: #33363a;box-shadow:0px 0px 0px 5px rgba(0,0,0,.3);}
input[type="submit"] {transition: 100ms all ease;width:fit-content;font-size:16px;color:#ffffff;background:#3A4750;border:1px solid #3A4750;padding:10px 22px;border-radius: 12px;}
input[type="submit"]:hover {cursor:pointer;background-color:#3f5360;border-color:#3f5360;box-shadow:0px 0px 0px 1px rgba(0,0,0,.3);}
input[type="submit"]:active {transform:scale(0.95);background-color: #222831;border-color:#222831;box-shadow:0px 0px 0px 5px rgba(0,0,0,.3);}
input[type="submit"]:disabled {user-select: none;cursor:not-allowed!important;opacity:0.3;transform:none!important;background:#3A4750!important;box-shadow:none!important;border-color:#3A4750!important;}
.likesubmit {transition: 100ms all ease;width:fit-content;font-size:16px;color:#ffffff;background:#3A4750;border:1px solid #3A4750;padding:10px 22px;border-radius: 12px;}
.likesubmit:hover {cursor:pointer;background-color:#3f5360;border-color:#3f5360;box-shadow:0px 0px 0px 1px rgba(0,0,0,.3);}
.likesubmit:active {transform:scale(0.95);background-color: #222831;border-color:#222831;box-shadow:0px 0px 0px 5px rgba(0,0,0,.3);}
.likesubmit:disabled {user-select: none;cursor:not-allowed!important;opacity:0.3;transform:none!important;background:#3A4750!important;box-shadow:none!important;border-color:#3A4750!important;}
label[for="dosya"] {width:100%;display:block;border:2px dashed rgba(255,255,255,.4);color:rgba(255,255,255,.4);padding:4em 0;text-align: center;margin-bottom: 1em;border-radius: 25px;transition:150ms all ease;}
label[for="dosya"]:hover {color:rgba(255,255,255,.7);border-color: rgba(255,255,255,.7);cursor:pointer;}
.kutuMesaj {width:-webkit-fill-available;margin:1rem auto; padding:0.8em 1em;border:1px solid #28333a;background:#232931;border-radius:8px;font-size:14px;display:none;overflow: hidden;}
.sUnuttum {color:rgba(223,68,68,.5);text-decoration:none;font-size:14px;}
.sUnuttum:hover {color:rgba(223,68,68,1);text-decoration:underline;}
.flex {display:flex;justify-content: space-between;align-items: center;}
.girisEkrani {margin:0 auto;max-width: 350px;padding:1.5rem;position: relative;top:50%;transform: translateY(-50%);background:#202328;box-shadow:25px 25px 3px 0px rgba(0,0,0,.1);border-radius:20px;z-index:1;border:1px solid #28333a;}
.girisLogo {margin:2em auto;width:200px;display:block;}
.copyright {position: fixed;z-index:1;bottom:0;left:0;right:0;width:-webkit-fill-available;text-align:center;font-size:11px;padding:5px 0;font-weight: bold;color:#bbbbbb;}
.yukleniyor {position: fixed;top:0px;left:0px;right:0px;bottom:0px;width:100%;height: 100%;display: block;z-index: 9;background: rgba(0,0,0,.7);}
.yukleniyor div {font-size:18px;color:#ffc300;display: block;z-index: 4;width: 100%;position: absolute;text-align: center;top: 50%;left: 50%;margin: 0% 0% 0% -50%;}
.yukleniyor div div {width: 50px;height: 50px;box-sizing: border-box;margin: 0px auto;border: solid 2px transparent;border-top-color: #ffc300;border-left-color: #ffc300;border-radius: 50%;-webkit-animation: aa_101 400ms linear infinite;animation: aa_101 400ms linear infinite;}
@-webkit-keyframes aa_101 {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes aa_101 {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
@-moz-keyframes aa_101 {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
.tt {position: relative;width:fit-content;}
.tt .ttl {visibility: hidden;width: 100px;white-space: normal;background-color: rgba(0,0,0,.6);color: #fff;text-align: center;border-radius: 7px;padding: 6px 0 6px 0;font-size: 12px;position: absolute;z-index: 1;left: -110px;top: 50%;transform: translateY(-50%);line-height: 1;}
.tt .ttb {visibility: hidden;min-width: 100px;white-space: normal;background-color: rgba(0,0,0,.6);color: #fff;text-align: center;border-radius: 7px;padding: 6px 0 6px 0;font-size:12px;position: absolute;z-index: 1;bottom: -45px;left:50%;transform:translateX(-50%);line-height: 1;}
.tt .ttb:after {content:'';width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid rgba(0,0,0,.7);box-shadow:0px 2px 7px rgba(0,0,0,.3);position: absolute;top:-7px;left:50%;transform:translateX(-50%);}
.tt:hover .ttl {visibility: visible;}
.tt:hover .ttb {visibility: visible;}
.fs-12 {font-size:12px;}
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px;}
.fs-16 {font-size:16px;}
.text-center {text-align:center;}
.container2 {width:100%;min-height:200px;display: block;padding:15px;box-sizing: border-box;border-radius:10px;margin:0 0 25px 0;}/*background:#202328;border: 1px solid #232931;box-shadow:0 5px 5px 0 rgb(0 0 0 / 10%);*/
.refresh {transition:250ms all ease;line-height: 0;padding:5px;border-radius: 10px;}
.refresh i {transition:250ms all ease;display:block;}
.refresh:hover i {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);color:#FFE162;}
.refresh:hover {background-image:linear-gradient(70deg,#304158  0%,#323b46 100%);}
.formlar {background:#202328;border-radius:25px;border:1px solid #28333a;padding:25px 15px;margin:50px 0;}
.anlik_bildirim {position: fixed;bottom:100px;margin:0 auto;max-width:350px;background:#467fa7;color: #fff;padding:15px;font-size:16px;z-index:8;border-radius:20px;font-weight:normal;left:50%;transform:translateX(-50%);border:1px solid #202328;box-shadow: 0px 0px 0px 5px rgb(0 0 0 / 30%);}
.w-100 {width:100%;}
.w-fill {width:-webkit-fill-available;}
.h-100 {height:100%;}
.h-fill {height:-webkit-fill-available;}
.son_yuklenenler {border:1px solid rgba(255,255,255,.1);overflow: hidden;}
.son_yuklenenler .img_container {padding:10px 25px;}
.son_yuklenenler .img_container img {}
.son_yuklenenler:hover {border-color:rgba(255,255,255,.3);cursor:pointer;background-color:rgba(255,255,255,.1)}
.icerikler {border:1px solid rgba(255,255,255,.1);overflow: hidden;}
.icerikler .img_container {padding:10px 25px;}
.icerikler .img_container img {max-width:100%;}
.icerikler:hover {border-color:rgba(255,255,255,.3);cursor:pointer;background-color:rgba(255,255,255,.1)}
#dosya {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0;display:block;cursor:pointer;}
.p-relative {position: relative;}
.align-items-start {align-items: start;}
.p-1 {padding:1em;}
.p-2 {padding:2em;}
.p-3 {padding:3em;}
.p-4 {padding:4em;}
.p-5 {padding:5em;}
.m-1 {margin:1em;}
.m-2 {margin:2em;}
.m-3 {margin:3em;}
.m-4 {margin:4em;}
.m-5 {margin:5em;}
.px-1 {padding:1em 0;}
.px-2 {padding:2em 0;}
.px-3 {padding:3em 0;}
.px-4 {padding:4em 0;}
.px-5 {padding:5em 0;}
.py-1 {padding:0 1em;}
.py-2 {padding:0 2em;}
.py-3 {padding:0 3em;}
.py-4 {padding:0 4em;}
.py-5 {padding:0 5em;}
.mx-1 {margin:1em 0;}
.mx-2 {margin:2em 0;}
.mx-3 {margin:3em 0;}
.mx-4 {margin:4em 0;}
.mx-5 {margin:5em 0;}
.my-1 {margin:0 1em;}
.my-2 {margin:0 2em;}
.my-3 {margin:0 3em;}
.my-4 {margin:0 4em;}
.my-5 {margin:0 5em;}
.pt-1 {padding:1em 0 0 0;}
.pt-2 {padding:2em 0 0 0;}
.pt-3 {padding:3em 0 0 0;}
.pt-4 {padding:4em 0 0 0;}
.pt-5 {padding:5em 0 0 0;}
.pb-1 {padding:0 0 1em 0;}
.pb-2 {padding:0 0 2em 0;}
.pb-3 {padding:0 0 3em 0;}
.pb-4 {padding:0 0 4em 0;}
.pb-5 {padding:0 0 5em 0;}
.pl-1 {padding:0 0 0 1em;}
.pl-2 {padding:0 0 0 2em;}
.pl-3 {padding:0 0 0 3em;}
.pl-4 {padding:0 0 0 4em;}
.pl-5 {padding:0 0 0 5em;}
.pr-1 {padding:0 1em 0 0;}
.pr-2 {padding:0 2em 0 0;}
.pr-3 {padding:0 3em 0 0;}
.pr-4 {padding:0 4em 0 0;}
.pr-5 {padding:0 5em 0 0;}
.mt-1 {margin:1em 0 0 0;}
.mt-2 {margin:2em 0 0 0;}
.mt-3 {margin:3em 0 0 0;}
.mt-4 {margin:4em 0 0 0;}
.mt-5 {margin:5em 0 0 0;}
.mb-1 {margin:0 0 1em 0;}
.mb-2 {margin:0 0 2em 0;}
.mb-3 {margin:0 0 3em 0;}
.mb-4 {margin:0 0 4em 0;}
.mb-5 {margin:0 0 5em 0;}
.ml-1 {margin:0 0 0 1em;}
.ml-2 {margin:0 0 0 2em;}
.ml-3 {margin:0 0 0 3em;}
.ml-4 {margin:0 0 0 4em;}
.ml-5 {margin:0 0 0 5em;}
.mr-1 {margin:0 1em 0 0;}
.mr-2 {margin:0 2em 0 0;}
.mr-3 {margin:0 3em 0 0;}
.mr-4 {margin:0 4em 0 0;}
.mr-5 {margin:0 5em 0 0;}
.f-thin {font-weight: 100;}
.f-extralight {font-weight: 200;}
.f-light {font-weight: 300;}
.f-normal {font-weight: 400;}
.f-medium {font-weight: 500;}
.f-semibold {font-weight: 600;}
.f-bold {font-weight: 700;}
.f-extrabold {font-weight: 700;}
.f-black {font-weight: 900;}
.color-yellow {color:#FFE162;}
.d-block {display:block;}
.d-inline {display:inline-block;}
.d-flex {display:flex;}
.d-none {display:none;}
.color-gray {color:#777777;}
.color-red {color:rgba(223,68,68,1);}
.float-r {float:right;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.align-items-center {-ms-flex-align: center!important;align-items: center!important;}
.col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.note-editable {background-color:#ffffff;}
.m_gosterim {border:1px solid rgba(86,86,86,.4); background:rgba(32,35,40,.4);padding:15px;border-radius:25px;width:250px;overflow:hidden;text-align:left;}
.m_gosterim b {color:#fff;}
.m_gosterim span {color:#a7a7a7;}
.uye {width:47%;display:inline-block;background:#202328;margin-bottom:3px;padding:10px;border-radius:20px;color:#ffffff;}
.uye .img_container {margin:0 auto 10px auto;}
.uye .img_container img {margin:0 auto;width:50%;display:block;}
.uye .flex {justify-content:space-around;}
.uye .flex div {flex:1;}