/*
-------media breakpoints-------
xs screen use : @media all and (max-width: 768px) 
sm screen use : @media all and (min-width: 768px) 
md screen use : @media all and (min-width: 992px) 
lg screen use : @media all and (min-width: 1200px) 
other example : @media all and (min-width: 768px) and (max-width: 992px)

-------common colors-------
nabtrade black : #2e2e2e
nabtrade red   : #c20000
dark red       : #62202a
grey           : #f7f7f7
light grey     : #f3f4f8
dark grey      : #e0e1e3
text color     : #4f565a

-------image path example-------
/etc/designs/bootstrap/bootstrap-managed-designs/bootstrap-nabtrade/clientlibs/img/image-file-name.png

*/ 

#nabtrade-faqs .fa.fa-search {
	visibility: hidden;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header {
	background-color: #f7f7f7;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .container {
    padding: 30px 15px 45px 15px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .searchBox {
    width: 100%;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header #faq-keyword-search-field {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    height: 60px;
    font-size: 26px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header #search-icon {
    left: 94%;
    top: 40px;
    font-size: 24px;
    position: absolute;
    cursor: pointer;
    margin: -10px 0px 0px -10px;
    z-index: 10;
    padding: 10px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .faq-categories {
    padding-top: 30px;
    color: #000;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn  {
    text-align: center;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-getting-started {
    background: url("../../bootstrap-managed-designs/bootstrap-nabtrade/clientlibs/img/faq1.png");
    width: 85px;
    height: 72px;
    cursor: pointer;
    display: inline-block;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-using-nabtrade {
    background: url("../../bootstrap-managed-designs/bootstrap-nabtrade/clientlibs/img/faq2.png");
    width: 85px;
    height: 72px;
    cursor: pointer;
    display: inline-block;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-manage-account {
	background: url("../../bootstrap-managed-designs/bootstrap-nabtrade/clientlibs/img/faq3.png");
    width: 85px;
    height: 72px;
    cursor: pointer;
    display: inline-block;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-shares {
    background: url("../../bootstrap-managed-designs/bootstrap-nabtrade/clientlibs/img/faq4.png");
    width: 85px;
    height: 72px;
    cursor: pointer;
    display: inline-block;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-cash {
    background: url("../../bootstrap-managed-designs/bootstrap-nabtrade/clientlibs/img/faq5.png");
    width: 85px;
    height: 72px;
    cursor: pointer;
    display: inline-block;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body {
	padding: 30px 0px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body blockquote {
    border-left-color: #ccc;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body .faq-answer {
    margin-top: 44px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body .faq-results h2 {
    margin-top: 0px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-results-list-in {
    padding-left: 0px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body #relatedContent {
    padding-left: 30px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-answer-solution {
    margin-top: 30px;
    background-color: #f3f4f8; 
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-answer-solution:before {
    position: relative;
    content: "";
    top: -32px;
    left: 30px;
    border-bottom: 16px solid #f3f4f8;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-answer-solution > div {
    padding-top: 0px !important;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body .faq-answer-feedback h3 {
    font-size: 20px;
}

.faq-nabtrade #nabtrade-faqs .nabtrade-faq-body .faq-answer-feedback button {
    margin-right: 10px;
}

.faq-nabtrade #nabtrade-faqs #nabtrade-faq-results,
.faq-nabtrade #nabtrade-faqs #nabtrade-faq-answer-content, 
.faq-nabtrade #nabtrade-faqs #nabtrade-faq-browse {
    border-right: #e0e1e3 1px solid;   
}
  
.faq-nabtrade #nabtrade-faqs  #nabtrade-faq-answer-content {
    padding-right: 20px;    
}
  
.faq-nabtrade #nabtrade-faqs  #nabtrade-faq-results-title {
    font-family: "Corpid", Helvetica, Arial, sans-serif;
    font-size: 25px;
    padding: 0px;
}
  
.faq-nabtrade #nabtrade-faqs  #nabtrade-faq-results-number, 
.faq-nabtrade #nabtrade-faq-keyword {
    margin-bottom: 20px;
    display: inline-block;
}
  
.faq-nabtrade #nabtrade-faqs  #nabtrade-faq-results-list, 
.faq-nabtrade #nabtrade-faq-rhs-answers  {
    padding-left: 0px;
}

.faq-nabtrade #nabtrade-faqs #nabtrade-faq-refine-results-dropdown .faq-product-dropdown-text-wrap {
    margin-right: 10px;
}

/* @screen-sm-max */

@media all and (max-width: 768px) {
	
	.faq-nabtrade #nabtrade-faqs #search-icon {
	  left: 85% !important;
	}
	
}

/* @screen-md-max */

@media all and (max-width: 992px) {
	
	.faq-nabtrade #nabtrade-faqs #nabtrade-faq-results, 
	.faq-nabtrade #nabtrade-faqs #nabtrade-faq-answer-content, 
	.faq-nabtrade #nabtrade-faqs #nabtrade-faq-browse {
	   border-right: none !important;  
	}
	
	.faq-nabtrade #nabtrade-faqs #relatedContent {
	   padding-left: 15px !important;
       padding-top: 30px;
       margin-top: 20px;
       border-top: #e0e1e3 1px solid;  
	}
	
}


/* /////////////// redesign styles ///////////////*/

.faq-redesign #nabtrade-faqs #nabtrade-faq-results-title h2,
.faq-redesign #nabtrade-faqs #nabtrade-faq-rhs-answers h2,
.faq-redesign #nabtrade-faqs #nabtrade-faq-results-list #nabtrade-faq-results-list-in h2,
.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn p {
    font-family: 'Source-Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    letter-spacing: normal;
    font-weight: normal;
}

.faq-redesign #nabtrade-faqs #nabtrade-faq-rhs-answers h2,
.faq-redesign #nabtrade-faqs #nabtrade-faq-results-title h2,
.faq-redesign #nabtrade-faqs #nabtrade-faq-results-list #nabtrade-faq-results-list-in h2 {
	font-size: 24px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .searchBox .input-group {
		width: 100%;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .searchBox .input-group-addon {
		background: #fff;
		border: none;
		width: 50px;
		
		-webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.14);
		-moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.14);
		box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.14);
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header #faq-keyword-search-field {
    display: inline-block;
    max-width: 100%;
		width: 100%;
    vertical-align: middle;
    height: 60px;
    font-size: 16px;
    padding-left: 0px;
    border: none;
    
    -webkit-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.14);
    box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.14);
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header #search-icon {
    font-size: 18px;
    cursor: pointer;
    color: #212121;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .faq-categories {
    padding-top: 30px;
    padding-bottom: 30px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn  {
    text-align: center;
    zoom: 1;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn > div {
    background-size: 60px;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn:hover,
.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn.active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn:hover p,
.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn.active p {
	text-decoration: underline;	
	font-weight: bold;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-getting-started {
    background-image: url("nabtrade-faq/img/computer-1.png");
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-using-nabtrade {
    background-image: url("nabtrade-faq/img/laptop-1.png");
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-manage-account {
    background-image: url("nabtrade-faq/img/user-2.png");
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-shares {
    background-image: url("nabtrade-faq/img/pie-chart-1.png");
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn .browse-cash {
    background-image: url("nabtrade-faq/img/money.png");
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn p {
	font-size: 16px;
	cursor: pointer;
	text-transform: lowercase;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-header .nabtrade-faq-product-btn p:first-letter {
    text-transform: capitalize;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .keyword-highlight {
    font-weight: 800;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .faq-answer-feedback h3 {
    font-size: 16px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-back-print a {
	text-decoration: none;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-back-print a:hover {
    text-decoration: underline;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-back-print a:before {
    content: "\f053";
    margin-right: 10px;
    font-family: 'FontAwesome';
    font-size: 70%;
    display: inline-block;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .faq-answer-feedback .btn {
	background-color: #c20000;
	background-image: none;
	color: #fff;
	margin-right: 5px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .faq-answer-feedback .btn:hover {
    background-color: #A20000;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-helpful-answers {
	padding-top: 20px;
	padding-bottom: 20px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .searcherror {
	background-color: #f2dede;
    color: #a94442;
    font-size: 16px;
    padding: 15px;
    margin-bottom: 22px;
    border: 1px solid #ebccd1;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-answer-solution table {
	border: 1px solid #dddddd;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-answer-solution table th,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body .nabtrade-faq-answer-solution table td {
    padding: 5px;
}
	
/*bullet point link styles*/
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-results-list-in ul,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-rhs-answers ul,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-helpful-answers ul {
	list-style: none;
	padding-left: 0px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-results-list-in ul li,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-rhs-answers ul li,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-helpful-answers ul li {
    margin: 10px 0px;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-results-list-in ul li a,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-rhs-answers ul li a,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-helpful-answers ul li a {
    text-decoration: none;
    color: #212121;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-results-list-in ul li a:hover,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-rhs-answers ul li a:hover,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-helpful-answers ul li a:hover {
    text-decoration: underline;
}

.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-results-list-in ul li a:after,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-rhs-answers ul li a:after,
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-helpful-answers ul li a:after {
    content: '\f054';
    font-family: 'FontAwesome';
    color: #212121;
    margin-left: 10px;
    font-size: 70%;
    display: inline-block;
}


/*search results*/
.faq-redesign #nabtrade-faqs .nabtrade-faq-body #nabtrade-faq-results #nabtrade-faq-results-title {
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: normal;
}

.faq-redesign #nabtrade-faqs #nabtrade-faq-refine-results .btn-group button {
	padding: 8px 20px;
	margin-right: -10px;
	
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.faq-redesign #nabtrade-faqs #nabtrade-faq-refine-results .btn-group button {
    background-color: #fff;
    color: #4c626c !important;
    border: 1px solid #a3adb2;
}

.faq-redesign #nabtrade-faqs #nabtrade-faq-refine-results .btn-group button.active {
    background-color: #000;
    color: #fff !important;
    border: 1px solid #000;
}

.faq-redesign #nabtrade-faqs #nabtrade-faq-refine-results .btn-group.open button {
    
}

.faq-redesign #nabtrade-faqs #nabtrade-faq-refine-results .btn-group button.btn .caret {
	margin-left: 5px;
}

.faq-redesign #nabtrade-faqs #nabtrade-faq-refine-results .btn-group .dropdown-menu {
    min-width: 170px;
    z-index: 10;
}

.faq-redesign #nabtrade-faqs #nabtrade-faq-refine-results .btn-group .dropdown-menu > li > a:hover{
    background-color: transparent;
}

@media all and (min-width: 992px) {
    .faq-redesign #nabtrade-faqs .nabtrade-faq-body .faq-answer {
	    padding-top: 24px;
	} 
}