@media only screen and (min-width: 1200px) {
.tt-container {
width: 1170px;
margin-left: auto;
margin-right: auto;
}
}

/**
 * Global Rules
 *
 */
::-webkit-input-placeholder {
color: #717d8d !important;
font-size: 14px;
}

:-moz-placeholder {
color: #717d8d !important;
font-size: 14px;
}

::-moz-placeholder {
color: #717d8d !important;
font-size: 14px;
}

:-ms-input-placeholder {
color: #717d8d !important;
font-size: 14px;
}

/**
 * Input - text|password|mail|*
 *
 */

/**
 * Input - checkbox
 *
 */
.no-padding{
padding:0 !important;
}

.tt-checkbox label {
padding-left: 0;
font-size: 14px;
color: #717d8d;
}


.tt-checkbox input[type="checkbox"] + .dib:before {
border-color: #a0acbd;
border-radius: 4px;
width: 24px;
height: 24px;
margin-right: 8px !important;
}

.tt-checkbox input[type="checkbox"]:checked + .dib::before {
content: '';
color: #ffffff;
border-color: transparent;
line-height: 24px;
background: #049ead url('../svg/checkbox-tick-white.svg') no-repeat center center / 12px 9px;
}

.tt-checkbox input[type="checkbox"] + .dib:before {
border-color: #a0acbd !important;
border-radius: 4px !important;
width: 24px !important;
height: 24px !important;
margin-right: 8px !important;
}

.tt-checkbox input[type="checkbox"]:checked + .dib::before {
content: '' !important;
color: #ffffff !important;
border-color: transparent !important;
line-height: 24px !important;
background: #049ead url('../svg/checkbox-tick-white.svg') no-repeat center center / 12px 9px !important;
}

