/* Fonts*/

@font-face{font-family:'Glyphicons Regular';src:url('./fonts/glyphicons-regular.eot');src:url('./fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('.fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')}
.glyphicon-regular{display:inline-block;position:relative;font-family:'Glyphicons Regular';font-style:normal;font-weight:normal;font-size:1em;line-height:1em;-webkit-font-smoothing:antialiased}

/* HTML Style */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

/* Body Style*/

body {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 21px;
}

h1 { 
    font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif;
    font-size: 38px;
    font-weight: 200;
    letter-spacing: 0px;
    line-height: 1.1;
    color: #003780;
}

h2 {
    color: #003780;
    font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif;
    font-size: 32px;
    font-weight: 200;
    letter-spacing: 0px;
    line-height: 1.1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-bottom: 12px;
}

h3 {
    font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 1.1;
    color: #003780;
}

h4 {
    font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.1;
    color: #333;
}

h5 {
    font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 1.1;
    color: #003780;
}

.Tx-Formhandler .form-actions {
    text-align: right;
}

/* head */
.jbl4u-head {
    background: #003780;
    vertical-align: middle;
    color: white;
    font-size: 24px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    position: absolute;
    right: 0px;
    font-weight: 500;
}



/* LAYOUT */
.iwc-header-content {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 16;
    left: 0;
    text-align: center;
    padding-top: 18px;
}

.iwc-header-content .UI_MAIN_HEADER {
    padding-top: 15px;
    width: 1170px;
    display: inline-block;
}

.iwc-main-content {
    /*margin-top: 225px;*/
    margin-top: 233px;
    width: 1171px;
    margin-left: auto;
    margin-right: auto;
    min-width: 1171px;
    height: 100%;
}

/*
.iwc-main-content {
    margin-top: 226px;
    width: 61.5%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 200px;
    min-width: 1171px;
}*/

/* Header */
.UI_MAIN_HEADER {
    padding-top: 15px;
}

.UI_MAIN_HEADER .ui-main-left {
	padding-left: 0px;
}

.UI_MAIN_HEADER .ui-main-right {
	padding-right: 0px;
}


/* Carousel */
a.right.carousel-control {
    position: absolute;
    width: 50px;
    right: -60px;
    background-image: none;
}

a.left.carousel-control {
    position: absolute;
    left: -60px;
    width: 50px;
    background-image: none;
}

.carousel .carousel-control:hover .slider-left {
    background-image: url('../images/JBL4U/caroussel-slide-left-hover.png');
}

.carousel .carousel-control:hover .slider-right {
    background-image: url('../images/JBL4U/caroussel-slide-right-hover.png');
}

.carousel .carousel-control .slider-left {
    background-image: url('../images/JBL4U/caroussel-slide-left.png');
}

.carousel .carousel-control .slider-right {
    background-image: url('../images/JBL4U/caroussel-slide-right.png');
}

.carousel .slider-left {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    width: 25px;
    height: 50px;
    left: 45%;
    position: absolute;
    top: 35%;
}

.carousel .slider-right {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    width: 25px;
    height: 50px;
    right: 45%;
    position: absolute;
    top: 35%;
}

.carousel-caption {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 20px;
    width: 307px;
    display: block;
    padding: 24px 24px;
    background-color: #003780;
    opacity: 0.8;
    right: 0px;
    left: auto;
    bottom: 0px;
    cursor: pointer;
    z-index: 10;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

a.carousel-control, .carousel-caption h3, .carousel-caption p, .carousel-caption a{
    color: #fff;
    text-align: left;
    text-shadow: none;
    font-size: 16px;
}

.carousel-inner {
    border-width: 1px;
    border-color: #ddd;
    border-style: solid;
    border-bottom-right-radius: 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel.slide .carousel-indicators {
    display: none !important;
}

/* Navigation */

#nav {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    width: 100%;
    text-align: left;
}


#nav>li {
    padding: 0px 0px 0px 0px;
    margin: 0px 60px 0px 0px;
    display: inline-block;
    width: auto;
    cursor: pointer;
    color: #666666;
}

#nav a {
	display: block;
	text-align: left;
	color: #003780;
	padding: 0 0 0 0;
	line-height: 40px;
	font-size: 16px;
	text-transform: none;
	font-weight: 700;
	letter-spacing: 0px;
	text-decoration: none;
}

#nav a:hover {
	color: #666666;
}

#nav li.active a {
	color: #666666;
	border-bottom: 4px solid #dddddd;
}

#nav li:last-child a {
    border-right: none;
    border-radius: 0px 10px 0px 0px;
}

/* Widget */
.iwc-ui-mini-user-menu-content {
    background-color: #f2f2f2;
    border: none;
    border-radius: 0px 25px 0px 0px;
    padding: 24px 24px;
}

