<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (max-width: 1000px) {

.historyBackButton{
	display: block;
}

table.detail-dataTable thead.header&gt;tr&gt;th.priceplan-icon,
table.detail-dataTable tr td.priceplan-icon{
	width: 100px;
}

table.cost-table&gt;tbody&gt;tr&gt;th.first-ops-icon {
	width: 55px;
}
	
#leftMarginContentDiv,
ul.topbar-tabs,
#searchBoxForm,
div.fdtContainer,
div.wrapper-redbar {
	display: none;
}

.topbar {
	margin-bottom: 0px;
}

.topbar #loginButton {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}

#imgLogoResponsive{
	margin-left: 10px;
	display: block;
}

.loginContainer #loginOverlayerNew {
	margin-right: 10px !important;
}

.topbar #loginContainer {
	float:none !important;
}

h2.title {
	margin-bottom: 0px;
	height: auto;
	font-size: x-large;
}

h2 {
	height: auto;
}

body{
	font-size: 1.4em;
}

.historyBackLink{
	display: none;
}

/*
	--------------------------- STRUCTURE -----------------------
*/

.container-vod&gt;.row-vod {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.row-vod [class*="col-vod-"], 
.row-vod [class*="col-vod-"]:first-child,
.row-vod [class*="col-vod-"], 
.row-vod [class*="col-vod-"]:last-child {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

[class*="col-vod-"],
#paymentHistoryLink {
	width: 100%;
	margin-bottom: 5px;
}

#userInfoDiv&gt;div&gt;table&gt;tbody&gt;tr&gt;td {
	padding: 0px !important;
}

.text-right {
	white-space: nowrap; 
}

th[class*="col"] {
	
}

.modal-body {
	padding-left: 10px;
	padding-right: 10px;
}

.modal-body .container-vod,
.modal-body .container-vod&gt;.row-vod {
	padding-left: 0px;
	padding-right: 0px;
}

/*
	--------------------------- BUTTONS -----------------------
*/

a[data-export-download],
a[data-export-send],
#downloadTrafficDetail,
#reportingLink,
#downloadBillsLink,
#comboBillDiv,
#comboBillObjectsDiv,
#comboSimulatedCustomerCodeDiv {
	margin-top: 5px;
	width: 100%;
}

/*
	---------------------- LOGIN -------------------
*/

.layout .redbar {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	width: auto;
}

.layout {
	width: auto;
}

.layout .mainArea {
	height: auto;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	background-size: 100%;
}


@media screen and (max-width: 800px) {
	.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td.priceplan-C{
		width: 180px;
	}
}
@media screen and (max-width: 700px) {
	.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td.priceplan-C{
		width: 230px;
	}

	.layout .mainArea {
		background: none;
	}
	
	.ssoContainer {
		zoom: 150%;
	}
}

.layout .header {
	margin-left: auto;
	margin-right: auto;
}

.layout .footer {
	width: auto;
}

.floatingDiv.internalLoginContainer, .changePasswordContainer, .ssoContainer {
	float: none;
	position: relative;
	left: auto;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}

/*
	---------------------- COST TABLES -------------------
*/

table.cost-table {
	margin-bottom: 10px;
}

table.cost-table tr.header, .cost-table thead tr {
	height: auto;
}

table.cost-table img {
	max-width: 20px;
}

tr.row-grey-separator td {
	padding: 0px;
}

table.cost-table&gt;tbody&gt;tr.header&gt;th[class*="col"], 
table.cost-table&gt;tbody&gt;tr&gt;td[class*="col"] {
	
}

table.cost-table&gt;tbody&gt;tr.header&gt;th:last-child,
table.cost-table&gt;tbody&gt;tr&gt;td:last-child {
	width: 30px;
}