/* TT Switch **/
.tt-switch {

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.switch-input[type="checkbox"] {
opacity: 1 !important;
float: right !important;
position: relative !important;
width: 34px !important;
height: 14px !important;
-webkit-appearance: none !important;
background: #999898;
padding: 8px 16px !important;
outline: none !important;
border-radius: 20px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
transition: .5s;


}

.switch-input:checked[type="checkbox"] {
background: #82d9e3;
}

.switch-input[type="checkbox"]:before {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 20px;
top: 0;
left: 0;
background: #05b4c7;
transform: scale(1.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
transition: .5s;
}

.switch-input:checked[type="checkbox"]:before {
left: 17px;
}


/**
 * Button
 *
 */

/**
 * Helper Classes
 *
 */
.tt-margin-top-5 {
margin-top: 5px !important;
}

.tt-margin-top-10 {
margin-top: 10px !important;
}

.tt-margin-top-15 {
margin-top: 15px !important;
}

.tt-margin-top-20 {
margin-top: 20px !important;
}

.tt-margin-top-25 {
margin-top: 25px !important;
}

.tt-margin-bottom-5 {
margin-bottom: 5px;
}

.tt-margin-bottom-10 {
margin-bottom: 10px;
}

.tt-margin-bottom-15 {
margin-bottom: 15px;
}

.tt-margin-bottom-20 {
margin-bottom: 20px;
}

.tt-margin-bottom-25 {
margin-bottom: 25px;
}

.tt-margin-left-5 {
margin-left: 5px;
}

.tt-margin-left-10 {
margin-left: 10px;
}

.tt-margin-left-15 {
margin-left: 15px;
}

.tt-margin-left-20 {
margin-left: 20px;
}

.tt-margin-left-25 {
margin-left: 25px;
}

.tt-margin-right-5 {
margin-right: 5px;
}

.tt-margin-right-10 {
margin-right: 10px;
}

.tt-margin-right-15 {
margin-right: 15px;
}

.tt-margin-right-20 {
margin-right: 20px;
}

.tt-margin-right-25 {
margin-right: 25px;
}

.tt-float-right {
float: right
}

.tt-float-left {
float: left
}

.tariff-box {
border: solid 1px #dee3ed;
margin: 10px 0;
border-radius: 4px;
}

.tariff-box .days-left {
font-size: 20px;
font-weight: 600;
text-align: center;
margin-top: 10px;
}

.tariff-box .days-left-title {
color: #07A4B7;
font-weight: 500;
text-align: center;
font-size: 20px;
}

.tariff-box .tariff-col {
border: 1px solid #dee3ed;
background-color: #f4f5f7;
height: 95px;
}

.tariff-box .tariff-col:first-child {
background: #ffffff;
}

.tariff-col .tariff-subtitle {
font-size: 16px;
font-weight: 500;
color: #000
}

.tariff-box .tariff-col-end {
height: 70px;
border: 1px solid #dee3ed;
background-color: #f4f5f7;
}

.tariff-box .tariff-col-end .tariff-subtitle {
font-size: 16px;
font-weight: 500;
color: #000
}

@media (max-width: 991px) {
.tariff-box .tariff-subtitle {
text-align: center;
}

.tariff-box .tariff-content {
text-align: center;
}
}

.panel {
border: none !important;
}

.ebill-group {
float: right;
margin: 20px 0;
}

.show-ebill {
color: #049ead !important;
font-size: 16px !important;
font-weight: bold !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
}

.show-ebill:hover, :focus {
text-decoration: none !important;
}

.ico-ebill:after {
content: "";
background-image: url("../images/efatura.svg");
width: 20px;
height: 20px;
display: inline-block;
background-repeat: no-repeat;
position: relative;
top: 4px;

}

.bill-summary-box {
border: 1px solid rgba(204, 204, 204, 0.54);
margin-right: 0px;
margin-left: 0;
}

.bill-summary-box .summary-price-side {
border-bottom: 1px solid rgba(204, 204, 204, 0.54);
}

.bill-summary-box .summary-price-side .summary-title {
margin: 0;
padding: 24px 36px 10px 36px;
font-weight: 400;
font-size: 20px;
color: #586473
}

.bill-summary-box .summary-price-side .summary-price {
padding: 0 36px 24px 36px;
color: #222943;
font-size: 24px;
font-weight: bold
}

.bill-summary-box .summary-column {
border-right: 1px solid rgba(204, 204, 204, 0.54);
}

.bill-summary-box .summary-column .summary-date {
padding: 16px 20px;
font-size: 16px;
color: #222943;
font-weight: 400;
font-stretch: normal;
font-style: normal;
}


.bill-summary-detail {
margin: -10px 0; /*normal kullanım : 40px 0 - Mobil -> Fatura özeti sayfası tab içi tablosu için değer düzeltildi, farklı bir seçici bulunamadığı için bu şekilde düzenleme yapıldı, başka bir alanı etkilemiş ise seçici kullanarak css yazını bu kodu ezmeyiniz.*/
}


.bill-summary-detail .detail-title, .subs-summary-detail .detail-title{
margin: 30px 0;
color: #222943;
font-size: 20px;
font-weight: 400;
}

.bill-summary-detail .detail-title-price {
float: right;
margin-bottom: 30px;
color: #222943;
font-size: 20px;
font-weight: 400;
}

.bill-summary-detail .summary-table {
padding: 12px 0;
border-bottom: 0px solid #dee3ed;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.05) !important;
border: 1px solid #80808000;
}

.subs-summary-detail .subs-summary-table {
    padding: 12px 0;
    border: 1px solid #ebebeb;
}
.bill-summary-detail .summary-table .table-tariff, .table-price, .table-value {
font-size: 14px;
color: #222943;
}

.bill-summary-detail .summary-table .table-price {
float: right;
text-align: right
}

.subs-summary-detail .subs-summary-table .table-value {
    float: left;
    text-align: right
}

.subs-summary-table > div {
    border-right: 1px solid #ebebeb;
    padding: 10px 15px;
}

.serviceset-box {
margin: 15px 0;
padding: 16px;
border: 1px solid #dee3ed;
box-shadow: 0 2px 6px 0 rgba(229, 229, 229, 0.76);
border-radius: 4px;
}

.serviceset-box .service-name {
margin: 0 !important;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #222943
}

.serviceset-box .service-text .badge-info {
color: white !important;
background: #002855;
}

.table-box {
border: 1px solid #dee3ed;
margin: 15px 0;
border-radius: 5px;
}

.table-box .extra-yellow {
margin-left: 27px;
}

.table-box .extra-yellow .checkmark {
margin-left: -30px;
}

.table-box .box-popover {
padding: 22px 11px;
}

.table-box .box-popover .orange-icon-info {
margin-right: 0px;
}

.table-box p .tt-checkbox-2 {
margin-bottom: 2px;
}

.table-box p .tt-checkbox-2 .checkmark-2 {
top: 4px;
left: -27px;
}

.table-box span.box-extra-tag {
margin-left: 10px;
}

.table-box span.box-tag {
background: #f0f4b2;
color: #a4ac23;
padding: 5px 40px;
border-radius: 30px;
}

.table-box .b-border {
border-bottom: 1px solid #dee3ed;
height: 70px;
}

.table-box .b-border:last-child {
border-bottom: 0 !important;
}

.table-box .box-price {
font-size: 24px;
font-weight: bold
}

.table-box p {
padding: 16px;
}

.table-box .box-number-title, .box-date-title, .box-piece-title {
color: #414c5b;
font-size: 14px;
font-weight: 400;
}

.table-box .box-number, .box-date, .box-piece {
font-size: 16px;
color: #222943;
font-weight: 400;
}

.box-number {
text-align: right
}

.box-popover {
position: absolute;
right: 0;
top: 0;
}

@media (max-width: 507px) {
.table-box span.box-tag {
padding: 5px 20px;
}

.table-box .box-tag {
padding: 5px 7px;
}

.table-box .box-price {
font-size: 16px;
}

.table-box .b-border {
height: 65px;
}

.table-box .box-number-title, .box-date-title, .box-piece-title {
font-size: 14px !important;
}

.table-box .box-number, .box-date, .box-piece {
font-size: 14px !important;
}
}

.box-number-title .tt-radio {
display: inline !important;
top: 5px;
}

.avea-theme .icon-attention-circled:before {
content: "" !important;
background-image: url("../images/icon-attention.svg");
width: 24px !important;
display: block;
height: 36px;
background-repeat: no-repeat;
position: absolute;
bottom: -15px;
}

.icon-tt-info {
padding: 0px !important;
background-image: url("../img/icons-notification.svg") !important;
background-repeat: no-repeat;
width: 26px !important;
display: inline-flex !important;
height: 18px !important;
position: relative !important;
top: 3px !important;
left: 8px !important;
margin-left: 0 !important;
}
.icon-modem-info {
    padding: 0px !important;
    background-image: url("../img/information.svg") !important;
    background-repeat: no-repeat;
    width: 24px !important;
    display: inline-flex !important;
    height: 24px !important;
    position: relative !important;
    top: 3px !important;
    left: 8px !important;
    margin-left: 0 !important;
}

.uses-box {
border: 1px solid #dee3ed;
border-radius: 4px;
margin: 15px 0px 0px 0px;
}

.uses-box .uses-title {
font-size: 16px;
font-weight: 600;
color: #414c5b;
padding: 6px 0;
}

.uses-box .uses-title:first-child {
padding-top: 56px;
color: #222943;
font-size: 24px;
font-weight: bold
}




.uses-box .uses-title:last-child {
padding-bottom: 56px
}

@media (max-width: 992px){
    .uses-box.main-charts .uses-title:last-child {
        padding-bottom: 0px;
    }
}




.uses-box .uses-title .uses-content {
font-weight: 400
}

p {
color: #222943;
font-size: 14px;
line-height: 24px;
}

p.description {
/*
color: #222943 !important;
font-size: 14px !important;
line-height: 24px !important;*/

}

.bulletlist li {
padding-left: 0px !important;
}

.bulletlist p.description {
border: 0px solid #ccc !important;
font-size: 14px !important;
padding: 16px 20px !important;
border-radius: 4px !important;
background-color: #f0f2f5 !important;
color: #222943 !important;
line-height: 24px;
font-weight: normal;
}

p.description a {
color: #05adee;
text-decoration: none;
}

.page-title-wrapper h1.page-title {
color: #222943;
font-size: 24px;
padding: 0 !important;
}

#breadcrumb {
margin-left: 0 !important;
}

#breadcrumb .last-breadcrumb {
color: #222943;
font-weight: bold;
font-size: 12px;

}

