html {
  background-color:#333;  
}
body {
  padding-top: 0;
  padding-bottom: 0;
  background-color:rgb(245,245,245);
  /*background:url(../../content/bg1.png);*/
}
.body-bg {
  background-color:transparent;
  overflow: hidden;
  zoom: 1;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-header-main .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-family: inherit;
  font-weight: normal;
  text-transform: none;
  line-height: 20px;
  color: #777777;
  height: 42px;
  margin-top: 6px;
}
.navbar-default {
  border:none;
  background-color:transparent;
  border-color:transparent;
}
.navbar-default .container {
  padding-left: 0;
  padding-right: 0;  
}

.navbar.navbar-default.navbar-top .container > .row {
  margin-left: 0;
  margin-right: 0;  
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 0;
  padding-left: 0;
}

.tx-felogin-pi1 .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  background-color:rgba(245, 245, 245, 0.8);
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.row.row-2 {
  display:inline-block;
}
.company-style {
  position:relative;
  top:0;
  font-size:14px;
  line-height: 24px;
  height: 24px;
  font-weight:normal;
  color:#03A7D2;
}

/* Custom page header */
.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.breadcrumb-section {
  background-color:transparent;
  border-bottom: none;
  margin-bottom: 0;
  margin-top:24px;
}
.breadcrumb {
  background-color:transparent;
}
.footer {
  margin-top:40px;
}
.footer-section {
  margin-top: 0;
}
.meta-section {
  display:none;  
}
.btn-lg {
  border-radius:10px;
}
.pull-right .glyphicon.glyphicon-log-out {
  padding-right:6px;
}
a .glyphicon.glyphicon-log-out {
  color: #d90000;
}
a:hover .glyphicon.glyphicon-log-out {
  color: #000000;
}

.image-beside-left .image-wrap, .image-beside-right .image-wrap, .image-intext-left .image-wrap, .image-intext-right .image-wrap {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.tx-powermail {
    width: 100%;
    max-width: 640px;
}
.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul {
    width: 100%;
}
.tx-powermail .powermail_fieldset .powermail_field {
    width: 100%;
}
/* Customize container */
@media (min-width: 768px) {
/*  body#pageid-3 #content {
    height:400px;
  }*/
  .container {
    max-width: 730px;
  }
.navbar-header-main .navbar-brand {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  height: 60px;
  margin-top: 6px;
}
.company-style {
  top:0;
}
.company-style {
  position:relative;
  top:0;
  font-size:16px;
  line-height: 32px;
  height: 32px;
  font-weight:bold;
  color:#03A7D2;
}
}
@media (min-width: 992px) {
/*  body#pageid-3 #content {
    height:500px;
  }*/

}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}


/*TOPUUR*/

@charset "utf-8";

#ex1Slider .slider-selection,#ex2Slider .slider-selection,#ex3Slider .slider-selection {
  background: #73BFF4;
}





.slider input {
display: block;
margin-left:-16.66666666%;
}

.slider.slider-horizontal {
width: 100%;
/*height: 30px;*/
height:auto;
}


.btn.my-btn{
border: none;
background-color: transparent;
color: #ccc;
font-size: 30px;
margin-top: -20px;
}

.btn.cal-btn{
border: 1px solid #428bca;
border-radius: 4px;
color: #ffffff;
font-size: 16px;
line-height:16px;
padding:2px;
margin-right:0;
background-color:transparent;
text-align: center;
text-align: -webkit-center;
}
.btn.today{
color:#428bca;
}
.btn.active{
  border-color:transparent;
}
.btn.today.disabled, .btn.today[disabled]{
color:#ffffff;
opacity: 1.0;
}


.btn.edit-btn{
border: none;
background-color: transparent;
font-size: 30px;

}




