/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

body {
line-height: normal;
min-width: 940px;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset {
border: 1px solid #d4d4d2;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 7px;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}

.clearfix {
display: block
}

/* content */
html,
body,
#container {
height: 100%;
}

body {
color: #0a0a0a;
font-family: 'Open Sans', Arial, sans-serif;
background: #FFFFFF;
font-size: 13px;
}

h1 {
font-size: 30px;
}

h3 {
font-size: 130%;
}

a {
color: #2D6CE8;
text-decoration: none;
outline: none;
}

a:hover {
color: #3c3c3c;
text-decoration: none;
}

input[type=text],
input[type=password],
textarea {
padding: 4px 5px;
background: #FFFFFF;
border: 1px solid #888888;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #888888;
font-size: 13px;
font-family: 'Open Sans', Arial, sans-serif;
box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
margin-left: 0;
}

textarea {
resize: none;
}

::-webkit-input-placeholder {
color: #bbbbbb;
opacity: 1;
}

:-moz-placeholder {
color: #bbbbbb;
opacity: 1;
}

::-moz-placeholder {
color: #bbbbbb;
opacity: 1;
}

:-ms-input-placeholder {  
color: #bbbbbb;
opacity: 1;
}

input[type=submit],
button {
min-width: 110px;
font-size: 13px;
height: 27px;
font-weight: 400;
font-family: 'Open Sans', Arial, sans-serif;
text-align: center;
padding: 0 10px;
margin: 0;
background: rgb(48,44,94);
border: 1px solid rgb(48,44,94);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
cursor: pointer;
}

input[type=submit].alt,
button.alt {
border-color: rgb(48,44,94);
background: rgb(48,44,94);
color: #FFFFFF;
}

input[type=submit].delete,
button.delete {
border-color: #bc2c3d;
background: #bc2c3d;
}

input[type=submit].add,
button.add {
border-color: #31724d;
background: #31724d;
}

input[type=submit]:disabled,
button:disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
cursor: default;
}

button.next {
padding-right: 6px;
}

button span {
line-height: 14px;
display: inline-block;
}

button.next span {
padding-right: 15px;
background: url(/css/main_img/button_arrows.png) no-repeat scroll right -26px;
}

button.prev,
button.add,
button.edit,
button.delete {
padding-left: 6px;
}

button.prev span {
padding-left: 15px;
background: url(/css/main_img/button_arrows.png) no-repeat scroll left 3px;
}

button.add span {
padding-left: 18px;
background: url(/css/main_img/button_arrows.png) no-repeat scroll left -57px;
}

button.edit span {
padding-left: 18px;
background: url(/css/main_img/button_arrows.png) no-repeat scroll left -117px;
}

button.delete span {
padding-left: 17px;
background: url(/css/main_img/button_arrows.png) no-repeat scroll left -87px;
}

button.print span {
padding-left: 17px;
background: url(/css/main_img/button_arrows.png) no-repeat scroll left -147px;
}

button.indent-left {
margin-left: 10px;
}

select {
padding: 2px 3px 2px 2px;
height: 26px;
color: #888888;
border: 1px solid #d4d2d2;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #f7f7f7;
box-shadow: 2px 2px 5px #e5e5e5 inset;
font-family: Arial,Verdana,sans-serif;
font-size: 100%;
}

select option {
padding: 2px 2px;
}

label {
position: relative;
top: -2px;
}

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

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

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

.float-left {
float: left;
}

.float-right {
float: right;
}

.float-none {
float: none;
}

.hr {
margin: 10px 0;
border-top: 1px solid #E5E5E5;
}

.alt-text {
color: #888888;
}

#page {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -48px; 
}

#page-content {
padding-bottom: 48px; 
}

#header {
background: rgb(44,48,94);
/*background: #162443;*/
}

.header-content {
width: 940px;
height: 121px;
margin: 0 auto;
}

#header .logo {
float: left;
width: 121px;
padding-top: 18px;
padding-right: 15px;
}

#header .logo a {
display: inline-block;
width: 113px;
height: 89px;
background: url(/css/main_img/logo.png) no-repeat scroll center;
background-size: 100% auto;
}

#header a {
color: #FFFFFF;
}

#header a:hover {
color: #5a92ff;
}

#header .details {
float: right;
padding-top: 13px;
height: 40px;
overflow: hidden;
color: #FFFFFF;
}

#header .details .username {
font-size: 13px;
}

#header .details .logout {
display: inline-block;
padding-left: 23px;
margin-left: 20px;
line-height: 16px;
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 0;
}

#header .nav {
float: right;
clear: right;
height: 68px;
overflow: hidden;
}

#header .nav ul {
padding-top: 24px;
}

#header .nav ul li {
float: left;
padding: 0 0 0 5px;
}

#header .nav ul li a {
display: block;
padding: 0 15px;
text-align: center;
font-size: 14px;
height: 42px;
line-height: 42px;
border: 1px solid rgba(255,255,255,0.2);
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

#header .nav ul li a span {
display: block;
padding-left: 35px;
cursor: pointer;
}

#header .nav ul li .dashboard span {
background: url(/css/main_img/button_icons_medium.png) no-repeat scroll 0 9px;
}

#header .nav ul li .order-history span {
background: url(/css/main_img/button_icons_medium.png) no-repeat scroll 1px -77px;
}

#header .nav ul li .file-upload span {
background: url(/css/main_img/button_icons_medium.png) no-repeat scroll 1px -155px;
}

#header .nav ul li .new-order span {
background: url(/css/main_img/button_icons_medium.png) no-repeat scroll 0 -35px;
}

#header .nav ul li a:hover {
}

#header .nav ul li.active a {
background: #fff;
border-bottom: 1px solid #ffffff;
color: #2d6ce8;
}

#content {
width: 940px;
padding: 40px 0;
margin: 0 auto;
}

#footer {
height: 48px;
line-height: 48px;
text-align: center;
font-size: 12px;
background: rgb(44,48,94);
color: #FFFFFF;
}

/* action links */
a.action {
display: inline-block;
padding-left: 22px;
line-height: 22px;
}

a.action.no-label {
height: 24px;
padding-left: 24px;
}

a.action.add {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -71px;
}

a.action.edit {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -138px;
}

