#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% auto}
.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:20px}
#modernpanel .headbutonlar a:hover{background:#dfdfdf}
#modernpanel #sepeticon{margin-top:0px;font-size:26px}
#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 {
    /* display: inline-block; */
    width: 80%;
    /* padding: 20px 0px; */
    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: 140px;
    /* margin-top: -55px; */
    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;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-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;
    /* margin-top: 15px; */
    /* color: #4CAF50; */
    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: 7px; */
    border-radius: 0px;
    box-shadow: none;
    margin-top: 0px;
    background: none;
}

#muspanel #bigcontent .mpanelrightcon {
margin-bottom: 0px;
    /* border-radius: 7px; */
    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;}

/* #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 17px;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;
}


}/* #mobile-device-end */