/*{% inline: assets/css/inlined.min.css %}*/
        /*custom styles*/
        @media (max-width: 575.98px) {
            .jumbotron {
                padding-top: 1.5rem;
            }

            .display-6 {
                font-size: 1rem;
            }
			.display-5 {
                font-size: 1.25rem;
            }

            /*.hidden-xs {display: none;}*/
        }

        a.nodecor {
            text-decoration: none;
        }

        strong.normal {
            font-weight: normal;
        }
        
        .strong {
			font-weight: bold;
		}
		
		.text-alert {
			color: #ff0000;
		}

        h2.d-inline, h3.d-inline, h4.d-inline, h5.d-inline, h6.d-inline {
            font-size: 1em !important;
            font-weight: 400;
            line-height: 1.5;
        }

        .btn-light {
            color: #b4babe;
        }

        .display-6 {
            font-size: 1rem;
        }
        .display-5 {
            font-size: 1.25rem;
        }

        /*.card-body.qc_data {min-height: 14rem;}*/
        /*top scroller menu*/

        html, body {
            overflow-x: hidden; /* Prevent scroll on narrow devices */
        }

        body {
            padding-top: 56px;
        }

        .nav-scroller {
            position: relative;
            z-index: 2;
            height: 2.75rem;
            overflow-y: hidden;
        }

        .nav-scroller .nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            padding-bottom: 1rem;
            margin-top: -1px;
            overflow-x: auto;
            color: rgba(255, 255, 255, .75);
            text-align: center;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }

        .nav-underline .nav-link {
            padding-top: .75rem;
            padding-bottom: .75rem;
            font-size: .875rem;
            color: var(--secondary);
        }

        .nav-underline .nav-link:hover {
            color: var(--blue);
        }

        .nav-underline .active {
            font-weight: 200;
            color: var(--gray-dark);
        }
        
.nav-link #navBars {
	margin-top: -6px;
	padding: 7px 12px 1px;
	border: 1px solid rgba(0,0,0,0);
	border-radius: .25rem;
	background-color: rgba(0,0,0,0);
	transition: 0.3s;
}
.nav-link #navBars:hover {
	border-color: rgba(0,0,0,.125);
	background-color: rgba(0,0,0,.03);
	transition: 0.3s;
}

.nav-link #navBars input {
	display: none;
}

