.faq-acc>dt>.ckeditor-accordion-toggler{
  background-color:#f5f5f5;
  border:none;                          /* instead of white border -> margin-bottom:10px in ".ckeditor-accordion-container > dl dt > a" selector*/
  /*font-size: 16px;*/
  font-weight: lighter;
  text-align: left;
  /*text-decoration: none;*/
}

.faq-acc>dt>.ckeditor-accordion-toggler:hover{
  background-color:#f5f5f5;
  border:none;                          /* instead of white border -> margin-bottom:10px in ".ckeditor-accordion-container > dl dt > a" selector*/
  /*font-size: 16px;*/
  font-weight: lighter;
  text-align: left;
  /*text-decoration: none;*/
}

.ckeditor-accordion-container > dl dt > a /* Gap right & left in question container */
{
    display: block;
    padding: 10px 50px 10px 25px;
    margin-bottom:10px;
}
/* Arrow position */
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::before 
{
    left: 713px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::after 
{
    right: -700px;
    left: auto;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/* Arrow position end*/

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::after {

    background: #787878; /* Arrow color */
}


.ckeditor-accordion-container>dl>dt.active>a,.faq-acc>dt>.ckeditor-accordion-toggler:hover{
  background-color:#dfdfdf;
}