/* CSS Document */
body{
  height:100%;
  background-color:#045E7F;
/*  padding-top:50px;"*/
}
.compact {
   padding: 5px;
}
.nq-grad {
    background: rgb(64,190,213); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgb(12,132,171), rgb(64,190,213)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(12,132,171), rgb(64,190,213)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(12,132,171), rgb(64,190,213)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(12,132,171), rgb(64,190,213)); /* Standard syntax */
}
.btn-nq{
    background: rgb(64,190,213); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgb(12,132,171), rgb(64,190,213)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(12,132,171), rgb(64,190,213)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(12,132,171), rgb(64,190,213)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(12,132,171), rgb(64,190,213)); /* Standard syntax */
}

body {
    font-family: 'Lato';
}
*,
**:before,
**:after{
  box-sizing:inherit;
 }
.footer {

    height:15px; // Replace with the height your footer should be
    width: 100%; // Don't change
    background-attachment: scroll;
    background-color:rgba(4, 94, 127, 0.3);
    background-position: 0% 0%;
    position: fixed;
    bottom: 0pt;
    left: 0pt;
    font-size: 9pt;
}

.fa-btn {
    margin-right: 6px;
}
.btn-nq{

}
html {
  font-size: 14px;
}

@media (max-width:767px) {
  html {
    font-size: 14px;
  }
  .navbar {
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
  }
  .mobile-no-container {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right:0px;
  }

  .mobile-no-container::after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (min-width:768px) {
  html {
    font-size: 14px;
  }
  .navbar {
    position: relative;
    padding: 0.5rem 1rem;
  }

  .mobile-no-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-no-container::after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (min-width:992px) {
  html {
    font-size: 14px;
  }
  .navbar {
    position: relative;
    padding: 0.5rem 1rem;
  }

  .mobile-no-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-no-container::after {
    content: "";
    display: table;
    clear: both;
  }
}



.m-a-05 {
  margin: 0.5rem 0.5rem !important;
}

.m-t-05 {
  margin-top: 0.5rem !important;
}

.m-r-05 {
  margin-right: 0.5rem !important;
}

.m-b-05 {
  margin-bottom: 0.5rem !important;
}

.m-l-05 {
  margin-left: 0.5rem !important;
}

.m-x-05 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.m-y-05 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.p-a-05 {
  padding: 0.5rem 0.5rem !important;
}

.p-t-05 {
  padding-top: 0.5rem !important;
}

.p-r-05 {
  padding-right: 0.5rem !important;
}

.p-b-05 {
  padding-bottom: 0.5rem !important;
}

.p-l-05 {
  padding-left: 0.5rem !important;
}

.p-x-05 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.p-y-05 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}


input[type="submit"].btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.answer-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0px;
  background-color: #fff;
  border: 1px solid #ddd;
  line-height: 1.3;
  cursor:pointer;
}

.list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card > .list-group:first-child .answer-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.card > .list-group:last-child .answer-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.correct{
    background-color: rgba(0,255,0,0.3);
}

.wrong{
    background-color: rgba(255,0,0,.3);
}
.loader {
  BACKGROUND:url("/img/ajax-loader.gif") no-repeat scroll center center ;
  position:absolute;
  height:100%;
  width:100%;
  position: fixed;
	z-index: 9999;
}