/*
Theme Name: Watch Media
Author: Metehan Turkdonmez
Version: 1.0
Text Domain: watchmedia
*/


body{
    background: aliceblue;
}

header {}

.body-wrap {
    min-height: 100vh;
    display: block;
    max-width: 425px;
    margin: 0 auto;
    box-shadow: 0 0 0px 1px #d1e6f9;
    background: #fff;
    position: relative;
}

.loader-drop {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    max-width: 425px;
}

.loader-drop img {
    width: 100px;
}

.header-flex {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}

.header-logo img{
    width: 100%;
    height: 100%;
    max-width: 50px;
}

.header-flex-inline {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 41px;
}

span.menu-text {
    font-size: 13px;
    font-weight: 300;
}

#sidebar-offcanvas{
    width: 70vw;
    max-width: 320px;
    background: #fff;
 border-radius: 0 20px 20px 0;
}

.offcanvas-body .nav-link{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-bottom: 1px solid #f1f1f1;
}

.offcanvas-body .nav-link:last-child{
    border-bottom: none;
}

.inline-dropdown-menu {
    position: relative!important;
    transform: none!important;
    border: none!important;
    padding: 0!important;
    margin: 0!important;
}

.offcanvas-body .inline-dropdown-menu .dropdown-item{
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-bottom: 1px solid #f1f1f1;
}

/* last item border-bottom none */

.offcanvas-body .inline-dropdown-menu .dropdown-item:last-child{
    border-bottom: none;
}

.offcanvas-body .inline-dropdown-menu li {
    padding: 10px 5px;
    border-bottom: 1px solid #f1f1f1;
}

.offcanvas-body .inline-dropdown-menu li a{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding:0!important;
}

.offcanvas-body  span.material-symbols-outlined{
    font-size: 14px;
}

.news-item {
    width: 100%;
    height: 25vh;
    position: relative;
}

.news-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.news-slider-title {
    display: flex!important;
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #fff;
    width: 100%;
    padding: 10px 95px 10px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 56px;
    font-size: 14px;
    align-items: flex-end;
}

.backdown-black {
    width: 100%;
    height: 25vh;
    background: linear-gradient(4deg, #000000e6, transparent, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
}


a.read-more-slider {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 15px 15px 0;
    display: flex;
    text-decoration: none;
    background: #cb0236;
    padding: 5px 0 5px 10px;
    border-radius: 20px;
    font-size: 15px;
    color: #fff;
}

.owl-nav{
    display: none;
}


.owl-dots {
    display: flex;
    justify-content: center;
    max-width: 200px;
    margin: 0.5em auto;
    gap: 10px;
}

.owl-dots .owl-dot{}

.owl-dots .owl-dot span{
    width: 10px;
    height: 10px;
    background: #cb0236;
    display: block;
    border-radius: 100%;
}

.owl-dots .owl-dot.active span{
    background: #000;
}

button#parti_search_button {
    border: none;
    display: flex;
    outline: none;
    box-shadow: none;
    color: #6c757d;
}

#parti_search_input{
    border:none;
    background-color: transparent;
}

#parti_search_input:focus{
    outline: none;
    box-shadow: none;
}

.parti_search_input_group {
    border: 1px solid #ccdff0;
    border-radius: 20px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    background: aliceblue;
}

button#parti_search_button:focus, button#parti_search_button:active,  button#parti_search_button:hover{
    outline: none;
    box-shadow: none;
    background-color: transparent!important;
    color: #6c757d;
}

#lokasyon_secimi{}


#lokasyon_secimi {
    background: #f7eded;
    padding: 1.5em  0.5em  0 0.5em ;
    border: 1px solid #e5c0c0;
    border-left: none;
    border-right: none;
    position: relative;
}

section#lokasyon_secimi h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    color: #cb0236;
    display: flex;
}

.head-title {
    display: flex;
    align-content: center;
    padding: 0.1em 0.5em;
    position: absolute;
    top: -18px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e5c0c0;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 95%;
}

.sehir_select_wrap .select2-selection,
.ilce_select_wrap .select2-selection,
.belde_select_wrap .select2-selection {
    border: 1px solid #e5c0c0!important;
    border-radius: 30px!important;
    padding: 0 4px;
}

.lokasyon_save button {
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    color: #cb0236;
}

#lokasyon_secimi h4 .lokasyon_bilgisi {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
    white-space: nowrap;
}

.change_lokasyon_button{

    margin-left: 5px;
    cursor: pointer;
}

.unselected_location_wrap {
    background: #f7eded!important;
    border: none!important;
    padding: 2em 0!important;
    border: 1px solid #e5c0c0!important;
    border-left: none!important;
    border-right: none!important;
}

.unselected_location_wrap form{
    display: none;
}


.area-candidates {
    display: flex;
    justify-content: center;
    padding: 15px;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: row;
}

.candidate-item {
    background: #fff;
    padding: 10px 0 5px 0;
    width: calc(50% - 10px);
    border-radius: 10px;
    border: 1px solid #e5c0c0;
    box-shadow: 1px 1px 0px 1px #ddd;
}