@media screen and (max-width: 500px) {

	.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td.priceplan-C{
		width: 250px;
	}
	
	table.cost-table&gt;tbody&gt;tr.header&gt;th[class*="col-"]:not(.col-total):not(.col-last),
	table.cost-table&gt;tbody&gt;tr&gt;td[class*="col-"]:not(.col-total):not(.col-last) {
		width: 0px;
	}
	
	table.cost-table .col-fees span,
	table.cost-table .col-services span,
	table.cost-table .col-traffic span,
	table.cost-table .col-extra span,
	table.cost-table .col-sms span,
	table.cost-table .col-fees-icon span,
	table.cost-table .col-usages-icon span {
		display: none;
	}
	
	.dataTable .col-fees,
	.dataTable .col-services,
	.dataTable .col-traffic,
	.dataTable .col-extra,
	.dataTable .col-sms,
	.dataTable .col-usages,
	.dataTable .col-fees-icon,
	.dataTable .col-usages-icon {
		display: none;
	}
		
	tr[data-type-row-template] th:nth-child(3),
	tr[data-detail-row-template] td:nth-child(4),
	tr[data-type-extended-row-template] th:nth-child(2),	
	tr[data-type-extended-row-template] th:nth-child(3),
	tr[data-type-extended-row-template] th:nth-child(4),
	tr[data-detail-extended-row-template] td:nth-child(4){
		width: 0px;
		font-size: 0;
		margin: 0;
		padding: 0;
	}

	tr[data-detail-row-template] td:nth-child(4) span,
	tr[data-detail-extended-row-template] td:nth-child(3) span,
	tr[data-detail-extended-row-template] td:nth-child(4) span,
	tr[data-detail-extended-row-template] td:nth-child(5) span{
		display: none;
	}
}

table.cost-table&gt;tbody {
	font-size: small;
}

tr[data-detail-row-template] td:not(:nth-child(2)),
tr[data-detail-extended-row-template] td:not(:nth-child(2)){
	white-space: nowrap;
}

span[data-col-icon]{
	display: none;
}

table.dataTable thead th {
	padding-right: 3px;
}

table.detail-dataTable thead.header&gt;tr&gt;th.sorting_desc,
table.detail-dataTable thead.header&gt;tr&gt;th.sorting_asc,
table.detail-dataTable thead.header&gt;tr&gt;th.sorting {
	background-image: none;
}

/*
	--------------------------- CT3 ONE PAGE SUMMARY -----------------------
*/

div[data-comp-id="onePageSummaryCt3DetailDatatable"] .col-info,
div[data-comp-id="onePageSummaryCt3DetailDatatable"] table.detail-dataTable .icon-search {
	background-image: none;
}

div[data-comp-id="onePageSummaryCt3DetailDatatable"] .col-info-icon,
div[data-comp-id="onePageSummaryCt3DetailDatatable"] table.detail-dataTable .icon-search-icon {
	background-image: none;
}

div[data-comp-id="onePageSummaryCt3DetailDatatable"] .numberSearch{

}

div[data-comp-id="onePageSummaryCt3DetailDatatable"] table.detail-dataTable tr td,
div[data-comp-id="onePageSummaryCt3DetailDatatable"] table.detail-dataTable tr th{
	height: auto;
}

div[data-comp-id="onePageSummaryCt3DetailDatatable"] table.detail-dataTable tr td.col-total {
    width: auto;
}

/*
	--------------------------- ICON ONE PAGE SUMMARY -----------------------
*/


div[data-comp-id="onePageSummaryIcon"] table.cost-table th:first-child {
	width: 0px;
	padding: 0px;
	margin: 0px;
}

div[data-comp-id="onePageSummaryIcon"] table.cost-table td.col-icon-img:first-child img{
	display: none;
}

@media screen and (max-width: 500px) {

		div[data-comp-id="onePageSummaryIcon"] table.cost-table th:nth-child(n+4):not(:nth-last-child(2)):not(:last-child) span,
		div[data-comp-id="onePageSummaryIcon"] table.cost-table tr[data-box-row-template] td:nth-child(n+4):not(:nth-last-child(2)):not(:last-child) span,
	div[data-comp-id="onePageSummaryIcon"] table.cost-table tr[data-offer-row-template] td:nth-child(n+3):not(:nth-last-child(2)):not(:last-child) span,
	div[data-comp-id="onePageSummaryIcon"] table.cost-table tr[data-title-offer-row-template] td:last-child {
		display: none;
	}
	
	

}


