﻿/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -250px;
  /* Pad bottom by footer height */
  padding: 0 0 250px;
}

/* Set the fixed height of the footer here */
#footerWrapper {
  background:#efefef;
  min-height:250px;
}

.body-content { padding-bottom:2.4em; }

.breadcrumbWrapper { margin-top:70px; background:#eee; }
.breadcrumbWrapper .breadcrumb { margin:10px 0; padding:0; background:none; font-size:11px; }
.navbar 
{ 
    min-height:70px; 
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
} 
.navbar-nav>li>a { padding-top:25px; padding-bottom:25px; border-left:1px solid #eee; border-right:1px solid #eee; margin-right:-1px; font-size:11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:110px; display:block; text-align:center; }
.container>footer .list-unstyled li { margin:0.1em 0; }
.container>footer .list-unstyled .fa { margin-right:1em; }
.slideshowWrapper .carousel { width:100%; margin:0; max-height:350px; overflow:hidden; }
.slideshowWrapper .carousel-inner img { margin:0 auto; width:100%; }

.landingPageJumbotron { margin:15px 0 0 0; padding:30px; 
    background: #fff;
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #fff 100%);
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#fff 100%);
    background: linear-gradient(to bottom,  #e5e5e5 0%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#fff',GradientType=0 );                        
}

.badge-warning { background:#ec971f; border-color:#d58512; }
.list-group-item h4 { font-size:1.2em; font-weight:bold; }
.list-group-item .small { color:#888; }

.naviFlow .thumbnail h3 { font-size:1.2em; font-weight:bold; border-bottom:1px solid #efefef; padding:0 0 0.8em 0; text-align:center; }
.naviFlow .thumbnail ul { margin:0; padding-left:1.6em; }
.naviFlow .thumbnail { /*min-height:38em;*/ min-height:33em; }
.naviFlow .thumbnail img { margin:1.5em auto; max-height:150px; min-height:150px; }
#document-search-component a.thumbnail { color:#333; background:#fafafa; }
#document-search-component a.thumbnail:hover { text-decoration:none; border-color:#aaa; }
#document-search-component .panel-heading { cursor:pointer; }
.pointer { cursor:pointer; }
.input-vinnumber-group .form-control-feedback { right:40px; }

.tinyBreadCrumb { font-size:0.8em; min-height:3.2em; display:inline-block; width:100%; }
.tinyBreadCrumb .active { color:#ed1c24; }
.fa-huge { font-size:8em; color:#fff; padding:0.2em 0.4em; }
.help-block { font-size:10px; color:#666; margin:1em 0 1.5em 0; }

.veryLight { color:#ccc; }
.orange { color:#ff6a00; }
.red { color:#ed1c24; }
.green { color:#39b54a; }
.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }
.margin-top-35 { margin-top: 3.5em; }
.margin-top-40 { margin-top: 4.0em; }
.margin-top-45 { margin-top: 4.5em; }
.margin-top-50 { margin-top: 5.0em; }
.margin-bottom-05 { margin-bottom: 0.5em; }
.margin-bottom-10 { margin-bottom: 1.0em; }
.margin-bottom-15 { margin-bottom: 1.5em; }
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-25 { margin-bottom: 2.5em; }
.margin-bottom-30 { margin-bottom: 3.0em; }
.margin-bottom-35 { margin-bottom: 3.5em; }
.margin-bottom-40 { margin-bottom: 4.0em; }

.page-header h2 { text-align:left; }
input[data-mask] { font-family: 'Courier New', Courier; }
input[type=text]::-ms-clear { display: none;

}
ul { PADDING-LEFT: 40px;}
.lg-label { font-size:1em; font-weight:normal; padding:0.6em 1em; margin:0; }
.code input.form-control { font-family:'Courier New' !important; font-size:1em; }
.btnEllipse { max-width:6em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

@media (max-width: 1200px) {
.collapsing, .in { border-top:none; margin:0; border-bottom:1px solid #e7e7e7; }
.collapsing ul { float:none !important; }
.collapsing ul li a, .in ul li a, .collapsing ul li.active a, .in ul li.active a, .collapsing ul li a:hover { border-bottom:2px solid #eee; border-radius:4px; background:#e5e5e5 !important; margin:0; padding:4px 8px; }
.collapsing ul li.active a, .in ul li.active a { border-bottom:1px solid #e7e7e7; }
.collapsing ul li a span, .in ul li a span, .collapsing ul li.active a span, .in ul li.active a span { display:inline !important; }

.navbar-header { float: none; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin-top: 7.5px; }
.navbar-right, .navbar-right li, .navbar-right a { width:auto !important; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { max-width:none; text-align:left; }
.collapse.in { display:block !important; }
.navbar-brand { overflow:hidden !important; }
}

@media (min-width: 768px) and (max-width: 1200px) {
.collapsing, .in { border-top:none; margin:0; border-bottom:1px solid #e7e7e7; }
.collapsing ul { float:none !important; }
.collapsing ul li a, .in ul li a, .collapsing ul li.active a, .in ul li.active a, .collapsing ul li a:hover { border-bottom:2px solid #eee; border-radius:4px; background:#e5e5e5 !important; margin:0; padding:4px 8px; width:100%; }
.collapsing ul li a span, .in ul li a span, .collapsing ul li.active a span, .in ul li.active a span { display:inline !important; }

.navbar-header { float: none; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin-top: 7.5px; }
.navbar-right, .navbar-right li, .navbar-right a { width:100% !important; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { max-width:none; text-align:left; }
.collapse.in { display:block !important; width:100%; }
}

.navbar-toggle { float:left; margin-left:15px; margin-top:18px; }
.navbar-brand { float:right; height:77px; }
.navbar-default { border-color:#fff; }
.tab-pane { padding-top:20px; }
.panel-body-nobottompadding { padding:15px 15px 0 15px; } 
#pnlResults .list-group .disabled { cursor:default; } 
.filters { font-size:12px; }
a.list-group-item { cursor:pointer; }
.padding-left-10 { padding-left: 1.0em; }
.padding-right-10 { padding-right: 1.0em; }

.form-control-loading { position:absolute; top:0; right:38px; z-index:99; display:block; width:34px; height:34px; line-height:34px; text-align:center; pointer-events:none; }
.valign-top { vertical-align:top; }
.valign-middle { vertical-align:middle; }
.panel-heading a, .panel-heading a:hover, .panel-heading a:active, .panel-heading a:visited { text-decoration:none; }
.bt-navsys .thumbnail .btn { font-size:11px; white-space:normal; min-height:6em; }
.bt-navsys .thumbnail { border:none; }
.bt-navsys .thumbnail img { min-height:90px; max-height:90px; cursor:pointer; }
.hide { display:none; }
.updateProgress { display:inline-block; position:relative; top:4px; margin-bottom:26px; }
.maxPhonePhotoWidth { max-width:278px; }
#pnlResult>tbody>tr>td, #pnlResult>tbody>tr>th, #pnlResult>tfoot>tr>td, #pnlResult>tfoot>tr>th, #pnlResult>thead>tr>td, #pnlResult>thead>tr>th { vertical-align:middle; }
.cursor-hand { cursor:pointer; }
.results-table th { max-width:150px; }
/*
    disabled by ss on 2016-11-03, to confirm
    .table > tbody > tr:first-child > td, .table > tbody > tr:first-child > th { border: none; }*/
.pagination .active { background:#337ab7 !important; color:#fff !important;  }
.borderless-thumbnail-wrapper .thumbnail .caption { min-height:5.6em; }
.borderless-thumbnail-wrapper .thumbnail { padding:0; }
.borderless-thumbnail-wrapper .thumbnail a { padding:2em; width:100%; height:100%; display:block; }
.disabled .thumbnail { background:#efefef; }
.disabled .thumbnail img { opacity:0.4; }
.disabled .thumbnail a, .disabled .thumbnail a:hover, .disabled .caption { cursor:default; text-decoration:none; color:#888; }
.enabled .thumbnail:hover { border:1px solid #39b54a; }
.enabled .thumbnail a, .enabled .thumbnail a:hover, .enabled .caption { text-decoration:none; }
.borderless-thumbnail-wrapper .flagname { border:1px solid #ccc; width:64px; height:38px; line-height:38px; text-align:center; font-size:10px; margin:0 auto; border-radius:8px; } 


#diagnostictools-content-wrapper .thumbnail { border:none; }
#diagnostictools-content-wrapper .caption { padding:0; margin:0; text-align:center; font-weight:bold; font-size:1.5em; min-height:6em; }
#diagnostictools-content-wrapper .thumbnail .description { font-size:0.9em; min-height:20em; margin:0; }
#diagnostictools-content-wrapper .thumbnail .links { font-size:0.9em; margin:0; padding:0; border-bottom:1px solid #efefef; min-height:7em; }
#diagnostictools-content-wrapper .links .btn { min-width:100%; max-width:100%; overflow:hidden; text-overflow:ellipsis; margin-bottom:0.5em; }
#diagnostictools-content-wrapper .thumbnail .table { margin:0; }
#diagnostictools-content-wrapper .thumbnail p { margin:0; }

.text-justify { text-align: justify; }

.mandatory-labelless-fullwidth-inputaddon { background:none; color:red; }
.repCataloguePages-carousel .carousel-indicators { border-color:#000; }
.repCataloguePages-carousel .carousel-indicators .active { color:#000; }

li[data-target="#repCataloguePages-carousel"] { border-color:#000; }
li[data-target="#repCataloguePages-carousel"].active { background-color:#000; }
#repCataloguePages-carousel .carousel-indicators { top:0; max-height:5em; }
#repCataloguePages-carousel .carousel-control { opacity:0.2; }
#repCataloguePages-carousel .carousel-control:hover { opacity:0.3; }
#repCataloguePageModals .modal-body { position:relative; overflow-y:auto; max-height:400px; padding:15px; }
.modalpic { width:100%; display:block; }
.text-overflow { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:block; }
#ctl00_ContentPlaceHolder1_gridViewOrders>tbody>tr>td { line-height:2.428571; }
.ProgressMeterEntry { display:block; height:2.2em; line-height:1.3em; }
#ctl00_ContentPlaceHolder1_WebshopProgressmeter_progMeter h5 { height:2.2em; line-height:1.3em; }
.checkbox-in-row .row+.row .checkbox { margin-top: -5px; }
.radiobuttonlist { margin-bottom: 10px; margin-top: 10px;}
.radiobuttonlist input[type="radio"] { margin: 4px 7px 4px 0px;}
.radiobuttonlist label { font-weight:normal;}
.checkbox~.checkbox { margin-top: -5px;}
a.list-group-item.gray-bg { background:#efefef; cursor:default; }
.disclaimer { font-size:11px; height:14em; width:100%; overflow:hidden; position:relative; color:#888; }
.disclaimer .bottom { 
    position:absolute; height:4em; width:100%; bottom:0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.disclaimer .bottom a { display:block; width:100%; height:100%; }
.disclaimer u { text-decoration:none !important; font-weight:bold !important; }
/* styles for validation helpers */
.field-validation-error { color: #ed1c24; font-size:1em; }
.field-validation-warning { color: #ff6a00; font-size:1em; }
.field-validation-valid { display: none; }
input.input-validation-error { border: 1px solid #ed1c24; }
input.input-validation-warning { border: 1px solid #ff6a00; }
select.input-validation-error { border: 1px solid #ed1c24; }
select.input-validation-warning { border: 1px solid #ff6a00; }
input[type="checkbox"].input-validation-error { border: 0 none; }
.validation-summary-errors { color: #ed1c24; }
.validation-summary-warnings { color: #ff6a00; }
.table-no-header tr:first-child > th, .table-no-header tr:first-child > td { border-top: none !important; }
.no-padding-bottom { padding-bottom: 0; }