/*
    Trendsic: written by Michael Barreiro content written on 4/5/2016
    Cascading Style Sheet for Screen resolution changes.
*/

/* -----====List Of Contents=====-----
   1.  Home page
   2.  Commission Page
   3.  Leaderboards Page
   4.  ASAP Charges Page
   5.  Activity Tracker Page
   6.  ASAP Charges Page
   7.  Calender page
   8.  CRM page
   9.  SPLASH page
   10. Cart page
   11. Welcome page
   12. Report Production page
   13. Profile page
   14. Calendar Settings page
   15. Support Ticket page
*/


/*====================-----Home page with NavBar-----======================*/

@media screen and (min-width: 981px) and (max-width: 1042px) {
    .header-blue-col { margin-top: 50px; }
}
@media screen and (min-width: 817px) and (max-width: 850px) {
    .mr-nav-ul {font-size: 12px; }
}
@media screen and (min-width: 766px) and (max-width: 817px) {
    .mr-nav-ul { font-size: 10px; font-weight: bold;}
}


/*====================-----Commision page-----======================*/

@media screen and (min-width: 981px) and (max-width: 1042px) {
    .comReport-pageHeader { margin-top: 40px;}
}


/*====================-----Leaderboards page-----======================*/

@media screen and (min-width: 1043px) {
    .leaderboard-pageHeader { margin-top: 14px;}
}
@media screen and (min-width: 986px) and (max-width: 1042px) {
    .leaderboard-pageHeader { margin-top: 60px;}
}
@media screen and (min-width: 768px) and (max-width: 985px) {
    .leaderboard-pageHeader { margin-top: 25px;}
}
@media screen and (max-width: 767px) {
    .leaderboard-pageHeader { margin-top: 15px;}
}
@media screen and (max-width: 767px) {
    #startDatePicker, #endDatePicker { width: 100% !important; text-align: center;}
}


/*====================-----ASAP Charges page-----======================*/

@media screen and (min-width: 982px) and (max-width: 1042px) {
    .asapCharges-pageHeader { margin-top: 40px;}
}
@media screen and (max-width: 1042px) {
    #btnViewCharges { display: block; margin-left: auto; margin-right: auto;}
}


/*====================-----Activity Tracker  page-----======================*/

/*Iphone 6 Plus NOTE: Size resolution are at 414 width*/
@media screen and (max-width: 480px) {
    .ACT-Span { font-size: 28px !important; }
}

/*Iphone 6 */
@media screen and (max-width: 375px) {
    .ACT-Span { font-size: 25px !important; }
}

/*Iphone 5 */
@media screen and (max-width: 320px) {
    .ACT-Span { font-size: 21px !important; }
}
/*Iphone 5 ROTATE*/
@media screen and (min-width: 490px) and (max-width: 568px) {
    .ACT-Span { font-size: 29px !important; }
}

/*Galaxy S5*/
@media screen and (min-width: 350px) and (max-width: 360px) {
    .ACT-Span { font-size: 24px !important; }
}


/*====================-----NBC Admin, Marketing, Training page-----======================*/

@media screen and (min-width: 981px) and (max-width: 1042px) {
    .nbc-pageHeader             { margin-top: 40px;}
    .marketing-pageHeader       { margin-top: 40px;}
    .training-pageHeader        { margin-top: 40px;}
    .activityTracker-pageHeader { margin-top: 40px;}
    .broadcast-pageHeader       { margin-top: 40px;}
    .calender-pageHeader        { margin-top: 40px;}
    .crm-pageHeader             { margin-top: 40px;}
    .store-pageHeader           { margin-top: 40px;}
    .cart-title-pageHeader      { margin-top: 55px;}
    .hierarchy-pageHeader       { margin-top: 40px;}
    .spacetree-pageHeader       { margin-top: 40px;}
}


/*====================-----Calender page-----======================*/

@media screen and (max-width: 768px) {
    .calender-btn {width: 100%; margin: 5px 0 0 0;float: none !important;}
}


/*====================-----CRM page-----======================*/

@media screen and (max-width: 440px) {
    .nav-tabs > li {float: none; text-align: center;}
}

/*====================-----SPLASH page-----======================*/

