/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
header {
  padding: 156px 0 100px;
}

.maincolor{
	background-color: #106b97 !important;
}

.nav-link{
	color: #fff !important;
}

section {
  padding: 150px 0;
}

section#login{
	padding:0px;
	margin-top:50px;
}
section#home{
	padding:0px;
	margin-top:120px;
}

.entry-content radio label img{
	width:80%;
}

.inputotp {
	padding: 25px;
	  padding-right: 25px;
	padding-right: 25px;
	border-radius: 10px;
	text-align: center;
	font-size: 22px;
  }

.logo-box{
	width:180px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.sendotptext {
	margin-bottom: 15px;
	text-align: center;
	color: #f2184f;
  }
.logo-box img{
	width:100%;
	margin: 0 auto;
}

.register-box{
	font-size:14px;
	margin-top: 20px;
	margin-bottom: 50px;
}

label.error{
	color:red;
	font-size:14px;
}

#result {
  z-index: 9999 !important;
  position: fixed;
  background: #fff;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: none;
  background: rgba(255, 255, 255, 0.9) /* Green background with 30% opacity */
}

#result div.row {
  position: relative;
  top: 12%;
  padding: 0 !important;
}

#result div.row::before {
  content: "\f071";
  font-family: fontawesome;
  font-size: 54px;
  text-align: center;
  width: 100%;
  color: #CC5959;
}

#result div.alert {
  position: relative;
  top: 11%; 
} 

.reset-box a{
	font-size: 14px; 
	font-weight: bold;
}

.box-tryout{
	margin-bottom: 20px;
}

.list_tryoutbox{
	color: black;
}
.list_tryoutbox:hover{
	text-decoration: none;
}

.box-tryout .card:hover{
	border: 1px solid #504f4f;
}

.session_box{
	margin-bottom:10px;
}

.box-session{
	margin-top:20px;
}

.button_buy{
	margin-top:15px;
}

.price_buy{
	font-size: 24px;
	margin-top: 10px;
	font-weight: bold;
}

.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
}

.profile-userpic{
	width: 100px;
	margin: 0 auto;
}

.profile-userpic img { 
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin-top: 30px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 14px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}

.is-countdown {
    border: unset !important;
    background-color: unset !important;
	text-align:center;
}

.countdown-row{
	clear:unset !important;
}

.entry-title img{
	width:100%;
}
.entry-content img{
	max-width:85%;
	vertical-align: top;
}

.box-price{
	margin-top: 20px;
	font-size: 22px;
	font-weight: bold;
}

.sessin-tip-progress{
	border: 1px dotted #ccc; 
	padding: 3px; 
	font-size: 14px; 
	background-color: #fff6dc;
	margin-bottom: 10px;
}

.sessin-tip-done{
	border: 1px dotted #ccc; 
	padding: 3px; 
	font-size: 14px; 
	background-color: #088a8a;
	margin-bottom: 10px;
	color:#fff;
}
.btn-answer {
    padding: 8px 15px;
    margin-bottom: 5px;
}

.answer_pos_btn {
    position: absolute;
    font-size: 11px;
    margin-top: -8px;
    margin-left: 3px;
}

.answer_pos_btn_me {
    position: absolute;
    font-size: 11px;
    margin-top: 8px;
    margin-left: 3px;
}

.done-tryout{
	float: right;
}

.text-upper{
	float:right;
	margin-top:5px;
	margin-left:5px;
}

.freebox{
	color:orange;
	font-style: italic;
}

.centerdiv{
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 10px;
}

.btn-facebook {
    color: #ffffff;
	background-color:#3b5998;
	border-color:rgba(0, 0, 0, 0.2);
}

