/*
    Document   : master
    Created on : Oct 29, 2013, 12:37:04 PM
    Author     : Michael Kasek
    Description:
        This is the master style sheet that has all the default styling
        This should be included in every project to allow for easy changes for css styling.
        Any customization for indivudal clients/projects should be done in their respective files.
*/
.error {
  display: none;
  color: #ae3c38;
  font-size: 14px;
}

.latchInput {
  width: 40px;
  margin: 0px 5px 0px 10px;
}

.image-upload {
  float: right;
  margin-top: 55px;
}

.image-upload img {
  cursor: pointer;
}

.mouse-pointer {
  cursor: pointer;
}

.imageForFileUpload {
  width: 125px;
  margin: 10px;
  height: 150px;
}

.image-upload input[type="file"] {
  display: none;
}

.image-upload input[type="text"] {
  width: 200px;
  float: right;
  margin-top: 70px;
}

span.latchInputArea {
  height: 29px;
  vertical-align: center;
  float: right;
  display: inline-block;
  margin: -25px 140px 0px 0px;
}

span.liaShort {
  margin: -25px 240px 0px 0px;
}

span.latchInputArea > label,
#lblMinsOrSecs {
  display: inline-block;
  padding: 5px 3px 3px 0px;
  margin: 0px;
  font-size: 10px;
}

.gp-logo {
  position: relative;
  float: right;
  z-index: 100;
  padding-right: 10px;
}

div.gp-logo > a:hover {
  background-color: transparent;
}

.alignRight {
  float: right;
  padding-right: 1.5em;
  text-align: right;
}

/* status.css */
html {
  height: 100%;
  min-width: 1200px;
}

body {
  background-color: #ffffff;
  color: #000000;
  /*	link: "#0033FF" vlink="#0033FF" alink="#0033FF"; */
  font-family: helvetica;
  height: 100%;
  padding: 0px;
  margin: 0px;
}

.select2-selection__rendered {
  color: #bf332c !important;
  font-size: 12px !important;
}

/*h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	font-weight:100px;
	font-size:18px;
	line-height:18px;
    color:#C13C30;
}

form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

img{
	margin:0px;
	padding:0px;
}

input{
	width:260px;
	height:30px;
	background-color:#FFF;
	border:0px;
	padding:0px 10px 0px 10px;
	margin:5px 0px 10px 0px;
}*/

table {
  position: relative;
  border: none;
}

tr.oddRow {
  background-color: #fcfcfc !important;
}

tr.evenRow {
  background-color: #f4f4f4 !important;
}

tr.darkRow {
  background-color: #e6e6e6 !important;
}

tr.ts_header {
  color: #e60000 !important;
}

#nonfooter {
  position: relative;
  min-height: 100%;
  padding-bottom: 65px; /*make this the height of the header, which is also a negative margin in footer */
}

* html #nonfooter {
  height: 100%;
}

/********** the content div surrounds the main processing part of the page, between the header and footer ******/
#content {
  background-color: #fafafa;
  padding-top: 2em;
  /* padding-bottom: 7em; */
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  /*Just wanted to see the border
    border-style:solid;
    border-width:5px;
    border-color:#98bf21;
	*/
}

div.footer-inner {
  background: #e9e9e9;
  border-top: 4px solid #b7b8bc;
  text-align: center;
  font-size: 12px;
  padding: 10px 0px 10px 0px;
}

#footer {
  position: relative;
  margin-top: -65px;
}

.seperator {
  font-weight: bolder;
  font-size: 12px;
  padding: 0px 30px 0px 30px;
}

SPAN.floatleft {
  float: left;
  position: static;
}

SPAN.floatleft a {
  color: black;
}

a:link {
  color: #e42426;
}

a:visited {
  color: #e42426;
}

a:active {
  color: #e42426;
}

a:hover {
  background-color: #dddddd;
  color: #000000;
  /*
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    */
}

a {
  text-decoration: none;
}

/* For updated Nav Bar styles, see styles.css */

