#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:2px;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:2px;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:2px;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:2px;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:2px;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:2px;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:2px;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:2px;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:2px;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:2px;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:2px;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:2px;-moz-border-radius:2px;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:2px;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;box-sizing: border-box;}

.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:2px;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:22.8%;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:2px;width:23%;box-shadow:none;margin-top:0px}

#clean-theme-client .moderncliendblock{width:48.4%;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:2px;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:2px;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:2px;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:2px;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:2px}

#clean-theme-client .alanadisorgu input {border-radius: 2px;}

#clean-theme-client .transfercode input {border-radius: 2px;}

#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:2px;}

#clean-theme-client .sunucusipside .gonderbtn:hover{box-shadow: 0 0 10px #d9d9d9;background: #7bae41;}

#clean-theme-client .sepetright .gonderbtn{border-radius:2px;}

#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:2px;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:2px;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:2px;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 */