#mio-cookie-popup *, #mio-cookie-popup *:after, #mio-cookie-popup *:before {box-sizing:border-box !important;}
#mio-cookie-popup{
    position:fixed !important;
    bottom:24px !important;
    left:24px !important;
    z-index:9999 !important;
    font-family:'Titillium Web',sans-serif;
    opacity:1;
    transition:opacity .2s ease,transform .2s ease;
}
#mio-cookie-popup .mio-cookie-popup__card{
    background:#fff !important;
    border:1px solid rgba(48,72,95,0.12) !important;
    border-radius:5px !important;
    box-shadow:0 16px 40px rgba(15,23,42,0.16) !important;
    display:block !important;
    max-width:100% !important;
    position:relative !important;
    width:380px !important;
    line-height:1.5 !important;
    overflow:hidden !important;
}
#mio-cookie-popup .mio-cookie-popup--closed{-webkit-animation:mio-cookie-popup--close 0.4s ease-in-out forwards !important;animation:mio-cookie-popup--close 0.4s ease-in-out forwards !important}
#mio-cookie-popup .mio-cookie-popup--opened{-webkit-animation:mio-cookie-popup--open 0.4s ease-in-out forwards !important;animation:mio-cookie-popup--open 0.4s ease-in-out forwards !important}
#mio-cookie-popup .mio-cookie-popup__content{padding:22px 20px 18px !important;text-align:left !important}
#mio-cookie-popup .mio-cookie-popup__content--text-bold{font-weight:700 !important}
#mio-cookie-popup h3{
    font-family:'Titillium Web',sans-serif;
    color:#30485F !important;
    font-size:17px !important;
    font-weight:700 !important;
    margin:0 0 10px !important;
}
#mio-cookie-popup p{
    font-family:'Titillium Web',sans-serif;
    font-size:14px !important;
    color:#5a7388 !important;
    margin:0 0 16px !important;
    line-height:1.5 !important;
}
#mio-cookie-popup a{
    font-family:'Titillium Web',sans-serif;
    font-size:14px !important;
    color:#28a745 !important;
    font-weight:700 !important;
    text-decoration:underline !important;
}
#mio-cookie-popup button{
    font-family:'Titillium Web',sans-serif;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    height:auto !important;
    line-height:1.2 !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
    cursor:pointer !important;
    font-size:14px !important;
    font-weight:700 !important;
    outline:none !important;
    transition:background .15s ease !important;
}
#mio-cookie-popup button:hover{
    background:#218838 !important;
    box-shadow:none !important;
}
#mio-cookie-popup .mio-cookie-popup--close:after{
    color:#6b8296 !important;
    content:"\00d7" !important;
    cursor:pointer !important;
    font-size:22px !important;
    font-weight:500 !important;
    position:absolute !important;
    right:12px !important;
    top:8px !important;
    transform:none !important;
    transition:color 0.15s ease !important;
    user-select:none !important;
}
#mio-cookie-popup .mio-cookie-popup--close:hover:after{color:#30485F !important}
@-webkit-keyframes mio-cookie-popup--close{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    20%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
    100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@keyframes mio-cookie-popup--close{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    20%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
    100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@-webkit-keyframes mio-cookie-popup--open{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
    80%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes mio-cookie-popup__open{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
    80%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
#modernpanel::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
#modernpanel::-webkit-scrollbar{width:9px;background-color:#F5F5F5}
#modernpanel::-webkit-scrollbar-thumb{background-color:#607D8B}
.mpanelrightcon::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:#F5F5F5}
.mpanelrightcon::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
.mpanelrightcon::-webkit-scrollbar-thumb{background-color:#d9d9d9}
.themepreview{width:100%;display:inline-block;text-align:center;background:#607D8B;color:white;padding:10px 0px}
.themepreview h5{font-size:16px;display:inline-block;font-weight:300}
.themepreview .lbtn{float:none;display:inline-block;border:1px solid #fff;margin-left:12px;color:white;font-weight:300;font-size:14px;padding:3px 15px}
.themepreview .lbtn:hover{background:white;color:#607D8B}
.blue-info i{float:left;font-size:70px;margin:0 35px 17px 20px}
.cssload-hourglass{position:relative;height:78px;width:78px;left:35%;left:calc(50% - 42px);left:-o-calc(50% - 42px);left:-ms-calc(50% - 42px);left:-webkit-calc(50% - 42px);left:-moz-calc(50% - 42px);border:3px solid rgba(0,163,155,0.94);border-radius:78px;transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;animation:cssload-hourglass 0.8s ease-in-out infinite;-o-animation:cssload-hourglass 0.8s ease-in-out infinite;-ms-animation:cssload-hourglass 0.8s ease-in-out infinite;-webkit-animation:cssload-hourglass 0.8s ease-in-out infinite;-moz-animation:cssload-hourglass 0.8s ease-in-out infinite}
.cssload-hourglass:before{content:"";position:absolute;top:8px;left:18px;width:0px;height:0px;border-style:solid;border-width:36px 21px 0 21px;border-color:rgb(0,163,155) transparent transparent transparent}
.cssload-hourglass:after{content:"";position:absolute;top:34px;left:18px;width:0px;height:0px;border-style:solid;border-width:0 21px 36px 21px;border-color:transparent transparent rgb(0,163,155) transparent}
@keyframes cssload-hourglass{0%{transform:rotate(0deg)}
    100%{transform:rotate(180deg)}
}
@-o-keyframes cssload-hourglass{0%{-o-transform:rotate(0deg)}
    100%{-o-transform:rotate(180deg)}
}
@-ms-keyframes cssload-hourglass{0%{-ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(180deg)}
}
@-webkit-keyframes cssload-hourglass{0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(180deg)}
}
@-moz-keyframes cssload-hourglass{0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(180deg)}
}
.spinner3{width:70px;text-align:center;display:inline-block}
.spinner3>div{width:12px;height:12px;background-color:#777;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner3 .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.spinner3 .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1.0);transform:scale(1.0)}
}
.block-item-desc{max-height:175px;overflow-y:auto;float:left;width:100%}
.tabcontent .block-item .block_module_details-title h4{margin-top:0px}
.hizmetblok:nth-child(n+6):nth-child(-n+8){width:48%}
.hizmetblok:nth-child(n+6):nth-child(-n+9){width:48%}
#modernpanel{background:rgba(205,205,205,0.15)}
body#modernpanel{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}
.leftbar{float:left;width:20%;background:#30485F;position:fixed;overflow-y:auto;z-index:9;height:100%;background-image:url(../../../templates/system/images/leftbarbg.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%}
.leftbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
.leftbar::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
.leftbar::-webkit-scrollbar-thumb{background-color:#607D8B}
.rightcontent{float:right;width:80%;height:100%;padding-bottom:20px}

/* Horizontal client area top navigation */
#modernpanel{
    --ac-layout-max:1600px;
    --ac-layout-pad:20px;
    --ac-primary:#30485F;
    --ac-primary-rgb:48,72,95;
    --ac-success:#28a745;
    --ac-success-dark:#218838;
    --ac-success-rgb:40,167,69;
    --ac-text:#30485F;
    --ac-text-strong:#243849;
    color:var(--ac-text);
}
#modernpanel .yesilbtn,
#modernpanel a.yesilbtn,
#modernpanel .gonderbtn.yesilbtn{
    background:var(--ac-success) !important;
    border-color:var(--ac-success) !important;
    color:#fff !important;
}
#modernpanel .yesilbtn:hover,
#modernpanel a.yesilbtn:hover{
    background:var(--ac-success-dark) !important;
    border-color:var(--ac-success-dark) !important;
    color:#fff !important;
}
#modernpanel .mavibtn,
#modernpanel a.mavibtn{
    background:var(--ac-primary) !important;
    border-color:var(--ac-primary) !important;
    color:#fff !important;
}
#modernpanel .mavibtn:hover,
#modernpanel a.mavibtn:hover{
    background:#243849 !important;
    border-color:#243849 !important;
    color:#fff !important;
}
#modernpanel .lbtn:not(.yesilbtn):not(.mavibtn){
    border-color:var(--ac-primary) !important;
    color:var(--ac-primary) !important;
}
#modernpanel .lbtn:not(.yesilbtn):not(.mavibtn):hover{
    background:var(--ac-primary) !important;
    color:#fff !important;
}
#modernpanel .moderncliendblock .mpaneltitle,
#modernpanel .sepetbaslik,
#modernpanel .metalbtn,
#modernpanel .skonfigside{
    background:var(--ac-primary) !important;
}
#modernpanel .metalbtn:hover{
    background:#243849 !important;
}
#modernpanel .gonderbtn:not(.yesilbtn):not(.mavibtn){
    color:var(--ac-primary);
}
#modernpanel .pagination .active a,
#modernpanel .pager a.selected,
#modernpanel .pager a:hover{
    background:var(--ac-success) !important;
    border-color:var(--ac-success) !important;
}
#modernpanel .form-control:focus,
#modernpanel input:focus,
#modernpanel select:focus,
#modernpanel textarea:focus{
    border-color:var(--ac-success) !important;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12);
}
#modernpanel .leftbar.ac-topnav{
    float:none;
    position:sticky;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:auto;
    min-height:72px;
    z-index:100;
    overflow:visible;
    flex:0 0 auto;
    background:#fff !important;
    background-image:none !important;
    border-bottom:1px solid rgba(15,23,42,0.08);
    box-shadow:0 4px 18px rgba(15,23,42,0.06);
}
#modernpanel .ac-topnav-inner{
    display:flex;
    align-items:center;
    gap:16px;
    width:100%;
    max-width:var(--ac-layout-max);
    margin:0 auto;
    min-height:72px;
    padding:12px var(--ac-layout-pad);
    box-sizing:border-box;
}
#modernpanel .ac-topnav .companylogo{
    flex:0 0 auto;
    margin:0;
    text-align:left;
}
#modernpanel .ac-topnav .companylogo img{
    width:auto;
    max-width:168px;
    max-height:48px;
    display:block;
}
#modernpanel .ac-topnav .ac-topnav-burger{display:none}
#modernpanel .ac-topnav .ac-mobile-nav-head,
#modernpanel .ac-topnav .ac-mobile-nav-actions{display:none}
#modernpanel .ac-topnav .modernclientmenu{
    flex:1 1 auto;
    min-width:0;
    overflow:visible;
    height:auto;
}
#modernpanel .ac-topnav .modernclientmenu > ul{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px;
    list-style:none;
    margin:0;
    padding:0;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li{
    position:relative;
    float:none;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:auto;
    padding:11px 16px;
    border:0;
    border-radius:10px;
    color:#30485F;
    font-size:15.5px;
    font-weight:600;
    line-height:1.2;
    white-space:nowrap;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle i{
    width:auto;
    margin:0;
    font-size:15px;
    color:rgba(48,72,95,0.65);
    opacity:1;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle:hover{
    background:rgba(40,167,69,0.08);
    color:#28a745;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle:hover i{
    color:#28a745;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a#active{
    background:transparent;
    color:inherit;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a#active i{
    color:inherit;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a#active:hover{
    background:rgba(40,167,69,0.08);
    color:#28a745;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a#active:hover i{
    color:#28a745;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.neworderbtn > a.toggle{
    background:#28a745;
    color:#fff;
    box-shadow:0 6px 16px rgba(40,167,69,0.22);
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.neworderbtn > a.toggle i{
    color:#fff;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.neworderbtn > a.toggle:hover{
    background:#218838;
    color:#fff;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu{
    position:relative;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:12px;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    min-width:230px;
    margin:0;
    padding:6px;
    display:none;
    list-style:none;
    background:#fff;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    box-shadow:0 12px 28px rgba(48,72,95,0.14);
    z-index:120;
    box-sizing:border-box;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-12px;
    height:12px;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu:hover > ul.inner{
    display:block;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu.ac-submenu-force-close > ul.inner,
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu.ac-submenu-force-close:hover > ul.inner,
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu.ac-submenu-force-close > ul.inner.show{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu > a.toggle span::after{
    content:"\f107";
    font-family:"FontAwesome","Font Awesome 6 Free","Font Awesome 5 Free";
    font-weight:900;
    font-size:12px;
    margin-left:6px;
    line-height:1;
    opacity:.7;
    display:inline-block;
    transition:transform .2s ease,opacity .2s ease;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu > a.toggle:hover span::after,
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu > a#active span::after,
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu:hover > a.toggle span::after{
    opacity:1;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu:hover > a.toggle span::after{
    transform:rotate(180deg);
}
#modernpanel .ac-topnav .modernclientmenu ul.inner.show{display:block}
#modernpanel .ac-topnav .modernclientmenu ul.inner li{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner li + li{margin-top:2px}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle,
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle:hover,
#modernpanel .ac-topnav .modernclientmenu ul.inner a#active{
    display:flex !important;
    align-items:center;
    width:100% !important;
    margin:0 !important;
    padding:10px 12px !important;
    border:0 !important;
    border-radius:5px !important;
    color:#30485F !important;
    font-size:13px;
    font-weight:600;
    background:transparent !important;
    box-shadow:none !important;
    box-sizing:border-box;
    line-height:1.3;
    text-decoration:none !important;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle span{
    padding:0 !important;
    margin:0 !important;
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:auto;
    float:none !important;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle i{
    width:18px;
    margin:0 !important;
    color:#28a745 !important;
    text-align:center;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle:hover,
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle:focus{
    background:rgba(40,167,69,0.12) !important;
    color:#28a745 !important;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a#active{
    background:transparent !important;
    color:#30485F !important;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a#active:hover,
#modernpanel .ac-topnav .modernclientmenu ul.inner a#active:focus{
    background:rgba(40,167,69,0.12) !important;
    color:#28a745 !important;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner ul.inner{
    top:0;
    left:calc(100% + 8px);
}
#modernpanel .ac-topnav .ac-topnav-tools{
    flex:0 0 auto;
    margin-left:auto;
}
#modernpanel .ac-topnav .ac-topnav-tools,
#modernpanel .ac-topnav .mpanelinfo,
#modernpanel .ac-topnav .mpanelinfo #wrapper,
#modernpanel .ac-topnav .headbutonlar{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
}
#modernpanel .ac-topnav .mpanelinfo,
#modernpanel .ac-topnav .mpanelinfo #wrapper{
    width:auto;
    height:auto;
    line-height:normal;
    margin:0;
    padding:0;
    float:none;
}
#modernpanel .ac-topnav .headbutonlar{
    display:flex;
    align-items:center;
    gap:6px;
    float:none;
    height:auto;
    line-height:1;
    padding:0;
    border-radius:0;
}
#modernpanel .ac-topnav .headbutonlar a,
#modernpanel .ac-topnav .headbutonlar .wclientnotifi{
    float:none !important;
}
#modernpanel .ac-topnav .headbutonlar .wclientnotifi{
    display:inline-flex;
    align-items:center;
    position:relative;
    z-index:20;
}
#modernpanel .ac-topnav .headbutonlar .wclientnotifi::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:14px;
}
#modernpanel .ac-topnav .headbutonlar > a,
#modernpanel .ac-topnav .wnotifitibtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
    margin:0 !important;
    padding:0 !important;
    border-radius:5px !important;
    color:#30485F !important;
    background:#fff !important;
    border:1px solid rgba(48,72,95,0.14) !important;
    box-shadow:none !important;
    box-sizing:border-box;
    line-height:1 !important;
    vertical-align:middle;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
}
#modernpanel .ac-topnav .headbutonlar > a:hover,
#modernpanel .ac-topnav .wnotifitibtn:hover{
    background:#fff !important;
    color:#28a745 !important;
    border-color:rgba(40,167,69,0.35) !important;
}
#modernpanel .ac-topnav .headbutonlar > a i,
#modernpanel .ac-topnav .wnotifitibtn i{
    color:inherit;
    font-size:15px;
    line-height:1;
    margin:0;
}
#modernpanel .ac-topnav .langflagicon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}
#modernpanel .ac-topnav .langflagicon img,
#modernpanel .ac-topnav .headbutonlar .langflagicon img,
#modernpanel .langflagicon img{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    margin-top:0 !important;
    float:none !important;
    display:block !important;
    border-radius:50% !important;
    object-fit:cover;
    opacity:1 !important;
    vertical-align:middle;
}
#modernpanel .ac-topnav .scurrencyicon{
    font-size:12px;
    font-weight:700;
    letter-spacing:0.02em;
}
#modernpanel .ac-topnav #sepeticon,
#modernpanel .ac-topnav .wnotifitibtn{
    position:relative;
    font-size:15px;
}
#modernpanel .ac-topnav #sepeticon span.basket-count,
#modernpanel .ac-topnav .notifi-count,
#modernpanel .ac-topnav #sepeticon span{
    position:absolute !important;
    top:-5px !important;
    right:-5px !important;
    left:auto !important;
    margin:0 !important;
    margin-top:0 !important;
    margin-left:0 !important;
    width:16px;
    height:16px;
    min-width:16px;
    line-height:16px !important;
    font-size:10px;
    font-weight:700;
    text-align:center;
    border-radius:50%;
    background:#28a745;
    color:#fff;
}
#modernpanel .ac-topnav .wclientnotification{
    right:0;
    top:calc(100% + 8px);
    z-index:130;
}
#modernpanel .ac-topnav .wclientnotification::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-12px;
    height:12px;
}
/* Clean notification card */
#modernpanel .ac-topnav .ac-header-notify .ac-notify-panel,
#modernpanel .ac-topnav .ac-header-notify .wclientnotification.ac-notify-panel{
    top:calc(100% + 14px);
    width:360px;
    max-width:calc(100vw - 24px);
    padding:0;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    background:#fff;
    box-shadow:0 12px 32px rgba(48,72,95,0.14);
    overflow:hidden;
}
#modernpanel .ac-topnav .ac-header-notify .ac-notify-head,
#modernpanel .ac-topnav .ac-header-notify .wnotifititle.ac-notify-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0;
    padding:16px 18px;
    background:#f7fafc !important;
    background-image:none !important;
    border-bottom:1px solid rgba(48,72,95,0.08);
    color:#30485F;
    text-align:left;
    overflow:visible;
}
#modernpanel .ac-topnav .ac-header-notify .ac-notify-head-icon{
    flex:0 0 40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:5px;
    background:#fff;
    border:1px solid rgba(48,72,95,0.10);
    box-sizing:border-box;
}
#modernpanel .ac-topnav .ac-header-notify .ac-notify-head-icon i{
    position:static !important;
    margin:0 !important;
    font-size:16px !important;
    color:#28a745 !important;
    line-height:1;
}
#modernpanel .ac-topnav .ac-header-notify .ac-notify-head-text{
    min-width:0;
    flex:1 1 auto;
}
#modernpanel .ac-topnav .ac-header-notify .ac-notify-head h3,
#modernpanel .ac-topnav .ac-header-notify .wnotifititle.ac-notify-head h3{
    margin:0 0 2px;
    padding:0;
    color:#30485F !important;
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    position:static;
    z-index:auto;
}
#modernpanel .ac-topnav .ac-header-notify .ac-notify-head h5,
#modernpanel .ac-topnav .ac-header-notify .wnotifititle.ac-notify-head h5{
    margin:0;
    padding:0;
    color:rgba(48,72,95,0.62) !important;
    font-size:13px;
    font-weight:600;
    line-height:1.3;
    position:static;
    z-index:auto;
}
#modernpanel .ac-topnav .ac-header-notify .ac-notify-body{
    padding:8px 16px 16px;
    background:#fff;
}
#modernpanel .ac-topnav .ac-header-notify .wnotificontent{
    display:block;
    width:100%;
    height:auto !important;
    max-height:260px;
    margin:0;
    padding:8px 0;
    overflow-x:hidden;
    overflow-y:auto;
    text-align:left;
    box-sizing:border-box;
}
#modernpanel .ac-topnav .ac-header-notify .wnotifilist{
    display:flex;
    align-items:flex-start;
    gap:10px;
    float:none;
    width:100%;
    margin:0;
    padding:12px 4px;
    border-bottom:1px solid rgba(48,72,95,0.08);
    line-height:1.4;
    box-sizing:border-box;
}
#modernpanel .ac-topnav .ac-header-notify .wnotifilist:last-child{border-bottom:0}
#modernpanel .ac-topnav .ac-header-notify .wnotifilisticon{
    float:none;
    flex:0 0 22px;
    width:22px;
    text-align:center;
}
#modernpanel .ac-topnav .ac-header-notify .wnotifilistcon{
    float:none;
    flex:1 1 auto;
    width:auto;
    min-width:0;
}
#modernpanel .ac-topnav .ac-header-notify .wnotifilistcon h5{
    margin:0;
    color:#30485F;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-topnav .ac-header-notify .nonotification{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:28px 12px 20px;
    text-align:center;
}
#modernpanel .ac-topnav .ac-header-notify .nonotification i{
    margin:0 0 14px;
    font-size:48px;
    color:#28a745;
    opacity:0.55;
}
#modernpanel .ac-topnav .ac-header-notify .nonotification h3{
    margin:0 0 8px;
    color:#30485F;
    font-size:16px;
    font-weight:700;
    line-height:1.35;
}
#modernpanel .ac-topnav .ac-header-notify .nonotification h5{
    margin:0;
    max-width:260px;
    color:rgba(48,72,95,0.62);
    font-size:13px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-topnav .ac-header-notify .allread{
    display:block;
    width:100%;
    margin:8px 0 0;
    text-align:center;
}
#modernpanel .ac-topnav .ac-header-notify .allread a,
#modernpanel .ac-topnav .ac-header-notify .headbutonlar .allread a,
#modernpanel .ac-topnav .headbutonlar .ac-header-notify .allread a{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:42px;
    margin:0 !important;
    padding:10px 14px !important;
    border:1px solid #28a745 !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#28a745 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2;
    text-decoration:none !important;
    box-sizing:border-box;
    float:none !important;
}
#modernpanel .ac-topnav .ac-header-notify .allread a:hover{
    background:rgba(40,167,69,0.08) !important;
    color:#28a745 !important;
    border-color:#28a745 !important;
}
#modernpanel .ac-topnav #resellertooltip{
    display:inline-flex;
    align-items:center;
    height:38px;
}
#modernpanel .rightcontent{
    float:none;
    width:100%;
    max-width:var(--ac-layout-max);
    margin:0 auto;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    height:auto;
    min-height:0;
    padding:24px var(--ac-layout-pad) 20px;
    box-sizing:border-box;
}
body#modernpanel > .clear{
    display:none;
}
#modernpanel .modernclient-rightcon{
    display:block;
    flex:0 0 auto;
    width:100%;
    margin-bottom:20px;
    padding-bottom:0;
    background:transparent;
    box-shadow:none;
    border:0;
    border-radius:0;
}
#modernpanel .modernclient-rightcon,
#modernpanel .rightcontent > .modernclient-rightcon{
    width:100% !important;
    max-width:100% !important;
    display:block !important;
    float:none !important;
    box-sizing:border-box !important;
}
#modernpanel .modernclient-rightcon #wrapper,
#modernpanel .modernclient-rightcon > #wrapper,
#modernpanel .modernclient-rightcon #wrapper.ac-account-page,
#modernpanel .modernclient-rightcon #wrapper.ac-domainlist-page,
#modernpanel .modernclient-rightcon #wrapper.ac-order-page{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    float:none !important;
    position:relative;
    box-sizing:border-box !important;
}
#modernpanel .modernclient-rightcon > .mpanelrightcon,
#modernpanel .modernclient-rightcon .mpanelrightcon{
    width:100% !important;
    max-width:none;
    float:none;
    clear:both;
    margin:0 0 20px;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0;
    border-radius:0;
    box-sizing:border-box;
}
#modernpanel .ac-page-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin:0 0 16px;
    width:100%;
    box-sizing:border-box;
}
#modernpanel .ac-page-actions .destekolsbtn,
#modernpanel .ac-page-actions .lbtn,
#modernpanel .ac-page-actions .incelebtn,
#modernpanel .ac-page-actions a{
    float:none;
    position:static;
    margin:0;
}
#modernpanel .ac-page-actions .destekolsbtn,
#modernpanel .ac-page-actions .lbtn.green,
#modernpanel .ac-page-actions a.lbtn,
#modernpanel .ac-page-actions a.lbtn.yesilbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:40px;
    padding:0 16px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-page-actions .destekolsbtn i,
#modernpanel .ac-page-actions .lbtn.green i,
#modernpanel .ac-page-actions a.lbtn i,
#modernpanel .ac-page-actions a.lbtn.yesilbtn i{
    margin:0 !important;
    color:#fff !important;
    font-size:14px;
    line-height:1;
}
#modernpanel .ac-page-actions .destekolsbtn:hover,
#modernpanel .ac-page-actions .lbtn.green:hover,
#modernpanel .ac-page-actions a.lbtn:hover,
#modernpanel .ac-page-actions a.lbtn.yesilbtn:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .ac-page-actions a.lbtn.yesilbtn:hover i{
    color:#fff !important;
}
#modernpanel .ac-page-actions .incelebtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:40px;
    padding:0 14px !important;
    border:0 !important;
    border-radius:5px !important;
    background:var(--ac-primary) !important;
    color:#fff !important;
    font-size:14px;
    font-weight:600;
}
#modernpanel .modernclient-rightcon::after{
    content:"";
    display:table;
    clear:both;
}
/* AOS is disabled on client panel; keep animated nodes visible */
#modernpanel [data-aos]{
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto !important;
}
#modernpanel .mobmenuclose{z-index:90}
#modernpanel .mpanelleft{float:left;box-shadow:none;border-radius:none;width:100%;margin-bottom:0px;background:none;margin-top:0px}
#modernpanel .mpanelbtns a{float:left;border-bottom:0px solid #eee;color:rgba(255,255,255,0.7)}
#modernpanel #mpanelbtnsaktif{background:rgba(0,0,0,0.2)}
#modernpanel .mpanelbtns a:hover{background:rgba(0,0,0,0.2)}
.companylogo{text-align:center;margin-top:45px;margin-bottom:30px}
.companylogo img{width:150px;height:auto}
.rightconhead{float:left;width:100%;background:#e5e5e5;height:60px}
#modernpanel #acdashboardactivity{width:49%}
#modernpanel #acdashboardnews{width:49%}
.billreminicon{float:left;width:10%;text-align:center;z-index:9}
#modernpanel .invoiceremind .red-info i {    font-size: 135px;    color: rgb(0 0 0 / 5%);}
#clean-theme-client .invoiceremind .red-info i {    font-size: 135px;    color: rgb(0 0 0 / 5%);}
.billremininfo{float:right;width:100%;z-index:5;position:relative}
#modernpanel .invoiceremind span{margin-bottom:15px;display:inline-block;    color: #607d8b;}
#modernpanel .invoiceremind .red-info{width:97%;background:white;}
#modernpanel .invoiceremind h4{color: #f44336;    margin-bottom: 7px;}
#modernpanel .mpanelinfo #wrapper{width:97%}
.lastentry{display:inline-block;width:100%;text-align:center;margin:25px 0px}
#modernpanel .songiris{float:none}
#modernpanel .mpanelinfo{background:#efefef;color:inherit;line-height:60px;height:60px}
#modernpanel .headbutonlar a{color:inherit;padding:0px 20px;margin:0px;font-size:18px}
#modernpanel .headbutonlar a:hover{background:#dfdfdf}
#modernpanel .wclientnotifi:hover .wnotifitibtn{background:#dfdfdf}
#modernpanel #sepeticon{margin-top:0px;font-size:20px}
#modernpanel #sepeticon span{font-size:12px;width:20px;height:20px;color:#fff;position:absolute;text-align:center;line-height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-10px;font-weight:600;font-family:'Titillium Web',sans-serif;margin-top:7px}
#modernpanel .headbutonlar i{margin-right:0px}
.moderncliendblock{display:inline-block;box-shadow:0 0 3px #ccc;border-radius:5px;width:47.5%;text-align:left;margin-bottom:20px;background:#fff;margin-top:20px;min-height:400px;vertical-align:top;margin:10px;overflow:hidden}
#modernpanel .alanadisorgu h1{font-size:30px;margin:15px 0px}
#modernpanel .alanadisorgu input{margin-top:0px}
#modernpanel #checkButton{margin-top:5px}
.moderncliendcontent{display:inline-block;background:white;width:100%}
#modernpanel .muspanelbloks{margin-top:0;width:100%;margin-bottom:25px}
#modernpanel .mpanelblok:first-child:nth-last-child(4),#modernpanel .mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok{width:25%}
#modernpanel .mpanelblok:first-child:nth-last-child(3),#modernpanel .mpanelblok:first-child:nth-last-child(3) ~ .mpanelblok{width:33.31%}
#modernpanel .mpanelblok{float:left;margin:0;width:20%;border-radius:0;box-shadow:none}

/* Unified customer dashboard layout */
#modernpanel .ac-dashboard-layout{
    --ac-dash-gap:20px;
    --ac-dash-pad:0;
    box-sizing:border-box;
    width:100%;
    padding:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    gap:var(--ac-dash-gap);
    min-height:0;
}
#modernpanel .ac-welcome-card{
    position:relative;
    overflow:hidden;
    width:100%;
    background:#fff;
    border:1px solid rgba(48,72,95,0.10);
    border-left:4px solid #28a745;
    border-radius:5px;
    box-shadow:0 8px 28px rgba(15,23,42,0.06);
    animation:acWelcomeIn .45s ease both;
}
#modernpanel .ac-welcome-card-accent{display:none}
#modernpanel .ac-welcome-card-body{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:14px 20px 14px 18px;
}
#modernpanel .ac-welcome-main{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    flex:1 1 auto;
}
#modernpanel .ac-welcome-icon{
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #28a745;
    color:#28a745;
    font-size:28px;
    line-height:1;
}
#modernpanel .ac-welcome-icon i{color:#28a745;line-height:1;font-size:28px}
#modernpanel .ac-welcome-copy{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
}
#modernpanel .ac-welcome-badge{
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    margin:0;
    padding:4px 10px;
    border-radius:5px;
    background:#28a745;
    border:1px solid #218838;
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.03em;
    line-height:1.2;
}
#modernpanel .ac-welcome-title{
    margin:0;
    color:#30485F;
    font-size:20px;
    font-weight:600;
    line-height:1.25;
}
#modernpanel .ac-welcome-title strong{font-weight:700;color:#243849}
#modernpanel .ac-welcome-aside{
    flex:0 0 auto;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:18px;
    min-width:0;
    padding-left:20px;
    border-left:1px solid rgba(48,72,95,0.10);
}
#modernpanel .ac-welcome-stat{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:8px 12px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fafbfc;
    box-sizing:border-box;
}
#modernpanel .ac-welcome-stat-icon{
    flex:0 0 32px;
    width:32px;
    height:32px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid rgba(48,72,95,0.10);
    color:#28a745;
    font-size:13px;
}
#modernpanel .ac-welcome-stat-copy{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
}
#modernpanel .ac-welcome-stat-label{
    color:#8a9aa3;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}
#modernpanel .ac-welcome-stat-value{
    color:#30485F;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    word-break:break-word;
}
@keyframes acWelcomeIn{
    from{opacity:0}
    to{opacity:1}
}
@media only screen and (max-width:900px){
    #modernpanel .ac-welcome-card-body{
        flex-direction:column;
        align-items:stretch;
        gap:14px;
        padding:14px 16px 14px 18px;
    }
    #modernpanel .ac-welcome-aside{
        width:100%;
        padding:12px 0 0;
        border-left:0;
        border-top:1px solid rgba(48,72,95,0.10);
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    #modernpanel .ac-welcome-stat{
        width:100%;
        min-width:0;
        flex-direction:column;
        align-items:flex-start;
        padding:12px;
        gap:6px;
    }
    #modernpanel .ac-welcome-stat-icon{
        display:none;
    }
    #modernpanel .ac-welcome-stat-copy{
        width:100%;
        align-items:flex-start;
        text-align:left;
    }
    #modernpanel .ac-welcome-stat-label,
    #modernpanel .ac-welcome-stat-value{
        text-align:left;
    }
}
@media only screen and (max-width:560px){
    #modernpanel .ac-welcome-main{align-items:flex-start}
    #modernpanel .ac-welcome-icon{width:48px;height:48px;flex-basis:48px;font-size:26px}
    #modernpanel .ac-welcome-icon i{font-size:26px}
    #modernpanel .ac-welcome-title{font-size:18px}
    #modernpanel .ac-welcome-aside{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    #modernpanel .ac-welcome-stat{
        padding:10px;
        gap:4px;
    }
    #modernpanel .ac-welcome-stat-label{
        font-size:10px;
    }
    #modernpanel .ac-welcome-stat-value{
        font-size:12px;
        line-height:1.3;
    }
}
#modernpanel .ac-dashboard-layout *,
#modernpanel .ac-dashboard-layout *::before,
#modernpanel .ac-dashboard-layout *::after{box-sizing:border-box}
#modernpanel .ac-dashboard-layout .muspanelbloks{
    float:none;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:var(--ac-dash-gap);
    width:100%;
    margin:0;
    text-align:left;
}
#modernpanel .ac-dashboard-layout .mpanelblok,
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(2),
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(2) ~ .mpanelblok,
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(3),
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(3) ~ .mpanelblok,
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(4),
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok,
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(5),
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(5) ~ .mpanelblok{
    float:none;
    display:flex;
    flex-direction:column;
    width:auto !important;
    margin:0 !important;
    min-width:0;
    min-height:0;
    overflow:hidden;
    background:#fff !important;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    box-shadow:0 6px 20px rgba(15,23,42,0.05);
    text-align:left;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
#modernpanel .ac-dashboard-layout .ac-stat-card > a{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    min-height:100%;
    color:inherit;
    text-decoration:none;
}
#modernpanel .ac-dashboard-layout .ac-stat-card:hover{
    box-shadow:0 10px 28px rgba(15,23,42,0.08);
    transform:translateY(-2px);
}
#modernpanel .ac-dashboard-layout .ac-stat-top{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 16px 14px;
}
#modernpanel .ac-dashboard-layout .ac-stat-icon{
    flex:0 0 44px;
    width:44px;
    height:44px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
}
#modernpanel .ac-dashboard-layout .ac-stat-icon i{
    position:static !important;
    font-size:18px !important;
    color:inherit !important;
    opacity:1 !important;
    margin:0 !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
}
#modernpanel .ac-dashboard-layout .mpanelblokicon{display:none !important}
#modernpanel .ac-dashboard-layout .ac-stat-meta{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
    text-decoration:none;
    color:inherit;
}
#modernpanel .ac-dashboard-layout .ac-stat-card h1,
#modernpanel .ac-dashboard-layout .mpanelblok h1{
    margin:0 !important;
    padding:0;
    font-size:26px !important;
    font-weight:700;
    line-height:1.15 !important;
    color:#243849 !important;
    position:relative;
    z-index:2;
}
#modernpanel .ac-dashboard-layout .ac-stat-card h2,
#modernpanel .ac-dashboard-layout .mpanelblok h2{
    margin:0 !important;
    padding:0;
    font-size:13px !important;
    font-weight:600;
    line-height:1.35 !important;
    color:#607d8b !important;
    position:relative;
    z-index:2;
}
#modernpanel .ac-dashboard-layout .mblokbtn{
    position:static !important;
    margin-top:auto;
    width:100%;
    background:transparent !important;
    border-top:1px solid rgba(48,72,95,0.08);
    color:inherit !important;
    font-size:13px;
    font-weight:600;
    text-align:left;
}
#modernpanel .ac-dashboard-layout .mblokbtn .padding10{
    padding:11px 16px !important;
}
#modernpanel .ac-dashboard-layout .mblokbtn span{float:none;margin:0}
#modernpanel .ac-dashboard-layout .ac-stat-card:hover .mblokbtn{
    background:transparent !important;
}
#modernpanel .ac-dashboard-layout .ac-stat-success{border-top:3px solid #28a745}
#modernpanel .ac-dashboard-layout .ac-stat-success .ac-stat-icon{
    background:#28a745;
    color:#fff;
}
#modernpanel .ac-dashboard-layout .ac-stat-success .mblokbtn{color:#28a745 !important}
#modernpanel .ac-dashboard-layout .ac-stat-info{border-top:3px solid #17a2b8}
#modernpanel .ac-dashboard-layout .ac-stat-info .ac-stat-icon{
    background:#17a2b8;
    color:#fff;
}
#modernpanel .ac-dashboard-layout .ac-stat-info .mblokbtn{color:#17a2b8 !important}
#modernpanel .ac-dashboard-layout .ac-stat-danger{border-top:3px solid #dc3545}
#modernpanel .ac-dashboard-layout .ac-stat-danger .ac-stat-icon{
    background:#dc3545;
    color:#fff;
}
#modernpanel .ac-dashboard-layout .ac-stat-danger .mblokbtn{color:#dc3545 !important}
#modernpanel .ac-dashboard-layout .ac-stat-warning{border-top:3px solid #ff9800}
#modernpanel .ac-dashboard-layout .ac-stat-warning .ac-stat-icon{
    background:#ff9800;
    color:#fff !important;
}
#modernpanel .ac-dashboard-layout .ac-stat-warning .ac-stat-icon i{color:#fff !important}
#modernpanel .ac-dashboard-layout .ac-stat-warning .mblokbtn{color:#ef6c00 !important}
#modernpanel .ac-dashboard-layout .ac-stat-primary{border-top:3px solid #30485F}
#modernpanel .ac-dashboard-layout .ac-stat-primary .ac-stat-icon{
    background:#30485F;
    color:#fff;
}
#modernpanel .ac-dashboard-layout .ac-stat-primary .mblokbtn{color:#30485F !important}
#modernpanel .ac-dashboard-layout #turquise h1{
    font-size:22px !important;
    line-height:1.2 !important;
}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card{
    --ac-domain-h:52px;
    position:relative;
    float:none;
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
    background:
        linear-gradient(135deg,rgba(48,72,95,0.08) 0%,rgba(255,255,255,0.98) 48%,rgba(40,167,69,0.08) 100%),
        #fff;
    border:1px solid rgba(48,72,95,0.14);
    border-radius:5px;
    box-shadow:0 10px 28px rgba(48,72,95,0.08);
    overflow:hidden;
}
#modernpanel .ac-dashboard-layout .ac-domain-glow{
    position:absolute;
    top:-48px;
    right:-36px;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(40,167,69,0.18) 0%,rgba(40,167,69,0) 70%);
    pointer-events:none;
    animation:acDomainGlow 4.5s ease-in-out infinite alternate;
}
#modernpanel .ac-dashboard-layout .ac-domain-card-inner{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 24px;
}
#modernpanel .ac-dashboard-layout .ac-domain-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:20px 28px;
}
#modernpanel .ac-dashboard-layout .ac-domain-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}
#modernpanel .ac-dashboard-layout .ac-domain-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0;
    padding:5px 10px;
    border-radius:5px;
    background:rgba(40,167,69,0.12);
    border:1px solid rgba(40,167,69,0.22);
    color:#218838;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    line-height:1.2;
}
#modernpanel .ac-dashboard-layout .ac-domain-badge i{font-size:12px;line-height:1}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card h1{
    margin:0;
    padding:0;
    font-size:24px;
    font-weight:700;
    line-height:1.25;
    color:#243849;
    text-align:left;
}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card h1 span{
    color:#28a745;
}
#modernpanel .ac-dashboard-layout .ac-domain-copy p{
    margin:0;
    max-width:520px;
    color:rgba(48,72,95,0.72);
    font-size:14px;
    font-weight:400;
    line-height:1.5;
}
#modernpanel .ac-dashboard-layout .ac-domain-pricebox{
    flex:0 0 auto;
    min-width:148px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:14px 18px;
    border-radius:5px;
    background:#30485F;
    color:#fff;
    box-shadow:0 1px 3px rgba(48,72,95,0.16);
    text-align:center;
    animation:acDomainPriceIn .55s ease both;
}
#modernpanel .ac-dashboard-layout .ac-domain-price-label,
#modernpanel .ac-dashboard-layout .ac-domain-price-note{
    display:block;
    font-size:11px;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:uppercase;
    opacity:.88;
    line-height:1.2;
}
#modernpanel .ac-dashboard-layout .ac-domain-price-value,
#modernpanel .ac-dashboard-layout .ac-domain-price-value .amount_spot_view{
    display:inline-flex;
    align-items:baseline;
    justify-content:center;
    gap:4px;
    margin:2px 0;
    color:#fff;
    font-size:28px;
    font-weight:800;
    line-height:1.1;
    letter-spacing:-.02em;
}
#modernpanel .ac-dashboard-layout .ac-domain-price-value .amount_spot_view i{
    font-style:normal;
    font-weight:800;
    color:#fff;
    position:static !important;
    margin:0 !important;
}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card form{
    margin:0;
    width:100%;
}
#modernpanel .ac-dashboard-layout .ac-domain-search-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
    gap:10px;
    width:100%;
}
#modernpanel .ac-dashboard-layout .ac-domain-search{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:stretch;
    width:100%;
    min-width:0;
    height:var(--ac-domain-h);
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
    overflow:hidden;
    transition:border-color .2s ease,box-shadow .2s ease;
}
#modernpanel .ac-dashboard-layout .ac-domain-search:focus-within{
    border-color:#28a745;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12);
}
#modernpanel .ac-dashboard-layout .ac-domain-search-ico{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    color:rgba(48,72,95,0.55);
    font-size:15px;
    background:transparent;
    pointer-events:none;
}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card input[type="text"]{
    width:100%;
    min-width:0;
    height:100%;
    margin:0;
    padding:0 12px 0 0;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:15px;
    font-weight:500;
    color:#243849;
    line-height:var(--ac-domain-h);
    outline:none;
}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card input[type="text"]::placeholder{
    color:#8aa0ab;
    font-weight:400;
}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card .gonderbtn,
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card .gonderbtn.ac-domain-check{
    position:static !important;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
    height:var(--ac-domain-h);
    min-width:132px;
    width:auto;
    margin:0 !important;
    padding:0 22px;
    border:0;
    border-radius:5px;
    background:#28a745;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    box-sizing:border-box;
    transition:background .2s ease,transform .15s ease;
}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card .gonderbtn:hover{
    background:#218838;
    color:#fff !important;
}
#modernpanel .ac-dashboard-layout .ac-domain-tlds{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 10px;
    min-height:28px;
}
#modernpanel .ac-dashboard-layout .ac-domain-tlds-label{
    color:rgba(48,72,95,0.55);
    font-size:12px;
    font-weight:600;
    margin-right:2px;
}
#modernpanel .ac-dashboard-layout .ac-domain-tlds ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
}
#modernpanel .ac-dashboard-layout .ac-domain-tlds li{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:5px;
    background:rgba(48,72,95,0.06);
    border:1px solid rgba(48,72,95,0.10);
    color:#30485F;
    font-size:12px;
    font-weight:700;
    line-height:1;
}
@keyframes acDomainGlow{
    from{transform:translate3d(0,0,0) scale(1);opacity:.75}
    to{transform:translate3d(-12px,10px,0) scale(1.08);opacity:1}
}
@keyframes acDomainPriceIn{
    from{opacity:0;transform:translateY(8px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@media screen and (max-width:900px){
    #modernpanel .ac-dashboard-layout .ac-domain-head{
        grid-template-columns:1fr;
        align-items:stretch;
        gap:14px;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-pricebox{
        width:100%;
        min-width:0;
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
        gap:8px;
        padding:12px 14px;
        box-sizing:border-box;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-price-label,
    #modernpanel .ac-dashboard-layout .ac-domain-price-note{
        flex:0 0 auto;
        font-size:10px;
        letter-spacing:.03em;
        white-space:nowrap;
        line-height:1.2;
        opacity:.9;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-price-value,
    #modernpanel .ac-dashboard-layout .ac-domain-price-value .amount_spot_view{
        flex:0 0 auto;
        display:inline-flex;
        align-items:baseline;
        gap:3px;
        font-size:22px;
        margin:0;
        line-height:1;
        white-space:nowrap;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-price-value .amount_spot_view i{
        font-size:inherit;
        line-height:1;
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-dashboard-layout .ac-domain-card-inner{
        padding:16px;
        gap:14px;
    }
    #modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card h1{
        font-size:20px;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-pricebox{
        gap:6px;
        padding:11px 12px;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-price-value,
    #modernpanel .ac-dashboard-layout .ac-domain-price-value .amount_spot_view{
        font-size:20px;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-search-wrap{
        grid-template-columns:1fr;
        gap:10px;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-search{
        grid-template-columns:40px minmax(0,1fr);
        height:var(--ac-domain-h);
    }
    #modernpanel .ac-dashboard-layout .ac-domain-search-ico{width:40px}
    #modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card input[type="text"]{
        line-height:var(--ac-domain-h);
    }
    #modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card .gonderbtn,
    #modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card .gonderbtn.ac-domain-check{
        width:100%;
        min-width:0;
        height:44px;
        border-radius:5px;
    }
    #modernpanel .ac-dashboard-layout .ac-domain-tlds ul{
        width:100%;
    }
}

/* Dashboard: Son Siparişler + Son Destek Talepleri */
#modernpanel .ac-dashboard-layout .ac-dash-lists{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-dashboard-layout .ac-dash-lists.ac-dash-lists-single{
    grid-template-columns:1fr;
}
#modernpanel .ac-dashboard-layout .ac-dash-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#fff;
    border:1px solid rgba(48,72,95,0.14);
    border-radius:5px;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    overflow:hidden;
}
#modernpanel .ac-dashboard-layout .ac-dash-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid rgba(48,72,95,0.08);
    background:linear-gradient(180deg,rgba(48,72,95,0.03) 0%,rgba(255,255,255,0) 100%);
}
#modernpanel .ac-dashboard-layout .ac-dash-card-head h3{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:0;
    color:#243849;
    font-size:16px;
    font-weight:700;
    line-height:1.25;
}
#modernpanel .ac-dashboard-layout .ac-dash-card-head h3 i{
    color:#30485F;
    font-size:15px;
}
#modernpanel .ac-dashboard-layout .ac-dash-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:36px;
    margin:0 !important;
    padding:0 14px !important;
    border:0 !important;
    border-radius:5px !important;
    color:#fff !important;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none !important;
    box-sizing:border-box;
    cursor:pointer;
    transition:background .2s ease;
    white-space:nowrap;
}
#modernpanel .ac-dashboard-layout .ac-dash-btn-sm{
    min-height:30px;
    padding:0 12px !important;
    font-size:12px;
}
#modernpanel .ac-dashboard-layout .ac-dash-btn-primary{
    background:#30485F !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-btn-primary:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-btn-success{
    background:#28a745 !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-btn-success:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-btn-disabled{
    background:#9aa8b5 !important;
    cursor:default;
    opacity:.7;
    pointer-events:none;
}
#modernpanel .ac-dashboard-layout .ac-dash-table-wrap{
    width:100%;
    padding:0 0 8px;
    overflow:auto;
}
#modernpanel .ac-dashboard-layout .ac-dash-card .dataTables_wrapper{
    width:100%;
    padding:0;
}
#modernpanel .ac-dashboard-layout .ac-dash-dt-table{
    width:100% !important;
    margin:0 !important;
    border-collapse:collapse;
}
#modernpanel .ac-dashboard-layout .ac-dash-dt-table thead th{
    padding:10px 12px !important;
    border-bottom:1px solid rgba(48,72,95,0.10) !important;
    background:#f7f9fb !important;
    color:#64748b !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-align:left !important;
    white-space:nowrap;
}
#modernpanel .ac-dashboard-layout .ac-dash-dt-table tbody td{
    padding:11px 12px !important;
    border-bottom:1px solid rgba(48,72,95,0.08) !important;
    color:#243849;
    font-size:13px;
    vertical-align:middle !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-dt-table tbody tr:last-child td{border-bottom:0 !important}
#modernpanel .ac-dashboard-layout .ac-dash-dt-table tbody tr:hover{
    background:rgba(48,72,95,0.03);
}
#modernpanel .ac-dashboard-layout .ac-dash-dt-table a{
    color:#243849;
    text-decoration:none;
    font-weight:600;
}
#modernpanel .ac-dashboard-layout .ac-dash-dt-table a:hover{color:#28a745}
#modernpanel .ac-dashboard-layout .ac-dash-dt-meta{
    display:block;
    margin-top:3px;
    color:#6b8296;
    font-size:12px;
    font-weight:600;
    line-height:1.3;
    word-break:break-word;
}
#modernpanel .ac-dashboard-layout .ac-dash-dt-unread{font-weight:700}
#modernpanel .ac-dashboard-layout .ac-dash-dt-footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    padding:10px 14px 12px;
}
#modernpanel .ac-dashboard-layout .ac-dash-card .dataTables_paginate{
    float:none !important;
    text-align:right;
    padding:0 !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-card .dataTables_paginate .paginate_button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:30px;
    height:30px;
    margin:0 2px !important;
    padding:0 8px !important;
    border:1px solid rgba(48,72,95,0.14) !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#30485F !important;
    font-size:12px !important;
    font-weight:600 !important;
    box-shadow:none !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-card .dataTables_paginate .paginate_button.current{
    background:#30485F !important;
    border-color:#30485F !important;
    color:#fff !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-card .dataTables_paginate .paginate_button:hover{
    background:#243849 !important;
    border-color:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-card .dataTables_paginate .paginate_button.disabled,
#modernpanel .ac-dashboard-layout .ac-dash-card .dataTables_paginate .paginate_button.disabled:hover{
    background:#fff !important;
    border-color:rgba(48,72,95,0.10) !important;
    color:#9aa8b5 !important;
    cursor:default !important;
}
#modernpanel .ac-dashboard-layout .ac-dash-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:36px 20px;
    text-align:center;
    color:#6b7c8a;
}
#modernpanel .ac-dashboard-layout .ac-dash-empty i{
    font-size:28px;
    color:#9aa8b5;
    margin-bottom:4px;
}
#modernpanel .ac-dashboard-layout .ac-dash-empty strong{
    display:block;
    color:#243849;
    font-size:15px;
    font-weight:700;
    line-height:1.35;
}
#modernpanel .ac-dashboard-layout .ac-dash-empty span{
    display:block;
    max-width:320px;
    font-size:13px;
    line-height:1.45;
}
@media screen and (max-width:900px){
    #modernpanel .ac-dashboard-layout .ac-dash-lists{
        grid-template-columns:1fr;
    }
    #modernpanel .ac-dashboard-layout .ac-dash-card-head{
        flex-wrap:wrap;
    }
}
@media screen and (max-width:720px){
    #modernpanel .ac-dashboard-layout .ac-dash-dt-table thead{display:none}
    #modernpanel .ac-dashboard-layout .ac-dash-dt-table tbody tr{
        display:block;
        padding:12px 14px;
        border-bottom:1px solid rgba(48,72,95,0.10);
    }
    #modernpanel .ac-dashboard-layout .ac-dash-dt-table tbody td{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:12px;
        width:100%;
        padding:6px 0 !important;
        border:0 !important;
        text-align:right;
    }
    #modernpanel .ac-dashboard-layout .ac-dash-dt-table tbody td::before{
        content:attr(data-label);
        flex:0 0 auto;
        color:#6b8296;
        font-size:11px;
        font-weight:700;
        text-align:left;
    }
    #modernpanel .ac-dashboard-layout .ac-dash-dt-footer{
        justify-content:center;
    }
}

#modernpanel .ac-dashboard-layout .invoiceremind.ac-invoice-card{
    position:relative;
    display:block;
    float:none;
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
    background:#fff;
    border:1px solid rgba(48,72,95,0.10);
    border-left:4px solid #dc3545;
    border-radius:5px;
    box-shadow:0 6px 18px rgba(48,72,95,0.06);
    overflow:hidden;
}
#modernpanel .ac-dashboard-layout .ac-invoice-card-inner{
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    align-items:center;
    gap:16px 20px;
    padding:18px 20px;
}
#modernpanel .ac-dashboard-layout .ac-invoice-icon{
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(220,53,69,0.10);
    color:#dc3545;
    font-size:22px;
    line-height:1;
}
#modernpanel .ac-dashboard-layout .ac-invoice-body{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}
#modernpanel .ac-dashboard-layout .ac-invoice-body h2{
    margin:0;
    padding:0;
    font-size:18px;
    font-weight:700;
    line-height:1.3;
    color:#30485F;
}
#modernpanel .ac-dashboard-layout .ac-invoice-body p{
    margin:0;
    color:rgba(48,72,95,0.72);
    font-size:13.5px;
    font-weight:400;
    line-height:1.45;
}
#modernpanel .ac-dashboard-layout .ac-invoice-body p strong{
    color:#30485F;
    font-weight:700;
}
#modernpanel .ac-dashboard-layout .ac-invoice-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:4px;
}
#modernpanel .ac-dashboard-layout .ac-invoice-chip{
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-height:28px;
    padding:0 10px;
    border-radius:5px;
    background:#f5f7f9;
    border:1px solid rgba(48,72,95,0.10);
    color:#30485F;
    font-size:12px;
    font-weight:600;
    line-height:1;
}
#modernpanel .ac-dashboard-layout .ac-invoice-chip strong{
    font-weight:800;
}
#modernpanel .ac-dashboard-layout .ac-invoice-chip-total{
    background:rgba(220,53,69,0.08);
    border-color:rgba(220,53,69,0.18);
    color:#c82333;
    font-weight:800;
}
#modernpanel .ac-dashboard-layout .ac-invoice-side{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:8px;
    min-width:150px;
}
#modernpanel .ac-dashboard-layout .ac-invoice-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border-radius:5px;
    background:#dc3545;
    color:#fff !important;
    font-size:13.5px;
    font-weight:700;
    line-height:1;
    text-decoration:none !important;
    border:0;
    white-space:nowrap;
    transition:background .2s ease,transform .15s ease;
}
#modernpanel .ac-dashboard-layout .ac-invoice-btn:hover{
    background:#c82333;
    color:#fff !important;
}
#modernpanel .ac-dashboard-layout .ac-invoice-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:rgba(48,72,95,0.72) !important;
    font-size:12.5px;
    font-weight:600;
    text-decoration:none !important;
    text-align:center;
}
#modernpanel .ac-dashboard-layout .ac-invoice-link:hover{
    color:#30485F !important;
}
@media screen and (max-width:900px){
    #modernpanel .ac-dashboard-layout .ac-invoice-card-inner{
        grid-template-columns:52px minmax(0,1fr);
        padding:16px;
        gap:14px;
    }
    #modernpanel .ac-dashboard-layout .ac-invoice-side{
        grid-column:1 / -1;
        flex-direction:row;
        align-items:center;
        min-width:0;
    }
    #modernpanel .ac-dashboard-layout .ac-invoice-btn{
        flex:1 1 auto;
    }
    #modernpanel .ac-dashboard-layout .ac-invoice-link{
        flex:0 0 auto;
        padding:0 8px;
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-dashboard-layout .ac-invoice-card-inner{
        grid-template-columns:1fr;
    }
    #modernpanel .ac-dashboard-layout .ac-invoice-icon{
        width:44px;
        height:44px;
        font-size:18px;
    }
    #modernpanel .ac-dashboard-layout .ac-invoice-body h2{
        font-size:16px;
    }
    #modernpanel .ac-dashboard-layout .ac-invoice-side{
        flex-direction:column;
        align-items:stretch;
    }
    #modernpanel .ac-dashboard-layout .ac-invoice-btn,
    #modernpanel .ac-dashboard-layout .ac-invoice-link{
        width:100%;
    }
}
#modernpanel .ac-dashboard-layout .wclientblockscon{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--ac-dash-gap);
    width:100%;
    margin:0;
    text-align:left;
}
#modernpanel .ac-dashboard-layout .moderncliendblock{
    display:block;
    width:100%;
    margin:0;
    min-height:0;
    vertical-align:top;
}
#modernpanel .ac-dashboard-layout .moderncliendblock .mpanelrightcon{
    padding:20px;
}
#modernpanel .ac-dashboard-layout .moderncliendblock .mpaneltitle{
    float:none;
    width:calc(100% + 40px);
    margin:-20px -20px 15px -20px;
    box-sizing:border-box;
}
.modernclientmenu ul{list-style:none;padding:0px;margin:0px}
.modernclientmenu ul .inner{overflow:hidden;display:none}
.modernclientmenu ul .inner.show{}
.modernclientmenu ul li a.toggle{width:100%;display:block;color:rgba(255,255,255,0.8);padding:17px 0px;transition:background .3s ease;font-weight:400;border-bottom:1px solid rgba(0,0,0,0.15)}
.modernclientmenu ul li ul li a.toggle{font-size:14px;padding:12px 0px}
.modernclientmenu ul li i{width:30px}
.modernclientmenu ul li a span{padding:0px 20px}
.modernclientmenu ul li a.toggle:hover{background:rgba(0,0,0,0.25)}
.modernclientmenu #active{background:rgba(0,0,0,0.25)}
.modernclientmenu ul li ul li span{padding-left:50px}
.modernclientmenu ul li ul li i{width:20px}
.modernclientmenu ul li ul li ul li span{padding-left:70px}
.mclientlastblocks thead{    background: #eee;}
.mclientlastblocks table tr td,th{padding:9px;border-bottom:1px solid #eee}
.mclientlastblocks .productinfo{font-size:14px;    opacity: .7;}
#modernpanel .moderncliendblock .mpaneltitle{float:left;width:103.5%;border-bottom:none;padding:12px;margin-bottom:15px;background:#30485F;color:white;margin-top:-20px;margin-left:-20px}
#modernpanel .moderncliendblock .mpaneltitle h4 strong{font-weight:500;font-size:17px;color:rgba(255,255,255,0.66)}
#modernpanel .moderncliendblock .incelebtn{font-size:15px}
#modernpanel .moderncliendblock table tr{box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.3);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#modernpanel .moderncliendblock table tr:hover{box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.6);background:rgba(225,225,225,0.36)}
.listingstatus span{font-size:13px;padding:5px;text-align:center;min-width:100px;display:inline-block;border:1px solid;border-radius:5px;font-weight:600;}
.listingstatus .wait{border:1px solid #f44336;color:#f44336;}
.listingstatus .responded{border:1px solid #4CAF50;color:#4CAF50;}
.listingstatus .active{border:1px solid #4CAF50;color:#4CAF50;}
.listingstatus .process{border:1px solid #03a9f4;color:#03a9f4;}
.listingstatus .resolved{border:1px solid #03a9f4;color:#03a9f4}
.listingstatus .autorenew{color: #9C27B0;    margin-bottom: 5px;}
.mclientlastblocks .mpaneltitle h4{display:inline-block}
{float:right;font-size:13px;border:none;background:#eee;margin-top:-5px;opacity:.7}
.mclientlastblocks .mpaneltitle .sbtn{float:right;font-size:13px;margin-top:-2px;opacity:.8;width:auto;padding:5px 10px;background:rgba(0,0,0,0.19);color:rgba(255,255,255,0.66)}
.mclientlastblocks .mpaneltitle .sbtn:hover{background:rgba(0,0,0,0.25);color:rgba(255,255,255,0.95)}
.noentryblock{width:100%;margin:70px 0px;text-align:center;display:inline-block}
.noentryblock i{font-size:82px;margin-bottom:20px}
.noentryblock h2{font-size:20px;font-weight:600}
.noentryblock h4{font-size:17px;font-weight:300}
#modernpanel .mpanelinfo span i{font-style:normal}
.mclientmobbtn{font-size:26px;float:left;margin:0px 20px}
#modernpanel #dashboard_button_close{opacity:0;top:0px;position:absolute;right:-64px;font-size:32px;background:#2c4a59;color:white;padding:5px 20px;padding-left:0px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px}
#modernpanel .ac-topnav #dashboard_button_close{
    opacity:1;
    right:16px;
    top:16px;
    padding:0;
    background:#f3f6f8;
    color:#30485F;
    border-radius:10px;
}
.mclientmobbtn{display:none}
#modernpanel .ac-topnav .ac-topnav-burger.mclientmobbtn{display:none}
.modernclient-rightcon{width:100%;display:inline-block;background:white;margin-bottom:25px;padding-bottom:40px}
.modernclient-rightcon .mpaneltitle h4{font-size:22px;display:inline-block;margin-bottom:10px}
.modernclient-rightcon .mpaneltitle .destekolsbtn{font-size:15px;padding:24px 25px;margin-top:-20px;border-radius:0px;background:#81c04e;color:white;margin-right:-35px;margin-bottom:-30px}
.modernclient-rightcon .mpaneltitle .destekolsbtn:hover{background:#6a9d40;border:2px solid #6a9d40}
.wclientblockscon{text-align:center;margin-bottom:25px}
.noclick{background:#eee;color:inherit;opacity:.5}
.noclick:hover{background:#eee;color:inherit}
.wclientnotifi{display:inline-block;}
#modernpanel .wclientnotification{background:white;width:350px;position:absolute;top:60px;z-index:16;font-size:13px;-webkit-box-shadow:0px 0px 55px 1px rgba(54,50,64,0.2);box-shadow:0px 0px 55px 1px rgba(54,50,64,0.2);border-radius:5px;line-height:25px;right:3%;overflow:hidden;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.wclientnotifi:hover .wclientnotification{display:block}
.wclientnotifi:hover .wnotifitibtn{background:#f3f3f3}
.wnotificontent{overflow-y:auto;overflow-x:hidden;height:300px;display:inline-block;width:100%}
.wnotificontent::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:#F5F5F5}
.wnotificontent::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
.wnotificontent::-webkit-scrollbar-thumb{background-color:#dbdbdb}
.wnotifititle{background:#2c4a59;color:white;text-align:center;overflow:hidden;position:relative;background-image:url(../../../templates/system/images/leftbarbg.png);background-repeat:no-repeat;background-position:center;background-size:100% auto}
.wnotifititle i{font-size:150px;color:rgba(0,0,0,0.30);margin:auto;position:absolute;top:0;bottom:0;right:0px;margin-top:-20px}
.wnotifititle h3{font-size:18px;font-weight:600;position:relative;z-index:12}
.wnotifititle h5{font-size:15px;position:relative;z-index:12}
.wnotifilist{float:left;width:100%;line-height:20px;border-bottom:1px solid #eee;padding:8px 0px}
#modernpanel .wnotificontent a{font-size:13px;float:none;margin:0px;padding:0px;opacity:.8}
#modernpanel .wnotificontent a:hover{background:none;opacity:1}
.wnotifilistcon h5{font-size:13px}
.wnotifilisticon{float:left;width:10%}
.wnotifilistcon{float:right;width:90%}
#modernpanel .wnotifilisticon i{font-size:16px}
.wnotifilisticon .fa-check-circle-o{color:#8bc34a}
.wnotifilisticon .fa-exclamation-circle{color:#f44336}
.wnotificontent .read{opacity:0.5}
#modernpanel .allread{text-align:center;margin-top:10px;display:inline-block;width:100%}
#modernpanel .allread a{border:1px solid;padding:5px 12px;font-size:12px;border-radius:5px;float:none;font-weight:600}
#modernpanel .allread a:hover{text-decoration:none;background:#eee;border:1px solid #eee}
.notifi-count{font-size:12px;width:20px;height:20px;background:linear-gradient(#f16257 0%,#c83126 100%);color:#fff;position:absolute;text-align:center;line-height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-10px;font-weight:600;font-family:'Titillium Web',sans-serif;margin-top:10px;-webkit-animation:alert 2s linear 0s infinite normal;animation:alert 2s linear 0s infinite normal}
@-webkit-keyframes alert{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    5%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    10%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    15%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    20%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    30%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    35%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    40%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    45%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes alert{0%{-ms-transform:translateX(0);transform:translateX(0)}
    5%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    10%{-ms-transform:translateX(3px);transform:translateX(3px)}
    15%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    20%{-ms-transform:translateX(3px);transform:translateX(3px)}
    25%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    30%{-ms-transform:translateX(3px);transform:translateX(3px)}
    35%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    40%{-ms-transform:translateX(3px);transform:translateX(3px)}
    45%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    50%{-ms-transform:translateX(0);transform:translateX(0)}
}
.socialconnect{float:right;position:relative;text-align:right;margin-top:7px}
.socialconnect a{padding:10px 0px;display:inline-block;color:white;border-radius:50px;width:49%;background:#eee;border-radius:50px}
.socialconnect .facebookconnect{background:#3b5998}
.socialconnect .facebookconnect:hover{background:#324b81}
.socialconnect .googleconnect{background:#d43225}
.socialconnect .googleconnect:hover{background:#b82b20}
.connector{left:0;bottom:-10px;right:0;position:absolute}
.connector span{background:white;padding:0px 20px}
#modernpanel .mpanelblok:hover .mblokbtn{color:rgba(255,255,255,1.5);background:rgba(0,0,0,0.43)}
.mobmenuclose{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.23);z-index:9;display:none}
#modernpanel .clientcopyright,
#modernpanel .footsosyal,
#modernpanel .lastentry{display:none !important}
#modernpanel .ac-footer-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:100%;
    margin-top:auto;
    margin-bottom:0;
    padding:14px 18px;
    background:#fff;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    box-shadow:0 4px 14px rgba(48,72,95,0.05);
    box-sizing:border-box;
    flex:0 0 auto;
}
#modernpanel .ac-dashboard-layout .ac-footer-card,
#modernpanel .rightcontent > .ac-footer-card{
    margin-top:auto;
}
#modernpanel .ac-footer-copy{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0 4px;
    color:rgba(48,72,95,0.78);
    font-size:14.5px;
    font-weight:500;
    line-height:1.45;
}
#modernpanel .ac-footer-copy-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 2px;
    color:#30485F;
    font-size:1.15em;
    font-weight:700;
    line-height:1;
    vertical-align:middle;
    font-family:Arial,Helvetica,sans-serif;
}
#modernpanel .ac-footer-brand-name{
    font-weight:600;
    color:#30485F;
}
#modernpanel .ac-footer-brand{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#30485F;
}
#modernpanel .ac-footer-brand-label{
    font-size:13.5px;
    font-weight:600;
    color:rgba(48,72,95,0.68);
    line-height:1;
}
#modernpanel .ac-footer-badge{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:7px 14px;
    border-radius:5px;
    background:linear-gradient(135deg,#30485F 0%,#243849 100%);
    color:#fff !important;
    font-size:13.5px;
    font-weight:700;
    letter-spacing:.02em;
    line-height:1;
    text-decoration:none !important;
    box-shadow:0 2px 8px rgba(48,72,95,0.22);
}
#modernpanel .ac-footer-badge > span{
    position:relative;
    z-index:1;
}
#modernpanel .ac-footer-badge::after{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:70%;
    height:100%;
    background:linear-gradient(110deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.38) 50%,rgba(255,255,255,0) 100%);
    transform:skewX(-20deg);
    animation:acFooterShine 4.8s ease-in-out infinite;
    pointer-events:none;
}
#modernpanel .ac-footer-badge:hover{
    background:linear-gradient(135deg,#28a745 0%,#218838 100%);
    box-shadow:0 2px 10px rgba(40,167,69,0.28);
    color:#fff !important;
}
@keyframes acFooterShine{
    0%,55%{left:-140%}
    85%,100%{left:160%}
}
@media screen and (max-width:640px){
    #modernpanel .ac-footer-card{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
        padding:14px 16px;
    }
    #modernpanel .ac-footer-brand{
        align-self:flex-end;
    }
}
#modernpanel .mpanelrightcon{padding:20px 30px}
#modernpanel .moderncliendblock .mpanelrightcon{padding:20px;font-size:14px}
#basic_client_rightcon{float:right;width:75%;margin-bottom:35px}
#muspanel .mpanelleft{margin-top:10px}
.mpanelrightcon table th{padding:10px}
#modernpanel .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{background:#607D8B}
#modernpanel .destekinfo h5{color:inherit}
#modernpanel.destekinfo h4{color:inherit}
#modernpanel .destekdetayright .gonderbtn{font-size:inherit}
#modernpanel .destekinfo{border:none;background:rgba(212,212,212,0.24);box-shadow:0px 0px 10px #e1e1e1}
#modernpanel .ticketstatusbtn .graybtn{opacity:.8}
#modernpanel .ticketstatusbtn .gonderbtn{width:40%;margin:20px}
#modernpanel .msjyazan h4 span{border-radius:3px;padding:2px 8px;float:right;margin-top:-1px}
#modernpanel .msjyazan h5{border-radius:3px;margin-top:-2px;padding:2px 8px}
#muspanel .destekinfo h5{color:inherit}
#muspanel .destekinfo h4{color:inherit}
.ticketstatusbtn{width:80%;margin:auto}
#muspanel .destekdetayright .gonderbtn{font-size:inherit}
.ticketstatusbtn .mavibtn:hover{background:#4f84b5}
#modernpanel .destekdetayright .gonderbtn:hover{background:#6d993b}
#modernpanel .hizmetblok{margin:7px}
#modernpanel .yuzde50inpt{vertical-align:top}
#modernpanel #updownbtn{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
#muspanel #updownbtn{-webkit-filter:grayscale(0%);filter:grayscale(0%)}
#modernpanel .ModifyDns{margin:45px 15px;padding-top:20px;border:none;position:relative;box-shadow:0px 0px 20px #ededed}
#modernpanel .select2-container--default .select2-selection--single .select2-selection__arrow{height:60px}
#modernpanel .select2-container .select2-selection--single{height:auto;padding:6px 0px}
#modernpanel #products_wrapper table.dataTable tbody tr{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.3);-moz-box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.3);box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.3)}
#modernpanel #products_wrapper table.dataTable tbody tr:hover{background:rgba(223,223,223,0.37)}
#modernpanel .sayfayolu{margin-top:6px}
#modernpanel .domainlookuplist{width:80%}
#modernpanel .domainozellikler{display:none}
#modernpanel .sss{display:none}
#modernpanel .sepet{margin-top:30px}
.modernclient-rightcon #wrapper{width:100%}
#modernpanel .modernclient-rightcon #wrapper{width:100% !important;margin-left:0 !important;margin-right:0 !important}
#modernpanel .amount_spot_view{
    position:relative;
    display:inline-flex;
    align-items:baseline;
    gap:3px;
    white-space:nowrap;
}
#modernpanel .amount_spot_view i{
    position:static !important;
    left:auto !important;
    right:auto !important;
    margin:0 !important;
    font-style:normal;
    font-size:inherit;
    font-weight:inherit;
    line-height:1;
}
#modernpanel .amount_spot_view .currposright{order:2}
#modernpanel .amount_spot_view .currposleft{order:0}
#modernpanel .currposright,
#modernpanel .currposleft{
    margin:0 !important;
}
#modernpanel .wclientdomainpage{
    width:100% !important;
    max-width:none;
    margin:0 0 20px;
    float:none;
    clear:both;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card{
    --ac-domain-h:52px;
    position:relative;
    float:none;
    width:100% !important;
    max-width:none;
    margin:0 0 18px !important;
    padding:0 !important;
    text-align:left;
    background:
        linear-gradient(135deg,rgba(48,72,95,0.08) 0%,rgba(255,255,255,0.98) 48%,rgba(40,167,69,0.08) 100%),
        #fff;
    border:1px solid rgba(48,72,95,0.14);
    border-radius:5px;
    box-shadow:0 10px 28px rgba(48,72,95,0.08);
    overflow:hidden;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage #checkButton,
#modernpanel .wclientdomainpage #transferbtn{
    position:static !important;
    margin:0 !important;
    float:none !important;
}
#modernpanel .wclientdomainpage .ac-domain-page-inner{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 24px;
}
#modernpanel .wclientdomainpage .ac-domain-page-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:20px 28px;
}
#modernpanel .wclientdomainpage .ac-domain-page-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}
#modernpanel .wclientdomainpage .ac-domain-page-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0;
    padding:5px 10px;
    border-radius:5px;
    background:rgba(40,167,69,0.12);
    border:1px solid rgba(40,167,69,0.22);
    color:#218838;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    line-height:1.2;
}
#modernpanel .wclientdomainpage .ac-domain-page-badge i{font-size:12px;line-height:1}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card h1{
    margin:0;
    padding:0;
    font-size:24px;
    font-weight:700;
    line-height:1.25;
    color:#243849;
    text-align:left;
}
#modernpanel .wclientdomainpage .ac-domain-page-copy p{
    margin:0;
    max-width:560px;
    color:rgba(48,72,95,0.72);
    font-size:14px;
    font-weight:400;
    line-height:1.5;
}
#modernpanel .wclientdomainpage .ac-domain-page-price{
    flex:0 0 auto;
    min-width:148px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:14px 18px;
    border-radius:5px;
    background:#30485F;
    color:#fff;
    box-shadow:0 1px 3px rgba(48,72,95,0.16);
    text-align:center;
}
#modernpanel .wclientdomainpage .ac-domain-page-price-label,
#modernpanel .wclientdomainpage .ac-domain-page-price-note{
    display:block;
    font-size:11px;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:uppercase;
    opacity:.88;
    line-height:1.2;
}
#modernpanel .wclientdomainpage .ac-domain-page-price-value,
#modernpanel .wclientdomainpage .ac-domain-page-price-value .amount_spot_view{
    display:inline-flex;
    align-items:baseline;
    justify-content:center;
    gap:4px;
    margin:2px 0;
    color:#fff;
    font-size:28px;
    font-weight:800;
    line-height:1.1;
    letter-spacing:-.02em;
}
#modernpanel .wclientdomainpage .ac-domain-page-price-value .amount_spot_view i{
    font-style:normal;
    font-weight:800;
    color:#fff;
    font-size:inherit;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card form{margin:0;width:100%}
#modernpanel .wclientdomainpage .ac-domain-page-search-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:stretch;
    gap:10px;
    width:100%;
}
#modernpanel .wclientdomainpage .ac-domain-page-search{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:stretch;
    width:100%;
    min-width:0;
    height:var(--ac-domain-h);
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
    overflow:hidden;
    transition:border-color .2s ease,box-shadow .2s ease;
}
#modernpanel .wclientdomainpage .ac-domain-page-search:focus-within{
    border-color:#28a745;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12);
}
#modernpanel .wclientdomainpage .ac-domain-page-search-ico{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    color:rgba(48,72,95,0.55);
    font-size:15px;
    background:transparent;
    pointer-events:none;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card #domainInput{
    width:100%;
    min-width:0;
    height:100%;
    margin:0 !important;
    padding:0 12px 0 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:15px;
    font-weight:500;
    color:#243849;
    line-height:var(--ac-domain-h);
    outline:none;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card #domainInput::placeholder{
    color:#8aa0ab;
    font-weight:400;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card .gonderbtn{
    position:static !important;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
    height:var(--ac-domain-h);
    min-width:132px;
    width:auto;
    margin:0 !important;
    padding:0 20px;
    border:0;
    border-radius:5px;
    background:#28a745;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    box-sizing:border-box;
    transition:background .2s ease;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card .gonderbtn:hover{
    background:#218838;
    color:#fff !important;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card .gonderbtn.ac-domain-page-check{
    background:#28a745;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card .gonderbtn.ac-domain-page-transfer{
    background:#30485F;
}
#modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card .gonderbtn.ac-domain-page-transfer:hover{
    background:#243849;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight[hidden]{
    display:none !important;
}
#modernpanel .wclientdomainpage .ac-domain-page-tlds{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 10px;
    min-height:28px;
}
#modernpanel .wclientdomainpage .ac-domain-page-tlds-label{
    color:rgba(48,72,95,0.55);
    font-size:12px;
    font-weight:600;
    margin-right:2px;
}
#modernpanel .wclientdomainpage .ac-domain-page-tlds ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
}
#modernpanel .wclientdomainpage .ac-domain-page-tlds li{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:5px;
    background:rgba(48,72,95,0.06);
    border:1px solid rgba(48,72,95,0.10);
    color:#30485F;
    font-size:12px;
    font-weight:700;
    line-height:1;
}
#modernpanel .wclientdomainpage .ac-domain-page-captcha{
    margin:0;
    padding:14px 16px;
    border-radius:5px;
    background:rgba(48,72,95,0.04);
    border:1px solid rgba(48,72,95,0.10);
}
#modernpanel .wclientdomainpage .ac-domain-page-captcha input[type="text"]{
    width:100%;
    max-width:280px;
    margin:10px 0 0;
    padding:10px 12px;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff;
    font-size:14px;
}
#modernpanel .wclientdomainpage .transfercode.ac-domain-transfer{
    display:none;
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
    opacity:1;
}
#modernpanel .wclientdomainpage .ac-domain-transfer-inner{
    display:grid;
    gap:12px;
    padding:16px;
    border-radius:5px;
    background:rgba(48,72,95,0.04);
    border:1px solid rgba(48,72,95,0.12);
}
#modernpanel .wclientdomainpage .ac-domain-transfer-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
}
#modernpanel .wclientdomainpage .ac-domain-transfer-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 9px;
    border-radius:5px;
    background:rgba(48,72,95,0.10);
    border:1px solid rgba(48,72,95,0.14);
    color:#30485F;
    font-size:11px;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;
}
#modernpanel .wclientdomainpage .transfercode.ac-domain-transfer h5{
    margin:0;
    color:#243849;
    font-size:14px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .wclientdomainpage .ac-domain-transfer-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
    gap:0;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff;
    overflow:hidden;
}
#modernpanel .wclientdomainpage .transfercode.ac-domain-transfer input{
    width:100%;
    margin:0 !important;
    padding:0 14px !important;
    height:48px;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    font-size:15px;
    font-weight:500;
    color:#243849;
    outline:none;
}
#modernpanel .wclientdomainpage .transfercode.ac-domain-transfer .lbtn.ac-domain-transfer-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:140px;
    width:auto;
    height:48px;
    margin:0 !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:0 !important;
    background:#30485F !important;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    line-height:1;
}
#modernpanel .wclientdomainpage .transfercode.ac-domain-transfer .lbtn.ac-domain-transfer-btn:hover{
    background:#243849 !important;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    gap:10px;
    margin:0 0 18px;
    padding:0;
    text-align:left;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .uzantibox{
    float:none;
    width:auto;
    margin:0;
    padding:0;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 4px 14px rgba(48,72,95,0.05);
    overflow:hidden;
    position:relative;
    transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .uzantibox:hover{
    border-color:rgba(48,72,95,0.22);
    box-shadow:0 8px 20px rgba(48,72,95,0.08);
    transform:translateY(-1px);
}
#modernpanel .wclientdomainpage .ac-spotlight-body{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding:14px 14px 12px;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .uzantibox h4{
    margin:0;
    color:#243849;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .uzantibox h4 img{
    max-height:22px;
    width:auto;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .uzantibox h5,
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .dnewprice{
    margin:0;
    color:#30485F;
    font-size:14px;
    font-weight:600;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .amount_spot_view,
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .amount_spot_view i{
    color:inherit;
    font-size:inherit;
    font-weight:700;
}
#modernpanel .wclientdomainpage .popuzantilar.ac-domain-spotlight .domdiscount{
    display:inline-block;
    margin:10px 14px 0;
    padding:3px 8px;
    border-radius:5px;
    background:rgba(40,167,69,0.12);
    border:1px solid rgba(40,167,69,0.22);
    color:#218838;
    font-size:11px;
    font-weight:700;
    box-shadow:none;
}
#modernpanel .wclientdomainpage .domainlookuplist.ac-domain-results{
    width:100%;
    margin:0 0 18px;
    padding:18px 20px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    float:none;
    box-sizing:border-box;
    overflow:hidden;
}
#modernpanel .wclientdomainpage .tldavailable.ac-domain-status{
    text-align:left;
    margin:0 0 16px;
}
#modernpanel .wclientdomainpage .tldavailable.ac-domain-status .spinnertld{
    margin:8px auto;
}
#modernpanel .wclientdomainpage .tldavailable h4,
#modernpanel .wclientdomainpage .tldavailable h4.ac-domain-status-ok,
#modernpanel .wclientdomainpage .tldavailable h4.ac-domain-status-no{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin:0;
    padding:14px 16px;
    border-radius:5px;
    font-size:16px;
    font-weight:700;
    line-height:1.4;
    text-align:left;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage #showTLDStatusAvailable,
#modernpanel .wclientdomainpage .tldavailable h4.ac-domain-status-ok{
    background:rgba(40,167,69,0.10);
    border:1px solid rgba(40,167,69,0.22);
    color:#218838;
}
#modernpanel .wclientdomainpage #showTLDStatusAvailable::before,
#modernpanel .wclientdomainpage .tldavailable h4.ac-domain-status-ok::before{
    content:"\f00c";
    font-family:FontAwesome;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    border-radius:5px;
    background:#28a745;
    color:#fff;
    font-size:13px;
    font-weight:400;
}
#modernpanel .wclientdomainpage #showTLDStatusUnavailable,
#modernpanel .wclientdomainpage .tldavailable h4.ac-domain-status-no{
    background:rgba(220,53,69,0.08);
    border:1px solid rgba(220,53,69,0.18);
    color:#c82333;
}
#modernpanel .wclientdomainpage #showTLDStatusUnavailable::before,
#modernpanel .wclientdomainpage .tldavailable h4.ac-domain-status-no::before{
    content:"\f00d";
    font-family:FontAwesome;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    border-radius:5px;
    background:#dc3545;
    color:#fff;
    font-size:13px;
    font-weight:400;
}
#modernpanel .wclientdomainpage .ac-domain-results-table{
    width:100%;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    overflow:hidden;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage .lookcolumtitle{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(150px,1fr);
    gap:10px;
    align-items:center;
    margin:0;
    padding:11px 14px;
    border-radius:0;
    background:rgba(48,72,95,0.06);
    border:0;
    border-bottom:1px solid rgba(48,72,95,0.10);
    float:none;
    width:auto;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage .lookcolumtitle .lookcolum{
    float:none;
    width:auto;
    height:auto;
    line-height:1.3;
    margin:0;
    padding:0;
    border:0;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    text-align:left;
}
#modernpanel .wclientdomainpage .lookcolumtitle .lookcolum:last-child{
    display:flex;
    justify-content:flex-end;
}
#modernpanel .wclientdomainpage .ac-domain-results-table .checkbox-custom-label{
    margin:0 !important;
}
#modernpanel .wclientdomainpage .ac-domain-results-table .checkbox-custom+.checkbox-custom-label:before{
    margin-right:0;
    border-color:#28a745;
    border-radius:5px;
}
#modernpanel .wclientdomainpage .ac-domain-results-table .checkbox-custom:checked+.checkbox-custom-label:before{
    background:#28a745;
    color:#fff;
}
#modernpanel .wclientdomainpage #LookupList .lookcolumlist{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(150px,1fr);
    gap:10px;
    align-items:center;
    float:none;
    width:auto;
    margin:0;
    padding:14px;
    border:0;
    border-bottom:1px solid rgba(48,72,95,0.08);
    box-sizing:border-box;
    background:#fff;
}
#modernpanel .wclientdomainpage #LookupList .lookcolumlist:last-child{border-bottom:0}
#modernpanel .wclientdomainpage #LookupList .lookcolumlist:hover{background:rgba(48,72,95,0.025)}
#modernpanel .wclientdomainpage #LookupList .lookcolum{
    float:none;
    width:auto;
    height:auto;
    line-height:1.35;
    margin:0;
    padding:0;
    border:0;
    font-size:14px;
    color:#243849;
    text-align:left;
}
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-name strong,
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-name.tldhere strong{
    color:#243849;
    font-size:15px;
    font-weight:700;
}
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-status{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    justify-self:start;
    align-self:center;
    width:max-content !important;
    max-width:100%;
    height:auto !important;
    min-height:0 !important;
    line-height:1.2 !important;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-status#tldok,
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-status #tldok,
#modernpanel .wclientdomainpage #tldok{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    justify-self:start;
    width:max-content !important;
    max-width:100%;
    height:auto !important;
    min-height:24px !important;
    margin:0;
    padding:4px 9px !important;
    border-radius:5px;
    background:rgba(40,167,69,0.12) !important;
    border:1px solid rgba(40,167,69,0.22) !important;
    color:#218838 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    white-space:nowrap;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-status#tldno,
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-status #tldno,
#modernpanel .wclientdomainpage #tldno{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    justify-self:start;
    width:max-content !important;
    max-width:100%;
    height:auto !important;
    min-height:24px !important;
    margin:0;
    padding:4px 9px !important;
    border-radius:5px;
    background:rgba(220,53,69,0.08) !important;
    border:1px solid rgba(220,53,69,0.18) !important;
    color:#c82333 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    white-space:nowrap;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-prices{
    min-width:0;
}
#modernpanel .wclientdomainpage #LookupList #tesclsure,
#modernpanel .wclientdomainpage #LookupList select#tesclsure,
#modernpanel .wclientdomainpage #LookupList select{
    display:block;
    width:100%;
    max-width:100%;
    height:38px;
    margin:0;
    padding:0 32px 0 12px;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size:12px 8px;
    color:#243849;
    font-size:13px;
    font-weight:600;
    font-family:inherit;
    line-height:38px;
    text-align:left;
    text-align-last:left;
    cursor:pointer;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage #LookupList .lookcolum.tld-select{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:6px;
    margin:0;
    line-height:normal;
    text-align:right;
}
#modernpanel .wclientdomainpage .lookcolum .lbtn,
#modernpanel .wclientdomainpage .lookcolum a.lbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    min-width:0;
    margin:0 !important;
    padding:8px 12px !important;
    border:0 !important;
    border-radius:5px !important;
    background:rgba(48,72,95,0.08) !important;
    color:#30485F !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    white-space:nowrap;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage .lookcolum .lbtn.transfer-btn,
#modernpanel .wclientdomainpage .lookcolum a.lbtn.transfer-btn{
    background:#28a745 !important;
    color:#fff !important;
}
#modernpanel .wclientdomainpage .lookcolum .lbtn.transfer-btn:hover,
#modernpanel .wclientdomainpage .lookcolum a.lbtn.transfer-btn:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .wclientdomainpage .lookcolum .lbtn.whois-btn,
#modernpanel .wclientdomainpage .lookcolum a.lbtn.whois-btn{
    background:#30485F !important;
    color:#fff !important;
}
#modernpanel .wclientdomainpage .lookcolum .lbtn.whois-btn:hover,
#modernpanel .wclientdomainpage .lookcolum a.lbtn.whois-btn:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .wclientdomainpage .lookcolumlist.tldlistfoot{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    float:none;
    width:100%;
    margin:16px 0 0;
    padding:0;
    border:0;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage .lookcolumlist.tldlistfoot .lookcolum{
    float:none !important;
    width:auto !important;
    height:auto;
    margin:0;
    padding:0;
    border:0;
    text-align:right;
}
#modernpanel .wclientdomainpage #ContinueButton.gonderbtn,
#modernpanel .wclientdomainpage #ContinueButton.yesilbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:100%;
    min-width:180px;
    height:auto !important;
    margin:0 !important;
    padding:13px 22px !important;
    border:0 !important;
    border-radius:5px !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    box-sizing:border-box;
}
#modernpanel .wclientdomainpage #ContinueButton.gonderbtn:not([style]),
#modernpanel .wclientdomainpage #ContinueButton.yesilbtn:not([style]){
    background:#28a745 !important;
    color:#fff !important;
    cursor:pointer !important;
    opacity:1 !important;
}
#modernpanel .wclientdomainpage .tescilucretleri.ac-domain-pricelist,
#modernpanel .tescilucretleri.ac-domain-pricelist{
    float:none;
    clear:both;
    width:100% !important;
    max-width:none;
    margin:18px 0 0 !important;
    padding:20px 22px;
    text-align:left;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
}
#modernpanel .tescilucretleri.ac-domain-pricelist h4{
    margin:0 0 16px;
    color:#243849;
    font-size:18px;
    font-weight:700;
}
#modernpanel .ac-domain-pricelist-table{
    width:100%;
    overflow-x:auto;
    border-radius:5px;
    border:1px solid rgba(48,72,95,0.10);
}
#modernpanel .tescilucretleri.ac-domain-pricelist table{
    width:100%;
    margin:0;
    border-collapse:collapse;
    border-radius:0;
    overflow:visible;
}
#modernpanel .tescilucretleri.ac-domain-pricelist thead th{
    padding:12px 14px;
    background:rgba(48,72,95,0.06);
    border-bottom:1px solid rgba(48,72,95,0.10);
    color:#30485F;
    font-size:13px;
    font-weight:700;
    text-align:left;
}
#modernpanel .tescilucretleri.ac-domain-pricelist thead th[align="center"]{text-align:center}
#modernpanel .tescilucretleri.ac-domain-pricelist tbody td{
    padding:13px 14px;
    border-bottom:1px solid rgba(48,72,95,0.08);
    color:#243849;
    font-size:14px;
    vertical-align:middle;
}
#modernpanel .tescilucretleri.ac-domain-pricelist tbody tr:last-child td{border-bottom:0}
#modernpanel .tescilucretleri.ac-domain-pricelist tbody tr:hover{background:rgba(48,72,95,0.03)}
#modernpanel .tescilucretleri.ac-domain-pricelist .ac-tld-promo-row{background:rgba(40,167,69,0.04)}
#modernpanel .tescilucretleri.ac-domain-pricelist .ac-tld-promo-name{
    color:#218838;
    font-size:16px;
    font-weight:700;
}
#modernpanel .tescilucretleri.ac-domain-pricelist .ac-tld-oldprice{
    text-decoration:line-through;
    color:rgba(48,72,95,0.45);
    font-size:12px;
    margin-bottom:2px;
}
#modernpanel .tescilucretleri.ac-domain-pricelist .ac-tld-promo-price{
    color:#218838;
    font-size:16px;
    font-weight:700;
}
#modernpanel .tescilucretleri.ac-domain-pricelist .ac-tld-docs{
    display:inline-flex;
    margin-left:8px;
    color:rgba(48,72,95,0.55);
}

/* iziModal backdrop blur (client panel) */
body#modernpanel > .iziModal-overlay{
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    background-color:rgba(36,56,73,0.42) !important;
}

/* Shared iziModal shell: nameserver + language/currency */
#modernpanel #default-nameserver.ac-ns-modal,
#default-nameserver.ac-ns-modal,
#modernpanel #selectLang.ac-ns-modal,
#selectLang.ac-ns-modal,
#modernpanel #selectCurrency.ac-ns-modal,
#selectCurrency.ac-ns-modal,
#modernpanel #cart-ns-details.ac-ns-modal,
#cart-ns-details.ac-ns-modal,
#modernpanel #cart-whois-details.ac-ns-modal,
#cart-whois-details.ac-ns-modal,
.ac-ns-modal.ac-langcur-modal{
    border-radius:5px !important;
    overflow:hidden;
    background:#fff !important;
    max-width:520px;
}
#modernpanel #cart-ns-details.ac-ns-modal,
#cart-ns-details.ac-ns-modal,
#modernpanel #cart-whois-details.ac-ns-modal,
#cart-whois-details.ac-ns-modal{
    max-width:800px;
}
/* Keep shell open/close animation; disable staggered inner reveals */
#modernpanel #default-nameserver.transitionIn .iziModal-header,
#default-nameserver.transitionIn .iziModal-header,
#modernpanel #default-nameserver.transitionIn .iziModal-header *,
#default-nameserver.transitionIn .iziModal-header *,
#modernpanel #default-nameserver.transitionIn .iziModal-wrap,
#default-nameserver.transitionIn .iziModal-wrap,
#modernpanel #default-nameserver.transitionIn .iziModal-content,
#default-nameserver.transitionIn .iziModal-content,
#modernpanel #default-nameserver.transitionIn .iziModal-iframe,
#default-nameserver.transitionIn .iziModal-iframe,
#modernpanel #default-nameserver.transitionOut .iziModal-header,
#default-nameserver.transitionOut .iziModal-header,
#modernpanel #default-nameserver.transitionOut .iziModal-header *,
#default-nameserver.transitionOut .iziModal-header *,
#modernpanel #default-nameserver.transitionOut .iziModal-wrap,
#default-nameserver.transitionOut .iziModal-wrap,
#modernpanel #default-nameserver.transitionOut .iziModal-content,
#default-nameserver.transitionOut .iziModal-content,
#modernpanel #selectLang.transitionIn .iziModal-header,
#selectLang.transitionIn .iziModal-header,
#modernpanel #selectLang.transitionIn .iziModal-header *,
#selectLang.transitionIn .iziModal-header *,
#modernpanel #selectLang.transitionIn .iziModal-wrap,
#selectLang.transitionIn .iziModal-wrap,
#modernpanel #selectLang.transitionIn .iziModal-content,
#selectLang.transitionIn .iziModal-content,
#modernpanel #selectLang.transitionOut .iziModal-header,
#selectLang.transitionOut .iziModal-header,
#modernpanel #selectLang.transitionOut .iziModal-header *,
#selectLang.transitionOut .iziModal-header *,
#modernpanel #selectLang.transitionOut .iziModal-wrap,
#selectLang.transitionOut .iziModal-wrap,
#modernpanel #selectLang.transitionOut .iziModal-content,
#selectLang.transitionOut .iziModal-content,
#modernpanel #selectCurrency.transitionIn .iziModal-header,
#selectCurrency.transitionIn .iziModal-header,
#modernpanel #selectCurrency.transitionIn .iziModal-header *,
#selectCurrency.transitionIn .iziModal-header *,
#modernpanel #selectCurrency.transitionIn .iziModal-wrap,
#selectCurrency.transitionIn .iziModal-wrap,
#modernpanel #selectCurrency.transitionIn .iziModal-content,
#selectCurrency.transitionIn .iziModal-content,
#modernpanel #selectCurrency.transitionOut .iziModal-header,
#selectCurrency.transitionOut .iziModal-header,
#modernpanel #selectCurrency.transitionOut .iziModal-header *,
#selectCurrency.transitionOut .iziModal-header *,
#modernpanel #selectCurrency.transitionOut .iziModal-wrap,
#selectCurrency.transitionOut .iziModal-wrap,
#modernpanel #selectCurrency.transitionOut .iziModal-content,
#selectCurrency.transitionOut .iziModal-content{
    animation:none !important;
    animation-delay:0s !important;
}
.ac-ns-modal .iziModal-header{
    background:#30485F !important;
    padding:14px 18px !important;
    box-shadow:none !important;
}
.ac-ns-modal .iziModal-header-title{
    font-family:'Titillium Web',sans-serif !important;
    font-size:17px !important;
    font-weight:700 !important;
    color:#fff !important;
}
.ac-ns-modal .iziModal-header-buttons{
    display:block !important;
    z-index:6;
    opacity:1 !important;
}
.ac-ns-modal .iziModal-button-close{
    position:relative !important;
    opacity:1 !important;
    background:rgba(255,255,255,0.16) !important;
    background-image:none !important;
    border-radius:5px !important;
    width:30px !important;
    height:30px !important;
    margin:0 !important;
}
.ac-ns-modal .iziModal-button-close::before,
.ac-ns-modal .iziModal-button-close::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:14px;
    height:2px;
    background:#fff;
    border-radius:1px;
}
.ac-ns-modal .iziModal-button-close::before{
    transform:translate(-50%,-50%) rotate(45deg);
}
.ac-ns-modal .iziModal-button-close::after{
    transform:translate(-50%,-50%) rotate(-45deg);
}
.ac-ns-modal .iziModal-button-close:hover{
    background:rgba(255,255,255,0.28) !important;
    transform:none;
}
.ac-ns-modal .iziModal-content{
    padding:0 !important;
    background:#fff !important;
}
#modernpanel .ac-ns-form,
.ac-ns-form{
    margin:0;
    padding:0;
}
#modernpanel .ac-ns-body,
.ac-ns-body{
    padding:18px 20px 8px;
    box-sizing:border-box;
}
#modernpanel .ac-ns-alerts,
.ac-ns-alerts{
    display:grid;
    gap:10px;
    margin:0 0 16px;
}
#modernpanel .ac-ns-alert,
.ac-ns-alert{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:0;
    padding:12px 14px;
    border-radius:5px;
    box-sizing:border-box;
}
#modernpanel .ac-ns-alert i,
.ac-ns-alert i{
    flex:0 0 auto;
    margin:2px 0 0;
    font-size:15px;
    line-height:1;
}
#modernpanel .ac-ns-alert p,
.ac-ns-alert p{
    margin:0;
    font-size:13.5px;
    font-weight:500;
    line-height:1.45;
    color:inherit;
}
#modernpanel .ac-ns-alert-info,
.ac-ns-alert-info{
    background:rgba(48,72,95,0.08);
    border:1px solid rgba(48,72,95,0.14);
    color:#30485F;
}
#modernpanel .ac-ns-alert-info i{color:#30485F}
#modernpanel .ac-ns-alert-warn,
.ac-ns-alert-warn{
    background:rgba(220,53,69,0.08);
    border:1px solid rgba(220,53,69,0.18);
    color:#a71d2a;
}
#modernpanel .ac-ns-alert-warn i{color:#dc3545}
#modernpanel .ac-ns-fields,
.ac-ns-fields{
    display:grid;
    gap:12px;
    margin:0 0 8px;
}
#modernpanel .ac-ns-field,
.ac-ns-field{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    align-items:center;
    gap:10px;
    margin:0;
    width:100%;
    box-sizing:border-box;
}
#modernpanel .ac-ns-label,
.ac-ns-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 8px;
    border-radius:5px;
    background:rgba(48,72,95,0.08);
    color:#30485F;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.02em;
    box-sizing:border-box;
}
#modernpanel .ac-ns-input,
.ac-ns-input{
    width:100% !important;
    max-width:none !important;
    min-height:42px;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid rgba(48,72,95,0.18) !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#243849 !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:14px !important;
    font-weight:500;
    line-height:1.3;
    box-shadow:none !important;
    outline:none;
    box-sizing:border-box !important;
    transition:border-color .15s ease, box-shadow .15s ease;
}
#modernpanel .ac-ns-input::placeholder,
.ac-ns-input::placeholder{
    color:rgba(48,72,95,0.45);
}
#modernpanel .ac-ns-input:focus,
.ac-ns-input:focus{
    border-color:#28a745 !important;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12) !important;
}
#modernpanel .ac-ns-foot,
.ac-ns-foot{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    margin:0;
    padding:14px 20px 18px;
    border-top:1px solid rgba(48,72,95,0.10);
    background:rgba(48,72,95,0.03);
    box-sizing:border-box;
}
#modernpanel .ac-ns-submit,
.ac-ns-submit{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    min-width:140px;
    min-height:42px;
    margin:0 !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.2;
    text-decoration:none !important;
    cursor:pointer;
    box-sizing:border-box;
    transition:background .15s ease;
}
#modernpanel .ac-ns-submit:hover,
.ac-ns-submit:hover{
    background:#218838 !important;
    color:#fff !important;
}
@media screen and (max-width:767px){
    #modernpanel #default-nameserver.ac-ns-modal,
    #default-nameserver.ac-ns-modal,
    #modernpanel #selectLang.ac-ns-modal,
    #selectLang.ac-ns-modal,
    #modernpanel #selectCurrency.ac-ns-modal,
    #selectCurrency.ac-ns-modal,
    #modernpanel #selectLang.ac-langcur-modal,
    #selectLang.ac-langcur-modal,
    #modernpanel #selectCurrency.ac-langcur-modal,
    #selectCurrency.ac-langcur-modal{
        width:calc(100% - 32px) !important;
        max-width:calc(100% - 32px) !important;
        left:0 !important;
        right:0 !important;
        margin-left:auto !important;
        margin-right:auto !important;
        border-radius:5px !important;
        box-sizing:border-box !important;
    }
}
@media screen and (max-width:560px){
    #modernpanel #default-nameserver.ac-ns-modal,
    #default-nameserver.ac-ns-modal,
    #modernpanel #selectLang.ac-ns-modal,
    #selectLang.ac-ns-modal,
    #modernpanel #selectCurrency.ac-ns-modal,
    #selectCurrency.ac-ns-modal,
    #modernpanel #selectLang.ac-langcur-modal,
    #selectLang.ac-langcur-modal,
    #modernpanel #selectCurrency.ac-langcur-modal,
    #selectCurrency.ac-langcur-modal{
        width:calc(100% - 24px) !important;
        max-width:calc(100% - 24px) !important;
    }
    #modernpanel .ac-ns-body,
    .ac-ns-body{padding:14px 14px 6px}
    #modernpanel .ac-ns-field,
    .ac-ns-field{
        grid-template-columns:1fr;
        gap:6px;
    }
    #modernpanel .ac-ns-label,
    .ac-ns-label{
        width:max-content;
        min-height:28px;
        justify-content:flex-start;
        padding:0 10px;
    }
    #modernpanel .ac-ns-foot,
    .ac-ns-foot{
        padding:12px 14px 14px;
    }
    #modernpanel .ac-ns-submit,
    .ac-ns-submit{
        width:100%;
        min-width:0;
    }
}

/* Shared account page shell — same as /alan-adi + Alan Adlarım */
#modernpanel #wrapper.ac-account-page,
#modernpanel .ac-account-page,
#modernpanel #wrapper.ac-domainlist-page,
#modernpanel .ac-domainlist-page{
    width:100% !important;
    max-width:none;
    float:none;
    clear:both;
    margin:0 0 20px;
    padding:0 !important;
    background:transparent;
    box-shadow:none;
    border:0;
    border-radius:0;
    box-sizing:border-box;
    overflow:hidden;
}
#modernpanel .ac-account-page .ac-account-card,
#modernpanel .ac-account-page .ac-domainlist-table{
    display:block;
    width:100% !important;
    max-width:none !important;
    margin:0 0 8px;
    padding:16px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
    overflow:hidden;
}
#modernpanel .ac-account-page .dataTables_wrapper{
    display:block;
    width:100% !important;
    max-width:none !important;
    clear:both;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .dataTables_length{
    float:left;
}
#modernpanel .ac-account-page .dataTables_filter{
    float:right;
}
#modernpanel .ac-account-page .dataTables_wrapper::after{
    content:"";
    display:table;
    clear:both;
}
#modernpanel .ac-account-page table.dataTable,
#modernpanel .ac-account-page table.table,
#modernpanel .ac-account-page #products,
#modernpanel .ac-account-page #tickets,
#modernpanel .ac-account-page #invoices,
#modernpanel .ac-account-page #messages{
    width:100% !important;
    margin:0 !important;
    border-collapse:collapse;
}
#modernpanel .ac-account-page table thead th{
    padding:12px 14px !important;
    background:rgba(48,72,95,0.06) !important;
    border-bottom:1px solid rgba(48,72,95,0.10) !important;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    vertical-align:middle;
}
#modernpanel .ac-account-page table tbody td{
    padding:13px 14px !important;
    border-bottom:1px solid rgba(48,72,95,0.08) !important;
    color:#243849;
    font-size:14px;
    vertical-align:middle;
}
#modernpanel .ac-account-page table tbody tr:last-child td{border-bottom:0 !important}
#modernpanel .ac-account-page table tbody tr:hover{background:rgba(48,72,95,0.03)}
#modernpanel .ac-account-page .listingstatus{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
}
#modernpanel .ac-account-page .listingstatus span{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:max-content;
    min-width:0 !important;
    min-height:24px;
    margin:0 auto;
    padding:4px 9px !important;
    border-radius:5px !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    white-space:nowrap;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .listingstatus span.active{
    background:#28a745 !important;
    border:1px solid #28a745 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .listingstatus span.wait{
    background:#ef6c00 !important;
    border:1px solid #ef6c00 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .listingstatus span.process{
    background:#30485F !important;
    border:1px solid #30485F !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .listingstatus span:not(.active):not(.wait):not(.process){
    background:#dc3545 !important;
    border:1px solid #dc3545 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .incelebtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    float:none !important;
    min-height:34px;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#30485F !important;
    color:#fff !important;
    font-size:13px;
    font-weight:600;
    line-height:1.2;
    text-decoration:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .incelebtn:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .incelebtn i{margin:0 !important}
#modernpanel .ac-account-page .dataTables_length,
#modernpanel .ac-account-page .dataTables_filter{
    margin-bottom:12px;
}
#modernpanel .ac-account-page .dataTables_length select,
#modernpanel .ac-account-page .dataTables_filter input{
    min-height:38px;
    height:38px;
    border:1px solid rgba(48,72,95,0.18);
    border-radius:5px;
    background:#fff;
    color:#30485F;
    font-size:13px;
    font-weight:600;
    font-family:inherit;
    box-sizing:border-box;
    outline:none;
}
#modernpanel .ac-account-page .dttblegoster{
    float:none !important;
    display:inline-block;
    width:auto !important;
    min-width:78px;
    margin:0 8px 0 0 !important;
}
#modernpanel .ac-account-page .datatbspan,
#modernpanel .ac-account-page #mobdataspan{
    float:none !important;
    line-height:1.2 !important;
}
#modernpanel .ac-account-page .dataTables_length select{
    display:block;
    width:100%;
    min-width:78px;
    padding:0 34px 0 12px !important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    background-size:12px 8px !important;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
}
#modernpanel .ac-account-page .dataTables_length select::-ms-expand{display:none}
#modernpanel .ac-account-page .dataTables_filter input{
    min-width:160px;
    padding:0 12px !important;
}
#modernpanel .ac-account-page .dataTables_length select:focus,
#modernpanel .ac-account-page .dataTables_filter input:focus{
    border-color:#28a745;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12);
}
#modernpanel .ac-account-page .dataTables_info,
#modernpanel .ac-account-page .dataTables_paginate{
    margin-top:12px;
    color:#30485F;
    font-size:13px;
}
#modernpanel .ac-account-page .dataTables_paginate .paginate_button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:32px;
    min-height:32px;
    margin:0 2px !important;
    padding:0 8px !important;
    border:1px solid rgba(48,72,95,0.14) !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#30485F !important;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .dataTables_paginate .paginate_button.current,
#modernpanel .ac-account-page .dataTables_paginate .paginate_button.current:hover{
    background:#30485F !important;
    border-color:#30485F !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .dataTables_paginate .paginate_button:hover{
    background:rgba(48,72,95,0.06) !important;
    color:#243849 !important;
}
#modernpanel .ac-account-empty,
#modernpanel .ac-account-page #orders-none.ac-account-empty,
#modernpanel .ac-account-page #orders-none{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    margin:0;
    padding:36px 20px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    text-align:center;
    box-sizing:border-box;
    color:#243849;
    font-size:15px;
    font-weight:600;
    line-height:1.45;
}
/* Detail/form pages: one content card like list cards */
#modernpanel .ac-account-page:has(> ul.tab),
#modernpanel .ac-account-page:has(> .tab),
#modernpanel .ac-account-page:has(> .balancepage),
#modernpanel .ac-account-page:has(> .bulkpayment),
#modernpanel .ac-account-page:has(> .destektalebiolustur),
#modernpanel .ac-account-page:has(> .ModifyWhois),
#modernpanel .ac-account-page:has(> .tabcontentcon){
    padding:18px 20px !important;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    overflow:visible;
}
/* Account info page: shell outside content cards */
#modernpanel #wrapper.ac-account-page.ac-info-page,
#modernpanel .ac-account-page.ac-info-page{
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible;
}
#modernpanel .ac-info-page > ul.tab,
#modernpanel .ac-info-page > ul.tab.ac-account-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:6px;
    float:none;
    width:100%;
    margin:0 0 12px;
    padding:8px;
    list-style:none;
    overflow:visible;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
}
#modernpanel .ac-info-page > ul.tab > li{
    float:none;
    display:block;
    width:auto;
    margin:0;
    padding:0;
}
#modernpanel .ac-info-page > ul.tab > li > a.tablinks{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:auto;
    min-height:40px;
    margin:0;
    padding:0 12px;
    border:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid transparent;
    border-radius:5px;
    background:transparent;
    color:#5a7388;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-align:left;
    text-decoration:none;
    box-sizing:border-box;
    transition:color .15s ease, background-color .15s ease, border-color .15s ease;
}
#modernpanel .ac-info-page > ul.tab > li > a.tablinks i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    margin:0;
    border-radius:5px;
    background:rgba(48,72,95,0.08);
    color:#30485F;
    font-size:13px;
}
#modernpanel .ac-info-page > ul.tab > li > a.tablinks span{
    display:inline-block;
}
#modernpanel .ac-info-page > ul.tab > li > a.tablinks:hover{
    background:rgba(48,72,95,0.04);
    border-color:rgba(48,72,95,0.10);
    color:#30485F;
}
#modernpanel .ac-info-page > ul.tab > li > a.tablinks.active{
    background:rgba(48,72,95,0.08);
    border-color:rgba(48,72,95,0.16);
    color:#30485F;
}
#modernpanel .ac-info-page > ul.tab > li > a.tablinks.active i{
    background:#30485F;
    color:#fff;
}
#modernpanel .ac-info-page .ac-account-tab-select{
    display:none;
    width:100%;
    height:46px;
    margin:0 0 12px;
    padding:0 40px 0 14px;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;
    background-size:12px 8px;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    color:#243849;
    font-size:14px;
    font-weight:700;
    font-family:inherit;
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    cursor:pointer;
}
#modernpanel .ac-info-page .ac-account-tab-select:focus{
    border-color:#28a745;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12);
    outline:none;
}
#modernpanel .ac-info-page > .tabcontent{
    display:none;
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-info-page > .tabcontent[style*="display: block"],
#modernpanel .ac-info-page > .tabcontent[style*="display:block"]{
    display:block !important;
}
#modernpanel .ac-info-page > .tabcontent > .tabcontentcon{
    display:block;
    width:100%;
    margin:0 !important;
    padding:20px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
    overflow:visible;
}
#modernpanel .ac-info-page .hesapbilgilerim{
    float:none !important;
    display:block;
    width:100% !important;
    overflow:visible;
}
#modernpanel .ac-info-page .kisiselbilgiler,
#modernpanel .ac-info-page .digerbilgiler{
    float:none !important;
    display:block;
    width:100% !important;
    margin:0 0 24px !important;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-info-page .digerbilgiler:last-child{
    margin-bottom:0 !important;
}
#modernpanel .ac-info-page .hesapinfobloktitle{
    margin:0 0 16px;
    padding:0 0 12px;
    border-bottom:1px solid rgba(48,72,95,0.10);
    color:#30485F;
    font-size:16px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-info-page .hesapbilgisi{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:10px 16px;
    float:none !important;
    width:100% !important;
    margin:0 0 12px;
    padding:0 0 12px;
    border:0;
    border-bottom:1px solid rgba(48,72,95,0.08);
    box-sizing:border-box;
}
#modernpanel .ac-info-page .hesapbilgisi:last-child{
    margin-bottom:0;
    border-bottom:0;
    padding-bottom:0;
}
#modernpanel .ac-info-page .hesapbilgisi .yuzde25,
#modernpanel .ac-info-page .hesapbilgisi .yuzde30{
    float:none !important;
    flex:0 0 200px;
    width:auto !important;
    max-width:100%;
    margin:0;
    padding-top:12px;
    line-height:1.3 !important;
    box-sizing:border-box;
}
#modernpanel .ac-info-page .hesapbilgisi .yuzde75,
#modernpanel .ac-info-page .hesapbilgisi .yuzde70{
    float:none !important;
    flex:1 1 260px;
    width:auto !important;
    min-width:0;
    margin:0;
    line-height:1.3 !important;
    box-sizing:border-box;
}
#modernpanel .ac-info-page .hesapbilgititle{
    margin:0;
    color:#6b8296;
    font-size:13px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-info-page .hesapbilgisi input[type="text"],
#modernpanel .ac-info-page .hesapbilgisi input[type="email"],
#modernpanel .ac-info-page .hesapbilgisi input[type="password"],
#modernpanel .ac-info-page .hesapbilgisi input[type="number"],
#modernpanel .ac-info-page .hesapbilgisi input[type="tel"],
#modernpanel .ac-info-page .hesapbilgisi input[type="date"],
#modernpanel .ac-info-page .hesapbilgisi input.accountinputs,
#modernpanel .ac-info-page .hesapbilgisi select,
#modernpanel .ac-info-page .hesapbilgisi select.accountinputs,
#modernpanel .ac-info-page .hesapbilgisi textarea,
#modernpanel .ac-info-page .tabcontentcon input[type="text"],
#modernpanel .ac-info-page .tabcontentcon input[type="email"],
#modernpanel .ac-info-page .tabcontentcon input[type="password"],
#modernpanel .ac-info-page .tabcontentcon input[type="number"],
#modernpanel .ac-info-page .tabcontentcon input[type="tel"],
#modernpanel .ac-info-page .tabcontentcon input[type="date"],
#modernpanel .ac-info-page .tabcontentcon select,
#modernpanel .ac-info-page .tabcontentcon textarea{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:100%;
    margin:0 !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    border-style:solid !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    font-family:inherit;
    outline:none;
    box-sizing:border-box;
    transition:border-color .15s ease, box-shadow .15s ease;
}
#modernpanel .ac-info-page .hesapbilgisi input[type="text"],
#modernpanel .ac-info-page .hesapbilgisi input[type="email"],
#modernpanel .ac-info-page .hesapbilgisi input[type="password"],
#modernpanel .ac-info-page .hesapbilgisi input[type="number"],
#modernpanel .ac-info-page .hesapbilgisi input[type="tel"],
#modernpanel .ac-info-page .hesapbilgisi input[type="date"],
#modernpanel .ac-info-page .hesapbilgisi input.accountinputs,
#modernpanel .ac-info-page .hesapbilgisi select,
#modernpanel .ac-info-page .tabcontentcon input[type="text"],
#modernpanel .ac-info-page .tabcontentcon input[type="email"],
#modernpanel .ac-info-page .tabcontentcon input[type="password"],
#modernpanel .ac-info-page .tabcontentcon input[type="number"],
#modernpanel .ac-info-page .tabcontentcon input[type="tel"],
#modernpanel .ac-info-page .tabcontentcon input[type="date"],
#modernpanel .ac-info-page .tabcontentcon select{
    height:44px;
    padding:0 14px !important;
    line-height:44px;
    appearance:none;
    -webkit-appearance:none;
}
#modernpanel .ac-info-page .hesapbilgisi select,
#modernpanel .ac-info-page .tabcontentcon select{
    padding-right:36px !important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    background-size:12px 8px !important;
    cursor:pointer;
}
#modernpanel .ac-info-page .hesapbilgisi textarea,
#modernpanel .ac-info-page .tabcontentcon textarea{
    min-height:110px;
    height:auto;
    padding:12px 14px !important;
    line-height:1.45;
    resize:vertical;
}
#modernpanel .ac-info-page .hesapbilgisi input::placeholder,
#modernpanel .ac-info-page .tabcontentcon input::placeholder,
#modernpanel .ac-info-page .hesapbilgisi textarea::placeholder,
#modernpanel .ac-info-page .tabcontentcon textarea::placeholder{
    color:#8aa0ab;
    font-weight:500;
    opacity:1;
}
#modernpanel .ac-info-page .hesapbilgisi input:focus,
#modernpanel .ac-info-page .hesapbilgisi select:focus,
#modernpanel .ac-info-page .hesapbilgisi textarea:focus,
#modernpanel .ac-info-page .tabcontentcon input:focus,
#modernpanel .ac-info-page .tabcontentcon select:focus,
#modernpanel .ac-info-page .tabcontentcon textarea:focus{
    border-color:#28a745 !important;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12) !important;
}
#modernpanel .ac-info-page .hesapbilgisi input:disabled,
#modernpanel .ac-info-page .hesapbilgisi select:disabled,
#modernpanel .ac-info-page .hesapbilgisi textarea:disabled,
#modernpanel .ac-info-page .tabcontentcon input:disabled,
#modernpanel .ac-info-page .tabcontentcon select:disabled,
#modernpanel .ac-info-page .tabcontentcon textarea:disabled{
    background:#eef2f5 !important;
    color:#6b8296 !important;
    cursor:not-allowed;
}
#modernpanel .ac-info-page .hesapbilgisi .kinfo,
#modernpanel .ac-info-page .tabcontentcon .kinfo{
    display:block;
    margin:8px 0 0;
    color:#7a90a3;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
}
#modernpanel .ac-info-page .hesapbilgisi .iti,
#modernpanel .ac-info-page .tabcontentcon .iti{
    display:block;
    width:100% !important;
}
#modernpanel .ac-info-page .hesapbilgisi .iti input,
#modernpanel .ac-info-page .tabcontentcon .iti input{
    padding-left:90px !important;
}
#modernpanel .ac-info-page .hesapbilgisi .radio-custom-label,
#modernpanel .ac-info-page .hesapbilgisi .checkbox-custom-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    float:none !important;
    margin:6px 18px 6px 0 !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
}
#modernpanel .ac-info-page .tabcontentcon .gonderbtn.yesilbtn,
#modernpanel .ac-info-page .tabcontentcon a.yesilbtn.gonderbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    min-width:160px;
    min-height:44px;
    margin:16px 0 0 !important;
    padding:0 22px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
    font-size:15px;
    font-weight:700;
    text-decoration:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-info-page .tabcontentcon .gonderbtn.yesilbtn:hover,
#modernpanel .ac-info-page .tabcontentcon a.yesilbtn.gonderbtn:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .ac-info-page #verification{
    margin-top:0 !important;
}
#modernpanel .ac-info-page .userverification{
    float:none !important;
    display:block;
    width:100%;
    margin:0 !important;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    float:none !important;
    width:100%;
    margin:0 0 20px !important;
    padding:22px 18px;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    text-align:center;
    box-sizing:border-box;
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner.is-ok{
    background:rgba(40,167,69,0.08);
    border-color:rgba(40,167,69,0.22);
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner.is-warn{
    background:rgba(244,67,54,0.08);
    border-color:rgba(244,67,54,0.22);
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner i{
    float:none !important;
    display:block;
    margin:0 !important;
    font-size:42px;
    line-height:1;
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner.is-ok i{
    color:#28a745 !important;
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner.is-warn i{
    color:#F44336 !important;
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner h4,
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner h5{
    margin:0;
    line-height:1.35;
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner.is-ok h4{
    color:#218838 !important;
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner.is-warn h4{
    color:#F44336 !important;
}
#modernpanel .ac-info-page .userverification-headinfo.ac-info-verify-banner h5{
    color:#5a7388;
    font-size:14px;
    font-weight:600;
}
#modernpanel .ac-info-page .hesapbilgisi.corporate-info{
    align-items:flex-start;
}
@media screen and (max-width:991px){
    #modernpanel .ac-info-page > ul.tab,
    #modernpanel .ac-info-page > ul.tab.ac-account-tabs{
        display:none !important;
    }
    #modernpanel .ac-info-page > .ac-account-tab-select{
        display:block;
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-account-page .ac-account-card,
    #modernpanel .ac-account-page .ac-domainlist-table{padding:12px}
    #modernpanel .ac-account-page .dataTables_info,
    #modernpanel .ac-account-page .dataTables_paginate{
        width:100%;
        float:none;
        text-align:left;
    }
    #modernpanel .ac-account-page:has(> ul.tab),
    #modernpanel .ac-account-page:has(> .tab),
    #modernpanel .ac-account-page:has(> .balancepage),
    #modernpanel .ac-account-page:has(> .bulkpayment),
    #modernpanel .ac-account-page:has(> .destektalebiolustur),
    #modernpanel .ac-account-page:has(> .ModifyWhois),
    #modernpanel .ac-account-page:has(> .tabcontentcon){
        padding:14px 12px !important;
    }
    #modernpanel #wrapper.ac-account-page.ac-info-page,
    #modernpanel .ac-account-page.ac-info-page{
        padding:0 !important;
    }
    #modernpanel .ac-info-page > .tabcontent > .tabcontentcon{
        padding:14px;
    }
    #modernpanel .ac-info-page .hesapbilgisi .yuzde25,
    #modernpanel .ac-info-page .hesapbilgisi .yuzde30,
    #modernpanel .ac-info-page .hesapbilgisi .yuzde75,
    #modernpanel .ac-info-page .hesapbilgisi .yuzde70{
        flex:1 1 100%;
        padding-top:0;
    }
    #modernpanel .ac-info-page .tabcontentcon .gonderbtn.yesilbtn,
    #modernpanel .ac-info-page .tabcontentcon a.yesilbtn.gonderbtn{
        width:100%;
    }
}

/* Reseller / Bayilik */
#modernpanel #wrapper.ac-account-page.ac-reseller-page,
#modernpanel .ac-account-page.ac-reseller-page{
    overflow:visible;
}
#modernpanel .ac-reseller-page .reseller-client-con{
    float:none !important;
    display:block;
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-reseller-page .ac-reseller-stats{
    margin:0 0 20px;
}
#modernpanel .ac-reseller-page .ac-reseller-stats .muspanelbloks{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
#modernpanel .ac-reseller-page .ac-reseller-stats .ac-stat-card h1{
    font-size:22px !important;
    word-break:break-word;
}
#modernpanel .ac-reseller-page .ac-reseller-getstarted{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:24px;
}
#modernpanel .ac-reseller-page .ac-reseller-intro{
    position:relative;
    margin:0 0 22px !important;
    overflow:hidden;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
}
#modernpanel .ac-reseller-page .ac-reseller-intro .padding20{
    position:relative;
    z-index:2;
    padding:18px 20px !important;
}
#modernpanel .ac-reseller-page .ac-reseller-intro i{
    position:absolute !important;
    left:-8px;
    top:-18px;
    z-index:1;
    margin:0 !important;
    font-size:96px !important;
    color:rgba(0,0,0,0.12) !important;
    line-height:1;
}
#modernpanel .ac-reseller-page .ac-reseller-intro p{
    margin:0;
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1.5;
}
#modernpanel .ac-reseller-page .ac-reseller-intro p strong{
    display:block;
    margin-bottom:4px;
    font-size:16px;
    font-weight:700;
}
#modernpanel .ac-reseller-page .ac-reseller-section-title{
    margin:0 0 12px;
    color:#30485F;
    font-size:16px;
    font-weight:700;
    line-height:1.35;
}
#modernpanel .ac-reseller-page .ac-reseller-benefits{
    margin:0 0 24px;
    padding:0;
    list-style:none;
}
#modernpanel .ac-reseller-page .ac-reseller-benefits li{
    position:relative;
    margin:0 0 10px;
    padding:10px 14px 10px 36px;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    background:rgba(48,72,95,0.03);
    color:#243849;
    font-size:14px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-reseller-page .ac-reseller-benefits li::before{
    content:"\f00c";
    font-family:FontAwesome;
    position:absolute;
    left:14px;
    top:12px;
    color:#28a745;
    font-size:13px;
}
#modernpanel .ac-reseller-page .ac-reseller-rates{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin:0 0 24px;
    text-align:left;
}
#modernpanel .ac-reseller-page .commission-rates-block{
    float:none !important;
    display:block;
    width:100% !important;
    margin:0 !important;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:none;
}
#modernpanel .ac-reseller-page .commission-rates-block .padding20{
    padding:18px !important;
}
#modernpanel .ac-reseller-page .commission-rates-block h5{
    margin:0 0 8px;
    color:#30485F;
    font-size:15px;
    font-weight:700;
}
#modernpanel .ac-reseller-page .ac-reseller-rates-sub{
    margin:0 0 14px !important;
    color:#5a7388;
    font-size:14px;
    font-weight:600;
}
#modernpanel .ac-reseller-page .commission-rates-block p{
    margin:0 0 14px;
    color:#5a7388;
    font-size:13px;
}
#modernpanel .ac-reseller-page #commission-rates-select{
    width:100% !important;
    max-width:420px;
    margin:0 0 16px !important;
    overflow:visible;
    border-radius:5px;
}
#modernpanel .ac-reseller-page .resellerdiscounts{
    width:100% !important;
    margin:0;
    border-collapse:collapse;
}
#modernpanel .ac-reseller-page .resellerdiscounts thead th{
    padding:12px 14px !important;
    background:rgba(48,72,95,0.06) !important;
    border-bottom:1px solid rgba(48,72,95,0.10) !important;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    text-align:center;
}
#modernpanel .ac-reseller-page .resellerdiscounts tbody td{
    padding:12px 10px !important;
    border-bottom:1px solid rgba(48,72,95,0.08) !important;
    color:#243849;
    font-size:14px;
    vertical-align:middle;
}
#modernpanel .ac-reseller-page .resellerdiscounts tbody tr:last-child td{
    border-bottom:0 !important;
}
#modernpanel .ac-reseller-page .ac-reseller-cta{
    display:flex;
    justify-content:center;
    margin-top:8px;
}
#modernpanel .ac-reseller-page .ac-reseller-cta .yesilbtn.gonderbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    width:auto !important;
    max-width:100%;
    min-width:220px;
    min-height:44px;
    margin:0 !important;
    padding:0 28px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
    font-size:15px;
    font-weight:700;
    text-decoration:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-reseller-page .ac-reseller-cta .yesilbtn.gonderbtn:hover{
    background:#218838 !important;
    color:#fff !important;
}
@media screen and (max-width:991px){
    #modernpanel .ac-reseller-page .ac-reseller-stats .muspanelbloks{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-reseller-page .ac-reseller-stats .muspanelbloks{
        grid-template-columns:1fr;
    }
    #modernpanel .ac-reseller-page .ac-reseller-getstarted{
        padding:16px;
    }
    #modernpanel .ac-reseller-page .ac-reseller-cta .yesilbtn.gonderbtn{
        width:100%;
        min-width:0;
    }
    #modernpanel .ac-reseller-page #commission-rates-select{
        max-width:none;
    }
}

/* Alan Adlarım list page extras */
#modernpanel .ac-dt-toolbar,
#modernpanel .ac-domainlist-toolbar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 14px;
    width:100%;
    box-sizing:border-box;
}
#modernpanel .ac-dt-toolbar:not(.ac-domainlist-toolbar){
    justify-content:space-between;
}
#modernpanel .ac-account-page .tabcontent .ac-dt-toolbar{
    margin-top:4px;
}
#modernpanel .ac-account-page .ac-dt-toolbar-title{
    flex:1 1 auto;
    min-width:0;
    margin:0;
    padding:0;
    color:#30485F;
    font-size:18px;
    font-weight:700;
    line-height:1.25;
    letter-spacing:.01em;
}
@media screen and (max-width:767px){
    #modernpanel .ac-account-page .ac-dt-toolbar-title{
        width:100%;
        font-size:16px;
    }
}
#modernpanel .ac-domainlist-page > .ac-domainlist-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin:0 0 16px;
    width:100%;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .ac-dt-controls,
#modernpanel .ac-domainlist-dt-controls{
    display:flex;
    flex-wrap:wrap;
    flex:0 1 auto;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin:0 0 0 auto;
}
#modernpanel .ac-domainlist-page .ac-domainlist-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    gap:8px;
    min-height:40px;
    width:auto;
    margin:0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:5px !important;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none !important;
    box-sizing:border-box;
    cursor:pointer;
    transition:background .2s ease;
}
#modernpanel .ac-domainlist-page .ac-domainlist-btn i{
    margin:0 !important;
    font-size:14px;
    line-height:1;
}
#modernpanel .ac-domainlist-page .ac-domainlist-btn-success{
    background:#28a745 !important;
}
#modernpanel .ac-domainlist-page .ac-domainlist-btn-success:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .ac-domainlist-page .ac-domainlist-btn-primary{
    background:#30485F !important;
}
#modernpanel .ac-domainlist-page .ac-domainlist-btn-primary:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-domainlist-filters{
    display:block;
    flex:1 1 auto;
    min-width:0;
    clear:both;
    margin:0;
}
#modernpanel .ac-domainlist-page > .ac-domainlist-filters{
    margin:0 0 16px;
}
#modernpanel .ac-dt-toolbar .ac-domainlist-filters,
#modernpanel .ac-domainlist-toolbar .ac-domainlist-filters{
    margin:0;
}
#modernpanel .ac-domainlist-page .ac-domainlist-status{
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    float:none !important;
    width:100%;
    margin:0 !important;
}
#modernpanel .ac-dt-toolbar .ac-domainlist-status,
#modernpanel .ac-domainlist-toolbar .ac-domainlist-status{
    width:auto;
    max-width:100%;
}
#modernpanel .ac-domainlist-page .ac-domainlist-status a{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    min-height:36px;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    border-left:0 !important;
    border-radius:5px !important;
    background:#30485F !important;
    color:#fff !important;
    font-size:13px;
    font-weight:600;
    line-height:1.2;
    text-decoration:none !important;
    opacity:1 !important;
    box-sizing:border-box;
    transition:background .2s ease;
}
#modernpanel .ac-domainlist-page .ac-domainlist-status a strong{
    font-weight:800;
}
#modernpanel .ac-domainlist-page .ac-domainlist-status a:hover{
    background:#243849 !important;
    color:#fff !important;
    opacity:1 !important;
}
#modernpanel .ac-domainlist-page .ac-domainlist-status a.active{
    background:#28a745 !important;
    color:#fff !important;
    opacity:1 !important;
}
#modernpanel .ac-domainlist-page .ac-domainlist-status a.active:hover{
    background:#218838 !important;
}
#modernpanel .ac-domainlist-page .ac-domainlist-status-select{
    display:none;
    width:100%;
    height:42px;
    margin:0;
    padding:0 36px 0 14px;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;
    background-size:12px 8px;
    color:#243849;
    font-size:14px;
    font-weight:600;
    font-family:inherit;
    line-height:42px;
    cursor:pointer;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    box-sizing:border-box;
}
#modernpanel .ac-domainlist-page .ac-domainlist-table{
    width:100%;
    margin:0 0 8px;
    padding:16px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
    overflow:hidden;
}
#modernpanel .ac-account-page .dataTables_wrapper{
    width:100%;
    clear:both;
}
#modernpanel .ac-account-page .ac-dt-controls .dataTables_length,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length,
#modernpanel .ac-account-page .ac-dt-controls .dataTables_filter,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_filter{
    float:none !important;
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:auto;
    margin:0 !important;
    padding:0;
    text-align:left;
}
#modernpanel .ac-account-page .ac-dt-controls .dataTables_filter label,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_filter label,
#modernpanel .ac-account-page .ac-dt-controls .dataTables_length label,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0;
    color:#30485F;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
}
#modernpanel .ac-account-page table.ac-dt-table{
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    border-collapse:separate;
    border-spacing:0;
    background:transparent;
}
#modernpanel .ac-account-page table.ac-dt-table tbody tr,
#modernpanel .ac-account-page .dataTables_wrapper table.ac-dt-table tr{
    box-shadow:none !important;
    background:#fff;
    transition:background .15s ease;
}
#modernpanel .ac-account-page table.ac-dt-table tbody tr:nth-child(even){
    background:rgba(48,72,95,0.02);
}
#modernpanel .ac-account-page table.ac-dt-table tbody tr:hover,
#modernpanel .ac-account-page .dataTables_wrapper table.ac-dt-table tr:hover{
    background:rgba(48,72,95,0.05) !important;
}
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr > .sorting_1,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr > .sorting_2,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr > .sorting_3,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr.odd > .sorting_1,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr.odd > .sorting_2,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr.odd > .sorting_3,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr.even > .sorting_1,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr.even > .sorting_2,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr.even > .sorting_3,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr:hover > .sorting_1,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr:hover > .sorting_2,
#modernpanel .ac-account-page table.ac-dt-table.display tbody tr:hover > .sorting_3{
    background:transparent !important;
    background-color:transparent !important;
}
#modernpanel .ac-account-page table.ac-dt-table thead th{
    padding:11px 14px !important;
    border-top:0 !important;
    border-bottom:1px solid rgba(48,72,95,0.10) !important;
    background:rgba(48,72,95,0.05) !important;
    color:#30485F !important;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    text-align:left !important;
    text-transform:uppercase;
    vertical-align:middle;
    white-space:nowrap;
}
#modernpanel .ac-account-page table.ac-dt-table thead th.ac-dt-col-action,
#modernpanel .ac-account-page table.ac-dt-table thead th.ac-dt-col-status{
    text-align:right !important;
}
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting,
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting_asc,
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting_desc{
    cursor:pointer;
    background-image:none !important;
    position:relative;
    padding-right:22px !important;
}
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting:after,
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting_asc:after,
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting_desc:after{
    content:"";
    position:absolute;
    right:8px;
    top:50%;
    width:0;
    height:0;
    margin-top:-2px;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    opacity:.35;
}
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting:after{
    border-top:5px solid #30485F;
}
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting_asc:after{
    border-bottom:5px solid #28a745;
    border-top:0;
    opacity:1;
    margin-top:-4px;
}
#modernpanel .ac-account-page table.ac-dt-table thead th.sorting_desc:after{
    border-top:5px solid #28a745;
    opacity:1;
}
#modernpanel .ac-account-page table.ac-dt-table tbody td{
    padding:14px !important;
    border-top:0 !important;
    border-bottom:1px solid rgba(48,72,95,0.07) !important;
    color:#243849;
    font-size:14px;
    text-align:left !important;
    vertical-align:middle;
}
#modernpanel .ac-account-page table.ac-dt-table tbody tr:last-child td{
    border-bottom:0 !important;
}
#modernpanel .ac-account-page table.ac-dt-table td.ac-dt-col-status,
#modernpanel .ac-account-page table.ac-dt-table td.ac-dt-col-action,
#modernpanel .ac-account-page table.ac-dt-table th.ac-dt-col-status,
#modernpanel .ac-account-page table.ac-dt-table th.ac-dt-col-action{
    text-align:right !important;
}
#modernpanel .ac-account-page table.ac-dt-table td.ac-dt-col-action{
    white-space:nowrap;
}
#modernpanel .ac-account-page .ac-dt-order{
    display:inline-block;
    color:#5a7388;
    font-size:13px;
    font-weight:700;
    font-variant-numeric:tabular-nums;
}
#modernpanel .ac-account-page .ac-dt-name{
    display:inline-block;
    color:#1f3345;
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    word-break:break-word;
}
#modernpanel .ac-account-page .ac-dt-money{
    display:inline-block;
}
#modernpanel .ac-account-page .ac-dt-meta{
    display:block;
    margin-top:3px;
    color:#6b8296;
    font-size:12px;
    font-weight:600;
    line-height:1.3;
    word-break:break-word;
}
#modernpanel .ac-account-page .ac-dt-amount{
    display:block;
    color:#243849;
    font-size:14px;
    font-weight:700;
    font-variant-numeric:tabular-nums;
    line-height:1.25;
}
#modernpanel .ac-account-page .ac-dt-period{
    display:block;
    margin-top:2px;
    color:#6b8296;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
}
#modernpanel .ac-account-page .ac-dt-date{
    display:inline-block;
    color:#243849;
    font-size:14px;
    font-weight:600;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
#modernpanel .ac-account-page table.ac-dt-table tbody td .listingstatus{
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    margin:0;
    width:100%;
}
#modernpanel .ac-account-page table.ac-dt-table .listingstatus span{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:max-content;
    min-width:0 !important;
    min-height:26px;
    margin:0 0 0 auto;
    padding:4px 10px !important;
    border-radius:5px !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    white-space:nowrap;
    box-sizing:border-box;
}
#modernpanel .ac-account-page table.ac-dt-table .listingstatus span.active{
    background:#28a745 !important;
    border:1px solid #28a745 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page table.ac-dt-table .listingstatus span.wait{
    background:#ef6c00 !important;
    border:1px solid #ef6c00 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page table.ac-dt-table .listingstatus span.process{
    background:#30485F !important;
    border:1px solid #30485F !important;
    color:#fff !important;
}
#modernpanel .ac-account-page table.ac-dt-table .listingstatus span:not(.active):not(.wait):not(.process){
    background:#dc3545 !important;
    border:1px solid #dc3545 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .incelebtn.ac-dt-manage,
#modernpanel .ac-account-page .incelebtn.ac-domainlist-manage{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:34px;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#30485F !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    box-sizing:border-box;
    filter:none !important;
    opacity:1 !important;
}
#modernpanel .ac-account-page .incelebtn.ac-dt-manage:hover,
#modernpanel .ac-account-page .incelebtn.ac-domainlist-manage:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .incelebtn.ac-dt-manage.is-disabled,
#modernpanel .ac-account-page .incelebtn.ac-domainlist-manage.is-disabled,
#modernpanel .ac-account-page .incelebtn.ac-dt-manage.is-disabled:hover,
#modernpanel .ac-account-page .incelebtn.ac-domainlist-manage.is-disabled:hover{
    background:#8aa0ab !important;
    color:#fff !important;
    cursor:default;
    opacity:.55 !important;
    pointer-events:none;
}
#modernpanel .ac-account-page .ac-dt-footer{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0;
    padding:14px 2px 0;
    border-top:1px solid rgba(48,72,95,0.08);
}
#modernpanel .ac-account-page .ac-dt-footer .dataTables_info,
#modernpanel .ac-account-page .ac-dt-footer .dataTables_paginate{
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    color:#5a7388;
    font-size:13px;
    font-weight:600;
    text-align:left !important;
}
#modernpanel .ac-account-page .ac-dt-footer .dataTables_paginate{
    margin-left:auto !important;
}
#modernpanel .ac-account-page .ac-dt-controls .dataTables_length select,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length select,
#modernpanel .ac-account-page .ac-dt-controls .dataTables_filter input,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_filter input{
    height:38px;
    margin:0;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff;
    color:#243849;
    font-size:13px;
    font-weight:600;
    font-family:inherit;
    line-height:1.2;
    box-sizing:border-box;
    outline:none;
}
#modernpanel .ac-account-page .ac-dt-controls .dttblegoster,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dttblegoster{
    float:none !important;
    display:inline-block;
    width:auto !important;
    min-width:78px;
    margin:0 !important;
}
#modernpanel .ac-account-page .ac-dt-controls .datatbspan,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .datatbspan,
#modernpanel .ac-account-page .ac-dt-controls #mobdataspan,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls #mobdataspan{
    float:none !important;
    display:inline-block;
    margin:0 !important;
    line-height:1.2 !important;
    color:#30485F;
    font-size:13px;
    font-weight:600;
}
#modernpanel .ac-account-page .ac-dt-controls .dataTables_length select,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length select{
    display:block;
    width:100%;
    min-width:78px;
    padding:0 34px 0 12px !important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    background-size:12px 8px !important;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
}
#modernpanel .ac-account-page .ac-dt-controls .dataTables_length select::-ms-expand,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length select::-ms-expand{
    display:none;
}
#modernpanel .ac-account-page .ac-dt-controls .dataTables_filter input,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_filter input{
    min-width:180px;
    width:180px;
    padding:0 12px !important;
}
#modernpanel .ac-account-page .ac-dt-controls .dataTables_length select:focus,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length select:focus,
#modernpanel .ac-account-page .ac-dt-controls .dataTables_filter input:focus,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_filter input:focus{
    border-color:#28a745;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12);
}
#modernpanel .ac-account-page .dataTables_paginate .paginate_button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:34px;
    min-height:34px;
    margin:0 3px !important;
    padding:0 10px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#30485F !important;
    color:#fff !important;
    font-weight:600 !important;
    box-sizing:border-box;
    box-shadow:none !important;
}
#modernpanel .ac-account-page .dataTables_paginate .paginate_button:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .dataTables_paginate .paginate_button.current,
#modernpanel .ac-account-page .dataTables_paginate .paginate_button.current:hover{
    background:#28a745 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .dataTables_paginate .paginate_button.disabled,
#modernpanel .ac-account-page .dataTables_paginate .paginate_button.disabled:hover{
    background:rgba(48,72,95,0.22) !important;
    color:rgba(255,255,255,0.85) !important;
    cursor:default;
}
#modernpanel .ac-domainlist-page .ac-domainlist-empty,
#modernpanel .ac-domainlist-page #orders-none.ac-domainlist-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0;
    padding:36px 20px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    text-align:center;
    box-sizing:border-box;
}
#modernpanel .ac-domainlist-page .ac-domainlist-empty i{
    margin:0;
    font-size:42px !important;
    color:rgba(48,72,95,0.45);
}
#modernpanel .ac-domainlist-page .ac-domainlist-empty h5{
    margin:0;
    color:#243849;
    font-size:16px;
    font-weight:600;
    line-height:1.4;
}
#modernpanel .ac-account-page table.ac-dt-table td.dataTables_empty{
    padding:40px 20px !important;
    border:0 !important;
    background:transparent !important;
    color:#243849 !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.45 !important;
    text-align:center !important;
}
@media screen and (max-width:767px){
    #modernpanel .ac-dt-toolbar,
#modernpanel .ac-domainlist-toolbar{
        flex-direction:column;
        align-items:stretch;
        gap:12px;
    }
    #modernpanel .ac-domainlist-page > .ac-domainlist-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
        gap:10px;
        margin-bottom:12px;
    }
    #modernpanel .ac-dt-toolbar .ac-domainlist-filters,
#modernpanel .ac-domainlist-toolbar .ac-domainlist-filters{
        width:100%;
    }
    #modernpanel .ac-account-page .ac-dt-controls,
#modernpanel .ac-domainlist-dt-controls{
        width:100%;
        margin:0;
        flex-direction:column;
        align-items:stretch;
        gap:10px;
    }
    #modernpanel .ac-account-page .ac-dt-controls .dataTables_length,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length,
    #modernpanel .ac-account-page .ac-dt-controls .dataTables_filter,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_filter{
        width:100%;
    }
    #modernpanel .ac-account-page .ac-dt-controls .dataTables_filter label,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_filter label,
    #modernpanel .ac-account-page .ac-dt-controls .dataTables_length label,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length label{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:8px;
        width:100%;
        white-space:normal;
    }
    #modernpanel .ac-account-page .ac-dt-controls .dataTables_length label,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length label{
        flex-direction:column-reverse;
    }
    #modernpanel .ac-account-page .ac-dt-controls .dttblegoster,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dttblegoster{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        float:none !important;
        margin:0 !important;
    }
    #modernpanel .ac-account-page .ac-dt-controls .datatbspan,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .datatbspan,
    #modernpanel .ac-account-page .ac-dt-controls #mobdataspan,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls #mobdataspan{
        display:block !important;
        width:100%;
        margin:0 !important;
        line-height:1.3 !important;
    }
    #modernpanel .ac-account-page .ac-dt-controls .dataTables_length select,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length select,
    #modernpanel .ac-account-page .ac-dt-controls .dataTables_filter input,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_filter input{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        flex:none;
        box-sizing:border-box !important;
    }
    #modernpanel .ac-account-page .ac-dt-controls .dataTables_length select,
#modernpanel .ac-domainlist-page .ac-domainlist-dt-controls .dataTables_length select{
        padding:0 38px 0 14px !important;
        background-position:right 14px center !important;
    }
    #modernpanel .ac-domainlist-page .ac-domainlist-btn{
        width:100%;
        min-height:42px;
    }
    #modernpanel .ac-domainlist-page .ac-domainlist-status{display:none !important}
    #modernpanel .ac-domainlist-page .ac-domainlist-status-select{display:block}
    #modernpanel .ac-domainlist-page .ac-domainlist-table,
    #modernpanel .ac-account-page .ac-account-card{
        padding:12px;
        overflow:hidden;
    }
    #modernpanel .ac-account-page .ac-dt-footer{
        flex-direction:column;
        align-items:stretch;
        gap:10px;
        padding-top:12px;
    }
    #modernpanel .ac-account-page .ac-dt-footer .dataTables_info,
    #modernpanel .ac-account-page .ac-dt-footer .dataTables_paginate{
        width:100% !important;
        margin:0 !important;
        text-align:center !important;
    }
    #modernpanel .ac-account-page .ac-dt-footer .dataTables_paginate{
        margin-left:0 !important;
        display:flex !important;
        flex-wrap:wrap;
        justify-content:center;
        gap:4px;
    }
    #modernpanel .ac-account-page .dataTables_paginate .paginate_button{
        margin:0 !important;
    }

    /* Mobile: stack table rows as readable cards */
    #modernpanel .ac-account-page .dataTables_wrapper{
        width:100%;
        overflow:visible;
    }
    #modernpanel .ac-account-page table.ac-dt-table{
        display:block;
        width:100% !important;
        max-width:100%;
    }
    #modernpanel .ac-account-page table.ac-dt-table thead{
        display:none;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody{
        display:block;
        width:100%;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr{
        display:block;
        width:100%;
        margin:0 0 12px;
        padding:14px;
        border:1px solid rgba(48,72,95,0.12) !important;
        border-radius:5px;
        background:#fff !important;
        box-shadow:0 4px 14px rgba(48,72,95,0.05);
        box-sizing:border-box;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr:last-child{
        margin-bottom:0;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr:hover{
        background:#fff !important;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td[data-label]{
        display:flex !important;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        width:100% !important;
        max-width:100% !important;
        margin:0;
        padding:10px 0 !important;
        border:0 !important;
        border-bottom:1px solid rgba(48,72,95,0.08) !important;
        text-align:left !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:anywhere;
        box-sizing:border-box;
        box-shadow:none !important;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td[data-label]:last-child{
        border-bottom:0 !important;
        padding-bottom:0 !important;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td[data-label]:first-of-type,
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.ac-dt-col-order{
        padding-top:0 !important;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td[data-label]:before{
        content:attr(data-label);
        flex:0 0 42%;
        max-width:42%;
        color:#5a7388;
        font-size:11px;
        font-weight:700;
        line-height:1.35;
        text-transform:uppercase;
        letter-spacing:.02em;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td[data-label] > *{
        flex:1 1 auto;
        min-width:0;
        text-align:right;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.ac-dt-col-name{
        flex-wrap:wrap;
        align-items:flex-start;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.ac-dt-col-name:before{
        margin-bottom:4px;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.ac-dt-col-name .ac-dt-name{
        flex:1 1 100%;
        display:block;
        text-align:left;
        font-size:16px;
        line-height:1.35;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.ac-dt-col-name:before{
        flex-basis:100%;
        max-width:100%;
    }
    #modernpanel .ac-account-page .ac-dt-money{
        display:inline-block;
        text-align:right;
        white-space:normal;
    }
    #modernpanel .ac-account-page .ac-dt-amount,
    #modernpanel .ac-account-page .ac-dt-period{
        display:inline;
        font-size:13px;
    }
    #modernpanel .ac-account-page .ac-dt-period{
        margin-top:0;
        color:#6b8296;
    }
    #modernpanel .ac-account-page .ac-dt-period:before{
        content:" \00B7 ";
    }
    #modernpanel .ac-account-page .ac-dt-date,
    #modernpanel .ac-account-page .ac-dt-order{
        white-space:nowrap;
        font-size:13px;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody td .listingstatus{
        display:inline-flex;
        width:auto;
        justify-content:flex-end;
        margin-left:auto;
    }
    #modernpanel .ac-account-page table.ac-dt-table .listingstatus span{
        margin:0;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.ac-dt-col-action{
        flex-direction:column;
        align-items:stretch;
        gap:8px;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.ac-dt-col-action:before{
        flex-basis:auto;
        max-width:none;
    }
    #modernpanel .ac-account-page .incelebtn.ac-dt-manage,
#modernpanel .ac-account-page .incelebtn.ac-domainlist-manage{
        width:100%;
        min-height:40px;
        padding:0 12px !important;
        font-size:13px !important;
        text-align:center;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.dataTables_empty{
        display:block !important;
        padding:28px 10px !important;
        border:0 !important;
        text-align:center !important;
    }
    #modernpanel .ac-account-page table.ac-dt-table tbody tr > td.dataTables_empty:before{
        display:none;
    }
}

@media screen and (max-width:767px){
    #modernpanel .ac-account-page .dataTables_length,
    #modernpanel .ac-account-page .dataTables_filter{
        float:none !important;
        width:100% !important;
        text-align:left !important;
        margin:0 0 10px !important;
    }
    #modernpanel .ac-account-page .dataTables_length label,
    #modernpanel .ac-account-page .dataTables_filter label{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
        width:100%;
    }
    #modernpanel .ac-account-page .dataTables_length label{
        flex-direction:column-reverse;
    }
    #modernpanel .ac-account-page .dttblegoster{
        display:block !important;
        float:none !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
    }
    #modernpanel .ac-account-page .datatbspan,
    #modernpanel .ac-account-page #mobdataspan{
        float:none !important;
        display:block !important;
        margin:0 !important;
        line-height:1.3 !important;
    }
    #modernpanel .ac-account-page .dataTables_length select,
    #modernpanel .ac-account-page .dataTables_filter input{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        box-sizing:border-box !important;
    }
    #modernpanel .ac-account-page .dataTables_length select{
        padding:0 38px 0 14px !important;
        background-position:right 14px center !important;
    }
}

@media screen and (max-width:900px){
    #modernpanel .wclientdomainpage .ac-domain-page-head{
        grid-template-columns:1fr;
        align-items:stretch;
        gap:14px;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-price{
        width:100%;
        min-width:0;
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
        gap:8px;
        padding:12px 14px;
        box-sizing:border-box;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-price-label,
    #modernpanel .wclientdomainpage .ac-domain-page-price-note{
        flex:0 0 auto;
        font-size:10px;
        letter-spacing:.03em;
        white-space:nowrap;
        line-height:1.2;
        opacity:.9;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-price-value,
    #modernpanel .wclientdomainpage .ac-domain-page-price-value .amount_spot_view{
        flex:0 0 auto;
        display:inline-flex;
        align-items:baseline;
        gap:3px;
        font-size:22px;
        margin:0;
        line-height:1;
        white-space:nowrap;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-price-value .amount_spot_view i{
        font-size:inherit;
        line-height:1;
    }
}
@media screen and (max-width:767px){
    #modernpanel .wclientdomainpage .ac-domain-page-inner{padding:16px;gap:14px}
    #modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card h1{font-size:20px}
    #modernpanel .wclientdomainpage .ac-domain-page-price{
        gap:6px;
        padding:11px 12px;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-price-value,
    #modernpanel .wclientdomainpage .ac-domain-page-price-value .amount_spot_view{
        font-size:20px;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-search-wrap{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-search{
        grid-column:1 / -1;
        grid-template-columns:40px minmax(0,1fr);
        height:var(--ac-domain-h);
    }
    #modernpanel .wclientdomainpage .ac-domain-page-search-ico{width:40px}
    #modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card #domainInput{
        line-height:var(--ac-domain-h);
    }
    #modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card .gonderbtn.ac-domain-page-check,
    #modernpanel .wclientdomainpage .alanadisorgu.ac-domain-page-card .gonderbtn.ac-domain-page-transfer{
        width:100%;
        min-width:0;
        height:44px;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-tlds{
        gap:8px;
    }
    #modernpanel .wclientdomainpage .ac-domain-page-tlds ul{
        width:100%;
    }
    #modernpanel .wclientdomainpage .ac-domain-transfer-row{grid-template-columns:1fr}
    #modernpanel .wclientdomainpage .transfercode.ac-domain-transfer .lbtn.ac-domain-transfer-btn{
        width:100%;
        border-top:1px solid rgba(255,255,255,0.12);
    }
    #modernpanel .wclientdomainpage .domainlookuplist.ac-domain-results{
        padding:14px;
    }
    #modernpanel .wclientdomainpage .tldavailable h4,
    #modernpanel .wclientdomainpage .tldavailable h4.ac-domain-status-ok,
    #modernpanel .wclientdomainpage .tldavailable h4.ac-domain-status-no{
        font-size:14px;
        padding:12px 14px;
    }
    #modernpanel .wclientdomainpage .lookcolumtitle{display:none}
    #modernpanel .wclientdomainpage #LookupList .lookcolumlist{
        grid-template-columns:1fr;
        gap:10px;
        padding:14px;
        border:0;
        border-bottom:1px solid rgba(48,72,95,0.10);
    }
    #modernpanel .wclientdomainpage #LookupList .lookcolum.tld-name{
        grid-column:1;
        font-size:15px;
        margin-bottom:2px;
    }
    #modernpanel .wclientdomainpage #LookupList .lookcolum.tld-status,
    #modernpanel .wclientdomainpage #LookupList .lookcolum.tld-status#tldok,
    #modernpanel .wclientdomainpage #LookupList .lookcolum.tld-status#tldno{
        grid-column:1;
        justify-self:start;
        width:max-content !important;
        margin:0;
    }
    #modernpanel .wclientdomainpage #LookupList .lookcolum.tld-prices{
        grid-column:1;
        width:100%;
        margin-top:2px;
    }
    #modernpanel .wclientdomainpage #LookupList .lookcolum.tld-select{
        grid-column:1;
        justify-content:flex-start;
        margin-top:2px;
    }
    #modernpanel .wclientdomainpage #LookupList #tesclsure,
    #modernpanel .wclientdomainpage #LookupList select#tesclsure,
    #modernpanel .wclientdomainpage #LookupList select{
        height:40px;
        line-height:40px;
        font-size:13px;
    }
    #modernpanel .wclientdomainpage .lookcolum .lbtn,
    #modernpanel .wclientdomainpage .lookcolum a.lbtn{
        flex:1 1 auto;
        min-width:calc(50% - 4px);
        padding:10px 12px !important;
    }
    #modernpanel .wclientdomainpage .lookcolumlist.tldlistfoot{
        justify-content:stretch;
    }
    #modernpanel .wclientdomainpage .lookcolumlist.tldlistfoot .lookcolum{
        width:100% !important;
        text-align:left;
    }
    #modernpanel .wclientdomainpage #ContinueButton.gonderbtn,
    #modernpanel .wclientdomainpage #ContinueButton.yesilbtn{
        width:100% !important;
        min-width:0;
    }
    #modernpanel .wclientdomainpage .tescilucretleri.ac-domain-pricelist,
    #modernpanel .tescilucretleri.ac-domain-pricelist{
        margin-top:14px !important;
        padding:16px;
    }
    #modernpanel .tescilucretleri.ac-domain-pricelist thead th,
    #modernpanel .tescilucretleri.ac-domain-pricelist tbody td{
        padding:10px 12px;
        font-size:13px;
        white-space:nowrap;
    }
}
.nonotification{text-align:center;padding:35px 0px}
.nonotification h3{font-weight:bold;font-size:20px;margin-bottom:20px}
.nonotification h5{font-size:16px}
.nonotification i{font-size:60px;margin-bottom:25px}
.leftbar .wclientwelcome{display:none !important}
#notifications_count{font-family:'Titillium Web',sans-serif;font-weight:700}
#modernpanel .sayfabaslik{
    float:none;
    color:inherit;
    margin-top:0;
    margin-bottom:16px;
    position:relative;
    text-shadow:none;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px 16px;
    width:100% !important;
    max-width:none !important;
    text-align:left;
    padding:16px 20px;
    background:#fff;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
}
#modernpanel .sayfabaslik::after{
    content:none;
}
#modernpanel .sayfabaslik h1{
    float:none;
    width:auto;
    max-width:100%;
    margin:0;
    flex:1 1 auto;
    min-width:0;
    color:var(--ac-text-strong);
    font-size:22px;
    font-weight:700;
    line-height:1.25;
}
#modernpanel .sayfabaslik > a:not(.lbtn):not(.yesilbtn){
    color:rgba(48,72,95,0.70);
    font-weight:400;
    font-size:15px;
    margin:0;
    display:inline-block;
    flex:0 1 auto;
    max-width:100%;
    line-height:1.4;
}
#modernpanel .sayfabaslik > a:not(.lbtn):not(.yesilbtn):hover{color:var(--ac-text-strong)}
#modernpanel .sayfabaslik.has-action{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px 16px;
    text-align:left;
}
#modernpanel .sayfabaslik.has-action h1{
    float:none;
    margin:0;
    flex:1 1 auto;
    min-width:0;
}
#modernpanel .sayfabaslik.has-action > a:not(.lbtn):not(.yesilbtn){
    order:3;
    width:100%;
    margin-top:0;
}
#modernpanel .sayfabaslik.has-action .ac-page-actions,
#modernpanel .sayfabaslik.has-action .ac-domainlist-actions,
#modernpanel .sayfabaslik.has-action .ac-header-actions{
    display:flex;
    flex:0 0 auto;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin:0 0 0 auto;
    width:auto;
}
#modernpanel .sayfabaslik.has-action .ac-product-orderid,
#modernpanel .sayfabaslik .ac-product-orderid{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:2px;
    margin:0 0 0 auto;
    text-align:right;
}
#modernpanel .sayfabaslik .ac-product-orderid .orderidno,
#modernpanel .sayfabaslik.has-action .ac-product-orderid .orderidno{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    float:none;
    margin:0;
    padding:0;
    text-align:right;
}
#modernpanel .sayfabaslik .ac-product-orderid .orderidno span{
    display:block;
    color:#7a90a3;
    font-size:11px;
    font-weight:700;
    letter-spacing:.03em;
    text-transform:uppercase;
    line-height:1.2;
}
#modernpanel .sayfabaslik .ac-product-orderid .orderidno strong{
    margin:0;
    color:#30485F;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
}
#modernpanel .sayfabaslik.has-action .ac-page-actions a.lbtn,
#modernpanel .sayfabaslik.has-action .ac-page-actions a.lbtn.yesilbtn,
#modernpanel .sayfabaslik.has-action .ac-page-actions a.incelebtn,
#modernpanel .sayfabaslik.has-action .ac-page-actions a.destekolsbtn{
    color:#fff !important;
}
#modernpanel .sayfabaslik .ac-domainlist-actions .ac-domainlist-btn,
#modernpanel .sayfabaslik.has-action .ac-domainlist-actions .ac-domainlist-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    gap:8px;
    min-height:40px;
    width:auto;
    margin:0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:5px !important;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none !important;
    box-sizing:border-box;
    cursor:pointer;
    transition:background .2s ease;
}
#modernpanel .sayfabaslik .ac-domainlist-actions .ac-domainlist-btn i{
    margin:0 !important;
    color:#fff !important;
    font-size:14px;
    line-height:1;
}
#modernpanel .sayfabaslik .ac-domainlist-actions .ac-domainlist-btn-success{
    background:#28a745 !important;
}
#modernpanel .sayfabaslik .ac-domainlist-actions .ac-domainlist-btn-success:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .sayfabaslik .ac-domainlist-actions .ac-domainlist-btn-primary{
    background:#30485F !important;
}
#modernpanel .sayfabaslik .ac-domainlist-actions .ac-domainlist-btn-primary:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .sayfabaslik.has-action .ac-page-actions a#affiliate-paym-info,
#modernpanel .sayfabaslik.has-action .ac-header-actions a#affiliate-paym-info{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:40px;
    margin:0 !important;
    padding:0 14px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#30485F !important;
    color:#fff !important;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none !important;
    box-shadow:none !important;
    width:auto !important;
    box-sizing:border-box;
}
#modernpanel .sayfabaslik.has-action .ac-page-actions a#affiliate-paym-info:hover,
#modernpanel .sayfabaslik.has-action .ac-header-actions a#affiliate-paym-info:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .sayfabaslik.has-action .ac-domainlist-actions{
    margin-bottom:0;
}
@media screen and (max-width:767px){
    #modernpanel .sayfabaslik{
        padding:14px 16px;
    }
    #modernpanel .sayfabaslik.has-action .ac-page-actions,
    #modernpanel .sayfabaslik.has-action .ac-domainlist-actions,
    #modernpanel .sayfabaslik.has-action .ac-header-actions{
        width:100%;
        margin-left:0;
    }
    #modernpanel .sayfabaslik.has-action .ac-page-actions a.lbtn,
    #modernpanel .sayfabaslik.has-action .ac-page-actions a.incelebtn,
    #modernpanel .sayfabaslik.has-action .ac-page-actions a.destekolsbtn,
    #modernpanel .sayfabaslik.has-action .ac-domainlist-actions .ac-domainlist-btn,
    #modernpanel .sayfabaslik.has-action .ac-page-actions a#affiliate-paym-info{
        width:100%;
    }
}
#modernpanel .paypasbutonlar{display:none}
#modernpanel .pakettitle h1{display:none}
#modernpanel .headerwhite{display:none}
#modernpanel .ilanasamalar{margin-bottom:0px}
#modernpanel .scriptlisttitle{display:none}
#modernpanel .urunozellikleri{display:none}
#modernpanel .anascripler{width:73%}
#modernpanel .scriptrightside{margin-top:25px}
#modernpanel .scriptdetayinfo{margin-top:25px}
.paymentlogos{display:inline-block;margin-top:25px;width:100%;text-align:center}
.paymentlogos span{color:#adabab}
.plogos1{width:290px}
.plogos2{width:100px;display:inline-block;margin-bottom:15px;margin-left:20px}
#modernpanel .iziModal .iziModal-header.iziModal-noSubtitle{padding:9px 15px 12px}
#uyeolgirisbody .iziModal .iziModal-header.iziModal-noSubtitle{padding:9px 15px 12px}

/* Clean top-right toast alerts */
#modal-alert.mio-toast,
#modal-alert.mio-toast.iziModal{
    left:auto !important;
    right:20px !important;
    top:20px !important;
    bottom:auto !important;
    margin:0 !important;
    width:380px !important;
    max-width:calc(100vw - 32px) !important;
    height:auto !important;
    border:1px solid rgba(0,0,0,0.08) !important;
    border-radius:10px !important;
    box-shadow:0 10px 30px rgba(15,23,42,0.12) !important;
    overflow:hidden !important;
    background:#fff !important;
    font-family:'Titillium Web',sans-serif;
}
#modal-alert.mio-toast .iziModal-wrap,
#modal-alert.mio-toast .iziModal-content{
    display:none !important;
    height:0 !important;
    padding:0 !important;
}
#modal-alert.mio-toast::after{display:none !important}
#modal-alert.mio-toast .iziModal-header{
    background:#fff !important;
    box-shadow:none !important;
    padding:16px 16px 14px 16px !important;
    overflow:visible !important;
}
#modal-alert.mio-toast .iziModal-progressbar{
    height:3px;
    background:rgba(40,167,69,0.12);
    overflow:hidden;
}
#modal-alert.mio-toast-error .iziModal-progressbar{background:rgba(231,76,60,0.12)}
#modal-alert.mio-toast .iziModal-progressbar > div{height:3px}
#modal-alert.mio-toast .iziModal-header-icon{
    float:left;
    width:34px;
    height:34px;
    margin:0 12px 0 0;
    padding:0;
    border-radius:8px;
    border:1px solid rgba(40,167,69,0.22);
    background:rgba(40,167,69,0.10);
    color:#28a745 !important;
    font-size:15px;
    line-height:34px;
    text-align:center;
}
#modal-alert.mio-toast-error .iziModal-header-icon{
    border-color:rgba(231,76,60,0.22);
    background:rgba(231,76,60,0.10);
    color:#e74c3c !important;
}
#modal-alert.mio-toast .iziModal-header-title{
    color:#1f2937 !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:34px !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:42px;
}
#modal-alert.mio-toast .iziModal-header-subtitle{
    clear:both;
    display:block !important;
    margin:12px 0 0 0 !important;
    padding:12px 0 0 0 !important;
    border-top:1px solid #eef2f4;
    color:#607d8b !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
}
#modal-alert.mio-toast .iziModal-header-buttons{
    top:16px;
    right:12px;
    margin:0;
}
#modal-alert.mio-toast .iziModal-button-close{
    width:28px;
    height:28px;
    margin:0;
    border-radius:8px;
    border:1px solid #e5e7eb;
    background:#f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/12px 12px no-repeat !important;
    opacity:1;
}
#modal-alert.mio-toast .iziModal-button-close:hover{background-color:#e5e7eb !important}
#modal-alert.mio-toast.transitionIn .iziModal-header,
#modal-alert.mio-toast.transitionIn .iziModal-header .iziModal-header-icon,
#modal-alert.mio-toast.transitionIn .iziModal-header .iziModal-header-title,
#modal-alert.mio-toast.transitionIn .iziModal-header .iziModal-header-subtitle,
#modal-alert.mio-toast.transitionIn .iziModal-header .iziModal-button,
#modal-alert.mio-toast.transitionOut .iziModal-header,
#modal-alert.mio-toast.transitionOut .iziModal-header *{
    -webkit-animation:none !important;
    -moz-animation:none !important;
    animation:none !important;
    animation-delay:0s !important;
    transition:none !important;
}
@media only screen and (max-width:520px){
    #modal-alert.mio-toast,
    #modal-alert.mio-toast.iziModal{
        right:12px !important;
        left:12px !important;
        width:auto !important;
        max-width:none !important;
    }
}
#modernpanel .sepetsipinfo tr td{padding:12px 0}
#modernpanel .sepetsipinfo h5{font-size:20px}
#modernpanel #total-amount-payable{font-size:28px}
.orderperiodblock-con{display:inline-block;text-align:center;width:100%;margin-top:25px}
.orderperiodblock{display:inline-block;text-align:center;transform:scale(0.90);border:2px solid rgb(239,239,239);border-radius:7px;width:22%;cursor:pointer;padding:45px 0px;background:rgb(239,239,239);background:-moz-linear-gradient(top,rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef',endColorstr='#ffffff',GradientType=0 );-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.orderperiodblock h2{font-weight:700}
.orderperiodblock:hover{transform:scale(1.00)}
.periodselectbox{display:none;position:absolute;border:2px solid rgb(239,239,239);width:35px;height:35px;border-radius:100%;bottom:-20px;background:white;left:0;bottom:-20px;right:0;margin:auto}
.periodselectbox i{color:white;font-size:24px;line-height:35px}
.orderperiodblock.active{border:2px solid #4CAF50;transform:scale(1.00)}
.active .periodselectbox{border:2px solid #4CAF50;background:#4CAF50;display:block}
.ribbonperiod{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbonperiod span{font-size:11px;font-weight:bold;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
.ribbonperiod span::before{content:"";position:absolute;left:0px;top:100%;z-index:-1;border-right:3px solid transparent;border-bottom:3px solid transparent}
.ribbonperiod span::after{content:"";position:absolute;right:0px;top:100%;z-index:-1;border-left:3px solid transparent;border-bottom:3px solid transparent}
.page404{width:100%;height:50px;display:inline-block;margin-bottom:25px;text-align:center;margin-top:50px}
.orderperiodblock h3{font-size:24px}
#muspanel .mpanelrightcon{padding:20px;word-wrap:break-word;background:white;margin-bottom:25px;border-radius:7px;box-shadow:0 0 3px #ccc;margin-top:10px;min-height:390px}
#muspanel .wclientblockscon .mpanelrightcon{margin-bottom:0px;border-radius:0px;box-shadow:none;margin-top:0px;background:none}
#muspanel #bigcontent .mpanelrightcon{margin-bottom:0px;border-radius:0px;box-shadow:none;margin-top:0px;background:none}
#muspanel .moderncliendblock{width:48%;margin:5px;margin-top:10px}
#muspanel .datatbspan{float:left;margin-right:0px}
#modernpanel .dataTables_wrapper .dataTables_filter{width:auto}
#fullwidth .menu{height:68px}
#modernpanel .cpanelebmail h5{font-weight:normal}
#muspanel .cpanelebmail h5{font-weight:normal}
#modernpanel .dataTables_wrapper table tr{box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.3);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#modernpanel .dataTables_wrapper table tr:hover{background:rgba(223,223,223,0.37)}
.block_module_details{width:80%;margin:25px auto;text-align:center}
#block_module_details_con{width:100%;border-right:none;border-bottom:none}
.block_module_details-title h4{font-size:15px;font-weight:700;padding:12px;color:#28a745;background:#efefef;background:-moz-linear-gradient(top,#efefef 0%,#fff 100%);background:-webkit-linear-gradient(top,#efefef 0%,#fff 100%);background:linear-gradient(to bottom,#efefef 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=0)}
#block_module_details_con .gonderbtn{width:220px;float:right}
#block_modulewidth50{width:48%}
.load-wrapp{width:150px;margin:55px auto;text-align:center}
.square{width:12px;height:12px;border-radius:4px;background-color:#607D8B}
.spinner{position:relative;width:45px;height:45px;margin:0 auto}
.l-1{animation-delay:.48s}
.l-2{animation-delay:.6s}
.l-3{animation-delay:.72s}
.l-4{animation-delay:.84s}
.l-5{animation-delay:.96s}
.l-6{animation-delay:1.08s}
.l-7{animation-delay:1.2s}
.l-8{animation-delay:1.32s}
.l-9{animation-delay:1.44s}
.l-10{animation-delay:1.56s}
.load-7 .square{animation:loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite}
.load-7{display:inline-block;margin-left:-70px}
@keyframes loadingA{0{height:15px}
50%{height:35px}
100%{height:15px}
}
@keyframes loadingB{0{width:15px}
50%{width:35px}
100%{width:15px}
}
@keyframes loadingC{0{transform:translate(0,0)}
50%{transform:translate(0,15px)}
100%{transform:translate(0,0)}
}
@keyframes loadingD{0{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@keyframes loadingE{0{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes loadingF{0%{opacity:0}
    100%{opacity:1}
}
@keyframes loadingG{0%{transform:translate(0,0) rotate(0deg)}
    50%{transform:translate(70px,0) rotate(360deg)}
    100%{transform:translate(0,0) rotate(0deg)}
}
@keyframes loadingH{0%{width:15px}
    50%{width:35px;padding:4px}
    100%{width:15px}
}
@keyframes loadingI{100%{transform:rotate(360deg)}
}
@keyframes bounce{0%,100%{transform:scale(0.0)}
    50%{transform:scale(1.0)}
}
@keyframes loadingJ{0%,100%{transform:translate(0,0)}
    50%{transform:translate(80px,0);background-color:#f5634a;width:25px}
}
.smsucretleri thead{background:#ebebeb}
#modernpanel #StepForm2 .alanadisorgu input{margin:5px 0px;padding:15px 20px;font-size:16px}
#ticketCustomFields{width:100%;margin:auto}
.ticketCustomFields-con{padding:25px;display:inline-block;box-shadow:0px 0px 20px #ededed;border-radius:7px;margin:30px 0px}
#ticketCustomFields .blue-info{border:none;font-size:16px;margin-bottom:10px}
#modernpanel .destektalebiolustur .yesilbtn{width:30%}

/* Create ticket request form */
#modernpanel .ac-account-page .ac-ticket-form.ac-account-card{
    float:none;
    width:100%;
    margin:0 0 8px;
    padding:22px;
    box-sizing:border-box;
    overflow:visible;
}
#modernpanel .ac-account-page .ac-ticket-form form{
    margin:0;
    padding:0;
}
#modernpanel .ac-account-page .ac-ticket-create-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px 16px;
    width:100%;
    float:none;
    margin:0 0 18px;
}
#modernpanel .ac-account-page .ac-ticket-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
}
#modernpanel .ac-account-page .ac-ticket-field-full{
    grid-column:1 / -1;
}
#modernpanel .ac-account-page .ac-ticket-field label{
    margin:0;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-account-page .ac-ticket-form input[type="text"],
#modernpanel .ac-account-page .ac-ticket-form input[type="email"],
#modernpanel .ac-account-page .ac-ticket-form input[type="file"],
#modernpanel .ac-account-page .ac-ticket-form select,
#modernpanel .ac-account-page .ac-ticket-form textarea{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:100%;
    margin:0 !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    font-family:inherit;
    outline:none;
    box-sizing:border-box;
    transition:border-color .15s ease, box-shadow .15s ease;
}
#modernpanel .ac-account-page .ac-ticket-form input[type="text"],
#modernpanel .ac-account-page .ac-ticket-form input[type="email"],
#modernpanel .ac-account-page .ac-ticket-form select{
    height:44px;
    padding:0 14px !important;
    line-height:44px;
    appearance:none;
    -webkit-appearance:none;
}
#modernpanel .ac-account-page .ac-ticket-form select{
    padding-right:36px !important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    background-size:12px 8px !important;
    cursor:pointer;
}
#modernpanel .ac-account-page .ac-ticket-form textarea{
    min-height:160px;
    padding:12px 14px !important;
    line-height:1.45;
    resize:vertical;
}
#modernpanel .ac-account-page .ac-ticket-form input::placeholder,
#modernpanel .ac-account-page .ac-ticket-form textarea::placeholder{
    color:#8aa0ab;
    font-weight:500;
    opacity:1;
}
#modernpanel .ac-account-page .ac-ticket-form input:focus,
#modernpanel .ac-account-page .ac-ticket-form select:focus,
#modernpanel .ac-account-page .ac-ticket-form textarea:focus{
    border-color:#28a745 !important;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12) !important;
}
#modernpanel .ac-account-page .ac-ticket-form .select2-container{
    width:100% !important;
}
#modernpanel .ac-account-page .ac-ticket-form .select2-container .select2-selection--single{
    display:flex !important;
    align-items:center !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 36px 0 14px !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
#modernpanel .ac-account-page .ac-ticket-form .select2-container--default .select2-selection--single .select2-selection__rendered{
    display:block !important;
    float:none !important;
    width:100% !important;
    line-height:1.3 !important;
    padding:0 !important;
    margin:0 !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
}
#modernpanel .ac-account-page .ac-ticket-form .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:0 !important;
    right:10px !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
#modernpanel .ac-account-page .ac-ticket-form .select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin:0 !important;
    position:static !important;
}
#modernpanel .ac-account-page .ac-ticket-form .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#8aa0ab;
    font-weight:500;
    line-height:1.3;
}
#modernpanel .ac-account-page .ac-ticket-form .select2-container--default.select2-container--focus .select2-selection--single,
#modernpanel .ac-account-page .ac-ticket-form .select2-container--default.select2-container--open .select2-selection--single{
    border-color:#28a745 !important;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12);
}
#modernpanel .ac-account-page .ac-ticket-detail{
    float:none;
    width:100%;
    margin:0;
}
#modernpanel .ac-account-page .ac-ticket-custom{
    display:block;
    width:100%;
    margin:16px 0 0;
    padding:16px;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    background:rgba(48,72,95,0.03);
    box-shadow:none;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .ac-ticket-info{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:0 0 14px;
    padding:12px 14px;
    border-radius:5px;
    background:rgba(48,72,95,0.06);
    color:#30485F;
}
#modernpanel .ac-account-page .ac-ticket-info i{
    margin-top:2px;
    color:#30485F;
    font-size:16px;
}
#modernpanel .ac-account-page .ac-ticket-info p{
    margin:0;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
}
#modernpanel .ac-account-page .ac-ticket-custom-row{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:10px 16px;
    margin:0 0 12px;
    padding:0 0 12px;
    border-bottom:1px solid rgba(48,72,95,0.08);
}
#modernpanel .ac-account-page .ac-ticket-custom-row:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}
#modernpanel .ac-account-page .ac-ticket-custom-label{
    flex:0 0 220px;
    max-width:100%;
    color:#30485F;
    font-size:13px;
}
#modernpanel .ac-account-page .ac-ticket-custom-control{
    flex:1 1 280px;
    min-width:0;
}
#modernpanel .ac-account-page .ac-ticket-foot{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
    align-items:stretch;
    float:none;
    width:100%;
    margin:20px 0 0;
    padding:18px 0 0;
    border-top:1px solid rgba(48,72,95,0.08);
    text-align:left;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .ac-ticket-attach,
#modernpanel .ac-account-page .ac-ticket-attach.destekdosyaeki,
#modernpanel .ac-account-page .ac-ticket-encrypt,
#modernpanel .ac-account-page .ac-ticket-submit-wrap{
    display:flex;
    flex-direction:column;
    float:none !important;
    width:auto !important;
    gap:8px;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .ac-ticket-foot.ticketsendbtn{
    float:none !important;
    width:100% !important;
    text-align:left !important;
}
#modernpanel .ac-account-page .ac-ticket-attach label,
#modernpanel .ac-account-page .ac-ticket-foot-label{
    display:block;
    margin:0;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-account-page .ac-ticket-form .ac-ticket-attach input[type="file"]{
    height:auto;
    min-height:44px;
    padding:10px 12px !important;
    line-height:1.3;
    cursor:pointer;
}
#modernpanel .ac-account-page .ac-ticket-attach-note{
    color:#6b8296;
    font-size:12px;
    font-weight:600;
    line-height:1.35;
}
#modernpanel .ac-account-page .ac-ticket-encrypt .checkbox-custom-label{
    display:flex !important;
    align-items:center !important;
    gap:8px;
    margin:0 !important;
    padding:0 14px !important;
    min-height:44px;
    float:none !important;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff;
    box-sizing:border-box;
    cursor:pointer;
}
#modernpanel .ac-account-page .ac-ticket-encrypt .checktext{
    display:block;
    flex:1 1 auto;
    min-width:0;
    color:#6b8296;
    font-size:13px;
    font-weight:600;
    line-height:1.3;
}
#modernpanel .ac-account-page .ac-ticket-form #encrypt_message_wrap .checkbox-custom+.checkbox-custom-label:before,
#modernpanel .ac-account-page .ac-ticket-form #encrypt_message_wrap .radio-custom+.radio-custom-label:before{
    content:'\f13e';
    font-family:'FontAwesome';
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    padding:0;
    font-size:16px;
    line-height:1;
    border:none;
    margin:0;
    opacity:.35;
}
#modernpanel .ac-account-page .ac-ticket-form #encrypt_message_wrap .checkbox-custom:checked+.checkbox-custom-label{
    border-color:rgba(40,167,69,0.35);
    background:rgba(40,167,69,0.06);
}
#modernpanel .ac-account-page .ac-ticket-form #encrypt_message_wrap .checkbox-custom:checked+.checkbox-custom-label:before{
    content:"\f023";
    font-family:'FontAwesome';
    color:#28a745;
    font-size:17px;
    background:none;
    border:none;
    opacity:1;
}
#modernpanel .ac-account-page .ac-ticket-submit-wrap{
    justify-content:flex-start;
    align-items:stretch;
}
#modernpanel .ac-account-page .ac-ticket-foot-label-spacer{
    visibility:hidden;
    user-select:none;
}
#modernpanel .ac-account-page .ac-ticket-submit,
#modernpanel .ac-account-page .ac-ticket-form .ac-ticket-submit.yesilbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    width:100% !important;
    min-width:0;
    min-height:44px;
    margin:0 !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    text-decoration:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .ac-ticket-submit:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .ac-account-page .ac-ticket-kbase{
    margin:18px 0 0;
    padding:16px;
    border:1px solid rgba(40,167,69,0.18);
    border-radius:5px;
    background:rgba(40,167,69,0.06);
    box-sizing:border-box;
}
#modernpanel .ac-account-page .ac-ticket-kbase .bilgibankasi{
    margin:0;
    padding:0;
    background:transparent;
    box-shadow:none;
}
#modernpanel .ac-account-page .ac-ticket-kbase h5{
    margin:0 0 12px;
    color:#243849;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
}
#modernpanel .ac-account-page .ac-ticket-kbase h5 strong{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 6px;
    color:#218838;
    font-size:16px;
}
#modernpanel .ac-account-page .ac-ticket-kbase h5 strong i{
    font-size:18px !important;
}
#modernpanel .ac-account-page .ac-ticket-kbase h5 span{
    display:block;
    color:#5a7388;
    font-size:13px;
    font-weight:600;
}
#modernpanel .ac-account-page .ac-ticket-kbase #list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
#modernpanel .ac-account-page .ac-ticket-kbase #list a.btn{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border-radius:5px;
    background:#30485F;
    color:#fff !important;
    font-size:13px;
    font-weight:600;
    text-decoration:none !important;
}
#modernpanel .ac-account-page .ac-ticket-kbase #list a.btn:hover{
    background:#243849;
}
#modernpanel .ac-account-page .ac-ticket-success{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:20px 0;
    padding:36px 20px;
    text-align:center;
}
#modernpanel .ac-account-page .ac-ticket-success i{
    font-size:56px !important;
    color:#28a745;
}
#modernpanel .ac-account-page .ac-ticket-success h5{
    margin:0;
    color:#243849;
    font-size:18px;
    font-weight:700;
}
@media screen and (max-width:991px){
    #modernpanel .ac-account-page .ac-ticket-create-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    #modernpanel .ac-account-page .ac-ticket-foot{
        grid-template-columns:1fr 1fr;
    }
    #modernpanel .ac-account-page .ac-ticket-submit-wrap{
        grid-column:1 / -1;
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-account-page .ac-ticket-form.ac-account-card{
        padding:14px;
    }
    #modernpanel .ac-account-page .ac-ticket-create-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
    #modernpanel .ac-account-page .ac-ticket-custom-label,
    #modernpanel .ac-account-page .ac-ticket-custom-control{
        flex:1 1 100%;
    }
    #modernpanel .ac-account-page .ac-ticket-foot{
        grid-template-columns:1fr;
        gap:14px;
    }
    #modernpanel .ac-account-page .ac-ticket-submit-wrap{
        grid-column:auto;
    }
    #modernpanel .ac-account-page .ac-ticket-submit,
    #modernpanel .ac-account-page .ac-ticket-form .ac-ticket-submit.yesilbtn{
        width:100% !important;
        margin:0 !important;
    }
}

/* Ticket detail page */
#modernpanel .ac-ticket-detail-page .ac-ticket-meta{
    margin:0 0 12px;
    padding:14px;
    overflow:visible;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
    width:100%;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item,
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item.destekinfo{
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item .destekinfocon{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    min-height:84px;
    margin:0;
    padding:16px 16px 16px 18px;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    background:linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
    box-shadow:0 1px 0 rgba(48,72,95,0.03);
    box-sizing:border-box;
    text-align:left;
    overflow:hidden;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item .destekinfocon::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:#30485F;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item:nth-child(2) .destekinfocon::before{
    background:#5b7c99;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item:nth-child(3) .destekinfocon::before{
    background:#28a745;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item:nth-child(4) .destekinfocon::before{
    background:#dc3545;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-label,
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item h5{
    margin:0;
    color:#7a90a3;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
    line-height:1.3;
    text-transform:uppercase;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-value,
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-item h4{
    margin:0;
    color:#243849;
    font-size:16px;
    font-weight:700;
    line-height:1.3;
    word-break:break-word;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-value .listingstatus,
#modernpanel .ac-ticket-detail-page .ac-ticket-meta-value .listingstatus span,
#modernpanel .ac-ticket-detail-page #get_status .listingstatus span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    margin:0;
    padding:0 10px;
    border-radius:5px;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
}
#modernpanel .ac-ticket-detail-page .ticketinfos{
    float:none !important;
    width:100% !important;
    margin:0 0 12px !important;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-actions,
#modernpanel .ac-ticket-detail-page .ticketstatusbtn{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    width:100% !important;
    max-width:none;
    margin:0 0 12px !important;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-action-btn,
#modernpanel .ac-ticket-detail-page .ticketstatusbtn .gonderbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    width:100% !important;
    min-height:46px;
    margin:0 !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:5px !important;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    text-decoration:none !important;
    box-sizing:border-box;
    transition:background-color .15s ease, color .15s ease;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-action-danger,
#modernpanel .ac-ticket-detail-page .ticketstatusbtn .ac-ticket-action-danger.gonderbtn,
#modernpanel .ac-ticket-detail-page a.ac-ticket-action-danger{
    background:#dc3545 !important;
    color:#fff !important;
    opacity:1 !important;
    -webkit-filter:none !important;
    filter:none !important;
    box-shadow:none !important;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-action-danger:hover,
#modernpanel .ac-ticket-detail-page .ticketstatusbtn .ac-ticket-action-danger.gonderbtn:hover,
#modernpanel .ac-ticket-detail-page a.ac-ticket-action-danger:hover{
    background:#c82333 !important;
    color:#fff !important;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-action-danger.is-disabled,
#modernpanel .ac-ticket-detail-page .ticketstatusbtn .ac-ticket-action-danger.is-disabled,
#modernpanel .ac-ticket-detail-page a.ac-ticket-action-danger.is-disabled{
    background:#e9a4ab !important;
    color:#fff !important;
    opacity:1 !important;
    pointer-events:none;
    cursor:default;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-action-primary,
#modernpanel .ac-ticket-detail-page .ticketstatusbtn .mavibtn{
    background:#30485F !important;
    color:#fff !important;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-action-primary:hover,
#modernpanel .ac-ticket-detail-page .ticketstatusbtn .mavibtn:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-reply.ticketdetail,
#modernpanel .ac-ticket-detail-page .ticketdetail{
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 12px !important;
    padding:22px;
    box-sizing:border-box;
}
#modernpanel .ac-ticket-detail-page .destekdetayright,
#modernpanel .ac-ticket-detail-page #destekcvpyaz{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}
#modernpanel .ac-ticket-detail-page .destekdetayright .gonderbtn,
#modernpanel .ac-ticket-detail-page .destekdetayright .ac-ticket-submit{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    box-shadow:none !important;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-autosave,
#modernpanel .ac-ticket-detail-page .autosave{
    position:relative;
    width:100%;
    min-height:0;
    margin:4px 0 0;
}
#modernpanel .ac-ticket-detail-page #auto_saved{
    position:static;
    display:inline-block;
    margin:0;
    padding:0;
    background:transparent;
    color:#6b8296;
    font-size:12px;
    font-weight:600;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-result{
    float:none;
    width:100%;
    margin:0 0 12px;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-thread,
#modernpanel .ac-ticket-detail-page #detailTicketReplies,
#modernpanel .ac-ticket-detail-page .destekdetayleft{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
#modernpanel .ac-ticket-detail-page .destekdetaymsj{
    display:block;
    float:none !important;
    width:100% !important;
    margin:0 0 12px !important;
    padding:0;
    border:1px solid rgba(48,72,95,0.12) !important;
    border-radius:5px !important;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06) !important;
    box-sizing:border-box;
    overflow:hidden;
}
#modernpanel .ac-ticket-detail-page .destekdetaymsjcon{
    padding:16px 18px !important;
}
#modernpanel .ac-ticket-detail-page .msjyazan{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:8px 12px;
    margin:0 0 12px;
    padding:0 0 12px;
    border-bottom:1px solid rgba(48,72,95,0.08);
}
#modernpanel .ac-ticket-detail-page .msjyazan h4{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    float:none !important;
    gap:8px;
    margin:0;
    color:#243849;
    font-size:15px;
    font-weight:700;
}
#modernpanel .ac-ticket-detail-page .msjyazan h4 span{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 8px;
    border-radius:5px;
    font-size:11px;
    font-weight:700;
    line-height:1.2;
}
#modernpanel .ac-ticket-detail-page #yetkilimsj .msjyazan h4{
    color:#30485F;
}
#modernpanel .ac-ticket-detail-page #yetkilimsj .msjyazan h4 span{
    background:rgba(48,72,95,0.12);
    color:#30485F;
}
#modernpanel .ac-ticket-detail-page .destekdetaymsj:not(#yetkilimsj) .msjyazan h4{
    color:#218838;
}
#modernpanel .ac-ticket-detail-page .destekdetaymsj:not(#yetkilimsj) .msjyazan h4 span{
    background:rgba(40,167,69,0.12);
    color:#218838;
}
#modernpanel .ac-ticket-detail-page .msjyazan h5{
    float:none !important;
    margin:0;
    padding:0 !important;
    background:transparent !important;
    color:#6b8296 !important;
    font-size:12px;
    font-weight:600;
}
#modernpanel .ac-ticket-detail-page .reply-message{
    color:#243849;
    font-size:14px;
    font-weight:500;
    line-height:1.55;
}
#modernpanel .ac-ticket-detail-page .ticket-attachment-file{
    margin-top:10px;
}
#modernpanel .ac-ticket-detail-page .ticket-attachment-file a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}
#modernpanel .ac-ticket-detail-page .ticket-attachment-file a:hover{
    color:#218838;
}
#modernpanel .ac-ticket-detail-page .ac-ticket-success h4{
    margin:0;
    color:#243849;
    font-size:18px;
    font-weight:700;
}
@media screen and (max-width:991px){
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta{
        padding:10px;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-grid{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-item .destekinfocon{
        min-height:0;
        padding:12px 12px 12px 14px;
        gap:5px;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-label,
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-item h5{
        font-size:10px;
        letter-spacing:.03em;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-value,
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-item h4{
        font-size:14px;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-actions,
    #modernpanel .ac-ticket-detail-page .ticketstatusbtn{
        grid-template-columns:1fr;
        gap:8px;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-action-btn,
    #modernpanel .ac-ticket-detail-page .ticketstatusbtn .gonderbtn{
        min-height:44px;
        font-size:14px;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-reply.ticketdetail,
    #modernpanel .ac-ticket-detail-page .ticketdetail{
        padding:14px;
    }
}
@media screen and (max-width:420px){
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-grid{
        grid-template-columns:1fr;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-item .destekinfocon{
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        min-height:52px;
        padding:12px 14px 12px 16px;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-label,
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-item h5{
        flex:0 0 auto;
    }
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-value,
    #modernpanel .ac-ticket-detail-page .ac-ticket-meta-item h4{
        flex:1 1 auto;
        text-align:right;
        font-size:14px;
    }
}

/* Product / service detail pages */
#modernpanel #wrapper.ac-account-page.ac-product-detail,
#modernpanel .ac-account-page.ac-product-detail{
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible;
}
#modernpanel .ac-product-detail > ul.tab,
#modernpanel .ac-product-detail > ul.tab.ac-product-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:6px;
    width:100%;
    margin:0 0 12px;
    padding:8px;
    list-style:none;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    overflow:visible;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail > ul.tab > li{
    float:none;
    display:block;
    margin:0;
    padding:0;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablinks{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    margin:0;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:5px;
    background:transparent;
    color:#5a7388;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none;
    box-sizing:border-box;
    transition:color .15s ease, background-color .15s ease, border-color .15s ease;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablinks i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    margin:0;
    border-radius:5px;
    background:rgba(48,72,95,0.08);
    color:#30485F;
    font-size:13px;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablinks span{
    display:inline-block;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablinks:hover{
    background:rgba(48,72,95,0.04);
    border-color:rgba(48,72,95,0.10);
    color:#30485F;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablinks.active{
    background:rgba(48,72,95,0.08);
    border-color:rgba(48,72,95,0.16);
    color:#30485F;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablinks.active i{
    background:#30485F;
    color:#fff;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablink-danger{
    color:#a94442;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablink-danger i{
    background:rgba(220,53,69,0.12);
    color:#dc3545;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablink-danger:hover,
#modernpanel .ac-product-detail > ul.tab > li > a.tablink-danger.active{
    background:rgba(220,53,69,0.08);
    border-color:rgba(220,53,69,0.22);
    color:#dc3545;
}
#modernpanel .ac-product-detail > ul.tab > li > a.tablink-danger.active i{
    background:#dc3545;
    color:#fff;
}
#modernpanel .ac-product-detail > .ac-product-orderid{
    display:none;
}
#modernpanel .ac-product-detail .ac-product-tab-select{
    display:none;
    width:100%;
    height:46px;
    margin:0 0 12px;
    padding:0 40px 0 14px;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;
    background-size:12px 8px;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    color:#243849;
    font-size:14px;
    font-weight:700;
    font-family:inherit;
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    cursor:pointer;
}
#modernpanel .ac-product-detail .ac-product-tab-select:focus{
    border-color:#28a745;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12);
    outline:none;
}
#modernpanel .ac-product-detail > .tabcontent{
    display:none;
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail > .tabcontent[style*="display: block"],
#modernpanel .ac-product-detail > .tabcontent[style*="display:block"]{
    display:block !important;
}
#modernpanel .ac-product-detail > #detail.tabcontent[style*="display: block"],
#modernpanel .ac-product-detail > #detail.tabcontent[style*="display:block"],
#modernpanel .ac-product-detail > #ozet.tabcontent[style*="display: block"],
#modernpanel .ac-product-detail > #ozet.tabcontent[style*="display:block"],
#modernpanel .ac-product-detail > #tab-summary.tabcontent[style*="display: block"],
#modernpanel .ac-product-detail > #tab-summary.tabcontent[style*="display:block"]{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    align-items:stretch;
}
#modernpanel .ac-product-detail > #detail > .hizmetblok,
#modernpanel .ac-product-detail > #ozet > .hizmetblok,
#modernpanel .ac-product-detail > #tab-summary > .hizmetblok,
#modernpanel .ac-product-detail > #detail > .hizmetblok#general-info,
#modernpanel .ac-product-detail > #ozet > .hizmetblok#general-info,
#modernpanel .ac-product-detail > #tab-summary > .hizmetblok#general-info{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:20px;
    border:1px solid rgba(48,72,95,0.12) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    vertical-align:top;
    box-sizing:border-box;
    overflow:visible;
}
#modernpanel .ac-product-detail > #detail > .hizmetblok:nth-child(n+3),
#modernpanel .ac-product-detail > #ozet > .hizmetblok:nth-child(n+3),
#modernpanel .ac-product-detail > #tab-summary > .hizmetblok:nth-child(n+3),
#modernpanel .ac-product-detail > #detail > .block_module_details,
#modernpanel .ac-product-detail > #ozet > .block_module_details,
#modernpanel .ac-product-detail > #tab-summary > .block_module_details,
#modernpanel .ac-product-detail > #detail > .clear,
#modernpanel .ac-product-detail > #ozet > .clear,
#modernpanel .ac-product-detail > #tab-summary > .clear,
#modernpanel .ac-product-detail > #detail > script,
#modernpanel .ac-product-detail > #ozet > script,
#modernpanel .ac-product-detail > #tab-summary > script,
#modernpanel .ac-product-detail > #detail > .tabcontentcon,
#modernpanel .ac-product-detail > #ozet > .tabcontentcon,
#modernpanel .ac-product-detail > #tab-summary > .tabcontentcon,
#modernpanel .ac-product-detail > #detail > #block_module_details_con,
#modernpanel .ac-product-detail > #ozet > #block_module_details_con,
#modernpanel .ac-product-detail > #tab-summary > #block_module_details_con,
#modernpanel .ac-product-detail > #detail > [id^="block_module"],
#modernpanel .ac-product-detail > #ozet > [id^="block_module"],
#modernpanel .ac-product-detail > #tab-summary > [id^="block_module"]{
    grid-column:1 / -1;
}
#modernpanel .ac-product-detail > .tabcontent > .block_module_details,
#modernpanel .ac-product-detail > .tabcontent > #block_module_details_con,
#modernpanel .ac-product-detail .order-detail-service-block{
    display:block;
    width:100% !important;
    margin:0 !important;
    padding:18px 20px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .service-first-block,
#modernpanel .ac-product-detail .cpanelebmail{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    float:none !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:8px 0;
    text-align:center;
    word-wrap:break-word;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #order_image{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 14px;
}
#modernpanel .ac-product-detail #order_image img{
    display:block;
    max-width:180px;
    width:auto;
    height:auto;
    margin:0 auto;
}
#modernpanel .ac-product-detail .service-first-block h4,
#modernpanel .ac-product-detail .cpanelebmail h4{
    margin:0 0 6px;
    color:#243849;
    font-size:18px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-product-detail .service-first-block h5,
#modernpanel .ac-product-detail .service-first-block H5,
#modernpanel .ac-product-detail .cpanelebmail h5{
    margin:8px 0 0 !important;
    color:#6b8296;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
}
#modernpanel .ac-product-detail .service-first-block h5 strong,
#modernpanel .ac-product-detail .service-first-block H5 strong{
    display:inline-block;
    margin-top:4px;
    color:#30485F;
    font-size:15px;
    font-weight:700;
}
#modernpanel .ac-product-detail #order-service-detail-btns,
#modernpanel .ac-product-detail .ac-product-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    width:100%;
    max-width:280px;
    margin:18px auto 0 !important;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #order-service-detail-btns .gonderbtn,
#modernpanel .ac-product-detail .ac-product-btn,
#modernpanel .ac-product-detail #order-service-detail-btns a.yesilbtn,
#modernpanel .ac-product-detail #order-service-detail-btns a.mavibtn,
#modernpanel .ac-product-detail #order-service-detail-btns a.graybtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    float:none !important;
    width:100% !important;
    min-height:44px;
    margin:0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:5px !important;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    text-decoration:none !important;
    box-sizing:border-box;
    -webkit-filter:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
}
#modernpanel .ac-product-detail #order-service-detail-btns a.yesilbtn,
#modernpanel .ac-product-detail .ac-product-btn-success{
    background:#28a745 !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail #order-service-detail-btns a.yesilbtn:hover,
#modernpanel .ac-product-detail .ac-product-btn-success:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail #order-service-detail-btns a.mavibtn,
#modernpanel .ac-product-detail .ac-product-btn-primary{
    background:#30485F !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail #order-service-detail-btns a.mavibtn:hover,
#modernpanel .ac-product-detail .ac-product-btn-primary:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail #order-service-detail-btns a.graybtn,
#modernpanel .ac-product-detail .ac-product-btn-muted{
    background:#e8eef3 !important;
    color:#6b8296 !important;
    cursor:default;
}
#modernpanel .ac-product-detail #renewal_list{
    flex:0 0 auto;
    align-self:stretch;
    width:100% !important;
    max-width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #renewal_list[style*="display: block"],
#modernpanel .ac-product-detail #renewal_list[style*="display:block"]{
    display:block !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
}
#modernpanel .ac-product-detail #renewal_list select,
#modernpanel .ac-product-detail #selection_renewal{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative;
    z-index:2;
    width:100% !important;
    max-width:100%;
    min-height:44px;
    height:44px;
    margin:0 !important;
    padding:0 36px 0 14px !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    background-size:12px 8px !important;
    color:#243849 !important;
    font-size:14px !important;
    font-weight:600;
    line-height:44px;
    text-align:left;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
#modernpanel .ac-product-detail .hizmetblok > table{
    width:100% !important;
    margin:0;
    border:0 !important;
    border-collapse:collapse;
}
#modernpanel .ac-product-detail .hizmetblok > table tr td{
    padding:12px 4px !important;
    border:0 !important;
    border-bottom:1px solid rgba(48,72,95,0.08) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    vertical-align:middle;
    text-align:left !important;
}
#modernpanel .ac-product-detail .hizmetblok > table tr:first-child td,
#modernpanel .ac-product-detail .hizmetblok > table tr td[bgcolor],
#modernpanel .ac-product-detail .hizmetblok > table tr td[bgcolor="#ebebeb"]{
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:8px 12px;
    width:100% !important;
    padding:0 0 14px !important;
    border-bottom:1px solid rgba(48,72,95,0.10) !important;
    background:transparent !important;
    color:#30485F !important;
    font-size:15px !important;
}
#modernpanel .ac-product-detail .hizmetblok > table tr:first-child td strong{
    float:none !important;
    display:inline-block;
    color:#30485F;
    font-size:16px;
    font-weight:700;
}
#modernpanel .ac-product-detail .hizmetblok > table tr:first-child td span{
    float:none !important;
    display:inline-block;
    margin:0;
    color:#6b8296;
    font-size:13px;
    font-weight:600;
}
#modernpanel .ac-product-detail #panel_buttons{
    display:flex;
    flex-direction:column;
    gap:10px;
    width:100%;
}
#modernpanel .ac-product-detail #panel_buttons br{
    display:none;
}
#modernpanel .ac-product-detail .hizmetblok > table tr:first-child td span a{
    color:#30485F;
    font-weight:700;
    text-decoration:none;
}
#modernpanel .ac-product-detail .hizmetblok > table tr td:first-child{
    width:42%;
    color:#6b8296;
    font-weight:700;
}
#modernpanel .ac-product-detail .hizmetblok > table tr td:last-child{
    width:58%;
    color:#243849;
    font-weight:600;
}
#modernpanel .ac-product-detail .hizmetblok > table tr.tutartd td,
#modernpanel .ac-product-detail .hizmetblok > table tr.tutartd td[colspan]{
    padding:14px 16px !important;
    border:0 !important;
    border-radius:5px !important;
    background:rgba(48,72,95,0.06) !important;
    color:#30485F !important;
    font-size:14px !important;
    text-align:left !important;
}
#modernpanel .ac-product-detail .hizmetblok > table tr.tutartd td strong{
    color:#30485F;
    font-size:16px;
    font-weight:700;
}
#modernpanel .ac-product-detail .hizmetblok > table tr td .listingstatus span,
#modernpanel .ac-product-detail .hizmetblok > table tr td span.listingstatus{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 10px;
    border-radius:5px;
    font-size:12px;
    font-weight:700;
}
#modernpanel .ac-product-detail .order-detail-service-block-title h4{
    margin:0 0 14px;
    color:#30485F;
    font-size:16px;
    font-weight:700;
}
#modernpanel .ac-product-detail .order-detail-service-block .formcon{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 16px;
    margin:0 0 12px;
    padding:0 0 12px;
    border-bottom:1px solid rgba(48,72,95,0.08);
}
#modernpanel .ac-product-detail .order-detail-service-left{
    flex:0 0 200px;
    max-width:100%;
    color:#6b8296;
    font-size:13px;
    font-weight:700;
}
#modernpanel .ac-product-detail .order-detail-service-right{
    flex:1 1 220px;
    min-width:0;
    color:#243849;
    font-size:14px;
    font-weight:600;
}

/* Product detail content panels (requirements, install, versions, cancel, transfer) */
#modernpanel .ac-product-detail .ac-product-panel{
    display:block;
    width:100%;
    margin:0;
    padding:20px;
    box-sizing:border-box;
    overflow:visible;
}
#modernpanel .ac-product-detail .ac-product-panel-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 16px;
    padding:0 0 14px;
    border-bottom:1px solid rgba(48,72,95,0.10);
}
#modernpanel .ac-product-detail .ac-product-panel-head i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:5px;
    background:rgba(48,72,95,0.08);
    color:#30485F;
    font-size:15px;
}
#modernpanel .ac-product-detail .ac-product-cancel .ac-product-panel-head i{
    background:rgba(220,53,69,0.12);
    color:#dc3545;
}
#modernpanel .ac-product-detail .ac-product-panel-head h4{
    margin:0;
    color:#243849;
    font-size:17px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-product-detail .ac-product-panel-body,
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body{
    color:#243849;
    font-size:14px;
    font-weight:500;
    line-height:1.65;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body h1,
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body h2,
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body h3,
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body h4,
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body h5{
    margin:0 0 10px;
    color:#30485F;
    font-weight:700;
    line-height:1.35;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body p{
    margin:0 0 12px;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body ul,
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body ol{
    margin:0 0 12px;
    padding-left:20px;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body li{
    margin:0 0 6px;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body a{
    color:#30485F;
    font-weight:700;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body table{
    width:100%;
    margin:0 0 14px;
    border-collapse:collapse;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body table td,
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body table th{
    padding:10px 12px;
    border-bottom:1px solid rgba(48,72,95,0.08);
    text-align:left;
    vertical-align:top;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body pre,
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body code{
    border-radius:5px;
    background:rgba(48,72,95,0.05);
    font-family:Consolas, Monaco, monospace;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body pre{
    padding:12px 14px;
    overflow:auto;
}
#modernpanel .ac-product-detail .ac-product-prose .ac-product-panel-body code{
    padding:2px 6px;
    font-size:13px;
}
#modernpanel .ac-product-detail .ac-product-info{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:0 0 16px;
    padding:12px 14px;
    border-radius:5px;
    background:rgba(48,72,95,0.06);
    color:#30485F;
}
#modernpanel .ac-product-detail .ac-product-info i{
    margin-top:2px;
    color:#30485F;
    font-size:16px;
}
#modernpanel .ac-product-detail .ac-product-info p{
    margin:0;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-product-detail .ac-product-alert{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:0 0 16px;
    padding:12px 14px;
    border-radius:5px;
}
#modernpanel .ac-product-detail .ac-product-alert-danger{
    background:rgba(220,53,69,0.08);
    color:#a94442;
}
#modernpanel .ac-product-detail .ac-product-alert-danger i{
    margin-top:2px;
    color:#dc3545;
    font-size:16px;
}
#modernpanel .ac-product-detail .ac-product-alert p{
    margin:0;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-product-detail .ac-product-kv,
#modernpanel .ac-product-detail .ac-product-panel .formcon.ac-product-kv{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:8px 16px;
    float:none !important;
    width:100% !important;
    margin:0 0 10px;
    padding:0 0 12px;
    border:0;
    border-bottom:1px solid rgba(48,72,95,0.08);
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .ac-product-kv-label,
#modernpanel .ac-product-detail .ac-product-kv .yuzde30,
#modernpanel .ac-product-detail .ac-product-kv .ac-product-kv-label{
    flex:0 0 220px;
    float:none !important;
    width:auto !important;
    max-width:100%;
    color:#6b8296;
    font-size:13px;
    font-weight:700;
}
#modernpanel .ac-product-detail .ac-product-kv-value,
#modernpanel .ac-product-detail .ac-product-kv .yuzde70,
#modernpanel .ac-product-detail .ac-product-kv .ac-product-kv-value{
    flex:1 1 260px;
    float:none !important;
    width:auto !important;
    min-width:0;
    color:#243849;
    font-size:14px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-product-detail .ac-product-cancel-form{
    display:flex;
    flex-direction:column;
    gap:14px;
    max-width:640px;
}
#modernpanel .ac-product-detail .ac-product-cancel-form .ac-ticket-field{
    width:100%;
}
#modernpanel .ac-product-detail .ac-product-cancel-form textarea,
#modernpanel .ac-product-detail .ac-product-cancel-form select,
#modernpanel .ac-product-detail #TransferService input[type="text"],
#modernpanel .ac-product-detail #TransferService input[type="password"],
#modernpanel .ac-product-detail #TransferService input[type="email"]{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:100%;
    margin:0 !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    font-family:inherit;
    outline:none;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .ac-product-cancel-form select,
#modernpanel .ac-product-detail #TransferService input[type="text"],
#modernpanel .ac-product-detail #TransferService input[type="password"],
#modernpanel .ac-product-detail #TransferService input[type="email"]{
    height:44px;
    padding:0 14px !important;
}
#modernpanel .ac-product-detail .ac-product-cancel-form textarea{
    min-height:110px;
    padding:12px 14px !important;
    resize:vertical;
}
#modernpanel .ac-product-detail .ac-product-cancel-form textarea:focus,
#modernpanel .ac-product-detail .ac-product-cancel-form select:focus,
#modernpanel .ac-product-detail #TransferService input:focus{
    border-color:#28a745 !important;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12) !important;
}
#modernpanel .ac-product-detail #TransferService{
    display:flex;
    flex-direction:column;
    gap:12px;
    max-width:480px;
    margin:0 0 20px;
}
#modernpanel .ac-product-detail .ac-product-panel .ac-product-btn,
#modernpanel .ac-product-detail .ac-product-panel a.ac-product-btn,
#modernpanel .ac-product-detail #TransferService .gonderbtn,
#modernpanel .ac-product-detail .ac-product-btn-danger,
#modernpanel .ac-product-detail a.ac-product-btn-danger.redbtn,
#modernpanel .ac-product-detail a.ac-product-btn-danger.gonderbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    width:auto !important;
    min-width:180px;
    min-height:44px;
    margin:0 !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:5px !important;
    font-size:15px;
    font-weight:700;
    text-decoration:none !important;
    -webkit-filter:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .ac-product-panel a.ac-product-btn-primary,
#modernpanel .ac-product-detail #TransferService .yesilbtn.gonderbtn{
    background:#30485F !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail .ac-product-panel a.ac-product-btn-primary:hover,
#modernpanel .ac-product-detail #TransferService .yesilbtn.gonderbtn:hover{
    background:#243849 !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail #TransferService .yesilbtn.gonderbtn{
    background:#28a745 !important;
}
#modernpanel .ac-product-detail #TransferService .yesilbtn.gonderbtn:hover{
    background:#218838 !important;
}
#modernpanel .ac-product-detail .ac-product-btn-danger,
#modernpanel .ac-product-detail a.ac-product-btn-danger.redbtn,
#modernpanel .ac-product-detail a.ac-product-btn-danger.gonderbtn{
    background:#dc3545 !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail .ac-product-btn-danger:hover{
    background:#c82333 !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail .ac-product-cancel-status{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    max-width:640px;
}
#modernpanel .ac-product-detail .ac-product-cancel-status > i{
    font-size:42px;
    color:#30485F;
}
#modernpanel .ac-product-detail .ac-product-cancel-status > h4{
    margin:0;
    color:#243849;
    font-size:18px;
    font-weight:700;
}
#modernpanel .ac-product-detail .ac-product-cancel-status .ac-product-kv{
    width:100%;
}
#modernpanel .ac-product-detail .ac-product-cancel-success{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:36px 20px;
    text-align:center;
}
#modernpanel .ac-product-detail .ac-product-cancel-success i{
    font-size:56px;
    color:#28a745;
}
#modernpanel .ac-product-detail .ac-product-cancel-success h4{
    margin:0;
    color:#243849;
    font-size:18px;
    font-weight:700;
}
#modernpanel .ac-product-detail #ctoc_s_t_list{
    width:100%;
    margin:12px 0 0;
    border-collapse:collapse;
}
#modernpanel .ac-product-detail #ctoc_s_t_list th,
#modernpanel .ac-product-detail #ctoc_s_t_list td{
    padding:12px 10px;
    border-bottom:1px solid rgba(48,72,95,0.08);
    color:#243849;
    font-size:13px;
    font-weight:600;
}
#modernpanel .ac-product-detail #ctoc_s_t_list thead th{
    color:#6b8296;
    font-size:12px;
    font-weight:700;
    text-align:left;
}

/* Purchased addons DataTable */
#modernpanel .ac-product-detail .ac-product-addons-list{
    margin:0 0 8px;
}
#modernpanel .ac-product-detail .ac-product-addons-list .ac-dt-toolbar{
    margin-bottom:12px;
}
#modernpanel .ac-product-detail #addons .dataTables_wrapper{
    width:100%;
}

/* Buy additional services */
#modernpanel .ac-product-detail .buyaddservice{
    display:block;
    float:none;
    width:100%;
    margin:0 0 16px;
    padding:20px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .buyaddservice .addservicetitle{
    margin:0 0 16px;
    padding:0 0 12px;
    border-bottom:1px solid rgba(48,72,95,0.10);
    color:#243849;
    font-size:18px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-product-detail .buyaddservice .sunucukonfigurasyonu{
    float:none;
    width:100%;
    margin:0;
}
#modernpanel .ac-product-detail .buyaddservice .sunucukonfigurasyonu > form,
#modernpanel .ac-product-detail .buyaddservice #BuyAddons{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(240px, 320px);
    gap:16px;
    align-items:start;
    width:100%;
    margin:0;
}
#modernpanel .ac-product-detail .buyaddservice .sungenbil,
#modernpanel .ac-product-detail .buyaddservice .sunucusipside{
    float:none !important;
    width:100% !important;
    margin:0;
    position:static;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo{
    float:none;
    width:100%;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    background:#fff;
    box-sizing:border-box;
    text-align:left;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo > div{
    padding:16px !important;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table{
    width:100%;
    border-collapse:collapse;
    text-align:left;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table tr{
    border-bottom:1px solid rgba(48,72,95,0.08);
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table tr:last-child{
    border-bottom:0;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td{
    padding:16px 12px;
    vertical-align:middle;
    text-align:left !important;
    color:#243849;
    font-size:14px;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:first-child{
    width:40%;
    color:#30485F;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:first-child label{
    display:block;
    margin:0;
    text-align:left;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:first-child strong{
    display:block;
    margin:0 0 6px;
    color:#243849;
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    text-align:left;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:first-child span{
    display:block;
    color:#6b8296;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
    text-align:left;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:last-child{
    width:60%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:last-child br{
    display:none;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo select{
    display:block;
    width:100% !important;
    max-width:100%;
    height:44px;
    margin:0 0 8px !important;
    padding:0 14px !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom{
    position:absolute !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    pointer-events:none;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom-label,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom-label{
    display:flex !important;
    align-items:center;
    flex-wrap:wrap;
    float:none !important;
    width:100% !important;
    max-width:100%;
    min-height:48px;
    margin:0 0 10px !important;
    padding:12px 14px !important;
    border:1px solid rgba(48,72,95,0.14) !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    text-align:left !important;
    box-sizing:border-box;
    gap:0 6px;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom-label:last-child,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom-label:last-child{
    margin-bottom:0 !important;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom+.radio-custom-label:before,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom+.checkbox-custom-label:before{
    content:"";
    flex:0 0 20px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:20px !important;
    height:20px !important;
    min-width:20px;
    margin:0 10px 0 0 !important;
    padding:0 !important;
    border:1.5px solid #28a745 !important;
    border-radius:5px !important;
    background:#fff;
    line-height:1 !important;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom:checked+.radio-custom-label,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom:checked+.checkbox-custom-label{
    border-color:rgba(40,167,69,0.35) !important;
    background:rgba(40,167,69,0.06) !important;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom:checked+.radio-custom-label:before,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom:checked+.checkbox-custom-label:before{
    content:"\f00c";
    font-family:"FontAwesome";
    background:#28a745 !important;
    border-color:#28a745 !important;
    color:#fff !important;
    font-size:12px;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom-label .ac-addon-opt-name,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom-label .ac-addon-opt-name{
    flex:1 1 auto;
    min-width:0;
    color:#243849;
    font-weight:700;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom-label .ac-addon-opt-price,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom-label .ac-addon-opt-price,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom-label strong,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom-label strong{
    flex:0 0 auto;
    margin:0 !important;
    color:#30485F;
    font-weight:700;
    white-space:nowrap;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom-label .ac-addon-opt-sep,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom-label .ac-addon-opt-sep{
    flex:0 0 auto;
    margin:0 2px;
    color:#9aafbf;
    font-weight:600;
}
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom-label .ac-addon-opt-period,
#modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom-label .ac-addon-opt-period{
    flex:0 0 auto;
    color:#6b8296;
    font-weight:600;
    white-space:nowrap;
}
#modernpanel .ac-product-detail .buyaddservice .skonfigside{
    width:100% !important;
    border-radius:5px;
    background:#30485F !important;
    color:#fff;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .buyaddservice .skonfigside > div{
    padding:16px !important;
}
#modernpanel .ac-product-detail .buyaddservice .skonfigside h4,
#modernpanel .ac-product-detail .buyaddservice .skonfigside h3,
#modernpanel .ac-product-detail .buyaddservice .skonfigside span,
#modernpanel .ac-product-detail .buyaddservice .skonfigside strong{
    color:#fff;
}
#modernpanel .ac-product-detail .buyaddservice .skonfigside h4{
    margin:0 0 12px;
    font-size:16px;
    font-weight:700;
}
#modernpanel .ac-product-detail .buyaddservice .sunucusipside .gonderbtn,
#modernpanel .ac-product-detail .buyaddservice .sunucusipside .graybtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    text-align:center;
    float:none !important;
    width:100% !important;
    min-height:44px;
    margin:10px 0 0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:5px !important;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none !important;
    -webkit-filter:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .buyaddservice .sunucusipside #BuyAddons_submit{
    background:#28a745 !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail .buyaddservice .sunucusipside #BuyAddons_submit_disable{
    background:#e8eef3 !important;
    color:#6b8296 !important;
}
#modernpanel .ac-product-detail .buyaddservice .sunucusipside #BuyAddons_submit[style*="display: none"],
#modernpanel .ac-product-detail .buyaddservice .sunucusipside #BuyAddons_submit[style*="display:none"],
#modernpanel .ac-product-detail .buyaddservice .sunucusipside #BuyAddons_submit_disable[style*="display: none"],
#modernpanel .ac-product-detail .buyaddservice .sunucusipside #BuyAddons_submit_disable[style*="display:none"]{
    display:none !important;
}

/* Domain product detail: #tab-tab wrapper */
#modernpanel .ac-product-detail #tab-tab{
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab > ul.tab,
#modernpanel .ac-product-detail #tab-tab > ul.tab.ac-product-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:6px;
    width:100%;
    margin:0 0 12px;
    padding:8px;
    list-style:none;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    overflow:visible;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab > ul.tab > li{
    float:none;
    display:block;
    margin:0;
    padding:0;
}
#modernpanel .ac-product-detail #tab-tab > ul.tab > li > a.tablinks{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    margin:0;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:5px;
    background:transparent;
    color:#5a7388;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none;
    box-sizing:border-box;
    transition:color .15s ease, background-color .15s ease, border-color .15s ease;
}
#modernpanel .ac-product-detail #tab-tab > ul.tab > li > a.tablinks i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    margin:0;
    border-radius:5px;
    background:rgba(48,72,95,0.08);
    color:#30485F;
    font-size:13px;
}
#modernpanel .ac-product-detail #tab-tab > ul.tab > li > a.tablinks span{
    display:inline-block;
}
#modernpanel .ac-product-detail #tab-tab > ul.tab > li > a.tablinks:hover{
    background:rgba(48,72,95,0.04);
    border-color:rgba(48,72,95,0.10);
    color:#30485F;
}
#modernpanel .ac-product-detail #tab-tab > ul.tab > li > a.tablinks.active{
    background:rgba(48,72,95,0.08);
    border-color:rgba(48,72,95,0.16);
    color:#30485F;
}
#modernpanel .ac-product-detail #tab-tab > ul.tab > li > a.tablinks.active i{
    background:#30485F;
    color:#fff;
}
#modernpanel .ac-product-detail #tab-tab > .tabcontent{
    display:none;
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab > .tabcontent[style*="display: block"],
#modernpanel .ac-product-detail #tab-tab > .tabcontent[style*="display:block"]{
    display:block !important;
}
#modernpanel .ac-product-detail #tab-tab > #tab-summary.tabcontent[style*="display: block"],
#modernpanel .ac-product-detail #tab-tab > #tab-summary.tabcontent[style*="display:block"]{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    align-items:stretch;
}
#modernpanel .ac-product-detail #tab-tab > #tab-summary > .hizmetblok{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:20px;
    border:1px solid rgba(48,72,95,0.12) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    vertical-align:top;
    box-sizing:border-box;
    overflow:visible;
}
#modernpanel .ac-product-detail #tab-tab > #tab-summary > .hizmetblok:first-child{
    grid-column:1 / -1;
}
#modernpanel .ac-product-detail #tab-tab > #tab-summary > .hizmetblok:nth-child(n+4),
#modernpanel .ac-product-detail #tab-tab > #tab-summary > .clear,
#modernpanel .ac-product-detail #tab-tab > #tab-summary > script{
    grid-column:1 / -1;
}
#modernpanel .ac-product-detail #tab-tab > .tabcontent > .tabcontentcon.ac-product-panel,
#modernpanel .ac-product-detail #tab-tab > .tabcontent > .ac-product-panel{
    display:block;
    width:100%;
    margin:0;
    padding:20px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    box-sizing:border-box;
    overflow:visible;
}
#modernpanel .ac-product-detail #tab-tab > #tab-summary > .hizmetblok:first-child{
    padding:24px 28px !important;
}
#modernpanel .ac-product-detail .service-first-block.ac-domain-hero{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    gap:24px 32px;
    padding:0;
    text-align:left;
    position:relative;
}
#modernpanel .ac-product-detail .ac-domain-hero-main{
    display:flex;
    flex:1 1 auto;
    align-items:center;
    gap:20px 24px;
    min-width:0;
    position:relative;
}
#modernpanel .ac-product-detail .ac-domain-hero #order_image{
    position:relative;
    flex:0 0 110px;
    width:110px;
    margin:0;
    z-index:1;
}
#modernpanel .ac-product-detail .ac-domain-hero #order_image img{
    display:block;
    max-width:110px;
    width:100%;
    height:auto;
    margin:0;
}
#modernpanel .ac-product-detail .ac-domain-hero-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:8px;
    min-width:0;
    position:relative;
    z-index:2;
}
#modernpanel .ac-product-detail .ac-domain-hero-copy h4{
    margin:0;
    word-break:break-word;
}
#modernpanel .ac-product-detail .ac-domain-remaining{
    margin:0 !important;
    color:#6b8296;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
}
#modernpanel .ac-product-detail .ac-domain-remaining strong{
    display:inline;
    margin:0;
    color:#30485F;
    font-weight:700;
    font-size:inherit;
}
#modernpanel .ac-product-detail .ac-domain-whois-badge{
    display:block !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    max-width:100%;
    margin:2px 0 0 !important;
    z-index:auto;
}
#modernpanel .ac-product-detail .ac-domain-whois-badge-label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:28px;
    width:auto;
    max-width:100%;
    padding:0 12px;
    border-radius:5px;
    background:rgba(48,72,95,0.08);
    color:#30485F;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .ac-domain-whois-badge-label i{
    margin:0 !important;
    color:#30485F;
    font-size:12px;
}
#modernpanel .ac-product-detail .ac-domain-hero-actions.ac-product-actions,
#modernpanel .ac-product-detail .ac-domain-hero #order-service-detail-btns{
    flex:0 0 240px;
    width:240px;
    max-width:100%;
    margin:0 !important;
    align-self:center;
}
#modernpanel .ac-product-detail .hizmetblok > table tr:first-child td.ac-domain-info-head{
    display:flex !important;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
#modernpanel .ac-product-detail .hizmetblok > table tr:first-child td.ac-domain-info-head .ac-domain-info-title{
    flex:0 1 auto;
    margin:0;
}
#modernpanel .ac-product-detail .hizmetblok > table tr:first-child td.ac-domain-info-head .ac-domain-info-invoice{
    float:none !important;
    display:inline-flex !important;
    align-items:center;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right;
    white-space:nowrap;
}
@media screen and (max-width:767px){
    #modernpanel .ac-product-detail .service-first-block.ac-domain-hero{
        flex-direction:column;
        align-items:stretch;
        text-align:center;
    }
    #modernpanel .ac-product-detail .ac-domain-hero-main{
        flex-direction:column;
        align-items:center;
    }
    #modernpanel .ac-product-detail .ac-domain-hero-copy{
        align-items:center;
    }
    #modernpanel .ac-product-detail .ac-domain-hero-actions.ac-product-actions,
    #modernpanel .ac-product-detail .ac-domain-hero #order-service-detail-btns{
        flex:1 1 auto;
        width:100%;
        max-width:none;
    }
    #modernpanel .ac-product-detail .hizmetblok > table tr:first-child td.ac-domain-info-head{
        flex-wrap:wrap;
    }
    #modernpanel .ac-product-detail .hizmetblok > table tr:first-child td.ac-domain-info-head .ac-domain-info-invoice{
        width:100%;
        justify-content:flex-end;
        white-space:normal;
    }
}
#modernpanel .ac-product-detail #tab-tab .ModifyDns,
#modernpanel .ac-product-detail #tab-tab #ModifyDns{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    position:relative;
}
#modernpanel .ac-product-detail #tab-tab #ModifyWhois,
#modernpanel .ac-product-detail #tab-tab .ModifyWhois,
#modernpanel .ac-product-detail #tab-tab #ModifyWhois.ac-whois-form{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:100%;
    float:none;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab #ModifyWhois input,
#modernpanel .ac-product-detail #tab-tab #ModifyDns input,
#modernpanel .ac-product-detail #tab-tab #ModifyWhois select,
#modernpanel .ac-product-detail #tab-tab #ModifyDns select{
    width:100% !important;
    max-width:100%;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab .tabcontentcon .gonderbtn,
#modernpanel .ac-product-detail #tab-tab .ac-product-panel .gonderbtn{
    float:none !important;
}

/* Domain management: shared subtabs + flatten nested chrome */
#modernpanel .ac-product-detail #tab-tab > .tabcontent > .tabcontentcon.ac-product-panel > .line,
#modernpanel .ac-product-detail #tab-tab .subtab .line{
    display:none;
}
#modernpanel .ac-product-detail #tab-tab .padding20{
    padding:0 !important;
}
#modernpanel .ac-product-detail #tab-tab .red-info{
    display:flex !important;
    align-items:flex-start;
    gap:10px;
    float:none !important;
    width:100% !important;
    margin:0 0 16px !important;
    padding:12px 14px !important;
    border:0 !important;
    border-radius:5px !important;
    background:rgba(220,53,69,0.08) !important;
    color:#a94442 !important;
    overflow:visible !important;
    box-shadow:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab .red-info i{
    position:static !important;
    float:none !important;
    margin:2px 0 0 !important;
    font-size:16px !important;
    color:#dc3545 !important;
    left:auto !important;
    top:auto !important;
}
#modernpanel .ac-product-detail #tab-tab .red-info .padding15,
#modernpanel .ac-product-detail #tab-tab .red-info .padding20{
    padding:0 !important;
}
#modernpanel .ac-product-detail #tab-tab .red-info p{
    margin:0;
    color:#a94442;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-product-detail #tab-tab .blue-info,
#modernpanel .ac-product-detail #tab-tab .green-info{
    display:flex !important;
    align-items:flex-start;
    gap:10px;
    float:none !important;
    width:100% !important;
    margin:0 0 16px !important;
    padding:12px 14px !important;
    border:0 !important;
    border-radius:5px !important;
    background:rgba(48,72,95,0.06) !important;
    color:#30485F !important;
    overflow:visible !important;
    box-shadow:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab .blue-info i,
#modernpanel .ac-product-detail #tab-tab .green-info i{
    position:static !important;
    float:none !important;
    margin:2px 0 0 !important;
    font-size:16px !important;
    color:#30485F !important;
    left:auto !important;
    top:auto !important;
}
#modernpanel .ac-product-detail #tab-tab .blue-info .padding15,
#modernpanel .ac-product-detail #tab-tab .green-info .padding15,
#modernpanel .ac-product-detail #tab-tab .blue-info .padding20,
#modernpanel .ac-product-detail #tab-tab .green-info .padding20{
    padding:0 !important;
}
#modernpanel .ac-product-detail #tab-tab .blue-info p,
#modernpanel .ac-product-detail #tab-tab .green-info p{
    margin:0;
    color:#30485F;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-product-detail #tab-tab .tabcontentcon table tr,
#modernpanel .ac-product-detail #tab-tab .tabcontentcon table td{
    box-shadow:none !important;
}
#modernpanel .ac-product-detail #tab-tab .subtab{
    float:none;
    width:100%;
    margin:0;
    padding:0;
}
#modernpanel .ac-product-detail #tab-tab .subtab > ul.tab.ac-domain-subtabs{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:6px;
    width:100%;
    margin:0 0 16px;
    padding:6px;
    list-style:none;
    border:1px solid rgba(48,72,95,0.10);
    border-radius:5px;
    background:rgba(48,72,95,0.03);
    box-shadow:none;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab .subtab > ul.tab.ac-domain-subtabs > li{
    float:none;
    display:block;
    margin:0;
    padding:0;
}
#modernpanel .ac-product-detail #tab-tab .subtab > ul.tab.ac-domain-subtabs > li > a.tablinks{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    margin:0;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:5px;
    background:transparent;
    color:#5a7388;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab .subtab > ul.tab.ac-domain-subtabs > li > a.tablinks i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    border-radius:5px;
    background:rgba(48,72,95,0.08);
    color:#30485F;
    font-size:12px;
}
#modernpanel .ac-product-detail #tab-tab .subtab > ul.tab.ac-domain-subtabs > li > a.tablinks.active{
    background:#fff;
    border-color:rgba(48,72,95,0.14);
    color:#30485F;
    box-shadow:0 2px 8px rgba(48,72,95,0.06);
}
#modernpanel .ac-product-detail #tab-tab .subtab > ul.tab.ac-domain-subtabs > li > a.tablinks.active i{
    background:#30485F;
    color:#fff;
}
#modernpanel .ac-product-detail .ac-domain-whois-contacts-bar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px 14px;
    margin:0 0 16px;
}
#modernpanel .ac-product-detail .ac-domain-whois-contacts-bar > ul.tab.ac-domain-contact-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:6px;
    float:none;
    width:auto;
    max-width:100%;
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    background:transparent;
    box-shadow:none;
}
#modernpanel .ac-product-detail .ac-domain-whois-contacts-bar > ul.tab.ac-domain-contact-tabs > li{
    float:none;
    margin:0;
    padding:0;
}
#modernpanel .ac-product-detail .ac-domain-whois-contacts-bar > ul.tab.ac-domain-contact-tabs > li > a.tablinks{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    margin:0;
    padding:0 14px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    color:#5a7388;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .ac-domain-whois-contacts-bar > ul.tab.ac-domain-contact-tabs > li > a.tablinks.active{
    background:#30485F;
    border-color:#30485F;
    color:#fff;
}
#modernpanel .ac-product-detail .ac-domain-whois-profiles-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:36px;
    padding:0 12px;
    border:1px solid rgba(40,167,69,0.28);
    border-radius:5px;
    background:rgba(40,167,69,0.08);
    color:#218838;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .ac-domain-whois-profiles-link:hover{
    background:rgba(40,167,69,0.14);
    color:#1e7e34;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-domain-whois-profile{
    margin:0 0 18px;
    padding:0 0 16px;
    border:0;
    border-bottom:1px solid rgba(48,72,95,0.08);
    border-radius:0;
    background:transparent;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-domain-whois-profile > label:first-child{
    margin-bottom:2px;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-domain-whois-profile select.select-whois-profile,
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form select{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:100%;
    height:44px;
    margin:0 0 12px !important;
    padding:0 36px 0 14px !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    background-size:12px 8px !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    font-family:inherit;
    line-height:44px;
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    cursor:pointer;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-domain-whois-profile .profile-name-wrap{
    margin:0 0 12px;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-domain-whois-profile .ac-whois-check{
    margin-top:4px;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px 16px;
    width:100%;
    margin:0;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-field label{
    margin:0;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-field input,
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form input[type="text"],
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form input[type="email"]{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:100%;
    height:44px;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    font-family:inherit;
    line-height:44px;
    outline:none;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-field input:focus,
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form select:focus{
    border-color:#28a745 !important;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12) !important;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-foot{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px 16px;
    margin:20px 0 0;
    padding:16px 0 0;
    border-top:1px solid rgba(48,72,95,0.08);
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-foot .ac-product-btn,
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-submit{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    float:none !important;
    min-height:44px;
    margin:0 !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:5px !important;
    font-size:15px;
    font-weight:700;
    text-decoration:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-foot .ac-product-btn-primary{
    background:#30485F !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-submit{
    margin-left:auto !important;
    background:#28a745 !important;
    color:#fff !important;
}
#modernpanel .ac-product-detail .ac-domain-whois .whois-protection-area{
    float:none;
    width:100%;
    margin:0;
}
#modernpanel .ac-product-detail .ac-domain-whois .whois-protection-area .formcon.ac-product-kv{
    margin:0 0 10px;
    padding:0 0 12px;
    border:0;
    border-bottom:1px solid rgba(48,72,95,0.08);
    border-radius:0;
    background:transparent;
}
#modernpanel .ac-product-detail .ac-domain-whois .whois-protection-area .formcon.ac-product-kv:last-child{
    margin-bottom:0;
    border-bottom:0;
}
#modernpanel .ac-product-detail #ModifyDns.ac-domain-dns-form .formcon.ac-product-kv,
#modernpanel .ac-product-detail #tab-tab .ac-domain-dns-form .formcon.ac-product-kv{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 16px;
    float:none !important;
    width:100% !important;
    margin:0 0 10px;
    padding:0 0 12px;
    border:0;
    border-bottom:1px solid rgba(48,72,95,0.08);
    background:transparent;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #ModifyDns.ac-domain-dns-form .ac-product-kv-label,
#modernpanel .ac-product-detail #ModifyDns.ac-domain-dns-form .yuzde30{
    float:none !important;
    flex:0 0 90px;
    width:auto !important;
    max-width:100%;
    margin:0;
    color:#6b8296;
    font-size:13px;
    font-weight:700;
    text-align:left !important;
}
#modernpanel .ac-product-detail #ModifyDns.ac-domain-dns-form .ac-product-kv-value,
#modernpanel .ac-product-detail #ModifyDns.ac-domain-dns-form .yuzde70{
    float:none !important;
    flex:1 1 220px;
    width:auto !important;
    min-width:0;
    margin:0;
}
#modernpanel .ac-product-detail #ModifyDns.ac-domain-dns-form input[type="text"],
#modernpanel .ac-product-detail #tab-tab #ModifyDns input[type="text"]{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:100%;
    height:44px;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .ac-domain-dns-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
    margin:16px 0 0;
}
#modernpanel .ac-product-detail .ac-domain-dns-actions .gonderbtn,
#modernpanel .ac-product-detail .ac-domain-dns-actions .ac-product-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    width:auto !important;
    min-width:160px;
    min-height:44px;
    margin:0 !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:5px !important;
    font-size:15px;
    font-weight:700;
    text-decoration:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail .ac-domain-status-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 14px;
    margin:0 0 16px;
    padding:0 0 14px;
    border-bottom:1px solid rgba(48,72,95,0.08);
}
#modernpanel .ac-product-detail .ac-domain-status-row h5{
    margin:0;
    color:#243849;
    font-size:15px;
    font-weight:700;
}
#modernpanel .ac-product-detail .ac-domain-status-ok,
#modernpanel .ac-product-detail .ac-domain-status-off{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:28px;
    padding:0 10px;
    border-radius:5px;
    font-size:12px;
    font-weight:700;
}
#modernpanel .ac-product-detail .ac-domain-status-ok{
    background:rgba(40,167,69,0.12);
    color:#218838;
}
#modernpanel .ac-product-detail .ac-domain-status-off{
    background:rgba(220,53,69,0.10);
    color:#a94442;
}
#modernpanel .ac-product-detail .ac-domain-transfer-code p{
    margin:0 0 14px;
    color:#243849;
    font-size:14px;
    font-weight:600;
    line-height:1.45;
}
#modernpanel .ac-product-detail #tab-tab #addCNS,
#modernpanel .ac-product-detail #tab-tab .ac-domain-dns #addCNS{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 12px;
    margin:0 0 16px;
}
#modernpanel .ac-product-detail #tab-tab #addCNS .yuzde33{
    float:none !important;
    flex:1 1 180px;
    width:auto !important;
    max-width:100%;
    margin:0;
}
#modernpanel .ac-product-detail #tab-tab #addCNS input[type="text"]{
    display:block;
    width:100% !important;
    height:44px;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-sizing:border-box;
}
#modernpanel .ac-product-detail #tab-tab #addCNS .gonderbtn{
    float:none !important;
    width:100% !important;
    min-height:44px;
    margin:0 !important;
    border-radius:5px !important;
}
#modernpanel .ac-product-detail #tab-tab .domainforwarding{
    float:none;
    display:block;
    width:100%;
    margin:0;
}
#modernpanel .ac-product-detail #tab-tab .domainforwarding .formcon{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 16px;
    float:none !important;
    width:100% !important;
    margin:0 0 12px;
    padding:0 0 12px;
    border:0;
    border-bottom:1px solid rgba(48,72,95,0.08);
    background:transparent;
}
#modernpanel .ac-product-detail #tab-tab .domainforwarding .yuzde30,
#modernpanel .ac-product-detail #tab-tab .domainforwarding .yuzde40,
#modernpanel .ac-product-detail #tab-tab .domainforwarding .yuzde70{
    float:none !important;
    width:auto !important;
    max-width:100%;
}
@media screen and (max-width:991px){
    #modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
    #modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-foot{
        flex-direction:column;
        align-items:stretch;
    }
    #modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-foot .ac-product-btn,
    #modernpanel .ac-product-detail #ModifyWhois.ac-whois-form .ac-whois-submit,
    #modernpanel .ac-product-detail .ac-domain-dns-actions .gonderbtn,
    #modernpanel .ac-product-detail .ac-domain-dns-actions .ac-product-btn{
        width:100%;
        margin:0 !important;
    }
    #modernpanel .ac-product-detail .ac-domain-whois-contacts-bar{
        flex-direction:column;
        align-items:stretch;
    }
    #modernpanel .ac-product-detail .ac-domain-whois-profiles-link{
        justify-content:center;
    }
    #modernpanel .ac-product-detail .ac-domain-dns-actions{
        justify-content:stretch;
    }
}

@media screen and (max-width:991px){
    #modernpanel .ac-product-detail > #detail.tabcontent[style*="display: block"],
    #modernpanel .ac-product-detail > #detail.tabcontent[style*="display:block"],
    #modernpanel .ac-product-detail > #ozet.tabcontent[style*="display: block"],
    #modernpanel .ac-product-detail > #ozet.tabcontent[style*="display:block"],
    #modernpanel .ac-product-detail > #tab-summary.tabcontent[style*="display: block"],
    #modernpanel .ac-product-detail > #tab-summary.tabcontent[style*="display:block"],
    #modernpanel .ac-product-detail #tab-tab > #tab-summary.tabcontent[style*="display: block"],
    #modernpanel .ac-product-detail #tab-tab > #tab-summary.tabcontent[style*="display:block"]{
        grid-template-columns:1fr;
    }
    #modernpanel .ac-product-detail > ul.tab,
    #modernpanel .ac-product-detail > ul.tab.ac-product-tabs,
    #modernpanel .ac-product-detail #server-tab > ul.tab,
    #modernpanel .ac-product-detail #tab-tab > ul.tab{
        display:none !important;
    }
    #modernpanel .ac-product-detail > .ac-product-tab-select,
    #modernpanel .ac-product-detail #server-tab > .ac-product-tab-select,
    #modernpanel .ac-product-detail #tab-tab > .ac-product-tab-select{
        display:block;
    }
    #modernpanel .ac-product-detail .buyaddservice{
        padding:14px;
    }
    #modernpanel .ac-product-detail .buyaddservice .sunucukonfigurasyonu > form,
    #modernpanel .ac-product-detail .buyaddservice #BuyAddons{
        grid-template-columns:1fr;
        gap:14px;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table,
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table tbody,
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table tr,
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td{
        display:block;
        width:100% !important;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table tr{
        margin:0 0 14px;
        padding:0 0 14px;
        border-bottom:1px solid rgba(48,72,95,0.10);
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table tr:last-child{
        margin-bottom:0;
        padding-bottom:0;
        border-bottom:0;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td{
        padding:0 !important;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:first-child{
        margin:0 0 10px;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:first-child{
        margin:0 0 12px;
        padding:0 !important;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:last-child{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:10px;
        padding:0 !important;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo table td:last-child br{
        display:none;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo .radio-custom-label,
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo .checkbox-custom-label{
        width:100% !important;
        margin:0 !important;
        min-height:50px;
        padding:14px 16px !important;
    }
    #modernpanel .ac-product-detail .buyaddservice .skonfiginfo select{
        margin:0 !important;
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-product-detail > .tabcontent > .hizmetblok,
    #modernpanel .ac-product-detail #tab-tab > .tabcontent > .hizmetblok,
    #modernpanel .ac-product-detail > .tabcontent > .block_module_details,
    #modernpanel .ac-product-detail .order-detail-service-block,
    #modernpanel .ac-product-detail .ac-product-panel,
    #modernpanel .ac-product-detail #tab-tab > .tabcontent > .tabcontentcon.ac-product-panel{
        padding:14px;
    }
    #modernpanel .ac-product-detail #order-service-detail-btns,
    #modernpanel .ac-product-detail .ac-product-actions{
        max-width:none;
    }
    #modernpanel .ac-product-detail .ac-product-kv-label,
    #modernpanel .ac-product-detail .ac-product-kv .yuzde30,
    #modernpanel .ac-product-detail .ac-product-kv-value,
    #modernpanel .ac-product-detail .ac-product-kv .yuzde70{
        flex:1 1 100%;
    }
    #modernpanel .ac-product-detail .ac-product-btn-danger,
    #modernpanel .ac-product-detail a.ac-product-btn-danger.gonderbtn{
        width:100% !important;
    }
    #modernpanel .sayfabaslik .ac-product-orderid .orderidno strong{
        font-size:16px;
    }
    #modernpanel .ac-product-detail .hizmetblok > table tr:not(:first-child):not(.tutartd) td:first-child,
    #modernpanel .ac-product-detail .hizmetblok > table tr:not(:first-child):not(.tutartd) td:last-child{
        display:block;
        width:100%;
    }
    #modernpanel .ac-product-detail .hizmetblok > table tr:not(:first-child):not(.tutartd) td:first-child{
        padding-bottom:4px !important;
        border-bottom:0 !important;
        font-size:12px;
    }
    #modernpanel .ac-product-detail .hizmetblok > table tr:not(:first-child):not(.tutartd) td:last-child{
        padding-top:0 !important;
    }
    #modernpanel .ac-product-detail .hizmetblok > table tr.tutartd td{
        display:block;
        width:100%;
    }
    #modernpanel .ac-product-detail .order-detail-service-left,
    #modernpanel .ac-product-detail .order-detail-service-right{
        flex:1 1 100%;
    }
}

#result_dns{display:inline-block;padding-top:10px;margin-top:20px;width:100%;font-size:17px}
#result_dns span{display:block;font-weight:bold}
#result_dns i{font-size:70px;margin-bottom:15px}
input.sitemio-checkbox{width:0;height:0;opacity:0;display:none}
label.sitemio-checkbox-label{width:38px;height:23px;display:block;background-color:#e9e9e9;border-radius:12px;border:1px solid #dadada;position:relative;z-index:1;transition:background-color 400ms;cursor:pointer;float:left;margin-right:10px}
label.sitemio-checkbox-label::after{content:"";width:22px;height:22px;display:block;box-shadow:0 1px 3px rgba(0,0,0,0.4);background-color:#fff;border-radius:19px;position:relative;z-index:9;left:0;transition:left 400ms}
input.sitemio-checkbox:checked+label.sitemio-checkbox-label{background-color:#007a7a;transition:background-color 400ms}
input.sitemio-checkbox:checked+label.sitemio-checkbox-label::after{left:18px;transition:left 400ms}
#modernpanel .destekdetaymsj{border:none;margin-bottom:15px;box-shadow:0px 0px 20px #ededed;border-radius:7px}
#modernpanel .destekdetaymsjcon{padding:20px}
#modernpanel .new-reply{box-shadow:0px 0px 20px #cecece}
#modernpanel .new-reply{-webkit-animation:blink-1 1.5s 1.5 both;animation:blink-1 1.5s 1.5 both}
#modernpanel .destekinfocon .listingstatus span{font-size:12px;padding:2px}
@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}
    25%,75%{opacity:0}
}
@keyframes blink-1{0%,50%,100%{opacity:1}
    25%,75%{opacity:0}
}
.autosave{position:relative;width:100%}
#auto_saved{position:absolute;top:-40px;font-size:14px;color:rgb(163,163,163);background:white;padding-right:10px;padding-top:5px;right:0;padding-bottom:5px}
.lds-ring{margin:auto;text-align:center;position:relative;margin:auto;width:80px;text-align:center;height:150px;margin-top:50px}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:80px;height:80px;margin:6px;border:6px solid #ccc;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#ccc transparent transparent transparent}
.lds-ring div:nth-child(1){animation-delay:-0.45s}
.lds-ring div:nth-child(2){animation-delay:-0.3s}
.lds-ring div:nth-child(3){animation-delay:-0.15s}
@keyframes lds-ring{0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.destekinfocon .listingstatus span{font-size:13px;padding:2px}
#modernpanel .ticketdetail{float:none;width:80%;margin:auto}
#modernpanel .ticketinfos{float:none;width:80%;margin:auto}
#modernpanel .destekdetayleft{float:none;width:80%;margin:auto;margin-top:10px}
#modernpanel .msjyazan{border-bottom:1px solid #eee}
.progresspayment .lds-ring{width:80px;height:70px;margin-top:0px}
#modernpanel .ModifyDns span{position:absolute;    font-size: 17px;top:-18px;left:0;right:0;margin-left:auto;margin-right:auto;background:#607D8B;color:white;padding:10px 20px;border-radius:5px}
#modernpanel .formcon{border-bottom:1px solid #ededed}
.block-item .block_module_details-title{padding-top:0px}
#modernpanel .hesapbilgisi{padding:7px 0px;border-bottom:1px solid #eee}
#muspanel .hesapbilgisi{padding:7px 0px;border-bottom:1px solid #eee}
#modernpanel .hesapbilgisi .yuzde25{line-height:normal}
#modernpanel .hesapbilgisi .yuzde75{line-height:normal}
#muspanel .hesapbilgisi{padding:10px 0px;border-bottom:1px solid #eee}
#muspanel .hesapbilgisi .yuzde25{line-height:normal}
#muspanel .hesapbilgisi .yuzde75{line-height:normal}
#ozet .red-info{margin-bottom:20px}
.style-selector{width:290px;border-radius:5px;font-weight:300;height:auto;text-align:center;position:fixed;background:#30485F;color:rgba(255,255,255,0.85);right:-5px;top:150px;padding-bottom:35px;z-index:499}
.style-selector h1{display:inline-block;font-size:20px;border-radius:5px;background:rgba(0,0,0,0.2);line-height:60px;margin-bottom:20px;font-weight:500;width:100%;color:rgba(255,255,255,0.6);text-align:center}
.style-selector select{display:inline-block;border-radius:5px;width:200px;cursor:pointer;padding-left:5px;font-weight:300;border:1px solid;background:transparent;color:rgba(255,255,255,0.6)}
.style-selector option{background:#30485F}
.style-selector span{display:block;margin-bottom:5px}
.style-selector label{margin-bottom:15px;display:inline-block}
.style-selector select:focus{border:1px solid}
.style-selector .gonderbtn{border-radius:5px;border:none;color:rgba(255,255,255,0.6);margin-left:-10px;background:rgba(0,0,0,0.20)}
.style-selector .gonderbtn:hover{background:rgba(0,0,0,0.34)}
.style-selector .arrowbtn{position:absolute;left:-40px;background:#30485F;color:rgba(255,255,255,0.6);top:140px;z-index:490;padding:10px 15px;border-radius:5px;transform:rotate(90deg)}
.arrowbtn i{-webkit-animation:mover .8s infinite alternate;animation:mover .8s infinite alternate}
.arrowbtn i{-webkit-animation:mover .8s infinite alternate;animation:mover .8s infinite alternate}
@-webkit-keyframes mover{0%{transform:translateY(0)}
    100%{transform:translateY(-2px)}
}
@keyframes mover{0%{transform:translateY(0)}
    100%{transform:translateY(-2px)}
}
#sselectorclose{margin-top:-60px}
.mpaneltitle h4{display:inline-block}
.wclientblockscon{width:100%;display:inline-block}
.wclientblockscon .product-group-item{width:25%;background: white;display:inline-block;padding:20px;vertical-align:top;border:1px solid #eee;border-radius:5px;min-height:165px;margin:15px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.wclientblockscon .product-group-item:hover{box-shadow:0px 0px 13px #e3e3e3}
.wclientblockscon .product-group-item i{font-size:50px;display:block;margin-bottom:15px}
.wclientblockscon .product-group-item span{font-weight:600;font-size:18px}
#selectorOnlyPanel strong{display:block;margin-bottom:10px}
#selectorOnlyPanel .sitemio-checkbox-label{float:none;margin:0px;border:none}
#selectorOnlyPanel input.sitemio-checkbox:checked+label.sitemio-checkbox-label{background-color:#4CAF50}
#clientAreaIndex-wrapper{margin-top:50px}
.orderuserlogin{width:75%;margin:auto}
.orderuserlogin .radio-custom-label{text-align:center;border:1px solid #eee;font-weight:300;border-radius:7px;margin:20px 0px;padding:20px 0px;width:49%;font-size:18px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.sepetlistcon .orderuserlogin .radio-custom-label{margin-right:0}
.orderuserlogin h2{font-size:22px;text-align:center;margin-bottom:25px;font-weight:300}
.orderuserlogin .yesilbtn{float:none;width:70%;text-align:center;display:inline-block;margin-top:25px}
.orderuserlogin table tr td{padding:5px 0px}
.orderuserlogin .radio-custom-label:hover{background:#eee}
.orderuserlogin .radio-custom:checked+.radio-custom-label{background:#eee}
.orderuserlogin table{width:100%}
.mobilefootbtns{display:none}
.orderuserlogin table .radio-custom-label{width:auto;background:none;border:none;padding:0px;font-size:15px;font-weight:normal}
.orderuserlogin table .radio-custom-label:hover{background:none}
.orderuserlogin table .radio-custom:checked+.radio-custom-label{background:none}
.siparisbilgileri .orderuserlogin table{width:100%}
.userverification{float:left;width:100%;margin-bottom:60px;    margin-top: 35px;}
.siparisbilgileri{display:inline-block;width:100%}
#clientAreaMenus-2{padding:0px;margin:0px}
#clientAreaMenus-2 li{list-style-type:none}
#clientAreaMenus-2 li a{padding:7px 0;font-size:15px}
#clientAreaMenus-2 .inner{overflow:hidden;display:none}
#clientAreaMenus-2 #active{background:rgba(0,0,0,0.05)}
/* Language / currency modal content (shell shared with nameserver) */
#selectLang.ac-langcur-modal .ac-langcur-body,
#selectCurrency.ac-langcur-modal .ac-langcur-body{
    padding:18px 20px 16px;
}
#selectLang .langandcur,
#selectCurrency .langandcur{
    float:none !important;
    display:block;
    width:100% !important;
    margin:0;
    padding:0;
}
#selectLang .langandcur,
#selectCurrency .currencyitems{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
#selectLang .langandcur h4,
#selectCurrency .langandcur h4,
#selectLang .langcurclose,
#selectCurrency .langcurclose{
    display:none !important;
}
#selectLang .langandcur a,
#selectCurrency .langandcur a,
#selectCurrency .currencyitems a{
    display:flex !important;
    align-items:center;
    gap:12px;
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:12px 14px !important;
    border:1px solid rgba(48,72,95,0.12) !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#30485F !important;
    font-size:14px !important;
    font-weight:600;
    line-height:1.3;
    text-align:left;
    text-decoration:none !important;
    box-sizing:border-box;
    transition:border-color .15s ease,background .15s ease,color .15s ease;
}
#selectLang .langandcur a img{
    display:block;
    width:22px;
    height:16px;
    margin:0 !important;
    border-radius:2px;
    object-fit:cover;
    flex:0 0 auto;
}
#selectLang .langandcur a .ac-langcur-symbol,
#selectCurrency .langandcur a .ac-langcur-symbol{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:28px;
    padding:0 8px;
    border-radius:5px;
    background:rgba(48,72,95,0.08);
    color:#30485F;
    font-size:13px;
    font-weight:700;
}
#selectLang .langandcur a span,
#selectCurrency .langandcur a span{
    flex:1 1 auto;
    min-width:0;
}
#selectLang .langandcur a i.fa-check,
#selectCurrency .langandcur a i.fa-check{
    color:#28a745;
    font-size:14px;
}
#selectLang .langandcur a:hover,
#selectCurrency .langandcur a:hover,
#selectCurrency .currencyitems a:hover{
    border-color:rgba(40,167,69,0.35) !important;
    background:rgba(40,167,69,0.08) !important;
    color:#28a745 !important;
}
#selectLang .langandcur a.activelangcur,
#selectLang .langandcur a.is-selected,
#selectCurrency .langandcur a.activelangcur,
#selectCurrency .langandcur a.is-selected,
#selectCurrency .currencyitems a.activelangcur{
    opacity:1 !important;
    border-color:rgba(40,167,69,0.40) !important;
    background:rgba(40,167,69,0.10) !important;
    color:#218838 !important;
    cursor:default;
    filter:none !important;
}
.sosyalbtns .langflagicon{margin-left:15px;border:none;line-height:47px}
.sosyalbtns .langflagicon:hover{border:none}
.sosyalbtns .scurrencyicon{border:none;font-family:'Titillium Web',sans-serif;font-weight:600;font-size:16px;padding:0px 5px}
.sosyalbtns .scurrencyicon:hover{border:none}
.langflagicon img{height:18px;opacity:.75;border-radius:2px;float:left;margin-top:12px;}
.fullwidthhead .langflagicon img{margin-top:0px;}
.langflagicon img:hover{opacity:1}
#fullwidth .headbutonlar .langflagicon{padding:10px}
#fullwidth .headbutonlar .langflagicon:hover{background:none}
#fullwidth .headbutonlar .scurrencyicon{font-size:16px;font-family:'Titillium Web',sans-serif;font-weight:600;padding:5px 8px;margin-right:15px}
#fullwidth .headbutonlar .scurrencyicon:hover{background:none;color:#30485F}
#verification{margin-top:30px}
.userverification .yuzde50{vertical-align:middle}
.userverification .hesapbilgisi .yuzde50 span{font-size:14px}
.userverification .hesapbilgisi .hesapbilgititle{font-weight:400}
.userverification-headinfo{text-align:center;margin-bottom:45px}
.userverification-headinfo i{font-size:72px;float:none;color:#F44336;margin-right:30px;margin-left:20px;margin-top:5px}
.affiliate-getstarted{width:70%;margin:auto;    padding-bottom: 30px;}
.affiliate-getstarted .green-info i{line-height:0}
.affiliate-getstarted .green-info{margin-top:15px}
.affiliate-getstarted .green-info strong{font-size:18px}
.affiliate-getstarted ul li{font-size:16px;padding:5px 0px}
.affiliate-getstarted .yesilbtn{width:70%;margin-top:25px}
.commission-rates{font-size:16px;text-align:center}
.commission-rates-block{vertical-align:top;display:inline-block;width:100%;border:1px solid #eee;border-radius:5px;margin:15px 0px;background:#f6f6f6}
.commission-rates-block .padding20{padding-bottom:10px}
#commission-rates-select{width:50%;margin:auto;overflow:hidden;border-radius:8px}
.commission-rates-block h4{margin:20px 0px;font-size:18px}
.commission-rates-block h5{margin-bottom:15px}
.dashboardboxs{margin-top:20px;float:left;width:100%;text-align:center}
.dashboardbox{display:inline-block;color:rgba(255,255,255,0.90);vertical-align:top;position:relative;background-color:#FFF;margin:6px;height:150px;width:23.7%;box-shadow:0px 0px 10px #e1e1e1;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.dashboardbox .padding10{padding:20px 30px}
.dashboardbox h2{font-size:30px;font-weight:700;position:relative;z-index:6;float:left;width:100%;text-align:left}
.ablokbottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.15);text-align:left;z-index:5;font-size:14px;line-height:30px;border-radius:5px}
.ablokbottom span{padding:0 8px;display:block}
.ablokbottom span strong{float:right}
.dashboardbox h4{font-size:18px;position:relative;font-weight:300;z-index:5;float:left;text-align:left}
.dashboardbox i{z-index:5;font-size:85px;color:rgba(0,0,0,0.11);display:inline-block;position:absolute;right:15px;top:17px}
#yesilblok{background:#8bc34a}
.dashboardbox-info{margin-left:7px;font-weight:400}
.dashboardbox-info i{font-size:20px;position:relative;top:-5px;right:auto;left:auto;color:rgba(0,0,0,0.15)}
.withdrawal-request{position:absolute;right:10px;margin-left:auto;margin-right:auto;width:50%;background:#79a940;top:-10px;border-radius:4px;padding:5px 0px;font-size:13px;font-weight:600;color:white}
.withdrawal-request:hover{background:#709b3e;color:white;box-shadow:0px 0px 8px #709b3e}
#affiliate-paym-info{background:#f3f3f3;padding:7px 20px;border-radius:5px;margin-left:10px;display:inline-block}
#affiliate-paym-info:hover{background:#ebebeb;box-shadow:0px 0px 10px #e1e1e1}
#affiliate-paym-info i{font-size:16px}
.refererurl{display:inline-block;text-align:center;width:100%;margin-top:40px}
.refererurl h4{font-weight:600;font-size:22px;margin-bottom:10px}
.refererurl h5{font-weight:300}
.refererurl h2{border:2px dotted #d5d5d5;display:inline-block;padding:12px 45px;margin-top:20px;background:#f8f8f8;border-radius:15px;font-size:22px;-webkit-user-select:all;user-select:all}
.affilia-tablelist{margin-top:45px}
.affilia-tablelist .dashboardbox-info i{font-size:16px;position:relative;top:auto;color:#c6c6c6}
.affilia-tablelist .dashboardbox-info{margin-left:0px}
.affilia-tablelist ul.tab li{font-weight:600}
#turuncublok{background:#FF9800}
#maviblok{background:#03a9f4}
#redblok{background:#db336c}
.pulsate-fwd{-webkit-animation:pulsate-fwd .5s ease-in-out 2 both;animation:pulsate-fwd .5s ease-in-out 2 both}
@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
#modernpanel .langflagicon img{height:16px;margin-top:22px;display:inline-block}
#modernpanel .ac-topnav .langflagicon img{height:18px !important;margin-top:0 !important;display:block !important}
#modernpanel .headbutonlar .scurrencyicon{font-size:16px;font-family:'Titillium Web',sans-serif}
.resellerdiscounts tr td{padding:10px;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}
.resellerdiscounts tr td:nth-child(5){border-right:none}
#reseller-getstarted #commission-rates-select{margin-bottom:15px}
.commission-rates-block table tr th{background:#e5e5e5;border-radius:5px}
.reseller-client-con .dashboardboxs{margin-bottom:20px}
.reseller-client-con .tabcontent{padding:0px}
.affiliate .tabcontent{padding:0px}
#api_access .refererurl h2{margin-top:0px;font-size:17px}
#api_access .refererurl h4{font-size:18px}
#api_access .refererurl{margin-bottom:25px;margin-top:0px}
#api_access .green-info{margin-bottom:20px;font-size:14px}
#transfer-service table thead{background:rgb(255,255,255);background:-moz-linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f5f5",GradientType=1)}
.orderidno{float:right;text-align:right;padding:10px 15px 0px 0px}
.orderidno span{display:block;font-size:14px}
.orderidno strong{font-size:24px;font-weight:500;margin:0px;line-height:25px}
.securemsj{float:right;margin-top:-20px;margin-right:3px;font-size:17px;color:#4CAF50}
.destekdetaymsjcon{;position:relative;overflow:hidden}
.securemsj{float:right;font-size:200px;color:rgba(0,0,0,0.04);position:absolute;right:-20px;bottom:-30px;line-height:0px;}

/* clean theme */
#clean-theme input{border-radius:5px}
.clean-theme-header{float:left;width:100%;border-bottom:2px solid #eee;margin-bottom:25px;}
.clean-theme-header-right{float:right}
.clean-theme-header-logo{float:left;width:150px;padding:8px 0px}
.clean-theme-header-logo img{max-height: 55px;    width: auto;}
.clean-theme-header-ac-btn{float:right;font-size:16px;padding:8px}
.clean-theme-header-right-btns{position:relative;float:right;font-size:0px;margin-left:15px}
.clean-theme-header-right-btns ul li{float:left;position:relative;list-style-type:none}
.clean-theme-header-right-btns ul li ul li{width:100%}
.clean-theme-header-right-btns ul li a{font-size:14px;display:inline-block;padding:7px 0px}
.clean-theme-header-right-btns ul li ul li a{width:100%}
.clean-theme-header-right-btns ul li ul li a span{padding:0px 17px}
.clean-theme-header-right-btns ul{display:inline-block;padding:0;margin:0}
.clean-theme-header-right-btns ul li ul{display:none}
.clean-theme-header-right-btns ul li .clean-theme-header-ac-btn{background:none;padding:0px 30px;text-align:center;font-size:22px;line-height:77px}
.clean-theme-header-right-btns ul li:hover .clean-theme-header-ac-btn{background:#f3f3f3}
.clean-theme-header-right-btns li:hover>ul{display:block;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:76px;background:#f3f3f3;z-index:99;width:175px;right:0px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;overflow:hidden}
.clean-theme-header-right-btns ul li ul li ul{height:auto;float:left;position:absolute;top:0;left:240px;z-index:1;display:none}
.clean-theme-header-right-btns a:hover{background:#e7e7e7}
.clean-theme-signinup-con{text-align:center;vertical-align:top;display:inline-block;width:100%}
.clean-theme-signinup-left{display:inline-block;padding:0px 30px;width:40%;border-right:1px solid #e5e5e5;vertical-align:top;text-align:center;margin:60px 40px}
.clean-theme-signinup-right{    float: right;width:40%;text-align:left;margin:0px 40px;vertical-align:top}
.clean-theme-signinup-left i{font-size:150px;color:#4CAF50}
.clean-theme-signinup-left img{height:170px}
.clean-theme-signinup-left h4{font-weight:300;margin:30px 50px;color:#13b6bc;margin-bottom:30px;font-size:21px}
.clean-theme-signinup-left h4 span{display:block;margin-top:15px;font-weight:500}
.clean-theme-btn{background:#efefef;padding:12px 42px;border-radius:100px;display:inline-block;font-size:16px;font-family:'Titillium Web',sans-serif;color:inherit;border:none;outline:none;cursor:pointer}
.clean-theme-btn:hover{background:#e3e3e3}
.clean-theme-signinup-right .padding50{padding:50px}
.clean-theme-signinup-right-title{margin-bottom:10px;float:left;width:100%;border-bottom:1px solid #ccc;padding-bottom:15px}
.clean-theme-signinup-right-title h4{font-size:28px;float:left;font-weight:500;color:#13b6bc}
.forgotpasslink{float:right}
.clean-theme-signinup-right .socialconnect{border:none;padding-bottom:0px}
.clean-theme-footer{float:left;width:100%;background:#eee;padding:25px 0px;margin-top:30px;}
.clean-theme-cart-qty{font-size:13px;background:#13b6bc;color:white;border-radius:100%;width:20px;height:20px;position:absolute;text-align:center;line-height:20px;margin-left:-3px;margin-top:20px}
.clean-theme-cart-qty i{line-height:0}
#clean-theme-curr-btn .clean-theme-header-ac-btn{padding:0px 20px;font-size:16px}
#clean-theme-lang-btn .clean-theme-header-ac-btn{padding:0px 20px}
#clean-theme-lang-btn .clean-theme-header-ac-btn img{border-radius:3px;height:18px}
#clean-theme-sign-up{margin-top:35px}
#clean-theme-sign-up .clean-theme-signinup-left{width:23%;margin:0px;float:left}
#clean-theme-sign-up .clean-theme-signinup-right{width:69%;float:right;margin:0px}
#clean-theme-sign-up .clean-theme-signinup-left h4{margin:25px 0px;margin-bottom:30px;font-size:19px}
#clean-theme-sign-up .clean-theme-signinup-left img{height:150px}
#clean-theme-sign-up .socialconnect{float:right;width:50%;padding:0;margin:0px}
#clean-theme-sign-up .socialconnect a{display:inline-block;border-radius:50px;position:relative;margin-top:4px;margin-right:10px}
#facebookconnect-new {    margin-top: 4px;}
.clean-theme-signinup-right .socialconnect a:hover{color:white}
.clean-theme-signinup-right .socialconnect a{padding:10px 0px;display:inline-block;color:#7c7c7c;border-radius:50px;width:49%;background:#e7e7e7;}
#clean-theme-sign-up .socialconnect .facebookconnect:hover{background:#324b81;color:white}
#clean-theme-sign-up .socialconnect .googleconnect:hover{background:#b82b20;color:white}
.clean-theme-signup-box{float:left;width:100%;border-top:1px solid #ddd;margin-top:25px;padding:25px 0px}
.clean-theme-signup-box-title{float:left;font-weight:600;background:#efefef;padding:5px 25px;border-radius:4px;margin-top:-42px;margin-left:20px}
#clean-theme-client ::-webkit-input-placeholder{color:rgba(0,0,0,0.46)}
#clean-theme-client :-moz-placeholder{color:rgba(0,0,0,0.46)}
#clean-theme-client ::-moz-placeholder{color:rgba(0,0,0,0.46)}
#clean-theme-client :-ms-input-placeholder{color:rgba(0,0,0,0.46)}
.clean-theme-signup-box .yuzde50{margin:5px;width:48%;position:relative;vertical-align: top;}
.yuzde100{margin:5px;width:98%;display:inline-block;position:relative}
.clean-theme-signup-box .sbtn{width:auto;font-size:14px;padding:6px 20px}
.clean-theme-signup-box .sbtn i{margin-right:8px}
.clean-theme-adduser-btn{text-align:center;width:100%;margin-bottom:55px}
.clean-theme-adduser-btn button{background:#efefef;padding:12px 42px;border-radius:100px;display:inline-block;font-size:16px;font-family:'Titillium Web',sans-serif;color:inherit;border:none;outline:none;cursor:pointer}
.clean-theme-adduser-btn button:hover{background:#8BC34A;color:white}
.clean-theme-signinup-con button{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.clean-theme-signinup-con .captcha-content{margin:25px auto;width:320px;text-align:center}
.clean-theme-signinup-con .captcha-content img{float:none;display:inline-block;margin-bottom:-20px}
.clean-theme-signinup-con .captchainput{font-weight:500;margin-left:5px;display:inline-block;margin-top:-25px}
.clean-theme-signinup-con .kinfo{position:absolute;top:-7px;left:0px}
#clean-theme-client .mpanelblok{width:23%;margin:0px 7px}
#clean-theme-client .invoiceremind{width:100%;margin:auto;display:block}
#clean-theme-client .muspanelbloks{float:none;margin-top:0px;margin:auto}
#clean-theme-client .invoiceremind .red-info{background:#f3f3f3;box-shadow:0 0 5px #eee;border:none;border-radius:5px}
#clean-theme-client .mpanelleft{border-radius:5px;width:23%;box-shadow:none;margin-top:0px}
#clean-theme-client .moderncliendblock{width:48.5%;font-size:14px;position:relative;margin:15px 5px;box-shadow:0 0 5px #eee}
#clean-theme-client .mpaneltitle{float:left;width:103.5%;border-bottom:none;padding:12px;margin-bottom:15px;background:#f3f3f3;margin-top:-20px;margin-left:-20px}
#clean-theme-client .mpaneltitle h4 strong{font-weight:600;font-size:18px}
#clean-theme-client .mpaneltitle .sbtn{opacity:1;background:rgba(0,0,0,0.05);color:#607d8b}
#clean-theme-client .mpaneltitle .sbtn:hover{background:rgba(0,0,0,0.11)}
#clean-theme-client .mpanelrightcon{overflow:hidden;border-radius:5px;    box-shadow: 0 0 5px #eee;}
#clean-theme-client .sayfayolu{margin-right:30px;margin-top:2px;}
#clean-theme-client .mpaneltitle h4{margin-left:10px;width:auto}
#clean-theme-client #clientAreaMenus-2 li a{font-size:15px;font-weight:500}
#clean-theme-client #clientAreaMenus-2 .inner{padding:0px;width:100%}
#clean-theme-client .mpanelbtns ul li ul li a span{padding-left:40px;padding-top:3px;padding-bottom:3px;font-size:14px}
.mpanelbtns{box-shadow:0 0 5px #eee;display:inline-block;width:100%}
#clean-theme-client .mpanelright{box-shadow: none;    background: none;}
#clean-theme-client .noentryblock{width:100%;margin:50px 0px}
#clean-theme-client .destekolsbtn{padding:5px 15px;border-radius:5px;font-size:14px;font-weight:600;margin-top:0px;background:#81c04e;color:white;border:none;margin-right:20px}
#clean-theme-client .destekolsbtn:hover{color:#fff;box-shadow:0 0 10px #ccc;background:#8bc34a}
.clean-theme-client-left-block{box-shadow:0 0 5px #eee;font-size:14px;border-radius:5px;margin-bottom:20px}
.clean-theme-client-left-block-title{background:#eee}
.clean-theme-client-left-block-title h4{padding:8px 14px;font-size:16px;font-weight:600;display:inline-block}
.clean-theme-client-left-block-title span{float:right;padding:11px;padding-right:15px;font-weight:300}
.clean-theme-left-block-title{display:block;margin-bottom:10px}
.clean-theme-left-block-title strong{font-size:16px}
.clean-theme-client-left-block .yesilbtn{padding:6px 0px;border-radius:5px;font-size:14px;font-weight:400;margin-top:20px;background:#e5e5e5;color:inherit;box-shadow:none;max-width: 100%;}
.clean-theme-client-left-block .yesilbtn:hover{color:#fff;box-shadow:0 0 10px #ccc;background:#8bc34a}
.clean-theme-client-left-block .yesilbtn i{margin-right:5px}
#clean-theme-client #basic_client_rightcon{margin-bottom:0px}
#clean-theme-client table.dataTable{font-size:14px}
#clean-theme-client table.dataTable tbody tr{background-color:white;box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.3);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#clean-theme-client .moderncliendblock table tr{box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.3);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#clean-theme-client .moderncliendblock table tr:hover{box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.6);background:rgba(225,225,225,0.36)}
#clean-theme-client #products_wrapper table.dataTable tbody tr:hover{background:rgba(223,223,223,0.37)}
#clean-theme-client .mpanelhaber{font-size:14px}
#clean-theme-client .invoiceremind .lbtn{padding:6px 25px;border-radius:5px;font-size:14px;font-weight:400;border:none;background:#81c04e;color:white;}
#clean-theme-client .mpaneltitle .incelebtn {background: #81c04e;    color: white;    font-weight: 600;}
#clean-theme-client .mpaneltitle .incelebtn:hover {box-shadow:0 0 10px #ccc;}
#clean-theme-client .invoiceremind .lbtn:hover{color:#fff;box-shadow:0 0 10px #ccc;background:#8bc34a}
#clean-theme-client .listingstatus span{font-size:13px;padding:3px 5px;border-radius:3px}
#clean-theme-client .mpanelright{margin-top:0px}
#clean-theme-client .ticketinfos select{padding:13px 0}
#clean-theme-client .invoiceremind h4 {    font-size: 17px;    margin-bottom: 7px;}
#clean-theme-client .invoiceremind span {  font-size:15px;margin-bottom:15px;display:inline-block;font-weight:normal;}
#clean-theme-client .ticketinfos input{padding:14px 0}
.clean-theme-header .menu{width:100%;background:#3b6b91;float:right}
.clean-theme-header .menu li a{line-height:50px;font-weight:300;font-family:inherit;font-size:15px;border:none;opacity:.8}
.clean-theme-header .menu li ul li a{line-height:40px;font-size:14px}
.clean-theme-header .menu ul li ul li a{color:white;opacity:.8}
.clean-theme-header .menu li:hover a{background:rgba(0,0,0,0.13)}
.clean-theme-header .menu ul li ul{background:#3b6b91;border-radius:0;top:49px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
.clean-theme-header .menu li a:hover{border-bottom:none;opacity:1;background:rgba(0,0,0,0.13)}
.clean-theme-header .menu li:hover .ulup{display:none}
.clean-theme-header .menu ul li ul li:hover a{background:rgba(0,0,0,0.26);opacity:1}
.clean-theme-header .menu li:hover #megamenuservice a{background:none}
#clean-theme-client .alanadisorgu h1{margin-bottom:0px;font-size:32px}
#clean-theme-client .alanadisorgu{margin-top:25px}
.clean-theme-mobile-btn{display:none}
#clean-theme-client .menu li a i{font-size:inherit;margin-left:0px;margin-right:9px;width:15px;text-align:center}
#clean-theme-client .menu li ul li a i{display:none;}
#clean-theme-client input,select,textarea{border-radius:5px}
#clean-theme-client .alanadisorgu input {border-radius: 2.20588rem;}
#clean-theme-client .transfercode input {border-radius: 2.20588rem;}
#clean-theme-client .homedomainarea input:not([type="submit"]) { background: white;   border-radius: 2.20588rem;}
#clean-theme-client .homedomainarea input[type="submit"] {    border-radius: 2.20588rem;}
#clean-theme-client .homedomainarea{-webkit-box-shadow:none;box-shadow:none;width:100%;background:none;margin-top:0px;z-index:50}
#clean-theme-client .homedomainarea-con{width:100%}
#clean-theme-client #clientAreaIndex-wrapper{margin-top:0px}
#clean-theme-client .affiliate-getstarted{width:90%}
#clean-theme-client #updownbtn{-webkit-filter:inherit;filter:inherit;}
#clean-theme-client .sunucusipside .gonderbtn{border-radius:10px;}
#clean-theme-client .sunucusipside .gonderbtn:hover{box-shadow: 0 0 10px #d9d9d9;background: #7bae41;}
#clean-theme-client .sepetright .gonderbtn{border-radius:10px;}
#clean-theme-client .sepetright .gonderbtn:hover{box-shadow: 0 0 10px #d9d9d9;background: #7bae41;}
.clean-theme-home-news{text-align:left;margin:15px 0px;float:left;width:100%;margin-top:60px}
.clean-theme-home-news .mpanelhaber a:hover{text-decoration:underline}
.clean-theme-home-news .mpanelhaber h5{font-size:18px;font-weight:600}
#clean-theme-client .clean-theme-home-news .mpaneltitle{width:100%;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
#clean-theme-client .sunucustok:after{display:none}
#clean-theme-client .sunucustok{margin-left:-55px;margin-top:-30px;border-radius:3px}
.lookcolumlist{float:left;width:100%;border-bottom:1px solid #eee;}
#LookupList .lookcolum {border:none;}
.tldlistfoot {border:none;margin-top: 15px;}
#tesclsure {    width: 100%;  }
.lookcolum .lbtn{padding:0px 15px;border:none;background:#eee;font-size:14px;border-radius:5px}
.clean-theme-header-right-btns li:hover>ul{text-align:left}
#clean-theme-client .destekinfo h5{color:inherit}
#clean-theme-client .destekinfo h4{color:inherit}
#clean-theme-client .destekdetayright .gonderbtn{font-size:inherit}
#clean-theme-client .destekinfo{border:none;background:rgba(212,212,212,0.24);box-shadow:0px 0px 10px #e1e1e1}
#clean-theme-client .ticketstatusbtn .graybtn{opacity:.8}
#clean-theme-client .ticketstatusbtn .gonderbtn{width:40%;margin:20px}
#clean-theme-client .msjyazan h4 span{border-radius:3px;padding:2px 8px;float:right;margin-top:-1px}
#clean-theme-client .msjyazan h5{border-radius:3px;margin-top:-2px;padding:2px 8px}
#clean-theme-client .destekdetaymsj{border:none;margin-bottom:15px;box-shadow:0px 0px 20px #ededed;border-radius:7px}
#clean-theme-client .destekdetaymsjcon{padding:20px}
#clean-theme-client .new-reply{box-shadow:0px 0px 20px #cecece}
#clean-theme-client .new-reply{-webkit-animation:blink-1 1.5s 1.5 both;animation:blink-1 1.5s 1.5 both}
#clean-theme-client .destekinfocon .listingstatus span{font-size:12px;padding:2px}
#clean-theme-client .dataTables_wrapper table tr:hover {    background: rgba(223,223,223,0.37);}
#clean-theme-client .wclientnotifi{display:inline-block;    z-index: 80;    float: left;    position: relative;}
#clean-theme-client .wnotifitibtn{padding:0px 30px;display:inline-block;text-align:center;font-size:22px;line-height:77px}
.wclientnotification{display:none;background:white;width:350px;position:absolute;top:77px;z-index:12;font-size:13px;-webkit-box-shadow:0px 0px 55px 1px rgba(54,50,64,0.2);box-shadow:0px 0px 55px 1px rgba(54,50,64,0.2);-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;line-height:25px;right:0;overflow:hidden;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#clean-theme-client .allread{text-align:center;margin-top:10px;display:inline-block;width:100%}
#clean-theme-client .allread a{border:1px solid;padding:5px 12px;font-size:12px;border-radius:5px;float:none;font-weight:600}
#clean-theme-client .allread a:hover{text-decoration:none;background:#eee;border:1px solid #eee}
#clean-theme-client .notifi-count{font-size:12px;width:20px;height:20px;background:linear-gradient(#f16257 0%,#c83126 100%);color:#fff;position:absolute;text-align:center;line-height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-10px;font-family:'Titillium Web',sans-serif;margin-top:17px;-webkit-animation:alert 2s linear 0s infinite normal;animation:alert 2s linear 0s infinite normal}
/* clean theme end */

/* credit-card-page styles */
.creditcardpaypage {    width: 100%; text-align: left;}  
.securityinfo{width:100%;display:inline-block;padding-bottom: 25px;border-bottom:1px solid #eee}
.creditcardform-con { width: 100%;   float: left; }
.securityinfo-con{padding:15px}
.securityinfo-left{float:left;margin-top:6px;width:15%;font-size:66px;text-align:center;line-height:0;    color: #28a745;}
.securityinfo-right{float:right;width:85%;font-size:14px}
.securityinfo-right ul{padding:0px;margin-left:17px;margin-top:10px}
.securityinfo-right h5{font-weight:700;font-size:24px;      font-family: 'Raleway',sans-serif;  color: #28a745;}
.creditcardinfo-left{display:inline-block;width:50%}
.creditcardinfo-right{float:right;width:40%; margin-top: 20px;   text-align: center;}
.creditcardinfo-con{margin-bottom:25px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #eee;float:left}
#payBtns{width:240px;float:right;font-size:15px}
.creditcardinfo-left .kinfo{font-weight:600;font-size:15px}
.creditcardinfo-left label{padding:15px 0px;display:inline-block;width:100%}
.installment-options{display:inline-block;float: left;width:100%;padding-top:20px;    margin-bottom: 25px;}
.installment-options h5{    font-size: 15px;}
.installment-options tr td{padding:10px;border-bottom:1px dotted #eee}
.installment-options table tr{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.installment-options table tr:hover{background:#eee}
.installment-options thead{background:#eee;font-weight:600}
.sepetlistcon .installment-options .radio-custom-label{padding:0;margin:0}
.my-registered-cards h5 {font-weight: 700;}
.my-registered-cards{display:inline-block;width:100%;margin-bottom:45px}
.creditcardbox{display:inline-block;width:270px;height:170px;border:3px solid #eee;border-radius:10px;margin: 10px;line-height:1.3;background:#f8f8f8;position:relative;box-shadow:0px 0px 7px #eee;background-image:url(/resources/assets/images/creditcardlogos/creditcardbg.jpg);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;background-size: 100%;    background-position: center bottom;}
.creditcardbox:hover{box-shadow:0px 0px 12px #ddd;}
.creditcardbox.active{box-shadow:0px 0px 12px #ddd;border:3px solid #ccc}
.creditcardbox#default{    box-shadow: 0px 0px 10px #28a745;}
.visamaster{position:absolute;right:20px;width:60px;bottom:20px}
.cardchip{position:absolute;right:15px;top:15px;height:31px}
.banklogo{position:absolute;left:15px;top:15px;width:100px}
.banknologo{position:absolute;left:15px;top:15px;width:160px;font-weight:700;text-align:left}
.creditcardbox-numbers{width:100%;margin-top:45px;display:inline-block}
.creditcardbox-numbers h5{display:inline-block;font-weight:600;margin:0px 10px;font-size:16px}
.creditcardbox-fullname{float:left;margin-top:10px;width:55%;text-align:left;font-weight:600;position:absolute;bottom:20px}
.creditcardbox-validdate{float:right;width:100%;text-align:center;font-weight:600;margin-top: 7px;font-size: 14px;}
.creditcardbox-con{padding:20px}
.creditcardbox-list{display:inline-block;width:100%;text-align:center;margin:20px 0px}
.deletecard{position:absolute;right:-9px;font-size:16px;top:-16px;background:#aeaeae;width:28px;height:28px;border-radius:100%;color:white;line-height:28px}
.deletecard:hover{background:#F44336;}
.defaultcard{position:absolute;right:26px;font-size:16px;top:-16px;background:#aeaeae;width:28px;height:28px;border-radius:100%;color:white;line-height:28px}
.defaultcard:hover{background:#4CAF50;transform:scale(1.1)}
.defaultcardtitle{background:#28a745;color:white;position:absolute;top:-13px;left:15px;padding:3px 12px;border-radius:5px;font-size:14px;}
.creditcardbox-band{float:left;width:100%;height:40px;background:#364952}
.creditcardbox-behind-bank-brand{font-size:14px;margin:10px 0px;font-weight:700}
.creditcardbox-CCW{background:antiquewhite;padding:5px 0px;float:left;width:100%}
.creditcardbox-CCW span{margin-right:45px;float:right}
.creditcardbox-CCW span strong{font-weight:700;font-size:18px}
.scene{perspective:600px;width:295px;height:185px}
.card{position:relative;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transform-origin:center right;transition:transform 1s}
.card.is-flipped{transform:translateX(-100%) rotateY(-180deg)}
.card__face{position:absolute;backface-visibility:hidden}
.card__face--front{}
.card__face--back{transform:rotateY(180deg)}
.all-payment-auto-approval {float:left;width:100%;    text-align: left;}
.all-payment-auto-approval label { font-weight: 600;}
.all-payment-auto-approval .kinfo{    margin-top: 10px;    display: inline-block;}
.noinstallmentcomm{font-size:14px;border:1px solid #4CAF50;color:#4CAF50;font-weight:600;padding:3px 10px;border-radius:3px;margin-left:10px}
/* credit-card-page styles end */
.bank-notification{text-align:center;display:block;margin:auto;border-bottom:1px solid #ccc;padding-bottom:40px}
.bank-notification-info{font-size: 16px;font-weight: bold;text-align: center;width: 100%;display: inline-block;margin-bottom: 25px;    color: #F44336;}
.faturabilgisi .bank-notification .yesilbtn {font-weight:700;width: 250px;float:none;}
.bank-notification .yesilbtn i {margin-left:7px;}
/* credit-card-page styles end */

/* style-selector  */
.style-selector{width:290px;border-radius:5px;font-weight:300;height:auto;text-align:center;position:fixed;background:#25455f;color:white;right:-5px;top:150px;padding-bottom:35px;z-index:499}
.style-selector h1{display:inline-block;font-size:20px;border-radius:5px;background:rgba(0,0,0,0.2);line-height:60px;margin-bottom:20px;font-weight:600;width:100%;text-align:center}
.style-selector select{display:inline-block;border-radius:5px;width:200px;cursor:pointer;padding-left:5px;font-weight:300;border:1px solid;background:transparent;color:rgba(255,255,255,0.6)}
.style-selector option{background:#25455f}
.style-selector span{display:block;margin-bottom:5px}
.style-selector label{margin-bottom:15px;    font-weight: 600;display:inline-block}
.style-selector .radio-custom-label{    margin: 0px 10px;    margin-bottom: 15px;}
#sselectorclosex .radio-custom+.radio-custom-label:before{border:1.5px solid #fff; }
#sselectorclosex .radio-custom:checked+.radio-custom-label:before {    color: #25455f;    background: #fff;}
.style-selector select:focus{border:1px solid}
.style-selector .gonderbtn{border-radius:5px;border:none;color:rgba(255,255,255,0.6);margin-left:-10px;background:rgba(0,0,0,0.20)}
.style-selector .gonderbtn:hover{background:rgba(0,0,0,0.34)}
.style-selector .arrowbtn{position:absolute;left:-44px;    font-size: 21px;background:#25455f;color:white;top:140px;z-index:490;padding:10px 15px;border-radius:5px;transform:rotate(90deg)}
.arrowbtn i{-webkit-animation:mover .8s infinite alternate;animation:mover .8s infinite alternate}
#sselectorclose{margin-top:-60px}
/* style-selector  */
.formcon .yuzde70 {    padding: 7px 0;}
.domainsec select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:''}

.mpanelblok i {-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.mpanelblok:hover i {
    transform: scale(1.2);
}
#order-service-detail-btns {width: 320px;    margin: auto;}
#order-service-detail-btns .yesilbtn{background:#eee;color:#28a745;box-shadow:none;font-weight: 600;}
#order-service-detail-btns .yesilbtn:hover{background:#28a745;color:white;}
#order-service-detail-btns a {width:100%;font-size: 15px;font-weight: 600;background: #607d8b;}
#order-service-detail-btns a:hover {background: #4e6672;}
#order-service-detail-btns a i {    font-size: 16px;    line-height: 0;    margin-right: 5px;}
#order-service-detail-btns a .ion-speedometer {font-size:20px;  }
.service-first-block{float:left;width:100%;margin-bottom:15px;text-align:center;word-wrap:break-word;min-height:323px;position: relative;}
.service-status-con{width:120px;display:none;border-radius:3px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto}
.service-status-con span {display:inline-block;width:100%;color:#fff;font-size:13px;padding:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:bold;}
#order-service-detail-btns #renewal_list {    width: 90%;}
.statusonline{background:#8bc34a;animation:shadow-pulse 1s infinite}
.statusoffline{background:#f44336;}
.statusother{background:#607d8b;}
.statusloader{background:#9faab0;animation:shadow-pulsex 1s infinite}

@keyframes shadow-pulse{0%{box-shadow: 0 0 0 0px rgb(158 215 92 / 76%);}
100%{box-shadow: 0 0 0 8px rgb(0 0 0 / 0%);}
}

@keyframes shadow-pulsex{0%{box-shadow: 0 0 0 0px rgb(159 170 176 / 67%);}
100%{box-shadow: 0 0 0 8px rgb(0 0 0 / 0%);}
}

.hostbtn{width:135px;padding:17px 20px;background:#eee;display:inline-block;margin:5px;vertical-align:top;border-radius:3px;font-weight:600;text-align:center} 
.hostbtn i{margin-right:0;display:block;font-size:32px;margin-bottom:10px}
.hostbtn:hover{background:#dbdbdb}
#nserverinfo{font-size:15px;padding:12px;background:none;border-bottom:1px solid #eee;color:#28a745;background:#efefef;background:-moz-linear-gradient(top,#efefef 0%,#fff 100%);background:-webkit-linear-gradient(top,#efefef 0%,#fff 100%);background:linear-gradient(to bottom,#efefef 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=0)}
#hostserverblok{width:48%;text-align:center;border:none}
.load-wrapp{width:150px;margin:90px auto;text-align:center}
.square{width:12px;height:12px;border-radius:4px}
.spinner{position:relative;width:45px;height:45px;margin:0 auto}
.load-7{margin-left:-70px;display:inline-block}
.l-1{animation-delay:.48s}
.l-2{animation-delay:.6s}
.l-3{animation-delay:.72s}
.l-4{animation-delay:.84s}
.l-5{animation-delay:.96s}
.l-6{animation-delay:1.08s}
.l-7{animation-delay:1.2s}
.l-8{animation-delay:1.32s}
.l-9{animation-delay:1.44s}
.l-10{animation-delay:1.56s}
.load-7 .square{animation:loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite}
@keyframes loadingA{50%{height:15px 35px}
100%{height:15px}
}
@keyframes loadingB{50%{width:15px 35px}
100%{width:15px}
}
@keyframes loadingC{50%{transform:translate(0,0) translate(0,15px)}
100%{transform:translate(0,0)}
}
@keyframes loadingD{50%{transform:rotate(0deg) rotate(180deg)}
100%{transform:rotate(360deg)}
}
@keyframes loadingE{100%{transform:rotate(0deg) rotate(360deg)}
}
@keyframes loadingF{0%{opacity:0}
100%{opacity:1}
}
@keyframes loadingG{0%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(70px,0) rotate(360deg)}
100%{transform:translate(0,0) rotate(0deg)}
}
@keyframes loadingH{0%{width:15px}
50%{width:35px;padding:4px}
100%{width:15px}
}
@keyframes loadingI{100%{transform:rotate(360deg)}
}
@keyframes bounce{0%,100%{transform:scale(0.0)}
50%{transform:scale(1.0)}
}
@keyframes loadingJ{0%,100%{transform:translate(0,0)}
50%{transform:translate(80px,0);background-color:#f5634a;width:25px}
}
@media only screen and (min-width:320px) and (max-width:1025px){#hostserverblok{width:100%;margin-bottom:20px}
}
.serverblokbtn a{width:18%;font-size:14px;margin:2px;padding:12px 0px;background:#eee;display:inline-block}
.serverblokbtn a:hover{background:#ccc}
#vpsreboot:hover{background:#607d8b;color:white}
#vpsShutdown:hover{background:#f44336;color:white}
#vpsPowerOff:hover{background:#f44336;color:white}
#vpsPowerOnn:hover{background:#8bc34a;color:white}
#vpspanellogin:hover{background:#607d8b;color:white}
#vpsrestart:hover{background:#607d8b;color:white}
#vpsstart:hover{background:#8bc34a;color:white}
#vpsstop:hover{background:#dd3d32;color:white}
#vpscpassword:hover{background:#8bc34a;color:white}
#vpsreinstall:hover{background:#dd3d32;color:white}
#vpskill:hover{background:#dd3d32;color:white}
#vpsgeneral:hover{background:#607d8b;color:white}
#requirements {    width: 90%;    margin: auto;}
#detial_domain{    margin: 15px 0px;}
#orders-none {    margin-bottom: 50px;}
.serverdetailright .sbtn {  width: auto;  padding: 3px 10px;    margin-left: 10px;}
.serverdetailright .sbtn i {margin-right:7px;}
#clientArea-module-page #block_module_loader  {margin-top: 150px;margin-bottom:120px;}
.cleintArea-module-page-title{float:left;font-size:24px}
#clientArea-module-page{float:left;width:100%;    margin-top: -15px;}
#clientArea-module-page .padding30{    padding: 30px 50px;}
#clientArea-module-page .line{margin-top:20px;margin-bottom:20px}
.clientArea-module-page-btn{width:150px;padding:12px 20px;background:#eee;display:inline-block;margin:5px;vertical-align:top;border-radius:3px;font-weight:600;text-align:center}
.clientArea-module-page-btn:hover{background:#dbdbdb}
.clientArea-module-page-btn i{margin-right:7px}
.red-info{display:inline-block;width:100%;background:#e76f67;color:white;border:1px solid #e76f67;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow: hidden;    position: relative;}
.orange-info{display:inline-block;width:100%;background:#FF9800;color:white;border:1px solid #FF9800;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow: hidden;    position: relative;}
.gray-info{display:inline-block;width:100%;background:#607d8b;color:white;border:1px solid #607d8b;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow: hidden;    position: relative;}
.green-info{display:inline-block;width:100%;background:#79ba7c;color:white;border:1px solid #79ba7c;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:10px;overflow: hidden;    position: relative;}
.blue-info{display:inline-block;width:100%;background:#5aadb8;color:white;border:1px solid #5aadb8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow: hidden;    position: relative;}
#share-invoice .green-info{color:white;}
#share-invoice .green-info .padding20{    padding: 25px;}
.invoicex .gray-info{color:white;}
#share-invoice .green-info i{display:none}
#modernpanel .green-info {color: white;    border: none;}
#modernpanel .blue-info {color: white;    border: none;}
#modernpanel .red-info {color: white;    border: none;}
#modernpanel .green-info i {font-size:135px;color:rgb(0 0 0 / 16%);margin:0;position:absolute;z-index: 5;left:-15px;top:-20px}
#modernpanel .blue-info i{font-size:135px;color:rgb(0 0 0 / 16%);margin:0;position:absolute;z-index: 5;left:-15px;top:-20px}
#modernpanel .red-info i{font-size:135px;color:rgb(0 0 0 / 16%);margin:0;position:absolute;z-index: 5;left:-15px;top:-20px}
.green-info i{font-size:135px;color:rgb(0 0 0 / 16%);margin:0;position:absolute;z-index: 5;left:-15px;top:-20px}
.blue-info i{font-size:135px;color:rgb(0 0 0 / 16%);margin:0;position:absolute;z-index: 5;left:-15px;top:-20px}
.red-info i{font-size:135px;color:rgb(0 0 0 / 16%);margin:0;position:absolute;z-index: 5;left:-15px;top:-20px}
.green-info a{color:#fff;font-weight:700}
.blue-info a{color:#fff;font-weight:700}
.red-info p{margin:0;z-index: 7;position: relative;}
.blue-info p{margin:0;z-index: 7;position: relative;}
.green-info p{margin:0;z-index: 7;position: relative;}
.red-info h5{margin:0;z-index: 7;position: relative;}
.blue-info h5{margin:0;z-index: 7;position: relative;}
.green-info h5{margin:0;z-index: 7;position: relative;}
.red-info .padding20{padding:20px 15px;padding-left:25px}
.blue-info .padding20{padding:20px 15px;padding-left:25px}
.green-info .padding20{padding:20px 15px;padding-left:25px}
.red-info .padding15 {padding:20px 15px;padding-left:25px}
.blue-info .padding15{padding:20px 15px;padding-left:25px}
.green-info .padding15{padding:20px 15px;padding-left:25px}
#modernpanel .balancepage .fa-info-circle {margin:0;    font-size:135px;}
#clean-theme-client .balancepage .fa-info-circle {margin:0;    font-size: 135px;}
.balancepage h5 {position: relative;z-index:7;}
.blue-info ul{padding:0;margin:0;}
.line {    background-color: #ddd;}
.breadcrumb {float:right;font-size: 14px;}
.bbbaslik {float:left;margin-right:20px;}
.servercattitle{    float: left;    width: 100%;font-weight:bold;font-size:22px;padding-bottom:15px;border-bottom:1px solid #ddd;    margin-top: 10px;margin-bottom:20px}
.order-detail-service-block{display:inline-block;width:100%;margin:30px 0}
.order-detail-service-block-title{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:35px;position:relative;}
.order-detail-service-block-title h4{display:inline-block;background:white;margin-top:-11px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:240px;padding:10px 0px;font-weight:bold}
.order-detail-service-left{float:left;width:48%;text-align:right;font-weight:bold}
.order-detail-service-right{float:right;width:49%;text-align:left}
.order-detail-service-right .sbtn{font-size:14px}
.order-detail-service-right .sbtn i{margin-right:5px}
.order-detail-service-block .formcon{padding:12px 0px;font-size:15px;border-bottom:1px solid #eee}
#clean-theme-client .hesapbilgisi {    padding: 7px 0px;    border-bottom: 1px solid #eee;}
.product-group-icon{height:75px;display:block;margin:auto;margin-bottom:20px;margin-top:10px}
.faturaodenmis {margin:50px 0px;}
.tld-select {    line-height: normal;}
.uhperiyod select {background:none;}
#modernpanel .sbtn{margin-left:0;font-size:14px;width:auto;padding:5px 12px}
#modernpanel .serverdetailright .sbtn{margin-left:10px;padding:3px 12px}
#modernpanel .sbtn i {margin:0px 2px;}
.serverserviceblock-title {position:relative;}
.skonfiginfo {    background: white;}
.skonfiginfo table tr td {padding: 10px 0px;    border-bottom: 1px solid #eee;}
.sunucular table tr{box-shadow:inset 0px 8px 19px -6px rgb(191 191 191 / 30%);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.sunucular table tr td{padding:8px 0px}
#upgrade .green-info .ion-speedometer{float:left;font-size:135px;margin:0;line-height:25px;margin-top:-5px}
#CanceledProduct_success{margin-top:30px;margin-bottom:70px;text-align:center}
#CanceledProduct_success i{font-size:90px;margin-bottom:20px}
.listingstatus{display:inline-block}
.uzantibox .domdiscount{font-size:14px;box-shadow:0px 0px 5px #ddd;font-weight:600}
.homedomainarea .uzantibox h4 {margin:0;}
.invoicex .invoicestatus .invnopay{color:#607d8b}
.invoicex .invoicestatus{font-family:'Raleway';border:none;background:rgb(229 229 228 / 20%);font-size:28px;border-radius:5px;font-weight:700}
.invoicex .invoicestatus .padding20{padding:30px 20px}
.invoicex .invoicestatus .invpaid{font-size:34px}
.invoicex .custbillinfo h5{font-family:'Raleway';font-weight:600}
.invoicex .faturaodenmis{font-family:'Raleway'}
#muspanel .ui-accordion .ui-accordion-header{font-family:'Raleway';font-weight:600}
.sepetbaslik{font-family:'Raleway';font-weight:600}
.DomainModuleChildPage h1{background:#607D8B;color:white;padding:15px 20px;border-radius:5px;font-size:22px;font-weight:600}
.ModifyDns .yesilbtn{margin-top:20px}
.ModifyDns .mavibtn{margin-top:20px}
.tabcontentcon table tr{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-box-shadow:inset 0px 8px 19px -6px rgb(191 191 191 / 30%);-moz-box-shadow:inset 0px 8px 19px -6px rgba(191,191,191,0.3);box-shadow:inset 0px 8px 19px -6px rgb(191 191 191 / 30%)}
.tabcontentcon table thead{background:#ebebeb}
.tabcontentcon table tbody tr td{padding:10px}
.tabcontentcon input:focus{padding-left:0px}
.tabcontentcon select:focus{padding-left:0px}
.tabcontentcon textarea:focus{padding-left:0px}
.tabcontentcon input{background:none}
.tabcontentcon select{background:none}
.tabcontentcon textarea{background:none}
.tabcontentcon table tr:hover{background:rgba(223,223,223,0.37)}
.add-dns-record{font-weight:600}
.editing-active{background:rgb(223 223 223 / 45%)}
.domainforwarding{vertical-align:middle;display:inline-block;width:100%;margin-top: 25px;}
.domainforwarding .yuzde40{vertical-align:middle}
.domainforwarding .yuzde10{font-size:36px;vertical-align:middle}
.domainforwarding .line {margin: 30px 0px;}
.whois-protection-area{margin-bottom:45px;float:left;width:100%}
#ModifyWhois .metalbtn{float:left;font-size:15px;width:240px}
#ModifyWhois input{padding:15px;width:30%}

/* Whois profile create/edit form */
#modernpanel .ac-account-page .ac-whois-form{
    float:none;
    width:100%;
    max-width:none;
    margin:0 0 8px;
    padding:22px 22px 18px;
    box-sizing:border-box;
}
#modernpanel .ac-account-page .ac-whois-form form{
    display:block;
    width:100%;
    margin:0;
    padding:0;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px 16px;
    width:100%;
    margin:0 0 8px;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-field-full{
    margin:0 0 16px;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-field-wide{
    grid-column:span 1;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-field label{
    margin:0;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-field input,
#modernpanel .ac-account-page .ac-whois-form input[type="text"],
#modernpanel .ac-account-page .ac-whois-form input[type="email"]{
    display:block;
    float:none !important;
    width:100% !important;
    max-width:100%;
    height:44px;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid rgba(48,72,95,0.16) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#243849;
    font-size:14px;
    font-weight:600;
    font-family:inherit;
    line-height:44px;
    outline:none;
    box-sizing:border-box;
    transition:border-color .15s ease, box-shadow .15s ease;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-field input::placeholder{
    color:#8aa0ab;
    font-weight:500;
    opacity:1;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-field input:focus{
    border-color:#28a745 !important;
    box-shadow:0 0 0 3px rgba(40,167,69,0.12) !important;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-foot{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:18px 0 0;
    padding:16px 0 0;
    border-top:1px solid rgba(48,72,95,0.08);
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-check{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin:0;
    cursor:pointer;
    color:#30485F;
    font-size:14px;
    font-weight:600;
    line-height:1.3;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-check .checkbox-custom-label{
    margin:0 !important;
    padding:0 !important;
    float:none !important;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-submit{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    min-width:160px;
    min-height:44px;
    margin:0 0 0 auto !important;
    padding:0 22px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none !important;
    box-sizing:border-box;
    cursor:pointer;
    transition:background .15s ease;
}
#modernpanel .ac-account-page .ac-whois-form .ac-whois-submit:hover{
    background:#218838 !important;
    color:#fff !important;
}
@media screen and (max-width:991px){
    #modernpanel .ac-account-page .ac-whois-form .ac-whois-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media screen and (max-width:767px){
    #modernpanel .ac-account-page .ac-whois-form{
        padding:14px;
    }
    #modernpanel .ac-account-page .ac-whois-form .ac-whois-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
    #modernpanel .ac-account-page .ac-whois-form .ac-whois-field-wide{
        grid-column:auto;
    }
    #modernpanel .ac-account-page .ac-whois-form .ac-whois-foot{
        flex-direction:column;
        align-items:stretch;
    }
    #modernpanel .ac-account-page .ac-whois-form .ac-whois-submit{
        width:100%;
        margin:0 !important;
    }
}
.red-info .lbtn{background:rgb(0 0 0 / 15%);border:none;color:white;z-index:12;position:relative}
.red-info .lbtn:hover{background:rgb(0 0 0 / 25%)}
#domain-doc-required-info p{margin-bottom:10px}
.domain-docs-area{float:left;width:100%;}
.domain-docs-op-message{display:block;width:100%;font-size:14px;margin-top:10px}
#modernpanel #clientAreaIndex-wrapper .homedomainarea{margin-top:0px;margin-bottom:45px}
#modernpanel #clientAreaIndex-wrapper .homedomainarea-con{width:91%}
#payment-screen .red-info h5 {    color:white;}
#payment-screen .bankainfo h5 span {    width:auto;    margin-right: 5px;}
#payment-screen .bankalogo h4 {    font-weight: 600;}
#clean-theme-client .faturabilgisi .red-info {    background: none;}

.lds-ellipsis{display:inline-block;position:relative;width:auto;height:10px}
.lds-ellipsis div{position:absolute;top:5;width:10px;height:10px;border-radius:50%;background:#dbdbdb;animation-timing-function:cubic-bezier(0,1,1,0)}
.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}
.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}
.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}
.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}
@keyframes lds-ellipsis1{0%{transform:scale(0)}
    100%{transform:scale(1)}
}
@keyframes lds-ellipsis3{0%{transform:scale(1)}
    100%{transform:scale(0)}
}
@keyframes lds-ellipsis2{0%{transform:translate(0,0)}
    100%{transform:translate(24px,0)}
}
#cancel_subscription_btn{margin-top:5px;padding:5px 15px;display:inline-block}
.invoicex .odemeyontem { margin-bottom: 0px;}
.invoice-detail-pp-sb-enabled {text-align: center;float: left;width: 100%;margin: 25px 0px;}
.invoice-detail-pp-sb-enabled strong {  font-size: 17px;}
.invoicex .companybillinfo img{margin-bottom:20px;height:auto;width:auto;max-width:180px}
.otherincoivebtns {width: 100%;text-align: right;}
.homedomainarea {display: inline-block;}
.sepa-qr-code {    margin-top: 35px;}


/* #mobile-mobile-devices */
@media only screen and (min-width:320px) and (max-width:1024px) {
.leftbar{width:80%;margin-left:-80%;overflow:visible;bottom:0px;top:0px;position:fixed;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#modernpanel .leftbar.ac-topnav{
    position:sticky;
    top:0;
    width:100%;
    margin:0 !important;
    right:auto;
    bottom:auto;
    height:auto;
    overflow:visible;
    transition:none;
}
#modernpanel .ac-topnav-inner{
    flex-wrap:nowrap;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    min-height:64px;
}
#modernpanel .ac-topnav .companylogo{
    order:1;
    flex:1 1 auto;
    min-width:0;
}
#modernpanel .ac-topnav .ac-topnav-tools{
    order:2;
    display:flex;
    align-items:center;
    margin-left:auto;
    flex:0 0 auto;
}
#modernpanel .ac-topnav .ac-topnav-tools .mpanelinfo,
#modernpanel .ac-topnav .ac-topnav-tools .mpanelinfo #wrapper,
#modernpanel .ac-topnav .ac-topnav-tools .headbutonlar{
    display:flex;
    align-items:center;
    gap:8px;
    width:auto;
    margin:0;
    padding:0;
}
#modernpanel .ac-topnav .ac-topnav-tools .ac-header-lang,
#modernpanel .ac-topnav .ac-topnav-tools .ac-header-currency,
#modernpanel .ac-topnav .ac-topnav-tools .ac-header-user{
    display:none !important;
}
#modernpanel .ac-topnav .ac-topnav-burger{
    display:inline-flex !important;
    order:3;
    flex:0 0 40px;
    margin:0;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    color:#30485F;
    background:#fff;
    border:1px solid rgba(48,72,95,0.14);
    font-size:18px;
    box-sizing:border-box;
}
#modernpanel .ac-topnav .ac-topnav-tools .ac-header-basket,
#modernpanel .ac-topnav .ac-topnav-tools .ac-header-notify .wnotifitibtn,
#modernpanel .ac-topnav .ac-topnav-burger{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    border-radius:5px !important;
    background:#fff !important;
    border:1px solid rgba(48,72,95,0.14) !important;
    color:#30485F !important;
    box-shadow:none !important;
}
#modernpanel .ac-topnav .ac-topnav-tools .ac-header-basket i,
#modernpanel .ac-topnav .ac-topnav-tools .ac-header-notify .wnotifitibtn i,
#modernpanel .ac-topnav .ac-topnav-burger i{
    color:#30485F !important;
    font-size:16px;
    line-height:1;
}
#modernpanel .ac-topnav .ac-topnav-tools .ac-header-notify{
    display:inline-flex !important;
}
#modernpanel .ac-topnav .modernclientmenu{
    order:4;
    position:fixed;
    top:0;
    left:0;
    width:min(320px,86vw);
    height:100%;
    margin:0;
    padding:0 0 28px;
    background:#f5f6f8;
    border-right:1px solid rgba(15,23,42,0.08);
    box-shadow:16px 0 40px rgba(15,23,42,0.12);
    transform:translateX(-105%);
    transition:transform .28s ease;
    overflow-y:auto;
    overflow-x:hidden;
    z-index:110;
    box-sizing:border-box;
    -webkit-overflow-scrolling:touch;
}
#modernpanel .ac-topnav.is-open .modernclientmenu,
body.ac-nav-open #modernpanel .ac-topnav .modernclientmenu{
    transform:translateX(0);
}
#modernpanel .ac-topnav .ac-mobile-nav-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    position:sticky;
    top:0;
    z-index:2;
    margin:0;
    padding:14px 16px;
    min-height:64px;
    background:#fff;
    border-bottom:none;
    box-sizing:border-box;
}
#modernpanel .ac-topnav .ac-mobile-nav-logo{
    display:flex;
    align-items:center;
    flex:1 1 auto;
    min-width:0;
    margin:0;
    padding:0;
    line-height:1;
}
#modernpanel .ac-topnav .ac-mobile-nav-logo img{
    display:block;
    width:auto;
    max-width:148px;
    max-height:36px;
    height:auto;
}
#modernpanel .ac-topnav .ac-mobile-nav-close,
#modernpanel .ac-topnav .ac-mobile-nav-head #dashboard_button_close{
    appearance:none;
    -webkit-appearance:none;
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    float:none !important;
    flex:0 0 40px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(15,23,42,0.06) !important;
    border-radius:5px !important;
    background:#e9eef2 !important;
    color:#30485F !important;
    font-size:16px !important;
    line-height:1 !important;
    cursor:pointer;
    opacity:1 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    transform:none !important;
}
#modernpanel .ac-topnav .ac-mobile-nav-close i,
#modernpanel .ac-topnav .ac-mobile-nav-head #dashboard_button_close i{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    margin:0 !important;
    padding:0 !important;
    font-size:16px !important;
    line-height:1 !important;
    text-align:center;
    float:none !important;
}
#modernpanel .ac-topnav .ac-mobile-nav-actions{
    display:flex;
    align-items:stretch;
    gap:8px;
    margin:0;
    padding:0 16px 14px;
    background:#fff;
    border-bottom:1px solid rgba(48,72,95,0.10);
    box-sizing:border-box;
}
#modernpanel .ac-topnav .ac-mobile-nav-action{
    flex:1 1 0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    margin:0;
    padding:10px 12px;
    border:1px solid rgba(48,72,95,0.14);
    border-radius:5px;
    background:#fff;
    color:#30485F;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none;
    text-align:center;
    box-sizing:border-box;
    transition:background .15s ease,color .15s ease,border-color .15s ease;
}
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-lang,
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-currency{
    background:#fff;
    border:1px solid rgba(48,72,95,0.14);
    color:#30485F;
}
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-lang:hover,
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-currency:hover{
    background:#fff;
    border-color:rgba(40,167,69,0.35);
    color:#28a745;
}
#modernpanel .ac-topnav .ac-mobile-nav-action:only-child{
    flex:1 1 100%;
}
#modernpanel .ac-topnav .ac-mobile-nav-action i{
    flex:0 0 auto;
    width:auto;
    margin:0;
    font-size:14px;
    color:rgba(48,72,95,0.75);
}
#modernpanel .ac-topnav .ac-mobile-nav-action span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#modernpanel .ac-topnav .ac-mobile-nav-action img{
    flex:0 0 20px;
    width:20px;
    height:20px;
    border-radius:50%;
    object-fit:cover;
    display:block;
}
#modernpanel .ac-topnav .ac-mobile-nav-currency-code{
    flex:0 0 auto;
    font-size:13px;
    font-weight:800;
    letter-spacing:0.02em;
    color:#30485F;
}
#modernpanel .ac-topnav .ac-mobile-nav-action:hover{
    background:rgba(40,167,69,0.12);
    color:#28a745;
}
#modernpanel .ac-topnav .ac-mobile-nav-action:hover i,
#modernpanel .ac-topnav .ac-mobile-nav-action:hover .ac-mobile-nav-currency-code{
    color:#28a745;
}
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-logout{
    background:#dc3545 !important;
    color:#fff !important;
}
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-logout i,
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-logout span{
    color:#fff !important;
}
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-logout:hover{
    background:#c82333 !important;
    color:#fff !important;
}
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-logout:hover i,
#modernpanel .ac-topnav .ac-mobile-nav-action.ac-mobile-nav-logout:hover span{
    color:#fff !important;
}
#modernpanel .ac-topnav .modernclientmenu > ul{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin:0;
    padding:16px 16px 12px;
    box-sizing:border-box;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li{
    width:100%;
    margin:0;
    float:none;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle,
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle:hover,
#modernpanel .ac-topnav .modernclientmenu > ul > li > a#active{
    display:flex !important;
    align-items:center;
    width:100% !important;
    margin:0;
    padding:14px 14px !important;
    border:0 !important;
    border-radius:5px !important;
    border-bottom:none !important;
    background:#fff !important;
    color:#30485F;
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    white-space:normal;
    box-shadow:0 1px 2px rgba(48,72,95,0.04);
    box-sizing:border-box;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle span{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    min-width:0;
    padding:0 !important;
    margin:0;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle i,
#modernpanel .ac-topnav .modernclientmenu ul li a.toggle i{
    flex:0 0 22px;
    width:22px !important;
    margin:0 !important;
    text-align:center;
    font-size:16px;
    line-height:1;
    color:rgba(48,72,95,0.70);
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu > a.toggle span::after{
    content:"\f107";
    font-family:"FontAwesome","Font Awesome 6 Free","Font Awesome 5 Free";
    font-weight:900;
    flex:0 0 auto;
    margin-left:auto !important;
    font-size:14px;
    line-height:1;
    opacity:.65;
    transition:transform .2s ease,opacity .2s ease;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu > a.toggle:hover span::after,
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu > a#active span::after{
    opacity:1;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu:hover > a.toggle span::after{
    transform:none;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu:has(> ul.inner.show) > a.toggle span::after{
    transform:rotate(180deg);
    opacity:1;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle:hover{
    background:#fff !important;
    color:#28a745;
    box-shadow:0 2px 8px rgba(40,167,69,0.12);
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a.toggle:hover i{
    color:#28a745;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a#active{
    background:#fff !important;
    color:#28a745;
    box-shadow:0 0 0 1px rgba(40,167,69,0.35);
}
#modernpanel .ac-topnav .modernclientmenu > ul > li > a#active i{
    color:#28a745;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu:hover > ul.inner,
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu:focus-within > ul.inner{
    display:none;
}
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu > ul.inner.show{
    display:block;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner{
    position:static;
    min-width:0;
    margin:6px 0 0;
    padding:6px;
    box-shadow:none;
    border:0;
    border-radius:5px;
    background:rgba(255,255,255,0.72);
}
#modernpanel .ac-topnav .modernclientmenu ul.inner::before,
#modernpanel .ac-topnav .modernclientmenu > ul > li.has-submenu::after{
    display:none;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner li{margin:0 0 2px 0}
#modernpanel .ac-topnav .modernclientmenu ul.inner li:last-child{margin-bottom:0}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle,
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle:hover,
#modernpanel .ac-topnav .modernclientmenu ul.inner a#active{
    display:flex !important;
    align-items:center;
    width:100% !important;
    padding:11px 10px !important;
    border-radius:5px !important;
    border-bottom:none !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#30485F;
    font-size:14px;
    font-weight:600;
    box-sizing:border-box;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle span{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    padding:0 !important;
    padding-left:0 !important;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle i{color:rgba(48,72,95,0.65)}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle:hover{
    background:rgba(40,167,69,0.10) !important;
    color:#28a745;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a.toggle:hover i{color:#28a745}
#modernpanel .ac-topnav .modernclientmenu ul.inner a#active{
    background:rgba(40,167,69,0.10) !important;
    color:#28a745;
}
#modernpanel .ac-topnav .modernclientmenu ul.inner a#active i{color:#28a745}
#modernpanel .ac-topnav .modernclientmenu ul.inner a#active:hover{
    background:rgba(40,167,69,0.10) !important;
    color:#28a745;
}
#modernpanel .mobmenuclose{z-index:100}
.rightcontent{width:100%}
.rightconhead{height:auto}
#modernpanel .mpanelinfo{line-height:70px;font-size:14px;height:70px;margin-top:0px;padding:0px}
#modernpanel .ac-topnav .mpanelinfo,
#modernpanel .ac-topnav .mpanelinfo #wrapper,
#modernpanel .ac-topnav .headbutonlar,
#modernpanel .ac-topnav .ac-topnav-tools{
    height:auto;
    line-height:normal;
    padding:0;
    background:transparent !important;
    background-color:transparent !important;
}
#modernpanel .mpanelinfo span i{display:none}
.modernclientmenu{overflow:scroll;height:70%}
#modernpanel .ac-topnav .modernclientmenu{overflow-y:auto;height:100%}
#modernpanel .headbutonlar a{padding:0px 12px;float:right}
#modernpanel .ac-topnav .headbutonlar a{padding:0;float:none}
#modernpanel .headbutonlar{display:block;height:70px}
#modernpanel .ac-topnav .headbutonlar{display:flex;height:auto}
#modernpanel #resellertooltip{float:left}
#modernpanel .ac-topnav #resellertooltip{float:none}
#modernpanel .billremininfo{width:100%}
#modernpanel .invoiceremind span{margin-bottom:5px}
#modernpanel .alanadisorgu h1{font-size:22px;margin:0;margin-bottom:15px}
.moderncliendblock{width:100%;margin:0;margin-bottom:20px;min-height:auto}
.mclientlastblocks .mpaneltitle .sbtn{float:left;margin-top:5px;padding:3px 8px;margin-left:36px}
.noentryblock{margin:30px 0px}
.mclientmobbtn{display:block}
#modernpanel .headbutonlar .nomobilbtn{display:block}
.modernclient-rightcon .mpaneltitle h4{font-size:16px}
.modernclient-rightcon .mpaneltitle .destekolsbtn{font-size:14px;padding:24px 20px;margin-right:-17px;margin-top:-62px}
.modernclient-rightcon .mpaneltitle{margin-top:10px}
#modernpanel .invoiceremind .red-info{width:99%}
.wclientnotification{width:100%;top:70px}
.wclientnotifi{position:inherit}
#modernpanel .ac-topnav .wclientnotifi{position:relative !important}
#modernpanel .ac-topnav .ac-header-notify > .wclientnotification,
#modernpanel .ac-topnav .ac-header-notify:hover > .wclientnotification,
#modernpanel .ac-topnav .wclientnotifi.ac-header-notify:hover .wclientnotification{
    display:none !important;
}
#modernpanel .ac-topnav .ac-header-notify.is-open > .wclientnotification,
#modernpanel .ac-topnav .ac-header-notify.is-open:hover > .wclientnotification,
#modernpanel .ac-topnav .wclientnotifi.ac-header-notify.is-open .wclientnotification,
#modernpanel .ac-topnav .wclientnotifi.ac-header-notify.is-open:hover .wclientnotification{
    display:block !important;
}
#modernpanel .ac-topnav .ac-header-notify .wclientnotification,
#modernpanel .ac-topnav .ac-header-notify .ac-notify-panel{
    position:fixed !important;
    top:84px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 108px);
    margin:0 !important;
    z-index:140 !important;
    box-sizing:border-box;
}
#modernpanel .ac-topnav .ac-header-notify .wnotificontent{
    max-height:min(240px,42vh);
}
.wnotificontent{text-align:left}
#modernpanel .headbutonlar .wclientnotification a{padding:0px;float:none}
.notifi-count{margin-top:15px}
#modernpanel #sepeticon span{margin-top:12px}
#modernpanel .headbutonlar .allread a{padding:7px 10px}
#modernpanel .muspanelbloks{width:100%;margin-left:0px}
#modernpanel .mpanelblok:first-child:nth-last-child(4),#modernpanel .mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok{width:50%}
#modernpanel .mpanelblok{width:50%}
#modernpanel .ac-dashboard-layout{
    --ac-dash-gap:16px;
    --ac-dash-pad:0;
    padding:0;
}
#modernpanel .ac-dashboard-layout .muspanelbloks{
    grid-template-columns:1fr;
}
#modernpanel .ac-dashboard-layout .mpanelblok,
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(4),
#modernpanel .ac-dashboard-layout .mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok{
    width:auto !important;
}
#modernpanel .ac-dashboard-layout .wclientblockscon{
    grid-template-columns:1fr;
}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card{
    width:100%;
    margin:0;
    padding:0;
}
#modernpanel .ac-dashboard-layout .invoiceremind .red-info{width:100%}
#modernpanel .ac-footer-copy{font-size:14.5px}
#modernpanel .mpanelrightcon{padding:15px}
#modernpanel .dataTables_wrapper .dataTables_filter input{width:57%}
#modernpanel .moderncliendblock .mpanelrightcon{padding:15px}
#modernpanel .mpanelinfo .tooltip-right:before{display:none}
#modernpanel .mpanelinfo .tooltip-right:after{display:none}
#basic_client_rightcon{width:100%}
#modernpanel #sifredegistir .tabcontentcon{width:100%}
#modernpanel .domainlookuplist{width:100%}
.modernclient-rightcon #wrapper{width:100%}
#modernpanel .modernclient-rightcon #wrapper{width:100% !important;margin-left:0 !important;margin-right:0 !important}
#modernpanel .sepetleft{margin-bottom:25px}
}/* temporarily close mobile block for desktop basket styles */

/* Basket / Sepet page */
#modernpanel #wrapper.ac-basket-page,
#modernpanel .ac-basket-page{
    width:100% !important;
    max-width:none;
    float:none;
    clear:both;
    margin:0 0 24px;
    padding:0 !important;
    background:transparent;
    box-shadow:none;
    border:0;
    box-sizing:border-box;
    overflow:visible;
}
#modernpanel .ac-basket-page .sepet{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:20px;
    float:none;
    width:100%;
    margin:0;
    box-sizing:border-box;
}
#modernpanel .ac-basket-page .sepetleft{
    float:none !important;
    flex:1 1 640px;
    width:auto !important;
    min-width:0;
    margin:0;
}
#modernpanel .ac-basket-page .sepetright{
    float:none !important;
    flex:0 1 320px;
    width:320px !important;
    max-width:100%;
    position:sticky;
    top:90px;
    margin:0;
}
#modernpanel .ac-basket-page .sepetbaslik{
    float:none !important;
    display:block !important;
    width:100% !important;
    min-height:48px;
    margin:0 0 12px !important;
    padding:0 !important;
    border-radius:5px !important;
    background:#30485F !important;
    color:#fff !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    box-sizing:border-box;
}
#modernpanel .ac-basket-page .ac-basket-head-cols,
#modernpanel .ac-basket-page .sepetlistcon{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(150px,180px) minmax(120px,150px) 44px;
    align-items:center;
    column-gap:12px;
    row-gap:10px;
    padding:0 16px;
    box-sizing:border-box;
}
#modernpanel .ac-basket-page .ac-basket-head-cols{
    min-height:48px;
}
#modernpanel .ac-basket-page .ac-basket-head-cols .uhinfo,
#modernpanel .ac-basket-page .ac-basket-head-cols .uhperiyod,
#modernpanel .ac-basket-page .ac-basket-head-cols .uhtutar,
#modernpanel .ac-basket-page .ac-basket-head-cols .uhsil{
    float:none !important;
    width:auto !important;
    margin:0;
    padding:0;
    color:#fff;
}
#modernpanel .ac-basket-page .ac-basket-head-cols .uhperiyod,
#modernpanel .ac-basket-page .ac-basket-head-cols .uhtutar{
    text-align:center;
}
#modernpanel .ac-basket-page .ac-basket-head-cols .uhsil{visibility:hidden}
#modernpanel .ac-basket-page .ac-basket-summary-title{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 16px;
    box-sizing:border-box;
    text-align:center;
    width:100%;
}
#modernpanel .ac-basket-page .sepetrightshadow,
#modernpanel .ac-basket-page .ac-basket-summary{
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 22px rgba(48,72,95,0.06);
    overflow:hidden;
}
#modernpanel .ac-basket-page .ac-basket-summary .sepetbaslik{
    margin:0;
    border-radius:0 !important;
}
#modernpanel .ac-basket-page .sepetlist{
    float:none !important;
    display:block;
    width:100%;
    margin:0 0 10px;
    border:1px solid rgba(48,72,95,0.12);
    border-radius:5px;
    background:#fff;
    box-shadow:0 6px 18px rgba(48,72,95,0.05);
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
}
#modernpanel .ac-basket-page .sepetlist.is-reduced{
    border-color:#28a745;
}
#modernpanel .ac-basket-page .sepetlistcon{
    padding:18px 16px;
}
#modernpanel .ac-basket-page .sepetlistcon > .clear{
    display:none !important;
}
#modernpanel .ac-basket-page .sepetlistcon .uhinfo,
#modernpanel .ac-basket-page .sepetlistcon .uhperiyod,
#modernpanel .ac-basket-page .sepetlistcon .uhtutar,
#modernpanel .ac-basket-page .sepetlistcon .uhsil{
    float:none !important;
    width:auto !important;
    margin:0;
    min-width:0;
}
#modernpanel .ac-basket-page .sepetlistcon .uhperiyod,
#modernpanel .ac-basket-page .sepetlistcon .uhtutar{
    text-align:center;
}
#modernpanel .ac-basket-page .sepetlistcon .uhsil{
    display:flex;
    align-items:center;
    justify-content:center;
}
#modernpanel .ac-basket-page .uhinfo h5{
    margin:0 0 4px;
    color:#243849;
    font-size:16px;
    font-weight:700;
}
#modernpanel .ac-basket-page .uhinfo h4{
    margin:0;
    float:none;
}
#modernpanel .ac-basket-page .uhinfo h4 a{
    float:none;
    color:#5a7388;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}
#modernpanel .ac-basket-page .uhinfo h4 a:hover{color:#28a745}
#modernpanel .ac-basket-page .uhperiyod h5{
    margin:0;
    color:#30485F;
    font-size:15px;
    font-weight:700;
    line-height:1.3;
}
#modernpanel .ac-basket-page .uhperiyod select{
    display:block !important;
    width:100% !important;
    max-width:100%;
    min-height:40px;
    margin:0 auto !important;
    padding:0 34px 0 12px !important;
    border:1px solid rgba(48,72,95,0.18) !important;
    border-radius:5px !important;
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2330485F' d='M1.4.6L6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 12px center !important;
    background-size:10px 7px !important;
    color:#30485F !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.2;
    text-align:left !important;
    text-align-last:left !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
    cursor:pointer;
    box-sizing:border-box;
    box-shadow:none !important;
}
#modernpanel .ac-basket-page .uhperiyod select:hover,
#modernpanel .ac-basket-page .uhperiyod select:focus{
    border-color:#28a745 !important;
    outline:none;
}
#modernpanel .ac-basket-page .uhperiyod select::-ms-expand{display:none}
#modernpanel .ac-basket-page .uhtutar h4,
#modernpanel .ac-basket-page .uhtutar .amount_spot_view{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin:0;
    color:#30485F;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
}
#modernpanel .ac-basket-page .uhsil a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:5px;
    color:#dc3545;
    font-size:16px;
    text-decoration:none;
    transition:background .15s ease,color .15s ease;
}
#modernpanel .ac-basket-page .uhsil a:hover{
    background:rgba(220,53,69,0.10);
    color:#c82333;
}
#modernpanel .ac-basket-page .row-label.green-label{
    background:#28a745;
    border-radius:5px 0 0 0;
}
#modernpanel .ac-basket-page .green-label::before{
    border-color:transparent #1e7e34 transparent transparent;
}
#modernpanel .ac-basket-page .cart-additional-details{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-top:10px;
}
#modernpanel .ac-basket-page .cart-additional-details a{
    color:#30485F;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}
#modernpanel .ac-basket-page .cart-additional-details a:hover{color:#28a745}
#modernpanel .ac-basket-page .ac-basket-empty,
#modernpanel .ac-basket-page #empty_list{
    margin:12px 0 20px !important;
    padding:36px 20px !important;
    border:1px solid rgba(48,72,95,0.12) !important;
    border-radius:5px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(48,72,95,0.06) !important;
    color:#30485F !important;
    text-align:center !important;
}
#modernpanel .ac-basket-page #empty_list i{
    display:block !important;
    margin:0 0 14px !important;
    color:#28a745 !important;
    font-size:42px !important;
}
#modernpanel .ac-basket-page #empty_list h4{
    margin:0 !important;
    color:#243849 !important;
    font-size:16px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
}
#modernpanel .ac-basket-page .ac-basket-loader,
#modernpanel .ac-basket-page #basket_loader{
    margin:28px 0;
    text-align:center;
}
#modernpanel .ac-basket-page .ac-basket-continue-shop{
    display:flex;
    justify-content:stretch;
    margin:10px 0 0;
}
#modernpanel .ac-basket-page .ac-basket-continue-shop .lbtn,
#modernpanel .ac-basket-page #continueshopbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    float:none !important;
    width:100% !important;
    min-height:44px;
    margin:0 !important;
    padding:0 18px !important;
    border:1px solid rgba(48,72,95,0.18) !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#30485F !important;
    font-size:14px;
    font-weight:700;
    text-decoration:none !important;
    box-shadow:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-basket-page .ac-basket-continue-shop .lbtn:hover,
#modernpanel .ac-basket-page #continueshopbtn:hover{
    border-color:#28a745 !important;
    color:#28a745 !important;
}
#modernpanel .ac-basket-page .paymentlogos{
    display:none !important;
}
#modernpanel .ac-basket-page .sepetrightcon{
    padding:16px;
}
#modernpanel .ac-basket-page .sepetsipinfo{
    width:100%;
    border-collapse:collapse;
}
#modernpanel .ac-basket-page .sepetsipinfo tr td{
    padding:12px 0 !important;
    border-bottom:1px solid rgba(48,72,95,0.08) !important;
    color:#30485F;
    font-size:14px;
    vertical-align:middle;
}
#modernpanel .ac-basket-page .sepetsipinfo h5{
    margin:0;
    width:auto;
    color:#30485F !important;
    font-size:16px;
    font-weight:700;
}
#modernpanel .ac-basket-page .sepetsipinfo .totalamountinfo{
    padding-top:18px !important;
    border-bottom:0 !important;
}
#modernpanel .ac-basket-page .sepetsipinfo .totalamountinfo strong{
    color:#5a7388;
    font-size:13px;
}
#modernpanel .ac-basket-page .sepetsipinfo .totalamountinfo h5{
    margin-top:6px;
    color:#28a745 !important;
    font-size:26px;
}
#modernpanel .ac-basket-page #use_coupon a{
    color:#30485F;
    font-weight:700;
    text-decoration:none;
}
#modernpanel .ac-basket-page #use_coupon a:hover{color:#28a745}
#modernpanel .ac-basket-page #coupon_code{
    width:100%;
    min-height:40px;
    margin-top:8px;
    padding:0 12px;
    border:1px solid rgba(48,72,95,0.16);
    border-radius:5px;
    box-sizing:border-box;
}
#modernpanel .ac-basket-page .ac-basket-continue,
#modernpanel .ac-basket-page .sepetright .gonderbtn{
    align-items:center;
    justify-content:center;
    width:100% !important;
    min-height:46px;
    margin:12px 0 0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#28a745 !important;
    color:#fff !important;
    font-size:15px;
    font-weight:700;
    text-decoration:none !important;
    box-shadow:none !important;
    box-sizing:border-box;
}
#modernpanel .ac-basket-page #continue_go:not([style*="display: none"]):not([style*="display:none"]),
#modernpanel .ac-basket-page #continue_block:not([style*="display: none"]):not([style*="display:none"]){
    display:inline-flex !important;
}
#modernpanel .ac-basket-page .sepetright .gonderbtn:hover,
#modernpanel .ac-basket-page .ac-basket-continue:hover{
    background:#218838 !important;
    color:#fff !important;
}
#modernpanel .ac-basket-page .ac-basket-continue.is-disabled,
#modernpanel .ac-basket-page #continue_block{
    background:#c5ced6 !important;
    color:#fff !important;
    cursor:not-allowed !important;
}
#modernpanel .ac-basket-page #continue_block:hover{
    background:#c5ced6 !important;
}
#modernpanel .ac-basket-page #OrderSummary_loader{
    padding:20px 0;
    text-align:center;
}
@media screen and (max-width:991px){
    #modernpanel .ac-basket-page .sepetright{
        flex:1 1 100%;
        width:100% !important;
        position:static;
    }
    #modernpanel .ac-basket-page .ac-basket-head-cols{
        grid-template-columns:1fr;
    }
    #modernpanel .ac-basket-page .ac-basket-head-cols .uhperiyod,
    #modernpanel .ac-basket-page .ac-basket-head-cols .uhtutar,
    #modernpanel .ac-basket-page .ac-basket-head-cols .uhsil{
        display:none;
    }
    #modernpanel .ac-basket-page .sepetlist{
        overflow:visible;
    }
    #modernpanel .ac-basket-page .sepetlistcon{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;
        grid-template-areas:
            "info info sil"
            "period amount amount";
        column-gap:10px;
        row-gap:0;
        align-items:start;
        padding:12px;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhinfo{
        grid-area:info;
        width:auto !important;
        padding:0 0 8px;
        margin:0;
        text-align:left;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhperiyod{
        grid-area:period;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-end;
        gap:4px;
        width:auto !important;
        min-height:0;
        margin:0;
        padding:8px 10px 0 0;
        border-top:1px solid rgba(48,72,95,0.10);
        text-align:left;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhtutar{
        grid-area:amount;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        justify-content:flex-end;
        gap:4px;
        width:auto !important;
        min-height:0;
        margin:0;
        padding:8px 0 0;
        border-top:1px solid rgba(48,72,95,0.10);
        text-align:right;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhsil{
        grid-area:sil;
        position:static;
        display:flex;
        align-items:flex-start;
        justify-content:flex-end;
        width:auto !important;
        margin:0;
        padding:0;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhinfo h5{
        margin:0 0 6px;
        padding-right:4px;
        font-size:16px;
        line-height:1.35;
        word-break:break-word;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhinfo h4{
        margin:0 0 4px;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhinfo h4 a{
        font-size:13px;
        line-height:1.35;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhperiyod::before,
    #modernpanel .ac-basket-page .sepetlistcon .uhtutar::before{
        display:block;
        color:#7a8fa3;
        font-size:11px;
        font-weight:700;
        letter-spacing:.02em;
        text-transform:uppercase;
        line-height:1.2;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhperiyod::before{
        content:var(--ac-basket-period-label);
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhtutar::before{
        content:var(--ac-basket-amount-label);
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhperiyod select{
        width:100% !important;
        max-width:100%;
        min-height:40px;
        margin:0 !important;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhperiyod h5{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:40px;
        margin:0;
        padding:0 12px;
        border:1px solid rgba(48,72,95,0.14);
        border-radius:5px;
        background:#f6f8fa;
        color:#30485F;
        font-size:14px;
        font-weight:700;
        line-height:1.2;
        text-align:center;
        box-sizing:border-box;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhperiyod > span{
        display:block;
        margin-top:2px;
        font-size:12px;
    }
    #modernpanel .ac-basket-page .sepetlistcon .uhtutar h4,
    #modernpanel .ac-basket-page .sepetlistcon .uhtutar .amount_spot_view{
        justify-content:flex-end;
        min-height:40px;
        font-size:20px;
        font-weight:700;
        line-height:1.2;
    }
    #modernpanel .ac-basket-page .sepetlistcon .cart-additional-details{
        margin-top:10px;
    }
}

/* Order steps / Sipariş aşamaları (public) */
#modernpanel #wrapper.ac-order-page,
#wrapper.ac-order-page,
.ac-order-page{
    --ac-order-primary:#30485F;
    --ac-order-success:#28a745;
    --ac-order-danger:#dc3545;
    --ac-order-muted:#5a7388;
    --ac-order-border:rgba(48,72,95,0.14);
    --ac-order-radius:5px;
    width:100% !important;
    max-width:none !important;
    margin:0 0 40px !important;
    padding:0 0 24px !important;
    float:none !important;
    clear:both;
    box-sizing:border-box;
    font-family:'Titillium Web',sans-serif;
    color:var(--ac-order-primary);
}
.ac-order-page .asamaline{
    display:none !important;
}
.ac-order-page .ilanasamalar{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:stretch;
    gap:8px 4px;
    float:none !important;
    width:100%;
    margin:8px 0 28px !important;
    padding:0 0 8px !important;
    text-align:center;
    box-sizing:border-box;
}
.ac-order-page .ilanasamax{
    position:relative;
    flex:1 1 0;
    min-width:90px;
    max-width:none;
    width:auto !important;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    float:none !important;
    margin:0;
    padding:0 6px;
    color:var(--ac-order-muted);
    font-size:13px !important;
    font-weight:600;
    line-height:1.3;
    box-sizing:border-box;
}
.ac-order-page .ilanasamax::before{
    content:"";
    position:absolute;
    top:22px;
    left:calc(-50% + 22px);
    right:calc(50% + 22px);
    height:2px;
    background:rgba(48,72,95,0.12);
    z-index:0;
}
.ac-order-page .ilanasamax:first-child::before{display:none}
.ac-order-page .ilanasamax > div{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    width:100%;
}
.ac-order-page .ilanasamax h3{
    position:relative;
    z-index:1;
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:44px !important;
    height:44px !important;
    margin:0 !important;
    border:2px solid rgba(48,72,95,0.14);
    border-radius:50% !important;
    background:#fff !important;
    color:var(--ac-order-primary) !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-shadow:none !important;
    box-sizing:border-box;
}
.ac-order-page .ilanasamax .clear{display:none}
.ac-order-page #asamaaktif{
    color:var(--ac-order-success) !important;
    font-weight:700 !important;
}
.ac-order-page #asamaaktif h3{
    border-color:var(--ac-order-success) !important;
    background:var(--ac-order-success) !important;
    color:#fff !important;
}
.ac-order-page .pakettitle{
    float:none !important;
    width:100%;
    margin:0 0 24px !important;
    padding:0;
    text-align:center;
    box-sizing:border-box;
}
#modernpanel .ac-order-page .pakettitle h1,
.ac-order-page .pakettitle h1{
    display:block !important;
    margin:0 0 8px;
    color:var(--ac-order-primary) !important;
    font-family:'Titillium Web',sans-serif;
    font-size:26px;
    font-weight:700;
    line-height:1.25;
}
.ac-order-page .pakettitle h1 strong{font-weight:700}
.ac-order-page .pakettitle .line{
    display:none;
}
.ac-order-page .pakettitle h2{
    margin:0 auto;
    max-width:640px;
    color:var(--ac-order-muted);
    font-family:'Titillium Web',sans-serif;
    font-size:15px;
    font-weight:500;
    line-height:1.5;
}
.ac-order-page .siparisbilgileri{
    float:none !important;
    display:block !important;
    width:100% !important;
    margin:0 0 20px !important;
    box-sizing:border-box;
}
.ac-order-page .siparisbilgileri > form,
.ac-order-page .siparisbilgileri .domainsec{
    width:100%;
    max-width:none;
    margin:0;
    box-sizing:border-box;
}
.ac-order-page .ac-order-continue-wrap{
    display:flex;
    justify-content:center;
    width:100%;
    margin:28px 0 8px;
    clear:both;
}
.ac-order-page .siparisbilgileri .btn,
.ac-order-page .ac-order-continue,
.ac-order-page a.btn.mio-ajax-submit{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    width:100% !important;
    max-width:280px;
    min-height:48px;
    margin:0 auto !important;
    padding:0 22px !important;
    border:none !important;
    border-radius:var(--ac-order-radius) !important;
    background:var(--ac-order-success) !important;
    color:#fff !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    box-sizing:border-box;
    cursor:pointer;
    transition:background .15s ease;
}
.ac-order-page .siparisbilgileri .btn i,
.ac-order-page .ac-order-continue i{
    display:inline-block !important;
    margin-left:6px;
}
.ac-order-page .siparisbilgileri .btn:hover,
.ac-order-page .ac-order-continue:hover,
.ac-order-page a.btn.mio-ajax-submit:hover{
    background:#218838 !important;
    color:#fff !important;
}
.ac-order-page .ac-order-result,
.ac-order-page #result.error{
    text-align:center;
    margin-top:12px;
    color:var(--ac-order-danger);
    font-weight:600;
}

/* Period options — separate bordered cards */
.ac-order-page .orderperiodblock-con{
    display:grid !important;
    grid-template-columns:repeat(var(--ac-period-cols,4),minmax(0,1fr));
    gap:14px;
    width:100%;
    margin:20px 0 0;
    text-align:center;
    box-sizing:border-box;
}
.ac-order-page .orderperiodblock-con > input[type="hidden"],
.ac-order-page .orderperiodblock-con > script,
.ac-order-page .orderperiodblock-con > .clear{
    display:none !important;
}
.ac-order-page .orderperiodblock-con > .ac-order-continue-wrap{
    grid-column:1 / -1;
}
.ac-order-page .orderperiodblock{
    position:relative;
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    float:none !important;
    width:auto !important;
    min-height:0;
    margin:0 !important;
    padding:44px 16px 18px !important;
    border:1px solid rgba(48,72,95,0.18) !important;
    border-radius:var(--ac-order-radius) !important;
    background:#fff !important;
    box-shadow:none !important;
    transform:none !important;
    cursor:pointer;
    overflow:hidden;
    transition:border-color .15s ease,background-color .15s ease;
    box-sizing:border-box;
    text-align:left;
}
.ac-order-page .orderperiodblock::before{display:none !important}
.ac-order-page .orderperiodblock:hover{
    transform:none !important;
    background:#fbfcfd !important;
    border-color:rgba(48,72,95,0.30) !important;
    box-shadow:none !important;
}
.ac-order-page .orderperiodblock.active{
    background:rgba(40,167,69,0.04) !important;
    border-color:var(--ac-order-success) !important;
    box-shadow:none !important;
    transform:none !important;
}
.ac-order-page .ac-order-period-badges{
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    display:block;
    width:auto;
    min-height:0;
    margin:0;
    padding:0;
    pointer-events:none;
}
.ac-order-page .ribbonperiod{
    position:static !important;
    left:auto !important;
    top:auto !important;
    display:inline-flex !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    text-align:left;
    pointer-events:none;
    z-index:3;
}
.ac-order-page .ribbonperiod > span{
    position:static !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:100%;
    margin:0 !important;
    padding:5px 10px !important;
    border:0 !important;
    border-radius:0 0 5px 0 !important;
    background:var(--ac-order-success) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:0;
    text-align:center;
    text-transform:none;
    transform:none !important;
    box-shadow:none !important;
    white-space:nowrap;
}
.ac-order-page .orderperiodblock > .setup-fee-period{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:calc(100% - 12px);
    margin:0 !important;
    padding:5px 10px !important;
    border:0 !important;
    border-radius:0 0 0 5px !important;
    background:var(--ac-order-primary) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    text-align:center;
    text-transform:none;
    transform:none !important;
    box-shadow:none !important;
    white-space:nowrap;
    z-index:3;
    pointer-events:none;
    box-sizing:border-box;
}
.ac-order-page .ribbonperiod span::before,
.ac-order-page .ribbonperiod span::after{
    display:none !important;
}
.ac-order-page .ac-order-period-body{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:0;
    margin:0;
    padding:0 48px 0 0;
    text-align:left;
    box-sizing:border-box;
}
.ac-order-page .ac-order-period-row{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:8px;
    width:100%;
}
.ac-order-page .ac-order-period-label,
.ac-order-page .ac-order-period-sep{
    color:var(--ac-order-muted);
    font-size:14px;
    font-weight:600;
    line-height:1.3;
}
.ac-order-page .ac-order-period-sep{
    margin:0;
}
.ac-order-page .orderperiodblock h3{
    margin:0;
    padding:0;
    color:var(--ac-order-primary) !important;
    font-size:18px !important;
    font-weight:700;
    letter-spacing:0;
    line-height:1.3;
    text-transform:none;
}
.ac-order-page .orderperiodblock.active h3{
    color:var(--ac-order-success) !important;
}
.ac-order-page .orderperiodblock h2{
    margin:0;
    color:var(--ac-order-primary);
    font-size:20px !important;
    font-weight:700;
    line-height:1.3;
    letter-spacing:-.01em;
}
.ac-order-page .ac-order-period-icon{
    position:absolute;
    top:50%;
    right:0;
    left:auto;
    z-index:0;
    margin:0;
    color:var(--ac-order-primary);
    font-size:42px;
    line-height:1;
    opacity:.12;
    pointer-events:none;
    transform:translateY(-50%);
}
.ac-order-page .orderperiodblock.active .ac-order-period-icon{
    color:var(--ac-order-success);
    opacity:.16;
}
.ac-order-page .periodselectbox{
    display:none !important;
}
.ac-order-page .ac-order-continue-wrap{
    margin-top:28px;
}

/* Domain / hosting / forms */
.ac-order-page .domainsec{
    width:100% !important;
    max-width:none !important;
    margin:0;
}
/* Domain / hosting tab menu — side-by-side button cards */
.ac-order-page .ac-order-tabs{
    width:100%;
    margin:0;
}
.ac-order-page .ac-order-tab-nav{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:10px;
    margin:0 0 12px;
    border:none;
    background:transparent;
}
.ac-order-page .ac-order-tab-btn{
    flex:1 1 0;
    appearance:none;
    -webkit-appearance:none;
    margin:0;
    padding:16px 18px;
    border:1px solid var(--ac-order-border);
    border-radius:var(--ac-order-radius);
    background:#fff;
    color:var(--ac-order-primary);
    font-family:'Titillium Web',sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:0;
    text-align:center;
    cursor:pointer;
    transition:color .15s ease, border-color .15s ease, background-color .15s ease;
    box-shadow:none;
    outline:none;
    box-sizing:border-box;
}
.ac-order-page .ac-order-tab-btn:hover{
    border-color:rgba(48,72,95,0.35);
    background:#f8fafb;
    color:var(--ac-order-primary);
}
.ac-order-page .ac-order-tab-btn.is-active{
    border-color:var(--ac-order-success);
    background:rgba(40,167,69,0.06);
    color:var(--ac-order-success);
}
.ac-order-page .ac-order-tab-btn:focus-visible{
    outline:2px solid var(--ac-order-success);
    outline-offset:2px;
}
.ac-order-page .ac-order-tab-panels{
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.ac-order-page .ac-order-tab-panel{
    display:none;
    width:100%;
    margin:0;
    padding:20px 18px;
    border:1px solid var(--ac-order-border);
    border-radius:var(--ac-order-radius);
    background:#fff;
    box-sizing:border-box;
    overflow:visible;
    height:auto;
}
.ac-order-page .ac-order-tab-panel.is-active{
    display:block;
}
.ac-order-page .ac-order-tab-panel table{
    width:100%;
    border:none;
}
.ac-order-page .ac-order-tab-panel td{
    border:none !important;
    padding:0 !important;
}
.ac-order-page .ac-order-tab-stack{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    width:100%;
    max-width:640px;
    margin:0 auto;
    text-align:center;
}
.ac-order-page .ac-order-tab-stack h5{
    width:100%;
    margin:0 !important;
    color:var(--ac-order-primary) !important;
    font-size:15px !important;
    font-weight:700;
    line-height:1.4;
}
.ac-order-page .ac-order-tab-divider{
    width:48px;
    height:2px;
    margin:0;
    background:var(--ac-order-border);
    border-radius:2px;
}
.ac-order-page .ac-order-tab-stack p{
    width:100%;
    margin:0;
    color:var(--ac-order-muted);
    font-size:14px;
    font-weight:600;
    line-height:1.55;
    text-align:center;
}
.ac-order-page .ac-order-tab-stack .btn{
    margin-top:4px;
}
.ac-order-page .alanadisorgu{
    float:none !important;
    width:100% !important;
    margin:0 auto 12px !important;
    padding:0 !important;
    text-align:center;
}
.ac-order-page .alanadisorgu input[type="text"],
.ac-order-page .domainsec input[type="text"],
.ac-order-page .domainsec select,
.ac-order-page .siparisbilgileri input[type="text"],
.ac-order-page .siparisbilgileri input[type="email"],
.ac-order-page .siparisbilgileri input[type="number"],
.ac-order-page .siparisbilgileri input[type="tel"],
.ac-order-page .siparisbilgileri input[type="file"],
.ac-order-page .siparisbilgileri textarea,
.ac-order-page .siparisbilgileri select{
    width:100% !important;
    max-width:100%;
    min-height:44px;
    margin:0 0 10px !important;
    padding:10px 14px !important;
    border:1px solid var(--ac-order-border) !important;
    border-radius:var(--ac-order-radius) !important;
    background:#fff !important;
    color:var(--ac-order-primary) !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    box-shadow:none !important;
    box-sizing:border-box;
}
.ac-order-page .alanadisorgu{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:10px;
}
.ac-order-page .alanadisorgu form{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
}
.ac-order-page .alanadisorgu input[type="text"],
.ac-order-page .alanadisorgu select{
    flex:1 1 220px;
    width:auto !important;
    max-width:420px;
    margin:0 !important;
}
.ac-order-page .alanadisorgu .gonderbtn,
.ac-order-page .domainsec .alanadisorgu .gonderbtn,
.ac-order-page .domainsec .gonderbtn,
.ac-order-page .tescilsonuc .gonderbtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    position:static !important;
    float:none !important;
    width:auto !important;
    min-width:140px;
    min-height:44px;
    margin:0 !important;
    padding:0 18px !important;
    border:none !important;
    border-radius:var(--ac-order-radius) !important;
    background:var(--ac-order-success) !important;
    color:#fff !important;
    font-family:'Titillium Web',sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    box-shadow:none !important;
    text-decoration:none !important;
    box-sizing:border-box;
}
.ac-order-page .alanadisorgu .gonderbtn:hover,
.ac-order-page .domainsec .gonderbtn:hover,
.ac-order-page .tescilsonuc .gonderbtn:hover{
    background:#218838 !important;
    color:#fff !important;
}
.ac-order-page .domainsec h5,
.ac-order-page .alanadisorgu h5{
    width:100%;
    margin:8px 0 0 !important;
    color:var(--ac-order-muted) !important;
    font-size:14px !important;
    font-weight:600;
    text-align:center;
}
.ac-order-page .domainsec .tescilsonuc,
.ac-order-page .tescilsonuc{
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    margin:16px 0 0 !important;
    padding:18px 20px !important;
    border:1px solid var(--ac-order-border) !important;
    border-radius:var(--ac-order-radius) !important;
    background:#f8fafb !important;
    box-sizing:border-box !important;
}
.ac-order-page .tescilsonuc .result-content{
    display:block;
    width:100%;
    overflow:visible;
    box-sizing:border-box;
}
.ac-order-page .tescilsonuc h4,
.ac-order-page .tescilsonuc .ac-order-error-title{
    margin:0 0 10px !important;
    padding:0 !important;
    color:var(--ac-order-success) !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.45 !important;
    word-break:break-word;
}
.ac-order-page .tescilsonuc h4 .fa,
.ac-order-page .tescilsonuc .ac-order-error-title .fa{
    margin-right:6px;
}
.ac-order-page .tescilsonuc table{
    width:100% !important;
    margin:0 auto;
}
.ac-order-page .tescilsonuc tr td{
    padding:10px 8px !important;
    border-bottom:1px solid rgba(48,72,95,0.08) !important;
    color:var(--ac-order-primary);
    font-size:14px;
    line-height:1.4;
}
.ac-order-page .sadeckyinfo,
.ac-order-page .tescilsonuc .sadeckyinfo{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--ac-order-muted) !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
}
.ac-order-page .tescilsonuc #available_content .sadeckyinfo{
    margin:0 0 12px !important;
}
.ac-order-page .siparisbilgileri table{
    width:100% !important;
    max-width:none;
    margin:0;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid var(--ac-order-border);
    border-radius:var(--ac-order-radius);
    background:#fff;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(48,72,95,0.05);
}
.ac-order-page .siparisbilgileri table tr td{
    padding:14px 16px !important;
    border-bottom:1px solid rgba(48,72,95,0.08) !important;
    color:var(--ac-order-primary);
    font-size:14px;
    vertical-align:top;
}
.ac-order-page .siparisbilgileri table tr:last-child td{
    border-bottom:none !important;
}
.ac-order-page .siparisbilgileri table tr td[bgcolor],
.ac-order-page .siparisbilgileri table tr td[bgcolor="#ebebeb"]{
    background:var(--ac-order-primary) !important;
    color:#fff !important;
    font-weight:700;
    border-bottom:none !important;
}
.ac-order-page .siparisbilgileri .radio-custom-label,
.ac-order-page .siparisbilgileri .checkbox-custom-label{
    margin:4px 16px 4px 0 !important;
    color:var(--ac-order-primary);
    font-size:14px;
    font-weight:600;
}
.ac-order-page .zorunlu{
    color:var(--ac-order-danger);
}
.ac-order-page .domainsec table,
.ac-order-page .domainsec table tr td{
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
}
.ac-order-page .domainsec .siparisbilgileri table,
.ac-order-page .domainsec table[width]{
    border:none;
    box-shadow:none;
}

@media screen and (max-width:991px){
    .ac-order-page{
        padding:0 12px 20px !important;
    }
    .ac-order-page .ilanasamax{
        min-width:70px;
        font-size:11px !important;
        padding:0 2px;
    }
    .ac-order-page .ilanasamax h3{
        width:36px !important;
        height:36px !important;
        font-size:14px !important;
    }
    .ac-order-page .ilanasamax::before{
        top:18px;
        left:calc(-50% + 18px);
        right:calc(50% + 18px);
    }
    .ac-order-page .pakettitle h1{font-size:22px}
    .ac-order-page .pakettitle h2{font-size:14px}
    .ac-order-page .orderperiodblock-con{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .ac-order-page .orderperiodblock{
        min-height:0;
        padding:42px 14px 16px !important;
    }
    .ac-order-page .ac-order-period-body{padding-right:42px}
    .ac-order-page .orderperiodblock h2{font-size:18px !important}
    .ac-order-page .orderperiodblock h3{font-size:17px !important}
    .ac-order-page .ac-order-period-icon{font-size:36px}
    .ac-order-page .alanadisorgu input[type="text"],
    .ac-order-page .alanadisorgu select{
        flex:1 1 100%;
        max-width:100%;
    }
    .ac-order-page .alanadisorgu .gonderbtn,
    .ac-order-page .domainsec .alanadisorgu .gonderbtn{
        width:100% !important;
        margin-left:0 !important;
    }
    .ac-order-page .siparisbilgileri .btn,
    .ac-order-page .ac-order-continue{
        max-width:100%;
    }
    .ac-order-page .ac-order-tab-nav{
        flex-wrap:wrap;
        gap:8px;
    }
    .ac-order-page .ac-order-tab-btn{
        flex:1 1 calc(50% - 4px);
        min-width:140px;
        padding:14px 12px;
        font-size:13px;
    }
    .ac-order-page .ac-order-tab-panel{
        padding:16px 14px;
    }
}
@media screen and (max-width:560px){
    .ac-order-page .orderperiodblock-con{
        grid-template-columns:1fr;
    }
    .ac-order-page .orderperiodblock{
        min-height:0;
        padding:42px 14px 16px !important;
    }
    .ac-order-page .ac-order-period-body{padding-right:40px}
    .ac-order-page .orderperiodblock h3{font-size:17px !important}
    .ac-order-page .ac-order-period-icon{font-size:34px}
    .ac-order-page .ilanasamalar{
        flex-wrap:nowrap;
        justify-content:flex-start;
        gap:0;
        margin:4px 0 18px !important;
        padding-bottom:4px !important;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .ac-order-page .ilanasamalar::-webkit-scrollbar{display:none}
    .ac-order-page .ilanasamax{
        flex:0 0 auto;
        min-width:78px;
        max-width:100px;
        font-size:10px !important;
    }
    .ac-order-page .ilanasamax::before{
        display:block;
        top:17px;
    }
    .ac-order-page .ilanasamax h3{
        width:34px !important;
        height:34px !important;
        font-size:13px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:1024px) {
.wclientwelcome,
.leftbar .wclientwelcome,
#modernpanel .wclientwelcome,
#modernpanel #resellertooltip,
#modernpanel .resellericon{
    display:none !important;
}
#modernpanel .anascripler{width:100%}
#modernpanel .sayfabaslik{
    display:flex !important;
    width:100% !important;
    text-align:left;
    padding:14px 16px;
}
#modernpanel .sayfabaslik h1{float:none;width:auto;max-width:100%;font-size:20px}
#modernpanel .sayfabaslik > a:not(.lbtn):not(.yesilbtn){display:block;width:100%;margin-top:0;font-size:13px}
.plogos2{width:95px}
.plogos1{width:220px}
.paymentlogos span{font-size:13px}
.paymentlogos{margin-top:10px;margin-bottom:20px}
.orderperiodblock{width:48%;margin-bottom:20px}
.orderperiodblock h3{font-size:20px}
.orderperiodblock h2{font-size:22px}
.ac-order-page .orderperiodblock{width:auto !important;margin-bottom:0 !important}
.ac-order-page .orderperiodblock h3{font-size:18px !important}
.ac-order-page .orderperiodblock h2{font-size:22px !important}
#modernpanel .pakettitle h2{font-size:18px}
#modernpanel #empty_list h4{font-size:20px}
#modernpanel #empty_list span{font-size:16px}
#modernpanel .langandcur a,
#modernpanel .langandcur .currencyitems a{width:100% !important}
#muspanel .moderncliendblock{margin:7px 0px;width:100%}
#muspanel .headbutonlar{display:none;float:none}
#muspanel #fullwidth .headbutonlar a{margin:0px;margin-left:5px}
#muspanel .dataTables_wrapper .dataTables_filter input{width:35%;float:right}
#muspanel .dataTables_wrapper .dataTables_filter{text-align:right}
#muspanel #mobdataspan{margin-left:0px;float:none}
#muspanel #mobmenu ul{margin-top:50px}
#fullwidth #mobmenu ul{margin-top:0px}
#modernpanel #mobdataspan{margin:0px;float:none;display:inline-block}
#modernpanel .dataTables_wrapper .dataTables_filter{display:inline-block;text-align:right;width:49%;float:right;margin:0px}
.block_module_details{width:100%}
#block_modulewidth50{width:100%}
#modernpanel .hizmetblok {        margin: 7px 0px;    }
#modernpanel #StepForm2 .alanadisorgu input{padding:10px 20px}
#modernpanel .alanadisorgu{width:90%;float:none;margin:auto;padding-bottom:25px}
#modernpanel .ac-dashboard-layout .alanadisorgu.ac-domain-card{width:100%;margin:0;padding:0}
#ticketCustomFields{width:100%}
#ticketCustomFields .blue-info i{display:none}
#ticketCustomFields .blue-info{font-size:14px}
.ticketCustomFields-con{font-size:13px}
.ticketCustomFields-con input{font-size:13px}
.ticketCustomFields-con textarea{font-size:13px}
#modernpanel .destektalebiolustur .yesilbtn{width:100%}
.ticketstatusbtn{width:100%}
#modernpanel .ticketstatusbtn .gonderbtn{width:48%;margin:15px 0px;font-size:14px}
#modernpanel .ticketdetail{width:100%}
#modernpanel .destekdetayright .gonderbtn{font-size:14px;padding:15px 0}
#modernpanel .ticketinfos{width:100%}
#modernpanel .destekdetayleft{width:100%}
#modernpanel .ModifyDns{margin:25px 0px;padding:35px 0px}
#modernpanel .ModifyDns .gonderbtn{width:50%;font-size:14px;margin-top:20px}
.wclientblockscon .product-group-item{width:85%;padding:20px 0px;margin:15px 0px}
.orderuserlogin{width:100%}
.orderuserlogin .radio-custom-label{margin:3px;padding:15px 0px;width:46%;font-size:16px}
.siparisbilgileri .orderuserlogin table tr td{font-size:14px}
.orderuserlogin h2{font-size:18px}
.affiliate-getstarted{width:100%}
.rightcontent .affiliate-getstarted .green-info .padding20{padding:15px}
.affiliate-getstarted ul li{font-size:15px}
.commission-rates-block{padding:15px 0px}
.affiliate-getstarted .yesilbtn{width:95%}
#affiliate-paym-info{padding:7px 0px;margin-left:0;font-size:13px;width:49%;text-align:center}
.dashboardbox{width:100%;margin:0px;margin-bottom:20px}
.dashboardboxs{margin-top:5px}
.refererurl{margin-top:20px}
.refererurl h2{padding:10px;font-size:18px}
.refererurl h5{font-size:16px}
.refererurl h4{font-size:20px}
#commission-rates-select{width:94%}
#modernpanel .langflagicon img{margin-top:27px}
#modernpanel .ac-topnav .langflagicon img{margin-top:0 !important}


/* clean-theme-mobile */
 .clean-theme-header-logo{float:none;width:100%;padding:5px 0px;text-align:center}
.clean-theme-header-logo img{width:160px;margin-top:10px}
.clean-theme-signinup-left{padding:0px;width:100%;border-right:none;margin:45px 0px}
.clean-theme-signinup-right{width:100%;margin:0px;margin-top:0px}
.clean-theme-signinup-right .padding50{padding:20px}
#clean-theme-client .hizmetblok{width:100%}
#clean-theme-client .muspanelbloks #blue{display:inline-block}
#clean-theme-client .mpanelblok{width:46%;margin:5px}
#clean-theme-client .menuAc{width:45px;top:-150px;text-shadow:none;color:#3b6b91}
.clean-theme-mobile-btn{position:absolute;top:20px;display:block;right:0px}
.clean-theme-mobile-btn a{font-size:26px;line-height:0;padding:25px}
.clean-theme-header-right{width:100%;    text-align: right;}
.clean-theme-header-right-btns{margin-left:0px;width:100%;    text-align: center;}
#clean-theme-client #mobmenu ul{margin-top:0}
#clean-theme-client #mobmenu .menuAc{top:0px;color:white;right:10px}
.clean-theme-header-right-btns ul{float:right;width:100%;}
.clean-theme-header-right-btns ul li{float:none;display:inline-block}
#clean-theme-client .alanadisorgu h1{font-size:24px;margin-top:0px}
#clean-theme-client .alanadisorgu input{padding:16px 15px;margin:20px 0px}
#clean-theme-client .alanadisorgu{margin-bottom:15px}
.billremininfo{width:100%}
#clean-theme-client .moderncliendblock{width:100%;margin:15px 0px}
#clean-theme-client .mpaneltitle{padding:17px 15px}
#clean-theme-client .moderncliendblock{width:100%;margin:15px 0px}
#clean-theme-client .mpanelleft{width:100%}
.clean-theme-footer{text-align:center;font-size:14px}
#clean-theme-sign-up .clean-theme-signinup-left{width:100%;margin-bottom:25px}
#clean-theme-sign-up .clean-theme-signinup-right{width:100%}
#clean-theme-client #mobmenu li a i{font-size:inherit;margin-left:0px;margin-right:9px}
#clean-theme-sign-up{margin-top:0px}
#clean-theme-sign-up .socialconnect{margin:15px 0px;width:100%}
.clean-theme-signinup-right-title{text-align:center}
.clean-theme-signinup-right-title h4{float:none}
.clean-theme-signup-box .yuzde50{width:46%}
.clean-theme-signinup-con .captcha-content{margin-top:0px}
#clean-theme-client .destekolsbtn{margin-top:5px;margin-right:10px}
#clean-theme-client .affiliate-getstarted{width:100%}
#clean-theme-client .clean-theme-home-news .mpaneltitle{width:100%;margin:0px;padding:15px 0px}
#clean-theme-client .mpaneltitle h4{width:100%}
.lookcolum .lbtn{padding:2px 0px;width:100%;font-size:12px;border-radius:3px;display:inline-block;font-weight:500}
#clean-theme-client .tld-select{line-height:normal}
#mio-cookie-popup{left:5% !important;right:5% !important}
#clean-theme-client .wclientnotifi{position:inherit}
#clean-theme-client .wnotifitibtn{padding:0px 20px}
.clean-theme-header-right-btns ul li .clean-theme-header-ac-btn{padding:0px 20px}
/* clean-theme-mobile end */

/* credit-cart-page styles mobile */
.securityinfo-left {    display: none;}
.securityinfo-right {    width: 100%;}
.creditcardinfo-con {    padding: 0px;}
.creditcardinfo-left {    width: 100%;}
.creditcardinfo-right {    width: 100%;}
.securityinfo {    margin-bottom: 25px;}
.scene {        margin: auto;    margin-bottom: 45px;}
#payBtns { width:100%; }
.creditcardform-con {    margin-bottom: 20px;}
/* credit-cart-page styles mobile end */

.bank-notification .yuzde50{width:100%}
#clientArea-module-page .padding30{padding:30px 0px}
.green-info i{display:none}
.blue-info i{display:none}
.red-info i{display:none}
.breadcrumb{float:left;font-size:13px;margin-top:10px}
.lookcolum.tld-select{line-height:normal;margin-top:-6px;border:none}
.lookcolum .lbtn{padding:2px 0px;width:100%;font-size:12px;border-radius:3px;display:inline-block;font-weight:500;margin:1px 0px}
#LookupList .lookcolum{font-size:13px}
#tesclsure{font-size:13px}
.lookcolum .checkbox-custom-label{margin-top:10px}
.lookcolumtitle .checkbox-custom-label{margin-top:0px}
#address_list{font-size:13px}
#addNewAddressForm{font-size:13px}
#addNewAddressForm select{font-size:13px}
#addNewAddressForm input{font-size:13px}
.sepetlistcon .checkbox-custom-label{font-size:14px}
#addNewAddressForm .yuzde30{margin-bottom:15px}
#modernpanel .green-info i{display:block}
#modernpanel .blue-info i{display:block}
#modernpanel .red-info i{display:block}
#clean-theme-client .green-info i{display:block}
#clean-theme-client .blue-info i{display:block}
#clean-theme-client .red-info i{display:block}
#selectLang .langandcur a,
#selectCurrency .langandcur a,
#selectCurrency .currencyitems a{width:100% !important}
@media screen and (max-width:520px){
    #selectLang .langandcur,
    #selectCurrency .currencyitems{
        grid-template-columns:1fr;
    }
}
#modernpanel .wclientnotification{right:0}
.hostbtn {width: 113px;}
#ModifyWhois .metalbtn{width: 100%;}
#whoisbilgileri #ModifyWhois input {width: 44%;}
.formcon .yuzde30 {width: 100%;}
.formcon .yuzde70 {width: 100%;}
.invoicex .formcon .yuzde30 {width: 29%;}
.invoicex .formcon .yuzde70 {width: 69%;}

}/* #mobile-device-end */