/** this div surrounds the header links at the top of the page
- normally above the main table ***/
div.headerlink {
  padding: 10px;
  margin: 10px;
  /* Just wanted to see the border
    border-style:solid;
    border-width:5px;
    border-color:#98bf21;
    */
}

table.headerlink {
  margin-left: auto;
  margin-right: auto;
  border-style: none;
  border-width: 0 0 2px 2px;
  border-spacing: 0;
  border-collapse: collapse;
  border-color: #aaa;
}

table.headerlink TD,
table.headerlink TH {
  border-style: none;
  border-width: 2px 2px 0 0;
  border-color: #aaa;
  margin: 0;
  text-align: center;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
}

div.list {
  text-align: center; /*Required for ID to center tables*/
}

/******  EDIT TABLE ******/
table.edit {
  margin-left: auto;
  margin-right: auto;
  border: none;
}

table.edit TD {
  text-align: left;
  border: none;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
}

table.edit TD.desc {
  font: bold;
  text-align: right;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
}

table.edit TD.help {
  text-align: left;
  padding: 3px 3px 3px 3px; /*top right bottom left*/
  width: 15em;
}

/******  LIST TABLE ******/
table.list {
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-spacing: 0;
  border-collapse: collapse;
  border-color: #aaa;
  position: relative;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

table.list TD,
table.list TH {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #d3d3d3;
  margin: 0;
  text-align: center;
  padding: 5px 10px 5px 10px; /*top right bottom left*/
}

table.list TR.even TD {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #d3d3d3;
  margin: 0;
  background-color: #ffffff;
  color: black;
  text-align: center;
  padding: 5px 10px 5px 10px; /*top right bottom left*/
}

/*used for active alarm rows in the monitored device screen
or others where you want to highlight a row */
table.list TR.active TD {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #d3d3d3;
  margin: 0;
  background-color: #e42426;
  color: black;
  text-align: center;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
}

table.list TR.odd TD {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #d3d3d3;
  margin: 0;
  background-color: #ffffff;
  color: black;
  text-align: center;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
}

table.list TR {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #d3d3d3;
  margin: 0;
  background-color: #ffffff;
  color: black;
  text-align: center;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
  font-size: 12px;
  line-height: 20px;
}

table.list TD.longontop {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #d3d3d3;
  margin: 0;
  background-color: #ffffff;
  color: black;
  text-align: left;
  padding: 20px 10px 10px 0; /*top right bottom left*/
}

table.list TH {
  background-color: #78797b;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #d3d3d3;
  margin: 0;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
}

/******  DELETE TABLE ******/
table.delete {
  margin-left: auto;
  margin-right: auto;
}

table.delete TD {
  text-align: left;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
}

table.delete TD.desc {
  font: bold;
  text-align: right;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
}

/******In-table links ******/
a.intable:link {
  text-decoration: none;
}

a.intable:visited {
  text-decoration: none;
}

a.intable:hover {
  text-decoration: underline;
}

a.headerlink:link {
  text-decoration: none;
  color: white;
}

a.headerlink:visited {
  text-decoration: none;
  color: white;
}

a.headerlink:hover {
  text-decoration: underline;
  color: white;
  background-color: #cc0000;
}

/******  scrollable checkboxes ******/
.scroll_checkboxes {
  height: 400px;
  padding: 5px;
  overflow: auto;
  border: 1px solid #ccc;
  resize: both;
  background-color: #fcfcfd;
  border: 1px solid #a5a6a9;
  color: #bf332c;
  font-size: 12px;
  max-width: 600px;
}
.scroll_checkboxes_100 {
  height: 100px;
  padding: 5px;
  overflow: auto;
  border: 1px solid #ccc;
  background-color: #fcfcfd;
  border: 1px solid #a5a6a9;
  color: #bf332c;
  font-size: 12px;
  width: 400px;
}

.scroll_checkboxes_small {
  width: 200px;
  height: 250px;
}

.fieldset-auto-width {
  display: inline-block;
}

/************** error message ******************/
div.errormsg {
  text-align: center;
  font-weight: bold;
  color: #e42426;
}

#breadcrumb {
  padding: 20px;
  font-size: 12px;
  background-color: #fafafa;
}

