﻿@font-face {
        font-family: 'ZonaPro';
        src: url('../fonts/ZonaPro-Regular.woff') format('woff');
        font-weight: 400;
        font-style: normal;
}
@font-face {
        font-family: 'ZonaPro';
        src: url('../fonts/ZonaPro-Black.woff') format('woff');
        font-weight: 700;
        font-style: normal;
}
@font-face {
        font-family: 'ZonaPro';
        src: url('../fonts/ZonaPro-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
}


body {
    background-color:white;
    font-family:"ZonaPro";
}

.wizard > .content
{
    min-height : 5em;
}

.wizard > .content > .body input
{
    display: inline-block;
}

.wizard > .content > .body
{
    padding: 1%;
    width: 100%
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
    background-color:white;
    color: rgb(0,174,199);
}

.form-control[disabled].not-editable, .form-control[readonly].not-editable, fieldset[disabled] .form-control
{
    background-color:white;
    color: rgb(136,139,141);
    font-weight:700;
}

hr{
    border-color:white;
}


.input-group[class*="col-"], .prefix
{
    padding-left: inherit;
    padding-right: inherit;
}

.pk-color {
    color : rgb(0,174,199);
}

.bottom-buffer
{
    margin-bottom:30px;
}

.line-height-200
{
    line-height:200%;
}

.btn-primary
{
    background-color:rgb(0,174,199);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
  background-color: rgb(0,154,199);
  border-color: rgb(0,154,199);
  color: #FFFFFF; }

a.link
{    
    color : rgb(0,174,199);
    padding-bottom:3px;
    border-bottom: 1px solid rgb(0,174,199);
}

a.link:hover, a.link:focus
{
    color: rgb(0,104,199);
    border-bottom: 1px solid rgb(0,104,199);
}

.form-horizontal .form-group input.bottom-border, .form-horizontal .form-group select.bottom-border
{
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 2px solid rgb(190,190,190);
}

/* override */
.form-control:focus, .single-line:focus
{
    border-color : rgb(0,174,199) !important;
}

.center-page
{
    margin: 0 auto;
    max-width: 800px;
    padding: 10px 20px 20px;
}

.validation-summary-errors
{
    color:red;
}

.validation-summary-container ul
{
    list-style-type: none;
}

.pkblue-bg
{
    background-color: rgb(0,174,199);
}

.pkblue-font
{
    color: rgb(0,174,199);
}

.header-title
{
    background-color: rgb(0,174,199);
    color:white;
    text-align:center;
    font-size:x-large;
}

.footer.fixed
{
    background-color: rgb(136,139,141);
    height:70px;
    margin-left:0px;
    padding-top:0px;
}

#wrapper 
{
    padding-bottom:70px;
}

.packet-header
{
    background-color: rgb(136,139,141);
    color:white;
    text-align:center;
    vertical-align:middle;
}

.selected-packet .packet-header
{
    background-color: rgb(0,174,199);
    color:white;
    text-align:center;
    vertical-align:middle;
}

.packet-bg
{
    background-color: rgb(232,232,232);
}

.selected-packet .packet-bg-check
{
    background-color: rgb(204,239,244);
}

.selected-packet
{
    border:2px solid rgb(0,174,199);
    padding-left:0px;
    padding-right:0px
}

#divProfileGeneral label, #divProfileInvoiceInfo label, #divChangePassword label
{
    font-weight:normal;
}

.padding-left-none
{
    padding-left:0px;
}

.padding-right-none
{
    padding-right:0px;
}

.not-editable
{
    color:black;
}

.footer a
{
    color:white;
}

.checkTerms
{
    color:black; 
    font-weight:normal; 
    font-size:small;
}


/* override jquery.steps */
.wizard > .actions
{
    text-align:center;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active
{
    background: rgb(0,174,199);
    border-radius:0px;
    text-align:center;
    width:180px;
    display: table-cell;
    vertical-align:middle;
    height:40px;
}

.wizard > .steps > ul > li, .wizard > .actions > ul > li
{
    display:table;
}

.wizard > .content
{
    background-color:white;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active
{
    background: rgb(136,139,141);
    font-weight:700;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active
{
    background: rgb(171,174,175);
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active
{
    border-radius: 0px;
    margin: 0px;
    text-align:center;
}

.wizard > .steps .number
{
    font-size:1em;
}


/* override spinner */
.sk-spinner-three-bounce div 
{
  background-color: rgb(0,174,199);

}

.btn-buy
{
    background-color: rgb(51,186,111);
}

.btn-buy:hover, .btn-buy:focus, .btn-buy:active
{
  background-color: rgb(51,156,111);
  border-color: rgb(51,156,111);
  color: #FFFFFF;
}


.otherpacket
{
    color:rgb(163,163,163);
    text-decoration:underline;
}

.header-logo{
    height: 40px;
}