@media screen and (max-width: 1024px) {
    .splash {position: absolute; margin: auto !important; top: 35%; left: 0; right: 0; bottom: 0;}
    .message > img { width: 90%; }
}

/*====================-----Store page-----======================*/

@media screen and (max-width: 991px) {
    .btn-cart-m { margin-top: 15px; }
}
@media screen and (max-width: 440px) {
    .nav.nav-pills.clearfix > .dropdown { width: 100%; margin-bottom: 5px; }
}


/*====================-----Cart page-----======================*/

@media screen and (max-width: 440px) {
    .btn-cartView {text-align: center; width: 100%;}
}

/*====================-----Welcome page-----======================*/

@media screen and (max-width: 770px) {
    .reminder-label {display:block !important; margin-left: 0 !important; margin-top: 1px;}
}

/*====================-----Report Production page-----======================*/

@media screen and (max-width: 325px) {
    .text-mobile-manager-RP {font-size: 20px !important;}
}

/*====================-----Profile page-----======================*/

@media screen and (max-width: 440px) {
    .mobile-float-off {float: none !important;}
    url-overflow
}

/*====================-----Calendar Settings page-----======================*/

@media screen and (max-width: 440px) {
    .url-overflow { overflow-x: auto; font-size: 14px !important;}
    .url-overflow > .form-group > a { font-size: 14px !important;}
}

/*====================-----Support Ticket page-----======================*/

@media screen and (max-width: 440px) {
    #tblUserTickets_wrapper { overflow: auto !important; }
}

/*Business Card template FONTS -=-=-=-=->    DONT DELETE  <-=-=-=-=-*/