#breadcrumb a {
  color: #bf332c;
}

#breadcrumb a:hover {
  color: #000;
}

#adminmenu {
  color: #e42426;
}

#adminmenu a {
  color: black;
}

li.header_edit_0 {
  color: grey;
}

li.header_edit_1 {
  color: black;
}

li.link_edit_0 {
  color: grey;
}

li.link_edit_1 {
  color: black;
}

div.edit_link_div {
  width: 100%;
  float: right;
}

a.edit_link {
  float: right;
  color: black;
}

button.edit_menu_button {
  float: left;
}

img.zm_doc_img {
  border: 2px solid grey;
  /*padding: 10px;*/
}
/* end status.css */

/* lists.css */
.cat-list-header {
  height: 40px;
  background-color: #3d3d3d;
}

.cat-list-header h2 {
  font-size: 16px;
  padding: 10px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  font-weight: 100;
  color: #fcfcfd;
  font-weight: bold;
}

ul.cat-list-content {
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 13px;
}

ul.cat-list-content li {
  background-color: #fafafa;
  margin: 0px;
  padding: 0px;
  clear: both;
}

ul.cat-list-content li.cat-list-row-alt {
  background-color: #efefef;
}

ul.cat-list-content li.cat-list-row-red {
  background-color: #bf332c;
}

ul.cat-list-content li.cat-list-row-red h2 a {
  color: black;
}

.cat-col {
  float: left;
  padding: 10px 10px 8px 10px;
  min-height: 22px;
  border-right: solid 1px #d3d3d3;
  overflow: hidden;
}

.cat-col h2 {
  font-weight: bold;
  color: #bf332c;
  padding: 0px;
  margin: 0px;
  line-height: 13px;
  font-size: 12px;
}

.col-btns {
  width: 77px;
  padding: 7px 10px 6px 10px;
  min-height: 27px;
}

.col-title {
  width: 376px;
}

.user-col-title {
  width: 100px;
}

.col-phone {
  width: 85px;
}

.short-col-other {
  width: 96px;
}

.med-col-135 {
  width: 156px;
}

.med-col-225 {
  width: 225px;
}

.med-col-115 {
  width: 115px;
}

.med-col-other {
  width: 100px;
}

.col-other {
  width: 170px;
}

.wide-col-other {
  width: 250px;
}
.col-other-300 {
  width: 300px;
}

.col-other-375 {
  width: 375px;
}

.col-other-425 {
  width: 425px;
}

.col-other-450 {
  width: 450px;
}

.col-other-500 {
  width: 500px;
}

.very-wide-col-other {
  width: 600px;
}

.col-sm {
  width: 67px;
}

.col-sm-25 {
  width: 46px;
}

select.silence {
  width: 120px;
}

.sort-row {
  background-image: url(/images/lists/sort-row-bg.jpg);
  height: 29px;
  font-size: 12px;
  color: #4c4c4c;
  border-left: 1px solid #d3d3d3;
}

.sort-row-wide {
  background-image: url(/images/lists/sort-row-bg.jpg);
  height: 50px;
  font-size: 13px;
  color: #4c4c4c;
  border-left: 1px solid #d3d3d3;
}

.sort-col {
  float: left;
  padding: 6px 10px 8px 10px;
  min-height: 15px;
  border-right: solid 1px #d3d3d3;
}

.cleaner {
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  clear: both;
}

.small-button {
  cursor: pointer;
  position: relative;
  padding: 0px;
  margin: 0px;
  float: left;
  display: inline;
  font-size: 14px;
  line-height: 14px;
  height: 27px;
}

.small-button a {
  height: 25px;
  width: 100px;
  text-align: center;
  line-height: 25px;
  display: block;
  background-color: #dddddd;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 2px 2px 2px #888888;
}

