.ml-font-color--white-bg
				{
					color: #333333;
					font-weight: 500 !important;
					font-size: 95% !important;
				}



            .ml-requeried-color {
                background-color: #FFFDB4 !important;
				color: #333333 !important;

            }
	

				a
				{ 
					border: none !important;
					Text-Decoration: None !important;
					box-shadow: none !important;

				}



/* MARGIN & PADDING. */
		
		/* RESET. */
				.ml-margin-all--reset, .ml-margin-ltr--reset, .ml-margin-t--reset, .ml-div-navbar-a--reset {
					margin-top: 0px !important;
				}

				.ml-margin-all--reset, .ml-margin-ltr--reset, .ml-margin-l--reset {
					margin-left: 0px !important;
				}

				.ml-margin-all--reset, .ml-margin-ltr--reset, .ml-margin-r--reset {
					margin-right: 0px !important;
				}

				.ml-margin-all--reset, .ml-margin-b--reset {
					margin-bottom: 0px !important;
				}

				.ml-padding-all--reset, .ml-padding-l--reset {
					padding-left: 0px !important;
				}

				.ml-padding-all--reset, .ml-padding-t--reset {
					padding-top: 0px !important;
				}

				.ml-padding-all--reset, .ml-padding-r--reset {
					padding-right: 0px !important;
				}

				.ml-padding-all--reset, .ml-padding-b--reset {
					padding-bottom: 0px !important;
				}


		/* PADDING LARGE X - 2019.02 */
				.ml-padding-all--large-x, .ml-padding-horizontal--large-x, .ml-padding-horizontal-l--large-x {
					padding-left: 22px;
				}

				.ml-padding-all--large-x, .ml-padding-horizontal--large-x, .ml-padding-horizontal-r--large-x {
					padding-right: 22px;
				}

				.ml-padding-all--large-x, .ml-padding-vertical--large-x, .ml-padding-vertical-t--large-x {
					padding-top: 22px;
				}

				.ml-padding-all--large-x, .ml-padding-vertical--large-x, .ml-padding-vertical-b--large-x {
					padding-bottom: 22px;
				}



		/* PADDING REGULAR - 2019.01 */
				.ml-padding-all--regular, .ml-padding-horizontal--regular, .ml-padding-horizontal-l--regular, .ml-padding-vertical-lrt--regular {
					padding-left: 10px;
				}

				.ml-padding-all--regular, .ml-padding-horizontal--regular, .ml-padding-horizontal-r--regular, .ml-padding-vertical-lrt--regular {
					padding-right: 10px;
				}

				.ml-padding-all--regular, .ml-padding-vertical--regular, .ml-padding-vertical-t--regular, .ml-padding-vertical-lrt--regular {
					padding-top: 10px;
				}

				.ml-padding-all--regular, .ml-padding-vertical--regular, .ml-padding-vertical-b--regular {
					padding-bottom: 10px;
				}


		/* PADDING REGULAR MINI - 2018.07 */
				.ml-padding-all--regular-mini, .ml-padding-horizontal--regular-mini, .ml-padding-horizontal-l--regular-mini {
					padding-left: 8px;
				}

				.ml-padding-all--regular-mini, .ml-padding-horizontal--regular-mini, .ml-padding-horizontal-r--regular-mini {
					padding-right: 8px;
				}

				.ml-padding-all--regular-mini, .ml-padding-vertical--regular-mini, .ml-padding-vertical-t--regular-mini {
					padding-top: 8px;
				}

				.ml-padding-all--regular-mini, .ml-padding-vertical--regular-mini, .ml-padding-vertical-b--regular-mini {
					padding-bottom: 8px;
				}



		/* FONT */

				h1 {
					font-size: 1.0em;
					font-weight: normal;
				}

				h2 {
					font-size: 0.95em !important;
					font-weight: 600 !important;
				}

				h3 {
					font-size: 0.95em !important;
					font-weight: 400 !important;
				}

				h5 {
					font-size: 0.90em;
					font-weight: normal;
                    padding-left: 12px;
                    padding-right: 12px;
				}


				h4, a {
					font-size: 0.90em !important;
					font-weight: normal !important;
				}

		/* ICON */


			.ui-icon-bigger
			{
				 
				-ms-transform: scale(1.30); /* IE 9 */
		  		-webkit-transform: scale(1.30); /* Chrome, Safari, Opera */
		  		transform: scale(1.30);
			}
		/* HEIGHT */
				.ml-div-width--c
				{
					height:100% !important;
				}


		/* WIDTH */
				.ml-div-width--lxx
				{
					width: 85% !important;
				}
				.ml-div-width--xxx
				{
					width: 15% !important;
				}


		/* TEXT */
				.ml-text-align--l
				{
					text-align: left !important;
				}

				.ml-text-align--c
				{
					text-align: center;
				}

				.ml-text-align--r
				{
					text-align: right;
				}

				.ml-text--overflow {
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}

				.ml-area--listview-display
				{
					white-space: normal !important;
					float: left !important;
					width: 100% !important;
					height: auto !important;
					word-wrap: break-word !important;
				}

		/* MEDIA */

			@media screen and (min-width: 65em) 
			{
				.ml-screen--width
				{
					margin: auto;
					max-width: 1020px !important;
					
				}
				
				h1 {
					font-size: 1.2em;
					font-weight: 500 !important;
				}

				h2 {
					font-size: 1.1em !important;
					font-weight: 500 !important;
				}

				h3 {
					font-size: 1.1em !important;
					font-weight: 300 !important;
				}

				h4, a {
					font-size: 1.10em !important;
					font-weight: 300 !important;
				}

				
			}



