/*========================================================================*/
/*   TABLE OF CONTENT
/*========================================================================*/
/*
/* 01. Accordion basic styles
        1.1 Expand/Collapse box style.
    02. Accordion search container
    03. Accordion title bar & Themes 
        3.1 Default theme(Olive)
        3.2 Red theme 
        3.3 Blue theme
        3.4 Green theme
        3.5 Orange theme
        3.6 Yellow theme
        3.7 Custom theme
    04. Accordion content
    05. Pagination styling
    06. Custom nav box
            6.1 Square 
            6.2 Arrow
            6.3 Crcile
    07. Custom nav icon
            7.1 Angle
            7.2 Angle Double
            7.3 Caret
            7.4 chevron
    08. RTL support
    09. Responsive styling
/*========================================================================*/
/***********************************************************************************************/
/* 01. Accordion basic styles */
/***********************************************************************************************/
.bwl_acc_container {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  max-width: 100%;
  margin: 0 auto;
  font-family: 'Catamaran', sans-serif;
  font-size: 13px;
  line-height: 24px;
  font-weight: 300;
  position: relative;
}


.faq-answers{clear:right;}

/***********************************************************************************************/
/* 1.1: Expand/Collapse Box. */
/***********************************************************************************************/
.acc-ctrl-btn {
  padding: 0;
  margin: 0 0 12px 0;
  box-sizing: border-box;
  text-align: right;
  display: block;
  clear: both;
  width: 100%;
}
.acc-ctrl-btn .acc-expand-all,
.acc-ctrl-btn .acc-collapsible-all {
  width: 24px;
  height: 24px;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.acc-ctrl-btn .acc-expand-all {
  margin-right: 5px;
}
/***********************************************************************************************/
/* 02. Accordion search container */
/***********************************************************************************************/
.accordion_search_container {
  display: none;
  margin: 0 0 12px 0;
position: relative;
float: right;
width: 50%;
}
.accordion_search_container .acc_clear_btn {
position: absolute;
font-weight: bold;
cursor: pointer;
display: none;
right: 39px;
top: 11px;
text-align: center;
line-height: 1em;
}
.accordion_search_container .acc_clear_btn:after {
display: inline-block;
position: absolute;
content: '\f057';
color: #ffffff;
right: -32px;
top: 0px;
background: #333333;
font-family: 'FontAwesome';
border-radius: 100%;
font-size: 29px;
color: #f7f7f7;
line-height: 29px;
text-align: center;
padding: 0px;
margin: 0;

}
.accordion_search_container .rtl_clear_btn {
  position: absolute;
  font-weight: bold;
  cursor: pointer;
  display: none;
}
.accordion_search_container .rtl_clear_btn:before {
  background: #FFFFFF;
  left: 8px;
  top: 4px;
  padding: 5px 10px;
  display: inline-block;
  position: absolute;
  content: 'X';
  color: #000000;
}
.accordion_search_container .accordion_search_input_box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #99cc00;
border-radius: 7px;
margin-bottom:20px;

color:#99cc00;
font-size:16px;

}
.suggestion_box {
  text-align: center;
  padding: 6px 0;
  font-size: 13px;
}
.suggestion_box .sbox_title {
  font-weight: bold;
}
.suggestion_box .sbox_keywords a {
  color: inherit;
}
.search_icon {
  background-origin: content-box;
  background: url(../images/search.png) no-repeat;
  background-position-x: 97%;
  background-position-y: 50%;
}
.accordion_search_input_box::-ms-clear {
  display: none;
}
.load {
  background-origin: content-box;
  background: url(../images/loader.gif) no-repeat;
  background-position: top 10px right 20px;
  background-position-x: 99%;
  background-position-y: 50%;
}
.search_result_container {
line-height: 24px;
display: none;
color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 12px 5px;
margin-bottom: 12px;
font-weight: 500;
width: 50%;
right: 0;
top: -40px;
position: absolute;
text-align: right;
}
/***********************************************************************************************/
/* 03. Accordion title bar & Themes */
/***********************************************************************************************/
h2.acc_title_bar {
  font-family: 'Catamaran', sans-serif;
  padding: 0;
  margin: 0 0 2px 0;
  /*height: 46px;	*/
  line-height: 46px;
  font-size: 15px;
  font-weight: 500;
  display: block;
  background: transparent;
  overflow: hidden;
}
h2.acc_title_bar a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 12px 12px 6px 60px;
  position: relative;
  line-height: 24px;
  min-height: 60px;
}


