.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #eaf4fc, #d6e9f8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaf4fc), to(#d6e9f8));
  background-image: -webkit-linear-gradient(top, #eaf4fc, #d6e9f8);
  background-image: -o-linear-gradient(top, #eaf4fc, #d6e9f8);
  background-image: linear-gradient(to bottom, #eaf4fc, #d6e9f8);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.dropdown-menu {
    min-width: 360px;
}
textarea {
    width: 600px
}
.askbtng {
	width: 150px;
	height: 32px;
	background-color: #91cf50;
	position: relative;
	border: 2px solid #4F6228;
    border-bottom: 1px solid #4F6228;
    text-align: left;
    color: white;
    font-weight: bold;
}
.askbtng:after, .askbtng:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}
.askbtng:after {
	border-width: 14.5px;
	border-left-color: #91cf50;
	left: 146px;
	top: -0.5px;
}
.askbtng:before {
	border-width: 16px;
	border-left-color: #4F6228;
	left: 148px;
	top: -2px;
}
.askbtng-active {
	width: 150px;
	height: 32px;
	background-color: #4F6228;
	position: relative;
	border: 2px solid #4F6228;
    border-bottom: 1px solid #4F6228;
    text-align: left;
    color: white;
    font-weight: bold;
}
.askbtng-active:after, .askbtng-active:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}
.askbtng-active:after {
	border-width: 14.5px;
	border-left-color: #4F6228;
	left: 146px;
	top: -0.5px;
}
.askbtng-active:before {
	border-width: 16px;
	border-left-color: #4F6228;
	left: 148px;
	top: -2px;
}
.askbtng-last {
    border-bottom: 2px solid #4F6228
}
.askbtnr {
	width: 150px;
	height: 32px;
	background-color: #D89593;
	position: relative;
	border: 2px solid #943735;
    border-bottom: 1px solid #943735;
    text-align: left;
    color: white;
    font-weight: bold;
}
.askbtnr:after, .askbtnr:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}
.askbtnr:after {
	border-width: 14.5px;
	border-left-color: #D89593;
	left: 146px;
	top: -0.5px;
}
.askbtnr:before {
	border-width: 16px;
	border-left-color: #943735;
	left: 148px;
	top: -2px;
}
.askbtnr-active {
	width: 150px;
	height: 32px;
	background-color: #943735;
	position: relative;
	border: 2px solid #943735;
    border-bottom: 1px solid #943735;
    text-align: left;
    color: white;
    font-weight: bold;
}
.askbtnr-active:after, .askbtnr-active:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}
.askbtnr-active:after {
	border-width: 14.5px;
	border-left-color: #943735;
	left: 146px;
	top: -0.5px;
}
.askbtnr-active:before {
	border-width: 16px;
	border-left-color: #943735;
	left: 148px;
	top: -2px;
}
.askbtnr-last {
    border-bottom: 2px solid #943735
}
.askbtnb {
	width: 150px;
	height: 32px;
	background-color: #94B2D6;
	position: relative;
	border: 2px solid #224061;
    border-bottom: 1px solid #224061;
    text-align: left;
    color: white;
    font-weight: bold;
}
.askbtnb:after, .askbtnb:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}
.askbtnb:after {
	border-width: 14.5px;
	border-left-color: #94B2D6;
	left: 146px;
	top: -0.5px;
}
.askbtnb:before {
	border-width: 16px;
	border-left-color: #224061;
	left: 148px;
	top: -2px;
}
.askbtnb-active {
	width: 150px;
	height: 32px;
	background-color: #224061;
	position: relative;
	border: 2px solid #224061;
    border-bottom: 1px solid #224061;
    text-align: left;
    color: white;
    font-weight: bold;
}
.askbtnb-active:after, .askbtnb-active:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}
.askbtnb-active:after {
	border-width: 14.5px;
	border-left-color: #224061;
	left: 146px;
	top: -0.5px;
}
.askbtnb-active:before {
	border-width: 16px;
	border-left-color: #224061;
	left: 148px;
	top: -2px;
}
.askbtnb-last {
    border-bottom: 2px solid #224061
}
.speechbub {
	width: 480px;
	height: 360px;
	background-color: #fff;
	position: relative;
    margin: 0 0 0 35px;
	border: 4px solid #888;
    text-align: left;
    color: #000;
    font-weight: bold;
    padding: 5px;
}
.speechbub:after, .speechbub:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}
.speechbub.level1:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 5px;
}
.speechbub.level1:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 9px;
}
.speechbub.level2:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 37px;
}
.speechbub.level2:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 41px;
}
.speechbub.level3:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 69px;
}
.speechbub.level3:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 73px;
}
.speechbub.level4:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 101px;
}
.speechbub.level4:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 105px;
}
.speechbub.level5:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 133px;
}
.speechbub.level5:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 137px;
}
.speechbub.level6:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 165px;
}
.speechbub.level6:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 169px;
}
.speechbub.level7:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 197px;
}
.speechbub.level7:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 201px;
}
.speechbub.level8:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 229px;
}
.speechbub.level8:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 233px;
}
.speechbub.level9:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 261px;
}
.speechbub.level9:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 265px;
}
.speechbub.level10:before {
	border-width: 20px 60px;
	border-right-color: #888;
	left: -120px;
	top: 293px;
}
.speechbub.level10:after {
	border-width: 16px 52px;
	border-right-color: #fff;
	left: -104px;
	top: 297px;
}
.messageBox-normal {
    width: 600px;
    height: 450px;

}
.messageBox-large {
    width: 800px;
    height: 600px;

}