.btn.my-btn0{
border: none;
background-color: transparent;
color: #000;
font-size: 15px;
margin-top: 0;
margin-left: 0;
text-align:left;
padding-left:0;
padding-right:0;
}
.btn.my-btn1{
border: none;
background-color: transparent;
color: #428bca;
font-size: 45px;
margin-top: 10px;
margin-left: 0;
}
.btn-chevron-week{
border: none;
background-color: transparent;
color: #428bca;
font-size: 40px;
margin-top: 10px;
margin-left: 0;
}
.btn-chevron-week.btn-group-lg>.btn, .btn-chevron-week.btn-lg {
line-height: .8;
}


.btn.cal-btn:hover,.btn-chevron-week.btn:focus,.btn-chevron-week.btn:hover{
color:#ccc;
}

 


.monthName .btn-group-lg > .btn, 
.monthName .btn-lg{padding:0 0 10px 0;margin:0;}

.btn.my-btn2{
border: none;
background-color: transparent;
color: #fff;
font-size: 24px;
margin-left: -20px;
}

.my-btn:hover,
.my-btn.hover {
  background-color: transparent;
  color: #000;
}

.my-btn1:hover,
.my-btn1.hover {
  background-color: transparent;
  color: #ccc;
}

.my-btn2:hover,
.my-btn2.hover {
  background-color: transparent;
  color: #ccc;
}
.btn.my-btn3{
border: none;
background-color: transparent;
color: #fff;
font-size: 20px;
margin-left: -20px;
}
.my-btn3:hover,
.my-btn3.hover {
  background-color: transparent;
  color: #ccc;
}


.btn.my-btn4{
border: none;
background-color: transparent;
color: #8CC63F;
font-size: 30px;
margin-top: -20px;
}
.btn.my-btn4.approved{
color: #acacac;
}
.my-btn4:hover,
.my-btn4.hover {
  background-color: transparent;
  color: #5E9606;
}


.costs-box {
text-align: center;
color: #428BCA;
}

.value{
text-align: right;
font-size: large;
color: #428BCA;
}


.brdr {
/*border-left: thin solid #fff;*/
/*height: 89px;*/
padding-top: 0;
  
}

.brdr1 {
border-left: thin solid #fff;
  border-right: thin solid #fff;
height: 89px;
  padding-top: 20px;
}


.dateNumber{ font-size:32px;display:block;}


.up {
margin-top: -40px;
color: #000;
}


.my-footer{
margin-top: 100px;
color: #ccc;
font-size: larger;
}

.my-notearea{
width: 100%;
margin-top: 20px;
}

.progress-success.progress-striped .bar {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}


.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default {
border-color: #428BCA;
}

.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 0;
border-top-left-radius: 0;
}

.row-top{
color: #cccccc;
margin-top: 40px;
margin-bottom: 20px;
}
.row.row-date-select {
/*background-color:#000;*/
background-color:transparent;
margin:0;
}
.row.row-worker-select {
margin-top: 20px;
background-color:#428BCA;
}
.row.row-worker-select>div,.row.row-worker-select i {
min-height:0;
overflow:hidden;
}

.row.row-worker-list {
margin-top: 20px;
background-color:transparent;
}

.row.row-worker-select .buttonalike {
  border: none;
  background-color: transparent;
  color: #fff;
  font-size: 24px;
  line-height: 50px;
}

.form-control-search-empl.form-inline .form-group,
.form-control-search-empl.form-inline .input-group,
.form-control-search-empl.form-inline .form-control {
  width:100%;
}
.form-control-search-empl .btn {
  width:100%;
  border-radius:0px !important;
}
.row.row-date-select.above-buttons {
/*background-color:#000000;*/
background-color:transparent;
margin:0;
}


.row.row-project-select,
.panel-heading.row-project-select {
background-color:#428BCA;
color: white;
position : relative;
}
.row.row-form-01 {
margin-top: 0;
}
.panel-heading .approvedAll {  position: absolute; right: 4px; top: 1px;}
.tab-content .row.row-project-data{
/*margin-left:15px;
margin-right:15px;*/
margin-top:0;
}
.tab-content .row.row-project-select {
/*margin-left:15px;
margin-right:15px;*/
margin-top:20px;
}