.small-button a:hover {
  background-color: transparent;
}

.stat-btn {
  cursor: pointer;
  position: relative;
  height: 27px;
  padding: 0px;
  margin: 0px;
  float: left;
  display: inline;
  font-size: 11px;
  line-height: 12px;
}

.stat-btn a {
  text-align: center;
  width: 50px;
  padding: 6px 0px 0px 0px;
  height: 21px;
  margin: 0px 12px 0px 0px;
  display: block;
  background-color: #dddddd;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 2px 2px 2px #888888;
  color: #e42426;
}

.stat-btn a:hover {
  background-color: transparent;
}

.btn-float-right {
  position: relative;
  height: 27px;
  padding: 0px;
  margin: 0px;
  float: right;
  display: inline;
  font-size: 12px;
  line-height: 12px;
}

.btn-float-right a {
  padding: 6px 0px 0px 12px;
  height: 21px;
  width: 35px;
  margin: 0px 12px 0px 0px;
  display: block;
  background-color: #d3d3d3;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 2px 2px 2px #888888;
}

.btn-float-right a:hover {
  background-color: transparent;
}

ul.edit-list-content {
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  list-style-type: none;
  margin: 10px;
  padding: 0px;
  font-size: 12px;
  line-height: 13px;
  text-align: center;
}

ul.edit-list-content li {
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  clear: both;
}
/* end lists.css */

/* exp-box.css */
.exp-box-lft {
  float: left;
  display: inline;
  width: 49%;
  padding: 0px 0px 0px 0px;
}

.exp-box-rt {
  float: right;
  display: inline;
  width: 49%;
  padding: 0px 0px 0px 0px;
}

.exp-box-header {
  height: 40px;
  background-color: #3d3d3d;
}

.exp-box-header h2 {
  font-size: 16px;
  padding: 10px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  font-weight: 100;
  color: #fcfcfd;
  font-weight: bold;
}