.candidate-item a{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: #cb0236;
}


.candidate-item-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
}

.candidate-item-title h4 {
    font-size: 13px!important;
    text-align: center!important;
    color: #000!important;
    min-height: 32px;
    align-items: center;
    font-weight: 400!important;
    line-height: 16px!important;
    padding: 8px 0 2px 0!important;
}

.candidate-item-unvan h4 {
    font-weight: 300!important;
    font-size: 12px!important;
    line-height: 14px!important;
    padding: 10px!important;
    text-align: center!important;
}

.selected_location_wrap .area-candidates {
 display: none;
}

.partiler{}

.partiler .parti{}

.partiler .parti a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: #000;
    gap: 10px;
}

.partiler .parti img {
    width: 60px!important;
    height: 60px!important;
    object-fit: contain;
}

.partiler .parti h3 {
    font-size: 13px;
    font-weight: 300;
    color: #444;
}

.parti-listesi-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.parti-listesi-title h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 10px 10px;
    color: #cb0236;
}

.parti-listesi-title .next-prev-button{}
.next-prev-button button{
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    color: #cb0236;
    cursor: pointer;
}
.parti-listesi-title .next-prev-button .prev-button{}
.parti-listesi-title .next-prev-button .next-button{}


.search-list-area-candidates {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 0 10px 10px;
}

.search-list-area-candidates .candidate-item {
    box-shadow: none;
    border-color: aliceblue;
}

.show-more-candidates, .show-more-partiler{
    display: block;
    width: 100%;
}

.show-more-candidates .btn, .show-more-partiler .btn {
    display: block;
    padding: 3px 8px;
    color: #a95c5c;
    margin: 10px auto!important;
    font-weight: 300;
    border: 1px solid;
    border-radius: 30px;
}

.search-list-partiler {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    padding: 7.5px!important;
}

.search-list-partiler .parti {
    width: calc(50% - 7.5px);
    background: #fff;
    padding: 10px 0 5px 0;
    max-width: calc(50% - 10px);
    border-radius: 10px;
    border: 1px solid #f0f8ff;
}

.search-list-partiler .parti h3 {
    font-size: 12px;
    font-weight: 400;
    color: #444;
    padding: 0 0 10px 10px;
}

.back-button {
    margin: 0 10px 0 0;
}

.back-button a {
    color: #cb0236;
    background: aliceblue;
    display: inline-block;
    padding: 10px!important;
    line-height: 0;
    border-radius: 100%;
}

form#search_bar {
    display: flex;
    align-items: center;
}

.profile-hero{
    position: relative;

}

.profile-hero-image {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 300px!important;
    overflow: hidden;
}

.profile-hero-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.profile-hero-image-backdrop {
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, white, transparent);
    position: absolute;
    top: 0;
    left: 0;
}

.profile-info-wrap{
    padding: 13em 1em 1em 1em;
    z-index: 14;
    position: relative;
}

.profile-hero-name h1 {
    font-weight: 400;
    color: #000;
    font-size: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

span.first_name_span {
    font-weight: 200;
}

span.last_name_span {
    margin-right:10px;
}

h2.profile-hero-unvan {
    font-size: 14px;
    font-weight: 500;
}

.profile-hero-subtitle .material-symbols-outlined {
    font-size: 17px;
}

.profile-hero-subtitle h2 {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    gap: 5px;
    align-items: center;
}

.profile-hero-social{
    display: flex;
    gap: 10px;
    margin: 10px 0 0 0;

}

.profile-hero-social-item .material-symbols-outlined {
    font-size: 17px;

}
a.profile-hero-social-item {
    text-decoration: none;
    display: flex;
    gap: 5px;
    border: 1px solid #cb0236;
    width: max-content;
    background: #fff;
    color: #cb0236;
    padding: 5px 10px;
    border-radius: 30px;
    text-align: center;
    justify-content: center;
    font-size: 14px;
    align-items: center;
}


.biografi {
    border: 1px solid #e2e2e2!important;
    padding: 10px;
    border-radius: 10px;
}

.biografi h3 {
    font-size: 17px;
    align-items: center;
    color: #686868;
    font-weight: 300;
}

.biografy-content.hide{
    display: none;
}

.biografy-content.show{
    display: block;
}

.news-grid h3 {
    font-weight: 200;
    margin-top: 1em;
}

.news-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.35em 0 1em;
    background: aliceblue;
    margin-bottom: 1em;
    border-radius: 12px;
}

.news-grid-item-image img {
    width: 100%;
    max-height: 25vh;
    object-fit: cover;
    border-radius: 10px;
}

.news-grid-item h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 0 0;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 5px 0 5px;
    font-size: 17px;
    font-weight: 400;
    color: #3c6c97;
}

.news-grid-content a {
    text-decoration: none;
    color: #3c6c97;
    width: calc(100% - 20px);
    margin: 5px 10px;
    font-size: 17px;
}

.settings-button{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
    /* margin-top: -4px; */
    text-decoration: none;
}


.news-follow {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
}