.my-prog-bar {
width: 90%;
margin: auto;
}

.my-text {
color: white;
}
  
.pad {
margin: 40px;
}

.pad1{
margin-top: 10px;
}

.date-dates {
overflow:hidden;  
}
.above-buttons .date-dates {
height:25px;  
}

.date-dates .nav-pills>li>a {
border-radius: 0;
padding: 6px 0;
}
.above-buttons h2 {
  margin-top:0;
}
.date-dates .nav-pills>li>a.btn {
border: 0;
padding-top:20px;
}
.date-dates .nav-pills>li {
width: 14%;
background-color: #000;
background-color:transparent;

}

.above-buttons .date-dates .nav-pills>li {
background-color: #000000;
}
.btn-default,.btn-success {
border-color: #428bca;
}
.date-dates .nav-pills>li .btn-default {
color:#428BCA;
background-color: transparent;
border-color: #ccc;
}
.date-dates .nav-pills>li .btn-default.active {
/*background-color: #428BCA;*/
color:#fff !important;
}
.date-dates .nav-pills.date-months {
color: #000;
background-color: #000;
border: inherit;
  display: block;
}

.above-buttons .date-dates .nav-pills.date-months {
color: #fff;
background-color: #000;
}

.date-dates .nav-pills>li+li {
margin-left: 0px;
}
.date-month-end {
padding-right:4px;
}
.date-month-begin {
padding-left:4px;
}
.btn-default .badge {
color: #fff;
  background-color: #aaa;
  border-radius: 50%;
  height: 30px;
  padding-top: 9px;
}

.btn-default.active {
/*height: 89px;
margin-top: -20px;
  margin-right: -2px;*/
}

.glyphicon-refresh {
padding-top: 5px;
}

.hours-form {
margin: auto;
margin-top: 20px;
border: inherit;
background: #eee;
}
.form-control{
height:54px;
font-size:18px;
border:1px solid #428BCA;
}


#ex1Slider input,#ex2Slider input,#ex3Slider input {
border: inherit;
  color: #428BCA;
  font-size: x-large;

}