.bulletlist li, .circle-list li, .list li {
color: #717d8d !important;
}


/** TT Checkbox **/

.tt-checkbox-2 {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
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 checkbox */
.tt-checkbox-2 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark-2 {
position: absolute;
top: 0;
left: 0;

border: 1px solid #a0acbd;

border-radius: 4px;
width: 24px;
height: 24px;
margin-right: 8px;
}

.checkmark-3 {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.checkmark-change{
/*right: 160px !important;
 left:initial !important;*/
}
@media (max-width: 498px){
.checkmark-change{
  right:   91px !important
}
}

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

/* When the checkbox is checked, add a blue background */
.tt-checkbox-2 input:checked ~ .checkmark-2 {
background-color: #049ead;
}

.tt-checkbox-2 input:checked ~ .checkmark-3 {
    background-color: #dee3ed;
}

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

.checkmark-3:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.tt-checkbox-2 input:checked ~ .checkmark-2:after {
display: block;
}

/* Show the checkmark when checked */
.tt-checkbox-2 input:checked ~ .checkmark-3:after {
    display: block;
}

/* Style the checkmark/indicator */
.tt-checkbox-2 .checkmark-2:after {
/*left: 9px;
top: 6px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);*/
width: 22px;
height: 22px;
content: '';
color: #ffffff;
border-color: transparent;
line-height: 24px;
background: #049ead url('../img/svg/checkbox-tick-white.svg') no-repeat center center / 12px 9px;
}

/* Style the checkmark/indicator */
.tt-checkbox-2 .checkmark-3:after {
    width: 22px;
    height: 22px;
    content: '';
    color: #ffffff;
    border-color: transparent;
    line-height: 24px;
    background: #dee3ed url('../img/svg/checkbox-tick-white.svg') no-repeat center center / 12px 9px;
    border: #dee3ed;
}

.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%;
z-index: 22;
}

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

.lco-border {
border: 1px solid #a5b2c3;
border-radius: 4px;
}

.choose-type {
padding-left: 5px;
color: #717d8d;
font-size: 14px;
margin-top: 3px;
line-height: 16px;
font-weight: 400;
}

.block-radio label {
padding-left: 20px !important;
padding-top: 5px !important;
}

.efatura-block-radio label:last-child {
font-size: 16px;
color: #717d8d;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.38;

}

.basili-block-radio label:last-child {
font-size: 16px;
color: #717d8d;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
}

.tt-label {
color: #717d8d;
font-size: 14px;
line-height: 16px;
font-weight: 400;
margin-top: 4px;
}

.btn-settings-onay {
padding: 14px 45px !important;
margin-top: 0 !important;
}

/* Paket Değişikliği */
.table-change .checkmark-2 {
left: -25px;
}

.table-change .accept {
text-align: right;
float: right;
margin-top: 4px;
font-size: 14px;
color: #222943;
}

/* Ek Paket */
.extra-box {
margin: 15px 0;
padding: 20px;
backdrop-filter: blur(5.6px);
border: solid 1px #dee3ed;
background-color: rgba(255, 255, 255, 0.89);
}

.extra-box .d-flex {
display: flex;
align-items: center;
height: 128px;
}

.extra-box .d-flex .tt-radio {
margin-left: auto;
margin-right: auto;
}

.extra-box .extra-title {
color: #222943;
font-weight: 600;
font-size: 20px;
visibility: visible !important;
margin-bottom: 20px;
}

.extra-box .extra-content {
color: #222943;
font-size: 16px;
font-weight: 400;
line-height: 25px;
}

.extra-box .extra-content span {
font-size: 16px;
color: #586473;
font-weight: 400;
}

@media ( max-width: 768px) {
.extra-box .extra-title {
margin-bottom: 20px;
margin-left: 40px;
}

.extra-box .d-flex {
height: 28px;
}

.extra-box {
padding: 15px;
}


}

/** Sadece proje için **/
@media (min-width: 769px) and (max-width: 1500px) {
#footer-alo {
margin-top: 150px;
}
}

