/**Symbiotic Issue Tracking CSS*/

html {position: relative; min-height: 100%;}
body {background: #e9e9e9;color: #838383; font-family:"sans-serif",arial; font-size:12px; margin-bottom: 162px;}
.mrgtop15{margin-top:15px;}
/*Top Nav Bar Custom CSS*/

.navbar-default{background:#2aa9e5 !important;padding:0px 0px;padding:0px 0px;border:none !important; box-shadow:none !important;}
.navbar-brand{color:#fff !important; font-size: 20px;position:relative;top:-29px;}
.navbar-default .navbar-nav > li > a {color:#fff !important;}
.navbar-default .navbar-nav > li > a:hover {color:#fff !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background: none !important;color: #555555;}
.navbar{border-radius:0px !important; margin-bottom: 20px; padding-top:30px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #fff !important;color: #000928  !important; border-radius: 5px 5px 0px 0px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000 !important;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ccc !important;}

.navbar-default .navbar-nav > .active > a{background:#f4f4f4 !important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #fff !important;color: #262626;text-decoration: none;}

.login {background:#1493d1;border-radius:20px;}
.login a{font-size:16px;}
.navbar-nav > li > a{padding:10px 30px;}
.nav{position:relative;top:-15px;}

.container-inner{padding:10px 5px;margin-bottom:25px; box-shadow:0px 0px 25px #ccc; background: #fff url("../images/bg.jpg") no-repeat top center;}


.question_container-inner{padding:10px 5px;margin-bottom:25px; box-shadow:0px 0px 25px #ccc; background: #fff url("../images/question_pattern_bg.jpg") repeat top center;}

header{background: url("../images/topbg.jpg") no-repeat top center;}


.custom-scroll{margin:0px;padding:0px; }
.custom-scroll ul{margin:0px;padding:0px; list-style-type:none;}
.custom-scroll ul li{margin:0px;padding:10px 0px; color:#fff;}
.custom-scroll ul li h4{padding:4px 0px;}
.custom-scroll .color01{background:#ffbf37;}
.custom-scroll .color02{background:#948e50;}
.custom-scroll .color03{background:#81bef7;}
.custom-scroll .color04{background:#658092;}

.leftmenu{
height:479px;
    bottom: 0; 
    left: 0;
    overflow-x: auto;
    overflow-y: scroll; 
    /*position: fixed;*/
    right: 0;
    top: 0;
    z-index: 1040;
}
.btn-big{padding:15px 16px !important; border-radius: 0px !important; font-size:24px !important; font-weight:300; margin-top:10px;}

/*Question and answer*/
.qa_panelbg{padding:10px 10px; min-height:450px;}
 .question-method{background:#a6875f;padding:10px 0px;color:#fff;} 
 /*
.item {margin-bottom: 1px; color:#fff;font-size:14px;}
.item label {background-color: #3eb4e4 ; display:block; padding:10px 15px; cursor:pointer;}
.item label:hover {background-color: #1b87b2;}
.icon{margin-left: 12px; margin-top: -17px !important; position: relative;top: 50%;}
.icon {background-image: url("../images/adapt-sprite-sheet-24.png");background-repeat: no-repeat;display: block;font-size: 24px;height: 24px;width: 24px;}
.icon.radio {background-position: -192px -48px;}
.item label h5 {color: #ffffff;font-size: 16px;font-weight: 300;}
.state {float: left;height: 48px;width: 48px;}
.item label h5 {color: #ffffff;font-size: 16px;font-weight: 300;}
.item label {border: medium none;margin-bottom: 0;}
.item .selected .icon.radio {background-position: -192px -144px;}
.title {background:#ffba00;border-bottom: 1px solid #d6d6d6; color:#000;}
.title h4 {padding: 5px 20px;font-size:18px;line-height:26px;}
.question-method h3{font-weight:300; font-size:32px;padding:0px 20px;}
.question-bg{background:#fff;}
.question-bg .footer{margin:10px 0px;}
*/


/*Question method*/

.question_heading {background:#ffba00;color:#412c06 !important;}
.question_heading h4{padding:3px 20px; line-height:26px;}.optionpart{background:#1a1a1a; padding:10px 15px; text-align:left;}
.result_strip{background:#666666;padding:9px 20px;color:#fff;}
.result_submit_strip{background:#0f65b2; padding:6px; color:#fff; text-align:center;}
.result_submit_strip  button.btn{padding:12px 15px;font-size:14px; font-weight:bold;}

[type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}

/* One radio button per line */
.optionpart label {
  display: block;
  cursor: pointer;
  line-height: 40px;
  font-size: 20px;
  margin:15px 0px;
  color:#fff;
}

[type="radio"] + span {
  display: block;
}

/* the basic, unchecked style */
[type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.55em;
  border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-right: 1.05em;
  transition: 0.5s ease all;
}

/* the checked style using the :checked pseudo class */
[type="radio"]:checked + span:before {
  background: green;
  box-shadow: 0 0 0 0.25em #000;
}

/* never forget focus styling */
[type="radio"]:focus + span:after {
  content: '\0020\2190';
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}
/*********Fill in the blanks ********/

 #fill_blank .form-control{font-size:22px;font-weight:normal; padding:3px 35px 0px 25px !important; background-color:#383838;  color:#cccccc; box-shadow:none !important; border-bottom:2px dashed #0355ad !important; border-top:transparent;  border-left:transparent !important;  border-right:transparent !important; }
	  .tick{color:#41c651;}
	  .times{color:#ff0000;}
		select {
		padding:3px;
		margin: 0;		
		border-radius:0px !important;
		/*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
		-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
		box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
		background: #1f75c2;
		color:#fff;
		border:none;
		outline:none;
		display: inline-block;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		cursor:pointer;
	}
	  #fill_blank label {position:relative}
	 #fill_blank label:after {
		content:'\f040';
		font:30px "FontAwesome", monospace;
		color:#299aff;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(120deg);
		-ms-transform:rotate(90deg);
		transform:rotate(10deg);
		right:0px; top:0px;
		padding:0 0 2px;
		/*border-bottom:1px solid #ddd;*/
		position:absolute;
		pointer-events:none;
	}
	 #fill_blank label:before {
		content:'';
		right:0px; top:0px;
		width:30px; height:34px;
		background:#1f75c2;
		position:absolute;
		pointer-events:none;
		display:block;
	}
	
	.font18{color:#fff;font-family: 'Helvetica Neue', Helvetica, Arial; font-size:20px; line-height:43px;}
	.font20{color:#333;font-family: 'Helvetica Neue', Helvetica, Arial; font-size:22px; line-height:40px;}

	.pad15{padding:15px;}
	select option { background: #1f75c2 !important;color:#fff;}
	
	
	
	
		
	/********* drop down select********/
  #dropdown .form-control{font-size:22px;font-weight:normal; padding:3px 35px 0px 25px !important; background-color:#383838; border:1px solid #383838 !important; color:#cccccc; box-shadow:none !important;}
	  .tick{color:#41c651;}
	  .times{color:#ff0000;}
	  
	select {
		padding:3px;
		margin: 0;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		/*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
		-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
		box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
		background: #1f75c2;
		color:#fff;
		border:none;
		outline:none;
		display: inline-block;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		cursor:pointer;
	}
	   #dropdown label {position:relative}
	  #dropdown label:after {
		content:'\f0d7';
		font:40px "FontAwesome", monospace;
		color:#fff;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(120deg);
		-ms-transform:rotate(90deg);
		transform:rotate(-45deg);
		right:0px; top:0px;
		padding:0 0 2px;
		/*border-bottom:1px solid #ddd;*/
		position:absolute;
		pointer-events:none;
	}
	  #dropdown label:before {
		content:'';
		right:0px; top:0px;
		width:30px; height:34px;
		background:#1f75c2;
		position:absolute;
		pointer-events:none;
		display:block;
	}
	
	/*Drag and Drop*/
	#drag img
        {
            height: 125px;
            width: 125px;
            margin: 15px 6px;
			border:2px solid #fff;
        }
        .draggable
        {
            filter: alpha(opacity=60);
            opacity: 0.6;
        }
        .dropped
        {
            position: static !important;
        }
		
        #dvSource
			{           
            padding: 5px 0px;			
            min-height: 350px;
			font-size:16px;
			margin:2px 0px 0px 0px;
			text-align:center; 
			background:#401c23;			
        }
		
	 #dvDest
			{
            padding: 5px 0px;
			margin:2px 0px 0px 0px;			
            min-height: 350px;
			font-size:16px;
			text-align:center; 
			background:#162634;	 
				
        }
		#dvDest1
			{
             padding: 5px 0px;
			margin:2px 0px 0px 0px;			 
            min-height: 350px;
			font-size:16px;
			text-align:center; 
			background:#192a24;
				z-index:250;			
        }
		
	
/*Cursor*/
.hand_cursor{text-align:center; background:#725d41; padding:8px 0px;}
.fill_cursor{text-align:center; background:#007071; padding:8px 0px;}
.dropdown_cursor{text-align:center; background:#54202c; padding:8px 0px;}
.drag_cursor{text-align:center; background:#391974; padding:8px 0px;}
.match_cursor{text-align:center; background:#02325f; padding:8px 0px;}


/*template 01*/
#question-list p{padding:8px 15px;font-size:18px; color:#fff;}
#question-list p i{margin-right:15px;color:#ff5e00;}
.qa_panelbg h4{font-size:22px; color:#fff;margin-bottom:15px;}


.question_cursor{text-align:center; background:#bd8900;  line-height: 25px;    padding: 2px 20px;}

/*Footer*/
.footer {background: url(../images/footer.png); position: absolute; bottom: 0; height:160px; width: 100%;}
.container .text-muted {margin: 20px 0; text-align:center; color:#333 !important;}
.signfooter{background:#000928 !important; color:#7f9fda !important;}
.signfooter .text-muted{color:#7f9fda !important;}


/*Media queries */
@media (max-width:480px){
.question-method h3{font-size:22px !important; text-align:center;}
.title h4{font-size:18px !important; padding:10px 15px !important; line-height:24px !important;}
.item label h5{font-size:14px !important;}
.hand_cursor,.question_cursor, .fill_cursor,.dropdown_cursor, .drag_cursor{display:none;}


#question-list p{padding:8px 10px;font-size:14px !important; color:#fff;}
#question-list p i{margin-right:15px;color:#ff5e00;}
.qa_panelbg h4{font-size:16px !important; color:#fff;margin-bottom:15px;}
.qa_panelbg h3{font-size:16px !important;font-weight:bold;}

}