.news-follow span {
    font-size: 21px;
    color: #53799a;
}

.news-follow.followed span {
    font-size: 21px;
    color: #fff;
}

.news-follow.followed {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #cb0236;
    border: 1px solid #b30331;
    gap: 10px;
    color: #fff;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
    margin-top: -4px;
}

section#profile-hero{
    position: relative;
}

.news-add {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
    margin-top: -4px;
}

.news-iptal-btn{

    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;

}
.news-yayinla-btn{

    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #53799a;
    border: 1px solid #53799a;
    gap: 10px;
    color: #fff;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    max-height: 70vh;
    overflow: scroll;
}

.modal-body .is-error {
    background: #ffe6e6;
    border-color: #ebaeae;
}

.featured-image img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.haber-post-date h4 {
    font-weight: 200;
    font-size: 20px;
}

.post-nav {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.haber-post-title h2 {
    font-size: 24px;
    margin: 1em 0 0.5em;
}

a.haber-dis-link-button {
    text-decoration: none;
    display: flex;
    background: aliceblue;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 10px;
    font-size: 18px;
    border: 1px solid #cde7fd;
    border-radius: 10px;
    margin-bottom: 1em;
    color: #4a79a2;
}

.haber-video-link{
    margin-bottom: 1em;
}

.parti-header {
    display: flex;
    margin: 0 2em;
    align-items: center;
    color: #282828;
    font-weight: 100!important;
    flex-direction: column;
    gap: 15px;
}

.parti-header h1{
    font-weight: 100!important;
}

.kurulus_tarihi {
    font-size: 13px;
}

.parti-header img {
    width: 100px;
}

.parti-header .parti_adi {
    font-size: 28px;
    font-weight: 400!important;
    text-align: center;
}

.parti_listesi_grid {
    margin: 10px;
}

.parti_listesi_grid .partiler {
    display: flex;
    flex-wrap: wrap;
    gap: 7.5px;
    padding: 0 0 1em 0;
    justify-content: center;
}

.parti_listesi_grid .partiler .parti{
    width: calc(50% - 7.5px);
    background: #fff;
    padding: 10px 0 5px 0;
    max-width: calc(50% - 10px);
    border-radius: 10px;
    border: 1px solid #f0f8ff;
}

.default-page-title {
    font-size: 26px;
    padding: 1em;
    font-weight: 200;
}


.default-page-content{
    padding:0 2em;
    font-size: 14px;
}

.default-page-content a {
    text-decoration: none;
    color: #cb0236;
}

.lokasyonlar-liste .lokasyonlar-liste-item {
    text-decoration: none;
    color: #a4a4a4;
}

.lokasyonlar-liste-item.active {
    color: #2a2a2a;
}

.lokasyonlar-liste-item h3 {
    font-size: 17px;
    font-weight: 100;
    padding: 10px;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
    justify-content: space-between;
}

.lokasyonlar-liste-item.active h3 {
    font-weight: 300;
    color: #cb0236;
}

a.lokasyonlar-back {
    text-decoration: none;
    color: #bebebe;
}

a.lokasyonlar-back span {
    font-size: 27px;
    line-height: 0;
}

.lokasyon-profil img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 100%;
    margin: 20px 0 20px 10px;
}

.lokasyon-profil {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 10px;
}

.lokasyon-info {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    margin-bottom: 1em;
    border-radius: 20px;
}

.lokasyon-profil-title {
    font-weight: 400;
    color: #3d3d3d;
    font-size: 15px;
    display: flex;
    flex-direction: column;
}

.lokasyon-profil-title span{
    font-weight: 300;
    color: #3d3d3d;
    font-size: 13px;

}

.lokasyon-info a {
    text-decoration: none;
    color: #666;
}

.login-form-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3em 0;
}

.login-form-header .material-symbols-outlined{
    font-size: 50px;
    color: #cb0236;
}

.login-form-header .login-form-title {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    margin: 0;
}

.login-form-header .login-form-subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #666;
    margin: 0;
}

