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

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

@media (max-width: 767px) {
    #helpDiv {
        margin-top: 14px !important;
    }
    #kalan {
   		 font-size: 16px;
    }
}
@media (max-width: 991px) {

.package-box p {text-align: center}
.package-box p span {display: block;}
.package-box{padding: 40px 0 !important;}
.chart-wrapper {margin: 0 auto !important;width: 170px;}
}
.pie-inline-text {
    position: absolute;
    text-align: center;
    top: 42px;
    font-size: 14px;
    line-height: 14px;
    left: calc(42% - 28px);
    color: #666f85;
    width: 110px;
    text-align: center;

}
.pie-inline-text span, .pie-inline-text-2 span {font-size: 20px;font-weight: bold;}
.pie-inline-text p{}

    .pie-inline-text-2 {
        position: absolute;
        text-align: center;
        top: 42px;
        font-size: 14px;
        width: 100px;
        line-height: 14px;
        left: calc(50% - 61px);
        color: #666f85;
    }
    @media (max-width: 767px) {
        	.pie-inline-text-2{
        	left: calc(50% - 43px) !important;  
        	}
        }
    @media (max-width: 1199.90px) {
    	.pie-inline-text-2{
        	left: calc(50% - 97px) !important;  
       	}
    } 
    @media (max-width: 1170px) {
    	.pie-inline-text-2{
        	left: calc(50% - 90px) !important;  
       	}
    }
    @media (max-width: 1114px) {
    	.pie-inline-text-2{
        	left: calc(50% - 82px) !important;  
       	}
    }
       @media (max-width: 1075px) {
    	.pie-inline-text-2{
        	left: calc(50% - 78px) !important;  
       	}
    }
    @media (max-width: 1035px) {
    	.pie-inline-text-2{
        	left: calc(50% - 75px) !important;  
       	}
    }
    @media (max-width: 991px) {
    	.pie-inline-text-2{
        	left: calc(50% - 53px) !important;  
       	}
       	.pie-inline-text-2 span {
       	font-size: 18px;
       	}
    }
	@media (min-width: 1200.00px) {
    	.pie-inline-text-2 {
	        position: absolute;
	        text-align: center;
	        top: 42px;
	        font-size: 14px;
	        width: 100px;
	        line-height: 14px;
	        left: calc(50% - 50px);
	        color: #666f85;
    	}
    .pie-inline-text {    position: absolute;text-align: center;top: 42px;font-size: 14px;line-height: 14px;left: calc(42% - 56px);color: #666f85;}
}
/**
 * Input - text|password|mail|*
 *
 */


input#sikayetArama {
    padding: 15px;
    height: auto;
    /* border-radius: 4px; */
    font-size: 16px;
    color: #222943;
    box-shadow: none !important;
    outline: none !important;
    margin-left: 38px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;

}
/**
 * Input - checkbox
 *
 */
.tt-checkbox {}

.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;
}
/**
.custom-checkbox .input-custom-class-radio, .custom-checkbox .input-custom-class-radio-active{

    background-image: url("../images/selected.png") ;

}
.custom-checkbox .input-custom-class-radio{
    background-image: url("../images/unselected.png") !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 ;
}

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

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

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

/* Show the checkmark when checked */
.tt-checkbox-2 input:checked ~ .checkmark-2: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(../assets_menu/img/svg/checkbox-tick-white.svg) no-repeat center center / 12px 9px ;
}

/**
 * Button
 *
 */

/**
 * Helper Classes
 *
 */
.tt-margin-top-5 {
    margin-top: 5px;
}
.tt-margin-top-10 {
    margin-top: 10px;
}
.tt-margin-top-15 {
    margin-top: 15px;
}
.tt-margin-top-20 {
    margin-top: 20px;
}
.tt-margin-top-25 {
    margin-top: 25px;
}

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

.plr-0{padding-left: 0 !important; padding-right: 0 !important;}