@media (min-width: 625px) and (max-width: 768px) {
#footer-alo {
margin-top: 270px;
}
}

@media ( max-width: 624px) {
#footer-alo {
margin-top: 600px;
}
}

@media ( max-width: 991px) {
#footer-extra {
margin-top: 600px;
}
}

span.mod input {
width: 100% !important;
}


#alo-btn .btn-vazgec {
padding: 13px 41px !important;
border: 1px solid #002855 !important;
}

@media (max-width: 766px) {
.btn-usage {
width: auto !important;
padding: 13px 70px !important;
}

#onayBut, #alo-btn, #downBut, .btn-vazgec {
width: 100%;
margin-bottom: 10px;
}

}

/* İşlem Geçmişim */
.paging-history {
position: relative;
transform: translateX(-50%);
margin-top: 30px;
}

@media (max-width: 991px) {
.paging-history {
position: relative;
transform: none !important;
margin-top: 30px;
}

#buyExtraPackage #onayBut {
    width: 100%;
    margin-bottom: 10px;
}

}
@media  (max-width: 474px){
.paging {
background: none;
white-space: nowrap;
padding: 3px;
float: right;
}

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

.paging-page {
position: relative;
float: left;
padding:5px 9px !important; ;
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;
}

}
@media (min-width: 475px) and (max-width: 768px){
.paging {
background: none;
white-space: nowrap;
padding: 3px;
float: right;
}

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

.paging-page {
position: relative;
float: left;
padding:7px 13px !important; ;
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;
}

}

.boxes {
margin: 30px 0;
padding-left: 15px;
padding-right: 15px;
}

.ticket-title h1 {
color: #5c596d;
font-size: 16px !important;
font-weight: 300;
text-align: center
}

.ticket-table .r-border {
border-right: 1px solid #dee3ed;
}

.ticket-table {

margin-top: 15px;
margin-bottom: 15px;
padding: 24px 0;
border-radius: 2px;
border: solid 1px #dee3ed;
}
@media (min-width: 992px){
.ticket-table{ height: 100%;}
}
.ticket-table .tt-radio .checkmark {
left: 10px;
}

.ticket-content {
color: #444444;
font-size: 14px !important;
font-weight: 400;
text-align: center
}

.modal p, .rightContent p {
padding: 0 !important;
margin: 0 !important;
}

.h-0 {
height: 0
}

#sikayetAraDiv {
margin-top: 30px;
margin-bottom: 45px;
margin-left: -7px;
}

#aciklamaDiv {
padding-left: 0 !important;
}

#aciklamaDiv label {
color: #222943;
font-size: 16px;
font-weight: 400
}

/*#sikayetAra{float:right !important;} */
.ticket-table .responsive-design .responsive-title {
color: #586473;
font-size: 14px;
font-weight: 600
}

.ticket-table .responsive-design .responsive-content-title{
text-align: right !important;
float:right !important;
}
.ticket-table .responsive-design .responsive-content {
color: #222943;
font-size: 16px;
font-weight: 600;
text-align: right;
float: right!important;
}


.ticket-table .responsive-design div {
margin-top: 25px !important;
}

.ticket-table .responsive-design-radio {
height: 75px;!important;
}

.ticket-table .responsive-design-radio .tt-radio {
float: right;
}

.ticket-table .responsive-design {
height: 75px;
border-bottom: solid 1px #dee3ed;
}

.ticket-table .responsive-design p {
padding: 24px 0 !important;
}

@media (max-width: 434px) {
.ticket-table .responsive-design {
height: 80px!important;
}
}

@media (max-width: 990px) {
.buttonCont span.bttn:first-child {
margin-top: 0;
}

.ticket-table {
border: none !important;
background-color: #f7f8fa;
margin-top: 30px;
padding: 0 0;
}

#complainList .ticket-table {
border: none !important;
background-color: #f7f8fa;
margin-top: 40px;
padding: 0 0;
}

.desktop-design {
display: none !important;
}

.ticket-table .responsive-design-radio .tt-radio {
top: 20px;
}

#sikayetAraDiv {
margin: 0 !important;
}
}

@media (min-width: 991px) {
.responsive-design {
display: none !important;
}
}

@media (min-width: 541px) {
.ticket-table .responsive-design-radio {
height: 64px !important
}
}

.btn-tivibu .btn-ana-sayfa {
border: 1px solid #002855 !important;
}

.btm-dark-custom {
width: inherit !important;
}

@media (max-width: 480px) {


.btm-dark-custom {
 width: inherit !important;
}
}