.log_in_form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.log_in_form .form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.log_in_form .form-group label{
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

.log_in_form .form-group input{
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

.log_in_form .form-group input:focus{
    outline: none;
    box-shadow: none;
}

.log_in_form .form-group input::placeholder{
    color: #666;
}

.log_in_form .form-group .form-control:focus {
    border-color: #cb0236;
    box-shadow: none;
}

.log_in_form .form-group .form-control.is-error {
    border-color: #ebaeae;
    background: #ffe6e6;
}

.log_in_form .form-group button{
    border: none;
    background: #cb0236;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
}

.log_in_form .form-group button:focus{
    outline: none;
    box-shadow: none;
}

.forgot_password_link{
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.register_form_button{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    border: none;
    background: #5eb7ed;
}

span.error_message {
    display: block;
    text-align: center;
    color: #cb0236;
}

.user-login-page-button, .user-profile-page-button {
    text-decoration: none;
    color: #212529;
}

.divider span {
    display: block;
    text-align: center;
    font-weight: 200;
}

a.tum-partiler {
    display: flex;
    align-content: center;
    align-items: center;
    text-decoration: none;
    color: #7c7c7c;
}

.one_cikarilan_partiler .parti {
    width: calc(33% - 7.5px)!important;
}

.one_cikan_baskanlar_header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.one_cikan_baskanlar_header h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 10px 10px;
    color: #cb0236;
    line-height: 0;
    margin: 2em 0 0 0.5em;
}

.biografy-content p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}

.profile-livevideo-title h2 {
    font-weight: 200;
    font-size: 28px!important;
}

.profile-livevideo-item-not-found h4 {
    font-size: 14px;
    margin: 1em 0;
    background: #f5f5f5;
    text-align: center;
    padding: 1em;
    border-radius: 10px;
}

.news-live {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
    margin-top: -4px;
}

.profile-livevideo-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.canli-yayin-iptal-btn{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
}

.canli-yayin-yayinla-btn{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #53799a;
    border: 1px solid #53799a;
    gap: 10px;
    color: #fff;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
}

.profile-livevideo-item-title {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.profile-livevideo-item-title-title {
    display: flex;
    gap: 10px;
    align-items: center;
}

.profile-livevideo-item-title h4 {
    font-size: 17px;
    font-weight: 400;
    color: #3c6c97;
    margin: 0;
}

.profile-livevideo-item {
    background: aliceblue;
    padding: 1em;
    margin: 1em 0;
    border-radius: 10px;
}

.haber-video-link {
    margin-bottom: 0.5em;
}

.profile-livevideo-item-title .material-symbols-outlined {
    color: #3c6c97;
}

.delete-live{

}

.delete-live:focus{
    outline: none!important;
    box-shadow: none!important;
}

.live-delete-buttons .dropdown-menu{

}

.live-delete-buttons .dropdown-menu {
    padding: 3px 0;
    min-width: auto;
    border: 1px solid #3c6c97;
}

.dropdown-item.canli-yayin-delete {
    color: #d06e6e;
    font-size: 15px;
    cursor: pointer;
}

section#lives {
    padding: 0 10px;
    margin-bottom: 3em;
}

.lives-title h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 0 10px;
    color: #cb0236;
}

.lives-carousel .profile-livevideo-item{
    margin-bottom:0!important;
    margin-top: 10px!important;
}

.lives-title {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}

.ilgili_profil_name a {
    text-decoration: none;
    display: flex;
    margin: 0 0 1em 0;
    gap: 10px;
    color: #3c6c97;
}

.sosyal_medya_profilleri {
    margin-top: 1em;
    display: flex;
    gap: 10px;
}

a.sosyal_medya_profil_item {
    text-decoration: none;
    color: #cb0236;
}

a.sosyal_medya_profil_item svg {
    fill: #cb0236;
    width: 50px;
    height: 50px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

a.sosyal_medya_profil_item svg.xicon {
    padding: 13px;
}

.galeri-box {
    width: 100%;
    background: #f0f8ff;
    padding: 1em;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 1em;
    cursor: pointer;
}

.galeri-head {
    display: flex;
    justify-content: space-between;
}

span.galeri-count {
    background: #fff;
    padding: 0 10px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #576c7f;
}

span.galeri-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #1b5485;
}

/* .follow-button-area {
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 99;
} */

.fotograflar-area{
  
}

/* .settings-button-area{
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 99;

} */


.fotograflar-area .fotograflar-title {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-end;
}

.fotograflar-area .fotograflar-title h2{
    font-weight: 200;
    font-size: 28px!important;
}

.news-foto, .news-video {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
    margin-top: -4px;
}


.fotograflar-content {
    padding: 1em 0;
}

.fotograflar-content-item {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.fotograflar-content-item img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.foto-yayinla-btn{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #53799a;
    border: 1px solid #53799a;
    gap: 10px;
    color: #fff;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
}

.foto-iptal-btn{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
}



#anketler{
        padding: 0 10px;
        margin-bottom: 3em;
}

.anketler h3{
    font-weight: 200;
    margin-top: 1em;
}

.add-anket-button{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
    margin-top: -4px;

}

.anket-item {
    background: #d7eeff;
    border-radius: 10px;
    padding: 1em;
}

