/*#region divGaleriContainer*/
.divGaleriContainer { padding: 5px; width: 100%; border: 1px solid #eee; border-radius: 4px; margin-bottom: 10px; font-size: 13px; }
    .divGaleriContainer .divProgresBar { display: none; position: absolute; left: 10px; top: calc(50% - 10px); right: 10px; height: 20px; border-radius: 40px; }
        .divGaleriContainer .divProgresBar .divBar { display: block; position: absolute; left: 0px; top: 0; right: 0px; bottom: 0; overflow: hidden; background: #ffffffd6; border-radius: 40px; z-index: 1; }
        .divGaleriContainer .divProgresBar .divBarOverlay { position: absolute; left: 0; top: 0; bottom: 0; width: 0%; background: #28a973; z-index: 2; }

    .divGaleriContainer .divBaslikEkle { display: flex; justify-content: start; align-items: center; width: 100%; margin-bottom: 10px; cursor: pointer; border-radius: 4px; position: relative; }
        .divGaleriContainer .divBaslikEkle .iDosyaEkle { font-size: 24pt; padding: 0 10px; }
        .divGaleriContainer .divBaslikEkle .iDosyaEklePlus { font-size: 10pt; padding: 0 4px; position: absolute; left: 38px; top: -6px; }
        .divGaleriContainer .divBaslikEkle .divKoyu { font-size: 14pt; font-weight: 600; padding-left: 10px; }
        .divGaleriContainer .divBaslikEkle .divAciklama { color: #505050; font-weight: 400; font-size: 13px; }
        .divGaleriContainer .divBaslikEkle:hover { background: #fce30031; }
            .divGaleriContainer .divBaslikEkle:hover .iDosyaEkle { background: #fce300; border: 1px solid #fce300; }
            .divGaleriContainer .divBaslikEkle:hover .iDosyaEklePlus { background-color: #dc3545; border-color: #dc3545; }

    .divGaleriContainer .divTasiyiciContainer { display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 13px; }
        .divGaleriContainer .divTasiyiciContainer .divTasiyici { display: block; width: 320px; padding: 5px; position: relative; border: 1px solid #eee; background: #f9f9f9; }
            .divGaleriContainer .divTasiyiciContainer .divTasiyici .divResim { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; overflow: hidden; padding: 5px; aspect-ratio: 4/3; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divResim .iAnaResim { opacity: 0.5; display: block; margin: auto; width: 26px; line-height: 26px; text-align: center; background: #a9a9a9; cursor: pointer; color: #fff; border-radius: 50%; font-size: 10pt; position: absolute; left: 0; top: 10px; right: 0; z-index: 2; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divResim .iAnaResimAktif { opacity: 1; background: #28a973; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divResim img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; aspect-ratio: 4/3; object-fit: contain; transition: transform 0.5s ease-in-out; background: #fff; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divResim .iIcon { display: block; font-size: 69pt; color: #ff0000; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divResim .iIconPdf { color: #ff0000; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divResim .iIconWord { color: #0057ff; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divResim .iIconExcel { color: #fce300; }
            .divGaleriContainer .divTasiyiciContainer .divTasiyici:hover .iAnaResim { opacity: 1; background: #a92828; }
            .divGaleriContainer .divTasiyiciContainer .divTasiyici:hover .iAnaResimAktif { opacity: 1; background: #28a973; }
            .divGaleriContainer .divTasiyiciContainer .divTasiyici .aDosyaAdi { display: block; padding: 0 5px; width: 100%; line-height: 28px; text-align: center; }
            .divGaleriContainer .divTasiyiciContainer .divTasiyici .divDugemeler { display: flex; justify-content: center; align-items: center; gap: 3px; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divDugemeler .iDugme { cursor: pointer; }


            .divGaleriContainer .divTasiyiciContainer .divTasiyici .divUpload { position: absolute; inset: 0; background: rgba(0,0,0,0.65); color: white; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 10px; z-index: 5; }
                .divGaleriContainer .divTasiyiciContainer .divTasiyici .divUpload .progress { width: 100%; height: 20px; }


    .divGaleriContainer.DarGorunum { display: inline-block; vertical-align: top; width: 320px; }

.divGaleriVideoSec { display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #00000053; z-index: 99; }
    .divGaleriVideoSec .divVideoKutu { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 320px; border: 1px solid #eee; border-radius: 4px; background: #fff; }
    .divGaleriVideoSec .divVideoBaslik { line-height: 40px; background: #eee; text-align: center; width: 100%; }
    .divGaleriVideoSec .divVideoOrnek { line-height: 32px; text-align: center; }
    .divGaleriVideoSec .txtVideoInput { width: 96%; margin: 5px auto; }
    .divGaleriVideoSec .divDugmeler { display: flex; justify-content: center; }
        .divGaleriVideoSec .divDugmeler .btn { margin: 5px; width: 80px; }
/*#endregion*/