a.action.no-label.edit {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 3px -138px;
}

a.action.configure {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -239px;
}

a.action.no-label.configure {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 3px -238px;
}

a.action.configure.disabled {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -311px;
}

a.action.no-label.configure.disabled {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 3px -310px;
}

a.action.delete {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -105px;
color: #de132a;
}

a.action.delete:hover {
color: #f4384b;
}

a.action.no-label.delete {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 3px -104px;
}

a.action.delete.disabled {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -275px;
color: #de132a;
}

a.action.no-label.delete.disabled {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 3px -274px;
}

a.action.refresh {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 0 -347px;
}

a.action.no-label.refresh {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 3px -346px;
}

a.action.disabled {
color: #c5c5c5 !important;
cursor: default;
}

/* form inputs */
.input-row .label {
float: left;
width: 130px;
padding-top: 5px;
}

.input-row .label.multiline {
padding-top: 0;
}

.input-row .input,
.input-row .text,
.submit-buttons {
padding-left: 140px;
}

.input-row .input,
.submit-buttons {
line-height: 1.5;
}

.input-row.wide .label,
.customer-data .input-row .label,
.review .input-row .label {
width: 160px;
}

.input-row.wide .input,
.input-row.wide .text,
.customer-data .input-row .input,
.customer-data .input-row .text,
.review .input-row .input,
.review .input-row .text {
padding-left: 170px;
}

.input-row.short-label .label {
width: 80px;
}

.input-row.short-label .input {
padding-left: 90px;
}

.input-row.auto-size .label {
width: auto;
padding-right: 10px;
}

.input-row.auto-size .text {
padding-left: 0;
}

.input-row .text.scrollable {
max-height: 105px;
overflow-y: auto;
}

.input-row.no-label .input {
padding-left: 0;
}

.input-row .input {
padding-bottom: 6px;
}

.input-row .input input[type=text],
.input-row .input input[type=password] {
width: 308px;
}

.input-row .input.zip,
.input-row .input.small {
width: 120px;
float: left;
padding-left: 10px;
}

.input-row .input.medium {
width: 160px;
}

.input-row .input.maximized {
width: 100%;
}

.input-row .input.zip input[type=text] {
width: 100px;
}

.input-row .input.small input[type=text],
.input-row .input.medium input[type=text],
.input-row .input.maximized input[type=text],
.input-row .input.maximized textarea {
width: 100%;
}

.input-row .input.date {
position: relative;
}

.input-row .input.date input[type=text] {
float: left;
width: 92px;
}

.input-row .input.city {
width: 200px;
float: left;
padding-left: 0;
}

.input-row .input.city input[type=text] {
width: 188px;
}

.input-row .text {
padding-top: 7px;
}

.customer-data .input-row .input input[type=text],
.customer-data .input-row .input input[type=password]  {
width: 278px;
}

.customer-data .input-row .input.zip input[type=text] {
width: 100px;
}

.customer-data .input-row .input.city,
.customer-data .input-row .input.city input[type=text] {
width: 156px;
}

.button-prefix {
padding: 0 10px;
}

.input-row.invalid,
.label.invalid,
.input.invalid {
color: #e40101;
}

.input-row.invalid .input input[type=text],
.input-row.invalid .input input[type=password],
.input-row.invalid .input textarea,
.input-row.invalid .input .dropdown-button,
.input-row .input.invalid input[type=text],
.input-row .input.invalid input[type=password],
.input-row .input.invalid textarea,
.input-row .input.invalid .dropdown-button,
.dropdown-container.invalid .dropdown-button {
border-color: #e40101;
}

.input-row .radio {
padding-top: 4px;
}

.input-row .radio.no-label {
padding-left: 0;
}

.input-row .radio .item-info {
margin-bottom: -6px;
}

.radio-label {
display: inline-block;
min-width: 95px;
}

.input-row .inline-radio {
float: left;
padding-left: 30px;
}

.input-row .inline-radio:first-child {
padding-left: 0;
}

.empty-row {
width: 450px;
}

.submit-buttons {
text-align: right;
width: 308px;
}

.inline-inputs .inputs-col {
float: left;
width: 214px;
padding-left: 10px;
}

.inline-inputs .inputs-col:first-child {
padding-left: 0;
padding-right: 10px;
}

.inline-inputs .input-row .label {
float: none;
width: auto;
padding-bottom: 8px;
}

.inline-inputs .input-row .input {
float: none;
padding-left: 0;
}

.inline-inputs .input-row .input input[type=text],
.inline-inputs .input-row .input input[type=password] {
width: 100%;
}

.inline-inputs.discounts .input.left {
padding-right: 125px;
}

.inline-inputs.discounts .input.right {
float: right;
width: auto;
}

.step-content.maximized .inline-inputs.submit-buttons {
width: 448px;
text-align: left;
margin-top: 0;
}

.input.input-group {
position: relative;
}

.input.input-group label {
display: inline-block;
position: absolute;
top: 1px;
left: 1px;
height: 26px;
line-height: 26px;
padding: 0 5px;
border-right: 1px solid #888888;
background: #FFFFFF;
border-radius: 4px 0 0 4px;
}

.invalid .input.input-group label {
border-color: #e40101;
}

.input.input-group input[type=text] {
padding-left: 30px;
}

.separator {
height: 7px;
line-height: 7px;
font-size: 7px;
}

.separator.double {
height: 14px;
}

.input-separator {
display: inline-block;
width: 20px;
height: 10px;
}

.ranges-list {
list-style: decimal;
padding-left: 13px;
}

.ranges-list li {
margin-bottom: 3px;
padding-left: 5px;
}

.ranges-list label {
top: 0;
padding-right: 5px;
}

.ranges-list strong {
display: inline-block;
min-width: 60px;
margin-right: 10px;
}

.ranges-list li > label:first-child + strong {
min-width: 80px;
}

.download-iframe {
height: 1px;
left: -9000px;
position: absolute;
top: -9000px;
width: 1px;
}