@media screen and (max-width: 500px) {
	div[data-comp-id="onePageSummaryIcon"] table.cost-table tr[data-box-row-template] td:nth-child(n+4) span {
		display: inline-block;
	}
}



/*
	------------------------- BOX -------------------------
*/


@media screen and (max-width: 500px) {

		div[data-comp-id="box"] table.cost-table th:nth-child(n+4):not(:nth-last-child(2)):not(:last-child) span,
		div[data-comp-id="box"] table.cost-table tr[data-row-template] td:nth-child(n+3):not(:nth-last-child(2)):not(:last-child) span
		{
			display: none;
		}
}



/*
	------------------------- KASKO &amp; EQUIP -------------------------
*/

@media screen and (max-width: 500px) {
	div[data-comp-id="equipSummary"] thead th:not(:first-child):not(:last-child):not(:nth-last-child(2)),
	div[data-comp-id="equipSummary"] tbody td:not(:first-child):not(:last-child):not(:nth-last-child(2)),
	div[data-comp-id="kaskoSummary"] thead th:not(:first-child):not(:last-child),
	div[data-comp-id="kaskoSummary"] tbody td:not(:first-child):not(:last-child):not(:nth-child(2)) {
		display: block;	
		border-top: 0px;
		padding: 0px;
	}
	
	div[data-comp-id="kaskoSummary"] tbody td:nth-child(2) {
		display: block;
		padding: 0px;
	}
	
	div[data-comp-id="equipSummary"] tfoot td:nth-child(2),
	div[data-comp-id="kaskoSummary"] tfoot td:nth-child(2) {
		display: block;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	div[data-comp-id="equipSummary"] .row-bottom-separator td:not(:first-child):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) {
		border-bottom: 0px;
	}
}

/*
	------------------------- DISCOUNTS -------------------------
*/

div[data-macrocost-template] h4 {
	font-size: medium;
}

/*
	------------------------- CALL DETAILS -------------------------
*/

#callDetailsTable_length label,
#callDetailsTable_filter label {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}

table.table thead .sorting {
	background: none;
}

#callDetailsTable th {
	border-top: 0px;
	border-bottom: 0px;
	padding: 5px;
}

#callDetailsTable th, 
#callDetailsTable td {
	padding: 0px 5px 0px 5px;
}

#callDetailsTable th:not(:first-child):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)),
#callDetailsTable td:not(:first-child):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) {
	display: block;
}

@media screen and (max-width: 500px) {
	#callDetailsTable th:first-child,
	#callDetailsTable td:first-child {
		display: block;
	}	
}

.cost-group-div {
	height: auto;
	padding: 5px;	
}

#groupsModal h4 span.font-smaller {
	display: block;
	margin: 0px;
}

/*
	------------------------- PRICE PLANS -------------------------
*/

div#offersDiv div[data-json-id="descriptionForWeb"] {
	float: none !important;
	width: 100% !important;
} 

div#offersDiv div[data-bo-container] {
	margin-top: 10px;
	float: none !important;
	width: 100% !important;
} 

div#offersDiv div[data-bo-container] a {
	text-decoration: underline;
}

/*
	------------------------- FOOTER -------------------------
*/

/*
.vod-footer div.vod-footer-menu {
	display: table !important;
	width: 100%;
}


.vod-footer ul.vod-footer-links {
	display: table-header-group;
}

.vod-footer ul.vod-footer-links li {
	float: none;
	padding: 5px;
}

.vod-footer ul.vod-footer-links li {
	line-height: normal;
}

.vod-footer div#usefulLinksToggleContainer {
	float: none;
	text-align: left;
	display: table-footer-group;
}

#usefulLinksContainer .footerColumn {
	min-height: 0px;
	margin-bottom: 10px;
}

.vr1 {
	background-image: none;
}
*/

#footer {	
	display : none;
}

}</pre></body></html>