/*
 *
 *    [Table of contents]
 *
 *    [&. Content / #key]
 *    [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 *    Summary: Accordion
 *
 *    1. Accordion
 *
 *
 */


/*----------  1. Accordion  ----------*/
    .accordion-panel, 
    .accordion-panel .panel-body,
    .accordion-panel .panel-heading .icon-arrow,
    .accordion-panel.icons-left .panel-heading .icon-plus,
    .accordion-panel .panel-heading .icon-plus, 
    .accordion-panel.icons-left .panel-heading.icon-arrow,
    .accordion-panel .panel-heading a.check-data-collapsed.collapsed,
    .accordion-panel .panel-collapse {
        border: none;
        box-shadow: none;
    }

    .accordion-panel {
        position: relative;
        background: transparent;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
    }
    
    .accordion-panel .panel-heading {
        border-radius: 25px;
        -webkit-border-radius: 25px;
        background: #f5f5f5;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .accordion-panel .panel-body {
        padding: 0 20px 20px 65px;
        text-align: left;
        color: #4b5b6f;
    }

    .accordion-panel .panel-heading a {
        z-index: 5;
        padding: 15px;
    }

    .accordion-panel:before {
        position: absolute;
        content: '';
        left: 1px;
        bottom: 1px;
        right: 1px;
        top: 1px;
        background: #D32EB2;
        background: -moz-linear-gradient(left, #D32EB2 30%, #0C72C7 100%);
        background: -webkit-linear-gradient(left, #D32EB2 30%, #0C72C7 100%);
        background: linear-gradient(to right, #D32EB2 30%, #0C72C7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D32EB2', endColorstr='#0C72C7',GradientType=1 );
        border-radius: 27px;
        -webkit-border-radius: 27px;
        z-index: -3;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .accordion-panel:after {
        content: '';
        position: absolute;
        left: 3px;
        right: 3px;
        bottom: 3px;
        top: 3px;
        background: #fff;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        z-index: -2;
    }
    
    .accordion-panel.icons-left .panel-heading .icon-plus.accordion-icon, 
    .accordion-panel.icons-left .panel-heading .icon-arrow.accordion-icon {
        padding: 4px 10px;
        border: 2px solid;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #263e5f;
    }

    .accordion-panel .panel-heading .icon-plus.accordion-icon, 
    .accordion-panel .panel-heading .icon-arrow.accordion-icon {
        padding: 4px 10px;
        border: 2px solid;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        position: absolute;
        color: #263e5f;
    }

    .accordion-panel .panel-heading .icon-arrow:before {
        font-weight: 700;
    }

    .panel-heading a i, 
    .panel-heading a span {
        color: #263e5f;
    }

    .accordion-panel.icons-left .panel-heading span {
        padding: 0 30px 0 50px;
    }

    .accordion-panel .panel-heading span {
        padding: 0 60px 0 30px;
        text-align: justify;
        font-weight: 500;
    }

    .accordion-panel.icons-left .panel-heading i.accordion-icon {
        left: 10px;
        right: auto;
    }

    .accordion-panel .panel-heading i.accordion-icon {
        right: 10px;
        top: 8px;
        text-align: center;
        position: absolute;
        font-size: inherit;
        color: inherit;
    }    

    .accordion-panel .panel-heading, 
    .accordion-panel:hover .panel-heading,
    .accordion-panel:hover .panel-heading a.check-data-collapsed.collapsed {
        background: transparent;
    }

    .accordion-panel .panel-heading a.check-data-collapsed.collapsed {
        background: #fcfcfc;
        border-radius: 25px;
        -webkit-border-radius: 25px;
    }

    .accordion-panel .panel-heading a.check-data-collapsed.collapsed:hover .icon-arrow.accordion-icon,
    .accordion-panel .panel-heading a.check-data-collapsed.collapsed:hover .icon-plus.accordion-icon,
    .accordion-panel .panel-heading a:not(.collapsed) .icon-arrow.accordion-icon,
    .accordion-panel .panel-heading a:not(.collapsed) .icon-plus.accordion-icon {
        color: #D32EB2;
    }
     
    .accordion-panel:hover .panel-heading span,
    .accordion-panel .panel-heading.active_panel span {
        color: #00234e;
    }

    .accordion-panel.icons-right .panel-body {
        padding: 0 65px 20px 45px;
    }