/* Change default font sizing */

html {
  /* default font-size is 16px - this is set in the default browser stylesheet */ 
  font-size: 12px; 
  font-weight: 400; 
  line-height: 1.5; 
} 

/* prevent double tap on button to zoom in on mobile devices */
button { 
    touch-action: manipulation; 
}

/*Icon size for normal buttons*/
img.icon {
    height: 22px;
    width: 22px;
}

/*Icon size for small buttons*/
img.icon-sm {
    height: 14px;
    width: 14px;
}

/* Edit standard card-column breakpoints */
.card-columns {
    column-count: 3;
}
@media (max-width: 1500px) {
    .card-columns {
        column-count: 2;
    }
  }
  
@media (max-width: 1000px) {
    .card-columns {
        column-count: 1;
    }
  }

/* Block planning table style */
.blockplanningtable {font-size: 12px;}
.blockplanningtable button {height: 20px; font-size: 10px; padding:1px;}

/*Fixed table head planning view*/
.tableFixHead          { overflow-y: auto; height: 80vh; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
.tableFixHead tbody th { position: sticky; left: 0; }

/* Alert bottom */
.form_change_alert_bottom{
    position: fixed;
    bottom: 5px;
    left:69%;
    width: 30%;
}

/*Logo animation -- page loading screen*/
#logo line{
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
    stroke: #e30b13;
    animation: line-anim 6s infinite;
    
}

@keyframes line-anim {
    25% {
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dashoffset: 220;
    }
    75% {
        stroke-dashoffset: 440;
    }
    100% {
        stroke-dashoffset: 220;
    }
}

/* Checkbox map production batch */
.checkbox_map_productionbatch_Z1 input[type="checkbox"], .checkbox_map_productionbatch_Z2 input[type="checkbox"], .checkbox_map_productionbatch_Z3 input[type="checkbox"] {
	display:none;
}

.checkbox_map_productionbatch_Z1 label, .checkbox_map_productionbatch_Z2 label, .checkbox_map_productionbatch_Z3 label {
    color:green;
    font-weight: 900;
    padding-top: 20px;
    padding-left: 50px;
}

.checkbox_map_productionbatch_Z1 input + label {
	display: inline-block;	
	width: 280px;
	height: 173px;
	cursor: pointer;	
	background-image: url(../img/PART_ZONE1.png);
    background-size: cover; 
    margin:0px;
}

.checkbox_map_productionbatch_Z1 input[type="checkbox"]:checked + label {
	background-image: url(../img/PART_ZONE1_SELECT.png);
    background-size: cover; 
}

.checkbox_map_productionbatch_Z2 input + label {
	display: inline-block;	
	width: 280px;
	height: 181px;
	cursor: pointer;	
	background-image: url(../img/PART_ZONE2.png);
    background-size: cover; 
    margin:0px;
}

.checkbox_map_productionbatch_Z2 input[type="checkbox"]:checked + label {
	background-image: url(../img/PART_ZONE2_SELECT.png);
    background-size: cover; 
}

.checkbox_map_productionbatch_Z3 input + label {
	display: inline-block;	
	width: 280px;
	height: 107px;
	cursor: pointer;	
	background-image: url(../img/PART_ZONE3.png);
    background-size: cover; 
    margin:0px;
}

.checkbox_map_productionbatch_Z3 input[type="checkbox"]:checked + label {
	background-image: url(../img/PART_ZONE3_SELECT.png);
    background-size: cover; 
}

/* Video overlay */
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
  }
  
  .overlay
  {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(105, 96, 96);
    opacity: 0.8;
  }

/* for zooming bom thumbnails */
.zoom-image {
    transition: transform .2s; /* Animation */
    margin: 0 auto;
  }
  
.zoom-image:active {
    transform: scale(3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }