.signupLink {
  font-weight: bold;
}

.headerProfileimage {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


.largeProfileImage {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.newProfileLabel {
  padding-top: 74px;
  padding-left: 20px;
  font-weight: 300;
  cursor: pointer;
}


body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

/*
.modal-open { 
  position: fixed; 
}
*/

.helpButtonText{
  font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.sorting_1{ 
  cursor: pointer; cursor: hand; 
}

table.optionTable{
  border-collapse: collapse;
  float: left;
  margin-bottom: 25px;
}

table.optionTable td{
  padding: 10px;
}

.dimmed {
  position: relative;
}

.dimmed:before {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.inactive-heading {
  background-color: #e3f2fd !important;
  border-color: #e3f2fd !important;
}

.accepted-heading {
  background-color: #aed581  !important;
  border-color: #aed581  !important;
}

.accepted-item {
  color: white !important;
}
.row-margin-bottom{
  margin-bottom: 5px;
}

.large-fonts {
  font-size: 16px;
}

.errorTxt {
	color: #a94442;
}

.navBarLink {
  padding-top: 25px;
}

.navbar-brand{
  color: #5cb85c !important;
}

input.large-fonts[type="text"] {
    font-size:14px;
}

.single-help-block {
  color: #a94442;
  font-weight:bold;
}

.modal-body-scroll {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
    margin-left: 15px;
    margin-right: 15px;
}

.highlight {
  background-color: yellow !important;
}

.spacer {
  margin-bottom: 15px;
}

.error-text {
  color: red !important;
}


.clsDatePickerTimeOff {
  z-index: 1151 !important;
}

.has-error-iconx {
  background-color: yellow !important;
}

.nowrap-label {
  white-space:nowrap;
}

.grid-actions-buttons {
  white-space:nowrap;
  display:inline-block;
  /* float: right; */
}

.form-group {
  padding-right:20px;
  position:relative;
}

.toggle-button-label {
   padding-left:20px;
}

.action-link {
  color: #5bc0de !important;
}

.delete-link {
  color: #d9534f !important;
}

.delete-skill-link {
  color: #d9534f !important;
}

.subtitle {
  color: #999;
  font-size: 65%;
}

.subtitleLarge {
  color: #999;
  font-size: 85%;
}

.formInputLabel {
   text-align:left !important;
   white-space: nowrap;
}

.small-input {
  width:60px !important;
}

.small-label-pad {
  padding-left:0px !important;
}

.action-selector {
  vertical-align: baseline;
}

.payGroupEdit {
  display:none;
}

.otGroup{
  display:none;
}

.otSection {
  background-color: yellow;
}

.selectListRow {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.selectListRowGroup {
  margin-top: 5px;
  margin-bottom: 5px;
}

.skillTitle {
  padding-left: 15px;
}

.btn-left {
  float: left !important;
}

.btn-right {
  float: right !important;
}

.btn-hide {
  visibility: hidden !important;
}

.modal-smaller {
    width: 50% !important;
}


.fullnavbar {
  width: 100% !important;
}

.schedule-pick {
   font-size: 18px;
   height: 42px;
}

/* Low-res Desktops and laptops -----------*/
@media only screen
and (min-width : 1179px) {

  .controlButtons td{
    padding: 5px;
  }

  .loginPanel {width: 60%; margin: 0 auto;}
  .flex-control {width: 40% !important}

  .navbar-right{
    display: inline !important;
  }
  .mobileMenu{
    display: none !important;
  }


}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
  
  .controlButtons td{
    padding: 5px;
  }

  .loginPanel {width: 60%; margin: 0 auto;}
  .flex-control {width: 40% !important}

  .navbar-right{
    display: inline !important;
  }
  .mobileMenu{
    display: none !important;
  }

}

/* Large screens ----------- */
@media only screen
and (min-width : 1600px) {

  .controlButtons td{
    padding: 5px;
  }

  .loginPanel {width: 40%; margin: 0 auto;}
  .flex-control {width: 40% !important}

  .navbar-right{
    display: inline !important;
  }
  .mobileMenu{
    display: none !important;
  }


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

  .container {
    padding:5px;
    margin:5px;
  }

 
  .controlButtons td{
    padding: 2px;
  }


  body {
    padding:5px;
  }

  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom:5px;
  }

  .navbar-right{
    display: none !important;
  }
  .mobileMenu {
    display: inline !important;
  }

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */


}

@media only screen
and (max-width : 360px) {
/* Styles */

}


/* Tablets, iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

  .controlButtons td{
    padding: 2px;
  }

  .navbar-right{
    display: inline !important;
  }
  .mobileMenu{
    display: none !important;
  }

}

/* Tablets, iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

  .controlButtons td{
    padding: 2px;
  }

  .navbar-right{
    display: block;
  }
  .mobileMenu{
    visibility: hidden;
  }

}

/* Tablets, iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

  .loginHeader {color: green;}

}



/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}