/* CUSTOM STYLES */

@font-face {
    font-family: 'FontAwesome';
    src: url('/Content/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/Content/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/Content/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/Content/fonts/fontawesome-webfont.svg#fontawesomeregular?v=4.7.0') format('svg');
    font-weight: normal;
    font-style: normal;
}

#print-header {
    display: none;
}

hr {
    clear: both !important;
    display: block !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.well {
    border-radius: 0;
}

.no-gutter {
    padding-right: 0;
    padding-left: 0;
}

.no-right-gutter {
    padding-right: 0;
}

.no-left-gutter {
    padding-left: 0;
}

.panel {
    background: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tab-content {
    padding: 10px 16px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
}

.attachments, .left-float {
    display: block;
    float: left;
    clear: left;
    max-width: 650px;
}

.form-totals, .right-float {
    display: block;
    float: right;
    clear: right;
}

.form-totals hr {
    margin-top: 5px;
    margin-bottom: 0;
    background-color: #333;
    color: #333;
}

.form-totals div {
    display: inline-block;
    float: left;
    font-weight: bold;
}

.form-totals span {
    display: inline-block;
}

.form-totals .total-title {
    clear: left;
    width: 200px;
}

.form-totals .total-figure {
    clear: right;
    width: 150px;
    text-align: right;
}

.form-totals .detail {
    padding-left: 5px;
    font-weight: normal;
    font-size: small;
}

.form-totals .total-disclaimer {
    clear: left;
    max-width: 350px;
    font-weight: normal;
    font-size: small;
}

.required:after {
    position: absolute;
    top: -2px;
    right: 2px;
    color: #903;
    content: "*";
    font-weight: normal;
}

span.required {
    position: relative;
}

    span.required:after {
        top: -4px;
        right: -8px;
    }

.spacer {
    clear: both;
    height: 10px;
}

.clear {
    display: block;
    height: 1px;
    clear: both;
}

.hidden {
    display: none;
}

.button-bar {
    position: relative;
    width: 100%;
    text-align: right;
}

fieldset.separate {
    position: relative;
    margin-top: 35px;
    padding: 20px 0;
}

.blanket {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    background-color: #fff;
    background-color: rgba(255,255,255,.7);
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: none;
}

.modal-header {
    padding: 10px 10px 5px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    background-color: none;
    background-image: url('/Content/images/pop-up-hdr.png');
    background-position: center 5px;
    background-repeat: no-repeat;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #666;
}

.modal-body {
    position: relative;
    padding: 10px;
}

.modal-footer {
    margin-top: 10px;
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 75px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

@media (max-width: 768px) {
    .modal-footer {
        text-align: left;
    }
}

.nowrap {
    width: 100%;
    white-space: nowrap;
}

.nowrap-radios {
    display: block;
    font-size: 75%;
    overflow: hidden;
    width: auto;
    height: auto;
    margin-left: 120px;
}

.field2 {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    /* min-height: 25px;*/
    width: 450px;
}

.field4 {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    /*min-height: 25px;*/
    width: 900px;
}


.field-container {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    min-height: 25px;
    width: 445px;
    max-width: 100%; /*fix for stop overflow-x*/
}

.modal-body .field-container {
    width: 355px;
}

.wider {
    width: 895px;
}
.wide {
    width: 700px;
}
.field-container.slim {
    width: 290px;
}

.wide > .fullWidth, .wide > span > .fullWidth, .wide > div > .fullWidth,
.field-container.wider > select {
    width: 560px;
}
.field-container.wide--label {
    width: 895px;
}
.field-container.wide--label > label {
    width: 220px;
}

.modal-body .wider {
    width: 710px;
}

.highlight {
    border: 2px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffc0;
}

.contactDetails {
    margin: 25px 0 0 0;
    font-size:Smaller;
}

table.radiolist input {
    float: left;
    margin-bottom: 5px;
}

table.radiolist label {
    display: block;
    margin-bottom: 5px;
    margin-left: 15px;
    text-align: left;   
    width: auto !important;
    max-width: 90% !important;
}

table.radiolist:checked label {
    font-weight: 700 !important;
}

.field-link {
    display: inline;
    margin-left: 10px;
    padding: 0;
    vertical-align: text-bottom;
    line-height: 29px;
}

.field-container span {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding-right: 10px;
    min-height: 17px;
    text-align: left;
}

.field-container label {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding-right: 10px;
    min-height: 25px;
    width: 120px;
    text-align: right;
    font-weight: bold;
}

.field-container input[type=radio] label {
    margin: 0;
    padding: 0;
}

.field-container .support {
    position: relative;
    display: block;
    margin: 0;
    padding-right: 10px;
    width: 120px;
    color: #666;
    text-align: right;
    font-weight: normal;
    font-size: 10px;
    line-height: 1em;
}

.field-container .err {
    position: relative;
    display: flex;
    margin: 0;
    padding-right: 10px;
    min-width: 180px;
    color: red;
    font-weight: normal;
    line-height: 1em;
}

.modal-body .field-container label, .modal-body .field-container .support, .modal-body .field-container .err {
    width: 120px;
}

.field-container input[type=text], .field-container input[type=number], .field-container input[type=date], .field-container input[type=email], .field-container input[type=password], .field-container textarea, .field-container select {
    float: left;
    width: 260px;
}

.modal-body .field-container input[type=text], .modal-body .field-container input[type=number], .modal-body .field-container input[type=date], .modal-body .field-container input[type=email], .modal-body .field-container input[type=password], .modal-body .field-container textarea, .modal-body .field-container select {
    float: left;
    width: 150px;
}

.field-container select.phone-country {
    float: left;
    margin-right: 3px;
    width: 90px;
    height: auto;
}

.field-container input[type=textarea] {
    height: 70px;
}

.field-container .address-side {
    height: 190px;
}

.field-container .address-side-thank {
    height: 162px;
}

.field-container input[type=text].address, input[type=text].address {
    margin-bottom: 5px;
    width: 215px;
}

.field-container select.address, select.address {
    margin-bottom: 5px;
    width: 215px;
}

.field-container textarea.address, textarea.address {
    overflow: hidden;
    width: 215px;
    height: 162px;
    white-space: pre;
}

.gtc {
    overflow: hidden;
    width: 215px;
    white-space: pre;
}


.field-container input[type=text].city, input[type=text].city {
    margin-right: 3px;
}

.field-container .label {
    display: inline-block;
    color: #333;
}

.field-container .number {
    display: inline-block;
    width: 115px;
    text-align: right;
}

.field-container .total {
    text-decoration: overline;
}

.field-container input[type=radio] {
    float: left;
    margin-bottom: 5px;
}

.field-container input[type=radio] + label {
    display: block;
    text-align: left;
    font-weight: normal;
}

.field-container input[type=radio]:checked + label {
    float: left;
    font-weight: bold;
}

.Input, .Select, .Select-list, .Select-multiple, input, select, textarea {
    border: 1px solid #ccc;
}

input[type=text], select {
    min-height: 40px !important;
}

select, .field-container select {
    position: relative;
    display: inline-block;
    padding: .5rem;
    font: .875rem/1.375rem Nunito, Helvetica, sans-serif;
    text-decoration: none;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: none !important;
    border: 1px solid #e0e0e0;
    /*-webkit-appearance: none;*/
    border-radius: 0;
    background-color: #fff;
    background-position: right .5em top 50%;
    background-repeat: no-repeat;
    background-size: 1.5em;
    color: #333;
    transition: all .25s 0s;
}

input[type=checkbox] + label {
    padding-left: 1.125rem;
    line-height: 1.125rem;
    font-size: .775rem;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

input[type=checkbox]:after, input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: 1.125rem;
    width: 1.125rem;
    background: #fff no-repeat 50%;
    background-clip: content-box;
    color: #000;
    transition: all .25s 0s;
    border-radius: 0;
    border: 1px solid rgba(51,51,51,.5);
}

input[type=radio] + label {
    padding-left: 1.125rem;
    line-height: 1.125rem;
    font-size: .775rem;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 0;
}

input[type=radio]:after, input[type=radio]:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: 1.125rem;
    width: 1.125rem;
    background: #fff no-repeat 50%;
    background-clip: content-box;
    color: #000;
    transition: all .25s 0s;
    border-radius: 100%;
    border: 1px solid rgba(51,51,51,.5);
}

input[type=checkbox]:checked:after, input[type=checkbox]:checked:before, input[type=radio]:checked:after, input[type=radio]:checked:before {
    background: #000;
    box-shadow: inset 0 0 0 0.25rem #fff;
}

input[type=checkbox], input[type=radio] {
    margin: 2px -2px 4px 3px;
}

input[type=submit].Button--outline {
    background-color: #fff;
    border-color: currentColor;
}

input[type=submit].Button--outline:hover {
    text-decoration: none;
    border-color: currentColor;
    background-color: #5ce0f2;
    color: initial;
    box-shadow: none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    background: #fff;
}

table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th {
    padding: 8px;
    line-height: 1.1;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

table > tbody > tr > td, table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.1;
    vertical-align: top;
    background: #fff;
}

table, .u-table {
    display: table !important;
    background: #fff;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background: #fff;
    /*flex-shrink: 2;*/
}

table {
    width: 100%;
    max-width: 100%;
    margin: 0 0 1em;
    border-collapse: collapse;
}

table.form-line-table td {
    padding: 3px 5px;
}

tr, .u-tableRow {
    display: table-row !important;
}

/*TABLE*/
table.form-line-table {
    margin: auto;
    width: 100%;
    border-spacing: 0;
}

table.form-line-table th {
    padding: 8px;
}

    table.form-line-table th:first-of-type {
        border-left: none;
    }

table.form-line-table td {
    padding: 8px;
}

table.form-line-table td > span > input[type=text] {
    display: block;
    margin: 0;
    padding: 0 5px;
    height: 21px;
    outline: none;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
}

table.form-line-table td input[type=radio] {
    margin: 0;
    height: 15px;
    line-height: 21px;
    vertical-align: middle;
}


table.form-line-table tr.form-line-row {
    border-bottom: 1px solid #ddd; 
}

table.form-line-table tr.form-line-input {
    border-top: 2px solid #ddd;
}

table.form-line-table tr.form-line-row > td.note {
    padding-left: 20px;
    color: #aaa;
    font-style: italic;
}

table.form-line-table tr > td.text-right, table.form-line-table tr > td.numeric, table.form-line-table tr > td.numeric input[type=text] {
    text-align: right;
}
/*TABLE*/


.attachments, .left-float {
    display: inline-block;
    float: left;
    clear: left;
    max-width: 650px;
}

.form-totals, .right-float {
    display: inline-block;
    float: right;
    clear: right;
}

.form-totals .total-title {
    clear: left;
    width: 200px;
}

.form-totals div {
    display: inline-block;
    float: left;
    font-weight: bold;
}

a.field-button {
    position: relative;
    float: left;
    margin: 8px 0 0 1px;
    padding: 0px 0px 1px 4px;
    height: 26px;
    width: 26px;
    border: 3px double #ccc;
    color: #444 !important;
}

a [class^="icon-"], a [class*=" icon-"] {
    display: inline;
}

[class^="icon-"], i [class*=" icon-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: initial;
    text-rendering: auto;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*NEW - End*/


/* ProgressScreen FreezePane - Begin */
.FreezePaneOff {
    position: fixed;
    top: -100px;
    left: -100px;
    display: none;
    visibility: hidden;
}

.FreezePaneOn {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    background-color: rgba(0,0,0,.5);
    cursor: wait;
}

.InnerFreezePane {
    position: fixed;
    bottom: 50%;
    left: 50%;
    margin-left: -150px;
    padding: 9px;
    width: 282px;
    height: auto;
    border: solid 1px #2b2b2b;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #5b5e66;
    background: -moz-linear-gradient(top,#5b5e66 1%,#2b2b2b 100%);
    background: -ms-linear-gradient(top,#5b5e66 1%,#2b2b2b 100%);
    background: -o-linear-gradient(top,#5b5e66 1%,#2b2b2b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#5b5e66),color-stop(100%,#2b2b2b));
    background: -webkit-linear-gradient(top,#5b5e66 1%,#2b2b2b 100%);
    background: linear-gradient(to bottom,#5b5e66 1%,#2b2b2b 100%);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzViNWU2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-color: #fff;
    -moz-box-shadow: 4px 3px 23px rgba(30,30,30,.74);
    -webkit-box-shadow: 4px 3px 23px rgba(30,30,30,.74);
    box-shadow: 4px 3px 23px rgba(30,30,30,.74);
    color: #fff;
    text-align: center;
    line-height: 32px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5e66',endColorstr='#2b2b2b',GradientType=0);
}
/* ProgressScreen FreezePane - End */

.Grid {
    margin: 30px 0;
}

.breadcrumb {
    margin-bottom: 0;
    background-color: transparent;
}

.Heading--h1, h1 {
    line-height: 1;
    margin-top: 1em;
    margin-bottom: .5em;
    font-size: 2.5em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.5em;
}

h4, b, strong {
    font-size: 1em;
}

.Heading--h6, h6 {
    font-size: .875rem;
    letter-spacing: 2px;
}

.subNav .Section-header {
    margin-top: 1.25rem;
}

#langs > .Input, input {
    padding: .5em;
}

legend {
    border-bottom: none;
}

.btn, input {
    border-radius: 0;
}

.Page-content-container {
    height:auto;
    min-height: 50vh;
}
.Footer {
    margin-top: 140px;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    min-height: 340px;
}

/* Privacy Toggle
        ------------------------------------*/
.switch {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 17px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: inherit;
    background-color: #888;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 9px;
    width: 9px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #5ce0f2;
}

input:focus + .slider {
    box-shadow: 0 0 1px #5ce0f2;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

.Input-tap, button, input, label, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .25) !important;
    -webkit-text-emphasis-color: rgba(0, 0, 0, .25) !important;
}

input[type=checkbox] + label.Nav-link {
    padding: 0 1em;
    letter-spacing: 1px;
    line-height: 2.5rem;
    font-size: .875rem;
    display: block;
    position: relative;
    cursor: pointer;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px !important;
}

.slider.round:before {
    border-radius: 50% !important;
}

/*Shopping Cart*/

.shoppingcart {
    clear: both;
    background: transparent;
    position: relative;
}

.cartitems {
    color: #fff;
    font-size: 70%;
    font-family: Nunito, Helvetica, sans-serif;
    background-color: #888;
    position: absolute;
    top: 40%;
    left: 100%;
    -webkit-transform: translate(-80%,-90%);
    -moz-transform: translate(-80%,-90%);
    transform: translate(-80%,-90%);
    padding: 5% 9.5% 5% 8%;
    border-radius: 1000px !important;
}

.MobileNavbar-listItem > .cartitems {
    color: #fff;
    font-size: 70%;
    font-family: Nunito, Helvetica, sans-serif;
    background-color: #888;
    position: absolute;
    margin: 1%;
    padding: 1%;
    top: 20%;
    width: auto;
    -webkit-transform: translate(-80%,-90%);
    -moz-transform: translate(-80%,-90%);
    transform: translate(-80%,-90%);
    border-radius: 1000px !important;
}

.cartcount {
    font-size: 100%;
    padding-left: 1px;
}

div[class^="fa-shopping-cart"],
div[class*="fa-shopping-cart"],
div[class^="icon-shopping-cart"],
div[class*="icon-shopping-cart"] {
    color: #888;
    font-size: 2.2em;
    line-height: 1;
}

.Nav-link, .subNav {
    margin-bottom: 0;
}

.Link-alt {
    color: #5ce0f2 !important;
}

.Link--alt {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.7;
    text-decoration: none !important;
    background: radial-gradient(circle farthest-corner at 36% 26%, #5ce0f2, #5ce0f2 48%, #5ce0f2) no-repeat bottom;
    background-size: 100% 1px;
    color: #6f6f6f;
    transition: all .25s;
    cursor: pointer;
    position: relative;
}

@media screen and (max-width:600px) {
    .contactDetails {
        width: 100%;
        margin-left: 0;
    }
}

.ui-autocomplete {
    max-height: 200px;
    min-width: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
}

* html .ui-autocomplete {
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    border: 1px solid #000 !important;
    border-top: 0;
    background-color: #5ce0f2 !important;
}

.msg-box {
    margin: 10px 0;
    padding: 8px 10px 8px 55px;
    min-height: 42px;
    border: 1px solid;
    border-radius: 4px;
    background-position: 6px 4px;
    background-repeat: no-repeat;
}

.msg-box.info {
    background-color: #fafafa;
    background-image: url('/Content/images/msg-info.png');
    color: #00539b;
}

.msg-box.success {
    background-color: #fafafa;
    background-image: url('/Content/images/msg-success.png');
    color: #4f8a10;
}

.msg-box.warning {
    background-color: #fafafa;
    background-image: url('/Content/images/msg-warning.png');
    color: #9f6000;
}

.msg-box.error {
    background-color: #fafafa;
    background-image: url('/Content/images/msg-error.png');
    color: #d8000c;
}

.msg-box.validation {
    background-color: #fafafa;
    background-image: url('/Content/images/msg-validation.png');
    color: #d8000c;
}

.validationSummary {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    margin: 0;
    padding: 5px 5px 5px 60px;
    min-height: 42px;
    width: 100%;
    background: #ffffc0 url('/Content/images/alert.png') no-repeat 3px 3px;
    color: #903;
}

.validationSummary ul {
    list-style: square;
}

.col-align {
    float: none;
    display: inline-block;
}

.col-align--top {
    vertical-align: top;
}

.col-align--center {
    vertical-align: middle;
}

.col-align--bottom {
    vertical-align: bottom;
}

.v-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.Button-active, .Button-focus, .Button-hover {
    background-color: #5ce0f2;
}

a.aspNetDisabled {
    color: rgba(51, 51, 51, .5) !important;
    text-decoration: none !important;
}

.aspNetDisabled.Button, input[disabled], input[type=checkbox]:disabled, input[type=radio]:disabled, input[type=text]:disabled, input[type=number]:disabled, input[type=date]:disabled, input[type=email]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled {
    background-color: rgba(240, 240, 240, 1) !important;
    pointer-events: none !important;
    cursor: none !important;
    cursor: default !important;
    box-shadow: none !important;
}

.ui-datepicker *, .ui-tabs * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

.ui-datepicker {
    display: none;
    padding: 2px;
    min-width: 225px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 10px 10px 5px;
    background-image: url('/Content/images/pop-up-hdr.png');
    background-position: center 2px;
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    text-align: center;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 10px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next {
    right: 1px;
}

.ui-datepicker-month {
    margin-left: 1px;
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}

.ui-datepicker th {
    border: 0;
    text-align: center;
    font-weight: bold;
}

.ui-datepicker td {
    padding: 2px;
    border: 0;
    text-align: right;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0 2px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-decoration: none;
    background-image: linear-gradient(to bottombottom,#fff 0%,#f3f3f3 100%);
}

.ui-datepicker td span:hover, .ui-datepicker td a:hover {
    background-color: #eee;
    background-image: none;
    filter: none;
}

.ui-datepicker td.ui-datepicker-unselectable span, .ui-datepicker td.ui-datepicker-unselectable a {
    display: block;
    background-color: none;
    background-image: none;
    color: #aaa;
    text-decoration: none;
    filter: none;
    cursor: not-allowed;
}

.ui-datepicker td.ui-datepicker-week-end span, .ui-datepicker td.ui-datepicker-week-end a {
    background-image: linear-gradient(to bottombottom,#fff 0%,#fee 100%);
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    padding: 3px 5px;
    max-width: 300px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    color: #333;
    font-size: 11px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8',endColorstr='#FFFFFF')";
    background-image: linear-gradient(to bottom,#f8f8f8 0%,#fff 100%);
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

@media (max-width: 736px) {
    #login-bg {
        display: none;
    }
}

.linePartDesc {
    font-size: 11px;
}

.brandBGColor {
    background-color: #021931 !important;
    color: #fff !important;
}

.brand-bg {
    background-color: black;
}

.brand-color {
    color: #fff !important;
}

.info-box-wrapper {
    padding: 0;
}
.info-box {
    padding: 16px;
    border: solid 1px #ddd;
    background-color: #fff;
    color: #4a4a4a;
    margin-right: 12px;
    margin-bottom: 12px;
}

.info-box h3 {
    font-weight: bold;
}


.corner-ribbon {
  width: 200px;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 52px;
  letter-spacing: 1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: fixed;
  z-index: 999;
}

.corner-ribbon.dev {
    background-image: url('/Content/img/texturedev.png');
    color: #ffe6b3;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.corner-ribbon.qa {
    background-image: url('/Content/img/textureqa.png');
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: #ffe6b3
}
.corner-ribbon.qa:hover {
    opacity:0;
}

.corner-ribbon.dev:hover {
    opacity:0;
}

.corner-ribbon.prod-in-dev {
    background-image: url('/Content/img/testtest.png');
    color: #000;
    width: 220px;
    left: -54px;
    line-height: 31px;
}
.corner-ribbon.ghost {
    background-color: darkorange;
    color: #000;
    top: 60px;
    left: -85px;
    z-index: 1000;
    width: 345px;
    line-height: 18px;
}


.corner-ribbon.ghost span {
    font-size: 12px;
    padding: 0 55px;
    display: block;
}