body {
	background: #555555 !important;
	font-family: 'Ubuntu', sans-serif;
}

header {
	background: #fff;
}

.navbar-default {
	background: none;
	border: none;
}

.red-bordered-dropdown {
	background-color: white;
	border-bottom: 4px red solid !important;
	margin-left: 4px;
}

.navbar {
	margin-bottom: 0px;
}

.dropdown-menu {
	margin-top: 4px !important;
}

.navbar-below-section {
	background: #1466b2;
}

.navbar-below-section h3 {
	color: #fff;
}

.color-light-blue {
	color: #9fc2e0;
}

.content-box {
	background: #fff;
	padding: 10px;
}

.content-box-gray {
	background: #414143;
	padding: 10px;
}

.main-content h2 {
	color: #fff;
}

.main-content h2::before {
	content: "  ";
}

.content-box .form-group {
	border: 1px solid #d6d6d6;
	padding: 10px;
}

.question-section p {
	font-weight: bold;
}

.question-section p .service {
	color: #094673;
}

.timer {
    border-right: 1px solid #cacaca;
    font-size: 24px;
    line-height: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.timer span {
	color: #094673;
	font-size: 10px;
}

.timer-no-border {
	border: none !important
}

        #resizer {left: 20px;top: 100px; overflow: hidden; -moz-transform-origin: 0 0;-o-transform-origin: 0 0;-webkit-transform-origin: 0 0; -ms-transform-origin: 0 0;}


  	 canvas{position:absolute;}
        pre{position:absolute;margin:0px;letter-spacing:-0.04px;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;background: none;border: none;	    
}
		
#contentHolderOuter {
    float: left;
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
        #loadingImg{height:100%;width:100%;display:block;}
		#loadingImg div {
			left: 45%;
			top: 55%;
			width: 50px;
			height: 50px;
			margin: -25px 0 0 -25px;
			border-radius: 4px;
			background-color: rgba(255,255,255,.8);
			opacity: 0.8;
			position: absolute;
		}
		
		#contentHolder div, #contentHolder iframe {
    position: absolute;
}

 #inImg{height:80%;width:80%;margin:10%;}
 
 #contentHolder img{position:absolute;width:100%;height:100%;left:0px;top:0px;}
 input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#sw_start {
    background: #1466b2;
    border: none;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 5px;
    margin-bottom: 10px;
}
  
 #sw_stop
 {
    background: #de0202;
    border: none;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
  }
  
.trackingTable {
    float: left;
    width: 100%;
    height: 388px;
    overflow: auto;
    margin-bottom: 20px;
}
  
  .trackingTable .form-group
  {
	  float:left;
	  width:100%;
  }
  
  .trackingTable table
  {
	  float:left;
	  width:100%;
  }
 
   .trackingTable table tr
  {
	  float:left;
	  width:100%;
  }
  
   .trackingTable table tr th
  {
	background:#1466b2;
	color:#fff;
	padding:5px 0px;
  }
  
.trackingTable table tr th.counter, .trackingTable table tr td.counter {
    width: 15%;
    float: left;
    padding-left: 6px;
	padding:5px;
}
  
.trackingTable table tr th.slide, .trackingTable table tr td.slide {
    width: 50%;
    float: left;
    padding-left: 10px;
	padding:5px ;
}
  
.trackingTable table tr th.time, .trackingTable table tr td.time {
    width: 35%;
    float: left;
    padding-left: 10px;
	padding:5px ;
}

#btnNext {
    background: #1466b2;
    border: none;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 5px;
    margin-bottom: 10px;
}

#btnPrev {
    background: #de0202;
    border: none;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
}

.activatePoll {
    background: #1466b2;
    border: none;
    padding: 4px 10px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}

.poll-box {
    background: #fff;
    padding: 10px;
    height: 230px;
    float: left;
    width: 100%;
    overflow-y: auto;
    margin-bottom: 20px;
}

.pollAction {
    padding: 4px 0px;
    font-size: 11px;
    margin-right: 5px;
}

.pollDisplay {
    font-size: 11px;
    padding: 4px 0px;
}

#presnterQuestionSorter {
    overflow: hidden;
    max-height: 235px;
    overflow-y: scroll;
    width: 99%;
    min-height: 50px;
}

/*****LOGIN PAGE STYLE****/


.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form .button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #1466b2;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form .button:hover,.form button:active,.form button:focus {
  background: #de0202;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.form .register-form {
  display: none;
}
.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}

.infoMessage {
    padding: 5px;
    text-align: left;
    font-size: 14px;
    background: lavenderblush;
    margin-bottom: 15px;
}
.navbar-brand{      
    height: auto !important;
    max-height: 140px !important;
    }
@import url(https://fonts.googleapis.com/css?family=Roboto:300);