/* open-sans-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.aa4383a3379f.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.2a3d175b60ed.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.e079a1adc52f.woff") format('woff'), /* Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.57d6f0dcafa8.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.27ef0b062b2e.svg#OpenSans") format('svg'); /* Legacy iOS */
}
/* open-sans-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.22e09ab0780f.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.a9557eb451f1.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.e15b8743b41a.woff") format('woff'), /* Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.883e9763b74b.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.7aab4c136712.svg#OpenSans") format('svg'); /* Legacy iOS */
}
/* open-sans-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.8ab3c12f9558.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eaa7773c8900.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.391454f0890b.woff") format('woff'), /* Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.8f5a7f589621.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.fd2ba7503f70.svg#OpenSans") format('svg'); /* Legacy iOS */
}
/* open-sans-600 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.49e3423d5555.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.97593b89e959.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.5d001a17da29.woff") format('woff'), /* Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.70d2fdc978bb.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.e16f375be3c2.svg#OpenSans") format('svg'); /* Legacy iOS */
}
/* open-sans-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.95e6030d1887.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.17c283b4e785.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.213e8c892aa1.woff") format('woff'), /* Modern Browsers */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.72ef36bba0e5.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.2e00b2635b51.svg#OpenSans") format('svg'); /* Legacy iOS */
}

.navbar-inverse .fa-logo {
   	background:url("../img/kb-logo.c246853200f2.png") left center no-repeat no-repeat;
	height:32px;
	width:32px;
	vertical-align: middle;
    margin: .2em 0 .2em 0;
    height: 80%;
}

.navbar-default .fa-logo {
	background:url("../img/kb-logo-black.3ea32bba2a47.png") left center no-repeat no-repeat;
	width:32px;
	vertical-align: middle;
    margin: .2em 0 .2em 0;
    height: 80%;
}

.navbar-brand {
	white-space: nowrap;
	overflow-x: hidden;
	max-width: calc(100vw - 36px - 1em);
}

.navbar-brandname {
    font-size: 24px;
    margin-left: 5px;
}

.heading {
    display: block;
    width: 100%;
    height: 270px;
    padding: 20px 0;
    margin-bottom: 20px;
    background: url("../img/intro-bg-uppladdning-v3.e802ec3da6cb.jpg") no-repeat center;
    background-size: cover;
}

footer {
	display: table;
    margin-top: 35px;
    width: 100%;
    height: 5px;
    padding: 50px 0px 0px;
    text-align: center;
    background-color: #f5f5f5;
}

html {
    position: relative;
    min-height: 100%;
}

.logged_in_user {
	padding-top: 60px;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

h1, .h1 {
    font-size: 30px;
    margin-top: 0;
}
h2, .h2 {font-size: 24px}
h3, .h3 {font-size: 20px}
h4, .h4 {font-size: 18px}

footer h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;	
	margin-top: 0px;
    margin-bottom: 0px;
}

.well h2 {
	margin-top: 0px;
}

.well .form-group:last-child {
	margin-bottom: 0px;
}


p.lead_label{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}

/* "Modal" div for spinner */
.blocker{
    z-index:100000;
    height:100%;
    width:100%;
    background: gray;
    opacity:0.7;
    position: fixed;
}
.blocker-transparent {
    z-index:100000;
    height:100%;
    width:100%;
    background: transparent;
    /*background: rgba(128, 128, 128, 0.1);*/
    position: fixed;
}

.errorlist {
	clear: left;
}

/* Workaround for Bootstrap bug fixed in 3.3.5 */
button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

.file_progress {
	margin-bottom: 0px;
}

.hijacked-warning {
	background-size: 50px 50px;
	background-color: #ffe761;
	color: #000;
	background-image: linear-gradient(135deg, rgba(0, 0, 0, .04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .04) 50%, rgba(0, 0, 0, .04) 75%, transparent 75%, transparent);
    margin-top: 50px;
    margin-bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 1030;
}
.hijacked-warning-controls, .hijacked-warning-controls form {
  display: inline;
}

.large-glyphicon{
    font-size: 36px;
}

.text-warning{
    color: #ffbf00;
}

.text-success{
    color: rgba(0, 130, 13, 1);
}

.text-primary{
    color: rgba(63, 125, 151, 1);
}
/* buttons */
.btn-success {
    background-color: rgba(0, 130, 13, 1);
    box-shadow: None;
    border: None;
}
.btn-success:hover, .btn-success:focus {
    background-color: rgba(0, 130, 13, 0.8);
    box-shadow: 0 3px 0 0 #006B0B;
    border: None;
}

