#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}
.listingstatus .wait{background:#f44336;color:white;border:transparent}
.listingstatus .responded{background:#8bc34a;color:white;border:transparent}
.listingstatus .active{background:#8bc34a;color:white;border:transparent}
.listingstatus .process{background:#03a9f4;color:white;border:transparent}
.listingstatus .resolved{background:#03a9f4;color:white}
.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}
.wclientnotifi:hover .wclientnotification{display:block}
.wclientnotifi:hover .wnotifitibtn{background:#dfdfdf}
.wclientnotification{display:none;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}
.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{display:inline-block;width:100%;line-height:20px;border-bottom:1px solid #eee;padding:5px 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:7px 10px;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}
#muspanel .destekinfo h5{color:inherit}
#muspanel .destekinfo h4{color:inherit}
.ticketstatusbtn{width:80%;margin:auto}
#modernpanel .ticketstatusbtn .gonderbtn{width:40%;margin:20px}
#muspanel .destekdetayright .gonderbtn{font-size: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}
.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 .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}
#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}
@-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}
#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;}


/* #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:24px}
    .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:95%;top:70px}
    .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}
}
/* #mobile-device-end */