#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:12%;text-align:center}
.billremininfo{float:right;width:88%}
.invoiceremind span{margin-bottom:15px;display:inline-block}
#modernpanel .invoiceremind .red-info{width:97%;background:white;border:1px solid #fff;box-shadow:0 0 3px #ccc}
#modernpanel .invoiceremind h4{color:#F44336}
#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 #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{display:none}
.mclientlastblocks table tr td,th{padding:9px;border-bottom:1px solid #eee}
.mclientlastblocks .productinfo{font-size:14px;color:#ababab}
#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:300;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 i{font-size:20px}
.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: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);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{display:inline-block;width:100%;position:relative;padding-top:15px;padding-bottom:25px;text-align:center;border-bottom:1px solid #ccc;margin-bottom:10px}
.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 #sifredegistir .tabcontentcon{width:70%}
#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:auto;margin-top:25px;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}
#modernpanel .yuzde30{vertical-align:top}
#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;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%;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}
.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}
#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}
.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}
.affiliate-getstarted .green-info i{margin:10px 35px 17px 20px;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:77px;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:auto;padding:0;margin:0px}
#clean-theme-sign-up .socialconnect a{padding:10px 0px;display:inline-block;color:#7c7c7c;border-radius:50px;width:220px;background:#e7e7e7;border-radius:50px}
.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;border-radius:50px}
#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}
.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.1%;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}
#clean-theme-client .sayfayolu{margin-right:30px;margin-top:2px;font-weight:300}
#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:0 0 5px #eee}
#clean-theme-client .noentryblock{width:100%;margin:50px 0px}
#clean-theme-client .destekolsbtn{padding:5px 15px;border-radius:5px;font-size:14px;font-weight:400;margin-top:0px;background:#e5e5e5;color:inherit;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:18px;font-weight:300;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}
.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:#e5e5e5}
#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 .invoiceremind h4{font-size:16px}
#clean-theme-client .ticketinfos select{padding:13px 0}
#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}
#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"]) {    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%}
.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 */
.securityinfo{width:100%;display:inline-block;border-bottom:1px solid #eee}
.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{float:left;width:50%}
.creditcardinfo-right{float:right;width:40%; margin-top: 20px;   text-align: center;}
.creditcardinfo-con{padding:45px}
.creditcardinfo-left .kinfo{font-weight:600;font-size:15px}
.creditcardinfo-left label{padding:15px;display:inline-block;width:100%}
.installment-options{display:inline-block;width:100%;margin-top:25px}
.installment-options{display:inline-block;width:100%;padding-top:20px;border-top:1px solid #eee}
.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:#f8f8f8}
.installment-options thead{background:#f8f8f8;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-bottom: 12px;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:270px;height:170px}
.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 */


/* #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}
    .rightcontent .padding20{padding:0px}
    #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 #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 .gonderbtn{padding:9px 40px}
#clean-theme-client #checkButton{padding:9px 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-sign-up .socialconnect a{padding:10px 15px;width:auto;font-size:14px}
.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 */

#selectLang .langandcur a {    width: 97%;}
#modernpanel .wclientnotification {    right: 0;}


/* 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-left: 30px;    margin-bottom: 35px;}
/* credit-cart-page styles mobile end */

.bank-notification .yuzde50 {    width: 100%;}

}/* #mobile-device-end */