.btn-success.disabled, .btn-success.disabled:hover{
    background-color: rgba(0, 130, 13, 1);
    border: None;
}
.btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:active {
    background-color: rgba(0, 130, 13, 1);
    border: None;
}

.btn-info {
    background-color: rgba(63, 125, 151, 1);
    box-shadow: None;
    border: None;
}
.btn-info:hover, .btn-info:focus {
    background-color: rgba(63, 125, 151, 0.8);
    box-shadow: 0 3px 0 0 #3D526F;
    border: None;
}

.btn-default{
    background-color: rgba(255, 255, 255, 1);
    color: black;
    border: 1px solid #CFCFCF;
    box-shadow: none;
}
.btn-default:focus, .btn-default:hover{
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 5px #969393;
    color: black;
    border: 1px solid #CFCFCF;
}
.btn-primary {
    background-color: rgba(63, 125, 151, 1);
    box-shadow: None;
    border: None;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: rgba(63, 125, 151, 0.8);
    box-shadow: 0 3px 0 0 #3D526F;
    border: None;
}

.btn-danger {
    background-color: rgba(174, 73, 54, 1);
    box-shadow: None;
    border: None;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: rgba(174, 73, 54, 0.8);
    box-shadow: 0 3px 0 0 #721E0F;
    border: None;
}

a, a:focus, a:hover, .btn-link, .btn-link:focus, .btn-link:hover {
    color: #106A8E;
}
a:focus, a:hover {
    text-decoration: none;
}

a {
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

a.disabled{
    cursor: not-allowed;
    pointer-events: all !important;
}

.navbar-default .navbar-text {
    color: #707070;
}

.text-muted {
    color: #53575f;
}

.help-block {
    color: #616B6B;
}

.panel-default>.panel-heading {
    color: #616B6B;
}

.h4 small {
    color: #6F727B;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: rgba(63, 125, 151, 1);
}

.input-subsuplier-no.active {
    background-color: #ce6574;
}

.input-subsuplier-yes.active {
    background-color: #a2b678;
}

.pointer {
	cursor: pointer;
}

#id_extra-transmission_type {
    list-style: none;
    padding: 0;
}
/* availability radio buttons*/
#id_extra-transmission_type li label{
    font-weight: normal;
    margin-left: 20px;
}

label, th, .semi-bold{
    font-weight: 600;

}

.label-danger {
    background-color: rgba(174, 73, 54, 1);
}

.popover-title {
	font-weight: bold;
}

.loggo-smaller {
    height: 30%;
    width: 30%;
}

.link_cursor {
    cursor: pointer;
    color: #616B6B;
    text-decoration: none;
}

.show_bundle:before {
    font-family: 'Glyphicons Halflings';
    content: "\e259";
    font-weight: normal;
}

.show_bundle[aria-expanded="true"]::before {
    content:"\e260";
    font-weight: normal;
}

.add_ticket:after {
    font-family: 'Glyphicons Halflings';
    content: "\e260";
    font-weight: normal;
    float:right;
}


.add_ticket[aria-expanded="false"]::after {
    content:"\e259";
    font-weight: normal;
    float:right;
}

table.upload-table {
    width: 100%;
    border-collapse: collapse;
}

.custom-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
}

.row.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.row.equal:before, .row.equal:after {
	width: 0;
}

.row.equal > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.row.equal > [class*='col-'] > * {
	flex: 1 1 auto;
}

.box-grow {
	display: flex;
    flex-direction: column;
}

.box-grow > * {
	flex-grow: 0;
}

.box-grow > .grow {
	    flex: 1 0 auto;
}

@media (max-width: 767px) {
	.btn-xs-block {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	.btn-group.btn-xs-block {
		display: flex;
	}
	.btn-group.btn-xs-block button:not(.dropdown-toggle) {
		flex: 1;
	}
}

.btn-multiline {
	white-space: normal;
}

hr.condensed {
	margin-top: 8px;
	margin-bottom: 8px;
}

.underline {
	border-bottom: 2px solid #e0e6e9;
	margin-bottom: 8px;
}

.row.row_done > * {
	margin-bottom: 10px;	
}

@media (min-width: 768px) {
	.row.row_done {
		display: flex;
	    align-items: center;
	}
	
	.row.row_done > * {
		margin-bottom: 0px;	
	}
}

.row.row_done .icon {
	display: flex;
    align-items: center;
}

.row.row_done .message {
	margin-top: 10px;
	margin-bottom: 0px;
}

.row.row_done h2 {
	margin-bottom: 0px;
	line-height: 1.4;
}

.container-fluid.on-top {
	margin-top: 50px;
}

@media (max-width: 767px) {
	.container-fluid.on-top {
		margin-top: 60px;
	}
}