/* DEALER ACCOUNT */
#dealership-info-wrap{
    padding-top:0!important;
}

/* COLORS HEX- BLACK | BLUE #2A6CBD | RED #F14420 | YELLOW #FECC2F | LIGHT GREY #C0BDA7 | DARK GREY #292929 */
/* COLORS RGB- grey rgb(201, 198, 179) | red rgb(241, 68, 32) | blue rgb(42, 108, 189) */

/*QC FIXES*/
.txns .top-button-wrap > .row{
    padding-left:12px;
}
.txns .active-col{
    padding: 0;
}
.rv-club-table{
    box-shadow: inset -7px 0 12px -7px rgba(0,0,0,0.7)!important;
    padding-right:0!important;
}
.table-row{
    min-width:1028px!important;
}
.rv-club-table::-webkit-scrollbar {
  height: 7px;
  width:0!important;
}
.rv-club-table::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, .4);
}
.rv-club-table::-webkit-scrollbar {
  -webkit-appearance: none;
}
/*QC FIXES*/

/*TOP BUTTONS*/
#rv-club-customers, #unlimited-customers, #unlimited-mt-customers{
    color: white;
}
#dealer-customers > div > a{
    display: block;
    text-decoration: none;
    line-height: 100%;
    margin: 0;
    transition:ease all .2s;
}
#dealer-customers > div > a > span{
    display: block;
    text-decoration: none;
    padding-left:20px;
    line-height: 100%;
}
.customer-count{
    font-size:46px;
    padding-top: 16px;
    padding-bottom: 5px;
    font-weight:600;
}
.customer-sub-title{
    font-size: 14px;
    padding-bottom: 20px;
    font-weight: 600;
}
.customer-button{
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    transition:ease all .2s;
}
/*GREY BUTTON*/
#all-customers{
    color: black;
    background-color: rgba(201, 198, 179, .4);
}
#all-customers:hover{
    background-color: rgba(201, 198, 179, .6);
}
#all-customers .customer-button{
    background-color: rgba(201, 198, 179, 1);
}
/*BLUE BUTTON*/
#rv-club-customers{
    background-color: rgba(42, 108, 189, .6);
}
#rv-club-customers:hover{
    background-color: rgba(42, 108, 189, .8);
}
#rv-club-customers .customer-button{
    background-color: rgba(42, 108, 189, 1);
}
/*RED BUTTON*/
#unlimited-customers{
    background-color:rgba(241, 68, 32, .6);
}
#unlimited-customers:hover{
    background-color:rgba(241, 68, 32, .8);
}
#unlimited-customers .customer-button{
    background-color:rgba(241, 68, 32, 1);
}

/*RED BUTTON*/
#unlimited-mt-customers{
    background-color:rgba(141, 68, 32, .6);
}
#unlimited-mt-customers:hover{
    background-color:rgba(141, 68, 32, .8);
}
#unlimited-mt-customers .customer-button{
    background-color:rgba(141, 68, 32, 1);
}

/*DEALERSHIP INFO*/
#user-name{
    font-size: 20px;
}
#dealership-email{
    font-size: 14px;
}
#dealership-name2{
    font-size: 14px;
    margin-bottom: 10px;
}
#dealership-info > span > span{
    display: inline-block!important;
}
#edit-profile, #edit-credit-card{
    font-size: 13px;
    display: block;
    line-height: 175%;
}