.anket-item h5 {
    font-size: 18px;
    font-weight: 400;
    color: #1b5485;
    margin: 0.5em 0 1em;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.anket-answers{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.anket-answers .anket-answer {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(100% - 90px);
}

.anket-answers .anket-answer label {
    font-size: 16px;
    font-weight: 300;
    color: #002b4b;
}

button.btn.btn-default.anket-send-button {
    background: #ffffff;
    width: 80px;
    margin: -40px 0 0 auto;
}

.anket-item-not-found h4 {
    font-size: 14px;
    margin: 1em 0;
    background: #f5f5f5;
    text-align: center;
    padding: 1em;
    border-radius: 10px;
}

.anket-katildin {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.anket-secenek {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #002b4b;
    justify-content: space-between;
    width: 100%;
}

.anket-secenek.oy_kullandim {
    background: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    margin: -3px -5px;
}

.anket-secenek-adet {
    display: flex;
    gap: 10px;
    min-width: 136px;
    justify-content: flex-end;
}


.anket-iptal-btn{

    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;

}
.anket-yayinla-btn{

    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #53799a;
    border: 1px solid #53799a;
    gap: 10px;
    color: #fff;
    font-weight: 300;
    padding: 8px 1em;
    border-radius: 20px;
}

.delete-anket{
    padding: 0;
}

.delete-anket:focus, .delete-anket:active{
    outline: none!important;
    box-shadow: none!important;
}

.anket-delete-buttons .dropdown-menu {
    padding: 3px 0;
    min-width: auto;
    border: 1px solid #3c6c97;
}

.dropdown-item.anket-delete {
    color: #d06e6e;
    font-size: 15px;
    cursor: pointer;
}


.haber-delete-buttons .dropdown-menu {
    padding: 3px 0;
    min-width: auto;
    border: 1px solid #3c6c97;
}

.dropdown-item.haber-delete {
    color: #d06e6e;
    font-size: 15px;
    cursor: pointer;
}

.delete-haber:focus, .delete-haber:active{
    outline: none!important;
    box-shadow: none!important;
}

.delete-haber .material-symbols-outlined{
    color: #3c6c97;
}

.option-card {
    border-radius: 5px;
    overflow: hidden;
    border-color: #d2e6f8;
}

.option-card.hide{

}

.option-card.hide .option-card-header{
    margin-bottom:0;
}

.option-card.hide .option-card-content{
    display: none;
}

.option-card.hide .option-card-footer{
    display: none;
}



.option-card input.error{
    border-color: #ebaeae;
    background: #ffe6e6;

}



.option-card-header {
    background: #d2e6f8;
    padding: 10px 15px;
    margin: 0 0 1em 0;
    display: flex;
    justify-content: space-between;
}

.option-save-button, .option-save-button:focus, .option-save-button:active {
    border-radius: 30px;
    padding: 5px 15px;
    background: #d2e6f8;
    border: none;
    color: #2c3136;
    font-weight: 300;
    margin: 1em;
    outline: none!important;
    box-shadow: none!important;
}

.option-save-button.success {
    background-color: #50b083!important;
    border-color: #227f54!important;
    color: #fff!important;
}

.option-save-button-noajax, .option-save-button-noajax:focus, .option-save-button-noajax:active {
    border-radius: 30px;
    padding: 5px 15px;
    background: #d2e6f8;
    border: none;
    color: #2c3136;
    font-weight: 300;
    margin: 1em;
    outline: none!important;
    box-shadow: none!important;
}

.option-save-button-noajax.success {
    background-color: #50b083!important;
    border-color: #227f54!important;
    color: #fff!important;
}


.option-card-header h2 {
    margin: 0;
    font-size: 21px;
    font-weight: 200;
    padding: 5px 0;
}

.option-card-footer {
    display: flex;
    justify-content: flex-end;
}


.option-card-content .input-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 90%;
    margin: 0 auto 1em;
}

.option-card-content .input-group:last-child {
    margin-bottom: 0;
}

.option-card-content .input-group label {
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

.option-card-content .input-group input, .option-card-content .input-group textarea, .option-card-content .input-group select {
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    border-radius: 30px!important;
}


.option-collapse-button {
    padding: 0;
    line-height: 0!important;
}

.pass-base{
    position: relative;
}

.password-toggle-button {
    position: absolute!important;
    right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 0;
    margin-top: 3px;
}

.pass-base input {
    width: 100%;
    padding-right: 50px!important;
}



.option-card .select2-container--default .select2-selection--single{
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    border-radius: 30px!important;
    height: auto!important;
}

.option-card .select2-selection__arrow {
    top: 11px!important;
    right: 15px!important;
}

.avatar-base, .avatar-base input {
    width: 100%;
}

.avatar-preview.hide{
    display: none;
}

.avatar-preview img {
    width: 100%;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    margin: 1em auto;
    display: block;
}

.option-card-header h2 {
    display: flex;
    gap: 15px;
    color: #204e76;
}

.option-card-header h2 .material-symbols-outlined {
    color: #528dc3;
}


.kvkk-group {
    display: flex!important;
    flex-direction: row!important;
    gap: 15px!important;
    padding-left: 10px;
}


.kvkk-group label a{
    color: #cb0236;
    text-decoration: none;
}


.mo-openid-app-icons {
    display: flex!important;
    justify-content: center;
}
.mo-openid-app-icons p {
    display: none;
}

.sign_other_item_apple a svg {
    width: 25px;
    height: 25px;
}

.sign_other_item_apple a {
    text-decoration: none;
    color: #000;
    border: 1px solid #ddd;
    padding: 5px 15px 10px 15px;
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
    align-content: center;
    gap: 10px;
    width: max-content;
    margin: 0 auto;
    line-height: 21px;
}

.login-or {
    display: block;
    text-align: center;
    font-weight: 200;
}

.sidebar-offcanvas-box a.dropdown-item:hover, .sidebar-offcanvas-box a.dropdown-item:focus, .sidebar-offcanvas-box a.dropdown-item:active {
    background: transparent;
}

#lokasyon_secimi button.btn.btn-primary:hover, #lokasyon_secimi button.btn.btn-primary:focus, #lokasyon_secimi button.btn.btn-primary:active {
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    color: #560318;
    outline: none!important;
    box-shadow: none!important;
}

.profile-comment-list-item-content-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.profile-comment-list-item-content-title h4 {
    font-size: 1rem;
}

.profile-comment-list-item {
    border: 1px solid #f0f8ff;
    border-radius: 10px;
    margin-bottom: 1em;
    background: aliceblue;
    padding: 15px;
}

.profile-comment-list-item-content-text p {
    margin-bottom: 0;
    font-size: 16px;
}

.profile-comment-list-item-content-title h4 {
    font-size: 14px;
    color: #396183;
}

.profile-comment-list-item-content-title span {
    font-size: 12px;
    color: #8e9ead;
}

.profile-comment-list-item-content-footer {
    display: flex;
    justify-content: flex-end;
}

.comment-delete-buttons button.btn.btn-default.delete-comment {
    padding: 0;
    padding-top: 7px;
    box-shadow: none!important;
}

.comment-delete-buttons button.btn.btn-default.delete-comment .material-symbols-outlined {
    color: #3c6c97;
    font-size: 20px;
}

.comment-delete-buttons .dropdown-menu {
    padding: 3px 0;
    min-width: auto;
    border: 1px solid #3c6c97;
}

.profile-comment-list-item-not-found h4 {
    font-size: 14px;
    margin: 1em 0;
    background: #f5f5f5;
    text-align: center;
    padding: 1em;
    border-radius: 10px;
}

.profile-comment-submit-button {
    background: aliceblue;
    margin: 0 0 0 auto;
    display: block;
    font-weight: 600;
    color: #3b678e;
}


textarea#comment_content {
    background: #fff;
    border: 4px solid aliceblue;
    resize: unset;
    box-shadow: none!important;
}

.profile-comments-title h2 {
    font-weight: 200;
    font-size: 28px!important;
}

.tabs-menu {
    display: flex;
    gap: 1em;
    justify-content: center;
}

.tabs-menu a {
    text-decoration: none;
    background: #f7f7f7;
    padding: 7px 10px;
    margin: 1em 0;
    border-radius: 10px;
    color: #cb0236;
    font-weight: 400;
    font-size: 15px;
}

.tabs-menu a.active {
    background: #cb0236;
    color: #fff;
}

h1.lokasyon-taxo-title{
    font-size: 1.2em;
    display: flex;
    justify-content: center;
}

.lokasyon-taxo-title .lokasyonlar-back{
    line-height: 35px;
}

h3.lokasyon-title .lokasyon_count {
    display: contents;
}



span.parti_count {
    font-size: 12px;
    font-weight: 300;
    color: #666;
    margin-top: -10px;
    margin-bottom: 1em;
}

.baskan-adaylari-item {
    background: #fff;
    padding: 10px 0 5px 0;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #d3e3fd;
    box-shadow: 1px 1px 0px 1px #f7f9fd;
}


#baskan_adaylari{
    padding: 0 10px;
    margin-bottom: 3em;
}

