@media screen and (max-width: 769px) { 
	#loader-wrapper img{	
		text-align: center;
		margin-left: 38% !important;
		margin-top: 40%  !important;		
	}
	.agile {
		display: none !important;
	} 
	.page-container .main-content
	{		
		/*background:#e6e6e6 !important;*/
		position:unset;
	}  
	.copyright p {
		font-size: 1em;
		color: #fff;
		line-height: 1.8em;
		background: gray;
		border-radius: 5px;
	}
	
	.theadmobile {
	  background: #4d4d4d !important;
	  color: white !important;
	}
	.pmobile {
		background: #4d4d4d;
		padding: 10px;
		color: white;
		margin-top: 10px;
		border-radius: 4px;
	}
	.mobile_hide {
		display: none !important;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #555555;
		background-color: #f7f4f4;
		border: 1px solid #dddddd;
		border-bottom-color: transparent;
		cursor: default;
	}
	.sorting_asc {
		display: none !important;
	}
	.sorting {
		display: none !important;
	}
	.sorting_desc {
		display: none !important;
	}
	.mobile_show {
		display: block !important;
	}
	
	.btn-primary {
		background: #003471;
		border-color: #003471;
	}
	.btn-primary:hover {
		background: #35589c !important;
	}
	.btn-primary:focus {
		background: #35589c !important;
	}
	.custombtnsmall {
		padding-right: 16px !important;
		padding-left: 48px !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		width:112px !important;
	}
	.question-answer {
		border-bottom: 1px solid lightgray;
	}
	.question-answer-button {
		width: 100%;
		height: auto;
	}
	.question-answer-button button {
		margin-top: 3.5%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#nextbutton {
		padding-left: 20px;
		padding-right: 20px;
	}
	.examQuesBox.text li {
		padding: 0px 0px;
		line-height: 70px;
		font-size: 13px;
		color: #656f7d;
		float: left;
		width: 50%;
	}
	#timerdivmobile {
		text-align: center;
		font-size: 19px;
		color: #FEFEFE;
	}
	.box .box-header .box-title.fontColor, .fontColor {
		font-size: 18px;
	}
	.callout {
		margin: 0 0 12px 0;
		padding: 4px 25px 4px 7px;
		border-left: 5px solid #eee;
	}
	
	.question-body .lb-mark
	{
		font-size: 11px;
		font-weight: bold;
	}
	.alert {
		padding-left: 10px;
		margin-left: 0px;
		position: relative;
	}
	.alert-info {
		background-color: #f7f7f7;
		border-color: #eaf1f4;
		color: #2c7ea1;
		margin-top:4px;
	}
	.examQuesBox {
		padding-left: 0;
		margin: 0;
	}
	.skin-blue .logo {
		background-color: unset;
	}
	.examQuesBox > li > a {
		display: block;
		text-align: center;
		line-height: 24px !important;
		padding: 9px;
		margin: 3px;
		font-size: 18px;
		font-weight: 700;
		width: 55px;
		height: 46px;
	 }
	 #summary_mobile{
		 margin-top:8px;
	 }
	 .examQuesBox > li a.answered{
		margin-top: 10px;
	 }
	 .examQuesBox > li a.marked {
		margin-top: 10px;
	 }
	 .examQuesBox > li a.notanswered{
		margin-top: 10px;
	 }
	 .examQuesBox > li a.notvisited {
		margin-top: 10px;
	 }
	
	.mobile_button {
		background-color: #f0ae47;
		box-shadow: 0 2px 0 darkred;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px !important;
		color: black !important;
		margin-left: 55%;
		position: absolute;
		padding: 4px;
		border-radius: 4px;
	}
	.entypo-menu {
		font-size: 35px;
		background: #2b2648;
		border-radius: 5px;
	}
	.logoutbg
	{
		font-weight:bold;
	}
	.circular{
	  width: 50px;
	  height: 50px;
	  border-radius: 50%;
	  overflow: hidden;
	  background-color: blue;
	  display:inline-block;
	  vertical-align:middle;
	}
	.mobile_button:hover {
	  background-color: #d0b07f;
	
	}

	.mobile_button:active {
	  box-shadow: none;
	  top: 5px;
	}
    .page-body .page-container .sidebar-menu .logo-env
	{
		padding:5px 20px;
	}
	.page-container .sidebar-menu .logo-env > div.sidebar-collapse, .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu {
		margin-top:0px !important;
	}
	
	footer.main {
		font-size: 9px !important;
	}
	
