@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');
html{
    scrollbar-color: #666666 #cccccc;
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track-piece  {
    background-color: #cccccc;
}
::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #666666;
}
.istatistikrakam{
    font-size: 30px;
    font-weight: 700;
    color: #ff9900;
    text-align: center;
    letter-spacing: 2px;
}
.eskifatura td{
    background: #f5b4a8;
}
.merkez{
    text-align: center;
}
.cursorlink{
    cursor: pointer;
}
.pad-5{
    padding: 5px 10px;
}
.card-info{
    border: 1px solid  rgb(9, 127, 163);
}
.card-info .card-header{
    background: rgb(9, 127, 163);
    color: #fff!important;
}
.card-danger{
    border: 1px solid  rgb(155, 9, 89);
}
.card-danger .card-header{
    background: rgb(155, 9, 89);
    color: #fff!important;
}
.card-warning{
    border: 1px solid  rgb(202, 182, 29);
}
.card-warning .card-header{
    background: rgb(202, 182, 29);
    color: #000!important;
}
.card-list {
    border: 1px solid rgb(138, 11, 177);
}
.card-list .card-header{
    background: rgb(138, 11, 177);
    color: #fff!important;
}
.aktif{
    color: green;
}
.pasif{
    color: crimson;
}
.dosyaturleri{
    color: #3dd0e4;
}
.aralama{
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    margin-top: 20px;
    margin-bottom: 20px;
}
.bolumcerceve{
    border-radius: 10px;
    padding: 20px 10px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.0);
    box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.0);
    transition: .4s;
}
.bolumcerceve:hover{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
}
.egitmenresim{
    width: 160px;
    height: 200px;
    border: 1px dashed #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 550;
    color: #999;
    line-height: 200px;
    margin-bottom: 10px;
}
.egitmenresim:hover{
    border: 1px dashed #ff9900;
    color: #e6e6e6;
}
.egitmenresim img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.ekipresim{
    width: 160px;
    height: 200px;
    border: 1px dashed #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 550;
    color: #999;
    line-height: 200px;
    margin-bottom: 10px;
}
.ekipresim:hover{
    border: 1px dashed #ff9900;
    color: #e6e6e6;
}
.ekipresim img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.kapakresim{
    width: 160px;
    height: 200px;
    border: 1px dashed #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 550;
    color: #999;
    line-height: 200px;
    margin-bottom: 10px;
}
.kapakresim:hover{
    border: 1px dashed #ff9900;
    color: #e6e6e6;
}
.kapakresim img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.blogkapakresim{
    width: 250px;
    height: 140px;
    border: 1px dashed #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 550;
    color: #999;
    line-height: 140px;
    margin-bottom: 10px;
}
.blogkapakresim:hover{
    border: 1px dashed #ff9900;
    color: #e6e6e6;
}
.blogkapakresim img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.paragrafkapakresim{
    width: 250px;
    height: 140px;
    border: 1px dashed #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 550;
    color: #999;
    line-height: 140px;
    margin-bottom: 10px;
}
.paragrafkapakresim:hover{
    border: 1px dashed #ff9900;
    color: #e6e6e6;
}
.paragrafkapakresim img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.m-bot-20{
    margin-bottom: 20px;
}
.m-bot-10{
    margin-bottom: 10px;
}
.m-top-20{
    margin-top: 20px;
}
.m-top-10{
    margin-top: 10px;
}
.aumerkez{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gizliresim{
    display: none;
}
.ekiplisteresim{
    width: 80px;
    height: 100px;
}
.table tbody tr td{
    vertical-align: middle!important;
}
.surec-container{
    width: 100%;
    margin-top: 10px;
    padding: 2px;
}
.surec-container .pbar{
    width: 0%;
    height: 4px;
    background: green;
}
.beyazlink{
    color: #fff!important;
}
.profilresim{
    width: 160px;
    height: 160px;
    margin-bottom: 20px;
    border: 1px dashed #e6e6e6;
    border-radius: 50%;
    padding: 5px;
}
.profilresim img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.ders-resim-container,
.paket-resim-container{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.gizliinput{
    visibility: hidden;
}
.ders-resim-container img,
.paket-resim-container img{
    width: 392px;
    height: 220px;
    border-radius: 5px;
    border: 1px dotted #e6e6e6;
    cursor: pointer;
}

table thead tr th{
    font-size: 12px;
    font-weight: 600;
}

table tbody tr td{
    font-size: 12px;
    font-weight: 500;
}
.coklu{
    width: 100%!important;
}
.tamboy{
    width: 100%!important;
}
.banner-onizleme-container{
    width: 100%;
    min-height: 150px;
    border: 1px dashed #666;
    padding: 5px;
    cursor: pointer;
    transition: .4s;
}
.banner-onizleme-container:hover{
    border: 1px dashed #ff9900;
}
.banner-onizleme-container img{
    width: 100%;
}
.max-h-40{
    height: 40px!important;
}
.max-h-50{
    height: 50px!important;
}
.max-h-60{
    height: 60px!important;
}
.videoresimyok td{
    background: #f0cbcb;
    cursor: pointer;
    transition: .2s;
}
.videoresimyok:hover td{
    background: #f5bdbd;
}

.stokyok td{
    background: #f3d5d5;
    cursor: pointer;
    transition: .2s;
}

.dersresimyok td{
    background: #edeea7;
    cursor: pointer;
    transition: .2s;
}
.dersresimyok:hover td{
    background: #edeea7;
}
.kargoverildi td{
    background: #d2f3d8;
    cursor: pointer;
    transition: .2s;
}

.yukleniyor{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 1000000000;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cssload-container{
	position:relative;
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 2px solid rgb(242,233,235);
	border-left-color: rgb(227,41,115);
	border-radius: 1623px;
		-o-border-radius: 1623px;
		-ms-border-radius: 1623px;
		-webkit-border-radius: 1623px;
		-moz-border-radius: 1623px;
}

.cssload-whirlpool {
	margin: -41px 0 0 -41px;
	height: 81px;
	width: 81px;
	animation: cssload-rotate 2050ms linear infinite;
		-o-animation: cssload-rotate 2050ms linear infinite;
		-ms-animation: cssload-rotate 2050ms linear infinite;
		-webkit-animation: cssload-rotate 2050ms linear infinite;
		-moz-animation: cssload-rotate 2050ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -37px 0 0 -37px;
	height: 72px;
	width: 72px;
	animation: cssload-rotate 2050ms linear infinite;
		-o-animation: cssload-rotate 2050ms linear infinite;
		-ms-animation: cssload-rotate 2050ms linear infinite;
		-webkit-animation: cssload-rotate 2050ms linear infinite;
		-moz-animation: cssload-rotate 2050ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -47px 0 0 -47px;
	height: 91px;
	width: 91px;
	animation: cssload-rotate 4100ms linear infinite;
		-o-animation: cssload-rotate 4100ms linear infinite;
		-ms-animation: cssload-rotate 4100ms linear infinite;
		-webkit-animation: cssload-rotate 4100ms linear infinite;
		-moz-animation: cssload-rotate 4100ms linear infinite;
}

.kilitle{
    overflow: hidden;
}

.kart-container{
    width: 100%;
    height: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.kart-container .kart-item{
    width: 100%;
    height: auto;
    max-width: 300px;
    min-height: 400px;
    border: 1px solid #666;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.4);
    transition: .4s;
}

.kart-container .kart-item:hover{
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.4);
}

.kart-container .kart-onyuz{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 2px;
    font-size: 36px;
    font-weight: 700;
    color: crimson;
}
.kart-container .kart-arkayuz{
    font-family: 'Itim', cursive;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    text-align: center;
    padding: 10px;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}