html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  text-align:center;
}


h1{
	letter-spacing: 2px !important;
	color: #262930 !important;
	line-height: 29px !important;
	font-size: 24px !important;
	font-family: raleway, sans-serif !important;
	font-weight: 500 !important;
}

h1 a{
	color: #D18688;
}

h1 a:hover{
	color: #262930;
	text-decoration: none;
}

.header{
	height: 174px;
	border-bottom: solid;
	border-color: #C1C1C1;
	border-width: 1px;
}

.headerContainer{
	height: 100%;
	position: relative;
}

.headerLogo{
	margin-top: 33px;
	margin-left: 20px;
	width: 178px;
	height: 107px
}

.logout-btn{
	width: 69px;
	height: 19px;
	background: url('/images/admin-logout-normal.png');
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;
}

.logout-btn:hover{
	background: url('/images/admin-logout-rollover.png');
}

.footer{
	height: 60px;
	line-height: 60px;
	color: #666666;
	font-size: 13px;
	letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.menu{
	height: 139px;
	border-bottom: solid;
	border-color: #C1C1C1;
	border-width: 1px;
	margin-bottom: 60px;
}

.menuLink{
	height: 138px;
	width: 138px;
	display: inline-block;
}

.menu .col-xs-2 {
	padding:0px;
}




@media (max-width: 767px) {
    .menuLink {
    	height: 90px;
    	width: 100px;
	}
}

.usersLink{
	background: url('/images/users_btn-normal.png');
}

.usersLink:hover, .usersSelected{
	background: url('/images/users_btn-rollover.png');
}

.operativeLink{
	background: url('/images/operative_btn-normal.png');
}

.operativeLink:hover, .operativeSelected{
	background: url('/images/operative_btn-rollover.png');
}

.hoursLink{
	background: url('/images/hours_btn-normal.png');
}

.hoursLink:hover, .hoursSelected{
	background: url('/images/hours_btn-rollover.png');
}

.paymentLink{
	background: url('/images/payments_btn-normal.png');
}

.paymentLink:hover, .paymentSelected{
	background: url('/images/payments_btn-rollover.png');
}

.jobLink{
	background: url('/images/job_btn_normal.png');
}

.jobLink:hover, .jobSelected{
	background: url('/images/job_btn_rollover.png');
}

.login-form .form-group{
	/*height: 51px;*/
	line-height: 51px;
}

.main-form {
	padding-bottom:50px;
	margin-bottom: 30px;
	border-bottom:#ccc 1px solid;
}
.user-form .form-group {
    line-height: 51px;
}

.user-form input{
	width: 100%;
	padding-left: 15px;
}

.login-form input{
	width: 100%;
	padding-left: 15px;
}

.login-form label, .user-form label{
	margin-bottom: 0;
	letter-spacing: 2px;
	color: #666666;
	line-height: 19px;
	font-size: 15px;
	font-family: raleway, sans-serif;
	font-weight: 400;
}

.login-form p{
	margin-bottom: 0;
	letter-spacing: 2px;
	line-height: 51px;
	font-size: 14px;
	font-family: raleway, sans-serif;
	font-weight: 400;
	padding-left: 10px;
}

.login-form .login-btn{
	border-style: none;
	height: 52px;
	width: 172px;
	background: url('/images/login_btn-normal.png');
}

.login-form .login-btn:hover{
	background: url('/images/login_btn-rollover.png');
}

#remember{
	height: 20px;
	width: 20px;
	text-align: left;
}

.submit-btn{
	border-style: none;
	width: 172px;
	height: 52px;
	background: url('/images/submit_btn-normal.png');
}

.submit-btn:hover{
	background: url('/images/submit_btn-rollover.png');
}

.add-user-form{
	border-bottom: solid;
	border-color: #C1C1C1;
	border-width: 1px;
	padding: 0 0 40px 0 !important;
	margin-bottom: 40px;
}

#datatables{
  letter-spacing: 2px;
  color: #262930;
  font-size: 16px;
margin: 0 20px;
  font-family: raleway, sans-serif;
}

#datatables tr{
	height: 47px;
}

#datatables a{
	font-weight: bold;
	color: #787878;
}

#datatables a:hover{
	color: #000000;
	text-decoration: none;
}

.paddingLeft, #datatables th{
	padding-left: 20px;
}

.dbs-table > tbody > tr > td, .dbs-table > thead > tr > th {
	padding:15px 20px;
}

.dbs-table > tbody > tr > td a {
	color:#5B5B5B;
}


.dbs-table > tbody > tr:hover td {
	background:#ECECEC !important;
	cursor:pointer;
}

.dbs-table > tbody > tr:hover td a {
	color:#000;
	text-decoration: none;
}

.table-next a {
	color:#5B5B5B;
	padding-left:2px;
}

.table-next {
	margin-bottom:20px;
	margin-top:30px;
}

.table-select {
	margin-bottom:20px;
	margin-top:30px;
	padding-right: 0px;
}

.table-select select {
    width: 112px;
    height: 32px;
    padding-left: 0px;
    font-size: 12px !important;
	font-family: raleway, sans-serif !important;
	background: url('/images/admin-mini-dropdown.png') no-repeat right;
	background-size: 32px 32px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border:none;
	border-radius: 0px;
	padding-top: 1px;
}

.dbs-table > thead > tr > th {
	background:#ECECEC;
	font-weight:normal;
	color:#686868;
}

.dbs-table > tbody > tr > td {
	background:#fff;
	font-weight:normal;
	color:#686868;
}

