/* 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 */
}

/***** Start navbar *****/

.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-brandname {
    font-size: 24px;
    margin-left: 5px;
}

/***** End navbar *****/

/***** Start intro *****/
.heading {
    display: block;
    width: 100%;
    height: 380px;
    padding: 20px 0;
    margin-bottom: 20px;
    background: url("../img/intro-bg-v2.8542659fcf34.jpg") no-repeat center;
    background-size: cover;
}

.intro-body .well h1, .intro-body .well h2 {
	margin-top: 0px;
}

.intro-body .well {
	margin-top: 20px;
}

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

#komigang .panel h4 {
	font-size: 16px;
}
@media(min-width:1200px) {
	#komigang .panel h4 {
		font-size: 20px;
	}
}

#personas .panel h2 {
	margin-top: 10px;
}

/***** End intro *****/

/***** Start highlight *****/
.highlight-section {
    width: 100%;
    padding: 50px 0;
    background: url("../img/noise.abb07f309063.png") repeat;
}
/***** End highlight *****/

/***** Start getting-started *****/
.panel-happy-desert {
    color: #4E4716;
    border-color: #ebe5ba; /* happy-desert */
}

.panel-happy-desert .panel-heading {
	background-color: #ebe5ba; /* happy-desert */
}

.nobackground {
    background: transparent;
    border: 0px;
    border-color: #ffffff;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

/***** End getting-started *****/

/***** Start footer *****/
footer {
	display: table;
    margin-top: 30px;
    width: 100%;
    height: 5px;
    padding: 0px 0;
    text-align: center;
    color: #5E6868;
}

footer {
    background-color: #e0e6e9;
}

footer a {
	color:#272732;
}
footer a:hover {
	text-decoration:underline;
}
/***** End footer *****/

a[target=_blank]:after {
	padding-left: 10px;
	/* matches fa-arrow-up-right-from-square */
	content: "\f35d";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

html {
	height: 100%;
	width: 100%;
}
body {
	height: 100%;
}

.content-section {
	padding-top: 60px;
}

.content-section-less-padding {
	padding-top: 50px;
}

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

.h2-details {
    margin-top: 30px;
    margin-bottom: 15px;
}

.small-margin-top {
    margin-top: 10px;
}

.link-size-larger {
    font-size: 20px;
    margin-top: 10px;
}

#delivery_methods th {
    background-color: #ebe5ba; /* happy-desert */
    white-space: nowrap;
}

.thumbnail.bg-happy-muted-light-blue {
	border-color: #333;
}

.btn-link {
	color: #3072AB;
}

.btn-link:hover, .btn-link:focus {
	color: #3072AB;
}

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

.btn-panel {
	white-space: normal;
	text-align: left;	
}

textarea#id_rss::placeholder {
  color: #53575f !important;
}

.pointer {
	cursor: pointer;
}

/* "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;
}

/* Smaller menu-down/menu-up on collapsable panels */
.field_add_button .glyphicon {
	font-size: 12px;
}
#tracks .panel-title .glyphicon {
	font-size: 12px;
}

.errorlist {
	clear: left;
}

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

/**** Start upload form ****/

#metadataform .first {
	margin-top: 0px;
}

/* availability radio buttons*/
#metadatablock #id_main-publication_availability{
    list-style: none;
    padding: 0;
}
/* availability radio buttons*/
#metadatablock #id_main-publication_availability li{
    float: left;
    width: 100%;    
}
/* availability radio buttons*/
#metadatablock #id_main-publication_availability li label{
    font-weight: normal;
    margin-left: 40px;
    text-indent: -18px;
}

/* Identifier add field buttons*/
#metadatablock .repeated-field-button-identifier, #metadatablock .repeated-field-button-related-identifier{
    margin-bottom: 15px;
}

a .glyphicon-remove-circle {
    /** Gray-Dark**/
    color: #6f767b
}

a:hover .glyphicon-remove-circle {
    /** Danger **/
    color: #f9897d
}

