html, body { font-family: "open_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif; }

em { font-family: "open_sansitalic", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.version, .agent-details, h5, .h5, h6, .h6, table.-basic thead th { font-family: "open_sanssemibold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h3, .h3, h4, .h4, strong, #sw-jsapi #SWAPI .tariffs .charges:before, #sw-jsapi #SWAPI .bundles .charges:before, dl dt { font-family: "open_sansbold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

strong em, #sw-jsapi #SWAPI .tariffs .charges:before em, #sw-jsapi #SWAPI .bundles .charges:before em, em strong, em #sw-jsapi #SWAPI .tariffs .charges:before, #sw-jsapi #SWAPI .tariffs em .charges:before, em #sw-jsapi #SWAPI .bundles .charges:before, #sw-jsapi #SWAPI .bundles em .charges:before { font-family: "open_sansbolditalic", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1, .h1, h2, .h2 { font-family: "din_black", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.version, .agent-details, .admin .balances .burnthrough .progress, .well, .panel, .form-control { -moz-box-shadow: 0px 1px 2px 0px rgba(52, 52, 52, 0.35); -webkit-box-shadow: 0px 1px 2px 0px rgba(52, 52, 52, 0.35); box-shadow: 0px 1px 2px 0px rgba(52, 52, 52, 0.35); }

input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel] { -moz-box-shadow: inset 0px 1px 2px 0px rgba(52, 52, 52, 0.35); -webkit-box-shadow: inset 0px 1px 2px 0px rgba(52, 52, 52, 0.35); box-shadow: inset 0px 1px 2px 0px rgba(52, 52, 52, 0.35); }

.tabbed-panel, .tool-tip { -moz-box-shadow: 0px 1px 9px -3px rgba(52, 52, 52, 0.35); -webkit-box-shadow: 0px 1px 9px -3px rgba(52, 52, 52, 0.35); box-shadow: 0px 1px 9px -3px rgba(52, 52, 52, 0.35); }

.version, .agent-details, h5, .h5, h6, .h6, table.-basic thead th, h3, .h3, h4, .h4, strong, #sw-jsapi #SWAPI .tariffs .charges:before, #sw-jsapi #SWAPI .bundles .charges:before, dl dt, strong em, #sw-jsapi #SWAPI .tariffs .charges:before em, #sw-jsapi #SWAPI .bundles .charges:before em, em strong, h1, .h1, h2, .h2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.grid > *:first-child { margin-left: 0 !important; }

.hide { display: none; }

.version { position: fixed; bottom: 5px; left: 5px; width: auto; height: 20px; font-size: 11px; line-height: 20px; text-align: center; padding: 0 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; z-index: 99; background: rgba(255, 255, 255, 0.5); text-decoration: none; color: #382D2E; }
.version:hover { background: white; }

.agent-details { position: fixed; bottom: 5px; right: 5px; width: auto; height: 20px; font-size: 11px; line-height: 20px; text-align: center; padding: 0 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; z-index: 99; background: rgba(255, 255, 255, 0.5); text-decoration: none; color: #382D2E; }
.agent-details:hover { background: white; }

html, body { height: 100%; color: #382D2E; font-size: 16px; line-height: 1.375em; }

h1, .h1 { font-size: 40px; line-height: 1.2em; letter-spacing: -0.0625em; margin-bottom: 1em; }
@media (max-width: 580px) { h1, .h1 { font-size: 30px; line-height: 1.2666666667em; } }
h1:after, .h1:after { width: 65px; height: 2px; display: block; margin-top: 0.25em; background-color: #382D2E; content: ""; }
h1.text-center:after, .h1.text-center:after { margin-right: auto; margin-left: auto; }
h1.text-right:after, .h1.text-right:after { margin-right: 0; margin-left: auto; }

h2, .h2 { font-size: 28px; line-height: 1.1428571429em; letter-spacing: -0.0625em; margin-bottom: 1em; }
h2:after, .h2:after { display: none; }
@media (max-width: 580px) { h2, .h2 { font-size: 22px; line-height: 1.1818181818em; } }

h3, .h3 { font-size: 24px; line-height: 1.1666666667em; margin-bottom: 1em; }
h3:after, .h3:after { display: none; }
@media (max-width: 580px) { h3, .h3 { font-size: 19px; line-height: 1.2105263158em; } }

h4, .h4 { font-size: 20px; line-height: 1.2em; margin-bottom: 1em; }
h4:after, .h4:after { display: none; }

h5, .h5 { font-size: 18px; line-height: 1.2222222222em; margin-bottom: 1em; }
h5:after, .h5:after { display: none; }

h6, .h6 { font-size: 16px; line-height: 1.25em; margin-bottom: 1em; }
h6:after, .h6:after { display: none; }

p { margin-top: 0; }
p.-lead { font-size: 1.375em; line-height: 1.4545454545em; }
@media (max-width: 580px) { p.-lead { font-size: 1.125em; line-height: 1.5555555556em; } }
p.-page-copy { text-align: center; max-width: 525px; margin-left: auto; margin-right: auto; }

* { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

a { color: #f6577a; border-bottom: 1px solid; text-decoration: none !important; cursor: pointer; -moz-transition: color 0.2s, border-color 0.2s; -o-transition: color 0.2s, border-color 0.2s; -webkit-transition: color 0.2s, border-color 0.2s; transition: color 0.2s, border-color 0.2s; }
a:hover { color: #904a87; border-color: #904a87; }

small, .small { font-size: 85%; }

ul li, ol li { margin: 0.25em 0; }
ul.-inline, ol.-inline { margin: 0; padding: 0; list-style: none; }
ul.-inline li, ol.-inline li { display: inline-block; margin: 0; padding: 0 0.25em; }
ul.-inline li:first-child, ol.-inline li:first-child { padding-left: 0; }
ul.-flush-left, ol.-flush-left { padding-left: 1.5em; }
ul.-flush-left li ul, ul.-flush-left li ol, ol.-flush-left li ul, ol.-flush-left li ol { padding-left: 2em; }
@media (max-width: 580px) { ul, ol { padding-left: 20px; } }

dl { margin-top: 0; }
dl dd { margin-bottom: .5em; margin-left: 0; }
dl.-horizontal dt { float: left; clear: left; width: 160px; text-align: right; }
dl.-horizontal dd { margin-left: 180px; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.block-center { margin-left: auto; margin-right: auto; display: block; }

.block-left { margin-left: 0; margin-right: auto; display: block; }

.block-right { margin-left: auto; margin-right: 0; display: block; }

.float-left { float: left; }

.float-right { float: right; }

.short-description { font-size: 18px; }

.space-1 { margin-top: 16px !important; margin-bottom: 16px !important; }

.space-2 { margin-top: 32px !important; margin-bottom: 32px !important; }

.space-3 { margin-top: 48px !important; margin-bottom: 48px !important; }

.space-4 { margin-top: 64px !important; margin-bottom: 64px !important; }

.space-5 { margin-top: 80px !important; margin-bottom: 80px !important; }

.space-6 { margin-top: 96px !important; margin-bottom: 96px !important; }

.space-top-1 { margin-top: 16px !important; }

.space-top-2 { margin-top: 32px !important; }

.space-top-3 { margin-top: 48px !important; }

.space-top-4 { margin-top: 64px !important; }

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

.space-top-6 { margin-top: 96px !important; }

.space-bottom-1 { margin-bottom: 16px !important; }

.space-bottom-2 { margin-bottom: 32px !important; }

.space-bottom-3 { margin-bottom: 48px !important; }

.space-bottom-4 { margin-bottom: 64px !important; }

.space-bottom-5 { margin-bottom: 80px !important; }

.space-bottom-6 { margin-bottom: 96px !important; }

[data-before]:before { content: attr(data-before); }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

[role^='title'] { margin-bottom: 0; }
[role^='title']:after { display: none; }

@media (max-width: 580px) { dl.-horizontal { /*dt,dd{ @include grid-span(12,1); float: none; clear: both;
}*/ }
  dl.-horizontal dt { text-align: left; }
  dl.-horizontal dd { margin-left: 0; margin-bottom: 0.5em; } }
table.-basic { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 0px #EDEDEB; -webkit-box-shadow: 1px 1px 0px #EDEDEB; box-shadow: 1px 1px 0px #EDEDEB; overflow: hidden; width: 100%; }
table.-basic thead { background: #382D2E; }
table.-basic thead tr { min-height: 65px; }
table.-basic thead th { padding: 12px 15px; color: white; text-align: left; font-size: 18px; }
table.-basic tbody { background: #fafaf9; }
table.-basic tbody tr { border-top: 1px solid #EDEDEB; }
table.-basic tbody tr:first-child { border: none; }
table.-basic tbody td { padding: 12px 15px; }
@media (max-width: 800px) { table.-basic thead th { font-size: 16px; }
  table.-basic tbody td { font-size: 14px; } }
@media (max-width: 480px) { table.-basic thead { display: none; }
  table.-basic tbody tr { display: block; padding: 5px 0; }
  table.-basic tbody td { display: block; padding: 0 5px; width: 100%; font-size: 13px; }
  table.-basic tbody td:before { display: inline-block; padding: 0 8px 0 2px; content: attr(data-th) " :"; font-size: 12px; font-family: "open_sansbold", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.btn { padding: 1em 1.5em; border-width: 2px; line-height: 1em; height: 50px; font-size: 16px; }
.btn.btn-sm { font-size: 12px; height: auto; }
.btn.btn-primary { background-color: #f6577a; border: none; color: #fff; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; }
.btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #904a87; }
.btn.active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.btn.form-control[disabled] { border-color: #666666; background-color: #CCC; color: #666666; cursor: not-allowed; }
.btn.form-control[disabled]:hover { color: #666666; }
.btn.form-control[disabled].-hollow { background-color: transparent; color: #666666; }
.btn.form-control[disabled].-primary { border-color: #CCC; background-color: #CCC; }
.btn.form-control[disabled].-primary:after { background-color: #CCC; }

img { max-width: 100%; height: auto; }
img.-rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
img.-circular { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
img.-bordered { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px; border: 1px solid #ededeb; background-color: white; }

div[role=video] { position: relative; }
div[role=video]:after { display: block; padding-top: 56.25%; content: ''; }
div[role=video] iframe { width: 100%; height: 100%; position: absolute; }

.top-panel .container { margin-bottom: 0; }

.datepicker td.day:hover { cursor: pointer; color: #f6577a; }
.datepicker td.day.active { color: #f6577a; font-family: "open_sanssemibold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.datepicker td.day.disabled { color: #EDEDEB; cursor: default; }

.container { margin-bottom: 40px; }

.panel > .table-responsive { font-size: 14px; }

#SWAPI .histories.panel .table tr td, #SWAPI .histories.panel .table tr th { padding: 15px; max-width: 180px; white-space: pre-line; word-break: break-all; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle; }

@media (max-width: 580px) { .page { padding-top: 67px; } }
@media (max-width: 991px) { .col-sm-4.full-991 { width: 41.66666667%; } }
@media (max-width: 768px) { .col-sm-4.full-991 { width: inherit; } }
@font-face { font-weight: normal; font-style: normal; font-family: 'open_sansregular'; src: url('../fonts/open-sans/opensans-regular-webfont.eot?1463958579'); src: url('../fonts/open-sans/opensans-regular-webfont.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/open-sans/opensans-regular-webfont.woff?1463958579') format("woff"), url('../fonts/open-sans/opensans-regular-webfont.ttf?1463958579') format("truetype"), url('../fonts/open-sans/opensans-regular-webfont.svg?1463958579#open_sansregular') format("svg"); }
@font-face { font-weight: normal; font-style: italic; font-family: 'open_sansitalic'; src: url('../fonts/open-sans/opensans-italic-webfont.eot?1463958579'); src: url('../fonts/open-sans/opensans-italic-webfont.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/open-sans/opensans-italic-webfont.woff?1463958579') format("woff"), url('../fonts/open-sans/opensans-italic-webfont.ttf?1463958579') format("truetype"), url('../fonts/open-sans/opensans-italic-webfont.svg?1463958579#open_sansitalic') format("svg"); }
@font-face { font-weight: 600; font-style: normal; font-family: 'open_sanssemibold'; src: url('../fonts/open-sans/opensans-semibold-webfont.eot?1463958579'); src: url('../fonts/open-sans/opensans-semibold-webfont.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/open-sans/opensans-semibold-webfont.woff?1463958579') format("woff"), url('../fonts/open-sans/opensans-semibold-webfont.ttf?1463958579') format("truetype"), url('../fonts/open-sans/opensans-semibold-webfont.svg?1463958579#open_sanssemibold') format("svg"); }
@font-face { font-weight: 600; font-style: italic; font-family: 'open_sanssemibolditalic'; src: url('../fonts/open-sans/opensans-semibolditalic-webfont.eot?1463958579'); src: url('../fonts/open-sans/opensans-semibolditalic-webfont.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/open-sans/opensans-semibolditalic-webfont.woff?1463958579') format("woff"), url('../fonts/open-sans/opensans-semibolditalic-webfont.ttf?1463958579') format("truetype"), url('../fonts/open-sans/opensans-semibolditalic-webfont.svg?1463958579#open_sanssemibolditalic') format("svg"); }
@font-face { font-weight: bold; font-style: normal; font-family: 'open_sansbold'; src: url('../fonts/open-sans/opensans-bold-webfont.eot?1463958579'); src: url('../fonts/open-sans/opensans-bold-webfont.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/open-sans/opensans-bold-webfont.woff?1463958579') format("woff"), url('../fonts/open-sans/opensans-bold-webfont.ttf?1463958579') format("truetype"), url('../fonts/open-sans/opensans-bold-webfont.svg?1463958579#open_sansbold') format("svg"); }
@font-face { font-weight: bold; font-style: italic; font-family: 'open_sansbolditalic'; src: url('../fonts/open-sans/opensans-bolditalic-webfont.eot?1463958579'); src: url('../fonts/open-sans/opensans-bolditalic-webfont.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/open-sans/opensans-bolditalic-webfont.woff?1463958579') format("woff"), url('../fonts/open-sans/opensans-bolditalic-webfont.ttf?1463958579') format("truetype"), url('../fonts/open-sans/opensans-bolditalic-webfont.svg?1463958579#open_sansbolditalic') format("svg"); }
@font-face { font-weight: normal; font-style: normal; font-family: 'icomoon'; src: url('../fonts/icomoon/fonts/icomoon.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/icomoon/fonts/icomoon.eot?1463958579'), url('../fonts/icomoon/fonts/icomoon.woff?1463958579') format("woff"), url('../fonts/icomoon/fonts/icomoon.ttf?1463958579') format("truetype"); }
@font-face { font-weight: 800; font-style: normal; font-family: 'din_black'; src: url('../fonts/din/ff_din_black-webfont.eot?1463958579'); src: url('../fonts/din/ff_din_black-webfont.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/din/ff_din_black-webfont.woff?1463958579') format("woff"), url('../fonts/din/ff_din_black-webfont.ttf?1463958579') format("truetype"), url('../fonts/din/ff_din_black-webfont.svg?1463958579#din_black') format("svg"); }
@font-face { font-weight: bold; font-style: normal; font-family: 'din_bold'; src: url('../fonts/din/DINWeb-Bold.eot?1463958579'); src: url('../fonts/din/DINWeb-Bold.eot?&1463958579#iefix') format("embedded-opentype"), url('../fonts/din/DINWeb-Bold.woff?1463958579') format("woff"), url('../fonts/din/DINWeb-Bold.ttf?1463958579') format("truetype"), url('../fonts/din/DINWeb-Bold.svg?1463958579#din_bold') format("svg"); }
@media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon/fonts/icomoon.svg?1463958579#icomoon') format("svg"); } }
@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?-2ikk8p"); src: url("fonts/icomoon.eot?#iefix-2ikk8p") format("embedded-opentype"), url("fonts/icomoon.ttf?-2ikk8p") format("truetype"), url("fonts/icomoon.woff?-2ikk8p") format("woff"), url("fonts/icomoon.svg?-2ikk8p#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-icon-bundles:before { content: "\e600"; }

.icon-icon-logout:before { content: "\e601"; }

.icon-icon-phone:before { content: "\e602"; }

.icon-icon-plan:before { content: "\e603"; }

#SWAPI h3 { margin-bottom: 0.5em; }
#SWAPI .icon { font-size: 64px; color: #f6577a; }
#SWAPI .balances table tbody tr:first-child td, #SWAPI .balances table tbody tr:first-child th { border-top: none; }
#SWAPI .current-tariff .panel { border: none; background: none; }
#SWAPI .current-bundles .bundle { border-top: 1px solid #ddd; }
#SWAPI .current-bundles .bundle .panel-footer .btn-primary { float: right; margin-top: -75px; }
@media (max-width: 580px) { #SWAPI .current-bundles .bundle .panel-footer .btn-primary { float: none; margin-top: 0; margin-bottom: 20px; } }
#SWAPI .current-bundles .bundles > .row:first-child .bundle { border-top: none; }

.change-pin .form-control { /*border: none;
border-bottom: solid 1px #f992a9;
height: 4em;
margin: 1em 0;
padding: 1em 2em;*/ }

.change-pin button.form-control { /*background: $white;
border-bottom: solid 2px #f992a9;
border-radius: 5px;
box-shadow: 5px #888;
color: #f992a9;
font-weight: bold;
transition: all .2s;*/ }

.change-pin button.form-control:hover { /*background: $brown-dark;
border: none;
color: $white;*/ }

.admin .form-group:last-of-type { margin-bottom: 15px; }
.admin form.admin-section { padding-top: 20px; border-bottom: 1px solid #CCC; }
.admin .balances { border-bottom: 1px solid #CCC; margin-bottom: 20px; }
.admin .balances .credit-amount-value, .admin .balances .credit-initial-value, .admin .balances .credit-expiry-date { font-weight: 700; color: #f6577a; }
.admin .balances .burnthrough .progress .progress-bar { background-color: #f6577a; }
.admin .help-block { line-height: 52px; margin-top: 0; margin-bottom: 5px; }
.admin .sim-swap-new-msisdn-label { line-height: 24px; }

#SWAPI .histories.panel { /*background: $white;
border: none;
border-radius: 5px;
margin-top: 1em;*/ }
#SWAPI .histories .form-control { /*background: $white;
font-size: 120%;*/ }
#SWAPI .histories button.form-control { /*border-bottom-color: #D43558;
color: $pink;
padding-left: 2em;
padding-right: 2em;*/ }
#SWAPI .histories table { /*border-collapse: collapse;
border-spacing: 0;*/ }
#SWAPI .histories.panel .table th, #SWAPI .histories.panel .pagination > li > a { color: #f6577a; }
#SWAPI .histories.panel .table tr td, #SWAPI .histories.panel .table tr th { padding: 15px; }
#SWAPI .histories.panel .panel-heading { padding-bottom: 5px; }
#SWAPI .histories.panel .pagination { margin-top: 10px; margin-bottom: 5px; }
#SWAPI .histories.panel .panel-footer { padding-top: 0; padding-bottom: 0; }

.home-page .progress-container .loading-progress { margin-top: 6em; }

.porting { font-size: 15px; }
.porting .preamble { margin-bottom: 2em; }
.porting .form-error { color: #f00; }

.tariff .well, .current-tariff .well, .bundle .well, .subscriber .well { padding-left: 0.5em; padding-right: 0.5em; }
.tariff h2, .current-tariff h2, .bundle h2, .subscriber h2 { margin-top: 0; margin-bottom: 0.25em; }
.tariff .panel-body, .current-tariff .panel-body, .bundle .panel-body, .subscriber .panel-body { padding-top: 0; padding-bottom: 0; }

#sw-jsapi #SWAPI .current-bundles .bundles .charges:before { content: none; }

.current-tariff .icon { margin-left: 10px; }

.current-tariff .icon, .current-bundles .icon { display: inline; }
.current-tariff .tariff, .current-tariff .bundle, .current-bundles .tariff, .current-bundles .bundle { height: auto; }
.current-tariff .tariff.panel, .current-tariff .bundle.panel, .current-bundles .tariff.panel, .current-bundles .bundle.panel { margin-bottom: 0; -moz-box-shadow: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; }
.current-tariff .tariff .panel-footer, .current-tariff .bundle .panel-footer, .current-bundles .tariff .panel-footer, .current-bundles .bundle .panel-footer { margin-bottom: 0; padding-bottom: 0; padding-top: 0; border: 0; }

.bundles > .row:first-child .icon { display: inline; }
.bundles > .row .panel-body { padding-top: 0.5em; padding-bottom: 0.5em; }
.bundles > .row .icon { display: none; }

.tariffs h3, .current-tariff h3, .bundles h3, .current-bundles h3 {   /*height: 2em;
text-align: center;
vertical-align: baseline;*/ }

.tariffs .well, .bundles .well { margin-bottom: 2em; }
.tariffs .well .tariff, .tariffs .well .bundle, .bundles .well .tariff, .bundles .well .bundle { height: 220px; background: none; -moz-box-shadow: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; }
.tariffs .well .tariff.panel, .tariffs .well .bundle.panel, .bundles .well .tariff.panel, .bundles .well .bundle.panel { margin-bottom: 0; border: none; }
.tariffs .well .tariff .panel-body, .tariffs .well .bundle .panel-body, .bundles .well .tariff .panel-body, .bundles .well .bundle .panel-body { height: 80%; padding: 0; }
.tariffs .well .tariff .panel-footer, .tariffs .well .bundle .panel-footer, .bundles .well .tariff .panel-footer, .bundles .well .bundle .panel-footer { background: none; border: none; border-bottom: 0; padding: 0; }

#sw-jsapi #SWAPI .tariffs .charges:before, #sw-jsapi #SWAPI .bundles .charges:before { content: 'for only '; }
#sw-jsapi #SWAPI .tariff .btn:hover, #sw-jsapi #SWAPI .bundle .btn:hover {     /*background: $brown-dark;
color: $white;*/ }
#sw-jsapi #SWAPI .tariffs .tariff .btn {     /*border-bottom-color: $blue-cyan-on;
color: $blue-cyan-on;*/ }
#sw-jsapi #SWAPI .current .tariff .btn { float: right; margin-top: -75px; }
#sw-jsapi #SWAPI .bundles .bundle .btn {     /*border-bottom-color: $orange-dark-on;
color: $orange-dark-on;*/ }
#sw-jsapi #SWAPI .current .bundle .btn { float: right; margin-top: -75px; }
#sw-jsapi #SWAPI .divider { display: none; }

body { background: #EDEDEB; overflow-x: hidden; min-width: 320px; }

.page h1 { margin-top: 3em; }
@media (max-width: 580px) { .page h1 { margin-top: 2em; } }
.page #SWAPI { margin-top: 8em; }
@media (max-width: 580px) { .page #SWAPI { margin-top: 3.5em; } }
.page #SWAPI h1 { margin-top: 0; }

.helper-block { text-align: center; margin: 70px auto 0; font-size: 14px; }

.vertical-center { text-align: center; padding: 12px; }

.top-panel .logoholder { background: url("/img/flatlogo.png") no-repeat top left; height: 67px; margin-left: 22px; width: 245px; text-indent: -99999px; border: none; background-size: contain; }
.top-panel .logoholder img { height: 67px; }
.top-panel .logout .logout-label { display: none; }
@media (max-width: 768px) { .top-panel .logout .logout-label { display: inline; } }
.top-panel .logo { position: relative; display: inline-block; background-image: url("../../img/logo-sprite.png"); background-size: 308px auto; background-repeat: no-repeat; height: 67px; width: 245px; float: left; text-align: center; margin: 0 0 3px 22px; }
@media (max-width: 480px) { .top-panel .logo { margin-left: 0; } }
.top-panel .logo a { border: none; }
.top-panel .logo a img { width: 111px; height: 49px; display: inline-block; margin-top: 9px; }

.navbar-inverse { background: #5ba8c8; border: none; }
.navbar-inverse .navbar-collapse { border: none; }
.navbar-inverse .navbar-toggle { border: none; background: none !important; }
.navbar-inverse .navbar-toggle .icon-bar { -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; }
.navbar-inverse .navbar-toggle .icon-bar:nth-child(2) { transition-delay: 100ms; }
.navbar-inverse .navbar-toggle .icon-bar:nth-child(3) { transition-delay: 150ms; }
.navbar-inverse .navbar-toggle .icon-bar:nth-child(4) { transition-delay: 200ms; }
.navbar-inverse .navbar-toggle:hover .icon-bar { -moz-transform: translateX(-4px); -ms-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); }
.navbar-inverse .navbar-nav, .navbar-inverse .nav { margin-top: 3px; }
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .nav > li > a { color: #fff; border: none; }
@media (max-width: 1024px) { .navbar-inverse .navbar-nav > li > a, .navbar-inverse .nav > li > a { font-size: 12px; } }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .nav > li > a:hover { color: #ffca58; }
.navbar-inverse .navbar-nav > li.active a, .navbar-inverse .nav > li.active a { color: #ffca58 !important; }
@media (max-width: 768px) { .navbar-inverse .navbar-nav, .navbar-inverse .nav { max-width: 570px; margin: 0 auto; text-align: center; }
  .navbar-inverse .navbar-nav > li > a, .navbar-inverse .nav > li > a { font-size: 16px; } }

.navbar-toggle { margin-top: 14px; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background: none; }

.form-control { padding-left: 15px; padding-right: 15px; border: 1px solid #f0f0ee; color: #382D2E; -moz-transition: box-shadow 0.2s, border-color 0.2s; -o-transition: box-shadow 0.2s, border-color 0.2s; -webkit-transition: box-shadow 0.2s, border-color 0.2s; transition: box-shadow 0.2s, border-color 0.2s; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.form-control:focus { border-color: #904a87; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
[disabled].form-control { background: #EDEDEB; border-color: #999999; font-family: #f0f0ee; color: #999999; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.placeholder.form-control { color: #aaaaaa; }
.form-control:-moz-placeholder { color: #aaaaaa; }
.form-control::-moz-placeholder { color: #aaaaaa; }
.form-control:-ms-input-placeholder { color: #aaaaaa; }
.form-control::-webkit-input-placeholder { color: #aaaaaa; }

.form-control { height: 60px; }
.form-control.form-label { height: 60px; }
.form-control.btn { height: 50px; }

.form-group:last-of-type { margin-bottom: 0; }

.form-label { height: 60px; display: flex; flex-direction: column; margin: 0; justify-content: center; }
@media (max-width: 768px) { .form-label { text-align: left; height: auto; margin-bottom: 4px; } }

.form-control.error-target { border-color: #f00; }

.form-radio { display: inline-block; margin-right: 10px; }

.form-notes { color: #8C8C8C; margin-top: 10px; font-size: 14px; }

.form-radio-group, .form-checkbox { position: relative; width: 100%; height: auto; margin-bottom: 10px; }
.form-radio-group input, .form-checkbox input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: 1; }
.form-radio-group label, .form-checkbox label { display: inline-block; position: relative; width: auto; cursor: pointer; padding: 2px 10px 0 38px; z-index: 2; transition: color 0.2s ease; }
.form-radio-group label:before, .form-checkbox label:before { top: 0; left: 0; width: 26px; height: 26px; border: 2px solid #f6577a; background: #EDEDEB; -webkit-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; }
.form-radio-group label:after, .form-checkbox label:after { opacity: 0; top: 1px; left: 1px; width: 24px; height: 24px; text-align: center; transform: scale(0.5); transition: opacity 0.2s ease, transform 0.2s ease; border: 9px solid #f6577a; }

.form-radio-group input:checked + label:before, .form-checkbox input:checked + label:before { box-shadow: none; }

.form-radio-group label:before, .form-radio-group label:after { border-radius: 100%; }

.form-radio-group label:before, .form-radio-group label:after, .form-checkbox label:before, .form-checkbox label:after { position: absolute; content: ""; }

.form-radio-group input:checked + label:after, .form-checkbox input:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.tabbed-panel { position: relative; background: #f5f5f5; margin: 40px auto; width: 100%; max-width: 570px; border-radius: 4px; }
.tabbed-panel__ul { margin: 0; padding: 0; list-style: none; width: 100%; height: 52px; font-size: 18px; background: #f6577a; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.tabbed-panel__li { position: relative; background: #f6577a; display: inline-block; width: 50%; height: 52px; color: white; text-align: center; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.tabbed-panel__li:nth-child(2).-current::after { left: -17px; right: auto; border-width: 0 0 48px 17px; border-color: transparent transparent #f5f5f5 transparent; }
.tabbed-panel__li a { border: none; text-decoration: none; display: block; color: white; padding: 15px 0; }
.tabbed-panel__li a:hover { text-decoration: none; }
.tabbed-panel__li.-current { background: #f5f5f5; }
.tabbed-panel__li.-current:after { content: ''; position: absolute; top: 4px; right: -17px; left: auto; width: 0; height: 0; border-style: solid; border-width: 48px 0 0 17px; border-color: transparent transparent transparent #f5f5f5; z-index: 1; }
.tabbed-panel__li.-current a { color: #f6577a; }
.tabbed-panel__li.-current a:hover { color: #f6577a; cursor: default; }
.tabbed-panel__content { padding: 44px; }
@media (max-width: 768px) { .tabbed-panel__content { padding: 22px; } }

.accordion-steps__step { border-top: 1px solid #ddd; padding: 17px 0; }
.accordion-steps__step:last-child { border-bottom: 1px solid #ddd; }
.accordion-steps__heading { font-weight: 600; padding: 0 15px; cursor: pointer; }
@media (max-width: 768px) { .accordion-steps__heading { padding: 0; } }
.accordion-steps__content-padding { padding: 15px; }
@media (max-width: 768px) { .accordion-steps__content-padding { padding: 15px 0; } }
.accordion-steps__content-padding > p { font-size: 14px; line-height: 20px; }
.accordion-steps__help-info { margin-top: 20px; }

.tool-tip { position: absolute; right: 0; background: #fff; width: 295px; max-width: 570px; border-radius: 4px; z-index: 1; display: none; }
.tool-tip__inner { padding: 22px; }
.tool-tip__inner > p { font-size: 14px; line-height: 20px; font-family: "open_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.tool-tip__heading { font-size: 14px; font-family: "open_sanssemibold", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; border-bottom: 1px solid #ddd; padding-bottom: 12px; margin-bottom: 10px; }
.tool-tip::before { content: ''; position: absolute; background: #fff; top: 50%; left: 12px; border-color: transparent transparent #fff #fff; width: 20px; height: 20px; -moz-transform: translate(-100%, -50%) rotate(45deg); -ms-transform: translate(-100%, -50%) rotate(45deg); -webkit-transform: translate(-100%, -50%) rotate(45deg); transform: translate(-100%, -50%) rotate(45deg); -moz-box-shadow: -2px 2px 3px 0px rgba(52, 52, 52, 0.09); -webkit-box-shadow: -2px 2px 3px 0px rgba(52, 52, 52, 0.09); box-shadow: -2px 2px 3px 0px rgba(52, 52, 52, 0.09); }
@media (max-width: 1024px) { .tool-tip::before { top: -8px !important; right: 17px !important; transform: translate(0) rotate(135deg); left: auto; } }
@media (max-width: 768px) { .tool-tip::before { display: none; } }

.tool-tip-trigger { position: absolute; top: 50%; right: 22px; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: background 0.2s; -o-transition: background 0.2s; -webkit-transition: background 0.2s; transition: background 0.2s; width: 22px; height: 22px; border-radius: 100%; background: #cccccc; font-family: "open_sanssemibold", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; text-align: center; cursor: pointer; }
.tool-tip-trigger.-mobile { position: relative; }
.tool-tip-trigger:hover { background: #8C8C8C; }
.tool-tip-trigger:hover + .tool-tip { display: block; }

.tabbed-panel .tool-tip { right: 11px; margin-top: -30px; -moz-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); }
@media (max-width: 1024px) { .tabbed-panel .tool-tip { margin-top: 0; right: 17px; top: 70px; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); } }
@media (max-width: 768px) { .tabbed-panel .tool-tip { position: relative; opacity: 1; top: 0; left: 0; right: 0; margin: 30px auto; width: 100%; transform: none; } }

.form-group .tool-tip { right: 11px; margin-top: -30px; -moz-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); }
@media (max-width: 1024px) { .form-group .tool-tip { margin-top: 0; right: 17px; top: 70px; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); } }
@media (max-width: 768px) { .form-group .tool-tip { position: relative; opacity: 1; top: 0; left: 0; right: 0; margin: 30px auto; width: 100%; transform: none; } }

.video-embed { margin-top: 30px; margin-bottom: 70px; padding: 0 15px; }
@media (max-width: 768px) { .video-embed { margin-top: 4px; } }
.video-embed__wrap { position: relative; padding-bottom: 50.75%; padding-top: 25px; height: 0; }
.video-embed__iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-embed-title { margin-top: 15px; font-family: "open_sansbold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

#confirmPurchaseDialog, #confirmPurchaseDialog, #resultDialog { display: none; }

@media (min-width: 768px) { .modal-dialog { margin: 100px auto; } }
.transfer-modal__heading { font-family: "din_black", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 39px; font-size: 38px; margin-bottom: 25px; }
.transfer-modal__content { padding: 44px; }
.transfer-modal__footer { display: flex; justify-content: space-between; margin-top: 30px; }
.transfer-modal p { font-size: 17px; line-height: 24px; width: 90%; }
.transfer-modal__svg { position: absolute; top: -33px; right: 9px; width: 184px; }
@media (max-width: 768px) { .transfer-modal__svg { display: none; } }

/*# sourceMappingURL=styles.css.map */