#baskan_adaylari .baskan-adaylari-title{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

#baskan_adaylari .baskan-adaylari-title h3{
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 10px 10px;
    color: #cb0236;
}

.baskan-adaylari-item a{
    text-decoration: none;
    color: #3c6c97;

}

.baskan-adaylari-item .candidate-item-image{
  display: flex;
    justify-content: center;

}

.baskan-adaylari-item .candidate-item-image img {
    width: 60px!important;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
}

.not-found-message h4{
    font-size: 14px;
    margin: 1em 0;
    background: #f5f5f5;
    text-align: center;
    padding: 1em;
    border-radius: 10px;
    width: 100%;
}

.follower_count_wrap {
    line-height: 35px;
    width: min-content;
    padding: 2px 10px;
    border-radius: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    background: #f0f8ff;
    border: 1px solid #bbd7f0;
    gap: 10px;
    color: #53799a;
    font-weight: 300;
}

.follower_infos {
    display: flex;
    gap: 15px;
    padding-top: 1em;
}

.search_form_partiler {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 10px;
    background: aliceblue;
    margin: 5px -15px;
}

.search_form_partiler label{
    font-size: 14px;
    font-weight: 300;
    color: #666;
}
/* search_form_partiler .select2 style */
.search_form_partiler .select2-container--default .select2-selection--single{
    border: 1px solid #e5e5e5;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    border-radius: 10px!important;
    height: auto!important;
}

.search_form_partiler .select2-selection__arrow {
    top: 3px!important;
    right: 15px!important;
}

.search_form_partiler .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 1.5;
}

/* select2-dropdown  styles */