.nav-link #navBars span {
	position: relative;
	z-index: 1;
	display: block;
	margin-bottom: 6px;
	width: 24px;
	height: 2px;
	background-color: rgba(125, 125, 126, 1);
	border-radius: .25rem;
}        		

		.card-body.muted {background-color: rgba(0,0,0,.03);}
		
							.qc_data {}
							.qc_data.card-body {min-height: 14rem;}
							@media (max-width:320px) {.card-body.qc_body {padding-left: 0.35rem;padding-right: 0.35rem;} /*iPhone SE and similar*/
								}
							@media (min-width:768px) and (max-width:992px) {.card-body.qc_body {padding-left: 0.35rem;padding-right: 0.35rem;} /*iPad mini and similar*/
								}
							.qc_card-cases .card-body.qc_body.fixheight, .qc_card-graph .card-body.qc_body.fixheight {
								min-height: 13rem;
							}
							.qc_card-pending .card-body.qc_body.fixheight, .qc_card-select .card-body.qc_body.fixheight {
								min-height: 5.5rem;
							}
							.qc_data-row {display: flex;flex-wrap: wrap;}
							.qc_data-cases {}
							
							.qc_data-cases-all, .qc_data-cases-actv, .qc_data-cases-recv, .qc_data-cases-lost {min-width: 45%;} /*#TODO min-width: 45%;*/
							@media (max-width:374px) {.qc_data-cases-all, .qc_data-cases-actv, .qc_data-cases-recv, .qc_data-cases-lost {min-width: 30%;} /* below iPhone 8 Plus*/
								}
							@media (min-width:375px) and (max-width:992px) {.qc_data-cases-all, .qc_data-cases-actv, .qc_data-cases-recv, .qc_data-cases-lost {min-width: 35%;} /*iPad mini and similar*/
								}
							.qc_data-cases-new {min-width: 15%;}
							
							/*.qc_data-cases-all {background-color: rgba(0,0,0,.02);}
							.qc_data-cases-actv {background-color: rgba(0,0,0,.02);}
							.qc_data-cases-recv {background-color: rgba(0,0,0,.02);}
							.qc_data-cases-lost {background-color: rgba(0,0,0,.02);}
							.qc_data-cases-new {}
							.qc_data-cases-text {background-color: rgba(0,0,0,.06);}*/
							
							.qc_data-bull {border: 1px solid;border-radius: .15rem;}
							.qc_data-pill {
					            border-radius: 10rem;
					            padding: .25em .4em;
					            background-color: #f8f9fa;
					            color: rgb(108, 117, 125);
					            display: inline-block;
					            font-size: 71%;
					            font-weight: 700;
					            height: 16.25px;
					            line-height: 1;
					            vertical-align: text-bottom;
					            white-space: nowrap;
					            min-width: 4.2rem;
					        }
							
							.qc_data-cases-all span.qc_data-bull {color: #dc3545;}
							.qc_data-cases-actv span.qc_data-bull {color: #ffc107;}
							.qc_data-cases-recv span.qc_data-bull {color: #28a745;}
							.qc_data-cases-lost span.qc_data-bull {color: #6c757d;}
							.qc_data-cases-tstd span.qc_data-bull {color: #17a2b8;}
							.qc_data-cases-crtl span.qc_data-bull {color: #d21784;background-color: #d21784 !important;}	
								/*.qc_data-pill-actv {display: inline;color: #fff;}
								.qc_data-pill-recv {display: inline;color: #fff;}
								.qc_data-pill-lost {display: inline;color: #fff;}*/
								
								/*.qc_data-line {}
								.qc_percentage-wrapper {font-size: 0 !important;}
								.qc_percentage-line {width: 100%;}
								.qc_percentage-line-all {display: inline-block;font-size: 0.1rem;width: calc(<?php echo($_per1MPercent); ?>%);}
								.qc_percentage-line-actv {display: inline-block;font-size: 0.1rem;width: calc(<?php echo($_activePercent); ?>% );}
								.qc_percentage-line-recv {display: inline-block;font-size: 0.1rem;width: calc(<?php echo($_recoveredPercent); ?>%);}
								.qc_percentage-line-lost {display: inline-block;font-size: 0.1rem;width: calc(<?php echo($_lostPercent); ?>%);}*/
								
								/*.qc_data-cases-new .qc_data-pill.positive {background-color: rgba(40, 167, 69, 0.15);}
								.qc_data-cases-new .qc_data-pill.negative {background-color: rgba(220, 53, 69, 0.15);}*/
								/*.qc_data-cases-new .qc_data-pill.positive span.change {color: rgba(40, 167, 69, 0.75);float: right;}
								.qc_data-cases-new .qc_data-pill.negative span.change {color: rgba(220, 53, 69, 0.75);float: right;}*/
								
								.qc_data-cases-new .qc_data-pill.lower span.change:after {content: ' \25BE';}
								.qc_data-cases-new .qc_data-pill.higher span.change:after {content: ' \25B4';}								
								.qc_data-cases-new .qc_data-pill.positive span.change {color: rgba(40, 167, 69, 0.75);float: right;}
								.qc_data-cases-new .qc_data-pill.negative span.change {color: rgba(220, 53, 69, 0.75);float: right;}
								
								/*.qc_data-cases-new .qc_data-pill.positive {
									border-left: 2px solid rgba(40, 167, 69, 0.45);
									border-right: 2px solid rgba(40, 167, 69, 0.45);}
								.qc_data-cases-new .qc_data-pill.negative {
									border-left: 2px solid rgba(220, 53, 69, 0.45);
									border-right: 2px solid rgba(220, 53, 69, 0.45);}*/
								
								.qc_data-select-country {width: 100%;}								
								.qc_data-select-country, .blend-in select {
									cursor: pointer;
									padding: 0.45em 1em;
									outline: 0;
									border: 0;
									border-radius: 4;
									appearance: none;
									-webkit-appearance: none;
									-moz-appearance: none;
									appearance: none;
									background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDUgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8cGF0aCBkPSJNMy41NCw1LjMzTDIuNDgsNi44MkwxLjQxLDUuMzNMMy41NCw1LjMzWk0xLjQxLDQuNjdMMi40OCwzLjE4TDMuNTQsNC42N0wxLjQxLDQuNjdaIiBzdHlsZT0iZmlsbDpyZ2IoMzMsMzcsNDEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgo8L3N2Zz4K) no-repeat 95% 50%;
									background-color: #ffffff;
									border: 1px solid rgba(0,0,0,.125);
								}
								
								.qc_chart, .qc_chart-line, .qc_chart-bar  {
									min-height: 10.5rem;
								}
								
								.qc_chart-switcher {
									margin-top: -0.5rem;
									position: absolute;
									z-index: 12;
								}
								
								.qc_chart-switcher a {
									text-decoration: none;
									cursor: pointer;
									padding-right: 1rem;
									color: #6c757d;
								}
								
								.qc_info {
									overflow: auto;
									white-space: nowrap;
								}
								
								.qc_info-text {
									font-size: 75%;
									font-weight: normal;
									text-align: right;
								}

							   	@media (max-width: 575.98px) {
								   	.card-header span.qc_flag {
								   		background: no-repeat top left; /*#TODO review*/
								   		display: inline-block;
								   		height: 24px;
								   		width: 24px;
								   		float: right;}
								   	}

								.qc_info .qc_flag {
									width: 2rem !important;
									margin-bottom: 1.5rem;
								}
								
								.qc_info label {
									display: inline-block;
									width: 50%;
									text-align: left;
									font-weight: normal;
									color: #6c757d;
								}
								
								.qc_info span {
									display: inline-block;
									width: calc(50% - 3px);
									text-align: right;
								}
								
								.blend-in select::-ms-expand {
									/*display: none;*/
								}
								
								.blend-in select:hover {
									color: #007bff;
									background-color: rgba(237,237,237,0.1);
								}

        
        /*accordion.css show/hide text*/
        .title {
            display: block;
        }

        .title:after, .title:before {
            content: '';
            position: absolute;
            right: 1.25em;
            top: 1.25em;
            width: 2px;
            height: 0.75em;
            background-color: #007bff;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }

        .title:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .content {
            max-height: 0;
            overflow: hidden;
        }

        .toggle {
            display: none;
        }

        .toggle:checked + .title + .content {
            max-height: 500px;
        }

        .toggle:checked + .title:before {
            -webkit-transform: rotate(90deg) !important;
            transform: rotate(90deg) !important;
        }

        .title, .content {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }

        /*end accordion.css*/

        .tabs {
            position: relative;
        }

        .tab__link {
            position: relative;
        }

        .tab__link.active:after {
            content: '';
            display: block;
            position: absolute;
            bottom: -15px;
            left: 0;
            width: 100%;
            height: 2px;
            background: #007bfc;
            border-radius: 2px;
        }

        .tab {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            transition: opacity linear .5s;
            opacity: 0;
            z-index: -1;
        }

        .tab.active {
            position: relative;
            opacity: 1;
            z-index: 0;
        }