.tivibu-bullet {
padding: 6px 13px !important;
}

.tivibu-info {
background-image: url(../img/tivibu-table-icons.png);
background-repeat: no-repeat;
background-position: center;
width: 25px
}
.pie-inline-text-2 {
position: absolute;
left: calc(50% - 32px);
text-align: center;
top: 46px;
font-size: 14px;
line-height: 14px;
color: #666f85;}
.pie-inline-text-2 p{padding-top: 10px;
padding-bottom: 10px;}
.pie-inline-text-2 span{font-size: 20px;
color: #006777;
font-weight: bold;}
@media (min-width: 1030px){
.pie-inline-text-2{
z-index: 9999;
position: absolute;
left: calc(69% - 82px);
text-align: center;
top: 91px;
font-size: 14px;
line-height: 14px;
color: #666f85;
}
}
.pie-inline-text-3 {
position: absolute;
left: calc(50% - 32px);
text-align: center;
top: 46px;
font-size: 14px;
line-height: 14px;
color: #666f85;}
.pie-inline-text-3 p{padding-top: 10px;
padding-bottom: 10px;}
.pie-inline-text-3 span{font-size: 20px;
color: #006777;
font-weight: bold;}
@media (min-width: 1030px){
.pie-inline-text-3{
z-index: 9999;
position: absolute;
left: calc(69% - 62px);
text-align: center;
top: 68px;
font-size: 14px;
line-height: 14px;
color: #666f85;
}

}
.highcharts-container{top:30px}


@media (max-width: 767px) {
#btn-ekpaket-container .btn-ek-paket-satinAl{margin-right: 0 !important; margin-bottom:10px;}


.btn-ekpaket-container2 .btn-geri{
   margin-top:15px !important;
}
.btn-change-packet .btn-vazgec{
margin-top:15px !important;

}
}
@media (min-width: 767px) and (max-width: 910px){
#btn-ekpaket-container .btn-ek-paket-satinAl{padding: 15px 35px !important;margin-right: 5px !important; margin-top:10px !important;}
}
@media (min-width: 767px) and (max-width: 834px){
.btn-ticket-container .btnHomePage{
margin-right: 15px !important;
margin-top: 15px !important;
padding: 13px 63px !important;
}
}
@media (min-width: 767px) and  (max-width: 769px){
.btn-ek-paket-degisiklik{
margin-top: 11px;

}
}
@media (min-width: 768px) {
.btn-ek-paket-satinAl{
padding: 14px 91px !important;
}

}

#alo-btn{
margin: 20px 0;
}
#btn-ekpaket-container{
margin:15px 0;
}

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

