body {
    margin: 0px;
    padding: 0px;
    background: #f5f5f5;
}

ul.resp-tabs-list, p {
    padding: 0px;
}

.tabHeading {
    font-size: 1.5em;
}

ul.resp-tabs-list, p:after {
    content: '';
}

.resp-tabs-list li {
    width: 100%;
    font-weight: 600;
    font-size: 1em;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}


.resp-tabs-list .resp-tabs-button {
    width: 100%;
    font-size: 1em;
    display: inline-block;
    padding: 13px 15px 13px 10px;
    list-style: none;
    cursor: pointer;
    float: left;
    background-color: #fff;
    text-align: left;
    border: 1px solid #ccc;
    font-weight: normal !important;
    color: #000;
    box-shadow: 0 2px 3px #bababa;
    margin: 1px 0 5px 0;
    
    
    
}

.resp-tabs-list{
   padding-top:10px;
}

.resp-tabs-button:hover
{
    background-color:#efefef;
}
.resp-tabs-button_disable
{
    background-color:#e4e4e4;
}

/*.resp-tabs-list .resp-tabs-button:after {
       float: right;
content: '\f05d';
font-family: 'FontAwesome';
    }*/
.already {
    background-color: #cacaca;
}

.disabled {
    background-color: #e8e4e2 !important;
}



.resp-tab-active i {
    color: #fff;
}

.active a {
    color: #fff;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
    padding: 7px;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
    
}

.resp-tab-active {
   
    font-size: 1em;
    width: 100%;
    float: left;
    padding: 13px 15px 13px 10px;
    list-style: none;
    color:#000 !important;
    background-color: #a5a5a5;
    display: inline-block;
    margin: 1px 0 5px 0;
    border:1px solid #ccc;
     box-shadow: 0 2px 3px #bababa;
         cursor: pointer;
         text-align: left;
         font-weight: normal !important;
}


.resp-tab-already 
{display: inline-block;
     font-size: 1em;
    margin: 1px 0 5px 0;
    padding: 13px 15px 13px 10px;
    list-style: none;
    background-color:#efefef;
    width: 100%;
    float: left;
    color:#000 ;
        border:1px solid #ccc;
         box-shadow: 0 2px 3px #bababa;
         cursor: pointer;
         text-align: left;
         font-weight: normal !important;
}
.resp-tab-disabled {
 
        color: #333;
        background-color:#8ddbff;
    background-image: url('../images/edit1b.png');
}



.resp-tabs-list li a i {
    margin: 0 5px;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tabs-list a {
    color: #333;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}

h2.resp-accordion {
    font-size: 1em;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
    background-color: #f9f9f9;
    color: #3e3e3e;
    font-weight: lighter;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 100%;
}

.resp-vtabs .resp-tabs-list li {
    background-color: #f9f9f9;
    border-right: 5px #c6c6c6 solid;
    color: #333;
    display: block;
    margin-bottom: 2px;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
    font-weight: 400;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    float: left;
    width: 75%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    background-color: #707ab9;
    position: relative;
    z-index: 1;
    padding: 14px 15px 15px 14px !important;
    color: #fff;
}

.resp-vtabs li a {
    color: #333;
}

.resp-tab-active a {
    color: #fff !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #fff;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #4E4E4E;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active {
    background: #848ab1 !important;
    color: #fff;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}



/* New changes by Cb 19.11.2018 */
.rounded-list a {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #f3f3f3;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    line-height: 1.5;
}

    .rounded-list a:hover {
        background: #eee;
    }

        .rounded-list a:hover:before {
            transform: rotate(360deg);
        }

    .rounded-list a:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        left: -1.3em;
        top: 50%;
        margin-top: -1.3em;
        background: #87ceeb;
        height: 2em;
        width: 2em;
        line-height: 2em;
        border: .3em solid #fff;
        text-align: center;
        font-weight: bold;
        border-radius: 2em;
        transition: all .3s ease-out;
    }

ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    padding: 0;
    margin-bottom: 4em;
    margin-left: 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

    ol ol {
        margin: 0 0 0 2em; /* Add some left margin for inner lists */
    }