/* 2019.01 */



/* padding */
			.ml-system_design_properties_module--padding-horizontal
			{
				padding-left: 10px;
				padding-right: 10px;
			}
			
			.ml-system_design_properties_module--padding-vertical
			{
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			.ml-system_design_properties_module--padding-top
			{
				padding-top: 10px;
			}
			
			.ml-system_design_properties_module--padding-margin-reset
			{
				padding: 0px !important;
				margin: 0px !important;	
			}

			.ml-system_design_properties_module--margin-vertical_reset
			{
				margin-top: 0px !important;
				margin-bottom: 0px !important;	
			}
	
	
	/* image */
			.ml-system_design_properties_module--image-logo-height
			{
				height: 42px !important;	
			}
			
			.ml-system_design_properties_module--image-logo-position
			{
				position:absolute;
				right:0px;
				top: -1px;
				overflow:hidden;
			}
			
			.ml-system_design_properties_module--image-thumbnails
			{
				width: 60%;	
			}
	
	
	/* bar */
			.ml-system_design_properties_module--bar-position
			{
				position:fixed;
				width:100%;
				top: 0px;
			}
			
			.ml-system_design_properties_module--bar-position-top
			{
				margin-top: 40px !important;
			}

	/* color */
				.ml-font-color--gray-dark
				{
					color: #666666;
				}

	
	
	/* font */
			.ml-system_design_properties_module--font_light
			{
				font-weight: 300;		
			}
			
			.ml-system_design_properties_module--font_normal
			{
				font-weight: normal;		
			}
			
			.ml-system_design_properties_module--font_bold
			{
				font-weight: 600;
			}
		
			
	/* reset */
			.ml-element--a-reset
			{
				margin: 0px !important;
				padding: 0px !important;
				border: 0px !important;
				background-color:transparent !important; 
			}
			
			
			
			.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.progressBar {
    width: 100%;
    height: 22px;
    border: 1px solid #333333;
    border-radius: 5px; 
    overflow: hidden;
    display:inline-block;
    margin:0px 0px 0px 0px;
    vertical-align:top;
}
 
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0%;
    background-color: #32CA21; border-radius: 3px; 
}

	.statusbar
	{
		border-bottom:1px solid #999999;
		min-height:25px;
		padding:10px 10px 0px 10px;
		vertical-align:top;
	}

    .thumbnailOpacity
    {
      opacity: 0.5;
    }	



.waiting {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}


.mlSearchSerieIDForm
{
     letter-spacing: 4px; 
     text-transform: uppercase;
    font-size: 30px;
}


#customCheckbox {
  width: 25px;
  height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FF0000;
  border: 2px solid #000;
  cursor: pointer;
}

#customCheckbox:checked {
  background-color: #00FF00; /* Farven når checkboxen er markeret */
}

#customCheckbox:before {
  content: '\2714'; /* Tjek-mærke */
  display: none;
  font-size: 15px;
  color: white;
}

#customCheckbox:checked:before {
  display: block;
  text-align: center;
}