.box-body {
    webkit-appearance: none;
    align-items: flex-start;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: white;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: #d2d1d1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #d2d1d1;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #d2d1d1;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #d2d1d1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: #D3D4D5 0px 1px 1px 0px inset;
    box-sizing: border-box;
    direction: ltr;
    font-family: 'Arial', 'Helvetica Neue', 'Segoe UI', 'Malgun Gothic', Meiryo, 'Microsoft JhengHei', helvetica, arial, sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 1px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    position: relative;
    text-indent: 0px;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-spacing: 0px;
	margin-bottom:10px;
    writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    zoom: 1;
}
.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.btn-space
{
  margin-right:0.5rem;
}
.card .card-body{ display: table; width: 100%; padding: 2px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

 .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }

/* -- default theme ------ */
.card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #ddd !important;
}
 
/* -- price theme ------ */
.card-price{ border-color: #d6d5d5; background-color: #fff; margin-bottom: 0px; }
.card-price > .card-heading,
.card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
.card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-price > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-price > .card-left{ padding-right: 4px; }
.card-price > .card-right{ padding-left: 4px; }
.card-price .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.card-price p:last-child{ margin-bottom: 0; }

.card-price .price{ 
  text-align: center; 
  color: #337ab7; 
  font-size: 3em; 
  text-transform: uppercase;
  line-height: 0.7em; 
  margin: 24px 0 16px;
}
.card-price .price small{ font-size: 0.4em; color: #66a5da; }
.card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
.card-price .details li{ text-align: center; margin-bottom: 8px; }
.card-price .buy-now{ text-transform: uppercase; }
.card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
.card-price table .note{ color: #666; font-size: 0.8em; }
.card-price table { margin-bottom: 0px !important; }

.btn-mobile-one {
float: right;
background-color: #003471;
background-image: -webkit-linear-gradient(283deg, rgba(255, 255, 255, 0.1) 50%, transparent 55%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), transparent);
border-radius: 6px;
box-shadow: 0 0 0 1px #163772 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 4px 0 0 #333797,0 4px 0 1px rgba(0, 0, 0, 0.4),0 4px 4px 1px rgba(0, 0, 0, 0.5);
color: white !important;
/*! display: block; */
font-family: "Lucida Grande", Arial, sans-serif;
font-size: 16px;
/*! font-weight: bold; */
height: 36px;
/*! letter-spacing: -1px; */
line-height: 36px;
/*! margin: 50px; */
position: relative;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none !important;
-webkit-transition: all .2s linear;
width: 55%;
text-align: center;
margin: auto !important;
margin-right: 20% !important;
}

.btn-mobile-one:active {
background-color: #474EDD;
top: 4px;
box-shadow: 0 0 0 1px #163772 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 0 0 0 #333797,0 0 0 1px rgba(0, 0, 0, 0.4),0 0px 8px 1px rgba(0, 0, 0, 0.5);
}

.btn-mobile-one:hover {
background-color: #5158E0;
poisiton: relative;
top: -1px;
box-shadow: 0 0 0 1px #163772 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 5px 0 0 #333797,0 5px 0 1px rgba(0, 0, 0, 0.4),0 5px 8px 1px rgba(0, 0, 0, 0.5);
}

.btn-mobile-one:active {
background-color: #474EDD;
top: 4px;
box-shadow: 0 0 0 1px #163772 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 0 0 0 #333797,0 0 0 1px rgba(0, 0, 0, 0.4),0 0px 8px 1px rgba(0, 0, 0, 0.5);
}

.form-control
{
	height:44px !important;
}

#headerhr
{
	//display:none !important;
	border-top:1px solid #cfcfcf;
}
.nav-tabs.bordered + .tab-content {
	border: 1px solid #ebebeb !important;
}
/*----Study Data------*/


/* -----------------------------------------
   Timeline
----------------------------------------- */
.timeline {
  list-style: none;
  padding-left: 0;
  position: relative;
}
.timeline:after {
  content: "";
  height: auto;
  width: 1px;
  background: #e3e3e3;
  position: absolute;
  top: 5px;
  left: 30px;
  bottom: 25px;
}
.timeline.timeline-sm:after {
  left: 12px;
}
.timeline li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
}
.timeline li:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e3e3e3;
  position: absolute;
  left: 24px;
  top: 5px;
}
.timeline li .timeline-date {
  display: inline-block;
  width: 100%;
  color: #a6a6a6;
  font-style: italic;
  font-size: 13px;
}
.timeline.timeline-icons li {
  padding-top: 7px;
}
.timeline.timeline-icons li:after {
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #e3e3e3;
  left: 14px;
  top: 0;
  z-index: 11;
}
.timeline.timeline-icons li .timeline-icon {
  position: absolute;
  left: 23.5px;
  top: 7px;
  z-index: 12;
}
.timeline.timeline-icons li .timeline-icon [class*=glyphicon] {
  top: -1px !important;
}
.timeline.timeline-icons.timeline-sm li {
  padding-left: 40px;
  margin-bottom: 10px;
}
.timeline.timeline-icons.timeline-sm li:after {
  left: -5px;
}
.timeline.timeline-icons.timeline-sm li .timeline-icon {
  left: 4.5px;
}
.timeline.timeline-advanced li {
  padding-top: 0;
}
.timeline.timeline-advanced li:after {
  background: #fff;
  border: 1px solid #29b6d8;
}
.timeline.timeline-advanced li:before {
  content: "";
  width: 52px;
  height: 52px;
  border: 10px solid #fff;
  position: absolute;
  left: 4px;
  top: -10px;
  border-radius: 50%;
  z-index: 12;
}
.timeline.timeline-advanced li .timeline-icon {
  color: #29b6d8;
}
.timeline.timeline-advanced li .timeline-date {
  width: 75px;
  position: absolute;
  right: 5px;
  top: 3px;
  text-align: right;
}
.timeline.timeline-advanced li .timeline-title {
  font-size: 17px;
  margin-bottom: 0;
  padding-top: 5px;
  font-weight: bold;
}
.timeline.timeline-advanced li .timeline-subtitle {
  display: inline-block;
  width: 100%;
  color: #a6a6a6;
}
.timeline.timeline-advanced li .timeline-content {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 70px;
}
.timeline.timeline-advanced li .timeline-content p {
  margin-bottom: 3px;
}
.timeline.timeline-advanced li .timeline-content .divider-dashed {
  padding-top: 0px;
  margin-bottom: 7px;
  width: 200px;
}
.timeline.timeline-advanced li .timeline-user {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.timeline.timeline-advanced li .timeline-user:before,
.timeline.timeline-advanced li .timeline-user:after {
  content: " ";
  display: table;
}
.timeline.timeline-advanced li .timeline-user:after {
  clear: both;
}
.timeline.timeline-advanced li .timeline-user .timeline-avatar {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px;
}
.timeline.timeline-advanced li .timeline-user .timeline-user-name {
  font-weight: bold;
  margin-bottom: 0;
}
.timeline.timeline-advanced li .timeline-user .timeline-user-subtitle {
  color: #a6a6a6;
  margin-top: -4px;
  margin-bottom: 0;
}
.timeline.timeline-advanced li .timeline-link {
  margin-left: 5px;
  display: inline-block;
}
.timeline-load-more-btn {
  margin-left: 70px;
}
.timeline-load-more-btn i {
  margin-right: 5px;
}


/* -----------------------------------------
   Dropdown
----------------------------------------- */
.dropdown-menu{
    padding:0 0 0 0;
}
a.dropdown-menu-header {
    background: #f7f9fe;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
}
.dropdown-menu > li a {
    padding: 10px 20px;
}

/* -----------------------------------------
   Badge
----------------------------------------- */

.badge{
    padding: 3px 5px 2px;
    position: absolute;
    top: 8px;
    right: 5px;
    display: inline-block;
    min-width: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
}
.badge-danger {
    background-color: #db5565;
}
.dropdown-menu {
  position: absolute;
  top: 85%;
  left: 0;
  z-index: 9999999;
  display: none;
  float: left;
  min-width: 217px !important;
  width: 300px !important;
  /*! padding: 3px 0;*/
  /*! margin: 2px 0 0; */
  list-style: none;
  font-size: 12px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
    left: -180px;
}
.tile-stats .num,
.tile-stats h3,
.tile-stats p {
  text-align:center;
  color: #ffffff;
  /*! z-index: 5; */
  /*! margin: -12px; */
  /*! padding: -17px; */
  margin-top: -15px;
}
.fa.fa-globe {
    margin-top: 2px;
}
.fa.fa-bell-o {
    margin-top: 2px;
}
.tile-stats .icon {
    position: unset;
    right: 5px;
    bottom: 5px;
}

.tile-stats .num, .tile-stats h3, .tile-stats p {
   z-index: 0;
}


}