.h4, h4 {
    font-size: 16px;
}

.ssl-inactive {
    opacity: 0.3;
}

.status-grace {	background-color: #f16e30;    color: white;}
.status-expired {   background-color: #cccccc;color: black;}
.status-redemption {    background-color: #ff5757;color: white;}
.status-pending-transfer {background-color: #c1a8ff;color: black;}

.panel-sidebar.view-filter-btns .list-group-item.active, .panel-sidebar.view-filter-btns .list-group-item.active:focus {
	    background-color: #8553ab;
    border-color: #8553ab;
    color: #fff
}

/**
 * Select Account
 */

.select-account {
    margin: 20px auto;
    padding: 0;
    border-top: 1px solid #ddd;
}
.select-account a {
    display: block;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
}
.select-account a.disabled {
    opacity: 0.5;
}
.select-account a:hover {
    background-color: #f6f6f6;
}

.continue-container {
    margin: 40px auto;
    padding: 20px;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    max-width: 500px;
}

.tospanel {
    background-color: #f8f8f8;
    border-radius: 3px;
	border-color: #e2e2e2;
}

#autoAnswerSuggestions.well {
	border: 5px solid #88ccee;
}

.kbarticles {
    font-size: 1em;
}

@media (min-width: 992px) {
.sidebar .list-group-item .badge {
    margin-top: 2px;
    padding: 3px 7px 3px 8px;
    line-height: initial;
    min-width: 36px;
}
}

.module-client-area {
    display: flow-root;
}

p {
    margin: 0px 0 13px !important;
}

.popover-user-notifications ul li i.far {
    padding-top: 0;
}

.bg-success-tc {
    background-color: #5cb85c;
    color: white;
    padding: 2px 6px;
    font-size: 12px;
}

.bg-danger-tc {
    background-color: #f59191;
    color: white;
    padding: 2px 6px;
    font-size: 12px;
}

#accountNotifications .label{font-size: 13px;}

.container-fluid.without-padding {

    overflow-x: visible;
}

.dataTables_wrapper .dataTables_length label {
    padding: 10px 10px 15px 30px;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding: 0px 30px 0;
}

.navbar-main li.account {
    background-color: transparent;
}
.genel-header {
	color: #fff;
	background-color: #141416;
	background-image:
		radial-gradient(ellipse 70% 90% at 92% 0%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 52%),
		radial-gradient(ellipse 55% 80% at 8% 110%, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 58%),
		radial-gradient(ellipse 45% 60% at 62% 70%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 60%),
		linear-gradient(215deg, #323236 0%, #09050e 46%, #2b152d 100%);
	margin-bottom: -23px;
}

.genel-header .header-lined h1 {
	color:white;
	border-bottom: 0 !important;
	padding-top: 30px;
	/* text-transform: uppercase; */
	font-weight: 300;
	font-size: 33px;
}

.genel-header .header-lined {
	margin-bottom: 53px;
}


.panel-accent-red {
	   border-color: #d9534f;
}

.panel-accent-red .panel-heading {
	background-color: #d9534f !important;
}

.panel-accent-red .panel-title {
	    color: white;
}

.panel-accent-red .panel-footer {
	background-color: #f7d7d6;
}

#inputPromotionCode {
    width: 100%;
    height: 34px;
}

fieldset {
    border: 0 !important;
}

#header-user {
    visibility: visible;
    height: 30px;
    display: -webkit-inline-box;
    width: 800px;
}

.caret_yukari {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.domain-checker-bg {
	    padding: 30px 0;
		background-image: none;
}
}
.e-more a{
	color: #d5f1d9;
	font-size: 14px;
}

.uzantilar li {
	float: left;
	margin-bottom: 12px; 
	min-width: 100px;
}
.uzantilar label {
	font-weight: 600;
	font-size: 14px;
	color: white;
}

#order-standard_cart .order-summary .loader {
top: 7px !important;
text-align: left !important;
}

.fiyatlistesi {
	border: 2px solid #5cb85c !important;
}
#order-standard_cart .product-info {
	border-top: 3px solid #efefef !important;
    border-bottom: 3px solid #efefef !important;
	border-radius: 4px;
	
}

#order-standard_cart .info-text-sm {
	margin-top: 19px;
}

.bootstrap-select {border:0 !important;}

#order-standard_cart .order-summary {
	    background-color: #4cae4c !important;
}

.status-aktif {
    background-color: #3fad46;
}

.status-askıya {
    background-color: #F0AD4E;
}

.ticket-reply .user .type {
	font-weight: normal;
}
.ticket-reply .user .name {
	font-weight: bold;
	font-size: 0.97em;
}
.ticket-reply .date
 {
    padding: 15px 10px;
}

.status-fraud, .status-answered {
    background-color: #37b349;
	color: #fff;;
}