.search_form_partiler .select2-dropdown{
    border-radius: 10px!important;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.search_form_partiler .select2-dropdown .select2-results__option{
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

.select2-dropdown .select2-results__option[aria-selected=true]{
    background: #f0f8ff;
}

.select2-dropdown .select2-results__option--highlighted[aria-selected]{
    background: #f0f8ff;
}

.select2-dropdown .select2-results__option--highlighted[aria-selected], .select2-dropdown .select2-results__option[aria-selected=true]{
    color: #cb0236;
}

.select2-search__field{
    border: 1px solid #e5e5e5!important;
    border-radius: 10px!important;
    padding: 5px!important;
    font-size: 14px!important;
    font-weight: 300!important;
    color: #666!important;
}



/* select2 styles in .crm-user-search */

.crm-user-search .select2-container--default .select2-selection--single{
    border: 1px solid #e5e5e5;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    border-radius: 10px!important;
    height: auto!important;
    padding: 10px 0!important;
}

.crm-user-search .select2-selection__arrow {
    top: 8px!important;
    right: 15px!important;
}

.crm-user-search .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 1.5;
}
.crm-user-search-select-dropdown {
    border: 1px solid #ddd!important;
    margin-top: 4px!important;
    border-radius: 10px!important;
}


.crm-user-search-select-dropdown .select2-results .select2-results__message {
    font-size: 17px;
    margin: 0 5px;
    font-weight: 300;
}

.crm-user-search-select-dropdown .select2-results__options{

}

.crm-user-search-select-dropdown .select2-results__options li:nth-child(even) {
    background: #f0f8ff;
    font-size: 15px;
    font-weight: 500;
    color: #345068;
    padding: 15px 10px;
}

.crm-user-search-select-dropdown .select2-results__options li:nth-child(odd) {
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    color: #345068;
    padding: 15px 10px;
}

.crm-user-search-select-dropdown .select2-results {
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

/* select2-results__option--highlighted */

.crm-user-search-select-dropdown .select2-results__option--highlighted {
    background: #cb0236!important;
    color: #fff!important;
}

a.create-new-user-crm {
    text-decoration: none;
    background: aliceblue;
    padding: 4px 8px;
    display: inline-block;
    border: 1px solid #b8d1e8;
    border-radius: 20px;
    font-size: 14px;
    margin-top: 15px;
    color: #436c8f;
}

.create-new-user-form {
    background: aliceblue;
    margin: 10px 0;
    padding: 1em 1em 0.1em 1em;
    border-radius: 10px;
}

.create-new-user-form .input-group {
    display: flex;
    align-items: center;
}

.create-new-user-form .input-group label {
    width: 70px;
    color: #2e4f6d;
    font-weight: 300;
    text-align: right;
    padding: 0 10px 0 0;
}

.btn-def-color{
        color: #000;
        background-color: #ffffff;
        border-color: #436c8f;
        border-radius: 20px;
        padding: 3px 15px;
        font-size: 15px;
}

/* focus-visible */

.select2-search__field:focus-visible{
    box-shadow:none!important;
    outline: none!important;
}

.profil-olustur-button-wrap{
    display: flex;
    justify-content: flex-end;
    margin-top: 1em;
}

.crm-profile-title-input{
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    border-radius: 10px!important;
    height: auto!important;
    padding: 10px 10px!important;
}

.profil-olustur-form-wrap .section-title {
    font-size: 20px;
    font-weight: 600;
    padding: 1em 0;
    color: #cb0236;
    display: flex;
}

.profil-olustur-form-wrap .section-title a{
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

.pre-step-create-profile .section-title {
    font-size: 20px;
    font-weight: 600;
    padding: 1em 0;
    color: #cb0236;
    display: flex;
}

.pre-step-create-profile .section-title a{
    font-size: 14px;
    font-weight: 300;
    color: #666;
}


a.current_user_profile_alert {
    text-decoration: none;
    background: #fff;
    padding: 3px 9px;
    display: inline-block;
    margin: 5px 0;
    border-radius: 5px;
    color: cornflowerblue;
}

a.current_user_profile_alert:hover{
    background: #f0f8ff;
}

.my-users-crm-item {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    /* align-items: center; */
    border-bottom: 1px solid #f7f7f7;
    padding: 1em;
}

.my-users-crm-item-image img {
    width: 50px;
    border-radius: 100%;
    height: 50px;
    object-fit: cover;
}

.my-users-crm-item-content h4{
    font-size: 16px;
    font-weight: 400;
    color: #3c6c97;
    margin: 0;
}

.my-users-crm-item-content p{
    font-size: 14px;
    font-weight: 300;
    color: #666;
    margin: 0;
}

.crm-to-profile-button {
    font-size: 14px;
    text-decoration: none;
    background: #f0fff3;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #7dd4bb;
    color: #299086;
    margin-top: 5px;
    display: inline-block;
}

.crm-create-profile-button{
    font-size: 14px;
    text-decoration: none;
    background: aliceblue;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #d5e7ff;
    color: #406a8f;
    margin-top: 5px;
    display: inline-block;
}

.profile_check {
    margin-left: auto;
    margin-right: 0;
}

.crm-user-list-title {
    font-size: 20px;
    font-weight: 600;
    padding: 1em 0 0.5em 0;
    color: #cb0236;
    display: flex;
    margin: 0 15px;
}

section.crm-user-info {
    background: aliceblue;
    margin: 0 15px;
    border-radius: 15px;
    padding: 15px;
}

section.crm-user-info {
    background: aliceblue;
    margin: 0 15px;
    border-radius: 15px;
    padding: 15px;
    color:#1b5485;
}

.crm-user-info-name{
    text-align: center;
}

section.crm-user-info small{
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

.crm-user-created-user-count {
    text-align: center;
    border-top: 1px solid #d1e2f1;
    margin-top: 1em;
    padding-top: 1em;
}

section.crm-to-user-create{
    margin: 15px;
}

section.crm-to-user-create a{
    text-decoration: none;
    background: #f0fff3;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #7dd4bb;
    color: #299086;
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
}

section.crm-to-user-create .button {
    width: 100%;
    text-align: center;
    background: #cb0236;
    border: none;
    color: #fff;
    font-weight: 600;
}

.my-users-crm-item-content {
    width: 100%;
}

.crm_user_profile_progress {
    font-size: 14px;
    background: aliceblue;
    padding: 10px 15px;
    width: 100%;
    border-radius: 10px;
    margin: 10px 0;
}

.search-result-list {
    margin: 20px;
    display: flex;
    flex-direction: column;
    
}

.search-result-list a{
    text-decoration: none;
    color: #3c6c97;
    border-bottom: 1px solid #f0f8ff;
    padding: 10px 0;
}


.search-result-list a:last-child{
    border-bottom: none;
}

.no-candidate.my-5 {
    text-align: center;
}

.crm_list_user_status {
    border: 1px solid #ddd;
    margin: 10px 0 0px;
    width: 100%;
}


/* crm_list_user_status verified_account 
  // verified account
    // trial account
    // unmanaged
*/

.crm_list_user_status.verified_account {
    border-color: #11a188;
    background-color: #11a188;
    color:#fff;
}

.crm_list_user_status.trial_account {
    border-color: #a48e11;
    background-color: #a48e11;
    color:#fff;
}

.crm_list_user_status.unmanaged {
    border-color: #cb0236;
    background-color: #cb0236;
    color:#fff;
}





.profile-user-status-bar {
    display: flex;
    background: #fff;
    width: max-content;
    padding: 0 0px 0px 0px;
    margin: 5px 0 0 0;
    border-radius: 100%;
    border: 1px solid #e2e2e2;
    align-items: center;
    gap: 0;
}

.profile-user-status-bar.unmanaged .material-symbols-outlined {
    color: #cb0236;
    font-size: 20px;
}

.profile-user-status-bar.verified_account .material-symbols-outlined {
    color: #11a188;
    font-size: 20px;
}

.profile-user-status-bar.trial_account .material-symbols-outlined {
    color: #a48e11;
    font-size: 20px;
}

.profile-user-status-bar small {
    font-size: 14px;
    font-weight: 300;
    color: #666;
    margin:0 5px;
    display: none;
}


.divider-match {
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 2em 0;
    position: relative;
}

.divider-match::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd;
    z-index: 0;
}

.divider-match span {
    z-index: 2;
    position: relative;
    background: #fff;
    padding: 5px;
    color: #6a6a6a;
    font-weight: 200;
}


.header-back-button,
.header-back-button:focus,
.header-back-button:active,
.header-back-button:hover {
   text-decoration: none;
   color: tomato;
}

span.parti-listesi-title-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

.parti-listesi-title-head {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.parti-listesi-title-head a {
    text-decoration: none;
    color: #bebebe;
    margin-top: 2px;
}

.parti-listesi-title-text small {
    font-size: 15px;
    font-weight: 300;
    color: #ca1e39;
}

.parti-listesi-taxo-title {
    margin-left: -39px;
}

.crm-users-pagination {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    gap: 5px;
}

.crm-users-pagination a {
    text-decoration: none;
    color: #a4a4a4;
}

.crm-user-list-count-text{
    font-size: 14px;
    font-weight: 300;
    color: #666;
    margin: 1em 0;
}

.publish-icon-yorum{
        color: #3c6c97;
        font-size: 23px;
        margin-top: 6px;
}

span.pending-publish-text {
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
    margin-right: 10px;
}

.profile-comment-list-item.comment-unpublish {
    background: #fff7db;
    border-color: #eadfb9;
}

div#option-card-user-delete {
    border-color: #f8d2d2;
}

.option-card-header.user-delete-option {
    background: #f8d2d2;
}

div#option-card-user-delete .option-card-header h2 .material-symbols-outlined {
    color:#860f0f;;
}

div#option-card-user-delete .option-card-header h2 {
    display: flex;
    gap: 15px;
    color: #860f0f;
}

.videolar-content {
    margin: 1em 0;
}

.videolar-content-item video {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.videolar-content-item-title {
    display: flex;
    justify-content: space-between;
}

.delete-video:focus{
    outline: none!important;
    box-shadow: none!important;
}

.video-progress-bar {
    background-color: #11a188;
}