/* 
 * IWindow plugin
 */
.tpl-window-modal-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
z-index: 5000;
}

.tpl-window-placeholder {
position: absolute;
top: 0;
left: -999px;
border: 1px solid #000000;
background: #888888;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
cursor: nw-resize;
}

.tpl-window-default {
position: relative;
text-align: left;
z-index: 10;
}

.tpl-window-default .tpl-window-top {
position: relative;
height: 33px;
}

.tpl-window-default .tpl-window-top-ul {
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 33px;
background: url(/css/iwindow_img/window_body.png) no-repeat top left;
}

.tpl-window-default .tpl-window-top-hl {
width: 5px;
height: 26px;
margin: 5px 0 0 5px;
background: url(/css/iwindow_img/window_header.png) no-repeat top left;
}

.tpl-window-default .tpl-window-top-ur {
position: absolute;
left: 10px;
right: 0;
height: 33px;
line-height: 21px;
padding: 0px;
margin: 0px;
background: url(/css/iwindow_img/window_body.png) no-repeat top right;
}

.tpl-window-default .tpl-window-top-hr {
position: relative;
top: 5px;
height: 26px;
margin-right: 5px;
background: url(/css/iwindow_img/window_header.png) no-repeat top right;
}

.tpl-window-default .tpl-window-caption {
clear: none !important;
float: left;
height: 24px !important;
line-height: 24px !important;
margin: 0px !important;
padding: 0 !important;
font-size: 12px;
color: #FFFFFF;
overflow: hidden;
border: none;
font-weight: 400;
}

.tpl-window-default .tpl-window-middle {
position: relative;
top: 0px !important;
top: -3px;
margin: 0px 5px 0px 0px !important;
margin-bottom: -3px;
background: url(/css/iwindow_img/window_body.png) no-repeat scroll left -42px;
}

.tpl-window-default .tpl-window-body-wrapper {
position: relative;
right: -5px !important;
padding: 0px 5px 0px 0px !important;
background: url(/css/iwindow_img/window_body.png) no-repeat scroll right -42px;
}

.tpl-window-default .tpl-window-body {
min-width: 250px;
min-height: 72px;
}

.tpl-window-default .tpl-window-bottom {
clear: both;
position: relative;
height: 5px;
}

.tpl-window-default .tpl-window-bottom-ll {
position: absolute;
top: 0;
left: 0;
width: 15px; 
height: 5px;
background: url(/css/iwindow_img/window_body.png) no-repeat bottom left;
}

.tpl-window-default .tpl-window-bottom-lr {
position: absolute;
left: 15px;
right: 0;
height: 5px;
margin: 0px;
background: url(/css/iwindow_img/window_body.png) no-repeat bottom right;
}

.tpl-window-default .tpl-window-header-buttons {
position: absolute;
top: 0px;
right: 0px;
width: 42px;
height: 16px;
margin: 10px 5px 0px 0px !important;
}

.tpl-window-default .tpl-window-drag-handle {
cursor: move;
}

.tpl-window-default .tpl-window-resize-handle {
position: absolute;
right: 0;
bottom: 0;
width: 12px;
height: 12px;
background: url(/css/iwindow_img/small_icons.png) no-repeat -3px -66px;
cursor: nw-resize;
}

.tpl-window-default .tpl-window-close-buttons {
padding: 12px 12px 8px 12px;
text-align: right;
background: url(/css/iwindow_img/hr.png) repeat-x 0 0;
overflow: visible;
}

.tpl-window-default .tpl-window-sticky-close-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-top: -40px;
}

.tpl-window-default input[type=submit],
.tpl-window-default input[type=button],
.tpl-window-default button {
font-size: 12px;
height: 27px;
min-width: 80px;
font-weight: bold;
font-family: Arial,Verdana,sans-serif;
padding: 0 25px 1px 25px;
margin: 0;
margin-top: 0px;
background: url(/css/main_img/button.png) repeat-x 0 0 #629946;
border: 1px solid #5a8b41;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 0px 1px 2px #c3c3c3;
-moz-box-shadow: 0px 1px 2px #c3c3c3;
-webkit-box-shadow: 0px 1px 2px #c3c3c3;
color: #FFFFFF;
text-shadow: 0 1px 0 #375627;
cursor: pointer;
}

.tpl-window-default input[type=submit].tpl-ok-button,
.tpl-window-default input[type=button].tpl-ok-button,
.tpl-window-default button.tpl-ok-button {
margin-right: 5px;
}

