.katilimcilar {
    border: 1px solid #ddd !important;
    font-size:1em;
}

    .katilimcilar .container {
        /* padding: 0 !important;
        width: 90% !important;
        max-width: 90% !important;*/
    }

    .katilimcilar .oturum_kodlari_zemin {
        margin: 10px auto 20px auto;
        width: auto;
        text-align: center;
    }

        .katilimcilar .oturum_kodlari_zemin ul {
            list-style-type: none;
        }

            .katilimcilar .oturum_kodlari_zemin ul li {
                list-style-type: none;
                cursor: pointer;
                display: inline-block;
                line-height: 1;
                margin-bottom: 5px;
                transition: all 0.3s ease-in-out;
            }

        .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod {
            border-radius: 5px;
            width: auto;
            height: auto;
            text-align: center;
            background: var(--r_kimyon);
            cursor: pointer;
            font-size: 0.8em;
            color: var(--r_beyaz);
            padding: 5px 10px;
            line-height: 1;
        }

            .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod:hover {
                background: var(--r_kurumsal);
            }



    .katilimcilar .katilimci_listesi {
        margin: 0 !important;
        padding: 0 !important;
    }

        .katilimcilar .katilimci_listesi .col {
           
            box-sizing: border-box;
        }


.katilimci_listesi .col {
    
}


    .katilimci_listesi .col:hover {
        /* background-color: var(--r_haki);*/
        /* color: var(--r_beyaz) !important;*/
        /* border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;*/
    }

        .katilimci_listesi .col:hover .katilimci_adsoyad, .katilimci_listesi .col:hover .katilimci_ozet {
            
        }

.katilimci_listesi .card {
    padding: 10px 0 10px 0 !important;
    background-color: var(--r_kurumsal) !important;
    margin: 20px 0 30px 0 !important;
    box-sizing:border-box !important;
}
    .katilimci_listesi .card:hover {
        box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
    }



.katilimci_listesi .card-content {
    padding: 5px 0 5px 5px!important;
    text-align: center !important;
    background-color: var(--r_beyaz) !important;
    box-sizing: border-box !important;
}

.katilimci_listesi .card .card-content img {
    width: 120px !important;
    height: 168px !important;
    border: 2px solid var(--r_kimyon);
    border-radius: 10px !important;
    padding: 0;
}

.katilimci_listesi .katilimci_adsoyad, .katilimci_listesi .katilimci_kurum, .katilimci_listesi .katilimci_ulke, .katilimci_listesi .katilimci_oturum {
    display: block;
    text-align: center;
    margin: 15px 0 15px 0;
    color: var(--r_gri2);
    box-sizing:border-box;
}



.katilimci_listesi .katilimci_adsoyad {
    font-weight: bold;
    font-size: 1em;
}

.katilimci_listesi .katilimci_kurum {
    font-size: 0.7em;
}

.katilimci_listesi .katilimci_ulke {
    font-size: 0.7em;
}

.katilimci_listesi .katilimci_oturum {
    font-size: 0.8em;
    background-color: var(--r_kimyon);
    color: var(--r_beyaz);
    padding: 5px 0;    
}


#katilimci_modal {
}

    #katilimci_modal .header {
        font-size: 2.5em;
        color: var(--r_siyah);
    }

    #katilimci_modal .card {
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #katilimci_modal img {
        width: 220px !important;
        height: auto;
        max-height: 300px;
        height: auto;
        border-radius: 10px;
    }

    #katilimci_modal .katilimci_detay_metin {
        font-size: 1em;
        color: var(--r_siyah);
        overflow: hidden;
        text-align: justify !important;
    }

        #katilimci_modal .katilimci_detay_metin p {
            font-size: 1.5em !important;
            color: var(--r_siyah) !important;
            text-align: justify !important;
            overflow: hidden;
            font-family: var(--f_kurumsal) !important;
        }

    #katilimci_modal .katilimci_kurum {
        font-size: 1.5em;
        color: var(--r_siyah) !important;
        text-align: center !important;
        display: block;
        margin: 15px 0;
    }

    #katilimci_modal .katilimci_ulke {
        font-size: 1.5em;
        color: var(--r_siyah) !important;
        text-align: center !important;
        display: block;
        margin: 15px 0;
    }

    #katilimci_modal .modal-footer {
        height: 32px !important;
    }

        #katilimci_modal .modal-footer a {
        }

        #katilimci_modal .modal-footer i {
            font-size: 2em;
            color: var(--r_kirmizi) !important;
        }



@media (min-width: 0px) and (max-width: 600px) {

    #katilimci_modal {
        text-align: center !important;
    }

    .katilimcilar .oturum_kodlari_zemin ul li {
        margin: 10px 3px !important;
        line-height: 1;
    }

    .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod {
        font-size: 0.7em;
        padding: 8px 10px;
        line-height: 1;
    }

    #katilimci_modal .modal {
        padding: 0px !important;
    }

    #katilimci_modal .modal-content {
        padding: 0px !important;
    }

    #katilimci_modal .card {
        padding: 0px !important;
    }

    #katilimci_modal .card-content {
        padding: 5px !important;
        text-align: center !important;
    }

    #katilimci_modal img {
        margin: auto auto !important;
    }

    #katilimci_modal .katilimci_detay_metin {
        text-align: justify !important;
    }
}

@media (min-width: 601px) and (max-width: 992px) {
    #katilimci_modal {
        text-align: center !important;
    }

        #katilimci_modal .modal {
            padding: 0px !important;
        }

        #katilimci_modal .modal-content {
            padding: 0px !important;
        }

        #katilimci_modal .card {
            padding: 0px !important;
        }

        #katilimci_modal .card-content {
            padding: 5px !important;
            text-align: center !important;
        }

        #katilimci_modal img {
            margin: auto auto !important;
        }

        #katilimci_modal .katilimci_detay_metin {
            text-align: justify !important;
        }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #katilimci_modal {
        text-align: center !important;
    }

        #katilimci_modal .modal {
            padding: 0px !important;
        }

        #katilimci_modal .modal-content {
            padding: 0px !important;
        }

        #katilimci_modal .card {
            padding: 0px !important;
        }

        #katilimci_modal .card-content {
            padding: 5px !important;
            text-align: center !important;
        }

        #katilimci_modal img {
            margin: auto auto !important;
        }

        #katilimci_modal .katilimci_detay_metin {
            text-align: justify !important;
        }
}