#datatables_length{
	letter-spacing: 2px;
	color: #262930;
	font-size: 16px;
	font-family: raleway, sans-serif;
	margin-bottom: 10px;
	float: right;
}

#datatables_filter{
	display: none;
	letter-spacing: 2px;
	color: #262930;
	font-size: 16px;
	font-family: raleway, sans-serif;
	margin-bottom: 10px;
	float: right;
}

.hoursTable tr, .hoursTable td{
	border-top: none !important;
	border-bottom: none !important;
}

.hoursTable{
}

#datatables_info{
	margin-top: 10px;
	text-align: center;
	letter-spacing: 2px;
	color: #262930;
	font-size: 16px;
	font-family: raleway, sans-serif;
	margin-bottom: 10px;
}

#datatables_paginate{
	text-align: center;
	letter-spacing: 2px;
	color: #262930;
	font-size: 16px;
	font-family: raleway, sans-serif;
	margin-bottom: 10px;
}

#datatables_paginate a{
	margin: auto 5px;
	color: #787878;
}

#datatables_paginate a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

.cross-btn{
	display: block;
	position: relative;
	margin: auto;
	left: 0;
	right: 0;
	border: none;
	height: 13px;
	width: 14px;
	background: url('/images/cross.png') no-repeat center center;
	cursor: pointer;
}

.success-btn{
	border: none;
	height: 13px;
	width: 19px;
	background: url('/images/tick.png') no-repeat center center;
	cursor: pointer;
}

.center-div{
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	position: relative;
}

.update-btn{
	margin: 15px 0;
	width: 172px;
	height: 52px;
	background: url('/images/be_update_btn-normal.png');
	border: none;
	-webkit-transition: all .5s ease .0s;
    -moz-transition: all .5s ease .0s;
    -o-transition: all .5s ease .0s;
    transition: all .5s ease .0s;
}

.update-btn:hover{
	background: url('/images/be_update_btn-rollover.png');
}

.advice-span{
	color: #787878;
	font-size: 12px;
	font-family: raleway, sans-serif;
	margin-top: -12px;

}

.not-active {
   pointer-events: none;
   cursor: default;
}

.danger-message{
	font-family: 'Open Sans', sans-serif;0
	color: #d44950;
	border-color: #d44950;
	margin: 0 auto;
	display: block;
	left: 0;
	right: 0;
	padding: 0 20px;
}
.danger-message li{
	padding: 0 5px;
}
.success-message{
	font-family: 'Open Sans', sans-serif;0
	color: #57A958;
	border-color: #57A958;
	margin: 0 auto;
	display: block;
	left: 0;
	right: 0;
	padding: 0 20px;
}

.fancy-select{
    width: 201px;
    height: 51px;
    padding-left: 10px;
    font-size: 18px !important;
	font-family: raleway, sans-serif !important;
	background: url('/images/admin-dropdown.png') no-repeat right;
	background-size: 51px 51px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius:0px;
}

.big-fancy-select{
	width: 80% !important;
}

input{
    height: 51px;
	padding-left: 10px;
    font-size: 18px !important;
	font-family: raleway, sans-serif !important;
}

.quote{
	font-size: 12px;
    line-height: 19px;
    color: #7F7F7F;
	letter-spacing: 2px;
    font-family: raleway, sans-serif;
    font-weight: 500;
}

.menu-h1{
	margin-top: 10px;
}

.download-btn{
	display: block;
	height: 51px;
	width: 201px;
	border: none;
	background: url('/images/download_btn-normal.png');
	-webkit-transition: all .5s ease .0s;
    -moz-transition: all .5s ease .0s;
    -o-transition: all .5s ease .0s;
    transition: all .5s ease .0s;
}

.download-btn:hover{
	background: url('/images/download_btn-rollover.png');
}

th{
	background: #ECECEC;
}

.blueCells, .blueCells a{
	color: #FFFFFF !important;
	background: #1CA8DD;
}

.blueCells:hover, .blueCells:hover a{
	background: #1CA8DD !important;
}

.blackCells, .blackCells a{
	color: #FFFFFF !important;
	background: #25292F;
}

.blackCells:hover, .blackCells:hover a{
	background: #25292F !important;
}

.popover-title{
	color: #000000 !important;
}

.addOperativeBtn{
	display: block;
	height: 51px;
	width: 400px;
	border: none;
	background: url('/images/add_new_operative_manually_btn-normal.png');
	-webkit-transition: all .5s ease .0s;
    -moz-transition: all .5s ease .0s;
    -o-transition: all .5s ease .0s;
    transition: all .5s ease .0s;
}

.addOperativeBtn:hover{
	background: url('/images/add_new_operative_manually_btn-rollover.png');
}

.approveBtn{
	float: right;
	display: block;
	height: 51px;
	width: 172px;
	border: none;
	background: url('/images/approve_normal.png');
	-webkit-transition: all .5s ease .0s;
    -moz-transition: all .5s ease .0s;
    -o-transition: all .5s ease .0s;
    transition: all .5s ease .0s;
}

.approveBtn:hover{
	background: url('/images/approve_rollover.png');
}

.unapproveBtn{
	float: right;
	display: block;
	height: 51px;
	width: 172px;
	border: none;
	background: url('/images/unapprove_normal.png');
	-webkit-transition: all .5s ease .0s;
    -moz-transition: all .5s ease .0s;
    -o-transition: all .5s ease .0s;
    transition: all .5s ease .0s;
}

.unapproveBtn:hover{
	background: url('/images/unapprove_rollover.png');
}

.container {
    max-width: 970px;
}


.no-side-padding{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#datatables_wrapper{
	width:100%;
	float: left;
}