.status-open {
    background-color: #1889c1;
	    color: #ffffff;
}

.domain-checker-container {
    margin: 20px 0;
    padding: 0;
    background-color: #4986bb;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4986bb), to(#337ab7));
    background: -webkit-linear-gradient(top, #4986bb, #337ab7);
    background: -moz-linear-gradient(top, #4986bb, #337ab7);
    background: -ms-linear-gradient(top, #4986bb, #337ab7);
    background: -o-linear-gradient(top, #4986bb, #337ab7);
}

.md-editor>textarea,.md-editor>.md-preview { padding: 10px !important}

.popover-content {
    padding: 15px 14px;
}

#order-standard_cart .tutar {
 font-size: 20px;   
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
    background: #b9b9b9 !important
}
@media only screen and (min-width: 767px) {
	.jp-card-container {
			padding-left: 76px;
	}
}

#kredikartiuyari i {
    float: left;
    font-size: 2.8em;
	padding-left: 14px; 
}
#kredikartiuyari {
    margin: 20px 0;
    font-size: 0.8em;
}

#kredikartiuyari div {
padding-left: 61px;
}

.input-group-btn .btn {font-size: 14px}

.empty-cart .btn {font-size: 10px}

.panel-heading .btn, .panel-footer .btn {font-size: 13px}

.recurring-totals { display: none !important;}

#frmProductDomain p { font-size: 13px}

.ticket-reply.staff {
    border: 1px solid #5CB85C;
}
.ticket-reply.staff .user {
    background-color: #5CB85C;
    color: white;
}

.ticket-reply {
    margin: 10px 0;
    padding: 0;
    border: 1px solid #34495E;
    background-color: #fff;
	border-radius: 3px;
}
.ticket-reply .user {
    padding: 15px 0;
    background-color: #2a5970;
	background: linear-gradient(90deg, #2a5970 0%, rgb(99 58 130) 100%) !important;

}

.ticket-reply.staff .user {
    padding: 15px 0;
    background-color: #138e1b;
	background: linear-gradient(90deg, #138e1b 0%, rgb(26 56 24) 100%) !important;

}

.staff .date, .ticket-reply .date, .ticket-reply .user .name, .ticket-reply .user i, .ticket-reply .user .type {color: white;}

.ticket-reply .attachments ul {
    margin: 10px 0;
}
.main-content {    min-height: 630px; border-radius: 5px;}

#tableInvoicesList tbody td {
	text-align: center;
}

.ticket-reply .message {
    font-size: 14px;
    word-wrap: break-word;
}

.panel-sidebar .panel-title {
    font-weight: 400;
}

.dataTables_wrapper .dataTables_info {
    background-color: #633a82;
	border-radius: 4px 4px 0 0;
}

.dataTables_wrapper table.table-list thead th:nth-child(even) {
    border-bottom: 4px solid #8553ab;
}

.dataTables_wrapper table.table-list thead th {
    border-bottom: 4px solid #daacfd;
    font-weight: 400;
}

.bg-toplufatura{
	 background-color: #5bc0de;
    color: white;

}

.label-grey {
    background-color: #d9534f;
}

.btn-social {
    padding-left: 16px;
	font-size: 16px;
}

#btnGoogleSignin1 i {
	padding-right: 11px;
}
.guvenlik_butonu {
    margin: 7px 0 3px;
    color: black;
}
.guvenlik_butonu:hover {
    margin: 7px 0 3px;
    color: white;
    background-color: #d9534f;
}
.social-signin-btns {
    text-align: left;
}

.tiles .tile {
    border-bottom: 1px solid #ccc;
}
.tiles .tile:last-child {
    border: 0;
	border-bottom: 1px solid #ccc;
}
@media (max-width: 767px){
.tiles .tile:nth-child(2) {
    border-right: 1px solid #ccc;
}
.tiles .tile:nth-child(3) {
    border-right: 0;
}
}

