/**** This is for user specific reports ****/

/*** Page Styles ***/



/*metrics section*/
.ttlrarecordcount {
    border-radius: 4px;
    border: 1px solid #999;
    padding: 10px;
}

.ttlrarecordcountnum {
    font-size: 20px;
    font-weight: 600;
}

.ttlrarecordcountlbl {
    /*font-size:2vw;*/
}

.rqstablsentry .col-sm-6 { /*layout fix*/
    width:50%;
}



.rqstablsentry {
    box-shadow: 1px 3px 5px 2px #d0d0d0;
    padding: 8px;
}

.rqstablsentry a,
.rqstablsentry a:hover {
    color:#000;
}

.rqstablsnoimg {
    text-align: center;
    /*margin-top: 10px;
    padding: 8px;
    background: #e7e7e7;*/
}

.rqstablsnoimg .glyphicon-picture {
    font-size:3vw;
    background: #e7e7e7;
    padding: 10px;
}

.rqstablsimg img {
    margin-top: 10px;
}

.rqstablsimg img {
    max-width:100%;
}

.rqstablstle {
    font-size:16px;
    font-weight:600;
}

.rqstablscst {
    font-size:16px;
}

.rqstablsdn {
    font-size:12px;
    color:#828282;
}
.rqstablsloc {
    font-size:12px;
    color:#828282;
}

.rqstablssts {
    display:inline-block;
    padding:8px;
    background:#D0D0D0;
    font-weight: 600;
    border-radius:4px;
    width:100%;
    text-align:center;
    margin-top:5px;
}

.rqstablsea,
.rqstablsea a,
.rqstablsea a:hover {
    display:inline-block;
    padding:8px;
    background:#337ab7;
    font-weight: 600;
    border-radius:4px;
    width:20%;
    text-align:center;
    color:#fff;
}

.rqstablsva,
.rqstablsva a,
.rqstablsva a:hover {
    display: inline-block;
    padding: 6px;
    font-weight: 600;
    border-radius: 4px;
    width: 40%;
    text-align: center;
    border: 1px solid #337ab7;
}

/*** For In-progress and Completed reports from links on left hand side menu ***/
.primary-nav-link-rpts .dash-tabbed-table {
    border: 0px solid;
}

.primary-nav-link-rpts .nav-link {
    width: 260px;
    
}

