html { height:100%;}
body {background:transparent url(../img/bg.jpg) repeat-x 50% 110px;text-align:center;font-family:"Mulish", Verdana, Geneva !important;font-size:12px;color:#6a6e72;line-height:1.2;min-height:100%;}

a {color:#f66f06; text-decoration:none;}

.tc {text-align:center !important;}

#wrapper {text-align:left;}

.VideoWrapper {
    float: right;
    max-height: 400px;
    overflow-y: scroll;
    top: 0;
    width: 300px;
}
.mobile-menu-title-oim {
 
	display:block; height: 30px;margin-bottom: 3px;
}
.mobile-menu-title-oim >p {
	
	display:block; height: 30px;
	padding-top: 6px;
	 font-size: 14px;
	  font-weight: bold;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.14;
	  letter-spacing: normal;
	  color:#002855;
}

.arrow-tt-oim {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
 
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
    margin-bottom: 2px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


.btn-yeni-abonelik-basvuru{
	 border-bottom:1px; border-color:#a2a9af; border-style: groove; padding: 0px;
}

.new-mid.mc-dropdown-cont-mid {
    border: 1px solid #bfc9d4;
    color: #05b4c7;
    padding: 10px;
    background: #FFF;
    width: 335px;
    position: absolute;
    z-index: 45475845;
    top: 0;
    left: 0;
    margin: -211px 0px 0px 0px;
}

.new-kullanimDetay-mid.mc-dropdown-cont-mid {
    border: 1px solid #bfc9d4;
    color: #05b4c7;
    padding: 10px;
    background: #FFF;
    width: 335px;
    position: absolute;
    z-index: 45475845;
    top: 0;
    left: 0;
    margin: -85px 0px 0px 0px;
}
.new--bildirim-big-tit..mc-dropdown-title {
    border: 1px solid #dee3ed !important;

    border-radius: 4px;
    color: #05b4c7;
    background: #fff url(../img/select-arrow.png) no-repeat 270px center !important;
}
.new-bildirim-tit.mc-dropdown-title{
	border: 1px solid #bfc9d4;
    color: #05b4c7;
    background: #fff url(../img/select-arrow.png) no-repeat 94px center !important;
}
.new-tit.mc-dropdown-title {
    border: 1px solid #dee3ed !important;
    border-radius: 4px !important;
    height: 56px !important;
    padding: 15px 15px !important;
    color: #717d8d !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    background-image: linear-gradient(45deg, transparent 50%, #919eba 50%), linear-gradient(135deg, #919eba 50%, transparent 50%) !important;
    background-position: calc(100% - 22px) calc(1em + 8px), calc(100% - 17px) calc(1em + 8px) !important;
    background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
}

/* Header */
#header{background:#fff;height:100px;border-bottom:1px solid #d3d3d3; min-width: 1170px;}
.header-i {width:980px;padding:25px 10px 0 10px;margin:0 auto;}
.logo {background:transparent url(../img/logo.png);float:left;width:419px;height:67px;display:inline;}
#logout {float:right; width:72px; height:22px; text-indent:-999em;background:transparent url(../img/btn/btn-cikis.png) no-repeat 0 0;margin-bottom:15px;}
#user-info {float:left; margin-left:90px; float:left; font-size:11px; color:#fff; line-height:14px;}
#user-info p {padding:0 0 16px; width:475px;}
#user-info span{display:block;}
.welcome {font-size:12px;font-weight:bold;}
#user-info td {padding: 0 3px 0 0;}

#accounts {float:right; clear:right;white-space:nowrap; position:relative; width:258px; margin-right:-15px; text-align:right; padding:10px 15px 14px 0; z-index:21 }
#accounts.accounts-hover { background:url(../img/bg-acconts.png) no-repeat left top;  }
#accounts a.ico-user {background:transparent url(../img/ico-user.png) no-repeat 0 1px;padding:0 0 0 21px; border-bottom:1px solid #f7883d;color:#fff;}

.accounts-area { width:273px; position:absolute; top:33px; right:0; z-index:20; text-align:left; display:none; }

#accounts.accounts-hover .accounts-area  { display:block;  }
#accounts.accounts-hover a.ico-user {border-bottom:none;}
#accounts.accounts-hover a.ico-user {background:transparent url(../img/ico-user.png) no-repeat 0 -237px;}

.accounts-top  { width:273px; height:5px; background:url(../img/bg-acconts-content.png) no-repeat left top; font-size:0 }
.accounts-content { width:273px; padding:10px 0 0 0; background:#ffbf00; }
.accounts-content h4 { font-size:12px; color:#6a6e74; padding:0 0 10px 42px; line-height: 16px }
.accounts-content ul li { background:url(../img/acconts-dot.png) repeat-x left top; padding:10px 15px; overflow:hidden;  }
.accounts-bottom  { width:273px; height:5px; background:#ffbf00; background:url(../img/bg-acconts-content.png) no-repeat right top; font-size:0 }

.accounts-list-fl { width:100px; float:left; padding:0 4px 0 0}
.accounts-list-fl span { display:block; color:#d26f00; padding:1px 0}
.accounts-list-fr { width:110px; float:left;}
.accounts-list-fr span { display:block; color:#fff; padding:1px 0 }

#accounts .btn-tamam {background:transparent url(../img/btn/btn-tamam-user.png) no-repeat 0 0; height:32px; width:99px; margin-right:10px;}

#accounts .customcheck { float:left; padding:15px 10px 15px 0 }
#accounts .input-custom-class-radio { background:transparent url(../img/radio-acconts.png) no-repeat 0 0;}
#accounts .input-custom-class-radio-active { background:transparent url(../img/radio-acconts.png) no-repeat 0 -23px;}


.cont {width:1000px;margin:0 auto;}
/* Left Column */
.narrow-col {width:199px; float:left; padding:24px 0 88px 11px;}

/* Quick search  */
.mc-searchbox {width:188px;background:#6a6e74;padding: 0 0 0 11px; }
#qs {background:transparent url(../img/quicksearch/qs-bg.png) no-repeat 0 0; height:32px; padding:7px 0 0 10px; position:relative; z-index: 100;}
#qs.qs-active {background-position: -200px 0;}
#mc-search {width:130px; float:left; border:0; background:transparent; color:#6a6e74; font-size:12px; height:16px; line-height:16px; -webkit-appearance: none; padding:0;}
#qs.qs-active #mc-search{color:#f66f06;}
#qs-overlay {width:100%; height:0; display:none;opacity:0.6; background:#000; position:absolute; z-index:50; left:0; top:0;}
#qs-results {width:176px; position:absolute; background:transparent url(../img/quicksearch/qs-bg.png) no-repeat -400px bottom; padding:0 0 11px 0; overflow:hidden; left:0; top: 30px; display:none;}
#qs-results ul {background:#fff3cf url(../img/quicksearch/qs-bg.png) no-repeat -200px -32px; width:156px; padding:0 10px 0 10px; overflow:hidden;}
#qs-results li {border-bottom:1px solid #e8ddbc; float:left; clear:left;width:156px;}
#qs-results li a{color:#6a6e74;float:left; padding:6px 0 7px;width:156px;}
#qs-results li.last-qs-result { border:0;}
#qs-results li.last-qs-result a {padding-bottom:4px;}
#qs-results li.qs-noresult {font-size:11px; padding:6px 0 2px; text-align:center; border:0;}
#qs-tooltip {position:absolute;background: url(../img/quicksearch/help-tip.png) no-repeat scroll top left;width: 196px; font-size:11px; height: 107px; left:50%; top:65px; margin-left:-999em; z-index:200; color:#1a7287; text-align:center; padding:25px 0 0 0;}
/*.msie6 #qs-tooltip {background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_assets/img/quicksearch/help-tip.png', sizingMethod='crop');}*/
#qs-tooltip.qs-tooltip-visible {margin-left:-360px;}
#qs-results li.qs-result-over a{background-color:#f9ecc4; color:#737374;}
/* Menu Yapısı */
#accordion-1 {
    border: none !important;
    background-color: #006777;
    border-top-right-radius: 30px;
}
.accordion-1tv{
     background-color: #0057AE !important;
     border-top-right-radius: 30px;
}

@media (max-width:991px){
    #accordion-1{
        border-top-right-radius:0;
    }
    .main-menu ul li:first-child a.current-branch {
        border-top-right-radius:0 !important;
    }
}

.main-menu ul li:first-child a.current-branch {
    border-top-right-radius:30px;
}

.main-menu li:last-child a span:after{
    height:0;
}

.main-menu ul li ul li:after {
    width: 73%;
    margin-left: 49px;
}
.main-menu ul li ul li:first-child:after {
    width: 73% ;
    margin-left: 48px;
}
.main-menu ul li:after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    width: 74% ;
    display: block;
    height: 1px;
    margin-top: 0px;
    margin-left: 48px;
}

/* Page-1.css */
.mc-menu ul li ul li.current-page {
    background-color: #005e6d;
}


.mc-menu li li.current-page a {
    background: url() no-repeat left center !important;
    color: white !important;
}

.mc-menu li a {
    background: none;
    color: #fff !important;
    padding: 20px 0;
    width: 100%;
    font-size: 14px !important;
    font-weight: 600;
}
@media (min-width: 1440px) {
    .mc-menu li a span {
        width: 209px !important;
    }
}
/*
.main-menu li a span:after {
    content: "";
    background: rgba(225, 248, 251, 0.32);
    width: 86% !important;
    display: block;
    height: 1px;
    margin-top: 1px;
} */

/* Page-1.css */

/* responsive-design.css*/
.main-menu > ul > li > ul > li > a.current-branch{
     border-left: none;
    background: none ;
    color: #fff !important;

}
.main-menu > ul > li > ul > li > a.current-branch > span{
    font-weight: 600 !important;
}
.main-menu ul li a.current-branch {
    background-color:rgba(0, 87, 101, 0.1) !important;
    color: #fff !important;
    border-left: 3px solid white;
}
.main-menu ul li.active a.current-branch {
    background-color: #247c8a;
}

.main-menu ul li ul {
    border: 0;
    width: 100% !important;
    background-color: #00525f;
    padding-left:0 !important
}

/* responsive-design.css*/
/* Menu Yapısı */

/* Fatura Yapısı */
.bill-info {
    border-radius: 4px;
    box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
    padding: 20px;
    margin: 20px 0;
    border-left: 4px solid #002855;
}
.bill-info p {
    font-size: 16px;
    font-weight: normal;
    color: #222943;
}
.bill-info a {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.34px;
    color: #049ead;
}
.bill-info a:hover {
    text-decoration: none;
}

.bill-title {
    color: #222943;
    font-size: 18px !important;
    margin-bottom: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
}


@media (max-width: 460px){
    .paging-bill{
        margin:30px 0 !important;
    }


}
.paging-bill{margin-bottom: 15px !important;}
@media (min-width: 1024px){
    .paging-bill{

        width: 42%;
        margin: 0 auto;
        float: none !important;
    }
@media (max-width: 767px) {
    .paging {
        /* background: none; */
        left: calc(50% - 130px) !important;
        float: none !important;;
    }

    .svg-1:after, .svg-2:after, .svg-3:after, .svg-4:after, .svg-5:after, .svg-6:after, .svg-7:after, .svg-8:after,.svg-12:after, .svg-13:after, .svg-14:after, .svg-15:after,.svg-16:after,.svg-17:after,.svg-18:after,.svg-19:after,.svg-20:after,.svg-21:after, .svg-bot:after {

        left: 9px !important;
    }
    li.active .svg-1:after, li.active .svg-2:after, li.active .svg-3:after, li.active .svg-4:after, li.active .svg-5:after, li.active .svg-6:after, li.active .svg-7:after,li.active .svg-8:after, li.active .svg-12:after,li.active .svg-13:after,li.active .svg-14:after,li.active .svg-15:after,li.active .svg-16:after,li.active .svg-17:after,li.active .svg-18:after,li.active .svg-19:after,li.active .svg-20:after,li.active .svg-21:after,li.active .svg-bot:after  {

        left: 6px !important;
    }
    .btn-grp {margin-bottom:20px;}

}

.bill-success .ico-success{
    content: '';
    background-image: url("../img/success.svg");
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
    display: block;
}

.table-custom-responsive {
    min-height: 95px !important;
}

@media (max-width: 767px) {

    .pull-right {
        width: 100%; }

    .mobile-button {margin-top:10px;}
}

@media (min-width: 768px) {
.horizontal-head {color:#002855; width:200px; font-weight: bold !important; border-bottom: 0px solid black;}
}
@media (max-width: 768px) {
.horizontal-head {border-bottom: 0px !important; }
}
}

@media (min-width: 767px) {

    .btnYeni {text-align: center}
}

@media (max-width: 767px) {

    .btnYeni {width: 100%; text-align: center}
}

@media (max-width: 991px) {
    .btnYeni.buy-extra-package {width: 100%; text-align: center}
}

@media (max-width: 767px) {

    .btn-ana-sayfa {

        border: 1px solid  #002855 !important;
        width: 100% !important;
        float: none;
    }

    .btn-ek-paket-islemleri{

        width: 100% !important;
    }
}

.paging {
    background: none;
    white-space: nowrap;
    padding: 3px;
    float: right;
}

.paging a.paging-active {
    color: white !important;
    background: #049ead !important;
}

.paging a {
    position: relative;
    float: left;
    padding: 8px 15px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000000;
    text-decoration: none;
    background-color: #fff;
    border: 1.4px solid #f0f2f5;
    border-radius: 50%;
    font-size: 14px;
    margin: 0 5px;
    font-weight: 600;
}
.paging-prev {
     background-image: url("../img/paging-next.svg") !important;
     background-repeat: no-repeat !important;
     background-position: center !important ;
     padding: 17px !important;
     border: 1.4px solid #049ead !important;
     font-size: 0 !important;
    transform: rotate(180deg);
 }


.paging-start {
    background-image: url("../img/end.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 17px !important;
    border: 1.4px solid #049ead !important;
    font-size: 0 !important;
    transform: rotate(180deg);
}

.paging-end {
    background-image: url("../img/end.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 17px !important;
    border: 1.4px solid #049ead !important;
    font-size: 0 !important;

}

.paging-next {
    background-image: url("../img/paging-next.svg");
    background-repeat: no-repeat;
    background-position: center;
    padding: 17px !important;
    border: 1.4px solid #049ead !important;
    font-size: 0 !important;
}

.paging a:first-child {
    background: none transparent;
}

.paging a.first-page {
    background: none transparent;
}

.greeting {
    font-size: 13px;
}
@media (min-width: 1200px){
    .tt-container{
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
}
.tt-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.tt-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 8px;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    background-color: #ffffff;
    border: 1px solid #a0acbd;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.tt-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.tt-radio input:checked ~ .checkmark {
    background-color: #FFFFFF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.tt-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.tt-radio .checkmark:after {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #049ead;
}
/* Butonlar */
button:hover, button:focus, .btnYeni:hover {
    outline: none !important;
	box-shadow: rgb(118 118 118 / 12%) 0px 2px 12px 6px !important;
}

.btn-new-navy:active, .btn:active,.btn-devam:active{
background-color: rgb(0, 26, 55) !important;
color:white !important;
}


.btn-new-white {
    outline: none;
    padding: 11px 50px;
    box-shadow: none;
    background: white;
    border: 1px solid #002855;
    border-radius: 5px;
    color: #002855;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    transition: 1s all;
}

.btn-new-navy {
    outline: none;
    padding: 12px 44px;
    box-shadow: none;
    background: #002855;
    border: 0px solid #002855;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    transition: 1s all;
}
/* Butonlar */



.btn-dosya{
    height: 56px;
    width: 300px;
    color:#717d8d !important;
    background:#fff;
    border-radius: 4px;
    border: 1px solid #dee3ed !important;
    padding: 7px 0;
    text-indent: 0 !important;
    font-family: "Mulish" !important;
    padding:15px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;

}
@media(max-width: 541px){
    .btn-dosya{
        width: calc(100% - 66px) !important;
    }
}
.btn-abonelik-iptal,.btn-ek-paket-iptal{
    color: #002855 !important;
}
.btn-geri{
    padding:13px 50px !important;
}
.btn-geri:hover, .btn-ger:focus{padding: 13px 50px !important;}

.btn-incele{
	display: block;
}
@media (min-width: 768px) and (max-width: 1023px){
    .btn-incele {
        border: 1px solid  #002855 !important;
        width: 100% !important;
        float: none;
        padding: 13px 35% !important;
    }
}
@media (min-width: 250px) and (max-width: 767px){

    .btn-incele {
        margin-right: 1%;
        border: 1px solid  #002855 !important;
        width: 50% !important;
        float: left;
        padding: 13px 20% !important;
        
    }
}
.btn-ana-sayfa,.btn-incele, .btn-vazgec,.btnHomePage, .btn-abonelik-iptal, .btn-ek-paket-iptal,.btn-geri{
    border:1px solid #002855 !important;
	outline: none;
    padding: 13px 50px;
	box-shadow: none !important;
	background: white;
    border: 1px solid #002855 !important;
	border-radius: 5px !important;
	color: #002855;
	font-size: 16px !important;
	font-weight: 600 !important;
    transition: 1s all;
	text-transform: capitalize !important;
	cursor: pointer !important;
	height: 44px !important;
	line-height : 1 !important;
}
@media (max-width: 593px) {
    .btn-ana-sayfa {
        float: left;
        padding: 11px 94px;
        margin-top: 10px !important;
        margin-left: 0;
    }
}

.btnYeni {
    /* text-indent: -9000px !important; */
}
.btn-ek-paket-islemleri{
    margin-top:0 !important;
}
.btn-ek-paket-satinAl,.btn-ek-paket-degisiklik,.btnQuery,.btnOnay,.btn-fatura-gonder,.btn-devam, .btn-guncelle, .btn-ara,.btn-onay, .btn-ek-paket-islemleri,.btn-giris {
    text-indent: 0 !important;
	outline: none;
    padding: 14px 45px;
    box-shadow: none  !important;
	background: #002855;
    border: 1px solid #002855 !important;
	border-radius: 5px;
	color: white;
	font-size: 16px;
	font-weight: 600 !important;
    line-height: 1;
    margin-left: 15px !important;
    transition: 1s all;
	text-transform: capitalize !important;
	cursor: pointer !important;
	height: 44px !important;
}


.btn-inactive-next{
    text-indent: 0 !important;
    outline: none;
    padding: 14px 45px;
    box-shadow: none  !important;
    background: #dde3ee;
    border: 0 !important;
    border-radius: 5px;
    color: #99a8c4;
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 1;
    margin-left: 15px !important;
    text-transform: capitalize !important;
    cursor: default !important;
    height: 44px !important;
}
.btn-inactive-next:hover {
    outline: none !important;
    box-shadow: none!important;
}

@media (max-width: 392px) {
    .btn-fatura-gonder {
        margin: 0px 0 0 30px;
        padding: 13px 42px;
    }
    .btn-ana-sayfa{
        padding: 11px 91px;       border: 1px solid  #002855 !important;

    }
}
.btn-ek-paket-satinAl:focus,.btn-ek-paket-degisiklik:focus,.btnOnay:focus ,.btnOnay:focus,.btn-ek-paket-islemleri:focus,.btn-ara:focus,.btn-onay:focus.btn-fatura-gonder:focus, .btn-devam:focus, .btn-guncelle:focus, .btn-giris:focus{
    background: #002855;
    outline: 0;
    color: white;
    border: 1px solid #002855 !important;
    text-decoration: none !important;
}

/* Fatura Yapısı */
.svg-1:after,.svg-2:after,.svg-3:after,.svg-4:after,.svg-5:after,.svg-6:after,.svg-7:after,.svg-8:after ,.svg-12:after,.svg-13:after,.svg-14:after,.svg-15:after,.svg-16:after,.svg-17:after,.svg-18:after,.svg-19:after,.svg-20:after,.svg-21:after,.svg-22:after, .svg-bot:after {content: "";background-repeat: no-repeat;width: 24px;height: 24px;position: absolute;display: block;margin-top: 15px;left: 26px;background-position: center;}
.svg-1:after{background-image: url(../img/svg/fatura-islemleri.svg);}
.svg-2:after{background-image: url(../img/svg/taahhut-hiz-islemleri.svg);}
.svg-3:after{background-image: url(../img/svg/hesabim.svg);}
.svg-4:after{background-image: url(../img/svg/dijital-urunler.svg);}
.svg-5:after{background-image: url(../img/svg/pay.svg);}
.svg-6:after{background-image: url(../img/svg/tivibu-new.svg);}
.svg-7:after {background-image: url(../img/svg/headset.svg);}
.svg-8:after {background-image: url(../img/svg/video.svg);}

.svg-12:after  {background-image: url(../img/svg/teknikDestek.svg);} /* Teknik destek */
.svg-13:after {background-image: url(../img/svg/guvenliInternet.svg);} /* Guvenli internet */
.svg-14:after {background-image: url(../img/svg/aloPaket.svg);} /* Alo paket islemleri */
.svg-bot:after {background-image: url(../img/svg/gift.svg);} /* bana ozel teklifler */
.svg-15:after {background-image: url(../img/svg/biDunya.svg);} /* Bi Dünya Fırsatlar İşlemleri */
.svg-16:after {background-image: url(../img/svg/dot-mark.svg);} /* Bi Dünya Fırsatlar Yesil nokta */

.svg-17:after{background-image: url(../img/svg/account.svg);}/* Fatura işlemleri kurumsal */
.svg-18:after{background-image: url(../img/svg/bill.svg);}/* Paket ve Kullanım İşlemleri kurumsal */
.svg-19:after{background-image: url(../img/svg/chat.svg);}/* Paket ve Abonelik İşlemleri */
.svg-20:after{background-image: url(../img/svg/tariff.svg);}/* Ürün ve Servisler kurumsal*/
.svg-21:after{background-image: url(../img/svg/tivibu.svg);}/* Tivibu İşlemleri kurumsal*/
.svg-22:after{background-image: url(../img/svg/prime.svg);
    width: 84px;
    height: 40px;
    left: 15px;
    margin-top: 12px;
}
@media (max-width: 1169px){
    .svg-22:after{
        left: 0px;
    }
}

li.active .svg-1:after,
li.active .svg-2:after,
li.active .svg-3:after,
li.active .svg-4:after,
li.active .svg-5:after,
li.active .svg-6:after,
li.active .svg-7:after,
li.active .svg-8:after,
li.active .svg-15:after,
li.active .svg-16:after,
li.active .svg-17:after,
li.active .svg-18:after,
li.active .svg-19:after,
li.active .svg-20:after,
li.active .svg-21:after,
li.active .svg-bot:after {left: 26px;}
.svg-arrow:before {position: absolute;right: 30px;content: "";background: url(../img/svg/menu-icon.svg);color: #fff;transition: all 0.5s;width: 20px;height: 20px;margin-top: 16px;}
li.active .svg-arrow:before {-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);right: 26px;}

.svg-arrow2:before {position: absolute;right: 30px;content: "";background: url(../img/svg/menu-icon.svg);color: #fff;transition: all 0.5s;width: 20px;height: 20px;margin-top: 16px;}
li.active .svg-arrow2:before {-moz-transform: rotate(0deg);-o-transform: rotate( 0deg);-webkit-transform: rotate( 0deg);transform: rotate( 0deg);right: 28px;}

@media (max-width: 991px) {.main-menu ul#menu-intro {border-radius: 0px;}}



/* Menu */
.mc-menu-top {height:52px; background:transparent url(../img/menu/menu-top.png) repeat-x 0 0;}
/*.msie6 .mc-menu-top {background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_assets/img/menu/menu-top.png', sizingMethod='crop');}*/
.mc-menu {width:199px;background:#6a6e74; overflow:hidden;}
.mc-menu ul {padding-left:12px; clear:both;width:187px; float:left;}
/* First Level */
.mc-menu li { background:transparent url(../img/menu-sep.png) repeat-x 0 bottom; float:left; width:176px; clear:left;padding:6px 0 8px; }
.mc-menu .last-menu-item {background:transparent none; padding-bottom:2px;}
.mc-menu > ul > li:last-child {background:transparent none; padding-bottom:2px;}
/* Icons */
.mc-menu li#mc-ico-subscription a{background-position: 0 0px; }
.mc-menu li#mc-ico-payment a{background-position: 0 -100px;}
.mc-menu li#mc-ico-tivibu a{background-position: 0 -500px;}
.mc-menu li#mc-ico-services a{background-position: 0 -200px;}
.mc-menu li#mc-ico-support a{background-position: 0 -300px;}
.mc-menu li#mc-ico-user a{background-position: 0 -400px;}

.mc-menu li a { color:#d6dce6; width:175px; float:left; background:transparent url(../img/menu/icons.png) no-repeat 0 -200px; line-height:15px; font-size:13px; }
.mc-menu li a span {width: 138px; float:left;padding:4px 5px 5px 32px; cursor:pointer;}
/* Second Level */
.mc-menu ul ul {padding:0; display:none;}
.mc-menu ul li.current-branch ul {display:block;}
.mc-menu ul li.current-branch a {color:#fff;}
.mc-menu ul li.current-branch li a {color:#d6dce6;}
.mc-menu ul li.current-branch ul ul {display:none;}
.mc-menu ul ul li.current-branch ul {display:block;}
.mc-menu li li {padding:0;background:transparent none;}
.mc-menu li li a {color:#d6dce6; background:transparent none;line-height:14px; font-size:12px;}
.mc-menu li li.current-branch a {color:#ffffff !important;}
.mc-menu li li.current-branch li a {color:#d6dce6 !important;}
.mc-menu li li.current-page a {background:#82878e url(../img/menu/rounds.png) no-repeat 0 0 !important;}
.mc-menu li li.current-page span {background:transparent url(../img/menu/rounds.png) no-repeat -185px bottom;}
.mc-menu li li.current-page li a {color:#d6dce6;background:transparent none !important; }
.mc-menu li li.current-page li span {background:transparent none !important; }
/* Third Level */
.mc-menu li li li a{background:transparent url(../img/menu/rounds.png) no-repeat -370px 8px !important;}
.mc-menu li li li span {padding-left:42px; width: 128px;}
.mc-menu li li li.current-page a {background:#82878e url(../img/menu/rounds.png) no-repeat -555px 0 !important; color:#ffbf00 !important;}
.mc-menu li li li.current-page a span {background:transparent url(../img/menu/rounds.png) no-repeat -185px bottom;}
.mc-menu-btm {height:59px; background:transparent url(../img/menu/menu-btm.png) repeat-x 0 0;}
/*.msie6 .mc-menu-btm {background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_assets/img/menu/menu-btm.png', sizingMethod='crop');}*/

/* Right Column */
.wide-col {width:735px; float:right; padding:18px 10px 88px 0; }
.grid-size-6 {width:650px;}
.grid-size-4 {width:400px;}
#page-controls {float:right; background:transparent url(../img/page-actions.png) no-repeat right -40px; padding-right:13px; overflow:hidden;}
.page-controls-i {float:right;background:transparent url(../img/page-actions.png) no-repeat left 0; height:20px; padding:8px 0 7px 12px; }
#page-controls ul {float:left;}
#page-controls li {background:transparent url(../img/page-actions.png) no-repeat right -388px;float:left;}
#page-controls a {float:left; height:18px;background:transparent url(../img/page-actions.png) no-repeat left -80px; text-indent:-999em;}
#page-controls .p-act-print {background:transparent none;}
#page-controls .p-act-print a{width:24px;background-position:0 -308px;}
#page-controls .p-act-bigger a{width:33px;background-position:5px -155px;}
#page-controls .p-act-normal a{width:25px;background-position:0 -78px;}
#page-controls .p-act-smaller {background:transparent none;}
#page-controls .p-act-smaller a{width:28px;background-position:4px -232px;}

.packs-cols {width:735px; overflow:hidden; background:transparent url(../img/two-cols-bg.png) no-repeat 200px 0; padding:15px 0;}
.packs-col {width:222px; padding:10px 10px; float:left;}
.packs-col .tivibu-pack-icon {float:none; margin:0 auto;}
.pack-img {height:100px; background:transparent url(../img/pack-shadow.png) no-repeat 50% bottom; margin-bottom:12px;}
.packs-col .btn {float:none; clear:both; margin:4px auto 0; display:block;}
.packs-col p {height:50px; overflow:hidden;}


.paging {float:right; background:#eaebe0; white-space:nowrap; padding:3px 3px;}
.paging a.paging-active {font-weight:bold; color:#f66f06;}
.paging a:first-child {background: transparent none;}
.paging a.first-page {background: transparent none;}
 
.greeting {font-size:13px;}
.description {font-size:13px;}

.wide-col p {padding:7px 0 10px;}
.footnote {font-size:11px;}
.bulletlist {padding:6px 0;}
.bulletlist li{color: #002855 !important; /*background:transparent url(../img/ico-sp.png) no-repeat 0 2px;*/ padding:5px 0 6px 30px; zoom:1; }
.bulletlist a {text-decoration:underline;}
.circle-list {padding:4px 0;}
.circle-list li{background:transparent url(../img/dot.gif) no-repeat 0 6px; padding:2px 0 3px 10px; zoom:1; }

.list {padding:4px 0;}
.list li{ color: #002855 !important;background:transparent url(../img/ico-sp.png) no-repeat -887px 7px; padding:2px 0 5px 16px; zoom:1; }

h1 {font-size:28px; color:#f57815; padding:0 0 10px; width:560px; font-weight:normal;}
h2 {color:#6a6e74; font-size:17px; font-weight:bold;padding:5px 0 9px;}
h3 {color:#f66f06; font-size:15px; font-weight:bold;padding:2px 0 3px;}
h4 {color:#f66f06; font-size:13px; font-weight:bold;padding:1px 0 2px;} 
h5 {color:#6a6e74; font-size:12px; font-weight:bold;padding:1px 0 2px;}

/* Hide while cufon is applied */
.js h1  {visibility:visible !important;}
.cufon-ready h1 {visibility:visible;}

.js h2  {visibility:hidden;}
.cufon-ready h2 {visibility:visible;}

.js h3  {visibility:hidden;}
.cufon-ready h3 {visibility:visible;}

#breadcrumb {
	width: 600px;
	overflow: hidden;
	padding: 15px 0 16px;
}

#breadcrumb ul {
	margin-left: -11px;
	height: 20px;
	font-size: 12px;
}

#breadcrumb li {
	float: left;
	padding: 0 10px 0 12px;
	background: transparent url(../img/crumb.gif) no-repeat 0 50%;
}

#breadcrumb a {
	color: #7E8286;
}

#breadcrumb li:last-child a {
	color: #6a6e74;
}

#breadcrumb .mainunderline a:hover {
	text-decoration: underline;
	color: #05b4c7;
}

.tabular-data-1 {margin:12px 0; }
.tabular-data-1 th{background:#d8d0bc;padding:12px 15px; color:#f66f06;vertical-align:top;text-align:left;}
.tabular-data-1 .subhead td {background:#05b4c7; color:#fff;vertical-align:top;}
.tabular-data-1 td{background:#ecede2;padding:11px 15px; vertical-align:middle;}
.tabular-data-1 .nocolor{margin:10px 0;}
.tabular-data-1 tr.pure td{background:#ecede2;padding:6px 12px;}
.tabular-data-1 tr.nocolor td{background:none;padding:4px 4px;}
.tabular-data-1 tr.even-row td{background:#e6e1d0;}
.tabular-data-1 tr.odd-row td{background:#ded7c4;}
.tabular-data-1 .nocolor td b{font-weight: normal;
    font-style: normal;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
    color: #002855 !important}
.horizontal-head {color:#f66f06; font-weight: bold;}
.horizontal-head a {text-decoration:underline;}
.tabular-data-1 td.center-check {padding-left:38px;}
.tabular-data-1 td.row-head{background:#d8d0bc;padding:12px 15px; color:#f66f06;vertical-align:top;}

.tabular-data-2 {margin:12px 0; }
.tabular-data-2 th{background:#d8d0bc;padding:12px 15px; color:#f66f06;vertical-align:top;text-align:center;}
.tabular-data-2 .subhead td {background:#05b4c7; color:#fff;vertical-align:top;}
.tabular-data-2 td{background:white !important;padding:11px 15px;}
.tabular-data-2 tr.even-row td{background:#e6e1d0;}
.tabular-data-2 tr.odd-row td{background:#ded7c4;}

.tabular-data-4 {margin:12px 0; }
.tabular-data-4 th{background:#d8d0bc;padding:12px 15px; color:#f66f06;vertical-align:top;text-align:left;}
.tabular-data-4 .subhead td {background:#05b4c7; color:#fff;vertical-align:top;}
.tabular-data-4 td{background:#ecede2;padding:11px 15px; vertical-align:middle;}
.tabular-data-4 tr.pure td{background:#ecede2;padding:6px 12px;}
.tabular-data-4 tr.nocolor td{background:none;padding:4px 4px;}
.tabular-data-4 tr.even-row td{background:#e6e1d0;}
.tabular-data-4 tr.odd-row td{background:#ded7c4;}
.tabular-data-4 td.center-check {padding-left:38px;}
.tabular-data-4 td.row-head{background:#d8d0bc;padding:12px 15px; color:#f66f06;vertical-align:top;}

.tabular-kota-1 {margin:12px 0; }
.tabular-kota-1 th{background:#d8d0bc;padding:12px 15px; color:#f66f06;vertical-align:top;text-align: center;}
.tabular-kota-1 .subhead td {background:#05b4c7; color:#fff;vertical-align:top;}
.tabular-kota-1 td{background:#ecede2;padding:11px 15px;text-align: center;}
.tabular-kota-1 tr.even-row td{background:#e6e1d0;}
.tabular-kota-1 tr.odd-row td{background:#ded7c4;}
.tabular-kota-1 td.center-check {padding-left:38px;}

.form-table {margin:8px 0;}
.form-table td{padding:3px;}
.form-table th{padding:3px;}
.form-table .mod{margin-right:3px;}
.form-table tr.hide {display:none;}

small {font-size:90%}
.bigger {font-size:14px;}
.big {font-size:13px;}
.small {font-size:11px;}
.smaller {font-size:10px;}

.bigger .description {font-size:16px;}
.big  .description{font-size:15px;}
.small  .description{font-size:13px;}
.smaller  .description{font-size:12px;}

.bigger .footnote {font-size:13px;}
.big  .footnote{font-size:12px;}
.small  .footnote{font-size:10px;}
.smaller .footnote {font-size:9px;}

.btn {text-transform: capitalize; float:right;border:0;margin-top:0px; margin-left:8px; cursor:pointer;}
.btn2 {text-indent: -9000px; text-transform: capitalize; float:left;border:0;margin-top:0px; margin-left:0px; cursor:pointer;}
.btn-refresh-device-list {background:transparent url(../img/captcha-refresh.png) no-repeat 0 0; height:33px; width:94px;}
.btn-container {padding-top:15px ; width:100%; overflow:hidden;padding:10px 0 8px;}
.btn-container.device-container {display:flex; justify-content:flex-start;  flex-wrap: wrap;}


.btn-ag-baglanti-destek:hover {
   background	: url(../img/btn/device-hover.jpg) ;
   height: 346px; 
   width: 270px;
}

.btn-ag-baglanti-destek:hover .cihaz-image-ios {
	background:transparent url(../img/btn/add_iphone_device_hover.png) no-repeat 0 0;
	background-position:center; height:154px;
	}
.btn-ag-baglanti-destek:hover .cihaz-image-mac {
	background:transparent url(../img/btn/add_mac_device_hover.png) no-repeat 0 0;
	background-position:center; height:154px;
	}
.btn-ag-baglanti-destek:hover .cihaz-image-android {
	background:transparent url(../img/btn/add_android_device_hover.png) no-repeat 0 0;
	background-position:center; height:154px;
	}
.btn-ag-baglanti-destek:hover .cihaz-image-windows {
	background:transparent url(../img/btn/add_windows_device_hover.png) no-repeat 0 0;
	background-position:center;height:154px;
	}
.btn-ag-baglanti-destek:hover .cihaz-isim{
	width:160px;
	text-align:center;
	font: 13px  CentraleSansMedium; 
	color: white; 
	padding:11px;
	}
#cancel-edit-device-name-typeNew {background:transparent url(../img/cancel.png) no-repeat 0 0;  width: 70px; height: 70px;  border: 0; background-position: center; background-size: 45px;}
#submit-device-name-typeNew {background:transparent url(../img/check.png) no-repeat 0 0;  width: 67px; height: 67px;  border: 0; background-position: center; background-size: 45px;}
#cancel-edit-device-name-type {background:transparent url(../img/btn/cancel_btn.png) no-repeat 0 0;  width: 32px; height: 32px;  border: 0;}
#submit-device-name-type {background:transparent url(../img/btn/save_btn.png) no-repeat 0 0;  width: 32px; height: 32px;  border: 0;}
.device-image {background:transparent url(../img/undefined-device.png) no-repeat 0 0; background-position:center; height:40px; width:60px}
.cihaz-image-android {background:transparent url(../img/btn/add_android_device.png) no-repeat 0 0; background-position:center; height:154px; }
.cihaz-image-mac {background:transparent url(../img/btn/add_mac_device.png) no-repeat 0 0; background-position:center; height:154px;}
.cihaz-image-ios {background:transparent url(../img/btn/add_iphone_device.png) no-repeat 0 0; background-position:center; height:154px; }
.cihaz-image-windows {background:transparent url(../img/btn/add_windows_device.png) no-repeat 0 0; background-position:center;height:154px;}

.cihaz-isim-div {display:flex; justify-content:center; width:238px; height: 44px; margin: 46px 0 0; padding: 0 11px 0 12px; border-radius: 4px; background-color: #002855 }

.cihaz-isim {width:160px; text-align:center; font: 13px  CentraleSansMedium; color: white; padding:11px}



.btn-edit {background:transparent url(../img/btn/edit_btn.png) no-repeat 0 0; height:28px; width:28px;}
.btn-sifirla {background:transparent url(../img/btn/btn-sifirla.png) no-repeat 0 0; height:33px; width:96px; }

.btn-can {background:transparent url(../img/btn/sikayetTekrar.png) no-repeat 0 0; height:33px; width:152px; }
.btn-icerik {background:transparent url(../img/btn/btn-icerik.png) no-repeat 0 0; height:33px; width:212px; }


.btn-back-to-device-list {background:transparent url(../img/btn/btn-geri-don.png) no-repeat 0 0; height:40px; width:115px;}
.btn-device {background:transparent url(../img/btn/btn-device2.png) no-repeat 0 0; height:120px; width:110px; text-indent:0px !important; margin-top:20px; margin-left:10px; margin-right:10px  }
.btn-deviceNew {background:transparent url(../img/svg/deviceNew.svg) no-repeat 0 0; height:100px; width:100px; text-indent:0px !important; margin-top:10px; margin-right:10px; margin-left: 0px;}

.btn-ag-baglanti-destek { no-repeat 0 0; border-radius: 6px; border: solid 1px rgba(222, 227, 237, 0.6); box-shadow: 0 2px 20px -5px rgba(0, 40, 85, 0.12);  height: 346px; width: 270px; margin-left:15px; margin-bottom:20px; padding: 30px 16px 26px; }

.btn-package-satin-al {background:transparent url(../img/btn/package-satin-al.png) no-repeat 0 0; height:33px; width:94px; }

.btn-fatodeme {background:transparent url(../img/btn/btn-fatodeme.png) no-repeat 0 0; height:37px; width:182px; }
.btn-kulldetay {background:transparent url(../img/btn/btn-kulldetay.png) no-repeat 0 0; height:37px; width:182px; }

.btn-kaydet {background:transparent url(../img/btn/btn-kaydet.png) no-repeat 0 0; height:33px; width:96px;}

.btn-olustur {background:transparent url(../img/btn/btn-olustur.png) no-repeat 0 0; height:33px; width:96px;}
.btn-closeGuestNw {background:transparent url(../img/btn/btn-closeGuestNw.png) no-repeat 0 0; height:33px; width:170px;}
.btn-degisiklikleriKaydet {background:transparent url(../img/btn/btn-degisiklikleriKaydet.png) no-repeat 0 0; height:33px; width:96px;}
.btn-baslat {background:transparent url(../img/btn/btn-baslat.png) no-repeat 0 0; height:33px; width:96px;}
.btn-indir {background:transparent url(../img/btn/btn-indir.png) no-repeat 0 0; height:33px; width:96px;}
.btn-uye-iptal {background:transparent url(../img/btn/btn-uyelikIptal.png) no-repeat 0 0; height:33px; width:96px;}
.btn-dahaSonra {background:transparent url(../img/btn/btn-dahaSonra.png) no-repeat 0 0; height:40px; width:170px;}
.btn-ilgileniyorum {background:transparent url(../img/btn/btn-ilgilen.png) no-repeat 0 0; height:40px; width:170px;}
.btn-ilgilenmiyorum {background:transparent url(../img/btn/btn-ilgilenmiyorm.png) no-repeat 0 0; height:40px; width:170px;}
.btn-dahaSonra-over {background:transparent url(../img/btn/btn-dahaSnra-over.png) no-repeat 0 0; height:40px; width:170px;}
.btn-ilgileniyorum-over {background:transparent url(../img/btn/btn-ilgilen-over.png) no-repeat 0 0; height:40px; width:170px;}
.btn-ilgilenmiyorum-over {background:transparent url(../img/btn/btn-ilgilenmiyorm-over.png) no-repeat 0 0; height:40px; width:170px;}
.btn-accord {background:transparent url(../img/btn/icerik.jpg) no-repeat 0 0; height:33px; width:96px;}
.btn-talimat {background:transparent url(../img/btn/talimat.png) no-repeat 0 0; height:33px; width:146px;}

.btn-ara-light {background:transparent url(../img/btn/btn-ara-light.png) no-repeat 0 0; height:33px; width:76px;}
.btn-basvur {background:transparent url(../img/btn/btn-basvur.png) no-repeat 0 0; height:33px; width:120px;}
.btn-satin-al {background:transparent url(../img/btn/btn-satin-al.png) no-repeat 0 0; height:33px; width:120px;}
.btn-duzenle {background:transparent url(../img/btn/btn-duzenle.png) no-repeat 0 0; height:33px; width:96px;}
.btn-uye-ol {background:transparent url(../img/btn/btn-uye-ol.png) no-repeat 0 0; height:33px; width:120px;}
.btn-duzenle-yeni {background:transparent url(../img/btn/btn-duzenle-yeni.png) no-repeat 0 0; height:33px; width:96px;}

.btn-sil {background:transparent url(../img/btn/btn-sil.png) no-repeat 0 0; height:33px; width:94px;}
.btn-duzelt {background:transparent url(../img/btn/btn-duzelt.png) no-repeat 0 0; height:33px; width:94px;}
.btn-yeni {background:transparent url(../img/btn/btn-yeni-kayit.png) no-repeat 0 0; height:33px; width:94px;}

.highlighted {background:transparent url(../img/highlight.jpg) repeat-x 0 0; margin-left:-20px; width:755px;}
.highlighted-i {width:735px; padding:20px 0 20px 20px;}
.bnr-cont {height:236px;}
.bnr-cont img {display:block; height:230px; width:700px;}

.usage-chart-limit {float:right;background:transparent url(../img/chart/pie-chart-limitsiz-bg.png) no-repeat  0 0;margin-left:30px;margin-bottom:10px;width:182px;height:182px; position:relative; font-family:helvetica, arial, sans-serif;}
.usage-chart-limit .chart-labels-limit {position:absolute; left:35px; top:35px; z-index:6; width: 107px;height: 106px;color:#b3b5b8;text-align:center;font-weight:bold;font-size:14px;height:106px;}
.usage-chart {float:right;background:transparent url(../img/chart/pie-chart-bg.png) no-repeat  0 0;margin-left:30px;margin-bottom:10px;width:177px;height:177px; position:relative; font-family:helvetica, arial, sans-serif;}
.usage-chart .chart-labels {position:absolute; left:35px; top:35px; z-index:6; background: url(../img/chart/chart-cover.png) no-repeat scroll top left; width: 107px;height: 106px;color:#b3b5b8;text-align:center;font-weight:bold;font-size:14px;height:106px;}
/*.msie6 .usage-chart .chart-labels {background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_assets/img/chart/chart-cover.png', sizingMethod='crop');}*/
.chart-data-1 {height:33px; padding-top:18px; color:#f66f06;}
.chart-data-2 {height:34px;padding-top: 21px;}
.usage-chart .chart-labels span {font-size:10px; display:block; text-align:center;}
.usage-chart .chart-container { width:177px; height:177px; position:absolute; left:0; top:0; z-index:5;}


.nopbtm {padding-bottom:0 !important;}

.highlighted-alt {background:transparent url(../img/highlight2.png) repeat-x 0 0; background:#e5e9ee;padding:16px 0;width:735px;}

.cols-cont {width:530px; overflow:hidden;background:transparent url(../img/col-sep.gif) repeat-y 50% 0;}
.col-half {width:46%; float:left;}
.cal-ico {width:43px; height:39px; background:transparent url(../img/cal-ico.png) no-repeat 0 0; float:left;}
.form-table .indented-cell {padding-left:18px;}

.services-pack {width:700px;overflow:hidden; padding:0 0 0 30px; position:relative;}
.tivibu-pack {width:100% !important; overflow:hidden; padding:5px 0 5px 30px; position:relative; margin-left: -30px;}
.services-pack h2 {padding-bottom:3px;}
.tivibu-pack h2 {padding-bottom:3px;}


.security-icon{top: 31px; left: 10px;background-image:url("../img/buy-security.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.education-icon{top: 31px; left: 10px;background-image:url("../img/buy-education.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.music-icon{top: 31px; left: 10px;background-image:url("../img/buy-music.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.cloud-icon{top: 31px; left: 10px;background-image:url("../img/buy-cloud-app.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.wifi-icon{top: 31px; left: 10px;background-image:url("../img/buy-wifi.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.tivibuGo-icon{top: 31px; left: 10px;background-image:url("../img/buy-tivibuGo.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.modem-icon{top: 31px; left: 10px;background-image:url("../img/modem.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.meshmodem-icon{top: 31px; left: 10px;background-image:url("../img/meshmodem.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.menzilgenisletici-icon{top: 31px; left: 10px;background-image:url("../img/menzilgenisletici.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }
.jetDers-icon{top: 31px; left: 10px;background-image:url("../img/buy-jetders.svg"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; }

.services-pack-icon {width:52px; height:52px;background:transparent url(../img/service-icons.png) no-repeat 0 0; float:left; margin-right:25px;}
.tivibu-pack-icon {width:88px; height:80px;background:transparent url(../img/service-icons.png) no-repeat 0 0; float:left; margin-right:25px;}
.tivibu-pack-icon-universal {width:88px; height:80px; float:left; margin-right:25px;}
.tivibu-pack-go-icon-universal {width:110px; height:80px; float:left; margin-right:25px;}
.tivibu-pack-ev .tivibu-pack-icon {background-position:0 -178px;}
.tivibu-pack-web .tivibu-pack-icon {background-position:0 0;}
.tivibu-pack-cep .tivibu-pack-icon {background-position:0 -89px;}
.tivibu-pack-smart .tivibu-pack-icon {background: url("../img/82x80_smart2.png") no-repeat scroll 0 0 transparent;}

.services-pack-wifi .services-pack-icon {background-position:0 -267px;}
.services-pack-education .services-pack-icon {background-position:0 -356px;}
.services-pack-entertainment .services-pack-icon {background-position:0 -445px;}
.services-pack-cloud .services-pack-icon {background-position:0 -534px;}
.services-pack-security .services-pack-icon {background-position:0 -623px;}
.services-pack-tivibuGo .services-pack-icon {background-position:0 -692px;}

.services-pack-desc {width:440px; float:left; margin-left:56px;margin-top:15px;}
.services-pack-desc h2 {padding-bottom:0;}
.services-pack-desc-without-icon {width:440px; float:left; margin-left:30px;margin-top:15px;}
.tivibu-pack-desc {float:left;} 
.tivibu-pack-desc h2 {padding-bottom:0;}
.tivibu-pack-desc-narrow {width:440px; float:left;} 

.services-pack-action {width:140px; float:right; padding-top:8px;}
.services-pack-action .btn {float:right;}

.tivibu-pack-action {width:140px; float:right; padding-top:24px;}
.tivibu-pack-action .btn {float:right;}

.tivibu-img {width:66px; height:66px;float:left;background:transparent url(../img/tivibu/tivibu-legend-icons.png) no-repeat 0 0;padding:10px 0 0 0; margin-right:20px;}
.tivibu-cont {width:250px; float:left; padding:4px 0 10px 0; line-height:1.5;}

.tivibu-img-kiralaizle {background-position:0 10px;}
.tivibu-img-tekrarizle {background-position:-75px  10px;}
.tivibu-img-durdurizle {background-position:-151px 10px;}
.tivibu-img-gerializle {background-position:-226px 10px;}
.tivibu-img-secizle    {background-position:-302px 10px;}
.tivibu-img-kirmizihali    {background-position:0 10px;}

.tivibu-features-table {vertical-align:top; font-size:12px;}
.tivibu-features-table td {vertical-align:top; padding: 10px 10px;}
.tivibu-features-table th {vertical-align:top; padding: 10px 10px;}
.tivibu-icon-info {display:block; width:100%; background:transparent url(../img/tivibu/tivibu-table-icons.png) no-repeat 50% 0; padding-top:30px; font-size:10px; text-align:center; }
.tivibu-icon-disabled {display:block; width:100%; background:transparent url(../img/tivibu/tivibu-table-icons.png) no-repeat  50% -94px; padding-top:30px; font-size:10px; text-align:center;}
.tivibu-icon-enabled {display:block; width:100%; background:transparent url(../img/tivibu/tivibu-table-icons.png) no-repeat  50% -188px; padding-top:30px; font-size:10px; text-align:center;}
.tivibu-icon-tire {display:block; width:100%; background:transparent url(../img/tivibu/tivibu-tire-legend-icons.png) no-repeat 50%; padding-top:30px; font-size:10px; text-align:center;}
.orange-icon-info {display:block; width:100%; background:transparent url(../img/tivibu/info.png) no-repeat 50% 0; padding-top:30px; font-size:10px; text-align:center; }
.orange-icon-info2 {display:block; width:100%; background:transparent url(../img/tivibu/info_acik.png) no-repeat 50% 0; padding-top:30px; font-size:10px; text-align:center; }



@media (max-width: 991px) {
	.tivibu-icon-info {
		background:transparent url(../img/tivibu/tivibu-table-icons.png) no-repeat 100% 0;
		text-align: right;
	}
	.tivibu-icon-enabled{
		background:transparent url(../img/tivibu/tivibu-table-icons.png) no-repeat 100% -188px;
	}
}
	
.modal-overlay {width:100%; position:absolute; left:0; top:0; background:#000; display:none; z-index:1000;}
.mc-modal {position:absolute; left:50%; top:50%; margin-left:-9999em; width:675px; z-index:2000; text-align:left;}
.mc-modal-visible {margin-left:-335px;}
.mc-modal-top {background:transparent url(../img/modal/modal-sp.png) no-repeat 0 0; height:55px;}
.mc-modal-content {background:transparent url(../img/modal/modal-sp.png) repeat-y -738px 0; width:602px; padding:0 30px 12px; color:#fff;  line-height:1.4;}
.mc-modal-content p {padding:4px 0 12px;}
.mc-modal-bottom {height:20px;background:transparent url(../img/modal/modal-sp.png) no-repeat 0 -80px;}
.mc-modal-close {background:transparent ulr(../img/p.gif); width:43px; height:43px; float:right; cursor:pointer;}

.terms-canvas {overflow:auto; width:100%;}

.mc-tooltip {position:absolute; left:-9999em; top: 0; width:309px; display:none; text-align:center; font-size:11px; color:#6a6e74; }
.mc-tooltip-top {height:13px; overflow:hidden; background:transparent url(../img/tooltip-sp.png) no-repeat 0 0;}
.mc-tooltip-content {background:#fff; border-left:1px solid #d5dce4; border-right:1px solid #d5dce4; width:267px; padding:5px 20px; }
.mc-tooltip-bottom {height:6px; overflow:hidden; background:transparent url(../img/tooltip-sp.png) no-repeat -329px 0;}

.help-ico {background:transparent url(../img/cell-icons.png) no-repeat 0 -206px; width:14px; height:14px; display:inline; float:left; }
.form-table .help-ico{margin-top:9px;}

.channel-logos {cursor:pointer;}
.channel-logos-cont {width:600px; overflow:hidden;}
.channel-logos-mask {width:660px;margin-left:10px; overflow:hidden;}
.channel-logos-column {width:180px; margin:0 30px 0 0; float:left;}
.channel-logos-column h5 {font-size:11px; font-weight:bold; font-family:Arial, sans-serif; color:#fff; padding:2px 0; margin:0;}
.channel-logos-column li {float:left; margin: 0 6px 6px 0;}
.channel-logos-column img {float:left; width:48px; height: 48px;}
.channel-logos-column ul {width:180px; overflow:hidden; padding:6px 0 20px;}

.poll-form th{color:#603813;}
.poll-form  {color:#fff;}
.poll-form .bulletlist {color:#603813}
.poll-form .bulletlist a{color:#fff;}
.poll-form .dash {background:transparent url(../img/modal/brown-dash.gif) repeat-x 0 0;}
.modal-title {color:#603813; padding:0 0 10px 0; font-size:15px; font-weight:bold; font-family:Arial, Sans-Serif;}
.star-rating li {float:left;}
.star-rating a {float:left; height:17px; width:17px; background:transparent url(../img/modal/star-rating.png) no-repeat 0 -28px; text-indent:-999em;}
.star-rating .star-rating-active a {background-position:0 0;}
.star-rating .star-rating-off a {background-position:0 -28px;}
.star-rating .star-rating-on a {background-position:0 -56px;}
                                 
.btm-dark {background:transparent url(../img/btm-dark.png) no-repeat 0 bottom; padding-bottom:10px; width:735px;}
.dash {background:transparent url(../img/dash.gif) repeat-x 0 top; height:1px}
.seperator {height:1px;margin:8px 0 0;}

.help-box { padding: 0 0 0 77px; background:transparent url(../img/help-ico.png) no-repeat 7px 2px;}

.color-overlay {padding:0 0 5px 8px; zoom:1;}
.color-overlay-tip {height:7px; background:transparent url(../img/pattern/overlay-rounds.png) no-repeat 0 -63px;overflow:hidden;}
.color-overlay-top {height:3px; background:transparent url(../img/pattern/overlay-rounds.png) no-repeat right -10px; overflow:hidden; padding-right:3px;}
.color-overlay-top-i {height:3px; background:transparent url(../img/pattern/overlay-rounds.png) no-repeat 0 0; overflow:hidden; display:block;}
.color-overlay-mid {zoom:1; background:transparent url(../img/pattern/overlay.png) repeat 0 0; padding:6px 18px;}
.color-overlay-btm {height:3px; background:transparent url(../img/pattern/overlay-rounds.png) no-repeat right -37px; overflow:hidden; padding-right:3px;}
.color-overlay-btm-i {height:3px; background:transparent url(../img/pattern/overlay-rounds.png) no-repeat 0 -27px; overflow:hidden; display:block;}

.light-color-overlay {background:transparent url(../img/pattern/light.png) repeat 0 0; zoom:1; padding:10px 16px; margin:6px 0;}
.light-color-overlay-group {background: #fff; zoom:1; padding:0 16px; margin:3px 0;}

.block-radio {width:100%; padding:4px 0; line-height:17px; overflow:hidden;}
.light-color-overlay-group .block-radio {margin: 0;}
.block-radio label {padding-left:0px; float:left; }
.block-radio input {float:left; }

.orange {color:#f66f06;}
.block {display:block;}
label.block {float:left; line-height:32px; font-size:12px; padding-right:10px;}

.red {color:#e63809;}
.display-bill {padding-left:20px; float:left;background:transparent url(../img/cell-icons.png) no-repeat 0 2px; color:#6a6e74;}
.display-bill2 {padding-left:20px; float:none;background:transparent url(../img/cell-icons.png) no-repeat 0 2px; color:#6a6e74; }
.due-date {padding-left:20px; float:left;}
.due-date-late {background:transparent url(../img/cell-icons.png) no-repeat 0 -105px; line-height:16px;}

.mod {height:3px; background:transparent url(../img/form/input-sp.png) no-repeat right -61px; overflow:hidden; padding-right:3px; height:32px; float:left;}
.mod-i {height:15px; padding:9px 5px 8px 8px; background:transparent url(../img/form/input-sp.png) no-repeat 0 0; float:left;}
.mod input {background:transparent; border:0; float:left; line-height:15px; height:15px; padding:0;}
.mod-disabled, .mod-disabled {opacity:0.7;-moz-opacity: 0.7;filter: alpha(opacity=70);}
.radio-disabled, .radio-disabled {opacity:0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);}



input.w-size-smaller {width:46px}
input.w-size-normal {width:127px}
input.w-size-medium {width:160px}
input.w-size-big {width:240px}

.card-nr-input {text-align:center;}

/* MC Dropdown */
.tabular-data-1 .mc-dropdown {width: 100% !important; margin: 0px 0 20px 0 !important;}
.mc-dropdown {margin-bottom:30px !important; zoom:1; position:relative; height:43px; margin:20px 0 4px;}
.mc-dropdown-active {z-index:10;}
.mc-dropdown-active .mc-dropdown-cont {display:block;}
.mc-dropdown-title {background:transparent url(../img/form/mc-ddl.png) no-repeat right -57px; padding-right:41px;height:43px; cursor:default;}
.mc-dropdown-title-i {white-space:nowrap; font-size: 16px; line-height:23px; font-weight:bold; white-space:nowrap; overflow:hidden; color:#f66f06; background:transparent url(../img/form/mc-ddl.png) no-repeat left 0;cursor:default;height:23px;}
.mc-dropdown-cont {position:absolute; /* bottom:42px; */ width:100%; display:none;}
.mc-dropdown-options {zoom:1}
.mc-dropdown-options-limited {overflow-x:hidden; overflow-y:scroll; height:190px;}
.mc-dropdown-cont-top {height:6px; overflow:hidden; background:transparent url(../img/form/mc-ddl-rounds.png) no-repeat left 0;}
.mc-dropdown-cont-mid {border-right:1px solid #ead0af; background:#ffffff; border-left:1px solid #ead0af; zoom:1; padding:6px 20px; }
.mc-dropdown-list li {border-bottom:1px solid #f9f4eb;}
.mc-dropdown-list li.mc-dropdown-list-over a {color:#f9f4eb;}
.mc-dropdown-list li.mc-dropdown-list-over a span {color:#6a6e74;}
.mc-dropdown-list li.mc-dropdown-list-selected a {background:#f9f4eb;}
.mc-dropdown-list a {color:#6a6e74; font-size:13px; display:block; padding:8px 0; font-weight:bold;}
.mc-dropdown-list a span {color:#a5a8ab; display:block; font-weight:normal;}
.mc-dropdown-cont-btm {height:6px; overflow:hidden; background:transparent url(../img/form/mc-ddl-rounds.png) no-repeat -865px 0;}
.hidden {display:none;}

/* Custom Selectbox  */ 
.active-state {z-index:999;}
.custom-select-wrapper {position:relative; font-size:12px;float:left;margin-right:3px;z-index: 20; }
.custom-select-item {position:relative; height:32px; cursor:pointer; float:left !important; }
.custom-select-item .custom-select-item-left {padding-left:7px; background:#000; height:32px; background:url(../img/form/select-sp.png) no-repeat 0 0;}
.custom-select-item .custom-select-item-right { height:100%;background:url(../img/form/select-sp.png) no-repeat right -60px;}
/*.custom-select-item .custom-select-item-text {width:100%; height:21px; padding-top:9px; font-family:Tahoma, sans-serif; font-size:12px; color:#747881;} */
.custom-select-wrapper select {position:absolute; left:-10000px;  font-size:12px; border:0; color:#333;}
.ipad select.custom-select {position:static; left:0; visibility:visible;}
.custom-select-wrapper select.custom-select-active {left:0px; top:30px;}
.custom-select-index {z-index:20;}

.custom-select {visibility:hidden;}


.my-select-wrapper {position:relative; font-size:12px;float:left;margin-right:3px;z-index: 20; }
.my-select-item {position:relative; height:32px; cursor:pointer; float:left !important; }
.my-select-item .my-select-item-left {padding-left:7px; background:#000; height:32px; background:url(../img/form/select-sp.png) no-repeat 0 0;}
.my-select-item .my-select-item-right { height:100%;background:url(../img/form/select-sp.png) no-repeat right -60px;}
.my-select-item .my-select-item-text {width:100%; height:21px; padding-top:9px; font-family:Tahoma, sans-serif; font-size:12px; color:#747881;}
.my-select-wrapper select {position:absolute; left:-10000px; font-family:Tahoma; font-size:12px; border:0; color:#333;}
.ipad select.my-select {position:static; left:0; visibility:visible;}
.my-select-wrapper select.my-select-active {left:0px; top:30px;}
.my-select-index {z-index:20;}

.my-select {visibility:hidden;}

.fatura-select-wrapper {position:relative; font-size:12px;float:left;margin-right:3px; }
.fatura-select-item {position:relative; height:32px; cursor:pointer; float:left !important; }
.fatura-select-item .fatura-select-item-left {padding-left:7px; background:#000; height:32px; background:url(../img/form/select-sp.png) no-repeat 0 0;}
.fatura-select-item .fatura-select-item-right { height:100%;background:url(../img/form/select-sp.png) no-repeat right -60px;}
.fatura-select-item .fatura-select-item-text {width:100%; height:21px; padding-top:9px; font-family:Tahoma, sans-serif; font-size:12px; color:#747881;}
.fatura-select-wrapper select {position:absolute; left:-10000px; font-family:Tahoma; font-size:12px; border:0; color:#333;}
.ipad select.fatura-select {position:static; left:0; visibility:visible;}
.fatura-select-wrapper select.fatura-select-active {left:0px; top:30px;}
.fatura-select-index {z-index:19;}

.fatura-select {visibility:hidden;}

input[type=text] {
    -webkit-appearance: none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

input, textarea {

    font-size: 14px;
    color: #6A6E72;
}
textarea{
    border: 1px solid #dee3ed !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    border-radius: 4px;
    background-color:white !important;
}

.input-custom-class-radio {width:17px; height:17px; float:left; background:transparent url(../img/radio-sp.png) no-repeat 0 0;}
.input-custom-class-radio-active {width:17px; height:17px; float:left; background:transparent url(../img/radio-sp.png) no-repeat 0 -23px;}
.input-custom-class-checkbox {width:18px; height:18px; float:left; background:transparent url(../img/check-sp.png) no-repeat 0 0;}
.input-custom-class-checkbox-active {width:18px; height:18px; float:left; background:transparent url(../img/check-sp.png) no-repeat -0 -43px;}
.js .customcheck input {display:none;}
.js .customradio input {display:none;}

/* UI overrides */
#ui-datepicker-div 
{
    margin-left:-8px; margin-top:10px;
    }
    
.ui-datepicker {width:240px; padding:0; font-family:Tahoma, Arial, Sans-Serif; background:#fff none;}
.ui-datepicker-header {background:#edf1eb; color:#f58024;border:0; -moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;}
.ui-datepicker table {border-collapse:collapse; margin:0;}
.ui-datepicker td {padding:0;border-collapse:collapse; border:1px solid #eaecea; font-size:11px;}
.ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:0; color:#7c7c7c; font-weight:normal; line-height:16px;}
.ui-datepicker .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: 1;filter: Alpha(Opacity=100);}
.ui-datepicker th {
text-align: center;
font-weight: normal;
font-size:11px;
color:#7c7c7c; 
border:1px solid #eaecea;
}
.ui-datepicker .ui-state-hover {background:#fdf5ce none;}
.ui-datepicker .ui-state-highlight {background:#fdf5ce none;}
.ui-datepicker .ui-state-active {background:#FFE45C none;}
.ui-datepicker .ui-datepicker-prev {background:transparent url(../img/ui/cal-arrs.png) no-repeat 8px 4px; width:22px; height:22px;border:0; -moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;}
.ui-datepicker .ui-datepicker-prev span {visibility:hidden;}
.ui-datepicker .ui-datepicker-prev-hover {left:2px; top:2px;}
.ui-datepicker .ui-datepicker-next {background:transparent url(../img/ui/cal-arrs.png) no-repeat 4px -41px; width:22px; height:22px;border:0; -moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;}
.ui-datepicker .ui-datepicker-next span {visibility:hidden;}
.ui-datepicker .ui-datepicker-next-hover {right:2px; top:2px;}


/* Footer */
#footer {position:fixed; width:100%; bottom:0; z-index:21; left:0; overflow:hidden;}
.msie6 #footer {visibility:hidden;}
.btm-bar-orange {background:#e06200 url(../img/footer-bar-orange-bg.png) repeat-x bottom; height: 20px; padding:8px 0; background-attachment: fixed; width:100%; color:#fff; font-size:11px;}
.btm-bar-orange a {color:#fff; text-decoration:none;}
.btm-bar {height:31px; padding:5px 0 5px; height: 27px; background:#1d8ee0 url(../img/footer-bar-bg.png) repeat-x 0 0; width:100%; clear:both;}
.btm-bar a {color:#fff; text-decoration:#fff;}

.btm-bar-i {
/* 	width: 980px; */
	padding: 0 10px;
	margin: 0 auto;
}

.slot {font-size:12px;float:left;background:transparent url(../img/btm-bar-slot.png) no-repeat right -43px;padding-right:15px;color:#fff;}
.slot-i {background:transparent url(../img/btm-bar-slot.png) no-repeat 0 0;float:left;}
.slot-i strong {font-weight:normal; padding-left:15px;padding:7px 0 8px 15px;line-height:16px;height:16px;float:left;}
.slot-i strong.slot-ico-warning {padding-left:36px;background:transparent url(../img/btm-bar-slot.png) no-repeat 2px -82px;}
.slot-i a { text-decoration: underline;}
.copyright {float:left;white-space:nowrap;padding:5px 0 5px 2px;line-height:12px;}

.btm-links {float:left;line-height:12px;white-space:nowrap;padding:5px 0 5px;overflow:hidden;}
.btm-links li{margin-left:-1px;float:left;display:inline;padding:0 11px 0 10px;background:transparent url(../img/link-sep.gif) no-repeat left 4px;}


/* jQuery ScrollPane */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: transparent;}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.jspVerticalBar *, .jspHorizontalBar *{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background:transparent url(../img/modal/custom-scroll.png) repeat-y 7px 0; position: relative;}
.jspDrag{background: transparent url(../img/modal/custom-scroll.png) no-repeat -23px 0; position: relative; top: 0;left: 0;cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin: 0 -3px 0 0;}

/**/

.e-modify { background:url(../img/ico-modify.png) no-repeat left top; padding:0 0 0 19px; color:#6a6e74; margin-left:19px; }
.e-delete { background:url(../img/ico-modify.png) no-repeat -122px top; padding:0 0 0 19px; color:#6a6e74; margin-left:19px; }

.lineHeight { line-height:20px; }

.btn-iptal {background:transparent url(../img/btn/btn-iptal.png) no-repeat 0 0; height:33px; width:81px; margin-top:2px}
.btn-iptal2 {background:transparent url(../img/btn/btn-iptal2.png) no-repeat 0 0; height:40px; width:90px; margin-top:5px}
.btn-tamam {background:transparent url(../img/btn/btn-tamam.png) no-repeat 0 0; height:33px; width:81px; margin-top:2px}
.btn-modal-tamam {background:transparent url(../img/btn/btn-modal-tamam.png) no-repeat 0 0; height:33px; width:94px;}
.btn-tekrar-dene {background:transparent url(../img/btn/btn-tekrar-dene.png) no-repeat 0 0; height:33px; width:120px;}
.btn-adsl-iptalini-onayliyorum {background:transparent url(../img/btn/btn-adsl-iptalini-onayliyorum.png) no-repeat 0 0; height:33px; width:212px;}


.modify-results { color:#f45e5c; font-size:10px; padding-left:10px}




/* Canvas */

cufon {
    text-indent: 0 !important;
}
cufon {
    display: inline-block !important;
    font-size: 1px !important;
    line-height: 1px !important;
    position: relative !important;
    vertical-align: middle !important;
}
cufon cufontext {
    display: inline-block !important;
    height: 0 !important;
    overflow: hidden !important;
    text-indent: -10000in !important;
    width: 0 !important;
}
cufon canvas {
    position: relative !important;
}
cufon {
    padding: 0 !important;
}
cufon canvas {
    display: none !important;
}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow:hidden; line-height:0;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#login-area {
    background: url(../assets/i/bg/login-bg.jpg) repeat-x top left;
    width:100%; 
    height:100%;    
}

.header-login {
    width:366px;
    padding:0;
    margin:0 0 45px 10px;
}

.header-login h1.logo a {
    background: url(../assets/i/interface/turuncu-logo.jpg) no-repeat top left;
    display:block;
    width:366px;
    height:38px;
    padding:0;
    margin:0;
    text-indent:-9999px;
    text-decoration:none;
}

.header-login h1.logo a:hover {
    display:block;
    width:366px;
    height:38px;
    padding:0;
    margin:0;
    text-indent:-9999px;
    text-decoration:none;
}

.cont-layer {
    background: url("../assets/i/bg/main-layer-bg.jpg") no-repeat scroll left top transparent;
    height: 421px;
    margin: 0;
    padding: 0;
    width: 856px;
}
.cont-layer .left {
    float: left;
    height: 399px;
    margin: 0;
    padding: 22px 0 0 30px;
    position: relative;
    width: 257px;
}
.left h1.hosgeldiniz {
    background: url("../assets/i/interface/txt-ttnethosgeldiniz.jpg") no-repeat scroll left top transparent;
    height: 41px;
    margin: 0 0 18px;
    padding: 0;
    text-indent: -9999px;
    width: 231px;
}
.left .button a {
    background: url("../assets/i/buttons/sifreolustur.jpg") no-repeat scroll left top transparent;
    bottom: 30px;
    height: 59px;
    left: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    width: 229px;
}
.left p {
    color: #656565;
    font: 11px/14px Tahoma,Geneva,sans-serif;
    margin: 0 10px 20px 0;
    padding: 0;
}
.left p a {
    color: #F26C1F;
    font: 11px/14px Tahoma,Geneva,sans-serif;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
.cont-layer .right {
    float: left;
    height: 421px;
    margin: 0;
    padding: 0;
    width: 560px;
}

.frameDiv{

    border-color: #C9D4CC;
    border-width: 5px;
    border-style: solid;
}

.taahhutTable th {
font-family: Tahoma, Geneva, sans-serif;background-color:#ED6E00; color:white; font-size:12px; font-weight:bolder;border-style: solid;border-width: 1px;
}

.taahhutTable td {
font-family: Tahoma, Geneva, sans-serif; text-align:center; color:#666666; font-size:11px; font-weight:normal;border-style: solid;border-width: 1px;
}

.alonet-table {
    margin: 12px 0;
    margin-left: 20px;
}

.alonet-table th {
    padding: 12px 15px;
    color: #f66f06;
    vertical-align: top;
}

.alonet-table td {
    padding: 11px 15px;
    width: 120px;
    font-weight: bold;
}

.clear { clear: both;}

.centerText{
    text-align: center;
}

a.ico-online {background:transparent url(../img/ico-online.png) no-repeat 0 1px;padding:0 0 0 21px; border-bottom:1px solid #f7883d;color:#fff; margin-left: -25px; margin-right: 25px;}
.tbox { position: absolute; display: none;  padding: 14px 17px; z-index: 900;}
.tinner { padding: 15px;    -moz-border-radius: 5px;    border-radius: 5px; background: #fff url(images/preload.gif) no-repeat 50% 50%; border-right: 1px solid #333;   border-bottom: 1px solid #333;  font-size:13px;font-family:Tahoma;background-color: #ECF2EE;}
.tmask { position: absolute;    display: none;  top: 0px;   left: 0px;  height: 100%;   width: 100%;    background: #000;   z-index: 800;   opacity:.7; /* Standard CSS */    filter:alpha(opacity=70); /* IE patch */}
.btn-ekle-duzenle {background:transparent url(../img/btn/btn-ekle-duzenle.png) no-repeat 0 0; height:33px; width:120px;}
.btn-sorgula {background:transparent url(../img/btn/btn-sorgula.png) no-repeat 0 0; height:33px; width:130px;}

/*


    RE-BRANDING



*/




@font-face {
    font-family: 'CentraleSansBold-Italic';
    src: url('../font/2F6C37_0_0.eot');
    src: url('../font/2F6C37_0_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_0_0.woff2') format('woff2'), url('../font/2F6C37_0_0.woff') format('woff'), url('../font/2F6C37_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansBook';
    src: url('../font/2F6C37_1_0.eot');
    src: url('../font/2F6C37_1_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_1_0.woff2') format('woff2'), url('../font/2F6C37_1_0.woff') format('woff'), url('../font/2F6C37_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansBook-Italic';
    src: url('../font/2F6C37_2_0.eot');
    src: url('../font/2F6C37_2_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_2_0.woff2') format('woff2'), url('../font/2F6C37_2_0.woff') format('woff'), url('../font/2F6C37_2_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansHairline';
    src: url('../font/2F6C37_3_0.eot');
    src: url('../font/2F6C37_3_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_3_0.woff2') format('woff2'), url('../font/2F6C37_3_0.woff') format('woff'), url('../font/2F6C37_3_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansBold';
    src: url('../font/2F6C37_4_0.eot');
    src: url('../font/2F6C37_4_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_4_0.woff2') format('woff2'), url('../font/2F6C37_4_0.woff') format('woff'), url('../font/2F6C37_4_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansHairline-Italic';
    src: url('../font/2F6C37_5_0.eot');
    src: url('../font/2F6C37_5_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_5_0.woff2') format('woff2'), url('../font/2F6C37_5_0.woff') format('woff'), url('../font/2F6C37_5_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansLight';
    src: url('../font/2F6C37_6_0.eot');
    src: url('../font/2F6C37_6_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_6_0.woff2') format('woff2'), url('../font/2F6C37_6_0.woff') format('woff'), url('../font/2F6C37_6_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansLight-Italic';
    src: url('../font/2F6C37_7_0.eot');
    src: url('../font/2F6C37_7_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_7_0.woff2') format('woff2'), url('../font/2F6C37_7_0.woff') format('woff'), url('../font/2F6C37_7_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansMedium-Italic';
    src: url('../font/2F6C37_8_0.eot');
    src: url('../font/2F6C37_8_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_8_0.woff2') format('woff2'), url('../font/2F6C37_8_0.woff') format('woff'), url('../font/2F6C37_8_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansMedium';
    src: url('../font/2F6C37_9_0.eot');
    src: url('../font/2F6C37_9_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_9_0.woff2') format('woff2'), url('../font/2F6C37_9_0.woff') format('woff'), url('../font/2F6C37_9_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansThin';
    src: url('../font/2F6C37_A_0.eot');
    src: url('../font/2F6C37_A_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_A_0.woff2') format('woff2'), url('../font/2F6C37_A_0.woff') format('woff'), url('../font/2F6C37_A_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansThin-Italic';
    src: url('../font/2F6C37_B_0.eot');
    src: url('../font/2F6C37_B_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_B_0.woff2') format('woff2'), url('../font/2F6C37_B_0.woff') format('woff'), url('../font/2F6C37_B_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansXBold';
    src: url('../font/2F6C37_C_0.eot');
    src: url('../font/2F6C37_C_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_C_0.woff2') format('woff2'), url('../font/2F6C37_C_0.woff') format('woff'), url('../font/2F6C37_C_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansXBold-Italic';
    src: url('../font/2F6C37_D_0.eot');
    src: url('../font/2F6C37_D_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_D_0.woff2') format('woff2'), url('../font/2F6C37_D_0.woff') format('woff'), url('../font/2F6C37_D_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansXLight';
    src: url('../font/2F6C37_E_0.eot');
    src: url('../font/2F6C37_E_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_E_0.woff2') format('woff2'), url('../font/2F6C37_E_0.woff') format('woff'), url('../font/2F6C37_E_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansXLight-Italic';
    src: url('../font/2F6C37_F_0.eot');
    src: url('../font/2F6C37_F_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_F_0.woff2') format('woff2'), url('../font/2F6C37_F_0.woff') format('woff'), url('../font/2F6C37_F_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansXThin';
    src: url('../font/2F6C37_10_0.eot');
    src: url('../font/2F6C37_10_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_10_0.woff2') format('woff2'), url('../font/2F6C37_10_0.woff') format('woff'), url('../font/2F6C37_10_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CentraleSansXThin-Italic';
    src: url('../font/2F6C37_11_0.eot');
    src: url('../font/2F6C37_11_0.eot?#iefix') format('embedded-opentype'), url('../font/2F6C37_11_0.woff2') format('woff2'), url('../font/2F6C37_11_0.woff') format('woff'), url('../font/2F6C37_11_0.ttf') format('truetype');
}





body {
    background:#FFF  no-repeat center top;
    font-family: "Mulish", sans-serif;
    font-size:12px;
    color:#515151;
    padding-bottom:50px;
}

.btm-links a,
a {color:#002855;}

.btm-links a:hover {
	text-decoration: underline;
}


.cont {
    width:1170px;
    padding-top:25px;
}



#header {background:#FFF; border-bottom:1px solid #d3d3d3; height:100px;}
#header .logo {width:419px; height:67px; background:url(../img/logo.png); margin:0px;}
#header:after {
    border-bottom:3px solid #ebebeb;
    width:100%;
    content:" ";
    display:block;
    position:absolute;
    top:101px;
}
#header .header-i {
    padding:0px;
    padding-top:15px;
    width:1170px;
    position:relative;
}


.login-right-col {
    background:none;
}

li {width:auto;}

.bulletlist li,
.circle-list li,
.list li {color: #002855 !important; /*background:url(../img/ico-sp.png) no-repeat 0px 7px !important; */padding-left:14px;}
.action-links li {background:url(../img/ico-sp.png) no-repeat 0px 2px !important; padding-left:14px;}

.list li {color: #002855 !important;font-size:12px; line-height:140%; padding-bottom:10px;}
.circle-list li {color: #002855 !important;background-position:left 4px !important; padding-bottom:4px;}

#footer {
    position:static;
    margin-top:15px;
}
#footer .btm-bar-orange {
    background:#FFF;
    overflow: hidden; height:100%;
}
#footer .btm-bar-orange a {color:#002855; border-bottom:1px solid #ccd4dd;}
#footer .btm-bar-orange .btm-bar-i {width:1140px; border-top:2px solid #002855; color:#002855; font-size:14px; padding:30px 0px 20px; overflow:hidden;}
#footer .btm-bar-orange .btm-bar-i span.copyright {display:none;}
#footer .btm-bar-orange .btm-links li{padding-left:0px; background:none;}
#footer .btm-bar-orange .btm-links li:last-child {display:none;}
#footer .btm-bar-orange .btm-links a {border:none;}
#footer .btm-bar {background:none; height:auto;}
#footer .btm-bar .btm-bar-i {width:1140px; border-top:2px solid #ebebeb; padding:20px 0px;}
#footer .btm-bar p {display:none;}
#footer .globalsign-logo {border:0 !important;}
#footer .globalsign-logo img{width:auto !important; height:auto !important;}

#footer .slot {
    position: fixed;
    left: 0px;
    bottom:0px;
    width: 100%;
    padding: 0px;
    background:#05b4c7;
    z-index:90;
}
#footer .slot-i {
    width:960px;
    margin:0px auto;
    float:none;
    padding:10px 0px;
    display:block;
    background:none;
    height:20px;
}
#footer strong {
    background:url(../img/btm-bar-slot.png) no-repeat center left;
    padding:4px 0 0 30px;
    height:21px;
}


#accounts a {color:#000 !important;}
#header .ico-online {position:absolute; top:30px; right:320px;  background:url(../img/ico-online.png) no-repeat; height:33px; border:none; padding-left:45px; width:125px; display:block; word-wrap: break-word; font-family:"CentraleSansMedium",Verdana,Helvetica; font-size:14px; text-decoration:none; text-align:left; color:#000 !important;} 

#user-info {
    color:#FFF;
    background:#05b4c7 url(../img/ddl-right-arrow.png) no-repeat 280px 25px;
    padding:15px;
    position:absolute;
    z-index:10;
    right:0px;
    font-size:12px;
    width:285px;
    
}
#user-info > p {width:auto; margin:0px; padding:0px;}
#user-info > p span { display:none; padding-top:15px; border-top:2px solid #00a9bb; margin-top:15px; padding-bottom:15px;}
#user-info > p span.welcome {min-height:25px; display:block; border:0; padding:0; margin:0px; background:url(../img/dropdown-ico.png) no-repeat left center; padding-left:33px; line-height:140%;}
#user-info > table {width:100%; display:none;}
#user-info > table tr td {padding-top:15px; border-top:2px solid #00a9bb; padding-bottom:15px;}
#user-info > table tr td:first-child {width:107px;}

#user-info:hover p > span{
    display:block;
}
#user-info:hover table {display:table;}
#user-info .accounts-area {display:none; position:static;}

#user-info #account-info .accounts-area {display:none;}
#user-info:hover #account-info.open .accounts-area {display:block;}
#user-info #logout {display:none;}
#user-info .ico-user {
    display: none;
    color: #fff;
    text-decoration: none;
    border-top: 2px solid #00a9bb;
    padding-top: 15px;
    padding-bottom:10px;
    background:url(../img/opt-arrow.png) no-repeat right center;
}
#user-info:hover .ico-user,
#user-info:hover #logout {display:block;}


#user-info .accounts-top, #user-info .accounts-bottom{display:none;}
#user-info .accounts-content {margin-top:10px;background:none; padding:0px; color:#FFF; background:#00a9bb; padding:10px; width:275px !important; overflow:auto;}
#user-info .accounts-content h4 {text-align:left; padding:0 0 10px 0; color:#97dce1;}
#user-info .accounts-content ul li {padding:10px 0px; border-top:1px solid #97dce1; background:none; color:#000;}
#user-info .accounts-content .accounts-list-fl {width:120px;}
#user-info .accounts-content .accounts-list-fl span {color:#97dce1; padding-bottom:4px;}
#user-info .accounts-content .accounts-list-fr {width:105px;}
#user-info .accounts-content .accounts-list-fr span {padding-bottom:4px;}

.narrow-col .mc-menu-top,
.narrow-col .mc-menu-btm {display:none;}

.narrow-col {padding:0px; width:260px; position:relative;}
.wide-col {width:100%; padding:0px;}
.wide-col p {line-height:150%;}

.narrow-col .mc-searchbox {width:100%;}
#qs {
    background:none;
    padding:0px;
    margin:0px;
}
.mc-searchbox { margin:0px; padding:0px; background:#FFF; height:65px;}
.mc-menu {width:100%; background:#FFF;}
.mc-menu ul, .mc-menu ul li {width:100%;}
#accordion-1 {padding-left:0px;}
#mc-search {padding:10px 40px 10px 10px; height:auto; width:auto; border:1px solid #bfc9d4; color:#758a9f; background:url(../img/ico-input-search.png) no-repeat 180px center !important; font-family:"Mulish",Verdana,Helvetica; font-size:14px; line-height:24px;}
#qs.qs-active #mc-search {color:#758a9f; background: #FFF !important;}
.mc-menu li {background:none; border-top:1px solid #ededed; font-family:"Mulish",Verdana,Helvetica; padding:0px; width:auto;}
.mc-menu li li {}
.mc-menu li a {background:none; color:#002855; padding:20px 0px; font-size:16px; line-height: 18px; width:100%; }
/*.mc-menu li a:hover,
.mc-menu li a.current-branch {color:#05b4c7;}*/
.mc-menu li a span {padding:0px; width:auto;}
.mc-menu ul li ul { width:220px; padding-bottom:0px; background-color:rgba(0, 0,0, 0.20) !important;}
.mc-menu ul li ul li {border:none;}
.mc-menu ul li li a{padding:8px 0px; font-size:16px; color:#002855;  font-family:"Mulish",Verdana,Helvetica; width:100%;}
.mc-menu ul li li a span {width:100%; font-family:"Mulish",Verdana,Helvetica;margin-left: 15px !important;}
.mc-menu li li li,
.mc-menu li li li a,
.mc-menu li li li a span{background:none !important; font-family:"Mulish",Verdana,Helvetica;}


.mc-menu li li.current-page a span { background:none;padding-left: 0px;}
.mc-menu li li.current-page a {background:url() no-repeat left center !important; }
.mc-menu li li li a span {}

.mc-menu li li ul {padding:5px 0px; }
.mc-menu li li li a{color:#002855 !important; font-size:14px;}
.mc-menu li li li.current-page a {background:url() no-repeat left center !important;  background-color:rgba(0, 87, 101, 0.8) !important;
		    color: #fff !important;}

.mc-menu li a > span {font-family:"Mulish" !important;}

.mc-menu > ul > li > a.current-page {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}
#page-controls {display:none;}

#qs-results {top:55px; width:220px; padding:10px 0px; font-family:"Mulish",Verdana,Helvetica; font-size:13px;}
#qs-results, #qs-results ul {background:#FFF;}
#qs-results ul {padding:0px;width:100%;}
#qs-results li {padding:5px 10px 5px 10px; border:none; border-bottom:1px solid #ebebeb; width:200px;}
#qs-results li a {text-decoration:none; width:100%;}
#qs-results li a:hover {color:#0082ca;}
#qs-results li strong {background:#cedc00; padding:3px;}
#qs-tooltip {background:#0082ca; width:220px; color:#FFF; left:0px !important;}
#qs-tooltip.qs-tooltip-visible { margin-left:0px !important;}

.wide-col .wraptile{width:100%; color:#515151;}
.wide-col .bnr-cont {margin-bottom:20px; height:100%; overflow:hidden;}
.wide-col .bnr-cont img {width:100%;  height:auto;}

.wide-col .highlighted {width:100%; margin:0px; background:none; font-size:14px; border:none;}
.wide-col .highlighted-i {width:100%; padding:10px 0px; background:none !important;}
.wide-col li {color:#515151;}
.greeting {font-size:14px;}
.seperator {background:none; height:15px;}

.btm-dark {background:none;}
.btm-dark iframe {width:690px !important;}
.btm-dark a {text-decoration:underline;}

.highlighted-alt {width:auto; border:none; background:#fff; margin:0px; padding:0}
.highlighted-alt.footnote {background:#FFF; padding:10px 0px;}
.highlighted-alt.nopbtm {/*padding-bottom:15px !important;*/}

.highlighted-alt .highlighted-alt {padding:0px;}

.help-box {background-image:url(../img/help-ico.png); background-position:15px; padding:10px 10px 10px 120px;}

.light-color-overlay {background:#fff;}
.color-overlay-mid {background:none;}

.color-overlay-top, .color-overlay-btm {display:none;}

.btn-tamam {background:url(../img/btn/btn-tamam.png);  width:113px; height:40px;}
.btn-icerik {background:url(../img/btn/btn-icerik.png);  width:200px; height:40px;}

.btn-package-satin-al {background:url(../img/btn/btn-package-satin-al.png);  width:123px; height:40px;}



.btn-olustur {background:url(../img/btn/btn-olustur.png);  width:104px; height:40px;}
.btn-degisiklikleriKaydet {background:url(../img/btn/btn-degisiklikleriKaydet.png);  width:160px; height:40px;}
.btn-closeGuestNw {background:url(../img/btn/btn-closeGuestNw.png);  width:154px; height:40px; background-repeat: no-repeat;}


.btn-duzenle,
.btn-duzelt {background:url(../img/btn/btn-duzelt.png);  width:99px; height:40px;}
.btn-tekrardeneyiniz {background:url(../img/btn/btn-tekrardeneyiniz.png);  width:164px; height:40px; background-repeat: no-repeat;}
.btn-yeni {background:url(../img/btn/btn-yeni-kayit.png); width: 120px; height: 45px;}
.btn-duzenle-yeni{background:url(../img/btn/btn-duzenle-yeni.png); height:40px; width:99px;}
.btn-sifirla {background:url(../img/btn/btn-sifirla.png);  width:95px; height:40px;}
.btn-sil {background:url(../img/btn/btn-sil.png);  width:72px; height:40px;}
.btn-exit {background:url(../img/btn/btn-exit.png);  width:84px; height:40px;}
.btn-indir {background:url(../img/btn/btn-indir.png);  width:84px; height:40px;}
.btn-baslat {background:url(../img/btn/btn-baslat.png);  width:98px; height:40px;}
.btn-ekle-duzenle {background:url(../img/btn/btn-ekle-duzenle.png);  width:153px; height:40px; margin-right:-25px;}
.btn-eye-hidden-icon{background:url(../img/btn/hide.png); width:25px; height:25px; background-repeat: no-repeat;}

#logout {background:url(../img/btn/btn-cikis.png);  width:88px; height:40px; margin-top:15px;} 



.btn-tamam:hover,
.btn-icerik:hover,
.btn-ana-sayfa:hover,
.btn-incele:hover,
.btn-package-satin-al:hover,



.btn-tekrardeneyiniz:hover,

.btn-duzenle:hover,
.btn-duzenle-yeni:hover,
.btn-duzelt:hover,
.btn-olustur:hover,
.btn-degisiklikleriKaydet:hover,
.btn-closeGuestNw:hover,
.btn-sifirla:hover,
.btn-sil:hover,
.btn-exit:hover,
.btn-indir:hover,
.btn-baslat:hover,
.btn-ekle-duzenle:hover,
.btn-yeni:hover,
#logout:hover {
    background-position: left bottom !important;
}


.input-custom-class-radio {background:url(../img/radio-sp.png);}
.input-custom-class-radio-active {background:url(../img/radio-sp.png) no-repeat 0 -23px;}


.tabular-data-1 {border:1px solid #dee3ed; margin:10px 0px !important; border-radius: 4px !important;}
.tabular-data-1 th {background:#05b4c7; font-weight:bold; color:#fff; border-bottom: 0; text-align:left;}
.tabular-data-1 td {background:#FFF; border-bottom:1px solid #ebebeb;}
.tabular-data-1 tr.even-row td {font-weight: normal;
    font-style: normal;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
    color: #002855 !important;background:white !important;}
.tabular-data-1 tr.odd-row td {background:#FFF;}
.horizontal-head {color:#002855; width:200px; font-weight: bold !important;}

.tabular-data-2 td{background:white !important; padding:10px !important; }
.tabular-data-3 {margin:15px 0px !important;}

.tabular-data-4 {margin:12px 0; }
.tabular-data-4 {border: 2px solid #ebebeb;margin: 10px 0px !important;}
.tabular-data-4 th {background:#05b4c7; font-weight:bold; color:#fff; border-bottom: 0; text-align:left;}
.tabular-data-4 td {background:#FFF; border-bottom:1px solid #ebebeb;}
.tabular-data-4 tr.even-row td {background:#FFF;}
.tabular-data-4 tr.odd-row td {background:#FFF;}

.wide-col h1 {font-family:"Mulish",Verdana,Helvetica; font-size:42px; color:#002855;}
.wide-col h2 {font-family:"Mulish",Verdana,Helvetica; font-size:22px; color:#002855;}
.wide-col h4 {font-family:"Mulish",Verdana,Helvetica; font-size:18px; color:#515151;}
#breadcrumb a {color:#72869d;}



.mc-dropdown-title,
.mc-dropdown-title-i {background:none;}

.mc-dropdown-cont-top,
.mc-dropdown-cont-btm {display:none;}

.mc-dropdown-title {
    border: 1px solid #dee3ed !important;
    border-radius: 4px !important;
    height: 56px !important;
    padding: 15px !important;
    color: #717d8d !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    background-image: linear-gradient(45deg, transparent 50%, #919eba 50%), linear-gradient(135deg, #919eba 50%, transparent 50%) !important;
    background-position: calc(100% - 22px) calc(1em + 8px), calc(100% - 17px) calc(1em + 8px) !important;
    background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;


}
/*.mc-dropdown-cont {bottom:44px;} */
.mc-dropdown-cont-mid {border:1px solid #bfc9d4; color:#05b4c7; padding:10px; background: #FFF; }
.mc-dropdown-list a {font-weight:normal; text-decoration:none; }
.mc-dropdown-list li.mc-dropdown-list-over a {color:#05b4c7;}
.mc-dropdown-list a strong {font-weight:normal;}
.mc-dropdown-title-i {color:#05b4c7;}


.paging {
    background: none;
    left: calc(0% - 130px);
}
.paging a.paging-active {color:#0082ca;}
.paging a:hover {color:#05b4c7;}

.form-table .mod,
.indented-cell span.mod {float:left; width:auto;}

span.mod,
span.mod-i{background:none; height:auto; padding:0px; width:100%; margin:0px; display:block;}

span.mod input {
    width: 300px;
    color: #222943;
    padding-left:15px;
    font-size: 16px;
    font-weight: 400;
    background-color: #ffffff;
    height: 56px !important;
    border-bottom: 1px solid #dee3ed;
    border-left: 1px solid #dee3ed !important;
    border-right: 1px solid #dee3ed !important;
    border-top: 1px solid #dee3ed !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    border-radius: 4px;
}
span.mod input:focus {
    background:#fff;
    border-color:#0082ca;
}

span.mod a:focus {
    background:#fff;
    border-color:#0082ca;
}
span.mod a {
    width: 300px;
    color: #222943;
    padding-left:15px;
    font-size: 16px;
    font-weight: 400;
    background-color: #ffffff;
    height: 56px !important;
    border-bottom: 1px solid #dee3ed;
    border-left: 1px solid #dee3ed !important;
    border-right: 1px solid #dee3ed !important;
    border-top: 1px solid #dee3ed !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    border-radius: 4px;
}
.date-field-hatdondurma {
	width:285px;
	color:#05b4c7;
	font-size: 13px;
    font-weight: bold;
    font-family: inherit;
}
.input-custom-class-checkbox {
    background-image:url(../img/check-sp.png);
    width:20px; height:20px;
}
.input-custom-class-checkbox-active {
    background-image:url(../img/check-sp.png);
    width:20px; height:20px;
    background-position:-0 bottom;
}

.pageLink {
	margin-bottom : 97px;
}


.btn-container {padding:0px;}

.custom-select-item .custom-select-item-left,
.custom-select-item .custom-select-item-right {background:none; height:auto;}

.custom-select-wrapper {}
.custom-select-item {
    margin-bottom: 5px;
    background: #fff;
    height:auto;
}
.custom-select-item .custom-select-item-left {padding-left:0px;}
.custom-select-item .custom-select-item-right{
    border: 1px solid #dee3ed !important;
    border-radius: 4px;
    height: 56px;
    padding: 15px;
    color: #717d8d;
    width: 110px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    background-image: linear-gradient(45deg, transparent 50%, #919eba 50%), linear-gradient(135deg, #919eba 50%, transparent 50%);
    background-position: calc(100% - 22px) calc(1em + 8px), calc(100% - 17px) calc(1em + 8px);
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
.custom-select-wrapper select.custom-select-active {
    top:50px;
}
.custom-select-item .custom-select-item-text { padding-top:0 !important;height:auto;padding-left: 0 !important;}
/*.custom-select-item .custom-select-item-text {background:url(../img/select-arrow.png) no-repeat right center; padding-right: 10px;} */


.fatura-select-item .fatura-select-item-left,
.fatura-select-item .fatura-select-item-right {background:none; height:auto;}

.fatura-select-wrapper {}
.fatura-select-item {
    margin-bottom: 5px;
    background: #fff;
    height:auto;
}
.fatura-select-item .fatura-select-item-left {padding-left:0px;}
.fatura-select-item .fatura-select-item-right{
    border: 1px solid #dee3ed !important;
    border-radius: 4px;
    height: 56px;
    padding: 7px 0;
    color: #717d8d;
    width: 110px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    background-image: linear-gradient(45deg, transparent 50%, #919eba 50%), linear-gradient(135deg, #919eba 50%, transparent 50%);
    background-position: calc(100% - 22px) calc(1em + 8px), calc(100% - 17px) calc(1em + 8px);
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
.fatura-select-wrapper select.fatura-select-active {
    top:50px;
}
.fatura-select-item .fatura-select-item-text {padding-top: 9px;
    height: auto;
    padding-left: 15px;
    font-size: 16px !important;
    color: #717d8d !important;}
.fatura-select-item .fatura-select-item-text {no-repeat right center; padding-right: 10px;}


.services-pack {padding:15px;background:#e5e9ee;}
.highlighted-alt .services-pack {  padding: 18px 0px 25px 0px; }

.services-pack,
.services-pack-action {width:auto;}

.tivibu-icon-info,
.tivibu-icon-enabled,
.tivibu-icon-info {background-image:url(../img/tivibu-table-icons.png);}


.ui-datepicker-header {background:#FFF !important; color:#002855 !important; border:none !important; border-radius:0 !important;}
.ui-datepicker {border-radius:0px !important; background:#FFF !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color:#05b4c7;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#05b4c7 !important; border:1px solid #05b4c7 !important; color:#FFF ;}

a.ui-datepicker-prev,
a.ui-datepicker-prev-hover,
.ui-state-hover, 
.ui-widget-header .ui-state-hover {background-color:#FFF !important; background-image:url(../img/ui/cal-arrs.png) !important; border-color:#FFF !important;}

.cal-ico {
    background-image:url(../img/cal-ico.png) !important; height: 56px !important;
    position: absolute;
    width: 54px;
    top: 0px;
    background-position: center;
}

.cal-ico-e2e {
    background: transparent url(../img/cal-ico.png) no-repeat 0 0;
    background-image:url(../img/cal-ico.png) !important; height: 56px !important;
    position: absolute;
    width: 54px;
    top: 0px;
    right:10px;
    background-position: center;
}

.ui-widget-content .ui-state-hover,
.ui-datepicker-current-day .ui-state-default {border-color:#05b4c7 !important; background:#FFF !important; }

.ui-datepickertt-calendar > tbody > tr > td > .ui-state-active.ui-state-hover{
background:#05b4c7 !important;
}

.orange-icon-info,
.orange-icon-info2 {
    padding:0px; 
    background-image:url(../img/icons-notification.svg) !important;
    width: 26px;
    height: 26px;
}

.aciklama {background:#eeeeee !important; border:2px solid #e2e2e2 !important; border-radius: 0 !important;}
#sol_ok {
    border: 0 !important;
    background: transparent url(../img/ico-ok-aciklama.png) no-repeat 5px 0px !important;
    width: 25px;
    height: 30px;
    z-index: 2;
}

#sol_ok img {display:none;}

.aciklama-hiz {background:#eeeeee !important; border:2px solid #e2e2e2 !important; border-radius: 0 !important;}

.aciklama-tip {background:#eeeeee !important; border:2px solid #e2e2e2 !important; border-radius: 0 !important;}
.aciklama-ekurun-ozelligi{background:#eeeeee !important; border:2px solid #e2e2e2 !important; border-radius: 0 !important;}
.sol_ok {
    border: 0 !important;
    background: transparent url(../img/ico-ok-aciklama.png) no-repeat 5px 0px !important;
    width: 25px;
    height: 30px;
    z-index: 2;
}
.sol_ok img {display:none;}
.display-bill {
	white-space: nowrap;
    background: transparent url(../img/cell-icons.png) no-repeat 0 5px;
}

.chart-data-1 {
    height: 23px;
    color: #08bec9;
}
.chart-data-2 {
    height: 34px;
    color:#0082ca;
}

.btm-bar-i {
    border-top: 1px solid #ebebeb;
    font-size: 14px;
    overflow: hidden;
    width: 110%;
/*     width: 690px; */
}
.header-menu { overflow: hidden; float:right;}
.header-menu a { 
    width: 113px; 
    height: 66px; 
    overflow: hidden; 
    float: left; 
    background-color: #ebebeb; 
    margin-left: 10px; 
    color: #fff; 
    font-family:"Mulish",Verdana,Geneva;
    font-size: 12px; 
    text-align: center; 
    text-decoration: none;
    /*-webkit-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transition: all 0.3s ease;*/
}
.header-menu a:first-child { margin-left: 0;}
.header-menu a span { display: block; font-size: 46px;}
.header-menu a:hover { text-decoration: none; background-color: #00c7d2;}

.header-menu a.menu-link-mobile:hover {
    background:#ef4630 url(../img/header-menu-mobile.png) no-repeat;
}
.header-menu a.menu-link-internet:hover,
.header-menu a.menu-link-internet.active {
    background:#d6e200 url(../img/header-menu-internet.png) no-repeat;
}
.header-menu a.menu-link-televizyon:hover {
    background:#008cce url(../img/header-menu-televizyon.png) no-repeat;
}
.header-menu a.menu-link-telefon {
    background:url(../img/is-tel.png) no-repeat;
}
.header-menu a.menu-link-telefon:hover {
    background:url(../img/is-tel-hover.png) no-repeat;
}
.menu-link-telefon-hover {
    background:#05b4c7;
    width: 113px; 
    height: 66px; 
    overflow: hidden;
    display:none; 
    position:absolute; 
    right:0px;
}
.menu-link-telefon-hover a {
    display: block;
    border-bottom: 1px solid #06aab9;
    padding: 9px 0px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
}
.menu-link-telefon-kurumsal {border:none;}
.footerdipnote {
    float: left;
    padding: 5px 0 5px 2px;
    /* line-height: 12px; */
    text-align: left;
}
@media ( max-width: 768px){

    .btn-ek-paket-iptal {margin-top:10px !important;}
    .tivibu-pack-desc {width: 100% !important;}
    .tivibu-pack {margin-left: -40px;}
    .pull-right {width: 100% !important;}
    .pull-right.margin-top-25 {    margin-top: -5px !important;
        margin-bottom: 20px;}

}
@media (min-width: 706px) and (max-width: 970px) {
.services-pack-action {float: left !important;}
}
@media (max-width: 704px) {
.services-pack-desc {
    width: auto;
    float: left;
}

    .services-pack, .services-pack-action {
        width: 100%;
        padding: 20px 20px 0 20px;
    }

    .tivibuGo-icon, .security-icon, .education-icon, .music-icon, .cloud-icon,  .wifi-icon{    left: 20px;}

}


@media screen\0{

	.offerNameForIE{
		margin-top: -5px !important;
	}
}

.akn-bar {
    width: 100%;
    display: block;
    border: 2px solid #ebebeb;
    border-radius: 20px;
    margin-bottom: 10px;
}

.prices-bar span {
    float: left;
    text-align: center;
    position: relative;
}

.gb-bar {
    position: relative;
}

.gb-bar span.first {
    position: absolute;
    left: 0;
    text-align: left;
}

.gb-bar span {
    display: block;
    float: left;
    text-align: right;
    font-size: 11px;
    position: relative;
    z-index:10
}
.gb-bar span.first:after,
.gb-bar span.ml16:after{
    border-right: 0
}

.gb-bar span:after {
    border-right: 2px solid #ebebeb;
    content: "";
    position: absolute;
    top: -34px;
    z-index: 999;
    padding-top: 4px;
    height: 20px;
}
.prices-bar span:last-child:after {
    border-right: 0;
}
.prices-bar span.last:after {
    border-right: 0;
}

.bar {
    display: block;
    height: 20px;
    position: relative;
}

.bar .info {
    position: absolute;
    display: block;
    width: 75px;
    height: 50px;
    top: 80px;
    background-color: #d4de46;
    color: #002855;
    text-align: center;
    border-radius: 5px;
    left: 55%;
    margin-left: -37.5px;
    font-size: 14px;
}

.bar .info:before {
    content: "";
    border-right: 2px solid #d4de46;
    position: absolute;
    top: -80px;
    height: 80px;
    right: 37.5px;
}

.bar .info .gb-info {
    padding-top: 17px;
    display: block;
}

.color1 {
    background-color: #dfe778;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.color2 {
    background-color: #dce369
}

.color3 {
    background-color: #dae263
}

.color4 {
    background-color: #d8e05b
}

.color5 {
    background-color: #d5de53
}

.color6 {
    background-color: #d2dc4a
}

.color7 {
    background-color: #d0da42
}

.color8 {
    background-color: #cdd73a
}

.color9 {
    background-color: #c9d434
}

.color10 {
    background-color: #c8d330;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.color {
    height: 20px;
    display: block;
    width: 16%;
    float: left;
}

.empty {
    position: absolute;
    right: 0;
    z-index: 5;
    height: 20px;
    top: 0;
    background: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.akn-area {
    height: 170px;
    font-family: CentraleSansBold;
    font-size: 12px;
}
.gb-item:first-child{
    padding-left: 16px;
    color:red;
}
.gb-item-0{
    padding-left: 12px;
}
.ml16{
    margin-left: -12px;
}

/*  Bootstrap p tagini ezmek icin yazildi. */
p {
    margin: 0 0 20px;
}

/*Canlı Destek*/


.well{padding: 15px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f0f2f5 !important;
    border: 0px solid #e3e3e3;
    color: #222943 !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.05);}
.well a {color: #05adee;
    text-decoration: none;}

@media (max-width: 767px){
    .input-white-button {
        width: 100%;
    }
   
    .input-blue-button {
        width: 100%;
    }
}

.input-white-button {
	outline: none !important;
	padding: 10px 15px !important;
	box-shadow: none !important;
	background: white !important;
	border: 1px solid #002855 !important;
	border-radius: 5px !important;
	color: #002855 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	cursor: pointer !important;
	height: 44px !important;
}

.input-blue-button {
	outline: none !important;
	padding: 10px 15px !important;
	box-shadow: none !important;
	background: #002855 !important;
	border: 1px solid #002855 !important;
	border-radius: 5px !important;
	color: white !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	cursor: pointer !important;
	height: 44px !important;
}


/*Captcha Blogu*/

.captcha-container{
    margin-bottom:20px;
    user-select: none;
}

.captcha-container .captcha-img-refresh-container {

    border-radius: 3px;
    margin-bottom: 10px;
    border-style: solid;
    border-color : rgb(226, 232, 240);
    display:flex;
    border : 0px;
}

.captcha-container .div-img-captcha {
    border-width : 1px;
    border-color : rgb(226, 232, 240);
    border-style: solid;
    border-radius: 4px 0px 0px 4px;
}

.captcha-container .img-captcha {
    display: block;
    height: 53px;
    width: 201px;
    margin: 3px auto;}


.captcha-container .div-refresh{
    width: 64.5px;
    display: flex;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(222, 227, 237);
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;

}

.captcha-container .svg-refresh{
    margin: auto;
}

.captcha-container .captcha-text{
    border-style: solid;
    border-color: rgb(226, 232, 240);
    border-width: 1px;
    border-radius: 3px;
    padding-left: 1rem;
    height: 3.5rem;
    width: 100%;
}

.captcha-container .span-error-icon{
    display: flex;
    margin-top: 5px;
}


.captcha-container .span-pin-error-message{
    line-height: 1;
    color: rgb(204, 45, 31);
    padding-top: 5px;
    padding-left: 5px;
}

/*Validation CSS*/

.tt-error {
    border-bottom: 3px solid rgb(204, 45, 31) !important;
    /*margin-bottom: 9px !important;*/
    color: rgb(204, 45, 31) !important;
    border-radius: 5px !important;
}

.tt-labelError {
    color: #cc2d1f !important;
    height: 25px;
}

.tt-labelError:before {
    content: '';
    background-image: url(../img/svg/tt-error.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat !important;
    margin-right: 8px;
    position: relative;
    top: 5px;
}

.inputRed::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cc2d1f !important;
    opacity: 1; /* Firefox */
}

.inputRed:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cc2d1f !important;
}

.inputRed::-webkit-input-placeholder {
    color: #cc2d1f !important;
}
/*e2e style*/
.e2e-container{
	text-align:left !important;
}

/*EMPTY STATE*/
.empty-state {
    width:570px;
    height: auto;
    min-height:100px;
    display: flex;
    padding-bottom: 14px;
    padding-right: 10px;
    margin: 0 auto;
}

.empty-state .desc{
    width: 498px;
    float: left;

}

.empty-state .desc .title{
    min-height: 32px;
    font-family: Mulish;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #222943;

}

.empty-state .desc .description{
    min-height: 48px;
    font-family: Mulish;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #222943;
}

@media (min-width: 556px) {
    .empty-state .icon {
        width: 72px;
        min-height: 100px;
        float: left;
    }
}



@media (max-width: 555px) {
    .empty-state {
        margin: 0 auto;
        width:296px;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .empty-state .icon{
        height: 59px;
        margin: 0 auto;

    }

    .empty-state .desc{
        width:272px;
        margin-right: 12px;
        margin-left: 12px;
        margin-bottom: 19px;
        text-align: center;
    }

    .empty-state .desc .title{
        font-family: Mulish;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: normal;
        color: #222943;

    }

    .empty-state .desc .description{
        font-family: Mulish;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #222943;
    }


}



.mc-menu li li> span {
    padding-left:10px !important;
}

.document-download a{
	color: #049ead;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	float: right;
}

.mod .mod-i input[type=text] {
	color: #666f85 !important;
}
.bidunyahide{
    display: none;
}