h2.acc_title_bar a:before {
z-index: 2;
content: "\f067";
font-family: 'FontAwesome';
display: inline-block;
width: 48px;
height: 48px;
line-height: 49px;
position: absolute;
left: 0;
top: 0;
text-align: center;
background: rgba(0, 0, 0, 0.2);
border-radius: 10px;
border: 1px solid #99cc00;
}
h2.acc_title_bar a:hover {
  color: #F0F0F0;
}

}
h2.title-bar-active {
  background: transparent;
}
h2.title-bar-active a {
  color:;
}
h2.title-bar-active a:after {
  
  background: transparent;
  -webkit-transform: skewX(0deg);
  -moz-transform: skewX(0deg);
  -ms-transform: skewX(10deg);
  -o-transform: skewX(0deg);
  transform: skewX(0deg);
}
h2.title-bar-active a:before {
  /*content: "\f068";*/
  font-family: 'FontAwesome';
  display: inline-block;
  width: 48px;
  height: 46px;
  line-height: 46px;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
}
h2.title-bar-active a:hover {
  color: #F0F0F0;
}
h2.title-bar-active a:hover:before {

}
/***********************************************************************************************/
/* 3.1 Default theme */
/***********************************************************************************************/
h2.default-title-bar {
  background: ;
}
h2.default-title-bar a {
  color: #FFFFFF;
}
h2.default-title-bar a:after {
  background: #b3b330;
}
h2.default-title-bar a:before {
  background:  ;
}
h2.default-title-bar a:hover {
  color: #F0F0F0;
}
h2.default-title-bar a:hover:before {
  background: ;
}
h2.default-title-bar-active {
  background: ;
}
h2.default-title-bar-active a {
  color: #F0F0F0;
}
h2.default-title-bar-active a:after {
  -webkit-transform: skewX(0deg);
  -moz-transform: skewX(0deg);
  -ms-transform: skewX(0deg);
  -o-transform: skewX(0deg);
  transform: skewX(0deg);
  background: #cfcf4d;
}
h2.default-title-bar-active a:before {
  content: "\f068";
}
h2.default-title-bar-active a:hover {
  color: ;
}
h2.default-title-bar-active a:hover:before {
  content: "\f068";

}


/***********************************************************************************************/
/* 09. Responsive styling */
/***********************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  h2.acc_title_bar {
    min-height: 46px;
    line-height: 18px;
    font-size: 14px;
  }
  h2.acc_title_bar a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 6px 12px 6px 60px;
    position: relative;
    line-height: 24px;
    min-height: 34px;
  }
  h2.nav_circle a::after,
  h2.nav_arrow a::after {
    display: none;
  }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
  h2.acc_title_bar {
    clear: both;
    /*
        min-height: 46px;	
        line-height: 24px;
        font-size: 13px;
            */
  }
  h2.acc_title_bar a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 6px 12px 6px 60px;
    position: relative;
    height: 100%;
    line-height: 20px;
    min-height: 32px;
    /*line-height: 14px;*/
  }
  h2.nav_circle a::after,
  h2.nav_arrow a::after {
    display: none;
  }
  h2.rtl-title-bar a {
    padding: 0px 56px 0 12px;
  }
}







.faq-nav h4{ font-weight:bold;padding-bottom:0; margin:0;  font-size:20px; font-weight:bolder; color:#ffffff;}

ul#question-menu a{ 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-decoration: none;
color: #999999;
font-size: 16px;
font-weight: bold;
padding: 0 15px;
line-height: 27px;
height: auto;
display: inline-block;
width: 100%;
text-indent: 0;
  }


ul#question-menu a.active{background:#99cc00; color:#ffffff;}


ul#question-menu li::before{display:none;}


.acc_container{display: block;
padding: 30px;
background: rgba(0, 0, 0, 0.35);
color: #ffffff!important;
border-top: 3px solid #99cc00;
margin-left: 60px;
margin-bottom: 50px;
}


section.qbar{margin-bottom:30px;}


h2.default-title-bar-active a{ color:#ffffff!important; }










@charset "UTF-8";
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}



.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}




.editable.mce-content-body .acc_container[style]{display:block!important;}
.editable.mce-content-body .acc_container[data-mce-style]{display:block!important;}

.editable.mce-content-body h2.acc_title_bar a:before{display:none;}

.answer.editable.mce-content-body{margin-bottom:100px;}

div#Section1.answer.editable.mce-content-body {border:1px solid red; padding:20px; }
div#Section2.answer.editable.mce-content-body {border:1px solid yellow; padding:20px; }
div#Section3.answer.editable.mce-content-body {border:1px solid lime; padding:20px; }
div#Section4.answer.editable.mce-content-body {border:1px solid teal; padding:20px; }




.answer.editable.mce-content-body::before{
padding: 10px;
display: block;
font-size: 18px;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
margin-bottom: 30px;
position: absolute;
top: -32px;}



div#Section1.answer.editable.mce-content-body::before{ 
content: 'Customers Section';
background: red;
color:#ffffff;
}

div#Section2.answer.editable.mce-content-body::before{ 
content: 'Billing Section';
background: yellow;
color:#000000;


}


div#Section3.answer.editable.mce-content-body::before{ 
content: 'Routing/Teleroute Section';
background: lime;
color:#000000;
}



div#Section4.answer.editable.mce-content-body::before{ 
content: 'Reports Section';
background: teal;
color:#ffffff;

}