.primary-nav-link-rpts .nav-tabs {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

/*** My Sales Page ***/
.page_mysales .main-container.container {
    background-color: #EBEFF5;
}



/*****************************/
/********Mobile Only*********/
/***************************/

@media (min-width: 992px) {
    
    .page_requestedabilities .col-sm-9 .region-content,
    .page_mypurchases .col-sm-9 .region-content,
    .page_myabilitylistings .col-sm-9 .region-content{
        margin-left:-50px;
    }

}

@media (max-width: 991px) {
    
    .page_requestedabilities .col-sm-9,
    .page_mypurchases .col-sm-9,
    .page_myabilitylistings .col-sm-9,
    .page_productpurchases .col-sm-9 {
        width:100%;
    }
    
}

@media (min-width: 769px) {
 
    .rqstablsentrymbl {
        display:none;
    }
    
}

@media (max-width: 768px) {
    
    .rqstablsentry {
        display:none;
    }
    
    .rqstablsentrymbl {
        box-shadow: 1px 3px 5px 2px #d0d0d0;
        padding: 8px;
    }
    
    .rqstablsentrymbl a,
    .rqstablsentrymbl a:hover {
        color:#000;
    }
    
    .rqstablssts {
        display: inline-block;
        padding: 8px;
        background: #D0D0D0;
        font-weight: 600;
        border-radius: 4px;
        width: 100%;
        text-align: center;
        margin-top: 5px;
        font-size: 10px;
      }

    .rqstablsdnmbl {
        font-size:12px;
        color:#828282;
        display: inline-block;
       }
       
    .rqstablsstsmbl {
        font-size:12px;
        color:#828282;
        display: inline-block;
       }

    .page_mysales .col-sm-9 {
        width: 100%;
    }

}

@media (min-width: 768px) {
 
    .rqstablsentrymetrics .col-sm-3 { /*layout fix*/
        width:20%;
    }
    
    /* for reports in left side nav links */
    .primary-nav-link-rpts .dash-tabbed-table-tab-row {
        text-align:center;
    }

    .view-id-mylistings .view-filters,
    .view-id-active_ability_purchase_list .view-filters,
    .view-id-active_ability_todo_list .view-filters,
    .view-id-active_purchase_list .view-filters,
    .view-id-completed_purchase_list .view-filters,
    .view-id-active_todo_list .view-filters,
    .view-id-completed_todo_list .view-filters,
    .view-id-taxsettingsview .view-filters
     {
        float:right;
    }

    .dash-rqstablsentry-dsk {
        padding: 5px;
        /*border-bottom: 1px solid #e7e7e7;*/
        border: 1px solid #d0d0d0;
        border-radius: 4px;
        margin-bottom: 8px;
    }

    .dash-rqstablsentry-dsk-blanker {
        margin-top:8px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-dsk-img {
        text-align:right;
        font-size: 50px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-dsk-img img {
        /*height:50px;
        max-width:50px;*/
        max-height: 100px;
        max-width: 100px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-dsk-img-alt {
        font-size: 40px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-dsk-img-alt img {
        /*height:50px;
        max-width:50px;*/
        max-height: 50px;
        max-width: 50px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-dsk-lbl {
        color: #777;
        text-align: center;
        font-size: 12px;
        font-weight:600;
    }


    .dash-rqstablsentry-dsk .dash-rqstablsentry-dsk-profimg {
        color: #777;
        margin-top: 5px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-dsk-profimg img {
        /*height:25px;
        max-width:25px;*/
        max-height: 20px;
        max-width: 20px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-hl {
        font-weight:600;
        font-size:18px;
        margin-top: 5px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-hltwo {
        font-weight:600;
        font-size:16px;
        margin-top: 5px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-ttlcost {
        margin-top: 5px;
        font-weight:600;
        color: #777;
        font-size: 16px;
    }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-status {
        padding: 5px;
        /*background: #337ab7;*/
       /* background: #F39C12; */
        background: #333;
        border-radius: 4px;
        color: #fff;
        text-align: center;
        font-weight: 600;
        margin-bottom :8px;
      }

    .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls {
        padding: 5px;
        /*background: #337ab7;*/
        background: #fff;
        border-radius: 4px;
        border:1px solid #000;
        color: #000;
        text-align: center;
        font-weight: 600;
      }

      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls a,
      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls a:hover,
      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls a:active,
      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls a:focus {
        padding: 5px;
        /*background: #337ab7;*/
        background: #fff;
        color: #000;
        text-align: center;
        font-weight: 600;
      }

      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls-alt {
        padding: 5px;
        /*background: #337ab7;*/
        background: #fff;
        border-radius: 4px;
        /*border:1px solid #000;*/
        color: #000;
        text-align: center;
        font-weight: 600;
        background:#e7e7e7;
        width: 75%;
      }

      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls-alt a,
      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls-alt a:hover,
      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls-alt a:active,
      .dash-rqstablsentry-dsk .dash-rqstablsentry-ordrdtls-alt a:focus {
        /*padding: 5px;
        background: #337ab7;*/
        background: #fff;
        color: #000;
        text-align: center;
        font-weight: 600;
        background:#e7e7e7;
      }

    .dash-rqstablsentry-dsk  .dash-rqstablsentry-dsk-optnslbl {
        color: #777;
    }

    .dash-rqstablsentry-mbl {
        display:none;
    }

    .view-id-taxsettingsview .form-inline .form-group {
        padding-left:10px;
    }

    .page_mysales .mbl_ms_container {
        display:none;
    }

}

@media (max-width: 767px) {
 
    .rqstablsentrymetrics .col-sm-3 { /*layout fix*/
        width:20%;
    }

    /* turn desktop display off */
    .dash-rqstablsentry-dsk {
        display:none;
    }

    .dash-rqstablsentry-mbl {

    }

    .page_mysales .mbl_ms_container {
      /*padding: 12px;*/
    }

    .page_mysales .result-card {
      background: #fff;
      border-radius: 14px;
      padding: 14px;
      margin-bottom: 12px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.04);
      transition: transform 0.15s ease;
      border: 1px solid #d7d7d7;
    }

    .page_mysales .result-card:active {
      transform: scale(0.98);
    }

    .page_mysales .result-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 6px;
    }

    .page_mysales .result-meta {
      font-size: 12px;
      color: #6b7280;
      margin-bottom: 8px;
    }

    .page_mysales .result-desc {
      font-size: 14px;
      color: #374151;
      line-height: 1.4;
      margin-bottom: 10px;
    }

    .page_mysales .result-actions {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .page_mysales .tag {
      font-size: 11px;
      background: #e0e7ff;
      color: #3730a3;
      padding: 4px 8px;
      border-radius: 20px;
    }

    .page_mysales a.mblmstbtn,
    .page_mysales a.mblmstbtn:hover,
    .page_mysales a.mblmstbtn:active {
      font-size: 13px;
      padding: 8px 12px;
      border-radius: 8px;
      border: none;
      background: #2563eb;
      color: #fff;
      cursor: pointer;
    }

    .page_mysales .btn:active {
      background: #1d4ed8;
    }
    
}