.tpl-window-default input[type=button].tpl-cancel-button,
.tpl-window-default button.tpl-cancel-button {
border: none;
background: none;
padding: 0 10px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
font-size: 12px;
font-weight: normal;
color: #484848;
text-shadow: 1px 1px 0px #ecebeb;
}

.tpl-window-default .tpl-window-maximize-button {
float: right;
width: 16px;
height: 16px;
margin-right: 5px;
background: url(/css/iwindow_img/small_icons.png) no-repeat scroll 1px -23px;
cursor: pointer;
}

.tpl-window-default .tpl-window-restore-button {
background: url(/css/iwindow_img/small_icons.png) no-repeat scroll 1px -44px;
}

.tpl-window-default .tpl-window-close-button {
float: right;
width: 16px;
height: 16px;
margin-right: 5px;
background: url(/css/iwindow_img/small_icons.png) no-repeat scroll 1px -2px;
cursor: pointer;
}

.tpl-window-default .tpl-window-close-buttons .tpl-window-button.tpl-cancel-button {
background: none;
min-width: 80px;
}

.tpl-window-default .tpl-window-close-buttons.tpl-vipps-buttons {
text-align: left;
padding-left: 70px;	
}

.tpl-window-default .tpl-window-close-buttons.tpl-vipps-buttons .vipps {
width: 210px;
height: 44px;
padding: 0;
border: none;
vertical-align: middle;
background: url(/css/main_img/vipps_button.svg) no-repeat right center;
}

.tpl-window-default .tpl-window-close-buttons.tpl-vipps-buttons .tpl-cancel-button {
width: 120px;
height: 44px;
font-size: 16px;
vertical-align: middle;
background: none;
}

.tpl-window-default .tpl-window-msg {
line-height: 1.3;
padding: 2px 5px;
margin: 0;
}

.tpl-window-default .tpl-window-msg ul {
list-style: disc;
padding-left: 14px;
}

.tpl-window-default .tpl-window-msg ul li {
margin-top: 4px;
}

.tpl-window-default .tpl-window-icon-msg {
padding: 15px 5px 10px 75px;
min-height: 45px;
}

.tpl-window-default .tpl-window-icon {
position: absolute;
top: 10px;
left: 10px;
width: 50px;
height: 50px;
}

.tpl-window-default .tpl-window-icon.tpl-question {
background: url(/css/iwindow_img/message_icons.png) no-repeat scroll 0 0;
}

.tpl-window-default .tpl-window-icon.tpl-info {
background: url(/css/iwindow_img/message_icons.png) no-repeat scroll 0 -70px;
}

.tpl-window-default .tpl-window-icon.tpl-warning {
background: url(/css/iwindow_img/message_icons.png) no-repeat scroll 0 -140px;
}

.tpl-window-default .tpl-window-icon.tpl-error {
background: url(/css/iwindow_img/message_icons.png) no-repeat scroll 0 -210px;
}

.tpl-window-default .tpl-window-icon.tpl-delete {
background: url(/css/iwindow_img/message_icons.png) no-repeat scroll 0 -280px;
}

.tpl-window-default .tpl-window-hr {
height: 2px;
line-height: 2px;
font-size: 2px;
background: url(/css/iwindow_img/hr.png) repeat-x center center;
}

.tpl-window-default .tpl-window-text {
position: absolute;
top: 3px;
left: 0;
right: 0;
bottom: 0;
padding: 5px;
overflow-y: auto;
}