/* steps */
.steps {
display: table;
width: 100%;
background: url(/css/main_img/strike.png) 0 bottom repeat-x #fcfcfc;
border: 1px solid #E5E5E5;
border-bottom: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.steps ul {
display: table-row;
}

.steps li {
position: relative;
display: table-cell;
width: 17%;
border-left: 1px solid #E5E5E5;
font-size: 15px;
vertical-align: middle;
}

.steps li:first-child {
border-left: none;
}

.steps li .container {
display: block;
padding: 10px 20px 10px 20px;
font-weight: 600;
text-align: center;
}

.steps li a {
color: inherit;
}

.steps li .step {
position: absolute;
top: 10px;
left: 10px;
width: 20px;
height: 20px;
border: 1px solid #E5E5E5;
background: #E5E5E5;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
font-size: 12px;
line-height: 20px;
}

.steps li.completed {
border-bottom: 2px solid #2D6CE8;
}

.steps li.completed .container {
}

.steps li.completed .step {
border-color: #2D6CE8;
background: #2D6CE8;
color: #ffffff;
}

.steps li.current {
border-bottom: 2px solid #95d7ed;
}

.steps li.current .container {
}

.steps li.current .step {
border-color: #95d7ed;
background: #95d7ed;
color: #000000;
}

.steps li.current .indicator {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -6px;
margin-bottom: -8px;
width: 11px;
height: 6px;
background: url(/css/main_img/steps_arrow.png) no-repeat scroll 0 0;
}

.step-content.maximized .submit-buttons {
background: url(/css/main_img/strike.png) repeat-x scroll 0 top;
margin-top: 20px;
padding: 15px 0 0 0;
width: auto;
}

.file-upload-form .submit-buttons {
background: url(/css/main_img/strike.png) repeat-x scroll 0 top;
padding: 15px 0 0 0;
width: auto;
text-align: left;
}

/* form sections */
.form-section:not(.first) {
padding-top: 25px;
}

.form-section.no-header {
padding-bottom: 0;
}

.form-section.data-loading {
text-align: center;
}

.form-section-title {
border-bottom: 1px solid #e5e5e5;
line-height: normal;
margin-bottom: 25px;
color: #162342;
padding-bottom: 10px;
}

.file-upload-form  .form-section-title {
margin-bottom: 10px;
}

.form-section-title > span {
display: inline-block;
font-size: 18px;
white-space: pre;
}

h1.form-section-title > span {
font-size: 30px;
}

h3.form-section-title > span {
font-size: 17px;
}

h4.form-section-title,
.form-section-title.medium {
margin-bottom: 10px;
}

h4.form-section-title > span {
font-size: 14px;
}

.form-section-content .empty-content-box {
text-align: center;
padding: 20px 0;
}

.form-section.billing-group .dropdown-container {
width: 448px;
}

.form-section.billing-group .billing-group-discounts .dropdown-container {
width: auto;
}

.form-section.billing-group .source-billing-group-discounts .submit-buttons {
width: auto;
}

.form-section.billing-group .billing-group-discounts-table-container {
max-height: 500px;
overflow-y: auto;
}

.form-section.billing-group .source-billing-group-discounts-table-container {
max-height: 325px;
overflow-y: auto;
}

.form-section.billing-group .new-billing-group-rows .source-billing-group-discounts-table-container {
max-height: 340px;
overflow-y: auto;
}

.product-rate-plans-section {
padding-left: 18px;
}

.form-section.bid-levels .form-section-content {
width: 448px;
}

.form-section.bid-levels .splitted-box-col {
width: 48%;
}

.form-section.bid-levels .splitted-box-col.last {
float: right;
}

.form-section.bcs .input {
float: left;
padding-left: 0;
padding-right: 10px;
}

.configuration-section .form-section-title,
.summary-section .form-section-title {
margin-bottom: 13px;
}

.configuration-section .subscriptions-list,
.summary-section .subscriptions-list {
margin-top: 30px;
}

.configuration-section .form-section-content .subscriptions-list:first-child,
.summary-section .form-section-content .subscriptions-list:first-child {
margin-top: 0;
}

.configuration-section .subscriptions-list h4,
.summary-section .subscriptions-list h4 {
padding-left: 10px;
margin-bottom: 10px;
font-size: 120%;
font-weight: normal;
}

.configuration-section .subscriptions-list h4 span,
.summary-section .subscriptions-list h4 span {
font-weight: bold;
}

.configuration-section .configuration-bar {
padding-left: 10px;
margin-bottom: 10px;
}

.configuration-section .configuration-bar .action {
margin-right: 20px;
}

.review-bar {
float: left;
margin-top: 2px;
margin-left: 20px;
}

.review-bar .action {
margin-right: 20px;
}

.input-spinner {
float: left;
height: 28px;
margin-left: 4px;
}

.input-spinner .spinner-item {
display: block;
width: 20px;
height: 13px;
cursor: pointer;
}

.input-spinner .spinner-up {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 1px -177px;
margin-top: 1px;
margin-bottom: 2px;
}

.input-spinner .spinner-down {
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 1px -210px;
}

.calendar-link {
float: left;
display: block;
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 2px -35px;
width: 22px;
height: 24px;
margin: 3px 0 0 4px;
}

.new-billing-group-rows h3,
.billing-group h3,
.order-info h3 {
font-size: 14px;
}

/* tabs */
.tabs {
margin-bottom: 20px	
}

.tabs ul {
border-bottom: 1px solid #cccccc;
padding-left: 10px;
}

.tabs ul li {
float: left;
padding: 0 0 0 5px;
}

.tabs ul li a {
display: block;
padding: 0 15px;
margin-bottom: -1px;
text-align: center;
font-size: 14px;
color: #282828;
height: 36px;
line-height: 36px;
background: #e0e0e0;
border: 1px solid #c9c9c9;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
font-family: Open Sans, Arial;
text-shadow: 0 1px 0 #ffffff;
cursor: pointer;
}

.tabs ul li a:hover {
background: #eae9e9;
}

.tabs ul li.active a {
background: #fff;
border-bottom: 1px solid #ffffff;
cursor: default;
}

/* flash message */
.flash {
position: relative;
min-height: 16px;
padding: 8px;
margin: 0px 0 25px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.flash .icon {
position: absolute;
top: 10px;
left: 10px;
width: 16px;
height: 18px;
}

.flash .indent {
padding-left: 28px;
}

.flash.success {
background: #bcff9a;
border: 1px solid #339900;
color: #246a01;
}

.flash.error {
background: #fdbbbb;
border: 1px solid #e61010;
color: #990000;
}

.flash.success .icon {
background: url(/css/main_img/small_icons.png) no-repeat scroll 0 -25px;
}

.flash.error .icon {
background: url(/css/main_img/small_icons.png) no-repeat scroll 0 0;
}

.flash.error a {
color: #990000;
font-weight: bold;
}

.flash ul {
margin: 3px 0 0 23px;
list-style-type: disc;
}

.flash.errors-list > .icon {
display: none;
}

.flash.errors-list .indent {
padding: 0;
}

.flash .errors-container {
max-height: 250px;
overflow-y: auto;
}

.flash .errors-container h2 {
margin-top: 20px;
padding: 0 0 5px 5px;
font-size: 16px;
border-bottom: 1px solid #990000;
}

.flash .errors-container h2:first-child {
margin-top: 0;
}

.flash .errors-container .error-item {
position: relative;
padding: 10px 10px 10px 33px;
margin-top: 10px;
background: #FFD6D6;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.flash .errors-container .error-item .icon {
top: 10px;
}

.flash .errors-container .error-item .icon.error {
background: url(/css/main_img/small_icons.png) no-repeat scroll 0 -50px;
}

.flash .errors-container .error-item:first-child {
margin-top: 0;
}

.flash .errors-container .error-header {
font-weight: bold;
}

.flash .errors-container ul {
margin-left: 20px;
}

/* progress indicator */
.progress-indicator {
display: inline-block;
padding-left: 27px;
background: url(/css/main_img/progress_indicator.gif) no-repeat 0 3px;
font-size: 14px;
}

.form-section.data-loading .progress-indicator {
margin: 50px 0;
}

/* info box */
.info-box {
position: relative;
padding: 15px;
background: #fcfcfc;
border: 1px solid #dfdfdf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.07);
-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.07);
}

.info-box.icon-msg {
padding: 15px 15px 15px 70px;
min-height: 41px;
font-size: 110%;
}

.info-box.customer {
margin-top: 20px;
}

.info-box.customer .label,
.info-box.customer .text {
padding-top: 0;
}

.info-box .icon {
display: block;
position: absolute;
top: 17px;
left: 17px;
width: 37px;
height: 37px;
background: url(/css/main_img/info_icon.png) no-repeat scroll 0 0;
}

.info-box.no-activity a {
display: inline-block;
margin-top: 4px;
font-size: 115%;
}

/* dropdown */
.dropdown-container {
position: relative; 
}

.dropdown-button {
display: block;
height: 16px;
line-height: 16px;
border: 1px solid #888888;
color: inherit;
padding: 5px 11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #FFFFFF;
cursor: pointer;
}

.dropdown-button:hover {
background: #f7f7f7;
color: inherit;
}

.dropdown-button.active {
background: #ebebeb;
}

.dropdown-button .dropdown-button-content {
padding-right: 20px;
background: url(/css/main_img/dropdown_arrow.png) no-repeat scroll right 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.dropdown-button.active .dropdown-button-content {
background: url(/css/main_img/dropdown_arrow_active.png) no-repeat scroll right 5px;
}

.dropdown-button.disabled {
background: #FFFFFF;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
cursor: default;
}

.dropdown-content {
background: #FFFFFF;
padding: 5px 5px 0 5px;
border: 1px solid #d4d4d2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top: 1px;
max-height: 228px;
overflow-y: auto;
box-shadow: 0 0 2px #b4b4b4;
}

.dropdown-container .dropdown-content {
display: none;
position: absolute;
z-index: 9;
}

.dropdown-content-row {
display: block;
padding: 5px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #282828;
cursor: pointer;
}

.dropdown-content-row:last-child {
margin-bottom: 5px;
}

.dropdown-content-row:hover {
background: #E8E8E8;
color: #282828;
}

.dropdown-content-row.active {
background: #2D6CE8;
color: #ffffff;
}

.dropdown-content-row.no-results:hover {
background: none;
cursor: default;
}

.dropdown-content-spacer {
display: block;
border-top: 1px solid #e3e3e3;
height: 1px;
margin: 5px 0;
}

/* dropdown search form */
.dropdown-content.sales-store {
max-height: none;
}

.dropdown-search-form {
position: relative;
padding: 5px 8px;
background: #f7f7f7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.dropdown-content.sales-store .dropdown-search-form {
padding-right: 0;
}

.dropdown-content.sales-store .dropdown-search-form input[type=text] {
width: 160px;  
}

.dropdown-search-form .loading-progress {
padding: 6px 15px;
background: url(/css/main_img/progress_indicator.gif) no-repeat center;
visibility: hidden;
}

.dropdown-search-form button {
position: absolute;
top: 7px;
right: 37px;
padding: 0;
min-width: 0;
width: 25px;
height: 25px;
background: url(/css/main_img/button_icons_small.png) no-repeat scroll 4px -383px;
border: none;
box-shadow: none;
}

.dropdown-search-form-items {
max-height: 190px;
overflow-y: auto;
}

.disable-filter {
cursor: pointer;
}

/* new phone number dropdown */
.new-number .dropdown-content {
width: 340px;
}

.new-number .dropdown-content .dropdown-content-header {
margin-bottom: 6px;
padding: 5px;
background: #f7f7f7;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: top;
}

.new-number .dropdown-content .dropdown-content-header button {
margin-left: 10px;
position: relative;
min-width: 80px;
vertical-align: top;
}

.new-number .dropdown-content .dropdown-content-header input[type=text] {
width: 180px;
}

.new-number .dropdown-content .dropdown-content-header .phone-groups {
margin-top: 5px;
}

.new-number .dropdown-content .dropdown-content-header .phone-group {
margin-right: 5px;
}

.new-number .dropdown-content .dropdown-content-body {
min-height: 102px
}

.new-number .dropdown-content .dropdown-content-body.data-loading {
background: url(/css/main_img/progress_indicator.gif) no-repeat center center;
}

.new-number .dropdown-content .dropdown-content-body .no-results {
text-align: center;
padding-top: 42px;
}

.new-number .dropdown-content .dropdown-content-body-row {
margin-bottom: 6px;
}

.new-number .dropdown-content .dropdown-content-body-cell {
float: left;
width: 33.3%;
text-align: center;
}

.new-number .dropdown-content .dropdown-content-item {
display: block;
margin: 0 5px;
padding: 5px 6px;
border: 1px solid #e3e3e3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #282828;
cursor: pointer;
line-height: 1.25;
}

.new-number .dropdown-content .dropdown-content-item:hover {
background: #E8E8E8;
color: #282828;
}

.new-number .dropdown-content .dropdown-content-item.active {
background: #2D6CE8;
color: #ffffff;
border-color: #2D6CE8;
}

.new-number .dropdown-content .dropdown-content-footer {
padding: 5px 11px 7px 0;
border-top: 1px solid #e3e3e3;
text-align: right;
}

/* splitted columns */
.splitted-box-col {
float: left;
width: 50%;
}

.splitted-box-col.auto-size {
width: auto;
}

.splitted-box-col.first .form-section {
padding-right: 15px;
}

.splitted-box-col.last .form-section {
padding-left: 15px;
}

.splitted-box-col-3 {
float: left;
width: 33.3%;
padding-left: 25px;
box-sizing: border-box;
}

.splitted-box-col-3:first-child {
padding-left: 0;
}

.splitted-box-col-3 .input-row .label {
float: none;
width: auto;
}

.splitted-box-col-3 .input-row .input {
padding-left: 0;
padding-top: 5px;
}

.splitted-box-col-3 .input-row .input input[type=text] {
box-sizing: border-box;
width: 100%;
}

.splitted-box-col-3 .input-row .text {
padding-left: 0;
font-weight: bold;
}

.box-label {
padding: 0 0 6px 0;
font-size: 13px;
font-weight: normal;
}

.box-border {
border: 1px solid #ddd;
padding: 7px 13px;
}

/* AJAX loading box */
.loading-layer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999998;
background: #ffffff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
-moz-opacity: 0.01;
-khtml-opacity: 0.01;
opacity: 0.01;
}

.loading-box {
position: fixed;
top: 0;
left: 50%;
padding: 0 10px;
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
background: url(/css/main_img/transparent_box_bg.png) repeat;
z-index: 999999;
}

.loading-box div {
padding: 6px 0 6px 27px;
color: #ffffff;
font-weight: bold;
background: url(/css/main_img/progress_indicator.gif) no-repeat scroll 0 center;
}

/* table */
.table {
display: table;
width: 100%;
font-size: 12px;
}

.table .table-header {
display: table-row;
font-weight: bold;
}

.table .table-header-cell {
display: table-cell;
padding: 11px 12px;
background: #f7f7f7;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #d9d9d9;
text-align: left;
vertical-align: middle;
}

.table .table-header-cell.cell-left,
.table .table-row-cell.cell-left {
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}

.table .table-header-cell.cell-left {
border-left: 1px solid #dddddd;
}

.table .table-header-cell.cell-right,
.table .table-row-cell.cell-right {
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}

.table .table-header-cell.cell-right {
border-right: 1px solid #dddddd;
}

.table .table-row {
display: table-row;
}

.table .table-row-cell {
display: table-cell;
padding: 10px 8px;
background: #FFFFFF;
border-left: 1px solid #e5e5e5;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
padding: 11px 12px;
vertical-align: middle;
}

.table .table-row:nth-child(even) .table-row-cell {
background: #f9f9f9;
border-left-color: #e5e5e5;
}

.table .table-row.selected .table-row-cell {
background: rgba(140,215,237,0.1);
}

.table .table-row-cell.cell-left {
border-left: none;
}

.table .table-row.first .table-row-cell {
border-top: 4px solid #ffffff;
}

.table .table-row-cell input[type=text] {
background: #fdfdfd;
font-size: 12px;
}

.table .table-row-cell .dropdown-button {
}

.table .table-row-cell .dropdown-button:hover {
}

.table .table-row-cell.invalid,
.table .table-row-cell .invalid {
color: #e40101 !important;
}

.table .invalid input[type=text],
.table .invalid input[type=password],
.table .invalid .dropdown-button {
border-color: #e40101 !important;
}

.table .empty-results {
padding: 40px 0;
border: none;
}

/* filters table */
.table.filters {
font-size: 13px;	
}

.table.filters .table-row-cell {
border: none;
background: none;
vertical-align: bottom;
padding: 0 0 0 20px;
box-sizing: border-box;
}

.table.filters .table-row-cell:first-child {
padding-left: 0;
}

.table.filters .table-row-cell.step {
width: 180px;
}

.table.filters .table-row-cell.date {
width: 135px;
}

.table.filters .table-row-cell.date .input-row,
.table.filters .table-row-cell .autocomplete-container {
position: relative;
}

.table.filters .input-row .label {
float: none;
width: auto;
padding-bottom: 8px;
}

.table.filters .input-row .input {
float: none;
padding-left: 0;
}

.table.filters .input-row .input input[type=text] {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}

.table.filters .table-row-cell.date input[type=text] {
float: left;
width: 85px;
}

.table.filters .label.active {
font-weight: bold;
color: #990000;
}

.table.filters .label.active a {
display: inline-block; 
float: right;
width: 16px;
height: 16px;
text-decoration: none;
background: url(/css/main_img/small_icons.png) no-repeat scroll 0 -50px;
}

.table.filters .loading-progress {
position: absolute;
top: 8px;
right: 3px;
padding: 6px 15px;
background: url(/css/main_img/progress_indicator.gif) no-repeat center;
visibility: hidden;
}

.table.filters .table-row:nth-child(2n) .table-row-cell {
background: transparent;	
}

.table.filters .table-row-cell.submit {
text-align: right;
}

.table.filters .export-results {
margin: 20px 0 5px 0;
}

/* orders table */
.table.orders .cell-customer-no {
width: 20%;
}

.table.orders .cell-customer-name {
width: 30%;
}

.table.orders .cell-created {
width: 125px;
}

.table.orders .cell-step .step {
display: inline-block;
width: 18px;
line-height: 16px;
margin-right: 5px;
font-weight: bold;
font-size: 11px;
color: #ffffff;
background: #2D6CE8;
text-align: center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.table.orders .cell-right {
width: 50px;
text-align: center;
}

.table.orders .cell-customer-no,
.table.orders .cell-customer-step,
.table.orders .cell-right {
padding-top: 5px;
padding-bottom: 5px;
}

/* number ranges table */
.number-ranges-listing-container {
max-width: 630px;
max-height: 250px;
overflow-y: auto;
}

.number-ranges-inputs-container {
max-width: 630px;
}

.table.number-ranges .table-header-cell .tip {
cursor: help;
color: #999999;
font-weight: normal;
margin-left: 5px;
}

.table.number-ranges .table-row-cell.cell-right {
width: 25px;
}

.table.number-ranges .table-row-cell input[type=text] {
width: 100%;
}

.table.number-ranges .table-row.first .cell-actions a {
display: none;
}

.table.number-ranges.listing .table-row-cell {
width: 25%;
}

/* rate plans table */
.table.rate-plans .table-row-cell {
padding: 6px 12px;
}

.table.rate-plans .cell-left {
width: 200px;
}

.table.rate-plans .cell-file-input,
.table.rate-plans .cell-user-input {
width: 150px;
text-align: center;
}

.table.rate-plans .table-row-cell input[type=text] {
width: 40px;
text-align: right;
}

.table.rate-plans .cell-file-input .uploaded-file {
width: 150px;
padding-top: 3px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 11px;
}

.table.rate-plans .cell-user-input .input-wrapper {
padding-left: 45px;
}

.table.rate-plans .cell-user-input input[type=text] {
float: left;
}

.table.rate-plans .table-row.selected .table-row-cell {
font-weight: bold;
}

/* subscriptions table */
.table.subscriptions .table-header-cell {
padding: 8px;
}

.table.subscriptions .table-row-cell {
padding: 8px;
vertical-align: top;
}

.table.subscriptions .cell-select-all {
width: 20px;
vertical-align: middle;
}

.table.subscriptions .cell-phone-no {
width: 180px;
}

.table.subscriptions .cell-user {
width: 210px;
}

.table.subscriptions .cell-ref {
width: 130px;
}

.table.subscriptions .cell-sim-card {
width: 142px;
}

.table.subscriptions .cell-port-details {
width: 160px;
}

.table.subscriptions .cell-actions {
width: 40px;
vertical-align: middle;
}

.table.subscriptions .table-row-cell .top-space {
margin-top: 5px;
}

.table.subscriptions .table-row-cell .top-space.large {
margin-top: 15px;
}

.table.subscriptions .table-row-cell .input-wrapper {
display: inline-block;
}

.table.subscriptions .cell-phone-no .details {
clear: both;
margin-top: 10px;	
}

.table.subscriptions .cell-phone-no .new-number,
.table.subscriptions .cell-phone-no .ported-number {
height: 28px;
}

.table.subscriptions .cell-phone-no .ported-number input[type=text],
.table.subscriptions .cell-phone-no .new-number:not(.dropdown-container) input[type=text] {
width: 100%;
}

.table.subscriptions .cell-phone-no .number-series-item input[type=text] {
width: 150px;
}

.table.subscriptions .cell-phone-no .number-series-item .action {
vertical-align: top;
}

.table.subscriptions .cell-phone-no .number-series .item-tip {
float: right;
margin: 4px 4px 0 0;
}

.table.subscriptions .table-row-cell.cell-user {
text-align: center;
}

.table.subscriptions .cell-user .name input[type=text],
.table.subscriptions .cell-user .zip-city input[type=text] {
width: 100px;
}

.table.subscriptions .cell-user .email input[type=text],
.table.subscriptions .cell-user .street input[type=text],
.table.subscriptions .cell-user .address input[type=text] {
width: 203px;
}

.table.subscriptions .cell-ref input[type=text],
.table.subscriptions .cell-port-details input[type=text] {
width: 100%;
}

.table.subscriptions .cell-sim-card .sim-card-distribution-icc input[type=text] {
width: 142px;
}

.table.subscriptions .cell-sim-card .port-date,
.table.subscriptions .cell-sim-card .activation-date {
position: relative;
}

.table.subscriptions .cell-sim-card .port-date input[type=text],
.table.subscriptions .cell-sim-card .activation-date input[type=text] {
float: left;
width: 115px;
}

.table.subscriptions .cell-auto-size {
width: auto;
}

.table.subscriptions .cell-user.cell-auto-size .input-wrapper {
width: 49.5%;
}

.table.subscriptions .cell-user.cell-auto-size .input-wrapper input[type=text],
.table.subscriptions .cell-user.cell-auto-size .email input[type=text],
.table.subscriptions .cell-user.cell-auto-size .street input[type=text],
.table.subscriptions .cell-user.cell-auto-size .address input[type=text] {
width: 100%;
}

/* summary table */
.table.summary .cell-user,
.table.summary .cell-invoice-profile {
width: 120px
}

.table.summary .cell-phone-details {
width: 140px
}

.table.summary .cell-period {
width: 90px
}

.table.summary .cell-options {
width: 160px
}

.table.summary .cell-actions {
width: 25px
}

.table.summary .table-row-entry {
margin-top: 8px;
}

.table.summary .table-row-entry:first-child {
margin-top: 0;
}

.table.summary .table-row-entry-label,
.table.summary .table-row-entry-value {
display: block;
}

.table.summary .cell-options ul {
list-style: disc;
}

.table.summary .cell-options ul li {
float: left;
margin: 0 10px;
}

.table.summary .cell-options ul li i {
color: #111111;
}

/* price list table */
.table.price-list {
margin-top: 25px;  
}

.table.price-list .cell-amount {
width: 100px;
}

.table.price-list .cell-initial-price,
.table.price-list .cell-recurrent-price {
width: 150px;
}

.table.price-list .table-row .table-row-cell,
.table.price-list .table-row:nth-child(even) .table-row-cell {
background: none;
padding-top: 5px;
padding-bottom: 6px;
vertical-align: top;
border-bottom: 1px solid #d9d9d9;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.table.price-list .table-row-cell .options {
margin: 0;
}

.table.price-list .table-row-cell .options li {
margin-top: 1px;
font-size: 11px
}

.table.price-list .cell-description .options {
margin-left: 20px;
list-style: disc;
}

.table.price-list .table-row.subtotal .table-row-cell {
border: none;
font-weight: bold;
font-size: 14px;
}

/* order history table */
.table.order-history {
table-layout: fixed;
border-collapse: separate;
}

.table.order-history .table-row-cell .truncated-content {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}

.table.order-history .cell-order-no {
width: 47px;
text-align: right;
}

.table.order-history .cell-date {
width: 100px;
}

.table.order-history .cell-phone {
width: 85px;
}

.table.order-history .cell-price,
.table.order-history .cell-last {
width: 80px;
text-align: right;
}

.table.order-history .cell-order-info {
width: 65px;
text-align: center;
}

.table.order-history th.cell-right,
.table.order-history > tbody > tr > td.cell-right {
width: 80px;
text-align: center;
}

.table.order-history .table-row .cell-subscriptions {
padding-top: 8px;
padding-bottom: 7px;
text-align: center;
}

.table.order-history .badge {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
margin-right: 5px;
font-weight: bold;
font-size: 11px;
color: #ffffff;
background: #2D6CE8;
text-align: center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
vertical-align: middle;
}

.table.order-history .dropdown-button {
padding-right: 0;
padding-left: 9px;
}

.table.order-history .toggle-row {
cursor: pointer;
}

.table.order-history .toggle-row .arrow {
display: inline-block;
float: left;
width: 17px;
height: 14px;
background: url(/css/main_img/dropdown_arrow.png) no-repeat scroll right -53px;
}

.table.order-history .toggle-row.expanded .arrow {
background: url(/css/main_img/dropdown_arrow_active.png) no-repeat scroll right -53px;
}

.table.order-history .order-subscriptions > .table-row-cell {
padding: 0 0 20px 38px;
background: none;
border: none;
overflow: visible;
}

.table.order-history .order-subscriptions .table {
float: right;
width: auto;
}

.table.order-history .order-subscriptions .table .table-row-cell,
.table.order-history .order-subscriptions .table .table-header-cell {
background: none;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.table.order-history .order-subscriptions .cell-phone-no {
width: 84px;
}

.table.order-history .order-subscriptions .cell-price-plan {
width: 290px;
}

.table.order-history .order-subscriptions .cell-right {
width: 50px;
text-align: center;
}

/* confirmation box */
.confirmation-box {
margin: 5px 0;
padding: 12px 15px 12px 44px;
border: 1px solid #bbbbbb;
border-top-width: 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #bbbbbb;
position: relative;
}

.confirmation-box:first-child {
margin-top: 25px;
}

.confirmation-box .icon {
position: absolute;
top: 10px;
left: 10px;
width: 28px;
height: 28px;
background: url(/css/main_img/status_icons.png) no-repeat scroll 4px -99px;
}

.confirmation-box h2 {
font-size: 15px;
font-weight: normal;
}

.confirmation-box h2 span {
display: block;
float: left;
}

.confirmation-box h2 .rate-plan {
width: 40%;
}

.confirmation-box h2 .phone-no {
width: 27%;
}

.confirmation-box h2 .user {
float: right;
width: 33%;
}

.confirmation-box .description {
display: none;
}

.confirmation-box .submit-buttons {
border-top-width: 1px;
border-top-style: solid;
background: none !important;
}

.confirmation-box.current h2,
.confirmation-box.success h2,
.confirmation-box.error h2 {
margin-bottom: 4px;
padding-bottom: 11px;
border-bottom-width: 1px;
border-bottom-style: solid;
}

.confirmation-box.current {
border-color: #4b6060;
color: #4b6060;
}

.confirmation-box.current h2 {
font-weight: bold;
}

.confirmation-box.current .icon {
background: url(/css/main_img/status_icons.png) no-repeat scroll 4px -63px;
}

.confirmation-box.success {
border-color: #60a43e;
color: #60a43e;
}

.confirmation-box.success .icon {
background: url(/css/main_img/status_icons.png) no-repeat scroll 4px 6px;
}

.confirmation-box.error {
border-color: #e61010;
color: #e61010;
}

.confirmation-box.error .icon {
background: url(/css/main_img/status_icons.png) no-repeat scroll 4px -28px;
}

.confirmation-box.current .description,
.confirmation-box.success .description,
.confirmation-box.error .description {
display: block;
}

.confirmation-box .description-col {
width: 49%;
float: left;
}

.confirmation-box .description-col.last {
float: right;
}

.confirmation-box .description-row {
margin-top: 11px;
}

.confirmation-box .description h3 {
font-size: 13px;
margin-bottom: 6px;
}

.confirmation-box .description h4 {
font-size: 13px;
margin: 0;
font-weight: normal;
}

.confirmation-box .description ul {
list-style: disc;
margin-left: 20px;
margin-bottom: 5px;
}

.confirmation-box .description ul li {
margin-bottom: 1px;
}

.confirmation-box .errors h4 {
margin: 15px 0 2px 0;
}

.confirmation-box .errors h4.first {
margin-top: 0;
}

.confirmation-box .description-entry-label {
float: left;
display: block;
min-width: 150px;
padding-right: 5px;
}

.confirmation-box .description-entry-value {
display: block;
padding-left: 155px;
}

/* upload */
.upload-box {
background: #f9f9f9;
border-radius: 4px;
}

.upload-box .upload-header {
height: 80px;
line-height: 80px;
padding: 0 15px;
}

.upload-box .upload-button {
height: 50px;
min-width: 0;
width: 50px;
margin-right: 20px;
border-radius: 25px;
}

.upload-box .upload-button span {
position: relative;
top: 2px;
width: 16px;
height: 16px;
background: url(/css/main_img/button_arrows.png) no-repeat scroll 2px -56px;
}

.upload-box .upload-files-separator {
border-top: 1px solid #e5e5e5;
margin: 0 15px;
}

.upload-box .upload-files-list {
width: 50%;
margin-top: 10px;
margin-bottom: 10px;
}

.upload-box .upload-file {
margin: 0 15px 4px 15px;
line-height: 24px;
font-weight: bold;
}

.upload-box .upload-file-name {
display: block;
float: left;
max-width: 85%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.upload-box .action,
.upload-box .status {
float: right;
}

/* pager */
.pager {
padding-top: 20px;
}

.pager-stats {
float: left;
line-height: 22px;
}

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

.pager-links a {
display: inline-block;
height: 22px;
line-height: 22px;
margin: 0 2px;
padding: 0 6px;
color: #0a0a0a;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
}

.pager-links a:hover {
text-decoration: none;
color: #0a0a0a;
}

.pager-links a span span {
position: relative;
top: -2px;
}

.pager-links .pages-separator,
.pager-links .pages-separator:hover,
.pager-links .pages-separator span {
color: #1a5a7a;
cursor: default;
}

.pager-links .current {
background: #2d6ce8;
cursor: default;
font-weight: bold;
color: #FFFFFF !important;
}

.pager-links .disabled,
.pager-links .disabled:hover {
color: #d5d5d5;
cursor: default;
}

.item-tip {
display: inline-block;
width: 25px;
height: 25px;
cursor: help;
background: url(/css/main_img/button_icons_medium.png) 0 -126px no-repeat;
}

/* transitions */
.transition.deleted {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}

/* system info box */
.system-info-box {
position: relative;
border-top: 1px solid #E67E22;
border-bottom: 1px solid #E67E22;
background: #FDE6B3;
margin-top: -1px;
box-shadow: 0 0 4px #c0c0c0;
}

.system-info-box.hidden {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}

.system-info-box-content {
position: relative;
width: 940px;
margin: 0 auto 0 auto;
padding: 12px 0;
color: #282828;
}

.system-info-box-content h1,
.system-info-box-content h2,
.system-info-box-content h3 {
border: none;
color: #282828;
font-size: 18px;
font-weight: 600;
margin: 0 0 5px 0;
padding: 0;
}

.system-info-box-content h2 {
font-size: 16px;
}

.system-info-box-content h3 {
font-size: 14px;
}

.system-info-box-content p {
margin-top: 8px;
}

.system-info-box-close {
display: block;
position: absolute;
top: 10px;
right: 0;
width: 17px;
height: 17px;
background: url(/css/main_img/close_icon.png) no-repeat;
cursor: pointer;
}

.login-form .input-row .input input[type=text],
.login-form .input-row .input input[type="password"] {
width: 410px;
}

.login-form .submit-buttons {
width: 409px;
}

.text-block {
max-width: 550px;
text-align: justify;
}

.text-block h2 {
margin-bottom: 15px;
font-size: 20px;
font-weight: 500;
color: #2D6CE8;
}

.text-block p {
line-height: 1.5;
}

.page-break {
display: none;	
}

.printable {
display: none;
margin-top: 100px;
font-size: 14px;
}

.printable .square {
display: inline-block;
position: relative;
top: 3px;
height: 34px;
font-size: 34px;
line-height: 1;
}

.printable .signature {
margin-top: 80px;
padding-top: 10px;
max-width: 400px;
border-top: 1px solid #4b6060;
} 

.printable .inline-text {
margin-top: 20px;
}

.printable .inline-text.first {
margin-top: 40px
}

.printable .inline-text span {
display: block;
max-width: 400px;
border-bottom: 1px solid #4b6060;
}

.printable .inline-text span span {
display: inline-block;
background: #ffffff;
padding-right: 10px;
margin-bottom: -1px;
border-bottom: 3px solid #fff;
}

@media screen and (max-width: 1149px) {
	.table.subscriptions .cell-user.cell-auto-size .input-wrapper {
	width: 100%;
	margin-top: 5px;
	}
	
	.table.subscriptions .cell-user.cell-auto-size .input-wrapper:first-child {
	margin-top: 0;
	}

	.table.subscriptions .cell-user .name input[type=text],
	.table.subscriptions .cell-user .zip-city input[type=text] {
	width: 88px;
	}

	.table.subscriptions .cell-user .email input[type=text],
	.table.subscriptions .cell-user .street input[type=text],
	.table.subscriptions .cell-user .address input[type=text] {
	width: 180px;
	}
	
	.table.subscriptions .cell-ref {
	width: 100px;
	}
	
	.table.subscriptions .cell-port-details {
	width: 120px;
	}
	
	.table.subscriptions .profile-type .dropdown-button {
	width: 90px;
	}
	
	.table.subscriptions .cell-sim-card {
	width: 115px;
	}
	
	.table.subscriptions .sim-card-distribution-type .dropdown-button  {
	width: 90px;
	}
	
	.table.subscriptions .cell-sim-card .sim-card-distribution-icc input[type=text] {
	width: 114px;
	}
	
	.table.subscriptions .cell-actions {
	width: 35px;
	}
	
	.table.summary .cell-phone-details {
	width: 120px;
	}
	
	.table.summary .cell-period {
	width: 80px;
	}
	
	.table.summary .cell-user,
	.table.summary .cell-invoice-profile {
	width: 110px;
	}
	
	.table.summary .cell-options {
	width: 150px;
	}
	
	.table.order-history .order-subscriptions .cell-price-plan {
	width: 184px;
	}
}

@media screen and (min-width: 1150px) {
	.header-content {
	width: 1100px;
	}
	
	#content {
	width: 1100px;
	}

	.table.subscriptions .profile-type .dropdown-button  {
	width: 110px;
	}
	
	.table.subscriptions .sim-card-distribution-type .dropdown-button  {
	width: 118px;
	}
}

@media print {
	#header, #footer, .steps, .submit-buttons, a.action.delete, .flash {
	display: none;
	}
	
	#container {
	background: none;
	}
	
	.table {
	border-collapse: collapse;
	}
	
	.table .table-header-cell,
	.table .table-row-cell,
	.table .table-row:nth-child(even) .table-row-cell,
	.table .table-row-cell.cell-left,
	.table .table-row-cell.cell-right,
	.table.price-list .table-row .table-row-cell, 
	.table.price-list .table-row:nth-child(even) .table-row-cell {
	background: none;
	border-radius: 0;
	border: 1px solid #888888;
	}
	
	.table .table-header-cell.cell-left,
	.table .table-header-cell.cell-right {
	border-radius: 0;
	border: 1px solid #888888;
	}
	
	#content, #page-content {
	padding: 0;
	}
	
	.printable {
	display: block;
	}
}