/*Magento 2 FAQ*/

.page-main { width:100%; }

.page-title-wrapper .page-title { width:100%; }

.page-title-wrapper .page-title {}

h1 { width:100%; font-family:'Open Sans', sans-serif; font-size:40px; font-weight:300; color:#333; }

.columns { box-sizing: border-box; /*display: flex; flex-wrap: wrap;*/ padding-top:30px; }

.column.main { float: left; order: 1; width:75.1667%; }

.faq_block { width:100%; padding:0px; padding-bottom:0px; margin-bottom:50px; border-top:#f5f6f2 1px solid; }

.faq_block .banner { width:100%; padding:20px 0 }

.faq_block .banner img { max-width:100%; height:auto; }

.faq_block h2 { background:#fff; padding:10px 10px; font-family:'Open Sans', sans-serif; font-size:22px; font-weight:400; color:#26a9e0; }

.faq_block h2 a { color:#26a9e0; }

/*.faq_block ul { background:#f9faf7; list-style:none; margin:0px; padding:20px; padding-bottom:10px; }*/

.faq_block ul li .accordion-toggle { clear:both; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:600; color:#333; line-height:24px; padding:7px 30px 0;  }

.faq_block ul li .ui-state-active { background:url(minus-icon.png) no-repeat 0px 12px; }

div[aria-expanded = "false"] .accordion-toggle {background:url(plus-icon.png) no-repeat 0px 12px;}
div[aria-expanded = "true"] .accordion-toggle {background:url(minus-icon.png) no-repeat 0px 12px;}


.faq_block ul li .accordion-content { padding:0 30px; }

.faq_block ul li:last-child { padding-bottom:0px; }

/*.faq_block ul li span { background:#26a9e0; padding:6px; color:#fff; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:600; }*/

.faq_block ul li p { clear:both; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#5a5a5a; padding:6px 0; line-height:22px; }

.faq_block ul li p a { font-weight:700; }

.faq_block div.read_more { padding:3px 0; background:#fff; text-align:center; font-size:13px; font-weight:300; color:#26a9e0; text-transform:uppercase; margin-top:30px; }

.faq_block div.read_more a { display:block; text-decoration: none; cursor: pointer; color: #5a5a5a; }

.faq_block div.read_more a span { font-size:13px; padding:0 3px; }

.faq_block div.read_more a:hover { color: #26a9e0; }

.rate-success { background: url("success.gif") no-repeat scroll left center; padding-left: 26px; margin-left: 10px; font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; color:green; line-height:40px; }

.rate-fail { padding-left: 54px; font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; color:red; line-height:35px; }



/*Right SideBar*/

.sidebar {  width: 21.8333%; float: right; order: 2; }
 
.sidebar .block-faq .block-title strong { font-family:'Open Sans', sans-serif; font-size: 18px;font-weight:400; color:#333; }

.sidebar .block-faq { width:100%; padding:20px 0; border-bottom:#f5f6f2 1px solid; }

.sidebar .block-faq p { font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; padding:10px 0; color:#7e7e7e; }

.sidebar .block-faq ul { list-style:none; padding:0px; margin:0px; }

.sidebar .block-faq ul li a { font-family:'Open Sans', sans-serif; font-size:14px; color:#26a9e0; line-height:24px; }

.sidebar .block-faq ul li a:hover { color:#333; }

.sidebar .block-faq ul.tags { list-style:none; padding:0px; margin:10px 0; }

.sidebar .block-faq ul.tags li { margin: 0; padding:4px 0; display:inline-block; }

.sidebar .block-faq ul.tags li a { text-decoration: none; background:#e4edf4; padding:3px 5px; font-family:'Open Sans', sans-serif; font-size:13px; color:#2e5675; line-height:24px; }

.sidebar .block-faq ul.tags li a:hover { color:#333; cursor: pointer; }

.sidebar .block-faq #faqssearch { width:99%; background:#fff;  border:#cacbc4 1px solid; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#5a5a5a; padding:8px 0; text-indent:8px; margin-top:15px; }

.sidebar .block-faq .form-button {  line-height: 2rem; background:#26a9e0; border:0; border-radius:2px; padding:6px 12px; margin-top:10px; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; color:#fff; text-transform:uppercase; }

.sidebar .block-faq td { padding: 0;}
/*Search style sheet*/

.faq_search { width:100%; background:#f5f6f2; padding:40px 0; margin-top:20px; margin-bottom:20px; }

.faq_search .inner_container { max-width:900px; margin:0 auto; text-align:center }

.faq_search .inner_container h2 { font-family:'Open Sans', sans-serif; font-size:22px; font-weight:300; color:#333; }

.faq_search .inner_container ul { list-style:none; text-align:center; padding:0px; margin:0px }

.faq_search .inner_container ul li { display:inline-block; vertical-align:top; margin:0 2px }

.faq_search .inner_container ul li.text_field { width:50%; background:#fff; border:#cacbc4 1px solid; border-radius:2px; padding:10px 13px; margin-top:18px; }

.faq_search .inner_container ul li.text_field .field { width:100%; background:none; border:0px; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#5a5a5a; }

.faq_search .inner_container ul li .btn { background:#26a9e0; border:0; border-radius:2px; padding:11px 15px; padding-bottom:10px; margin-top:18px; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:600; color:#fff; }

.faq_block ul li .add_thread1 { margin:30px 40px; margin-right:0px; /*background:#f6f6f6;*/ border:#eee 1px solid; border-left: #eee 2px solid; padding:20px; box-sizing: border-box; }

.faq_block ul li .add_thread2 { margin:30px 80px; margin-right:0px; /*background:#f6f6f6;*/ border:#eee 1px solid; border-left: #eee 2px solid; padding:20px; box-sizing: border-box; }

.sort_by { width:auto; padding:15px; box-sizing: border-box; background:#f6f6f6; text-align:left; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#5a5a5a; line-height:24px; }

.sort_by select { padding:5px; border:#ccc 1px solid; width:15%; }

.faq_block ul li .answered_by { background:#f6f6f6; padding:10px 15px; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#818181; line-height:22px; margin:10px 0 }
.faq_block ul li .add_answer { width:100%; padding:20px 0 }
.add_question {background: #26a9e0;
    border: #26a9e0 1px solid;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    float: right;
    text-align: right;
    margin-top: 40px;}
.faq_block ul li .add_answer a { padding:10px 18px;/* background:#f9f9f9;*/ border:#eeeeee 1px solid; border-bottom: #eee 2px solid; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#26a9e0; text-transform:uppercase; }


@media (min-width: 200px) and (max-width: 700px) {

 h1 { font-size:28px; }
 
 .faq_search .inner_container ul li.text_field { width:80%; }
 
 .column.main { float: none; order: 1; width:100%; }
 
 .sidebar {  width:100%; float: none; order: 2; }

 .sidebar .block-faq #faqssearch { width:80%; }
}

.br-theme-css-stars { padding:6px 0; }

.progress-loader { background: url("loader.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 20px;
                    padding-left: 20px; }
.progress-loader2 { background: url("loader.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 20px;
                    padding-left: 20px; }
.faq_block ul li .add_thread1 { margin:30px 10px; margin-right:0px; /*background:#f6f6f6;*/ border:#eee 1px solid;  padding:20px; box-sizing: border-box; }

.faq_block ul li .add_thread2 { margin:30px 20px; margin-right:0px; /*background:#f6f6f6;*/ border:#eee 1px solid; padding:20px; box-sizing: border-box; }
.like-loader { background: url("loader.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 20px;
                    padding-left: 20px; }
.sortbyasc {background: url("asc_arrow.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 10px;
                    padding-left: 20px; }
 .sortbydesc {background: url("desc_arrow.gif") no-repeat scroll left center;
                    height: 20px;
                    margin-left: 10px;
                    padding-left: 20px; }
.data-loader {
                    width: 100%;
                    height: 100%;
                       margin-top: 100px;
                    position: absolute;
                    margin-left: 500px;
                    }