/** Custom Css **/


.ui.sidebar {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.ui.compact.table td {
	padding: 0.2em 0.5em !important;
}
.radio, .checkbox {
    min-height: 20px !important;
    padding-left: 0px !important;
    padding-right: 15px !important;
}
#aligner{

    display: inline-block;
    float: left;
    clear: left;
    width: 250px;
    text-align: right;

   display: inline-block;
   float: left;
}
.ui.modal {
top: 50% !important;
}
#second-modal{
position: static;
margin: 3.5rem auto!important;
}

 #jpreOverlay, #qLoverlay {    
 	background-color:#000;    
 	width:100%;    
 	height:100%;    
  	position:fixed;     
  	top:0;     
  	left:0;     
  	z-index:11; 
  	} 
 #jpreSlide {     
 	font-size:22px;     
 	font-weight:700;     
 	color:#FFF;     
 	text-align:center;     
 	width:100%; 
 	} 
 	#jpreLoader, #qLloader {     
 	width:400px;     
 	height:40px;
    position:fixed;     
    top:43%;     
    left:50%;     
    margin-left:0px;     
    margin-top: -300px; 
    border: 5px solid #a1a1a1;
    border-radius: 10px;
    padding: 5px 5px; 
    background: #dddddd;
    } 
    #jpreBar, #qLbar {     
    display: inline-block;
  	height: 1em;
  	background-color: #CCCCCC;
  	box-sizing: inherit;
    }
    #jprePercentage, #qLpercentage {     
    position: absolute;
	width: 100%;
	font-size: 1em;
	right: auto;
	left: 0;
	bottom: auto;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: none;
	margin-top: .2em;
	text-align: center;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	
	padding: 0;
	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-weight: 700;
	line-height: 1.33em;
	font-size: 1.071rem;
	text-transform: none;

    }
      .message {
	clear: both;
	color: #FF3300;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

input{
	margin-bottom: 0px !important;
}
select{
	margin-bottom: 0px !important;
}

.form-group{
	padding-top: 10px;
}