.bill-box {
display: flex;
align-items: center;
margin: 20px 0;
border-radius: 4px;
-webkit-backdrop-filter: blur(5.6px);
backdrop-filter: blur(5.6px);
border: solid 1px #dee3ed;
background-color: rgba(255, 255, 255, 0.89);
padding: 20px;
}
.bill-box.bill-box-success .mobile-button button {
margin-top: 16px;
width: 100% !important;
}
.bill-box.bill-box-warning {
border: 1px solid #cc2d1f;
display: block !important;
}
.bill-box-warning-2 {border: 1px solid #cc2d1f;}

@media (max-width: 1200px) {
.bill-box.bill-box-warning .interest-side .interest-title p {
float: right;
}
}
@media (min-width: 1200px) {
.bill-box.bill-box-warning .interest-side .interest-title p {
float: right;
margin-right: 16px;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.bill-box.bill-box-warning .interest-side .interest-price .price {
margin-left: 10px !important;
}
}
.bill-box.bill-box-warning .mobile-date:after {
background: #dee3ed;
margin-top: 10px;
content: "";
width: 100%;
height: 1px;
position: relative;
bottom: 1px;
display: block;
}
.bill-box.bill-box-warning .bill-flex {
display: flex;
align-items: center;
}
.bill-box.bill-box-warning .bill-flex .no-pay {
color: #cc2d1f;
}
@media (min-width: 768px) and (max-width: 991px) {
.bill-box.bill-box-warning .bill-flex .btn-grp .btn-new-white {
padding: 11px 7px !important;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.bill-box.bill-box-warning .bill-flex .btn-grp .btn-new-white {
width: 100%;
}
}
@media (max-width: 767px) {
.bill-box .radio-side {
display: none;
}
}
@media (max-width: 767px) {
.bill-box .date-side {
display: none;
}
}
.bill-box .date-side h6 {
color: #222943;
font-size: 14px;
font-weight: bold;
}
.bill-box .date-side date {
color: #586473;
font-size: 14px;
}
.bill-box .date-side p {
margin-top: 14px;
font-size: 16px;
color: #586473;
}
.bill-box .date-side .bill-success {
display: flex;
align-items: center;
margin-top: 10px;
}
.bill-box .date-side .bill-success span {
margin-left: 10px;
font-size: 16px;
font-weight: 600;
color: #919c00;
}
.bill-box .price-side {
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.bill-box .price-side {
display: none;
}
}
.bill-box .price-side .price {
color: #222943;
font-size: 28px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.52px;
text-align: right;
}
.bill-box .price-side .price:after {
content: "TL";
position: relative;
bottom: 15px;
font-size: 12px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.15px;
}
@media (max-width: 767px) {
    .bill-box .button-side {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bill-box .button-side button,
    .bill-box .button-side input{
        width: 100%;
    }
    .bill-box .button-side .btn-grp button:last-child {
        margin-top: 10px;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .bill-box .button-side .btn-grp {
        display: flex;
        gap: 10px;
    }
    .bill-box .button-side button,
    .bill-box .button-side input{
        width: 150px;
    }
}

@media (max-width: 767px) {
    .bill-box .interest-side {
    display: none;
    }
}
.bill-box .interest-side .interest {
display: flex;
align-items: center;
}
.bill-box .interest-side .interest .interest-price .price {
text-align: center;
color: #222943;
font-size: 28px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.52px;
}
.bill-box .interest-side .interest .interest-price .price:after {
content: "TL";
position: relative;
bottom: 15px;
font-size: 12px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.15px;
}
.bill-box .interest-side .interest p {
padding-top: 20px;
color: #414c5b;
font-weight: 400;
font-size: 16px;
}
.bill-box .interest-side:before {
background: #dee3ed;
content: "";
width: 100%;
height: 1px;
position: relative;
bottom: 1px;
top: 9px;
display: block;
}
@media (min-width: 768px) {
.bill-box .mobile-period {
display: none;
}
}
.bill-box .mobile-period .tt-radio {
top: 25px;
}
@media (min-width: 768px) {
.bill-box .mobile-price {
display: none;
}
}
.bill-box .mobile-price .price {
/*text-align: right;*/
padding: 25px 0;
font-weight: 600;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
color: #222943;
}
.bill-box .mobile-date {
line-height: 25px;
}
@media (min-width: 768px) {
.bill-box .mobile-date {
display: none;
}
}
.bill-box .mobile-date:before {
background: #dee3ed;
margin-bottom: 10px;
content: "";
width: 100%;
height: 1px;
position: relative;
bottom: 1px;
display: block;
}
.bill-box .mobile-date .bill-success {
display: flex;
align-items: center;
margin-top: 10px;
}
.bill-box .mobile-date .bill-success span {
margin-left: 10px;
font-size: 16px;
font-weight: 600;
color: #919c00;
}
.bill-box .mobile-date date {
font-weight: 600;
font-size: 14px;
color: #586473;
}
.bill-box .mobile-date p {
font-weight: 600;
font-size: 14px;
color: #586473;
}
.bill-box .mobile-date .no-pay {
font-weight: 600;
color: #cc2d1f;
font-size: 14px;
}
@media (min-width: 768px) {
.bill-box .mobile-button {
display: none;
}
}
.bill-box .mobile-button .btn-grp .btn-new-white {
padding: 13px 32px;
}
@media (max-width: 767px) {
.bill-box .mobile-button .btn-grp .btn-new-white {
width: 49% !important;
}
}
.bill-box .mobile-button .btn-grp .btn-new-navy {
padding: 13px 39px;
}
@media (max-width: 767px) {
.bill-box .mobile-button .btn-grp .btn-new-navy {
width: 49% !important;
}
}
@media (min-width: 768px) {
.bill-box .mobile-interest-price {
display: none;
}
}
.bill-box .mobile-interest-price .price {
color: #222943;
font-size: 16px;
font-weight: 600;
}
@media (min-width: 768px) {
.bill-box .mobile-interest-title {
display: none;
}
}
.bill-box .mobile-interest-title p {
font-weight: 600;
font-size: 14px;
color: #586473;
}
@media (max-width: 767px) {
.bill-box {
padding: 12px;
display: block;
}
}

.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-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;
}

/* Fatura Yapısı */






/*Sabit Tablo yapısı*/
.ticket-table .responsive-design .responsive-title{color:#586473; font-size:14px; font-weight: 600}
.ticket-table .responsive-design .responsive-content{color:#222943; font-size:14px; font-weight: 600;text-align: right; float:right}
.responsive-title.font-weight-normal{font-weight: 300 !important;}
.responsive-content.font-weight-normal{font-weight: 300 !important;}
.ticket-table .responsive-design-radio{height: 64px !important;}
.ticket-table .responsive-design-radio  .tt-radio{float: right;}
.ticket-table .responsive-design {height:64px; border-bottom: solid 1px #dee3ed;}
.ticket-table .responsive-design p{padding:30px 0!important;}
@media (max-width: 990px) {
.buttonCont span.bttn:first-child{margin-top:0;}
.ticket-table{border:none !important; background-color: #f7f8fa; margin-top:90px; padding:0 0;}
#complainList .ticket-table {border: none !important; background-color: #f7f8fa; margin-top: 40px; padding: 0 0;}
.desktop-design{display: none !important;}
.ticket-table .responsive-design-radio .tt-radio{top:20px;}
#sikayetAraDiv{margin:0 !important;}
}
@media (min-width: 991px) {
.responsive-design{display: none !important;}
}
@media (min-width: 541px){
.ticket-table .responsive-design-radio{height: 64px !important}
}
@media (max-width: 350px){
    .box-table-new-content{color:#444444; font-size:10px !important; font-weight: 400; text-align: center}
}
.table-container{margin-top: 20px;}
.box-table-new-title h1{color:#5c596d; font-size:16px !important; font-weight: 300; text-align: center; width:100% !important;}
.box-table-new .r-border{border-right: 1px solid #dee3ed; min-height: 35px; }
.box-table-new { margin-bottom:15px;padding:24px 0;border-radius: 2px;border: solid 1px #dee3ed; background-color: #ffffff}
.box-table-new-content {color:#444444; font-size:16px ; font-weight: 400; text-align: center}
.box-table-new p, .rightContent p{padding: 0 !important; margin:0 !important;}
.h-0{height: 0}


.box-table-new .responsive-design .responsive-title{color:#586473; font-size:14px; font-weight: 600}
.box-table-new .responsive-design .responsive-content{color:#222943; font-size:16px; font-weight: 600;text-align: right; float:right}

.box-table-new .responsive-table-row {border-bottom: solid 1px #dee3ed;}
.box-table-new .responsive-design {height:64px; border-bottom: solid 1px #dee3ed;}
.box-table-new .responsive-table-row .responsive-design {height: auto; min-height:64px; border-bottom:none; !important;}
.box-table-new .responsive-design p{padding:24px 0!important;}
@media (max-width: 990px) {
.box-table-new{border:none !important; padding:0 0;}
.desktop-design{display: none !important;}
.table-container{ background-color:#FFFFFF}
.box-table-new .t-border {border-top: solid 1px #dee3ed;}

}

@media (min-width: 991px) {
.responsive-design{display: none !important;}
.responsive-table-row{display: none !important;}
}

@media (max-width: 507px){
.responsive-text-right {
float: right;
text-align: right;
color: #222943;
font-size: 16px;
font-weight: 600;
}
}

/* max-width:340px for iphone 5 and smaller devices */
@media (max-width: 340px){
	
	.box-table-new .responsive-design .responsive-title{color:#586473; font-size:12px; font-weight: 600}
	.box-table-new .responsive-design .responsive-content{color:#222943; font-size:14px; font-weight: 600; text-align: right; float:right}
	
}	

.popover-content p {
	color:white !important;
}

.popover-content {
    color:white !important;
    font-family: Mulish;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}