form { margin: 0; }

body {
    position: relative;
    padding-top: 60px; /* Place the container beneath the bottom of the navbar */
    font-size:12px;
}
 
.select.input-validation-error,input.input-validation-error {
    border-color: #FF0000;
    border-radius: 7px;
}

.select.input-validation-error:focus,
input.input-validation-error:focus { 
    outline: none;
    border-color: #FF0000;
    box-shadow: 0 0 10px #FF0000;

}
.modal { overflow: visible; }
.modal-body { overflow-y: visible; }



.modal.large {
    width: 80%; /* respsonsive width */
    margin-left:-40%; /* width/2) */
}
.modal.small {
    width: 20%; /* respsonsive width */
    margin-left:-10%; /* width/2) */
}
.modal.mid {
    width: 30%; /* respsonsive width */
    margin-left:-15%; /* width/2) */
}

.modal-footer.small {
    padding: 8px 9px 9px;
}
.modal-body.small {
  padding: 9px;
}
.modal-header.small {
  padding: 4px 8px;
}
input.search-query.small {
 padding-right: 6px;
  padding-left: 6px;
  width:95%;
}
/* Styles for flash messages
-----------------------------------------------------------*/

.flash
{
     padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.flash-success
{
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.flash-info
{
    color: #3A87AD;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}

.flash-warning
{
    color: #C09853;
    background-color: #FCF8E3;
    border-color: #FBEED5;
}

.flash-error
{
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
}

td.right{text-align: right;}/*Table Cell text align right*/

.bigger-zero {
   color: #B94A48;
}
/* Styles for Pdf
-----------------------------------------------------------*/
.pdfrow { height:35px; }
.pdftd {
    vertical-align: middle;
}
table.thead { display: table-header-group; } 

/* Styles for Tooltip*/
div.tooltip-inner {
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 6px;
    background-color: #505050;
    font-size: 14px;
     min-width: 300px;
}
legend {
    margin-bottom: 0px;
    border-bottom:none;
    font-size:18px;
}
input[type="text"],input[type="email"],input[type="date"],input[type="password"],input[type="time"],label,select,textarea {
font-size:12px;
}

colgroup col.success {
  background-color: #dff0d8;
}
colgroup col.error{
  background-color: #f2dede;
}

td.success {
  background-color: #dff0d8;
}
td.error{
  background-color: #f2dede;
}

colgroup col.warning {
  background-color: #fcf8e3;
  border-color:black;
  border:3px solid;
}
colgroup col.info {
    background-color: #d9edf7;
}
.daydivider {
    border-top:2px ridge;
     border-bottom:2px ridge;
    border-color:white;
    font-weight:bold;
}

.table-header-rotated th.row-header{
  width: auto;
}

.table-header-rotated td{
  width: 40px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

.table-header-rotated th.rotate-45{
  height: 80px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 12px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div{
  position: relative;
  top: 0px;
  left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  
}


.table-header-rotated th.rotate-90{
  height: 80px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 12px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-90 > div{
  position: relative;
  top: 0px;
  left: 40px; /* 80 * tan(90) / 2 = 40 where 80 is the height on the cell and 90 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-90deg,0deg);
  -moz-transform:skew(-90deg,0deg);
  -webkit-transform:skew(-90deg,0deg);
  -o-transform:skew(-90deg,0deg);
  transform:skew(-90deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-90 span {
  -ms-transform:skew(90deg,0deg) rotate(315deg);
  -moz-transform:skew(90deg,0deg) rotate(315deg);
  -webkit-transform:skew(90deg,0deg) rotate(315deg);
  -o-transform:skew(90deg,0deg) rotate(315deg);
  transform:skew(90deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 30px; /* 40 cos(90) = 28 with an additional 2px margin*/
  left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  width: 85px; /* 80 / cos(90) - 40 cos (90) = 85 where 80 is the height of the cell, 40 the width of the cell and 90 the transform angle*/
  text-align: left;
  
}



.table .text-right {text-align: right}
.table .text-left {text-align: left}
.table .text-center {text-align: center}

.shortcut:first-letter {
   font-weight: bold;
    text-decoration: underline;
}

.brand small {
  display:block;
  font-size:8px;
}
div.tooltip-inner {
    max-width: 400px;
}

.fixed-table-container {
      height: 200px;
      position: relative; /* could be absolute or relative */
      padding-top: 30px; /* height of header */
    }

.fixed-table-container-inner {
      overflow-x: hidden;
      overflow-y: auto;
      height: 100%;
    }
    .th-inner {
      position: absolute;
      top: 0;
      line-height: 30px; 
    }

    .btn-purple {
    background: #9b59b6;
    border-color: #9b59b6;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-purple:hover {
    background: #8e44ad;
    border-color: #8e44ad;
}

.btn-teal {
    background: #9AD439;
    border-color: #7FB327;
}

.btn-teal:hover {
    background: #9AD439;
    border-color: #7FB327;
 }