.iwc-ui-mini-user-menu-header {
    color: #003780;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 1.1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-bottom: 12px;
    background-color: #fff;
    border: none;
}

.iwc-ui-contact-person .iwc-ui-mini-user-menu-header {
    height: 35px;
}



/* Footer */
.footer {
    background-color: #f2f2f2;
    color: #666;
}

.footer-bottom {
    background-color: #ddd;
    color: #666;
}

 
.container {
	width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.footer-bottom .row-padding-small {
    padding: 6px 0;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.copyright {
    color: #666;
    font-size: 12px;
}

#nav-meta-bottom.nav-text {
	font-size: 12px;
    text-align: right;
    padding-top: 0px;
}

#nav-meta-bottom a, #nav-meta-bottom a:link, #nav-meta-bottom a:visited {
    color: #666;
}

.nav-text a, .nav-text a:link, .nav-text a:visited {
    color: #fff;
    text-decoration: none;
}

.nav-text span.devider {
    color: #666;
    padding: 0px 6px 0px 6px;
}

.footer-content {
    font-size: 12px;
	padding: 36px 0px;
}

.ge-col-3333 .col-padding-large-right {
	padding: 0px 12px 24px 0px;
    padding-right: 18px;
    padding-bottom: 0px;
}

.footer-content .ge-col-3333 .col-padding-small-left {
    padding: 29px 0px 60px 12px;
}

.ge-col-3333 .col-padding-small-right {
	padding: 0px 12px 0px 0px;
    padding-right: 6px;
}

.ge-col-3333 .col-padding-medium-left {
    padding-left: 12px;
}

.ge-col-3333 .col-padding-large-left {
    padding-left: 18px;
}

.ge-col-3333 .col-padding-large-left {
    padding: 0px 0px 0px 12px;
}

.footer-content h2 {
    font-size: 14px;
    color: #666;
}

.glyphicon-regular-envelope:before {
    content: "\2709";
}

.glyphicon-regular-google_maps:before {
    content: "\E243";
}

.footer .field-country select {
    height: 31px;
    background-color: #fdfdfd;
    color: #999;
    font-size: 12px;
}

.Tx-Formhandler select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.footer-content .Tx-Formhandler .form-group {
    margin-bottom: 9px;
}

.footer .field-country {
    position: absolute;
}


/* Buttons */
button.btn,
input.btn,
a.btn {
    display: inline-block !important;
    padding: 6px 6px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0px !important;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    opacity: 1!important;
    min-width: 75px;
    margin-right: 5px;
}


.btn-primary {
    color: #fff !important;
    background-color: #003780 !important;
    background-image: none !important;
    border-color: #002c67 !important;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: #002557 !important;
    border-color: #001229 !important;
}

.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
    background-image: none !important;
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color: #003780 !important;
    border-color: #002c67 !important;
}


.modal-dialog .modal-footer .iwc-ui-btn-close {
    width: auto;
    min-width: 75px;
    background-color: white;
    color: #333333;
    border: 1px solid #adadad;
}
.modal-dialog .modal-footer .iwc-ui-btn-close:hover {
    background-color: #ebebeb;
}

.iwc-ui-pwr-form-container .iwc-ui-btn-close {
    width: auto;
    min-width: 75px;
}

/*Orders*/

.iwc-ui-bpe-price{
    text-align: right;
}
.iwc-ui-bp-price .single {
    font-size: 12px;
    white-space: nowrap;
    color: #a4a4a9;
}
.iwc-ui-bp-price .total {
    font-size: 14px;
    white-space: nowrap;
}

/* iwc ui minilogon / minilogout */
.iwc-ui-minilogout {
    color: #003780;
}

ul.iwc-ui-minilogout li a {
    color: #003780;
}

ul.iwc-ui-minilogout li a:hover {
    text-decoration: none;
}

.iwc-ui-header-toolbar-elements {
    color: #003780;
}

.iwc-ui-header-toolbar-elements .iwc-ui-header-toolbar-register a {
    color: #003780;
}

.iwc-ui-header-toolbar-elements .iwc-ui-header-toolbar-register a:hover {
    text-decoration: none;
}

/* submit button margin */
#CONTENT div form input.btn-primary {
    margin-top: 25px;
    margin-bottom: 25px;
    height: 40px;
    width: 10%;
    float: right;
}

#CONTENT div form button.btn-primary {
    margin-top: 25px;
    margin-bottom: 25px;
    height: 40px;
    width: 10%;
    float: right;
}

