#mio-cookie-popup *, #mio-cookie-popup *:after, #mio-cookie-popup *:before {    box-sizing: inherit !important;}
#mio-cookie-popup{position:fixed !important;bottom:30px !important;left:30px !important;z-index:9999 !important;font-family:'Titillium Web',sans-serif;opacity:.8;-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}
#mio-cookie-popup:hover{opacity:1}
#mio-cookie-popup .mio-cookie-popup__card{background:#607D8B !important;box-shadow:0 0 50px rgba(0,0,0,0.2) !important;display:flex !important;flex-wrap:wrap !important;max-width:100% !important;position:relative !important;width:400px !important;line-height:1.5 !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:30px 15px !important;text-align:center !important}
#mio-cookie-popup .mio-cookie-popup__content--text-bold{font-weight:600 !important}
#mio-cookie-popup h3{font-family:'Titillium Web',sans-serif;color:#fff !important;font-size:18px !important;font-weight:600 !important;margin:0 0 0.5em !important}
#mio-cookie-popup p{font-family:'Titillium Web',sans-serif;font-size:14px !important;color:#fff !important;margin:20px 0 !important}
#mio-cookie-popup a{font-family:'Titillium Web',sans-serif;font-size:14px !important;color:#fff !important;text-decoration:underline !important}
#mio-cookie-popup button{font-family:'Titillium Web',sans-serif;background:#0e99cb !important;border:none !important;color:#fff !important;cursor:pointer !important;font-size:14px !important;height:3em !important;line-height:3em !important;padding:0 3em !important;transition:box-shadow 0.3s ease !important;outline:none !important}
#mio-cookie-popup button:hover{box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3) !important}
#mio-cookie-popup .mio-cookie-popup--close:after{color:#fff !important;content:"X" !important;cursor:pointer !important;font-size:14px !important;font-weight:600 !important;position:absolute !important;right:0.8em !important;top:0.5em !important;-webkit-transform:scaleX(1.25) !important;transform:scaleX(1.25) !important;transition:color 0.3s ease !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}
#mio-cookie-popup .mio-cookie-popup--close:hover:after{color:#212121 !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)}
.leftbar{float:left;width:20%;background:#2c4a59;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}
#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}
.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:#345a6c;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}
.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{display:inline-block;width:100%;font-size:14px;text-align:center}
#modernpanel .footsosyal{margin-top:20px}
#modernpanel .footsosyal a{color:#9d9d9d}
#modernpanel .footsosyal a:hover{background:#e1e1e1}
#modernpanel .lastentry{margin:5px 0px}
#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:95%}
#modernpanel .amount_spot_view i{font-size:17px;font-weight:300}
#modernpanel .amount_spot_view i{margin-top:-7px}
#modernpanel .currposright{margin-right:-10px}
#modernpanel .currposleft{margin-left:-12px}
#modernpanel .wclientdomainpage{margin-top:30px}
.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}
#notifications_count{font-family:'Titillium Web',sans-serif;font-weight:700}
#modernpanel .sayfabaslik{float:none;color:inherit;margin-top:20px;position:relative;text-shadow:none;display:inline-block;text-align:right;padding:0px;width:100%;background:none;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #eee}
#modernpanel .sayfabaslik h1{float:left}
#modernpanel .sayfabaslik a{color:inherit;font-weight:normal;font-size:15px;margin-top:7px;display:inline-block}
#modernpanel .sayfabaslik a:hover{color:inherit}
#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}
#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:#009595;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%}
#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:#345a6c;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:#345a6c}
.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:#345a6c;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)}
#selectCurrency{display:none;background-size:100% auto;box-shadow:none;background-position:center;background-color:transparent;color:white;text-align:center}
#selectLang{display:none;background-size:100% auto;box-shadow:none;background-position:center;background-color:transparent;color:white;text-align:center}
#selectLang .langandcur a{border:1px solid transparent;width: 47%;}
#selectCurrency .langandcur a{border:1px solid transparent;width: 45%;}
#selectLang .langandcur a:hover{border:1px solid #fff}
#selectCurrency .langandcur a:hover{border:1px solid #fff}
.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:#345a6c}
#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 .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: #009595;}
.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: #009595;}
.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 #009595;}
.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:#009595;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:#009595;box-shadow:none;font-weight: 600;}
#order-service-detail-btns .yesilbtn:hover{background:#009595;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:#009595;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%}
.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}
.rightcontent{width:100%}
.rightconhead{height:auto}
#modernpanel .mpanelinfo{line-height:70px;font-size:14px;height:70px;margin-top:0px;padding:0px}
#modernpanel .mpanelinfo span i{display:none}
.modernclientmenu{overflow:scroll;height:70%}
#modernpanel .headbutonlar a{padding:0px 12px;float:right}
#modernpanel .headbutonlar{display:block;height:70px}
#modernpanel #resellertooltip{float:left}
#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}
.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 .clientcopyright{font-size:13px}
#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:95%}
#modernpanel .sepetleft{margin-bottom:25px}
.wclientwelcome{display:none}
.leftbar .wclientwelcome{display:block;text-align:center;width:90%;margin:auto;color:rgba(255,255,255,0.8);margin-bottom:15px;font-size:14px}
.leftbar .wclientwelcome i{width:100%;display:inline-block;font-style:normal}
#modernpanel .anascripler{width:100%}
#modernpanel .sayfabaslik{display:block;font-size:13px;width:95%;text-align:left}
#modernpanel .sayfabaslik h1{float:left;font-size:18px;width:100%}
#modernpanel .sayfabaslik a{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}
#modernpanel .pakettitle h2{font-size:18px}
#modernpanel #empty_list h4{font-size:20px}
#modernpanel #empty_list span{font-size:16px}
#modernpanel .langandcur a{width:100%}
#modernpanel .langandcur .currencyitems a{width:46%}
#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}
#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}


/* 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{width:97%}
#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 */