ul.exp-box-content {
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.exp-box-content li {
  height: 40px;
  background-color: #fafafa;
}

ul.exp-box-content li a {
  padding: 12px 0px 0px 14px;
  height: 40px;
  display: block;
  font-size: 14px;
  line-height: 12px;
  color: #bf332c;
}

ul.exp-box-content li a:hover {
  color: #333333;
  background-color: #d3d3d3;
}

ul.exp-box-content li.exp-box-row-alt {
  background-color: #efefef;
}

.x {
  width: 25px;
  height: 40px;
  position: relative;
  float: right;
  display: inline;
  overflow: hidden;
  padding: 10px 5px 0px 0px;
}

.x a {
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(/images/x.png);
}

.x a:hover {
  background-color: transparent;
}

.x a.active {
  background-position: 0px 20px;
}

div.hidden {
  display: none;
}

.box-hide {
  display: none;
}
.cleaner {
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  clear: both;
}
/* end exp-box.css */

/* main.css */
.main-header {
  height: 40px;
  background-color: #3d3d3d;
}
.main-header h2 {
  font-size: 16px;
  padding: 10px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  font-weight: 100;
  color: #fcfcfd;
  font-weight: bold;
}
ul.main-content {
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  line-height: 13px;
}
ul.main-content li {
  background-color: #fafafa;
  margin: 0px;
  padding: 0px;
  clear: both;
}

.main-col {
  border-right: solid 1px #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  float: left;
  width: 205px;
  display: inline;
}

.main-col a {
  padding: 8px 10px 8px 45px;
  min-height: 40px;
  width: 205px;
  display: block;
  /* font-weight:bold; */
  line-height: 13px;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: right;
}
.main-col a:hover {
  /* 	background-color:#BF332C; */
  background-color: #d3d3d3;
  color: white;
}

.main-legend {
  float: left;
  width: 205px;
  display: inline;
}

.main-legend a {
  padding: 8px 10px 8px 45px;
  min-height: 40px;
  width: 145px;
  display: block;
  font-weight: bold;
  line-height: 13px;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: right;
}

ul.main-legend-content {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 13px;
}
ul.main-legend-content li {
  background-color: #fafafa;
  margin: 0px;
  padding: 0px;
  clear: both;
}

.main-active a {
  background: transparent url(/images/active_alarm.png) no-repeat 0 0;
  color: white;
  background-color: #bf332c;
}
.main-recent a {
  background: transparent url(/images/recent_alarm.png) no-repeat 0 0;
  color: #b41925;
}
.main-old a {
  background: transparent url(/images/old_alarm.png) no-repeat 0 0;
  color: #b41925;
}
.main-missing a {
  background: transparent url(/images/missing_device.png) no-repeat 0 0;
  color: #363c3c;
}
.main-normal a {
  /*   background:transparent url(/images/check_mark.png) no-repeat 0 0; */
  color: #b41925;
}

.mainlegend-active a {
  background: transparent url(/images/active_alarm.png) no-repeat 0 0;
  color: #d66c00;
  /* 	background-color:#BF332C;  */
}
.mainlegend-recent a {
  background: transparent url(/images/recent_alarm.png) no-repeat 0 0;
  color: #b41925;
}
.mainlegend-old a {
  background: transparent url(/images/old_alarm.png) no-repeat 0 0;
  color: #b41925;
}
.mainlegend-missing a {
  background: transparent url(/images/missing_device.png) no-repeat 0 0;
  color: #363c3c;
}
.mainlegend-normal a {
  /*    background:transparent url(/images/check_mark.png) no-repeat 0 0; */
  color: #b41925;
}

.main-outer {
  background-color: #fafafa;
  padding: 25px 0px 25px 25px;
}

.show-all {
  position: relative;
  z-index: 100;
  float: right;
  width: 140px;
  color: #ccc;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0px 0px 0px;
  display: inline;
  /* margin-top: -5em; */
}
.show-all span {
  padding: 6px 0px 0px 0px;
  display: block;
  float: left;
}
.cb {
  height: 24px;
  width: 24px;
  overflow: hidden;
  float: right;
}
.cb a {
  height: 24px;
  width: 24px;
  background-image: url(/images/show-all-cb.png);
  background-repeat: no-repeat;
  display: block;
  background-color: transparent;
}

.cb a:hover {
  background-position: 0px -24px;
  background-color: transparent;
}

.cb a.active {
  background-position: 0px -48px;
  background-color: transparent;
}

.show_active {
  height: 24px;
  width: 24px;
  overflow: hidden;
  float: right;
}
.show_active a {
  height: 24px;
  width: 24px;
  background-image: url(/images/show-all-cb.png);
  background-repeat: no-repeat;
  display: block;
  background-color: transparent;
}

.show_active a:hover {
  background-position: 0px -24px;
  background-color: transparent;
}

.show_active a.active {
  background-position: 0px -48px;
  background-color: transparent;
}

.show_missing {
  height: 24px;
  width: 24px;
  overflow: hidden;
  float: right;
}
.show_missing a {
  height: 24px;
  width: 24px;
  background-image: url(/images/show-all-cb.png);
  background-repeat: no-repeat;
  display: block;
  background-color: transparent;
}

.show_missing a:hover {
  background-position: 0px -24px;
  background-color: transparent;
}

.show_missing a.active {
  background-position: 0px -48px;
  background-color: transparent;
}

.upper-form-section {
  padding: 0px 0px 20px 0px;
  clear: left;
}

.button-avcupload {
  cursor: pointer;
  position: relative;
  padding: 0px;
  margin-top: -50px;
  float: right;
  display: inline;
  font-size: 14px;
  line-height: 14px;
  height: 27px;
}

.button-avcupload a {
  cursor: pointer;
  width: 125px;
  height: 25px;
  padding: 10px 0px 0px 0px;
  display: block;
  text-align: center;
  background: linear-gradient(to bottom, #ff6971, #e42426);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 2px 2px 2px #888888;
  color: #fcfcfd;
}

.button-shadow {
  box-shadow: 2px 2px 2px #888888;
}

.button-edit {
  background-color: #d3d3d3;
  color: #e42426;
  box-shadow: 2px 2px 2px #888888;
}

.button-list {
  width: 45px;
  background-color: #d3d3d3;
  color: #e42426;
  box-shadow: 2px 2px 2px #888888;
}

.button-list:hover,
.button-edit:hover,
.button-list-mode:hover,
.button-category-add:hover {
  background-color: #b2b2b2;
  color: #e42426;
}

.form-block-wide {
  /*	border:2px solid blue; */
  width: 550px;
  display: inline;
  float: left;
  padding: 0px 15px 10px 0px;
}

a.anchorlink {
  color: #e42426;
}

a.anchorlink:hover {
  color: #000000;
}

.med-select {
  height: 140px;
}

.click-cursor {
  cursor: pointer;
}

::-moz-selection {
  background: #59574b !important;
  background-color: #59574b !important;
  color: #fdfcf5 !important;
}

::selection {
  background: #59574b !important;
  background-color: #59574b !important;
  color: #fdfcf5 !important;
}

div.passwordExpires {
  color: red;
  font-weight: bold;
  text-align: center;
}

div.tblWrapper60 {
  width: 65%;
  margin: auto;
}

div.tblWrapperjs {
  width: 80%;
  margin: auto;
}

div.dataTables_wrapper {
  width: 98%;
}

table.dataTable thead th {
  text-align: left;
  font-size: 15px;
}

label.width150 {
  width: 150px;
  text-align: right;
  font-weight: 100px;
  padding-bottom: 10px;
  padding-right: 5px;
}

table.dataTable tbody tr,
table.dataTable tbody tr td h2 {
  font-size: 13px;
}

table.dataTable tbody tr td {
  border-right: 1px solid #d3d3d3;
}

.actKey {
  padding: 0px 10px;
}

//remove position:absolute from divs inside of a
div.DTTT_container {
  position: relative;
  height: 22px;
  display: inline;
  margin-right: 25px;
  //float:right;
}

div.DTTT_container a {
  cursor: pointer;
  width: 55px;
  height: 22px;
  padding-top: 3px;
  display: inline-block;
  text-align: center;
  background: linear-gradient(to bottom, #ff6971, #e42426);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 2px 2px 2px #888888;
  color: #fcfcfd;
}

div.DTTT_container a:hover {
  background: #e42426;
}

.pgHeaderButton {
  text-align: center;
}

table.dataTable th {
  color: #e42426;
}

div.dataTables_filter input[type="search"],
div.dataTables_length select {
  width: auto;
}

button.shift-registration-btn {
  width: 100%;
  margin: 5px;
}

span.shift-registration-label {
  padding-left: 0px;
  padding-right: 0px;
}

textarea.shift-registration-textarea {
  height: 100px;
  resize: none;
}

div.shift-registration-row {
  margin-top: 10px;
  margin-bottom: 5px;
}

div.form-container {
  width: 960px;
  margin: 0px auto;
}

.glyphicon-float-left {
  float: left;
}

.button-left {
  margin: 10px 0px 10px 0px;
}

a.staff-active {
  font-weight: bolder;
}

td.selected-staff-member {
  color: #bf332c;
}

td.alert-will-skip {
  color: #aaaaaa;
}

.ui-dialog {
  z-index: 1060;
}

div.staff-button {
  float: left;
}

.glyphicon {
  line-height: inherit;
}

h3.label {
  color: #2c2c2c;
}

.small-text {
  font-size: 11px;
}

.btnDataTableReset {
  float: right;
  margin-top: -30px;
  margin-right: 15px;
  color: #fcfcfd;
  cursor: pointer;
  border-style: none;
}

.btnDataTableReset:hover {
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  color: #fcfcfd;
}