/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 13, 2016, 10:52:31 AM
    Author     : pankaj.jha
*/
.player div,
.player span,
.player img {
  webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* -webkit-backface-visibility:hidden;  */
}
.player .mcqOption {
  background: url('../assets/mcq_mrq/radio_btn.png') no-repeat;
  position: absolute;
  height: 20px;
  width: 20px;
}
.player .mrqOption {
  background: url('../assets/mcq_mrq/checkBox_btn.png') no-repeat;
  position: absolute;
  height: 20px;
  width: 20px;
}
.player .tickCross {
  background: url('../assets/mcq_mrq/tick_cross.png') no-repeat;
  position: absolute;
  height: 29px;
  width: 28px;
}
.player .Button_submit {
  -moz-box-shadow: inset 0px 39px 0px -24px #6d6d6d;
  -webkit-box-shadow: inset 0px 39px 0px -24px #6d6d6d;
  box-shadow: inset 0px 39px 0px -24px #6d6d6d;
  background-color: #b7b7b7;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  padding: 6px 15px;
  text-decoration: none;
}
.player .Button_submit:hover {
  background-color: #eb675e;
}
.player .Button_submit:active {
  position: relative;
  top: 1px;
}
.player .Button_submit:disabled {
  background-color: #aaa;
}
.player .Button_1 {
  -moz-box-shadow: inset 0px 39px 0px -24px #d7d6e4;
  -webkit-box-shadow: inset 0px 39px 0px -24px #d7d6e4;
  box-shadow: inset 0px 39px 0px -24px #d7d6e4;
  background-color: #C6C5D2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  padding: 6px 15px;
  text-decoration: none;
}
.player .Button_1_hover {
  background-color: #CFCDE9 !important;
}
.player .Button_2 {
  -moz-box-shadow: 0px 1px 0px 0px #fff6af;
  -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
  box-shadow: 0px 1px 0px 0px #fff6af;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
  background: -moz-linear-gradient(top, #565656 5%, #6d6d6d 100%);
  background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
  background-color: #ffec64;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ffaa22;
  display: inline-block;
  cursor: pointer;
  color: #333333;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffee66;
}
.player .Button_2 :hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
  background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
  background-color: #ffab23;
}
.player .removeCursor {
  cursor: default;
}
.player .addCursor {
  cursor: pointer;
}
.resultButton {
  color: #107aa9;
  text-decoration: none;
  cursor: pointer;
}
.certificateButton {
  color: #107aa9;
  text-decoration: none;
  cursor: pointer;
}
.popup1 {
  display: block;
  position: absolute;
  width: 100%;
  background: white;
  border: 1.5px solid #588cc0;
  background-clip: padding-box;
  left: -2px;
  top: -4px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
.popup1 header {
  background-color: #588cc0;
}
.popup1 .modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}
.popup1 a.close {
  position: absolute;
  top: 4px;
  right: 10px;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  font-size: 130%;
  font-weight: bold;
}
.popup1 a.close:hover {
  color: #fff;
}
.popup1 a.removeCursor {
  cursor: default;
}
.popup1 a.addCursor {
  cursor: pointer;
}
.popup1 .modal-body {
  overflow: auto;
  position: relative;
  margin: 10px 0px 0px 10px;
  overflow: hidden;
}
.popup1 footer {
  padding: .25em 1.5em;
  border-top: 1px solid green;
}
.popup1 footer h1,
.popup1 footer h2,
.popup1 footer h3,
.popup1 footer h4 {
  margin: 0;
}
.popup1 header,
.popup1 .modal-header {
  padding: 0.4em;
  background-color: #588cc0;
  background-image: -webkit-linear-gradient(top, #b3cee8, #588cc0, #588cc0);
  background-image: -moz-linear-gradient(top, #b3cee8, #588cc0, #588cc0);
  background-image: -ms-linear-gradient(top, #b3cee8, #588cc0, #588cc0);
  background-image: -o-linear-gradient(top, #b3cee8, #588cc0, #588cc0);
  background-image: linear-gradient(to bottom, #b3cee8, #588cc0, #588cc0);
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
}
.popup1 header h1,
.popup1 .modal-header h1,
.popup1 header h2,
.popup1 .modal-header h2,
.popup1 header h3,
.popup1 .modal-header h3,
.popup1 header h4,
.popup1 .modal-header h4 {
  margin: 0;
}
#canvasTemp {
  position: absolute;
  display: none;
}
#customCanvas {
  position: absolute;
}
.matchthepair_right,
.matchthepair_left {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.bgWithHeight {
  margin: 0px;
  padding: 0px;
  text-align: center;
  padding: 2px 10px 2px 10px;
}
.verticalAlignMiddle {
  vertical-align: middle;
  line-height: 30px;
  padding: 2px 2px 2px 4px;
}
.backgrounBox {
  margin: -18px -8px;
  padding: 0px 0px 14px 0px;
}
.boxShadow {
  /* -moz-box-shadow:    0 0 0.2em 0.2em  #cccccc;
      -webkit-box-shadow: 0 0 0.2em 0.2em  #cccccc;
      box-shadow:         0 0 0.2em 0.2em  #cccccc;*/
}
#dragLimit {
  /*-moz-box-shadow:    0 0 0.2em 0.2em  #cccccc;
    -webkit-box-shadow: 0 0 0.2em 0.2em  #cccccc;
     box-shadow:         0 0 0.2em 0.2em  #cccccc;  */
}
img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#dragLimit,
.btn,
.bgWithHeight {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  background-color: #ffffff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #bfbfbf;
  display: inline-block;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}
.btn {
  cursor: pointer;
  color: #666666;
  padding: 6px 20px;
  line-height: 20px;
}
.btn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
  background-color: #f6f6f6;
}
.selectedItem {
  background-color: #eb675e;
}
.deselectedItem {
  background-color: #666666;
}
.btn:active {
  position: relative;
  top: 1px;
}
.paragraph {
  display: none;
}
.loading {
  z-index: 99999;
  overflow: show;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 8px;
  height: 8px;
  position: absolute;
  margin-left: 500px;
  margin-top: 330px;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.boxShadowForButtons {
  -webkit-box-shadow: 0 0 6px 0 #C2C2C2;
  box-shadow: 0 0 6px 0 #C2C2C2;
}
/*# sourceMappingURL=templates.css.map */