@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
#login-form {
	margin:5% auto;
	max-width:500px;
}
/* home page */
#wrapper{
	padding-top:50px;
}
.right{
	float: right;
}

.left{
	float: left;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -60px;
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 60px;
}
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.pillbox {
  margin: 5px auto;
  border-radius: 500px;
  background-color: #fff;
}
.sr-support{
  font-family: 'SR-Support' ;
}
.sr-renewals{
  font-family: 'SR-Renewals' ;
}
.label-as-badge {
    border-radius: 1em;
}
.scroller {
  margin: 5px auto;
}
.modal-body p {
    word-wrap: break-word;
}
html,
body {
        margin:0;
        padding:0;
        height:100%;
}
#wrapper {
        min-height:100%;
        position:relative;
}
#header {
        background:#ededed;
        padding:10px;
}
#content {
        padding-bottom:100px; /* Height of the footer element */
}
#footer {
        background:#28ace0;
        width:100%;
        height:100px;
        position:absolute;
        bottom:0;
        left:0;
        margin:-100px 0px 0px 0px;
}
div.vertical
{
 margin-left: -85px;
 position: absolute;
 width: 215px;
 transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg); /* Safari/Chrome */
 -moz-transform: rotate(-90deg); /* Firefox */
 -o-transform: rotate(-90deg); /* Opera */
 -ms-transform: rotate(-90deg); /* IE 9 */
}

th.vertical
{
 height: 220px;
 line-height: 14px;
 padding-bottom: 20px;
 text-align: left;
}

.rounded {
  border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #28ace0; /* #1478ba; */
  margin-top:     5px;
  margin-bottom:  5px;
  margin-right:   0px;
  margin-left:    0px;
  padding-top:    5px;
  padding-bottom: 5px;
  padding-right:  0px;
  padding-left:   0px;

}

.dotted-above {
  border-top: 1px dashed lightgrey;
  padding-top:    2px;
  padding-bottom: 2px;
  padding-right:  10px;
  padding-left:   10px;

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .dotted-above {
    border-top: 0px; /* Remove border-top */
  }
}

/* ### Font Awesome Checkboxes ##### */
input.faChkRnd, input.faChkSqr {
  visibility: hidden;
}

input.faChkRnd:checked:after, input.faChkRnd:after,
input.faChkSqr:checked:after, input.faChkSqr:after {
  visibility: visible;
  font-family: FontAwesome;
/*  font-size:25px;height: 17px; width: 17px; */
  position: relative;
  top: -3px;
  left: 0px;
/*  background-color:#FFF; */
  display: inline-block;
}

input.faChkRnd:checked:after {
  content: '\f058';
}

input.faChkRnd:after {
  content: '\f10c';
}

input.faChkSqr:checked:after {
  content: '\f14a';
}

input.faChkSqr:after {
  content: '\f096';
}

/* Allow Font Awesome in Select Options via unicode */
/* select {
  font-family: 'FontAwesome' ;
  font-family: inherit ;
} */

/* ### Rotate Table Headers #######
th.rotate {
  // Something you can count on
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform:
    // Magic Numbers
    translate(25px, 51px)
    // 45 is really 360 - 45
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
 ########################### */