/*TABLE*/
.top-button-wrap{
    
}
.top-left{
   
}
.top-right{
    border-bottom:1px solid #C0BDA7;
    padding-right: 0;
    text-align: right;
}
.toptab{
    display: inline-block;
    width:100%;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    cursor: pointer;
    color: #292929;
    font-weight: 400;
}
.active-tab{
    border-left:1px solid #C0BDA7;
    border-right:1px solid #C0BDA7;
    border-top:4px solid #F14420;
}
.active-tab:hover{
    color: #292929;
}
.first-tab{
    padding-right: 0;
}
.inactive-tab{

}
.active-col{
    
}
.inactive-col{
   border-bottom:1px solid #C0BDA7;
   border-top:4px solid transparent;
   transition: ease all .2s;
}
.inactive-col:hover{
    border-left:1px solid #C0BDA7;
    border-right:1px solid #C0BDA7;
    border-top:4px solid #F14420;
}
/*LIGHT GREY #C0BDA7 | DARK GREY #292929 */
.new-customer-tab{
    display: inline-block;
    width:auto; /*200px;*/
    text-align: center;
    padding:10px;
    background-color:#9e9e9e;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: -1px;
    border-top:4px solid transparent;
    transition:ease all .1s;
}
.new-customer-tab:hover{
    background-color:#2A6CBD;
    color:white;
}
.new-customer-tab > .fa-plus{
    line-height: 140%;
}
.rv-club-table-wrap-outter{
    padding:15px;
    border-left:1px solid #C0BDA7;
    border-bottom:1px solid #C0BDA7;
    border-right:1px solid #C0BDA7;
}
.rv-club-table-wrap-inner{
    
}
.left-table-top{
    
}
.right-table-top{
    text-align: right;
}
#tableRefresh, #tableDownload{
    margin-right: 15px;
    margin-left: 5px;
    color: rgba(201, 198, 179,1);
    cursor: pointer;
    transition:ease all .1s;
}
#tableRefresh:hover, #tableDownload:hover{
    color:rgba(42, 108, 189, 1);
}
#records{
    height:35px;
    width:70px;
    padding-left: 10px;
    border-radius: 5px;
    border:1px solid #C0BDA7;
}
#programs{
    height:35px;
    width: 200px;
    padding-left: 10px;
    border-radius: 5px;
    border:1px solid #C0BDA7;
}
.sel-list{
    height:35px;
    /*width: 200px;*/
    padding-left: 10px;
    border-radius: 5px;
    border:1px solid #C0BDA7;
}
#search-field{
    height:30px;
    width: 200px;
    padding-left: 10px;
    border-radius: 5px;
    border:1px solid #C0BDA7;
}
.cust-lookup { width: 500px !important; }
.rv-club-table{
    overflow: scroll;
    border-left:1px solid #C0BDA7;
    border-bottom:1px solid #C0BDA7;
}
.table-row{
    min-width:900px;
    overflow: hidden;
    transition: ease all .2s;
    cursor: pointer;
}
/*.table-row:hover{*/
/*    opacity: .7;*/
/*}*/
.table-row:first-child{
    cursor: default!important;
}
.table-row:first-child:hover{
    opacity: 1!important;
}
.club-heading{
    background-color: rgba(42, 108, 189, 1);
    color: white;
    text-align: center;
    padding-right: 2!important;
}
.unlimited-heading{
    background-color: rgba(241, 68, 32, 1);
    color: white;
    text-align: center;
    padding-right: 2!important;
}
.unlimited-mt-heading{
    background-color: rgba(141, 68, 32, 1);
    color: white;
    text-align: center;
    padding-right: 2!important;
}
.table-row > div{
    display: inline-block;
    float: left;
    font-size:14px;
    border-right:1px solid #C0BDA7;
    border-top:1px solid #C0BDA7;
    padding-left:10px;
    padding-top: 5px;padding-bottom: 5px;
    position: relative;
    z-index: -1;
}
.custClub, .custUnlimited{
    text-align: center;
    padding-left:0!important;
}
.rv-club-table > .table-row:nth-child(even) > div{
    background-color:#f9f9f9
}
.c-icon{ width:4%; }
.c-name{ width:20%; }
.c-email{ width:22%; }
.c-mobile{ width:11%; }
.c-program{ width:13%; }
.c-contract{ width:14%; }
.c-term{ width:17%; }
.c-date{ width:8%; }
.c-amt{ width:10%; }
.c-city{ width:13%; }
.c-zip{ width:8%; }
.c-tech24{ width:9%; }
.c-roadside{ width:14%; }
.c-txnstatus{ width:13%; }
.c-unit{ width:23%; }
.c-dealer{ width:20%; }
.c-full{ width:100%; }
.is_ccp { /* background-color: #FECC2F !important; */ }


.views-pages{ margin-top:20px; font-size:14px; }
.views{ text-align:left; }
.pages{ text-align:right; }
.pages a{ padding-right:3px; padding-left:3px; text-decoration: none; }
.legend{ text-align:center; margin-bottom: 10px; }
.legend > div{ margin:0 auto; margin-top:10px; }
.legend div > div{
    margin-bottom: 0;
    color:#6e6e6e;
    display: inline-block!important;
    width: auto;
    padding:20px;
}
.legend i{ color:#21252C; margin-right: 3px; }
.views a{ text-decoration: none!important; font-weight: 400; }


  /*****************/
 /* MEDIA QUERIES */
/*****************/
@media(max-width:1399px){
    .customer-count{
        font-size:40px;
    }
    .customer-sub-title{
        font-size: 14px;
    }
    .customer-button{
        font-size: 14px;
    }
}
@media(max-width:1199px){
    .rv-club-table{
        box-shadow: inset -7px 0 12px -7px rgba(0,0,0,0.7);
    }
}
@media(max-width:991px){
    #dealer-customers > div{
        margin-bottom: 10px;
    }
}
@media(max-width:767px){
    .top-right{
        border-bottom: none;
        text-align: center;
        padding-bottom: 25px;
    }
    .new-customer-tab{
        width:100%;
    }
    #programs{
        margin-bottom: 10px;
        margin-top: 20px;
    }
    #programs, #search-field{
        width:calc(100% - 95px);
    }
    .views, .pages{
        text-align: center;
        margin-bottom:10px;
    }
    .pages a{
        padding-left:7px;
        padding-right:7px;
    }
    .legend div > div{
        padding:5px;
    }
}
@media(max-width:575px){
    .active-col, .inactive-col{
        width:50%!important;
    }
}
@media(max-width:449px){
    .rvclub-form-wrap {
        padding-top: 25px;
    }
    #dealership-info-wrap{
        padding:0;
        margin-bottom: 50px;
    }
    #dealership-info > a{margin-top: 15px;}
    #dealership-image{
        display: inline-block;
        width:100%;
        vertical-align: top;
    }
    #dealership-image img{
        width:66%;
        display: block;
    }
    #dealership-info{
        padding-left: 10px;
        display: block;
        width: 100%;
        vertical-align: top;
    }
}