/* Accordion / responsive-tabs */

.r-tabs .r-tabs-nav {margin: 0;padding: 0;}

.r-tabs .r-tabs-tab {display: inline-block; margin: 0;list-style: none;}

.r-tabs .r-tabs-panel {padding: 15px;display: none;}

.r-tabs .r-tabs-accordion-title {display: none;}

.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 767px) {
    .r-tabs .r-tabs-nav {display: none;}

    .r-tabs .r-tabs-accordion-title {display: block; margin-top: 13px; background: linear-gradient(to bottom, rgb(233,244,255) 0%,rgb(185,215,240) 100%); border-radius: 4px;}		    
    .r-tabs .r-tabs-accordion-title a{font-size: 15px;}
}

	.ActiveTabMobile{background: linear-gradient(to bottom, rgb(94,173,240) 0%,rgb(49,116,179) 100%) !important;}
/*!
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.
 */

/* Requirements */

[data-accordion] [data-content] {  overflow: hidden; max-height: 0;}

/* Basic Theme */

[data-accordion] { line-height: 1;}
[data-accordion]:not(:last-child) {border-bottom: 1px solid #d4e0e4;border-radius: 5px;}

[data-control],
[data-content] > * { padding: 10px;}

[data-content] [data-accordion] { border: 0; padding: 0;}
[data-accordion] [data-control] { position: relative; padding-right: 40px;}
/*
[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url('../images/down.png') center center no-repeat;
    background-size: 50%;
}*/

[data-accordion].open > [data-control]:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

/*ng responsive table*/
/*#region Responsive Table:480px - max width*/
@media (max-width: 480px) {
       /* CSS Responsive table */
       table.responsive,
       table.responsive thead,
       table.responsive tbody,
       table.responsive th,
       table.responsive td,
       table.responsive tr { display: block; }
       table.responsive thead tr {display: none;/* position: absolute; top: -9999px; left: -9999px;*/ }
       table.responsive tr {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 10px;}
       table.responsive td { border: none; border-bottom: 1px solid #eee; position: relative; /*padding-left: 50%;*/  overflow:hidden;}
       table.responsive td:after {  position: absolute;       top: 6px; left: 6px; width: 40%; padding-left: 10px; text-align: right; word-wrap: break-word; }
       table.responsive tr:first-child { position: absolute; top: -9999px; left: -9999px; }
       table.responsive td:after { content: attr(data-content); height: 50px; }
       table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; }
       table.responsive td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
       table.responsive td.large-padding { padding-top: 25px; padding-bottom: 25px; }
       
       table.responsive .tableTRHeader { float:right; font-weight:bold; padding-right:10px;  width:48%;}
       table.responsive .tableTRText { padding-right:50%; }
    
    #BoiWrapperResponsive #BoiAuctionsWrapper .r-tabs .r-tabs-accordion-title a{font-size: 14px;}
}
@media (min-width: 481px) {
       table.responsive .tableTRHeader {display: none;}
}

/*#region Responsive Table*/
@media (max-width: 767px) {
       /* CSS Responsive table */
       table.responsiveMobile,
       table.responsiveMobile thead,
       table.responsiveMobile tbody,
       table.responsiveMobile th,
       table.responsiveMobile td,
       table.responsiveMobile tr { display: block; }
       table.responsiveMobile thead tr {display: none;/* position: absolute; top: -9999px; left: -9999px;*/ }
       table.responsiveMobile tr {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 10px;}
       table.responsiveMobile td { border: none; border-bottom: 1px solid #eee; position: relative; /*padding-left: 50%;*/  overflow:hidden;}
       table.responsiveMobile td:after {  position: absolute; top: 6px; left: 6px; width: 40%; padding-left: 10px; text-align: right; word-wrap: break-word; }
       table.responsiveMobile tr:first-child { position: absolute; top: -9999px; left: -9999px; }
       table.responsiveMobile td:after { content: attr(data-content); height: 50px; }
       table.responsiveMobile td.small-padding { padding-top: 5px; padding-bottom: 5px; }
       table.responsiveMobile td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
       table.responsiveMobile td.large-padding { padding-top: 25px; padding-bottom: 25px; }
       
       table.responsiveMobile .tableTRHeader { float:right; font-weight:bold; padding-right:10px;  width:48%;}
       table.responsiveMobile .tableTRText { padding-right:50%; }
}
@media (min-width: 768px) {
       table.responsiveMobile .tableTRHeader {display: none;}
}
/*#end of ng responsive table*/