/* table design */
.cert_table_head {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-image: -webkit-gradient(linear,left 0%,left 100%,from(#375789),to(#5276af));
    background-image: -webkit-linear-gradient(top,#375789,0%,#5276af,100%);
    background-image: -moz-linear-gradient(top,#375789 0%,#5276af 100%);
    background-image: linear-gradient(to bottom,#375789 0%,#5276af 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff375789',endColorstr='#ff5276af',GradientType=0);
    z-index: 300;
    border: solid 1px #ddd;
    border-top: none;
    margin: 0px -1px;
    margin-top: 100px;
}

.doc_table_head {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-image: -webkit-gradient(linear,left 0%,left 100%,from(#375789),to(#5276af));
    background-image: -webkit-linear-gradient(top,#375789,0%,#5276af,100%);
    background-image: -moz-linear-gradient(top,#375789 0%,#5276af 100%);
    background-image: linear-gradient(to bottom,#375789 0%,#5276af 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff375789',endColorstr='#ff5276af',GradientType=0);
    z-index: 300;
    border: solid 1px #ddd;
    border-top: none;
    margin-top: 25px;
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: 0px;
    height: 40px;
}

.doc_table_head div {
    margin-top: 10px;
}

.doc_table_row {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    min-height: 28px;
    padding: 6px 0px 6px 0px;
}

.documents-tab .doc_table_head .col-md-1,
.documents-tab .doc_table_row .col-md-1 {
    width: 30px;
}

.doc-others a {
    padding-right: 7px;
}

/*
.doc_table_row:nth-of-type(2) {
    border-top: 1px solid #dddddd;
}
*/

.doc_table_row:nth-last-of-type(1) {
    border-bottom: 1px solid #dddddd;
}

.doc_table_row:nth-of-type(odd) {
    background-color: #ffffff;
}

.doc_table_row:nth-of-type(even) {
    background-color: #f2f2f2;
}

/* input group */

#FORM-GROUPING-PREFERENCES .input-group-addon {
	width: 182px !important;
}

.input-group-addon {
    background-color: white !important;
    border: none !important;
    font-weight: bold;
    margin-top: 10px;
}

.input-group .form-control {
    margin-bottom: 10px;
}

/* header styling */

.UI_MAIN_HEADER {
    margin-top: 40px !important;
}

.iwc-header-content .UI_MAIN_HEADER {
    padding-top: 0px !important;
}

.UI_MAIN_HEADER .row.ui-main-row:first-child {
	padding-bottom: 18px;
}

/* Order styling */

.iwc-ui-position .iwc-ui-position-head .iwc-useragent-dep-content .iwc-useragent-dep-content-content {
    border-bottom: none !important;
    font-size: 12px;
    color: #ffffff;
    background-image: -webkit-gradient(linear,left 0%,left 100%,from(#375789),to(#5276af));
    background-image: -webkit-linear-gradient(top,#375789,0%,#5276af,100%);
    background-image: -moz-linear-gradient(top,#375789 0%,#5276af 100%);
    background-image: linear-gradient(to bottom,#375789 0%,#5276af 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff375789',endColorstr='#ff5276af',GradientType=0);
    z-index: 300;
    border: solid 1px #ddd;
    border-top: none;
    margin: 0px -1px;
}

.iwc-ui-co-basket-view-object:nth-of-type(odd) {
    background-color: #ffffff;
}

.iwc-ui-co-basket-view-object:nth-of-type(even) {
    background-color: #f2f2f2;
}

.iwc-ui-vbeln .iwc-ui-vbeln-caption {
    color: #003780;
    font-size: 14px;
}

div.vbeln-element {
    font-size: 14px !important;
    padding: 0px;
}

.UI_MAIN_HEADER .main-ui-logo {
    height: 57px !important;
    margin-top: 12px;
}

.vbeln-element .row {
    padding-top:5px;
    padding-bottom: 5px;
}

.vbeln-element .row h5 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}

.iwc-ui-position-head .row {
    padding-top: 0px;
    padding-bottom: 0px;
}

.col-lg-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.col-lg-1, .col-lg-2, .col-lg-3 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.iwc-ui-position div h4 {
    float: right;
}

.js_toggle_shipment {
    padding-left: 5px;
}

.cert_table_head div {
    display: flex;
    align-self: center;
}

.cert_table_head {
    display: flex;
}


.iwc-ui-vbeln .iwc-ui-vbeln-head-position{
 	padding-bottom: 2px;
}

/* login form */

.iwc-ui-additional-info {
    margin-top: 10px;
}

.iwc-ui-login-form .iwc-ui-login-form-field {
    max-width: 350px;
}

.jq_iwc_load_ajax_content h1{
    margin-top: 100px;
}

/* reset - pw */
.iwc-ui-class-sp {
    background-color: #f2f2f2;
    border: none;
    border-radius: 0px 25px 0px 0px;
    padding: 24px 24px;
}

.iwc-ui-class-sp .iwc-ui-class-sp-header ,
.iwc-ui-class-sp .iwc-ui-class-sp-form {
   background-color: #f2f2f2;
   padding-left: 0px;
   padding-right: 0px;
}

.iwc-ui-class-sp .iwc-ui-cc-pc-label{
       padding-left: 0px;
}