.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{margin-bottom:30px;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;}
.bill-summary-detail .summary-table .table-tariff,.table-price{ font-size:14px; color:#222943;}
.bill-summary-detail .summary-table .table-price{float: right}


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

.count-span{ 
    margin-left: 10px;
    padding-bottom: 0px !important;
    float: left !important; 
    color: #515151 !important; 
    font-size: 12px !important; 
    font-weight: 400 !important; 
    font-family: "Mulish", Arial, Verdana;
}
.setting-table { margin-top:15px; margin-bottom:15px;padding:24px 0;border-radius: 2px;border: solid 1px #dee3ed; display:table; content: " "; width: 100%;}
.setting-table div { display: flex !important;}
.setting-table .t-left { justify-content: left;}
.setting-table .t-center { justify-content: center; min-height:35px;}
.setting-table .r-border { border-right: 1px solid #dee3ed; min-height: 35px; }
.setting-table .setting-description {color:#444444; font-size:16px; font-weight: normal;}
.setting-table .setting-action-positive { color:#049ead; font-size:16px; font-weight: bold; margin-bottom:0px; }
.setting-table .setting-action-negative { color:#cc2d1f; font-size:16px; font-weight: bold; margin-bottom:0px; }
.setting-title h1 { color:#5c596d; font-size:16px !important; font-weight: 300; line-height:20px; padding-left: 15px; padding-right:15px;}
.setting-title .last-element { justify-content: center;}
.setting-info {height: 56px; padding: 16px; background-color: #f0f2f5; color:#222943; font-size:16px; font-weight: normal; line-height:24px; }
.setting-info a{ color :#049ead; font-size:16px; font-weight: bold; line-height:24px; }
.ticket-title h1{ color:#5c596d; font-size:16px !important; font-weight: 300; text-align: center}
.ticket-table .r-border{border-right: 1px solid #dee3ed; min-height: 35px; }
.ticket-table { margin-top:15px; margin-bottom:15px;padding:24px 0;border-radius: 2px;border: solid 1px #dee3ed;}
.ticket-table .tt-radio .checkmark{left: 10px;}
.ticket-content {color:#444444; font-size:16px !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; margin: 0 0 0px;}
.ticket-table .responsive-design .responsive-content{color:#222943; font-size:16px; font-weight: 600;text-align: right; float:right; margin: 0 0 0px;}
.ticket-table .responsive-design-radio{height: 64px !important;}
.ticket-table .responsive-design-radio  .tt-radio{float: right;}
.ticket-table .responsive-design {min-height:64px; border-bottom: solid 1px #dee3ed;}
.ticket-table .responsive-design p{padding:20px 0!important;margin: 0 0 0px;}
@media (max-width: 990px) {
    .buttonCont span.bttn:first-child{margin-top:0;}
    .ticket-table{border:none !important; background-color: #f7f8fa; margin-top:10px !important; 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;}
	.setting-title h1{margin-bottom:10px;}
}

@media (min-width: 991px) {
    .responsive-design{display: none !important;}
}
@media (min-width: 541px){
    .ticket-table .responsive-design-radio{height: 64px !important}
}
@media(max-width:425px){
	.setting-title .last-element{padding: 0px !important;}
	.setting-action-positive, .setting-action-negative,.setting-description{ font-size:14px !important; margin-top: auto !important; margin-bottom: auto !important;}
}


.billing .first{color:#414C5B; font-weight:400; letter-spacing: 0.15px;}
/*.tabs li {width: 240px;text-align: left;} */

.pagebanner{   float: left !important;
    color: #515151 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}


.paper-bill-label{
    margin-left:10px;
    margin-top:33px;
    font-weight: normal;
}

#sikayetAra {
    background-image: url(../assets_menu/img/svg/fill.svg) !important;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: 10px;
    background-position: center !important;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 7px;
}
.btn-vazgec-ayarlar{

    padding: 13px 50px !important;
}
@media (max-width: 767px){
    .btn-ana-sayfa, .btn-vazgec , .buttonCont #btnDevam{ margin-left:0px !important; padding: 13px 59px !important;
        width: 100%;}
    .selectedRow {margin-bottom: 20px;}
    #aciklamaDiv p{margin-bottom:30px !important;}
    .pager ul li a {margin-left:3px; margin-right: 3px;}



}
/*  Bilgi ekranlar�nda kullan�lacak olan color font-size vs kodu  */
.responsive-info .subs-title{
	color: #222943; 
	font-size: 16px;
	font-weight: normal;
	word-wrap:break-word !important;
	padding-top:16px !important;
	padding-bottom:16px !important;
	min-height: 61px;
	}
.responsive-info .info{
	color: #717d8d;
	font-weight: normal; 
	font-size:14px;
	word-wrap:break-word !important;
	padding-top:16px !important;
	padding-bottom:16px !important;
	min-height: 61px;
	}
@media (max-width: 430px){
/* Important : Mobilde farkl� taras�m istenirse a�a��daki kodlar a��lacak.	 */
/* .responsive-info .subs-title{color: #222943; font-size: 16px;font-weight: bold;} */
/* .responsive-info span{color: #222943;font-weight: normal} */
.responsive-info .subs-title {
	padding-top:8px !important;
	padding-bottom:8px !important;
}
.responsive-info .info {
	padding-top:8px !important;
	padding-bottom:8px !important;
}
}

@media (max-width: 421px) {
    #subs-billing{
        display: none;
    }
}
@media (max-width: 768px) {

    .primary-responsive{
        padding: 13px 69px !important;
    }
}
@media (max-width: 338px) {
    .pager-ticket ul li a.next{
        padding: 19px !important;
    }
    .pager-ticket ul li a.prev{
        padding: 19px !important;
    }
    .moov-title {
        padding: 0px 10px !important;
        line-height: 27px !important;
    }
}


/*
.move-title{
    color: #222943 !important;
    font-size: 16px !important;
    font-weight: bold !important;
} */
.move-title {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #717d8d !important;
    margin: 0px 0px 0px 0px;
    padding: 0px !important;
    line-height: 12px;
}
.td-span{
    /*  margin-left: 28px;
      position: relative;
      bottom: 5px;
      color: #222943 !important;
      font-size: 16px !important;
      font-weight: bold !important;*/
    margin-left: 28px;
    position: relative;
    bottom: 12px;
    color: #717d8d !important;
    font-size: 14px !important;
    font-weight: normal !important;
}
#aciklamaDiv p {    font-size: 14px;
    line-height: 20px;
    color: #002855 !important;}
@media (max-width: 767px){
    .btn-move{
        margin-left:0;
        width: 100% !important;
    }
}

.gorusmedetaylari-row{
    padding-left: 15px;
    padding-right: 15px;

}

#tarihAraligiDipnot{
    margin-top:50px;
    margin-bottom:50px;
}
@media (max-width: 767px) {
    #tarihAraligiDipnot{
        margin-top:10px;
    }
    .tablo.form.billing thead tr th {padding-top: 10px;}

}

.package-box{padding:30px; border: 1px solid #dee3ed; border-radius: 4px;}
.package-box p{font-size:18px;color: #414C5B;font-weight: bold;line-height: 37px;margin-bottom: 6px;padding-bottom: 31px;}
.package-box p span{font-size:14px; color:#586473; font-weight: 400; margin-top: 10px;}

.chart-description{top: 50%;left: 0 !important;width: 100%;
    z-index: 10;
    height: 40px;
    line-height: 35px;
    margin-top: -20px;
    text-align: center;
    position: absolute;}

#div2 h2{
    margin:10px 0;
    font-size:20px;
    color: #222943;
}

#kmshEmailDiv div label{    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    font-weight: 400;
   	margin-top: 19px;
}

#kmshSmsDiv div label{
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    font-weight: 400;
    margin-top: 19px;
}
/* Fatura Görüntüle */
.odenmemis-row{
    margin-top:30px;
}
/* Fatura Görüntüleme pager */
@media (min-width: 1091px) {
    .pager-bill {
        position: absolute;
        left: 65%;
        transform: translateX(-50%);
    }
}

@media (min-width: 419px) and (max-width: 1090px){
    .pager-bill{
        left: 43%;
    }
}
@media (max-width: 419px){
    .pager-bill ul li .prev{
        padding: 17px !important;
    }
    .pager-bill ul li .activepage{padding: 7px 13px !important;}
    .pager-bill ul li a{padding:7px 13px}

    .pager-bill ul li .next{
        padding: 17px !important;
    }
}

.misafir-popup-tablo {
	margin-left:-15px;
	margin-right:-15px;
}

.misafir-popup-tablo .row-equal-height{
	min-width: 100%;
}

#misafir-page .row-equal-height,
#misafir-page .desktop-design{
	display: none !important;
}
#misafir-page .responsive-design{
    display:flex !important;
}
#misafir-page .ticket-table{border:none !important; background-color: #f7f8fa; margin-top:10px !important; padding:0 0;}

@media (max-width: 1200px) {
    #tt-popup .desktop-design {
		 display: none !important;
    }
}