﻿
.help #qbankContent,.help #qbankFaq {
margin-top:30px;

}

/*#qbankFaq {
    margin-left:30px;
}
@media (max-width :1280px) {
    #qbankFaq {
    margin-left:-10px;
    }
}

@media (max-width: 320px) {
    #qbankContent,#qbankFaq {
    margin-top:50px;

    }
    #qbankFaq {
    margin-left:-10px;
    }
}*/
.help .question{
	border:thin solid #e8e8e8;
	border-radius:5px;
	width:100%;
	margin:10px 0px 10px 0px;
	padding:10px 10px;
	line-height:1.5em;
   
}
.help .question:hover{background:#f8f8f8;}
    .help .question > p {
        background-image: url('/assets/media/images/plus.png');
        background-repeat: no-repeat;
        background-position: 10px 8px;
        color: #2196f3;
        margin: 0;
        padding: 5px 10px 5px 35px;
        cursor: pointer;
    }
        .help .question > p.qheader {
            background-image: url('/assets/media/images/plus.png');
            background-repeat: no-repeat;
            background-position: 10px 20px;
            color: #2196f3;
            margin: 0;
            padding: 5px 10px 5px 35px;
            cursor: pointer;
        }

/* Questions */
.help .question > p
{font-size:13pt;}
.help .answer{
	display:none;
}
.help .answer{
	color:#555;
	margin-top:10px;
}

.help .answer > p{
	margin-bottom:10px;
	padding-left:35px;
}

.last_p_element{margin-top:10px;}

.help .answer a{
	text-decoration:none;
}

.help ul{
	list-style-type:none;
	margin-top:0px !important;
}

.help .answer > ul{
	margin:0 0 -10px 60px;
	padding:0 0 15px 0;
}

.help .answer_sub_ul{margin:0 !important;}

.help .answer ul li:before{ /* arrow bullet points - affects ALL unordered lists */
	content: "";
	border-color: transparent #555;
	border-style: solid;
	border-width: 0.25em 0 0.25em 0.35em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 1em;
	position: relative;
}

/* Answers & Notes */
.help .answer > p,
.help .answer > ul,
.help .answer_sub_ul
{font-size:11pt;}



/*style for popover message box*/
.help #messagePopUpButton {
   
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: rotate(90deg);
    -moz-transform-origin: 100% 100%;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 50%;
    right:30px;
    position:fixed;
    
}
.help .glyphicon-envelope {
   
    /*transform: rotate(180deg);*/
    transform: rotate(-90deg);

}
.help #messagePopUpButton:hover, #messagePopUpButton:active, #messagePopUpButton:focus {
    color: #fff;
    border: none;
}

.help #feedbackPopover textarea {
    height:200px;
}

.help #feedbackPopover{
 position: fixed;
  top: 15%;
  right: 30px;
  /*width:  500px;*/  
  /*height: 500px;*/  
  max-width: 500px;
  max-height: 610px;
  display:none;
  padding: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}

@media (max-width: 767px) {
   
    .help #feedbackPopover {
        top:5%;
        width:300px;
        height:510px;
        overflow-y:scroll;
        overflow-x:hidden;
        /*width:  280px;*/  
        /*height: 510px;*/  
    }
    .help #feedbackPopover textarea {
        height:150px;
    }
}
/*@media (max-width: 320px) {

    .help #feedbackPopover {
        top: 0%;
    }
}*/

.help #Feedback_Error {
padding:8px;
margin:0px;

}

@media (max-width: 370px) {

.help #Feedback_Error {
    padding:0px;
    margin:0px;
}

}

.help .form-control {
    background-color: #EBEBEB;
    font-size: 12pt;
    border: none;
    box-shadow: none;
}

.help .alert-success {
width:90%;

}