.messageBox-maxi {
    width: 1000px;
    height: 600px;

}
.modal-body {
  position: relative;
  max-height: 500px;
  padding: 15px;
  overflow-y: auto;
}

.well-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.well-warning h4 {
  color: #c09853;
}

.well-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.well-success h4 {
  color: #468847;
}

.well-danger,
.well-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.well-danger h4,
.well-error h4 {
  color: #b94a48;
}

.well-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.well-info h4 {
  color: #3a87ad;
}

.messagebox-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.messagebox-warning h4 {
  color: #c09853;
}

.messagebox-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.messagebox-success h4 {
  color: #468847;
}

.messagebox-danger,
.messagebox-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.messagebox-danger h4,
.messagebox-error h4 {
  color: #b94a48;
}

.messagebox-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.messagebox-info h4 {
  color: #3a87ad;
}


.preCallBox {
  /*position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;*/
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}



.preCallBox.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.preCallBox.fade.in {
  top: 10%;
}

.preCallBox-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.preCallBox-header .close {
  margin-top: 2px;
}

.preCallBox-header h3 {
  margin: 0;
  line-height: 30px;
}

.preCallBox-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.preCallBox-form {
  margin-bottom: 0;
}

.preCallBox-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.preCallBox-footer:before,
.preCallBox-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.preCallBox-footer:after {
  clear: both;
}

.preCallBox-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.preCallBox-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.preCallBox-footer .btn-block + .btn-block {
  margin-left: 0;
}

.preCallBox-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.preCallBox-warning h4 {
  color: #c09853;
}

.preCallBox-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.preCallBox-success h4 {
  color: #468847;
}

.preCallBox-danger,
.preCallBox-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.preCallBox-danger h4,
.preCallBox-error h4 {
  color: #b94a48;
}

.preCallBox-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.preCallBox-info h4 {
  color: #3a87ad;
}

.th-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.th-warning {
    color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;  
}

