body{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* Internet Explorer/Edge */
user-select: none;           /* Non-prefixed version, currently supported by any browser but < IE9 */
}

.navbar-toggler {
	padding: 0;
	border-width: 0;
}

.navbar-scrolled {
	background-color:#fff !important;
	box-shadow: 0px 15px 10px -15px #111;
}

.tab{
  cursor: pointer;
}
.badge{
  font-size: 110%;
}
.imgboxdisplaynon{
  display:none;
}

a > .img-fluid{
  height: 150px;
}
.mcqChoise,.msqChoise{
  cursor:pointer;
  margin-bottom: 20px;
  padding: 10px
}
.selected {
    background-color: inherit;
    color: inherit;
    box-shadow: 0 0 0 4px rgb(4, 130, 255,0.7) inset;
}
.correctAnswer {
    background-color: inherit;
    color: inherit;
    box-shadow: 0 0 0 4px rgb(40, 167, 69) inset;
}
.wrongAnswer {
    background-color: inherit;
    color: inherit;
    box-shadow: 0 0 0 4px rgb(220, 53, 69) inset;
}
.mcqChoise.list-group-item+.list-group-item,
.msqChoise.list-group-item+.list-group-item {
    border-top-width: 1px;
}

#pagination-container{
margin: 0 auto;
}

.login-content {
	max-width: 350px;
	margin: 1rem auto;
    border-radius: 1rem;
}

.login-header {
    padding: 0.5rem 1.5rem 0;
}

.login-form {
	background: #ffffff;
	padding: 2rem;
	border-radius: 1rem;
}

.login-form .btn {
    width: 100%;
    text-transform: uppercase;
}

.login-form label {
    text-transform: uppercase;
    display: block;
}

.login-form label a {
    color: #ff2e44;
}


.login-form .nav-tabs .nav-item.show .nav-link, .login-form .nav-tabs .nav-link.active {
    color: var(--primary);
    background-color: transparent;
    border-color: transparent transparent var(--primary);
    border-bottom: 4px solid !important;
    font-weight: bold;
}
.login-form .nav-tabs .nav-link {
    background-color: transparent;
    border-width: 0;
}

.login-form button:focus {
    outline: none;
    box-shadow: none;
}



.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.foot-lnk{
	text-align:center;
}


@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered,
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}
.input-holder::placeholder {
  /*color: light;*/
  opacity: 1; /* Firefox */
}

.boxshadow
{
	position: fixed;
	bottom: 0;
  left:0;
  right:0;
  border-radius: 25px 25px 0 0;
	padding: 18px;
	z-index: 10;
	opacity: 0.95;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.boxshadow:after
{
	right:10px;
    left:auto;
	position: sticky;
	top: 0;
	padding: 18px;
	z-index: 010;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.nodisplay{
  display: none;
}
.choisesImage{
  height: 200px;
  height: 200px;
}

.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-image: url('../../../style/images/loading.gif');
   background-repeat: no-repeat;
   background-color: #FFF;
   background-position: center;
}