.redCheckLabel { color:#900;}
 
.badgeDiv li{ width:14%;}

.well.well-teamlist {
  margin-left:15px;
  margin-right:15px;
  border: 1px solid #428BCA;
  border-radius: 0;
}



@media (min-width: 768px) {
.container {
width: 700px;
}
.date-dates .nav-pills>li {
width: 97px;
}
  
.hours-form {
width: 100%;
}

.badgeDiv li{ width:97px;}


}

.specialDay{ /*background-color:#DB7093 !important;*/ color:#999999 !important;}
.editSlider{left:100px;}
.editSlider .slider{ width:80%; }
.monthName{ color:#fff;}
.weekBox{ color:#fff;text-align:center;}
.weekBox .box{text-align:center;text-align:-webkit-center;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.nolineheight {
line-height:1.0;  
}
.col-xxs {
padding-left:0;  
}
.text-left {
  text-align:left;
}
.margin10{
  margin: 10px 0;  
}

.align-right{ text-align:right;}


.icon-refresh-animate {
  animation-name: rotateThis;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotateThis {
  from { transform: scale( 1 ) rotate( 0deg );   }
  to   { transform: scale( 1 ) rotate( 360deg ); }
}

.row-centered{
  text-align:center;
}

.col-centered{
   display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.padding2{padding:0 2px;}
.margin2{ margin:2px 0;}

.numberDiv{padding:0;text-align:center;background-color:#999999; color:#ffffff; cursor:pointer;height: 50px; line-height: 50px;}
.numberDiv.selected{background-color:#428BCA !important;}
.numberDiv:hover{background-color:#428BCA;}
.numberDivide{ width:185px;}
.showhideButton { cursor:pointer;}
.bfh-number-btn { cursor:pointer;}

.well.well-teamlist td.leftcell,.well.well-teamlist th.leftcell{width:60%;vertical-align: middle;}
 
.btn-group.teamsave { background-color:transparent;border-radius: 4px;border:1px solid #428BCA;width:120px;}
.btn-group.teamsave .btn {width:58px;}
.btn-group.teamsave .btn.active,.btn-group.teamsave .btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

/*.teamsave .active { background-color :  #44bb00 !important;}
.teamsave .red{ background-color : #dd4411; }*/

.btn-group.teamsave .red {border-right: 1px solid #428BCA;}

.blank { height:  20px;display: block;}
.btn-primary1 {
/*    background-color: #dd4411;
    border-color: #357EBD;
    color: #FFFFFF;*/
}
    
    
/* New Slider ==============================================================*/

/*#ex1Slider {
    margin-bottom: 5em;
    margin-top: 3em;
}

#ex1Slider .ui-slider-handle {
    border-radius: 15px/10px;
    background: #4F5861;
    border-color: #4F5861;
}

#ex1Slider .ui-slider-handle:after {
    content: " ";
    width: 0; 
    height: 0;
    border: 7px solid transparent;
    border-top-color: #4F5861;
    position: absolute;
    bottom: -12px; 
    left: 50%; 
    margin-left: -7px; 
}

#ex1Slider .ui-slider-tip,
#ex1Slider .ui-slider-tip:before,
#ex1Slider .ui-slider-tip:after {
    background: transparent;
    border: none;
    font-size: 1.2em;
}

#ex1Slider .ui-slider-pip {
    width: 1%;
    margin-left: -0.5%;
}

#ex1Slider .ui-slider-pip > .ui-slider-label {
    display: none;
    height: 4px;
}

#ex1Slider .ui-slider-pip > .ui-slider-line {
    background: #aaa;
}

#ex1Slider .ui-slider-pip:nth-of-type(5n+1) > .ui-slider-line {
    height: 6px;
    background: #777;
}

#ex1Slider .ui-slider-pip:nth-of-type(5n+1) > .ui-slider-label {
    display: block;
    top: 8px;
    color: #ccc;
    font-size: 0.8em;
}

#ex1Slider .ui-slider-pip:nth-of-type(10n+1) > .ui-slider-line {
    height: 10px;
    background: #222;
}

#ex1Slider .ui-slider-pip:nth-of-type(10n+1) > .ui-slider-label {
    display: block;
    top: 12px;
    color: #333;
    font-size: 1em;
}*/

.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;

  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
 
 
}


@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}




.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}
    
/*By developer*/
.headerlist { width: 50%; }
.calenderbtn { padding: 4px 16px; }
.navigation { width  : auto; float:none; display :block; }
/*.btn-left { float:left; }
.btn-right { float:right; }*/

.header-area {
background-color:#ffffff;  
}
/*By developer*/

.box  { width:auto; float:left; /*padding-right:13px;*/}
.box span  { display:table;}

#saveHourForm  { margin-top:0;}
.buttonclass  { width:100%; overflow:hidden; text-align:center; margin-bottom:30px;}
.row-button1  { width:100%; display:inline-block; margin-top:30px;}
.btn-display  { display:inline-block;}
.btn-projects  { width:90%; text-align:center; display:inline-block;}
.btn-projects big  { padding-right:10px;}



/* =-==-=-= Content =--=-=-=-= */



.hoursCtrl h1 {
  font-size: 30px;
  margin: 12px 0 15px;
  display:inline-block;
}
.hoursCtrl h2 {
  font-size: 22px;
  margin: 0 0 9px;
}
.hoursCtrl a.back { display:inline-block; float:right; color:#515151; margin-top:12px; }
.hoursCtrl a:hover { text-decoration:none;}
/*.calendar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.calendar ul li {
  background-color: #000;
  display: inline-block;
  margin-bottom: 14px;
  margin-right: 12px;
  text-align: center;
  width: 20%;
  vertical-align: top;
}
.calendar ul li a {
  display: inline-block;
  padding: 20px;
  width: 100%;
  font-size: 33px;
  line-height: 25px;
  color: #fff;
  min-height:100px;
}
.calendar ul li a span {
  display: inline-block;
  width: 100%;
  font-size: 16px;
}
.calendar ul li a:hover, .calendar ul li a:focus {
  text-decoration: none;
}*/
.calendarList ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.calendarList ul li {
  background-color: #000;
  display: inline-block;
  margin-bottom: 14px;
  margin-right: 12px;
  text-align: center;
  width: 14%;
  vertical-align: top;
}
.calendarList ul li a {
  display: inline-block;
  padding: 15px;
  width: 100%;
  font-size: 33px;
  line-height: 25px;
  color: #fff;  
  min-height: 86px;
}
.calendarList ul li a span {
  display: inline-block;
  width: 100%;
  font-size: 13px;
}
.calendarList ul li a:hover, .calendar ul List a:focus {
  text-decoration: none;
}
.events { margin-top:20px;}
.media { background-color:#428BCA; width:100%; color:#fff; padding:10px; margin-bottom:10px; }
.media a { color:#fff;}
.media-body { width: 100%; }
.media-body p { padding-left:10px; margin:0;}
.media-right a { font-size:20px; color:#fff;}
.media-right a:hover , .media-right a:focus { text-decoration:none;}

.invetory { display:inline-block; width:100%;}
.invDetails h4:first-child { margin-top:25px;}
.invDetails h4 { margin-bottom:25px;}
.invDetails .InventoryDetails { width:57%; display:inline-block;}
.invDetails .leftPrice { width:20%; display:inline-block;}
.invDetails .rightPrice { width:20%; display:inline-block;}
.invDetails span.red { color:#f00;}
.grey { color:#515151;}

.hoursCtrl .input-group .form-control { width:80%; border-radius:0px;}
.hoursCtrl .form-control { height:40px; border-top:3px solid #0080ff; border-bottom:3px solid #0080ff; border-left:3px solid #0080ff; border-right:none; box-shadow:none; }
.hoursCtrl input[type="button"].search { border-top:3px solid #0080ff; border-bottom:3px solid #0080ff; border-right:3px solid #0080ff; border-left:none; border-radius:0; padding:14px 15px 0px; background-color:#fff; background-image:url(../images/select-icons.png); background-repeat:no-repeat; background-position:center; }
.hoursCtrl input[type="submit"].search { border-top:3px solid #0080ff; border-bottom:3px solid #0080ff; border-right:3px solid #0080ff; border-left:none; border-radius:0; padding:9px 15px 0px; background-color:#fff; background-image:url(../images/select-icons.png); background-repeat:no-repeat; background-position:center; }
.hoursCtrl input[type="button"].search.active, .hoursCtrl input[type="button"].search.focus, .hoursCtrl input[type="button"].search:active, .hoursCtrl input[type="button"].search:focus, .hoursCtrl input[type="button"].search:hover { background-color:#FFF; border-color:#0080ff;}
.hoursCtrl input[type="submit"].search.active, .hoursCtrl input[type="submit"].search.focus, .hoursCtrl input[type="submit"].search:active, .hoursCtrl input[type="submit"].search:focus, .hoursCtrl input[type="submit"].search:hover { background-color:#FFF; border-color:#0080ff;}

.hoursCtrl .input-group.inputClear { width:60%;}
.hoursCtrl .inputClear input[type="button"] { float:left; border-right:none;}
.hoursCtrl .inputClear input[type="submit"] { float:left; border-right:none;}
.hoursCtrl .inputClear input[type="button"].clear { padding:2px; border-left:none; border-right:3px solid #0080ff; background-image:url(../images/clear.png); background-repeat:no-repeat; background-position:center; border-top:3px solid #0080ff; border-bottom:3px solid #0080ff; border-right:3px solid #0080ff; border-left:none; border-radius:0; padding:14px 20px 0px; background-color:#fff; }
.hoursCtrl .inputClear input[type="submit"].clear { padding:2px; border-left:none; border-right:3px solid #0080ff; background-image:url(../images/clear.png); background-repeat:no-repeat; background-position:center; border-top:3px solid #0080ff; border-bottom:3px solid #0080ff; border-right:3px solid #0080ff; border-left:none; border-radius:0; padding:9px 20px 0px; background-color:#fff; }

/*.price { background: #000 none repeat scroll 0 0; float: right; padding: 5px; width: 20%; margin-top:10px; color:#fff; display:inline-block;}
.price label , .price span { font-size:20px; }
.price .priceTag span{ font-size:16px; color:#f00; width:100%;}*/
.grey { color : #808080 !important;}
/* =-==-=-= END Content =--=-=-=-= */


@media (max-width: 767px) {
.container{padding:0 30px;}
.tab-content .row.row-project-data{margin:0 -15px;}
.price { float:none;}
}


@media (max-width: 480px) {
.calendar ul li, .calendarList ul li { width: 29%;}
.hoursCtrl .input-group.inputClear { width:100%;}
.btn.mybtnproject { white-space:initial;}
.my-btn2 .glyphicon { line-height:2;}
}



@media (max-width: 479px) {
.row-days .btn.my-btn1  { font-size:22px; margin-left:0px; margin-top:28px; }  
.row-days .btn-group-lg .btn/*, .btn-lg*/  {padding:0px 5px;}
.row-days .date-dates .nav-pills > li  { width:auto;}
.row-days .navigation  { width:77%;}
.row-days .date-dates .nav-pills > li > a.btn span  { font-size:21px;}
.row-days .date-dates .nav-pills > li + li  { margin-left:10px;}

.tab-pane big  {float:left; padding-left:17px; width:150px; word-wrap:break-word;}
.btn.my-btn3  { margin-left:0px;}

}
@media (max-width: 479px) {
.above-buttons .col-xs-3{width:40%;}
.above-buttons .col-xs-4{width:60%;}
.above-buttons .col-xs-5{width:100%;}
.monthName{margin-bottom:10px;}
.box{float:none;display:inline-block;}
.monthName .dateNumber{font-size:13px;line-height:11px;}
/*.badgeDiv .nav-pills > li .badge{width:35px;}*/
/*.badgeDiv li{width:35px;}*/
.date-dates .nav-pills > li,.date-days .nav-pills > li{width:14.27%;}
.dateNumber{font-size:20px;}
.date-days .btn{font-size:12px;line-height:30px;}
.my-text .label.label-warning{display:inline-block;}
.row-worker-select .col-xs-1{padding:0;}
.btn.my-btn2{font-size:16px;margin-left:0;}
.my-text h3{font-size:16px;}
.glyphicon-refresh{padding:0;}
/*.row-worker-select .btn.my-btn2{margin-top:20px;}*/
}

@media (max-width: 375px) {
.calendar ul li, .calendarList ul li { width: 40%; }
.hoursCtrl .input-group .form-control { width:70%;}
.hoursCtrl .my-btn2 { padding:0 !important;}
}
@media (max-width: 320px) {
.calendar ul li, .calendarList ul li { width: 100%;}
.hoursCtrl .input-group .form-control { width:65%;}
}

@media (max-width: 519px) {
.editSlider .slider{ width:70%; }
}
/* Sticky footer styles
-------------------------------------------------- */
/*html {
  position: relative;
  min-height: 100.1%;
}
body {
  position: relative;
  min-height: 100.1%;
}
.body-bg {
  margin-bottom: 140px;  
}
.footer {
  background-color:#333;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
}*/