/*STYLE **/
//@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');

body{
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Ubuntu', sans-serif;
}
#qarea, #appbody{
margin-top:60px;
margin-bottom:60px;
width:100%;
height:auto;
}

.jumbotron {
    padding: 1rem 0.5rem;
    margin-bottom: 1rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}

#loader{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh; /* to make it responsive */
    width: 100vw; /* to make it responsive */
    overflow: hidden; /*to remove scrollbars */
    z-index: 99999; /*to make it appear on topmost part of the page */
    display: none; /*to make it visible only on fadeIn() function */	
	background:#20202f url(../img/loader.gif) no-repeat 50% 50%;
	background-size: 80px 80px;
	opacity:0.6;
	}
	
#apphead{
	background:#cf0204;	
	height:50px;
}

#appfoot{
	background:#20202f;	
}

.list-group-item{
	background:url(../img/list.png) no-repeat 1% 50%;
	background-size:15px 15px;
	padding-left:24px;
	border-left:none;
	border-right:none;
}

.container-fluid{
	padding-right: 8px!important;
    padding-left: 8px!important;
}

.qicon{
	border:solid 1px #ddd;
	margin:2px;
	border-radius:5px;
	padding:20px 5px;
	text-align:center;
	font-size:10px;
	color:#313140;
	filter: grayscale(100%);
}

.qicon:hover{
	filter: grayscale(0%);
	color:#cf0204;
}

#updatemodal{
	width:100%;
	margin:auto;
	
}
#updatemodal .modal-body{
border:solid 1px #c20;
box-shadow:2px 2px 1px #ddd;
border-radius:5px;
}

#cross{
	width:30px;
	height:30px;
	text-align:center;
	color:#fff;
	background:#e40;
	position:absolute;
	top:-10px;
	right:-6px;
	border-radius:50%;
	box-shadow:2px 2px 1px #c20;
	padding-top:4px;
	font-weight:600;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 2px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom:-15px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}