.tpl-window-default .tpl-window-progress {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.tpl-window-default .tpl-window-progress .progress-indicator {
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -80px;
}

.tpl-window-default .tpl-window-spinner {
margin-top: 55px;
}

.tpl-window-default .tpl-window-spinner .spinner-text {
margin: 52px auto 0 auto;
max-width: 420px;
font-size: 16px;
text-align: center;
}

.tpl-window-default .usage-entries {
position: absolute;
top: 5px;
left: 0;
right: 5px;
bottom: 0;
margin: 0;
overflow-y: auto;
}

.tpl-window-default .form-section-content {
padding: 0 5px;
}

.tpl-window-default .usage-entries .dropdown-button,
.tpl-window-default .usage-entries-list,
.tpl-window-default .usage-entries-list table th {
border-color: #bbbbbb;
}

.tpl-window-default .usage-entries .dropdown-button.active {
border-color: #b4b4b4;
background: #c8c6c6;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.tpl-window-default .usage-entries .dropdown-button.active .usage-summary-item-separator {
border-right: 1px solid #e5e5e5;
}

.tpl-window-default .usage-entries-list table th {
background: #dddddd;
color: #555555;
}

.tpl-window-default .usage-entries-list table .odd td {
background: #f7f7f7;
}

.tpl-window-default .usage-entries-list table .even td {
background: #eeeeee;
}

.tpl-window-default .usage-entries-list table .active td {
border-top: 1px solid #bbbbbb;
}

.tpl-window-default .usage-entries .export-usage {
margin-bottom: 10px;
}

.tpl-window-default .empty-content {
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -10px;
}

.tpl-window-default .usage-amount {
margin-top: 11px;
}

.tpl-window-default .usage-amount.small {
margin-top: 5px;
margin-bottom: 2px;
font-size: 14px;
}

.tpl-window-default .usage-entries fieldset {
margin-bottom: 15px;
border-color: #aaaaaa;
}

.tpl-window-default .usage-entries fieldset legend {
line-height: 22px;
padding-left: 25px;
padding-right: 7px;
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 7px -609px;
font-weight: bold;
}

.tpl-window-default .tasks .table {
width: 100%;
}

.tpl-window-default .tasks .table-cell.task-action {
text-align: right;
width: 65px;
padding-left: 10px;
padding-right: 9px;
font-weight: bold;
}

.tpl-window-default .tasks .table-cell.task-action a {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll right -1692px;
padding-right: 16px;
}

.tpl-window-default .tpl-window-body input[type=text],
.tpl-window-default .tpl-window-body input[type=password] {
border-color: #bbbbbb;
}

.tpl-window-default .maximized-form {
position: absolute;
top: 5px;
left: 0;
right: 5px;
bottom: 0;
margin: 0;
}

.tpl-window-default .maximized-form .form-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 48px;
margin: 0;
padding: 0 6px;
overflow-y: auto;
}

.tpl-window-default .maximized-form .submit-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: auto;
padding: 13px 8px 7px 8px;
border-top: 1px solid #999999;
}

.tpl-window-default .maximized-form .submit-buttons .button-prefix {
display: inline-block;
padding: 5px 8px;
white-space: pre;
}

.tpl-window-default .maximized-form .submit-buttons .close {
background: transparent;
border: none;
padding: 0;
color: #6cac20;
text-shadow: none;
box-shadow: none;
font-weight: normal;
}

.tpl-window-default .change-sim-card,
.tpl-window-default .block-sim-card {
padding: 10px;
}

.tpl-window-default .change-sim-card .tip,
.tpl-window-default .block-sim-card .tip {
padding: 0;
margin-top: 20px;
max-width: 380px;
background: none;
border: none;
}

.tpl-window-default .change-sim-card .tip h3,
.tpl-window-default .block-sim-card .tip h3 {
font-size: 14px;
}

.tpl-window-default .block-sim-card .tip {
max-width: 400px;
}

.tpl-window-default .change-sim-card .input-row .label,
.tpl-window-default .confirmation-code .input-row .label {
float: none;
width: auto;
padding: 0 0 5px 0;
}

.tpl-window-default .change-sim-card .input-row .input,
.tpl-window-default .confirmation-code .input-row .input {
padding-left: 0;
width: auto;
}

.tpl-window-default .change-sim-card .input-row .input input[type=text],
.tpl-window-default .confirmation-code .input-row .input input[type=text] {
box-sizing: border-box;
width: 100%;
}

.tpl-window-default .confirmation-code .input-row .input input[type=text] {
box-sizing: border-box;
width: 50%;
}

.tpl-window-default .change-sim-card .submit-buttons {
margin-top: 10px;
margin-bottom: 25px;
width: auto;
padding-left: 0;
}

.tpl-window-default .block-sim-card .block {
position: relative;
width: 180px;
height: 80px;
padding: 38px 0 0 0;
margin-right: 5px;
background: url(/css/main_img/block_link_l.png) repeat-x scroll 0 bottom #fdfdfd;
box-shadow: none;
border: 1px solid #a7a7a7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: none;
color: #3c3c3c;
font-weight: normal;
overflow: visible;
cursor: default;
}

.tpl-window-default .block-sim-card .block.block-out {
margin-left: 5px;
margin-right: 0;
}

.tpl-window-default .block-sim-card .block .type-icon {
display: block;
position: absolute;
top: 6px;
left: 0;
right: 0;
height: 40px;
}

.tpl-window-default .block-sim-card .block.block-in-out .type-icon {
background: url(/css/main_img/button_icons_medium.png) no-repeat scroll center -284px;
}

.tpl-window-default .block-sim-card .block.block-out .type-icon {
background: url(/css/main_img/button_icons_medium.png) no-repeat scroll center -317px;
}