.btn-facebook:focus,
.btn-facebook.focus {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:hover {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.connectfb{
	padding: 5px 10px;
	background:#3e80ff;
	border: 1px solid #415bc1;
	color: white;
	border-radius: 5px;
	text-align:center;
}

.exnoemail{
	font-size: 14px;
	padding: 10px;
	border: 1px dashed #ddd297;
	background:#ffffef;
}

.navbar-mobile {
	overflow: hidden;
	background-color:#fff;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	box-shadow: 0px 4px 8px #ccc; 
}

/* Links inside the navbar */
.navbar-mobile a {
	float: left;
	width:20%;
	display: block;
	color:#888;
	text-align: center;
	padding: 6px 11px;
	text-decoration: none;
	font-size: 58%;
}

.navbar-mobile a.active {
	color:#3e717f;
}

/* Change background on mouse-over */
.navbar-mobile a:hover {
  background: #ddd;
  color: black;
}

.mmicon{
	font-size: 24px;
	margin-bottom: -4px;
} 

@media screen and (min-width: 768px) { 
	.navbar-mobile{
		display:none;
	}
}
.secprof{
	margin-top: -15px;
	margin-left: -15px;
	margin-right: -15px;
	background:#e8e8e8;
	padding: 10px; 
}
.searchprof{
	margin-top: -35px;
	margin-left: -15px;
	margin-right: -15px; 
	padding: 10px; 
	background:#343a40;
}

.free_buy{
	font-size: 24px;
	margin-top: 10px;
	font-weight: bold;
	color: #166f16;
	font-style: italic;
}

.scoretitle{
	font-weight: bold;
	margin-top: 15px;

}

.scorebox{
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
	background: green;
	width: 120px;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 5px;
	font-size: 35px;
	color:white;
	margin-top: 10px;
}

.pointbox{
	padding: 5px;
	border: 1px solid #106b97;
	background: #53a9d2;
	border-radius: 5px;
	width: 80px;
	color: white;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
}

.pagination li a{
	margin: 0 2px;
}

.pointboxtitle{
	font-size: 11px;
}


.rollchoses{
	margin-top: 15px;
}

.head-scn{
	background: #dd4b39;
	padding: 10px;
	color: white;
}
.body-scn{ 
	padding: 10px; 
}

.blurnt{
	color:#ccc;
}

.mod_scn .modal-body{
	padding:0px;
}

.imgbs{
	float: left;
	max-width: 80px;
	margin-right: 20px;
	height: 100%;
	padding-top: 5px;
}

.mrboxt{
	font-weight:bold;
}

.imgbs img{
	width:100%;
}

.fmethd{
	width:100%;
	cursor: pointer;
}

.reqlog{
	font-style: italic; 
	font-size: 12px;
	color: #f27979;
}

.imgmch img{
	width: 100%;
}
.imgmch{
	width: 60px;
	padding: 3px;
	border: 1px solid #eee;
	border-radius: 3px;
	margin-right: 3px;
	display: inline-block;
}

.rbox{
	width: 20px;
	position: absolute;
	top: 5px;
	right: 30px;
}

.pricebx{
	 padding: 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #f7f7f7;
}


.lb-count{
	text-align: center; 
	font-weight: bold;
	font-size: 17px;
	color: #0b7b56;
	line-height: 26px;
}
.lb-title{
	text-align: center;
	font-weight: bold;
	font-size: 9px;
	color: #6a6a6a;
	line-height:12px;
}

.lb-box{
	padding: 3px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	background: #fff;
	cursor:pointer;
}

.lb-box:hover{
	background: #f9f9f9;
}

.lb-stat{ 
    text-align: center;
    font-size: 13px;
}

.bx-icon{
	font-size: 30px;
	float: left;
	margin-right: 10px;
}

.bx-title{ 
	vertical-align: middle;
	display: inline;
	padding-top: 14px;
}

.lb-title a{
	color:#074588;
	font-weight:bold;
}

.penyelesaianbox img{
	width:100%;
}

.akpolwanrbox {
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #fac37e;
	background: #ffead0;
	float: left;
	width: 100%;
  }

  .akpolwanrbox_icon {
	float: left;
	margin-right: 15px;
	height: 40px;
	font-size: 22px;
	color: #c6904e;
  }

  .answer_pos .radio {
	display: inline;
  }
  .answer_pos .radio label {
	cursor:pointer;
  }

  .ticketbox--ready {
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #e80054;
	border-radius: 15px;
	float: left;
	width: 100%;
	margin-top: 15px;
	background: #fff8d6;
  }

  .ticketbox--ready--icon {
	float: left;
	margin-right: 10px;
  }
  .ticketbox--ready--desc {
	font-size: 14px;
	color: #7d6800;
	line-height: normal;
  }

  .donatebox--ready {
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #e80054;
	border-radius: 15px;
	float: left;
	width: 100%;
	margin-top: -10px;
	background: #fcffef;
	cursor: pointer;
  }
  .donatebox--ready:hover {
	background: #777;
	border: 2px solid #353334;
	color: white !important;
  }

  .donatebox--btn{
	margin-top: 10px;
  }

  
  .donatebox--btn .btn{
	border-radius: 15px;
  }
  .donatebox--ready--icon {
	float: left;
	margin-right: 10px;
	margin-bottom: 80px;
  }


  .donate--note{
	color: #ed573e;
	text-align: center;
	margin: 10px;
	border: 1px dashed #ef6d58;
	padding: 10px;
	border-radius: 10px;
	line-height: normal;
	font-style: italic;
  }
  .donatebox--ready--desc {
	font-size: 14px; 
	line-height: normal;
  }

  .donatebox--title{
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.2em;
  }

  .get-apps{
	border-radius: 10px;
	overflow: hidden;
	margin-top: 10px;
  }
  
  .get-apps img{
	width: 100%;
  }