/**
 * Yan menü sütunu — ikinci menünün içeriğin altına kayması
 *
 * #main-body'deki tek bir .row üç sütun taşıyor: primary sidebar
 * (col-md-3, header.tpl) + içerik (col-md-9) + secondary sidebar
 * (col-md-3, footer.tpl) = 3+9+3 = 15 sütun. Float düzeninde üçüncü sütun
 * ancak sağ olukta boşluk bulursa oraya oturur. Primary sidebar içerikten
 * UZUNSA boşluk kalmaz ve secondary sidebar ("+ İşlemler") bütün içeriğin
 * altına, en sola düşer.
 *
 * Koşul yüksekliklerin oranıdır: primary > main-content olduğu an kayar.
 * Aşağıdaki .main-content { min-height: 630px } kuralı bunu çoğu sayfada
 * gizleyen payandadır, düzeltme değil — primary 630'u aşınca yetmiyor
 * (ölçüldü: primary 900 / main 630 → secondary sol 208'e düştü).
 *
 * Çözüm: >=992px'te satır grid'e alınır. İçerik 1. sütunda iki satırı birden
 * kaplar, iki menü 2. sütunda alt alta durur — yükseklikten bağımsız.
 * Ölçüm (1600px): kusurlu senaryoda secondary sol 208 → 1085 (primary ile
 * aynı sütun, aralarında 0px boşluk); zaten doğru çalışan senaryolarda
 * sayılar birebir aynı kaldı (208/878 · 1085/293).
 *
 * width:auto şart: grid item olan .col-md-*'ın %25/%75 genişliği artık satıra
 * değil kendi grid track'ine göre çözülüyordu (293px → 73px ölçüldü).
 * 992px altında kural hiç devreye girmez; DOM sırası (menü → içerik → menü)
 * ve mobil görünüm değişmez.
 */
@media (min-width: 992px) {
    #main-body .row.dh-row-sidebar {
        display: grid;
        grid-template-columns: 75% 25%;
        grid-template-rows: auto 1fr;
        align-items: start;
    }
    #main-body .row.dh-row-sidebar > .sidebar,
    #main-body .row.dh-row-sidebar > .main-content {
        width: auto;
        float: none;
    }
    #main-body .row.dh-row-sidebar > .sidebar.pull-md-right {
        grid-column: 2;
        grid-row: 1;
    }
    #main-body .row.dh-row-sidebar > .main-content {
        grid-column: 1;
        grid-row: 1 / span 2;
    }
    #main-body .row.dh-row-sidebar > .sidebar.pull-md-left {
        grid-column: 2;
        grid-row: 2;
    }
}


/**
 * Aç/kapa switch'i — PANEL GENELİ bileşen
 *
 * Buraya 2026-08-27'de `clientareadomaindetails.tpl`'in sayfa içi `<style>`
 * bloğundan taşındı. Orada dururken yalnız alan adı detay sayfasında vardı;
 * başka bir sayfada ya da modülde kullanmak için kopyalamak gerekiyordu.
 * Ortak dosyaya alınınca her client area sayfası ve modül aynı bileşeni
 * kullanabiliyor — kopya çıkmıyor.
 *
 * Kullanımı:
 *   <label class="dh-dd-switch is-on|is-off|is-loading">
 *     <span class="dh-dd-switch-state">Etkin</span>
 *     <input type="checkbox" class="dh-dd-switch-input" checked>
 *     <span class="dh-dd-switch-track"><span class="dh-dd-switch-knob"></span></span>
 *   </label>
 *
 * `is-loading`: istek sürerken düğme ileri geri gider ve tıklama kapanır
 * (`pointer-events: none`). Sunucudan yanıt gelene kadar kullanıcının ikinci
 * kez tıklamasını da engeller — yalnız süs değil.
 */
.dh-dd-switch-form { margin: 20px 0 0; }
.dh-dd-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid #dbe1e8;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.dh-dd-switch-title { font-size: 16px; font-weight: 600; color: #2c3e50; }
.dh-dd-switch {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    cursor: pointer;
    font-weight: normal;
}
.dh-dd-switch-state {
    min-width: 72px;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #6c757d;
}
.dh-dd-switch-input { position: absolute; opacity: 0; width: 0; height: 0; }
.dh-dd-switch-track {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    border-radius: 999px;
    background: #c7ccd1;
    transition: background 0.2s ease;
    flex-shrink: 0;
}
.dh-dd-switch-knob {
    position: absolute;
    left: 3px; top: 3px;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: left 0.2s ease;
}
.dh-dd-switch-input:checked + .dh-dd-switch-track { background: #5cb85c; }
.dh-dd-switch-input:checked + .dh-dd-switch-track .dh-dd-switch-knob { left: 25px; }
.dh-dd-switch.is-on .dh-dd-switch-state { color: #2e7d27; }
.dh-dd-switch.is-off .dh-dd-switch-state { color: #6c757d; }
.dh-dd-switch-input:disabled + .dh-dd-switch-track { opacity: 0.55; cursor: not-allowed; }
.dh-dd-switch.is-loading { pointer-events: none; }
.dh-dd-switch.is-loading .dh-dd-switch-state { color: #6c757d; min-width: 1.2em; }
.dh-dd-switch.is-loading .dh-dd-switch-track {
    background: #c5cdd6;
    opacity: 0.7;
}
.dh-dd-switch.is-loading .dh-dd-switch-knob {
    animation: dh-dd-switch-load 0.9s ease-in-out infinite;
}
@keyframes dh-dd-switch-load {
    0%, 100% { left: 3px; }
    50% { left: 14px; }
}