.validationMessage { color: #b94a48; }
.customMessage { color: #c09853; }

.askBox {
    width: 800px;
    height: 600px;
    background-color: white;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    min-width: 300px;
    padding: 6px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto;
}

.askheader{
    position: absolute;
    height: 60px;
    left:0;
    top:0;
    width: 95%;
    padding: 6px 6px 6px 6px;
}

.askbody{
    height: 480px;
    position: absolute;
    top: 60px;
    overflow: auto;
    padding: 6px;
    width: 95%;
}

.askfooter{
    height:60px;
    position: absolute;
    left: 0;
    bottom: 0; 
    padding: 6px 6px 6px 6px;
    width: 95%;
}

.well-scrolly {
    overflow-y: auto;
    height: 90%;
    width: 90%
}



.well-tiny {
  padding: 3px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
#toast-container > .toast {
    background-image: none !important;
}
#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}        
#toast-container > .toast-thumbsDown:before {
    content: "\f165";
}
#toast-container > .toast-thumbsUp:before {
    content: "\f164";
}
#toast-container > .toast-warning:before {
    content: "\f003";
}
#toast-container > .toast-error:before {
    content: "\f001";
}
#toast-container > .toast-info:before {
    content: "\f005";
}
#toast-container > .toast-success:before {
    content: "\f002";
}
.toast-thumbsUp {
  background-color: #51a351;
}
.toast-thumbsDown {
  background-color: #bd362f;
}
#qTab > li >a{
    color:black;
}
#qTab > li {
  color:white;
  display: inline-block;
  position:relative;
  z-index: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
  
  margin: 0 -5px;
  padding: 0 30px;
}
#qTab > li:nth-child(1) {
    background-color: #428bca;
}
#qTab > li:nth-child(2) {
    background: #ad96ad;
   
}
#qTab > li:nth-child(3) {
    background-color: #51a351;
}
#qTab > li:nth-child(4) {
    background-color: #FC9A30;
}
#qTab > li:nth-child(5) {
    background-color: #8DE880;
}
#qTab > li:nth-child(6) {
    background-color: #FF9156;
}
#qTab > li:nth-child(7) {
    background-color: #635A68;
}
#qTab > li:nth-child(8) {
    background-color: #C1A7C1;
}
#qTab > li:nth-child(9) {
    background-color: #E17634;
}
#qTab > li:nth-child(10) {
    background-color: #22B3CE;

}
.DLSEh1 {
background-color: green;
color: white;
font-size: 16px;
}
.qNo {
background-color: green;
color: white;
font-size: 12px;
}

.dlheSections {
background-color: #5BC40A;
color: #198c19;
font-size: 14px;
line-height: 14px;
}
.QA {
    background-color: lightsteelblue;
    color:black;
    font-size:14px;
}
.Qinfo {
   
    color: green;
    word-spacing:5px;
    font-size:15px;
    font-weight:600;
}
.progress {
    border-radius:2px;
    height:30px;
}
.panel {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background-color: #5BC40A;
  border-radius: 4px;
  border-color: green;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;      
  background-color: #5BC40A;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-body {
  height:300px;
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 14.5px;
  font-weight: 500;      
  background-color: #f1f1f1;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-bottom: -13px;
}
.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #1e1e1e;
  background-color: #5BC40A;
  border-color: #bce8f1;
}

#DLSE .container-fluid {
    width:750px;
}

.answer {
color:blue;
}
#RvwDLSE .sections{
    width: 300px;
    height: 150px;
    border: 1px solid blue;
    box-sizing: border-box;
}

.btn-disabled {
    background-color:lightgrey;
}
.textIndent {
    text-indent:30px;
}

/*Braintree css*/
body {
  background-color: #fff;
}

.panel {
  width: 80%;
  margin: 2em auto;
}

.bootstrap-basic {
  background: white;
}

.panel-body {
  width: 90%;
  margin: 2em auto;
}

.helper-text {
  color: #8A6D3B;
  font-size: 12px;
  margin-top: 5px;
  height: 12px;
  display: block;
}

/* Braintree Hosted Fields styling classes*/
.braintree-hosted-fields-focused { 
  border: 1px solid #0275d8;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.braintree-hosted-fields-focused.focused-invalid {
  border: 1px solid #ebcccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,100,0,.6);
}

@media (max-width: 670px) {
  .form-group {
    width: 100%;
  }
  
  .btn {
    white-space: normal;
  }
}