/*
* jQueryTab v2.0
* Copyright Dharma Poudel (@rogercomred)
* Free to use under the GPLv3 license.
* http://www.gnu.org/licenses/gpl-3.0.html
*/

/* == quick_reset */
*
{
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
}

/*  == common styles */

ul, ol
{
    list-style: none outside none;
}
h1
{
    font-size: 25px;
    color: #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
h3
{
    margin: 30px 0 10px;
}
p
{
    margin: 0 0 20px;
}
pre
{
    border: 1px solid #ddd;
    box-shadow: 1px 1px 0 #fff, 2px 2px 0 #ddd;
    margin: 10px 0;
    padding: 10px;
    background: #fcfcfc;
}

#container
{
    width: 80%;
    padding: 0px 50px;
    margin: 0 auto;
}
.tab_content
{
    padding: 1%;
}

a:link, a:visited
{
    /*color: #000;*/
    text-decoration: none;
}
a:hover
{
    color: inherit;
}
#panneltag li:hover, #panneltag .liactive
{
    /*background-color: #dff0d8;*/
}
/*#panneltag .liactive p{color:#3c763d !important;}
  == tab heading */



/*.tabsprnt{overflow:hidden;max-width:500px;height:78px;}*/
.slider
{
    width: 100%;
    overflow: hidden;
    height: 70px;
}
.tabs
{
    /*border: 1px solid #ccc; */
    height: inherit;
    width: 100%;
}
.tabs li
{
    float: left;
    width: 136px;
    text-align: center;
    display: inline;
    height: inherit;
}
.tabs li a
{
    border-left: 1px solid #ccc;
    color: #21759B;
    display: block;
    padding: 5px 10px;
}
.tabs li:first-child a
{
    border-left: none;
}
.tabs li a:hover, .tabs li a:focus
{
    color: gainsboro;    
}
.tabs .active a
{
    color: #000;
}

/* == accordion */
.accordion_tabs
{
    display: none;
    border-top: 1px solid #ccc;
    padding: 10px;
    font-weight: bold;
    background: #eee;
}
.tab_content_wrapper > .accordion_tabs:first-child
{
    border-top: none;
}
a.accordion_tabs:link, a.accordion_tabs:visited
{
    color: #21759B;
}
a.accordion_tabs:hover, a.accordion_tabs:focus
{
    color: #D54E21;
}
a.accordion_tabs.active
{
    color: #000;
    border-bottom: 1px solid #ccc;
}

/*  == tab content  */
.tab_content_wrapper
{
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out .3s;
    margin-bottom: 1%;
}
.tab_content
{
    transition: all .6s ease-in-out;
    background: #dff0d8;
    color: #3c763d;
}
.toggle_display
{
    display: inline-block;
}
.toggle_position
{
    position: absolute;
    width: 100%;
}
.toggle_border
{
    border-width: 0 1px 1px 1px;
}
.invert_border
{
    border-width: 1px 1px 0 1px;
}

/* Media Queries
***********************/
@media screen and (max-width: 600px)
{
    #container
    {
        width: 90%;
        padding: 40px 20px;
    }
    .accordion_tabs
    {
        display: block;
    }
    .tab_content_wrapper
    {
        height: auto !important;
        width: 100%;
    }
    .tab_content
    {
        transition: none;
        width: 100%;
    }
  /*  .toggle_display
    {
        display: none;
    }*/
    .toggle_position
    {
        position: relative;
        width: 100%;
    }
    .toggle_border
    {
        border-width: 0px;
    }
}



.imagbakgo
{
    background-color: #f5f5f5;
    -webkit-box-shadow:inset 1px 1px 10px 2px rgba(0,0,0,0.2);
    box-shadow:inset 1px 1px 10px 2px rgba(0,0,0,0.2);
}

.imagbakgo:hover
{
    background: rgba(0, 102, 153, 0.2);
    
}


.imagbakgo a:hover{color:#006699;text-decoration: none;}

 .imagbakgo.slideractive{background: rgba(0, 102, 153, 0.2); }
        
        .imagbakgo.slideractive a p{color:#f00 }

.imgicon
{
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    display: block;
    height: 40px;
}


.imagetexticon
{
    width: 8%;
}


.tabsfin li a
{
    border-left: 2px solid #fff;
    color: #21759B;
    display: block;
    padding: 10px 10px;
}
.tabsfin li
{
    float: left;
    width: 20%;
    text-align: center;
    display: inline;
    height: inherit;
    margin-bottom: 5px;
}

/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 481px) 
{
    .tabsfin li
{
   
    width: 100%;
    
}
    
}



/*tab menu css*/
 .actlicss
      {
          color:#337ab7 !important;
           font-weight: bold
      }
      .witouactcss
      {
          color: #696969;
          background: #f5f5f5; 
          font-weight: bold
      }