.tpl-window-default .block-sim-card form .block {
cursor: pointer;
}

.tpl-window-default .block-sim-card form .block:hover {
border-color: #6cac20;
background: #f7f7f7;
}

.tpl-window-default .block-sim-card .block.blocked,
.tpl-window-default .block-sim-card form .block.blocked {
border-color: #E16460;
box-shadow: 0 0 4px rgba(229,25,55,0.5);
-moz-box-shadow: 0 0 4px #60A43E;
-webkit-box-shadow: 0 0 4px #60A43E;
}

.tpl-window-default .block-sim-card .block.active,
.tpl-window-default .block-sim-card form .block.active {
border-color: #E16460;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

.tpl-window-default .block-sim-card .block.inactive,
.tpl-window-default .block-sim-card form .block.inactive {
border-color: #E16460;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

.tpl-window-default .block-sim-card .block .status-icon {
position: absolute;
display: block;
top: -7px;
right: -7px;
width: 23px;
height: 23px;
}

.tpl-window-default .block-sim-card .block.blocked .status-icon {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -986px;
}

.tpl-window-default .block-sim-card .block.active .status-icon {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -986px;
}

.tpl-window-default .block-sim-card .block.inactive .status-icon {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -412px;
}

.tpl-window-default .esim-activation-info,
.tpl-window-default .bank-id-info,
.tpl-window-default .esim-device-info,
.tpl-window-default .esim-activation-tip,
.tpl-window-default .confirmation-code,
.tpl-window-default .sim-card-variant {
padding: 10px;
}

.tpl-window-default .confirmation-code {
padding-bottom: 80px;
}

.tpl-window-default .esim-activation-info p,
.tpl-window-default .bank-id-info p,
.tpl-window-default .esim-activation-tip p {
padding-bottom: 60px;
line-height: 1.5;
font-size: 13px;
}

.tpl-window-default .esim-activation-tip p {
padding-bottom: 80px;
}

.tpl-window-default .esim-activation-tip p:first-child {
padding-bottom: 20px;
}

.tpl-window-default .esim-activation-tip .connection-tip {
color: #6cac20;
padding-left: 26px;
background: url(/css/main_img/wifi.png) no-repeat scroll 0 0;
background-size: 18px 18px;
font-weight: 600;
}

.tpl-window-default .esim-device-info,
.tpl-window-default .sim-card-variant  {
padding-bottom: 70px;
}

.tpl-window-default .esim-device-info .device-type,
.tpl-window-default .sim-card-variant .sim-card-type {
position: relative;
padding: 24px 24px 15px 24px;
margin-right: 15px;
border-radius: 5px;
background: url(/css/main_img/block_link_l.png) repeat-x scroll 0 bottom #fdfdfd;
box-shadow: none;
text-shadow: none;
border: 1px solid #a7a7a7;
color: #3c3c3c;
font-weight: normal;
height: auto;
box-sizing: border-box;
}

.tpl-window-default .esim-device-info .device-type:hover,
.tpl-window-default .sim-card-variant .sim-card-type:hover {
border-color: #74b922;
background: #f7f7f7;
}

.tpl-window-default .esim-device-info .device-type.selected,
.tpl-window-default .sim-card-variant .sim-card-type.selected {
border: 1px solid #74b922;
}

.tpl-window-default .esim-device-info .device-type .status-icon,
.tpl-window-default .sim-card-variant .sim-card-type .status-icon {
position: absolute;
display: block;
top: -7px;
right: -7px;
width: 23px;
height: 23px;
}

.tpl-window-default .esim-device-info .device-type.selected .status-icon,
.tpl-window-default .sim-card-variant .sim-card-type.selected .status-icon {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -455px;
}

.tpl-window-default .esim-device-info .device-type .icon,
.tpl-window-default .sim-card-variant .sim-card-type .icon {
display: block;
width: 32px;
height: 32px;
margin: 0 auto 14px auto;
}

.tpl-window-default .esim-device-info .device-type.ios .icon {
background: url(/css/main_img/apple.svg) no-repeat top center;
}

.tpl-window-default .esim-device-info .device-type.android .icon {
background: url(/css/main_img/android.svg) no-repeat top center;
}

.tpl-window-default .esim-device-info .device-type.android-smartwatch .icon {
background: url(/css/main_img/smartwatch.svg) no-repeat top center;
}

.tpl-window-default .sim-card-variant .sim-card-type.physical .icon {
background: url(/css/main_img/physical_sim_card.svg) no-repeat top center;
}

.tpl-window-default .sim-card-variant .sim-card-type.esim .icon {
background: url(/css/main_img/esim.svg) no-repeat top center;
}

.tpl-window-default .esim-activation-info .close-buttons,
.tpl-window-default .bank-id-info .close-buttons,
.tpl-window-default .esim-device-info .close-buttons,
.tpl-window-default .esim-activation-tip .close-buttons,
.tpl-window-default .confirmation-code .close-buttons,
.tpl-window-default .sim-card-variant .close-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 5px;
padding: 12px 12px 8px 12px;
background: url(/css/iwindow_img/hr.png) repeat-x 0 0;
}

.tpl-window-default .esim-activation-info .close-buttons button,
.tpl-window-default .bank-id-info .close-buttons button,
.tpl-window-default .esim-device-info .close-buttons button,
.tpl-window-default .esim-activation-tip .close-buttons button,
.tpl-window-default .confirmation-code .close-buttons button,
.tpl-window-default .sim-card-variant .close-buttons button {
min-width: 150px;
margin-right: 15px;
}

.tpl-window-default .esim-activation-info .close-buttons a,
.tpl-window-default .bank-id-info .close-buttons a,
.tpl-window-default .esim-device-info .close-buttons a,
.tpl-window-default .esim-activation-tip .close-buttons a,
.tpl-window-default .confirmation-code .close-buttons a,
.tpl-window-default .sim-card-variant .close-buttons a {
display: inline-block;
min-width: 80px;
padding: 0 10px;
line-height: 27px;
font-size: 12px;
color: #484848;
text-shadow: 1px 1px 0px #ecebeb;
}

.tpl-window-default .confirmation-code p {
font-size: 13px;
margin-bottom: 15px;
}

.tpl-window-default .confirmation-code .resend {
display: inline-block;
margin-top: 5px;
}

.tpl-window-default .esim-device-info p {
margin-top: 15px;
}

@media screen and (max-width: 460px) {
	.tpl-window-default .confirmation-code .input-row .input input[type=text] {
	box-sizing: border-box;
	width: 100%;
	}

	.tpl-window-default .esim-device-info,
	.tpl-window-default .sim-card-variant {
	padding-bottom: 100px;
	}
	
	.tpl-window-default .esim-device-info .device-type,
	.tpl-window-default .sim-card-variant .sim-card-type {
	width: 100%;
	margin-bottom: 10px;
	margin-right: 0;
	}
}

@media screen and (max-width: 390px) {
	.tpl-window-default .input-row .input.zip,
	.tpl-window-default .input-row .input.city {
	width: 100%;
	}
		
	.tpl-window-default .input-row .input.zip input[type=text],
	.tpl-window-default .input-row .input.city input[type=text] {
	width: 96%;
	}
	
	.tpl-window-default .esim-activation-info .close-buttons button,
	.tpl-window-default .bank-id-info .close-buttons button,
	.tpl-window-default .esim-device-info .close-buttons button,
	.tpl-window-default .esim-activation-tip .close-buttons button,
	.tpl-window-default .confirmation-code .close-buttons button,
	.tpl-window-default .sim-card-variant .close-buttons button,
	.tpl-window-default .esim-activation-info .close-buttons a,
	.tpl-window-default .bank-id-info .close-buttons a,
	.tpl-window-default .esim-device-info .close-buttons a,
	.tpl-window-default .esim-activation-tip .close-buttons a,
	.tpl-window-default .confirmation-code .close-buttons a,
	.tpl-window-default .sim-card-variant .close-buttons a {
	display: block;
	}
	
	.tpl-window-default .esim-activation-info .close-buttons a,
	.tpl-window-default .bank-id-info .close-buttons a,
	.tpl-window-default .esim-device-info .close-buttons a,
	.tpl-window-default .esim-activation-tip .close-buttons a,
	.tpl-window-default .confirmation-code .close-buttons a,
	.tpl-window-default .sim-card-variant .close-buttons a {
	margin-top: 10px;
	}
	
	.tpl-window-default .confirmation-code {
	padding-bottom: 120px;
	}
	
	.tpl-window-default .esim-activation-info p,
	.tpl-window-default .bank-id-info p,
	.tpl-window-default .esim-activation-tip p {
	padding-bottom: 100px;
	line-height: 1.5;
	font-size: 13px;
	}

	.tpl-window-default .esim-activation-tip p {
	padding-bottom: 120px;
	}

	.tpl-window-default .esim-activation-tip p:first-child {
	padding-bottom: 20px;
	}
}