.btn-custom-identifier {
	min-width: 130px;
}

.btn-identifier-wrapper {
    float: left;
	padding-left: 15px;
	padding-right: 15px;
}

@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-collapser .glyphicon {
	padding-right: 5px;
}

.btn-collapser:not(.collapsed) .glyphicon-menu-down {
	display: none;
}
.btn-collapser.collapsed .glyphicon-menu-up {
	display: none;
}

.panel-invisible > .panel-heading {
	background-color: transparent;
}

.panel-invisible button {
	width: 100%;
	text-align: left;
}

/**** End upload form ****/

/***** Deliveries *****/
.deliveries-well .panel, .deliveries-well .panel-heading, .deliveries-well .panel-footer{
    border: none;
}
.deliveries-well .panel-heading{
    padding-top: 0;

}
.deliveries-well .table-responsive {
    padding: 15px;
}

  .pagination {
      margin: 0px;
  }

.pagination li a {
    border-radius: 0px !important;
    font-size: 16px;
}

/*
  Here we override kb-style.css so white space is wrapped in small mode in tables.
*/
@media screen and (max-width: 767px) {
    .table-responsive>.table>tbody>tr>td {
        white-space: normal;
    }
}

/*
  Here we override kb-style.css so there is no border in small mode for table-responsive on certain tables.
*/
@media screen and (max-width: 767px) {
    #deliveries-table-error .table-responsive {
        border: none
    }

    #deliveries-table-all .table-responsive {
        border: none
    }

    #detailbase .table-responsive {
        border: none
    }
}
/***** End deliveries *****/


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

.indent {
	margin-left: 24px;
}

#tracks input[name*="DELETE"], #related_identifiers_musik input[name*="DELETE"], #performers input[name*="DELETE"] {
	display: none;
}

.btn-remove-track {
	padding: 0; 
	margin-top: -5px;	
    color: #a94442; /** text-danger **/
}
.btn-remove-track:hover {
    color: #f9897d; /** text-danger **/
}

.file_progress {
	margin-bottom: 0px;
}

.bigger_glyphicons {
    font-size: 75px;
}

.arrow-down {
    margin-left: 70px;
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ffffff;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
	-moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
	-ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
	-o-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
	filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.no-margin-bottom .form-group {
    margin-bottom: 0px;
}

.metadata_button_margin {
    margin-top: 15px;
}

.thumbnail-noborder {
    border: 0 none;
    box-shadow: none;
    color: #333;
}

.thumbnail-noborder:hover {
    border: 0 none;
    box-shadow: none;
    color: #333;
}

.no-margin-bottom .metadata_error {
    clear: left;
    margin-bottom: 10px;
}

.bootstrap-tagsinput {
    color: #333;
    border: 2px solid #595d61;
    box-shadow: 0 0 0 2px transparent;
    white-space: nowrap;
    overflow: hidden;
}

.focus {
    border:2px solid transparent;outline:0;box-shadow:0 0 0 2px #5dc4ed
}
table.dataTable.table-condensed > thead > tr > th.sorting_disabled {
	padding-right: inherit;
}

.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;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}

#users .dataTables_length {
    padding-top: 0px;
    border-top: none;
}

.dataTables_length {
    padding-top: 20px;
    border-top: 2px solid #E3E3E3;
    color: #000000;
}

@media screen and (max-width: 767px) {
    .dataTables_length {
        text-align: left !important;
    }
}

.method_label {
    padding-left: 0px;
}

div.dataTables_wrapper div.dataTables_filter label {
	white-space: normal;
	color: #000000;
}

.channel-margin {
    margin-top: 4px;
    margin-bottom: 19px;
}

.panel-deliveries {
	-webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
}

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

.fa-medkit {
    font-size: 80%;
}

