﻿@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,300);

/*@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,300);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);*/


/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=23l0u0kSIMrpdQIxPS0SwtSRYna */

/* Feel free to copy&paste color codes to your application */


/* As hex codes */

.color-primary-0 { color: #01B8D2 }	/* Main Primary color */
.color-primary-1 { color: #33CADF }
.color-primary-2 { color: #04C8E3 }
.color-primary-3 { color: #018092 }
.color-primary-4 { color: #016371 }

.color-complement-0 { color: #FF7A00 }	/* Main Complement color */
.color-complement-1 { color: #FF9636 }
.color-complement-2 { color: #FF7A00 }
.color-complement-3 { color: #EE7200 }
.color-complement-4 { color: #B95900 }



/* Generated by Paletton.com Â© 2002-2014 */
/* http://paletton.com */


.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
  font-size: 12px;
}

/* making footer stick */
body {
  padding-top: 70px;
  padding-bottom: 50px;
  font-family: 'Oswald', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  background: url('../Images/chalkboardlong.jpg');
}

h1, h2, h3, h4 {
    font-family: 'Oswald', sans-serif;
    line-height: 1em;
}
h1 {
    font-size: 3.2em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.7em;
}
h4 {
    font-size: 1.4em;
}

table, tbody, tr, td, div, span, p  {
  font-size: 14px;
}

footer {
  height: 30px;
  background-color: #f5f5f5;
  padding-top: 10px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}

/* making footer stick -- the end */



@media (max-width: 1300px) {

  body {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .navbar-header {
    float: none;
  }

  .navbar-left, .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }

    .navbar-nav > li {
      float: none;
    }

      .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
      }

  .collapse.in {
    display: block !important;
  }
}

/* 
  Homepage controls: Dates unavailable and Date of Birth font anjustments
*/
.ajax__calendar_day, .ajax__calendar_other, .ajax__calendar_dayname {
  font-size:80%;
}

#dnn_ctr411_View_gvDatesUnavailable_ctl02_CalendarExtender1_daysTableHeaderRow * {
  font-size:80%;
}

input#dnn_ctr411_View_txtDOB, input#dnn_ctr411_View_gvDatesUnavailable_ctl02_txtStartDate,
input#dnn_ctr411_View_gvDatesUnavailable_ctl02_txtEndDate {
  font-size: 90%;
}

#dnn_rightPaneFour1 td table {
  font-size: 90%;
  word-break:break-all;
}

/*
.dnnLoginActions {
  visibility: hidden;
}
*/

.input-xs, select.input-xs {
  height: 30px;
  /*width: 75px;*/
  line-height: 30px;
}

.asp_lable_on_panel {
  font-size: 14px;
  font-weight: 200;
  margin-right: 10px;
  background-color: white;
}

/******* Tablet portrait screens and larger *******/
@media (min-width: 768px) {

  .container {
    width: 980px;
  }
 
  #dnn_ctr412_View_gvJobVisits *, #dnn_ctr407_View_AvailableAssignments *, #dnn_ctr407_View_AvailableAssignmentsAwaitingFollowUp *, 
  #dnn_ctr543_View_OfferedAssignments *, #dnn_ctr407_View_gvNearByVisits *, #dnn_ctr407_View_gvJobVisits * {
    font-size: 96%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr413_View_AvailableAssignments * {
    font-size: 96%;
    font-weight: 600;
    border: none;
  }

  #dnn_ctr412_View_gvJobVisits * {
    font-size: 0.9em;
    font-weight: 400;
    border: none;
  }
}

/******* Laptop portrait screens and larger *******/
@media (min-width: 992px) {
  
  .container {
    width: 980px;
  }

  
  table, tbody, tr, td, div, span, p  {
    font-size: 12.5px;
  }


  table#dnn_ctr412_View_gvJobVisits * {
    font-size: 0.95em;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr407_View_AvailableAssignmentsAwaitingFollowUp *, #dnn_ctr543_View_OfferedAssignments *, #dnn_ctr407_View_gvNearByVisits * {
    font-size: 90%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr407_View_gvJobVisits * {
    font-size: 96%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr413_View_AvailableAssignments * {
    font-size: 92%;
    font-weight: 600;
    border: none;
  }
}


@media (min-width: 1100px) {
  .container {
    width: 1040px;
  }

  table, tbody, tr, td, div, span, p  {
    font-size: 12px;
  }


  #dnn_ctr412_View_gvJobVisits *, #dnn_ctr407_View_AvailableAssignments *, #dnn_ctr407_View_AvailableAssignmentsAwaitingFollowUp *, 
  #dnn_ctr543_View_OfferedAssignments *, #dnn_ctr407_View_gvNearByVisits * {
    font-size: 100%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr407_View_gvJobVisits * {
    font-size: 89%;
    font-weight: 600;
    border: none;
  }

  #dnn_ctr413_View_AvailableAssignments * {
    font-size: 96%;
    font-weight: 400;
    border: none;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }

  table, tbody, tr, td, div, span, p  {
    font-size: 13px;
  }

  #dnn_ctr412_View_gvJobVisits *, #dnn_ctr407_View_AvailableAssignments *, #dnn_ctr407_View_AvailableAssignmentsAwaitingFollowUp *, 
  #dnn_ctr543_View_OfferedAssignments *, #dnn_ctr407_View_gvNearByVisits * {
    font-size: 100%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr407_View_gvJobVisits * {
    font-size: 93%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr413_View_AvailableAssignments * {
    font-size: 94%;
    font-weight: 400;
    border: none;
  }
}

/******* Desktop portrait screens and larger *******/
@media (min-width: 1300px) {
  .container {
    width: 1290px;
  }

  #dnn_ctr412_View_gvJobVisits *, #dnn_ctr407_View_AvailableAssignments *, #dnn_ctr407_View_AvailableAssignmentsAwaitingFollowUp *, 
  #dnn_ctr543_View_OfferedAssignments *, #dnn_ctr407_View_gvNearByVisits * {
    font-size: 103%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr407_View_gvJobVisits * {
    font-size: 96%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr413_View_AvailableAssignments * {
    font-size: 100%;
    font-weight: 400;
    border: none;
  }
}

@media (min-width: 1500px) {
  .container {
    width: 1440px;
  }
  
  /* (Large screen)
    Adjusting Shopper portal Search Ass, Available Ass and Current Ass 
    tables to fit within container
  */
  .navbar .nav > li > a, .navbar .nav > li > a:first-letter,
  .navbar .nav > li.current-menu-item > a, 
  .navbar .nav > li.current-menu-ancestor > a {
    font-size: 14px;
  }
  table#dnn_ctr412_View_gvJobVisits *, #dnn_ctr407_View_gvNearByVisits * {
    font-size: 100%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr412_View_gvJobVisits *, #dnn_ctr407_View_AvailableAssignments *, #dnn_ctr407_View_AvailableAssignmentsAwaitingFollowUp *, 
  #dnn_ctr543_View_OfferedAssignments *, #dnn_ctr407_View_gvNearByVisits * {
    font-size: 100%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr407_View_gvJobVisits * {
    font-size: 100%;
    font-weight: 400;
    border: none;
  }

  #dnn_ctr413_View_AvailableAssignments * {
    font-size: 103%;
    font-weight: 400;
    border: none;
  }
}



/* ------------------ navbar width for small screen sizes */
@media (max-width: 1000px) {
  .navbar-header {
    width: 900px;
  }
}

@media (max-width: 900px) {
  .navbar-header {
    width: 800px;
  }
}

@media (max-width: 800px) {
  .navbar-header {
    width: 700px;
  }
}

@media (max-width : 700px) {
  .navbar-header{
    width: 600px;
  } 
}

@media (max-width : 600px) {
  .navbar-header{
    width: 500px;
  } 
}

@media (max-width : 500px) {
  .navbar-header{
    width: 400px;
  } 
}

@media (max-width : 400px) {
  .navbar-header{
    width: 300px;
  } 
}

/*.btn, .btn-info {
  background-color: #17A271;
  border-color: #068658;
}
  .btn:hover, .btn:focus, .btn:active, .btn-info:hover, .btn-info:focus, .btn-info:active {
    background-color: #5AC39E;
    border-color: #34AB81;
  }*/