/*License Font size control system*/
/*@media screen and (min-width: 340px) {  .licenseTextBC { font-size:10px !important; } }
@media all and (min-width: 410px) {  .licenseTextBC { font-size:12px !important;  } }
@media all and (min-width: 600px) {  .licenseTextBC { font-size:14px !important;  } }
@media all and (min-width: 900px) {  .licenseTextBC { font-size:14px !important;  } }
@media all and (min-width: 974px) {  .licenseTextBC { font-size:14px !important;  } }
@media all and (min-width: 1000px) {  .licenseTextBC { font-size:14px !important;  } }
@media all and (min-width: 1200px) {  .licenseTextBC { font-size:14px !important;  } }
@media all and (min-width: 1400px) {  .licenseTextBC { font-size:14px !important;  } }
@media all and (min-width: 1600px) {  .licenseTextBC { font-size:16px !important;  } }
@media all and (min-width: 1800px) {  .licenseTextBC { font-size:18px !important;  } }
@media all and (min-width: 1900px) {  .licenseTextBC { font-size:20px !important;  } }*/
/*3-4 lines font-face sizes*/
/*@media all and (min-width: 410px) {  .businessCard-Container > .bc-name { font-size:20px !important;  } }
@media all and (min-width: 600px) {  .businessCard-Container > .bc-name { font-size:30px !important;  } }
@media all and (min-width: 900px) {  .businessCard-Container > .bc-name { font-size:42px !important;  } }
@media all and (min-width: 974px) {  .businessCard-Container > .bc-name { font-size:42px !important;  } }
@media all and (min-width: 1000px) {  .businessCard-Container > .bc-name { font-size:26px !important;  } }
@media all and (min-width: 1200px) {  .businessCard-Container > .bc-name { font-size:30px !important;  } }
@media all and (min-width: 1400px) {  .businessCard-Container > .bc-name { font-size:34px !important;  } }
@media all and (min-width: 1600px) {  .businessCard-Container > .bc-name { font-size:38px !important;  } }
@media all and (min-width: 1800px) {  .businessCard-Container > .bc-name { font-size:42px !important;  } }
@media all and (min-width: 1900px) {  .businessCard-Container > .bc-name { font-size:46px !important;  } }
@media all and (min-width: 2000px) {  .businessCard-Container > p { font-size:34px;  } }*/
/*5 Lines for new adjustments of placements and margins*/
/*@media all and (min-width: 410px) {  .businessCard-Container-line5 > .bc-name  { font-size:20px !important;  } }
@media all and (min-width: 600px) {  .businessCard-Container-line5 > .bc-name  { font-size:30px !important;  } }
@media all and (min-width: 900px) {  .businessCard-Container-line5 > .bc-name  { font-size:42px !important;  } }
@media all and (min-width: 974px) {  .businessCard-Container-line5 > .bc-name  { font-size:42px !important;  } }
@media all and (min-width: 1000px) {  .businessCard-Container-line5 > .bc-name { font-size:26px !important;  } }
@media all and (min-width: 1200px) {  .businessCard-Container-line5 > .bc-name { font-size:30px !important;  } }
@media all and (min-width: 1400px) {  .businessCard-Container-line5 > .bc-name { font-size:34px !important;  } }
@media all and (min-width: 1600px) {  .businessCard-Container-line5 > .bc-name { font-size:38px !important;  } }
@media all and (min-width: 1800px) {  .businessCard-Container-line5 > .bc-name { font-size:42px !important;  } }
@media all and (min-width: 1900px) {  .businessCard-Container-line5 > .bc-name { font-size:46px !important;  } }*/
/*3-4 Lines email & address*/
/*@media all and (min-width: 410px)  { .bc-emailAddress  { font-size:10px !important; } }
@media all and (min-width: 600px)  { .bc-emailAddress { font-size:12px !important;  } }
@media all and (min-width: 800px)  { .bc-emailAddress { font-size:14px !important;  } }
@media all and (min-width: 974px)  { .bc-emailAddress { font-size:14px !important;  } }
@media all and (min-width: 1000px) { .bc-emailAddress { font-size:12px !important;  } }
@media all and (min-width: 1200px) { .bc-emailAddress { font-size:16px !important;  } }
@media all and (min-width: 1400px) { .bc-emailAddress { font-size:18px !important;  } }
@media all and (min-width: 1600px) { .bc-emailAddress { font-size:20px !important;  } }
@media all and (min-width: 1800px) { .bc-emailAddress { font-size:22px !important;  } }
@media all and (min-width: 1900px) { .bc-emailAddress { font-size:22px !important;  } }*/
/*5 Lines Title*/
/*@media all and (min-width: 410px)  { .bc-title  { font-size:18px !important; } }
@media all and (min-width: 600px)  { .bc-title { font-size:20px !important;  } }
@media all and (min-width: 800px)  { .bc-title { font-size:24px !important;  } }
@media all and (min-width: 974px)  { .bc-title { font-size:26px !important;  } }
@media all and (min-width: 1000px) { .bc-title { font-size:16px !important;  } }
@media all and (min-width: 1200px) { .bc-title { font-size:18px !important;  } }
@media all and (min-width: 1400px) { .bc-title { font-size:20px !important;  } }
@media all and (min-width: 1600px) { .bc-title { font-size:22px !important;  } }
@media all and (min-width: 1800px) { .bc-title { font-size:24px !important;  } }
@media all and (min-width: 1900px) { .bc-title { font-size:24px !important;  } }*/
/*3-5 Lines form container holding phone fax & cell*/
/*@media all and (min-width: 410px)  { .digitsContain,.digitsContain-line5 { font-size:10px !important;  } }
@media all and (min-width: 600px)  { .digitsContain,.digitsContain-line5 { font-size:12px !important;  } }
@media all and (min-width: 800px)  { .digitsContain,.digitsContain-line5 { font-size:14px !important;  } }
@media all and (min-width: 974px)  { .digitsContain,.digitsContain-line5 { font-size:14px !important;  } }
@media all and (min-width: 1000px) { .digitsContain,.digitsContain-line5 { font-size:12px !important;  } }
@media all and (min-width: 1200px) { .digitsContain,.digitsContain-line5 { font-size:16px !important;  } }
@media all and (min-width: 1400px) { .digitsContain,.digitsContain-line5 { font-size:18px !important;  } }
@media all and (min-width: 1600px) { .digitsContain,.digitsContain-line5 { font-size:20px !important;  } }
@media all and (min-width: 1800px) { .digitsContain,.digitsContain-line5 { font-size:22px !important;  } }
@media all and (min-width: 1900px) { .digitsContain,.digitsContain-line5 { font-size:22px !important;  } }*/