.errorlist .label {
    white-space: normal;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

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

.custom-label-details {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.details-data {
    margin-top: 10px;
}

.identificator-spacing:first-child {
    padding-top: 0px;
    margin-bottom: 10px;
}

.identificator-spacing {
    padding-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
  .custom-label-details {
      margin-top: 10px;
      margin-bottom: 5px;
  }

  .details-data {
      padding-left: 20px;
      margin-top: 0px;
      margin-bottom: 10px;
  }

  .identificator-spacing {
      margin-bottom: 5px;
  }

  .identificator-spacing:first-child {
      margin-bottom: 5px;
  }
}

.status-details-column {
    padding-left: 15px;
}

.btn-details-upload {
    margin-bottom: 20px;
    padding: 10px;
}

.files-row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.error-table {
    border-collapse: collapse;
}

.error-table td {
    border-bottom: 5px solid transparent;
    background-clip: padding-box;
}

.circle-above {
    font-size: 16px;
    position: relative;
	top: -3px;
}

.padding-right-10 {
    padding-right: 10px;
}

.popover-title .glyphicon-remove {
    color: #677171;
}

a {
    text-decoration: underline;
}

a.back {
    text-decoration: none;
}

a.back:hover {
    text-decoration: underline;
}

.no-top-margin {
    margin-top: 0px;
}

.no-bottom-margin {
    margin-bottom: 0px;
}

.top-padding-30 {
    padding-top: 30px;
}

.bigger-margin {
    margin-top: 40px;
    margin-bottom: 20px;
}

.back-div {
    padding: 10px 10px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.margin-back {
    padding-right: 15px;
}

.rss-url-margin {
    margin-bottom: 15px;
}

.margin-label {
    padding-left: 8px;
}

.search-padding {
    padding-right: 0px;
}

.status-details {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.warning-details {
    background-color: #fbf7e3;
}

.error-details {
    background-color: #f2dfdf;
}

.ok-details {
    background-color: #e0f3e1;
}

.font20 {
    font-size: 20px;
}

.font12 {
    font-size: 12px;
}

.bold {
    font-weight: bold;
}

.pad-msg-title {
    padding-right: 0.3em;
}

.msg-block {
    padding-left: 25px;
    padding-right: 15px;
}

.version-item {
    padding-left: 10px;
    padding-top: 6px;
    border: 2px solid #ffffff;
    border-bottom: 2px solid #e3e3e3;
    background-color: #ffffff;
}

.version-item-link {
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.version-item-link-selected, .version-item-link-selected:hover {
    text-decoration: underline;
}

.version-item-selected {
    background: #e0f3e1;
    border: 2px solid #e0f3e1;
    border-bottom: 2px solid #3c763d;
}

.version-item-selected-warning {
    background: #fbf7e3;
    border: 2px solid #fbf7e3;
    border-bottom: 2px solid #ffbf00;
}

.version-item-selected-error {
    background: #f2dfdf;
    border: 2px solid #f2dfdf;
    border-bottom: 2px solid #a94442;
}

.version-item-link:hover, .version-item-link .active {
    text-decoration: underline;
    color: black;
}

.version-uploaded {
    font-size: 12px;
    padding-left: 24px;
    margin-bottom: 6px;
    color: black;
}

.no-underline {
    text-decoration: none;
}

.no-border {
    border-top: none !important;
    border: none;
}

.no-underline:hover .version-item-link {
    text-decoration: underline;
}

.grey {
    background-color: #f9f9f9;
}

.version-dropdown-spacing {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px;
}

.break {
    word-break: break-all;
}

.later-version {
    margin-top: 10px;
    margin-bottom: 20px;
}

.left-10 {
    margin-left: 10px;
}

.padding-right-5 {
    padding-right: 5px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.th-padding {
    padding-top: 10px !important;
    padding-left: 15px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
}

.td-padding {
    padding-top: 10px !important;
    padding-left: 20px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
}

.td-padding-small {
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
    vertical-align: middle !important;
}

/*! ========================================================================
 * Taken from https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css
 * to show switch toggle
 * Bootstrap  v5.3.5 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * ======================================================================== */
.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}
.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1.4em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #106a8e}
.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0}.form-check-input:checked{background-color:#106a8e;border-color:#106a8e;box-shadow:none;}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#106a8e;border-color:#106a8e;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23106a8e'/%3e%3c/svg%3e");width:3.2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23106a8e'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}
.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23106a8e'/%3e%3c/svg%3e");width:3.2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23106a8e'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23106a8e'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}
.d-flex{display:flex!important}
.ms-2{margin-left:15px;margin-top: 6px;}
/*! ======================================================================== */

@media (max-width: 1200px) {
  #version-list {
    padding-left: 0px;
  }
}

a.btn {
    text-decoration: none;
}

btn-link.field_add_button {
    color: #6f767b;
}

panel-title .glyphicon-question-sign {
    top: 4px;
    position: relative;
    left: -10px;
}

.glyphicon-question-sign {
    color: #3F7D97;
}

.btn-remove-track .glyphicon-remove {
    color: #0d0d0d;
}

.track_number {
    color: #000;
}

.genrepicker .dropdown-menu>li>a {
    color: #000;
}

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

#about .h4, .contactform .h4 {
    font-size: 20px;
}

.cover-background {
    width:100%;
    background-color: #f5f5f5;
    padding-top: 100%;
    position: relative;
}

.cover-text1 {
    position: absolute;
    top: 32%;
    width:100%;
    text-align: center;
    font-size: 13px;
    color: #4d4d4d;
}

.cover-text2 {
    position: absolute;
    top: 32%;
    width:100%;
    text-align: center;
    font-size: 14px;
    color: #4d4d4d;
}
/* contrast fixes below, may be removed with the new styleguide */

.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-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-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;
}

.deliveries-danger {
    background-color: #f2dedf;
    padding: 10px 16px;
}

.link-start-item {
    padding: 10px 16px;
}

.deliveries-danger-icon {
    position: absolute;
    top: -2px;
    right: 12px;
    color: #aa4442;
    z-index: 1;
}

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

.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;
}

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

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

h1 small {
    color: #6F727B;
}

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

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

.label-large {
    padding: .313em .625em .313em .625em;
    font-size: 16px;
}

.label-info {
    background-color: #3F7892;
}

.label-warning {
    color: #6E6812;
}

.label-success {
    background-color: #398424;
}

.pagination>.active>a:hover {
    background: #0B5374;
    border-color: #0B5374;
}

.pagination>.active>a:focus {
    border-radius: 3px !important;
    border: 1px solid black;
    background: #0B5374;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.pagination>.active>a {
    background: #106A8E;
    border-color: #106A8E;
}

.pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    background-color: #137FAA;
    border-color: #137FAA;
}

