.container {padding: 5px;}
/*.container-fluid {padding-right:0;padding-left:0;margin-right:5px;margin-left:5px}*/
.form-signin{max-width:330px;padding:15px;margin:0 auto;}
.form-signin .form-signin-heading, .form-signin .checkbox2{margin-bottom:10px;}
.form-signin .checkbox{font-weight:normal;}
.form-signin .form-control{position:relative;font-size:16px;height:auto;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form-signin .form-control:focus{z-index:2;}
.form-signin input[type="text"]{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.form-signin input[type="password"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0;}
.form-submitpay .form-control{position:relative;font-size:16px;height:auto;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.select-list{font-size:16px;height:29px;padding:1px;width:200px;}
.select-list2{font-size:14px;height:20px;padding:1px;width:80px;}
.account-wall{margin-top:0px;padding:0px 0px 0px 0px;background-color:#f7f7f7;-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);}
.login-title{color:#555;font-size:18px;font-weight:400;display:block;}
.logo-img{margin:0 auto 10px;display:block;}
.error-msg{color:red;font-size:large;margin:0 auto;}
.need-help{margin-top:10px;}
.new-account{display:block;margin-top:10px;}
.main-menu{max-width:330px;padding:5px;padding-bottom:15px;margin:0 auto;margin-bottom:15px;}
.users_finance_only {background-color: lightgray;padding: 1px;}
.name{font-size:large;}
.menulevel{font-size:large;}
.user-list{max-width:330px;padding:10px;margin:0 auto;margin-bottom:10px;}
.user-wall{margin-top:0px;padding:0px 0px 0px 0px;background-color:#f7f7f7;-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);}
input[type=checkbox2]{width:30px;height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:1px solid #bbb;vertical-align:middle;margin-bottom:5px;}
input[type=radio]{width:30px;height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:1px solid #bbb;vertical-align:middle;margin-bottom:5px;}
input[type="date"].form-control, input[type="time"].form-control,
input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: initial;
}
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    padding: 1px 4px;
}
.custom-checkbox[type=checkbox]{width:15px;height:15px;-moz-appearance: checkbox;}
.timesheeticon{height:60px;width:55px;vertical-align:bottom;float:right;}
.close-window{height:35px;width:35px;vertical-align:top;float:right;}
#weekview{}
#weekview td{padding-top:8px;padding-bottom:8px;font-size:17px;border-bottom:1px solid #555;}
#weekviewhead td{padding:0px;font-size:16px;}
#payviewhead td{padding:0px;font-size:18px;}
#detailviewhead td{padding:0px;font-size:16px;}
.warnmsg{width:auto;text-align:center;font-size:18px;font-weight:bold;color:red;}
.atime-report{font-size:18px;font-weight: bold; width: 100%;text-align: center;}
.time-details-startend{font-size:20px;font-weight:bold;color:red;}
.time-details-hrs{font-size:18px;}
.time-details-row1{font-size:20px;font-weight:bold;text-align: left;}
.time-details-row2{font-size:18px;}
.time-details-row3{font-size:14px;color:grey;}
.time-details-row4{font-size:20px;text-align: right;}
.time-details-row-total{font-size: 20px;font-weight: bold;text-align: right;}
.time-details-table2{width: 100%;}
.time-details-desc{padding:2px;border:solid 1px;box-shadow:2px 2px;display:none;background:white;font-size:16px;}
.time-details-day-total{float:left;font-size:18px;font-weight:bold;}
.time-details-week-total{text-align:right;font-weight:bold;line-height:15px;}
.time-details-weekday{text-align:left;}
.time-details-weekday-total{text-align:right;font-weight:bold;}
.time-details-weekday-warn-yellow{text-align:left;background-color:yellow;}
.time-details-weekday-total-warn-yellow{text-align:right;font-weight:bold;background-color:yellow;}
.time-details-weekday-warn-red{text-align:left;background-color:#ffad99;}
.time-details-weekday-total-warn-red{text-align:right;font-weight:bold;background-color:#ffad99;}
.time-details-day-submitted-status{font-size: 16px;color: limegreen;}
.calchrs{float:left;font-size:20px;position:relative;top:2px;margin-right:0px;}
.pay-period-total{font-size:16px;width:100%;text-align:center;}
.pay-period-status{color:blue;}
.pay-period-text{width:auto;text-align:center;font-size:16px;font-weight:bold;}
.pay-period-status-alert{width:auto;text-align:center;font-size:16px;font-weight:bold;color:red;}
.payrow1{font-size:20px;font-weight: bold;}
.activepie{}
.officepie{}
.vacation-available{font-size: 20px;}
.vacation-row1{font-size: 19px;font-weight:bold;color: red;}
.vacation-row2{font-size: 18px;}
.vacation-notes{font-size: 16px;background-color: white;margin-left: 2px; width:auto}
.vacation-hrssubmited{font-size: 20px;font-weight:bold;float: right;}
.vacation-details{display: block;margin-left: 15px;}
.vacation-total{font-size: 20px;font-weight: bold;}
.vacationmanagerow1{font-size: 20px;font-weight:bold;color: red;}
.vacationmanagerow2{font-size: 18px;font-weight:bold;margin-left: 10px;}
.vacationmanagenotes{font-size: 16px;background-color: white;padding: 3px; width:auto;margin-left: 10px;}
.vacationmangerow3{margin-left: 10px;}
.vacation-requests-notice{width:auto;text-align:center;font-size:16px;font-weight:bold;color:red;}
.verify-wo{font-weight: bold;font-size: 16px;color: red;cursor: pointer;}
.verify-cust{font-weight: bold;font-size: 16px;color: black;}
.verify-row1{font-size: 16px;margin-left: 0px;}
.verifiy-wo-details{font-size: 16px;margin-left: 15px; background-color: #E8E8E8; display: none;}
.verify-wo-link{color: blue;}
.verify-wo-workdesc{padding: 3px;}
.verify-wo-table{width: 100%;}
.verify-wo-updated{font-size: 14px;color: grey;}
.expense-wo{font-weight: bold;font-size: 16px;color: red;cursor: pointer;}
.expense-cust{font-weight: bold;font-size: 16px;color: black;}
.expense-details-row1{font-size: 18px; text-align: left;}
.expense-details-row2{font-size: 18px; text-align: right;}
.expense-report-row1{font-size: 16px; text-align: left;}
.expense-report-row2{font-size: 16px; text-align: right;}
.expense-details-total{font-size: 18px; font-weight: bold; text-align: right;}
.expense-date-row{font-size: 18px; font-weight: bold; text-align: center;}
.information{color: red;}
table.progress-tables {border: 1px solid #1C6EA4;} th {text-align: center;}
.reports_section_title{background-color:#f7f7f7;color: blue;}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.radio-toolbar input[type="radio"] {
  display: none;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 16px;
  cursor: pointer;
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: #bbb;
}
h4 {
  position: relative;
  text-align: center;
}

h4 span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

h4:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}

h4:before {
  left: 0;
}
.badge {
    position: relative;
    top: -25px;
    left: 300px;
    padding: 3px 9px;
    border: 2px solid white;
    border-radius:100px;
    background: -webkit-linear-gradient(top, #FF6969 0%,#ff0000 100%);
    box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset; 
    -webkit-background-clip: padding-box;
    font:bold 16px/20px "Helvetica Neue", sans-serif; 
    color: white;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}
.badge-sub {
    position: absolute;
    top: -5px;
    left: 280px;
    overflow: hidden;
    padding: 3px 9px;
    border: 2px solid white;
    border-radius:100px;
    background: -webkit-linear-gradient(top, #FF6969 0%,#ff0000 100%);
    box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset; 
    -webkit-background-clip: padding-box;
    font:bold 16px/20px "Helvetica Neue", sans-serif; 
    color: white;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}
.value-button {
  display: inline-block;
  border: 1px solid #ddd;
  margin: 0px;
  width: 40px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagingcontainer{width: 100%;margin-top: -15px;margin-bottom: -10px;}
.mode_notify{width: 100%;background-color: red;color: white; font-weight:bold;text-align: center;}
.charged{color: blue;}
.approve{font-size: 20px;float: right;}
.trucks{
    width:100%; 
    border-collapse:collapse;
    font-size: 16px; 
}
.trucks td {
    padding: 5px;
}
	/*  Define the background color for all the ODD background rows  */
	.trucks tr:nth-child(odd){ 
		background: #b8d1f3;
	}
	/*  Define the background color for all the EVEN background rows  */
	.trucks tr:nth-child(even){
		background: #dae5f4;
	}
.tooltipB {
    position: relative;
    display: block;
    color: blue;
}

.tooltipB .tooltiptext {
    visibility: hidden;
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    left: -10%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.tooltipB:hover .tooltiptext {
    visibility: visible;
}
.dropbtn {
    cursor: pointer;
    }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    margin-left: 20px;
    background-color: #f1f1f1;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 5px 7px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    text-decoration: underline
}

.footer{color: lightgrey;text-align: right;}
.arrow_box_container{
    position: relative;
    width: 100px;
    top: -125px;
    left: 330px;
    color: white;
    font-weight: bold;
}
.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 2px solid #000000;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #88b7d5;
	border-width: 15px;
	margin-top: -15px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000000;
	border-width: 18px;
	margin-top: -18px;
}
.img-wrap {
    position: relative;
}
.img-wrap .delete {
    color: red;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
}
.img-wrap .thumb {
    color: black;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 100;
}
.trash-link { color: inherit;
    text-decoration: none; }
    .odometer {
    font-size: 20px;
}

#PINform input:focus,
#PINform select:focus,
#PINform textarea:focus,
#PINform button:focus {
	outline: none;
}
#PINform {
	background: #ededed;
	position: absolute;
	width: 300px; height: 400px;
	left: 50%;
	margin-left: -180px;
	top: 50%;
	margin-top: -215px;
	padding: 30px;
      -webkit-box-shadow: 0px 5px 5px -0px rgba(0,0,0,0.3);
         -moz-box-shadow: 0px 5px 5px -0px rgba(0,0,0,0.3);
              box-shadow: 0px 5px 5px -0px rgba(0,0,0,0.3);
}
#PINbox {
	background: #ededed;
	margin: 3.5%;
	width: 92%;
	font-size: 4em;
	text-align: center;
	border: 1px solid #d5d5d5;
}
.PINbutton {
	background: #ededed;
	color: #7e7e7e;
	border: none;
	/*background: linear-gradient(to bottom, #fafafa, #eaeaea);
      -webkit-box-shadow: 0px 2px 2px -0px rgba(0,0,0,0.3);
         -moz-box-shadow: 0px 2px 2px -0px rgba(0,0,0,0.3);
              box-shadow: 0px 2px 2px -0px rgba(0,0,0,0.3);*/
	border-radius: 50%;
	font-size: 1.5em;
	text-align: center;
	width: 60px;
	height: 60px;
	margin: 7px 20px;
	padding: 0;
}
.clear, .enter {
	font-size: 1em;
}
.PINbutton:hover {
 	box-shadow: #506CE8 0 0 1px 1px;
}
.PINbutton:active {
 	background: #506CE8;
	color: #fff;
}
.clear:hover {
 	box-shadow: #ff3c41 0 0 1px 1px;
}
.clear:active {
 	background: #ff3c41;
	color: #fff;
}
.enter:hover {
 	box-shadow: #47cf73 0 0 1px 1px;
}
.enter:active {
 	background: #47cf73;
	color: #fff;
}
.shadow{
      -webkit-box-shadow: 0px 5px 5px -0px rgba(0,0,0,0.3);
         -moz-box-shadow: 0px 5px 5px -0px rgba(0,0,0,0.3);
              box-shadow: 0px 5px 5px -0px rgba(0,0,0,0.3);
}
.delete_icon:hover {
    color: red;
}