.pagination>li>a:hover {
    background-color: transparent;
    color: #106A8E;
    border: 1px solid #0B5374;
}

.pagination>li>a:focus {
    background-color: transparent;
    color: #106A8E;
    border-radius: 5px !important;
    border: 1px solid black;
    outline: 0px;
    outline-offset: 0px;
}

.pagination>li>a {
    border-radius: 5px !important;
    color: #106A8E;
    margin-left: 3px;
    background-color: transparent;
    border-color: transparent;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover {
    color: black;
    border: 0px;
    cursor: default;
    background-color: transparent;
}

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

h1 .small, h2 .small, h3 .small, h4 .small, h1 small, h2 small, h3 small, h4 small {
    color: #686D73;
}

/* end of contrast fixes */

.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;
}


.panel-expand-body {
	display: flex;    
    flex-direction: column;
}

.panel-expand-body > .panel-body {
	flex: 1 0 auto;
}

.panel-expand-body > * {
	flex-grow: 0;
}

.panel-footer.white {
	background-color: #ffffff;
	border-top: 0px;
}

.filter-option-inner-inner {
    color: #000;
}

.dropdown-header .text {
    color: #000;
}

.opt {
    color: #282829;
}

.dropdown-menu>li>a {
    color: #544e4e;
}

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

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

#kb-banner-alert {
	margin-bottom: 0px;
}