html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* colors */
/* dark blue */
/* color aliases */
/* sizings */
/* typography */
/* layout */
html {
  font-size: 16px;
  line-height: 19px;
}

body {
  font-size: 87.5%;
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #555;
  background-color: #F5F6F7;
  min-width: 390px;
  position: relative;
}

.subtitle {
  color: #999;
}

h1 {
  font-size: 1.7em;
  color: #777;
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
  padding: 20px 0 25px 0;
}
.login h1 {
  padding: 20px 0;
}
h1.ct-block-title {
  padding: 20px 0 20px 0;
}
h1.ct-presentation {
  padding: 40px 0 40px 0;
  font-size: 3.5em;
  color: #FFF;
  font-family: Calibri, sans-serif;
  font-weight: normal;
  line-height: 1em;
}
@media screen and (max-width: 550px) {
  h1.ct-presentation {
    font-size: 2.5em;
    padding: 5px 0 25px 0;
  }
}

h2 {
  font-size: 1.4em;
  color: #777;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
}

h3 {
  font-size: 1.2em;
  color: #555;
  font-weight: bold;
}
h3.ct-options-title {
  padding: 10px 0px 5px 0px;
}
h3.general-title {
  padding: 20px 0;
}

h4 {
  font-size: 1.1em;
  color: #555;
  font-weight: bold;
  padding: 10px 0 5px 0;
}
h4.lighten {
  color: #777;
}
h4.ct-indent {
  padding-left: 10px;
}

h5 {
  padding: 10px 0 5px 0;
  color: #777;
  font-weight: bold;
}

h6 {
  padding: 5px 0 5px 0;
  color: #777;
  font-weight: bold;
  font-size: 12px;
}

a {
  color: #428BCA;
  cursor: pointer;
}
a.ct-title {
  color: #555;
}
a.ct-title:hover {
  color: #5D6493;
}
a:hover {
  text-decoration: none;
}

ul {
  list-style-type: disc;
  list-style-position: inside;
}

label {
  font-weight: bold;
}

strong, .bold {
  font-weight: bold;
}

.bigger {
  font-size: 110%;
  text-align: center;
}

.ct-note {
  font-size: 13px;
}

.ct-normal {
  font-weight: normal;
}
.ct-normal label {
  font-weight: normal;
}

.optional {
  font-style: italic;
  font-weight: normal;
}

.ct-blue {
  color: #FFF;
  font-family: Calibri, sans-serif;
}
.ct-blue a, .ct-blue h2, .ct-blue h3, .ct-blue h4 {
  color: #FFF;
  font-family: Calibri, sans-serif;
}
.ct-blue a {
  text-decoration: underline;
}
.ct-blue p, .ct-blue a {
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: justify;
}
@media screen and (max-width: 550px) {
  .ct-blue p, .ct-blue a {
    font-size: 1.1em;
  }
}
.ct-blue h2, .ct-blue h3 {
  font-size: 1.8em;
}
@media screen and (max-width: 550px) {
  .ct-blue h2, .ct-blue h3 {
    font-size: 1.2em;
  }
  .login .ct-blue h2, .login .ct-blue h3 {
    padding: 0 0 10px 0;
  }
}

@media screen and (max-width: 550px) {
  body {
    min-width: unset;
    font-size: 90%;
  }

  h1, h1.ct-block-title {
    font-size: 1.3em;
    padding: 5px 5px 10px 5px;
  }
  .block h1, .block h1.ct-block-title {
    padding: 20px 5px 20px 5px;
  }

  h2 {
    font-size: 1.2em;
  }
  .login h2 {
    padding: 0 5px 10px 5px;
  }

  h3 {
    font-size: 1em;
  }
}
@media screen and (max-width: 400px) {
  h2 {
    padding: 20px 5px 10px 5px;
  }
}
sup {
  font-size: 0.7em;
}

hr {
  border-color: #CCCCCC;
}
hr.ct-half-width {
  width: 50%;
}

.ct-center {
  display: block;
  margin: auto;
}

.ct-center-txt {
  text-align: center !important;
}

.ct-margin-top {
  margin-top: 20px;
}

.ct-margin-btm {
  margin-bottom: 20px;
}

.ct-margin-btm-small {
  margin-bottom: 5px;
}

.ct-margin-btm-medium {
  margin-bottom: 10px;
}

.ct-margin-label {
  margin: 7px 0;
}

.ct-right {
  float: right;
}

.ct-help {
  margin-top: -10px;
}
@media screen and (max-width: 550px) {
  .ct-help {
    margin-top: -5px;
    margin-bottom: -5px;
  }
}

.top {
  vertical-align: top;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.label-margin, label, .valid {
  margin: 7px 0;
}

.half-width {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0 5px 10px 5px;
}

@media print {
  .ct-help {
    display: none;
  }

  a[href]:after {
    content: none !important;
  }

  .logo-img {
    margin-bottom: 10px;
    display: block;
  }
}
@media screen and (max-width: 1300px) {
  .conditional-br {
    display: none;
  }
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.full-width {
  width: 100%;
}

.two-thirds {
  width: 66%;
  display: inline-block;
  float: left;
  padding: 0 5px 10px 5px;
}

.one-third {
  width: 33%;
  display: inline-block;
  float: left;
  padding: 0 5px 10px 5px;
}

.table-header-expand {
  cursor: pointer;
}

.ct-container {
  margin-top: 100px;
  background-color: #F5F6F7;
  margin-bottom: 60px;
}
.ct-iframe .ct-container {
  margin-top: 20px;
}
@media screen and (max-width: 800px) {
  .ct-container {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 550px) {
  .ct-container {
    margin-top: 80px;
    margin-bottom: 60px;
  }
}
@media print {
  .ct-container {
    margin: 0;
  }
}

.ct-container-inner {
  text-align: center;
  margin-top: 25px;
}

.block {
  width: 400px;
  min-height: 20px;
  margin-top: 200px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF;
  padding: 0 22px 40px 22px;
}
.block.ct-blue {
  background-color: #2095f2;
}
.block.ct-blue .block {
  background-color: #2095f2;
  display: inline-block;
}
@media print {
  .block {
    width: 100% !important;
  }
}
@media screen and (max-width: 550px) {
  .block {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .block.no-form {
    width: 80%;
    padding: 0 5% 5% 5%;
  }
}
.block.login {
  min-height: 432px;
  border: solid 2px #2095f2;
}
.ct-container .block.login {
  margin-top: 165px;
}
@media screen and (max-width: 550px) {
  .ct-container .block.login {
    margin-top: 110px;
    margin-bottom: 80px;
  }
}
.block.medium-small, .block.width-medium-small {
  width: 600px;
}
@media print {
  .block.medium-small, .block.width-medium-small {
    width: 100% !important;
  }
}
@media screen and (max-width: 800px) {
  .block.medium-small, .block.width-medium-small {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .block.medium-small, .block.width-medium-small {
    padding: 0 5% 5% 5%;
  }
}
.block.medium, .block.width-medium {
  width: 800px;
}
@media print {
  .block.medium, .block.width-medium {
    width: 100% !important;
  }
}
@media screen and (max-width: 800px) {
  .block.medium, .block.width-medium {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .block.medium, .block.width-medium {
    padding: 0 5% 5% 5%;
  }
}
.block.medium-large, .block.width-medium-large {
  max-width: 1000px;
  width: 80%;
}
@media screen and (max-width: 800px) {
  .block.medium-large, .block.width-medium-large {
    width: 100%;
  }
}
@media print {
  .block.medium-large, .block.width-medium-large {
    width: 100% !important;
  }
}
@media screen and (max-width: 550px) {
  .block.medium-large, .block.width-medium-large {
    padding: 0 5% 5% 5%;
  }
}
.block.large, .block.width-large {
  /* 		max-width: $width-block*3;	*/
  width: 90%;
}
@media screen and (max-width: 800px) {
  .block.large, .block.width-large {
    width: 100%;
  }
}
@media print {
  .block.large, .block.width-large {
    width: 100% !important;
  }
}
@media screen and (max-width: 550px) {
  .block.large, .block.width-large {
    padding: 0 5% 5% 5%;
  }
}

.ct-tile {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 210px;
  margin: 0 10px 20px 10px;
}
@media screen and (max-width: 550px) {
  .ct-tile {
    height: 220px;
  }
}
.ct-tile .btn-bottom {
  position: absolute;
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 22px;
  text-transform: unset;
}

.ct-main {
  border: solid 2px #DADADA;
  /*	@media screen and (max-width: $break-small) {
  		border: none;
  		border-bottom: solid 2px $border-grey;
  	} */
}

.ct-wide {
  min-width: 400px;
}

.ct-medium {
  width: 800px;
}

.ct-block-image {
  width: 100%;
  margin: 10px 0;
}
@media print {
  .ct-block-image {
    width: 100% !important;
  }
}
@media screen and (max-width: 550px) {
  .ct-block-image {
    width: 100%;
  }
}

#ct-pane-left {
  width: 50%;
  float: left;
  padding: 10px 40px;
}
@media screen and (max-width: 800px) {
  #ct-pane-left {
    width: 100%;
    float: none;
    padding: 10px;
  }
}

#ct-pane-right {
  margin-left: 50%;
  padding: 10px 40px;
}
@media screen and (max-width: 800px) {
  #ct-pane-right {
    width: 100%;
    margin-left: 0;
    padding: 10px;
  }
}

.clear {
  clear: both;
}

.list-block-outer {
  display: inline-block;
  width: 100%;
  margin-top: 80px;
  border-top: 1px solid #DADADA;
}

.list-block-inner {
  font-weight: bold;
  overflow: auto;
  height: auto;
  border-bottom: solid 1px #DADADA;
  display: flex;
  /* establish flex container */
  align-items: center;
  /* vertically center flex items */
}
.list-block-inner:hover {
  background-color: #F5F6F7;
}
.list-block-inner:first-child {
  border-top: none;
}
.list-block-inner:last-child {
  border-bottom: 0;
}
.list-block-inner > div {
  padding: 6px 15px;
  display: block;
}
.list-block-inner > div.left {
  float: left;
  width: 80%;
}
.list-block-inner > div.right {
  float: right;
  vertical-align: middle;
  width: 20%;
}
.list-block-inner div div {
  padding: 3px;
}
.list-block-inner .client {
  color: #2095f2;
  font-size: 0.9em;
}
.list-block-inner .job {
  font-size: 1.1em;
}
.list-block-inner .task {
  color: #999;
  font-size: 12px;
  font-weight: normal;
}
.list-block-inner .hours {
  float: right;
  font-size: 1.8em;
}

.block.full-width {
  padding: 0;
}

.mobile, .width-mobile {
  width: 100%;
  max-width: 400px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-top: 10px;
}
.mobile .ct-block-title, .width-mobile .ct-block-title {
  padding-top: 0;
}
@media print {
  .mobile, .width-mobile {
    width: 100% !important;
  }
}
@media screen and (max-width: 550px) {
  .mobile, .width-mobile {
    width: 100%;
  }
}
.mobile .fixed-menu-btm, .width-mobile .fixed-menu-btm {
  background-color: #003366;
  position: fixed;
  bottom: 0;
  margin-left: -1px;
  width: 398px;
  max-width: 398px;
}
@media print {
  .mobile .fixed-menu-btm, .width-mobile .fixed-menu-btm {
    width: 100% !important;
  }
}
@media screen and (max-width: 550px) {
  .mobile .fixed-menu-btm, .width-mobile .fixed-menu-btm {
    width: 100%;
  }
}
.mobile .fixed-menu-top, .width-mobile .fixed-menu-top {
  position: fixed;
  width: 398px;
  max-width: 398px;
}
@media print {
  .mobile .fixed-menu-top, .width-mobile .fixed-menu-top {
    width: 100% !important;
  }
}
@media screen and (max-width: 550px) {
  .mobile .fixed-menu-top, .width-mobile .fixed-menu-top {
    width: 100%;
  }
}

.login .ct-form {
  padding-top: 10px;
}

.ct-export-options {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #EEF6FF;
  padding: 0 10px 7px 10px;
  margin: 7px 0;
}

.ct-delete-section {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px 7px 10px;
  margin: 7px 0;
}

.form-group {
  margin: 0;
  padding: 7px 0px;
}

.datasource {
  margin-bottom: 15px;
}

.form-in-line {
  display: inline-block;
}

.ct-select-small {
  width: 20px;
}

#filters {
  margin-bottom: 10px;
}

.inline-filter {
  padding: 1px 5px;
}

input.form-control {
  height: 30px;
}
input.form-control:focus {
  border-color: #56aef5;
  -webkit-box-shadow: inset 0 1px 1px #FFF, 0 0 8px #80c3f8;
  box-shadow: inset 0 1px 1px #FFF, 0 0 8px #80c3f8;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  display: none;
}

.select2-results__options .select2-results__option[aria-disabled=true] {
  display: none;
}

input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  margin: 2px 0 0;
}

input[type=radio] {
  bottom: 2px;
}

*:focus {
  outline: none !important;
}

.btn {
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  color: #FFF;
  font-weight: 600;
  padding: 8px 12px 6px 12px;
  cursor: pointer;
}
.btn:focus, .btn:focus:active, .btn:focus:visited, .btn:active {
  color: #FFF;
  outline: none;
}
.btn:hover, .btn:active {
  color: #FFF;
}
.btn:hover:not([disabled]), .btn:active:not([disabled]) {
  opacity: 0.9;
}
.btn.btn-purple, .btn.btn-purple:active, .btn.btn-purple:focus {
  background-color: #5D6493;
  -webkit-box-shadow: 0 4px 0 0 #50567c;
  box-shadow: 0 4px 0 0 #50567c;
}
.btn.btn-red, .btn.btn-red:active, .btn.btn-red:focus {
  background-color: #DE6A66;
  -webkit-box-shadow: 0 4px 0 0 #d5413c;
  box-shadow: 0 4px 0 0 #d5413c;
}
.btn.btn-grey, .btn.btn-grey:active, .btn.btn-grey:focus {
  background-color: #999;
  -webkit-box-shadow: 0 4px 0 0 #777;
  box-shadow: 0 4px 0 0 #777;
}
.btn.btn-orange, .btn.btn-orange:active, .btn.btn-orange:focus {
  background-color: #F0AD4E;
  -webkit-box-shadow: 0 4px 0 0 #eb9114;
  box-shadow: 0 4px 0 0 #eb9114;
}
.btn.btn-blue, .btn.btn-blue:active, .btn.btn-blue:focus {
  background-color: #56aef5;
  -webkit-box-shadow: 0 4px 0 0 #2095f2;
  box-shadow: 0 4px 0 0 #2095f2;
}
.btn.btn-main, .btn.btn-main:active, .btnbtn-main:focus {
  background-color: #2095f2;
  -webkit-box-shadow: 0 4px 0 0 #0c7bd3;
  box-shadow: 0 4px 0 0 #0c7bd3;
}
.btn.btn-flat-orange, .btn.btn-flat-orange:active, .btn.btn-flat-orange:focus {
  background-color: #FFDFB0;
  border: 1px solid #F0AD4E;
  color: #df8a13;
  height: auto;
}
.btn.btn-flat-orange:hover, .btn.btn-flat-orange:active, .btn.btn-flat-orange:active:hover, .btn.btn-flat-orange:active:active, .btn.btn-flat-orange:focus:hover, .btn.btn-flat-orange:focus:active {
  background-color: #ffd597;
  color: darken #F0AD4E, 25%;
}
.btn.btn-flat-green, .btn.btn-flat-green:active, .btn.btn-flat-green:focus {
  background-color: #69B779;
  border: 1px solid #62ba62;
  color: #FFF;
  height: auto;
}
.btn.btn-flat-green:hover, .btn.btn-flat-green:active, .btn.btn-flat-green:active:hover, .btn.btn-flat-green:active:active, .btn.btn-flat-green:focus:hover, .btn.btn-flat-green:focus:active {
  background-color: #70ba7f;
}
.btn.btn-flat-red, .btn.btn-flat-red:active, .btn.btn-flat-red:focus {
  background-color: #DE6A66;
  border: 1px solid highlight(#DE6A66, 2%);
  color: #FFF;
  height: auto;
}
.btn.btn-flat-red:hover, .btn.btn-flat-red:active, .btn.btn-flat-red:active:hover, .btn.btn-flat-red:active:active, .btn.btn-flat-red:focus:hover, .btn.btn-flat-red:focus:active {
  background-color: #e0726e;
}
.btn.btn-flat-grey, .btn.btn-flat-grey:active, .btn.btn-flat-grey:focus {
  background-color: #777;
  border: 1px solid #999;
  color: #FFF;
  height: auto;
}
.btn.btn-flat-grey:hover, .btn.btn-flat-grey:active, .btn.btn-flat-grey:active:hover, .btn.btn-flat-grey:active:active, .btn.btn-flat-grey:focus:hover, .btn.btn-flat-grey:focus:active {
  background-color: #7c7c7c;
}
.btn.btn-flat-orange2, .btn.btn-flat-orange2:active, .btn.btn-flat-orange2:focus {
  background-color: #F0AD4E;
  border: 1px solid #f1b157;
  color: #FFF;
  height: auto;
}
.btn.btn-flat-orange2:hover, .btn.btn-flat-orange2:active, .btn.btn-flat-orange2:active:hover, .btn.btn-flat-orange2:active:active, .btn.btn-flat-orange2:focus:hover, .btn.btn-flat-orange2:focus:active {
  background-color: #f1b157;
}
.btn.btn-flat-purple, .btn.btn-flat-purple:active, .btn.btn-flat-purple:focus {
  background-color: #5D6493;
  border: 1px solid #50567c;
  color: #FFF;
  height: auto;
}
.btn.btn-flat-purple:hover, .btn.btn-flat-purple:active, .btn.btn-flat-purple:active:hover, .btn.btn-flat-purple:active:active, .btn.btn-flat-purple:focus:hover, .btn.btn-flat-purple:focus:active {
  background-color: #5D6493;
}
.btn.btn-flat-blue, .btn.btn-flat-blue:active, .btn.btn-flat-blue:focus {
  background-color: #2095f2;
  border: 1px solid #87c5f8;
  color: #FFF;
  height: auto;
}
.btn.btn-flat-blue:hover, .btn.btn-flat-blue:active, .btn.btn-flat-blue:active:hover, .btn.btn-flat-blue:active:active, .btn.btn-flat-blue:focus:hover, .btn.btn-flat-blue:focus:active {
  background-color: #2a9af3;
}
.btn.btn-head {
  background-color: #2095f2;
}
.btn.btn-table {
  margin: 0px 3px 2px;
}
.btn.btn-filters {
  margin: 0px 5px 6px;
}
.logout .btn {
  background-color: #2095f2;
}

.btn-head {
  font-size: 1.05em;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 10px;
  padding: 10px 15px;
}
.btn-head:active, .btn-head:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 800px) {
  .btn-head {
    font-size: 0.9em;
    padding: 8px 12px;
  }
}
@media screen and (max-width: 550px) {
  .btn-head {
    font-size: 0.9em;
    padding: 6px 12px;
  }
  .btn-head .ct-label {
    display: none;
  }
}

.ct-btn-results {
  font-size: 0.85em;
  min-width: 130px;
}
@media screen and (max-width: 800px) {
  .ct-btn-results {
    font-size: 0.75em;
    padding: 8px 12px;
    min-width: 110px;
  }
}
@media screen and (max-width: 550px) {
  .ct-btn-results {
    font-size: 1em;
    padding: 6px 12px;
    min-width: 50px;
  }
  .ct-btn-results .ct-label {
    display: none;
  }
}

.btn-large {
  width: 100%;
  /*height: 40px;*/
  margin-top: 20px;
  font-size: 17px;
}

.btn-medium {
  width: 50%;
  margin-top: 20px;
  font-size: 17px;
}

.btn-small {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 8px 12px 6px 12px;
  font-size: 15.3px;
}

.btn-slim {
  padding: 3px 5px 1px 8px;
  font-size: 12px;
}

.btn-icon {
  font-size: 0.7em;
  padding: 3px 6px;
}

.buttons {
  float: right;
  margin-top: 5px;
}
.buttons > div {
  display: inline-block;
}

.ct-request-more {
  margin-top: 35px;
  font-size: 1.2em;
  font-weight: bold;
}

.ct-fa {
  padding-right: 3px;
}

.fixed-menu-btm .btn, .fixed-menu-btm .btn:active, .fixed-menu-btm .btn:focus {
  margin: 0;
  height: 60px;
  width: 30%;
  font-weight: normal;
  text-transform: uppercase;
  padding: 7px 10px 5px 10px;
  font-size: 0.9em;
  opacity: 1;
  -webkit-box-shadow: 0 -4px 0 0 #2095f2;
  box-shadow: 0 -4px 0 0 #2095f2;
}
.fixed-menu-btm .btn .fa-stack, .fixed-menu-btm .btn .fa, .fixed-menu-btm .btn:active .fa-stack, .fixed-menu-btm .btn:active .fa, .fixed-menu-btm .btn:focus .fa-stack, .fixed-menu-btm .btn:focus .fa {
  font-size: 20px;
}

.fixed-menu-btm .btn.dark, .fixed-menu-btm .btn.dark:active, .fixed-menu-btm .btn.dark:focus {
  margin: 0;
  width: 30%;
  height: 50px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.9em;
  opacity: 1;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.fixed-menu-btm .btn.dark .fa-stack, .fixed-menu-btm .btn.dark .fa, .fixed-menu-btm .btn.dark:active .fa-stack, .fixed-menu-btm .btn.dark:active .fa, .fixed-menu-btm .btn.dark:focus .fa-stack, .fixed-menu-btm .btn.dark:focus .fa {
  font-size: 20px;
}

#month-selector {
  padding: 5px 0;
  font-size: 1.2em;
  color: #555;
  margin-top: 7px;
}

#day-selector {
  padding: 10px 0;
  font-size: 1.4em;
  color: #2095f2;
}

/* spinner */
.has-spinner.active {
  cursor: progress;
}

.has-spinner.active .spinner {
  display: inline-block;
  color: #FFF;
  max-width: 50px;
}

.valid {
  display: none;
  float: right;
}

.message {
  min-height: 20px;
}
@media screen and (max-width: 550px) {
  .message {
    font-size: 0.9em;
    padding: 0 5px;
  }
}

.warning {
  color: #E98637;
}

.fail {
  color: #DE6A66;
}
.fail input {
  border-color: #DE6A66;
}

.ct-alert {
  padding: 5px 10px;
  color: #FFF;
  font-weight: bold;
  background-color: #eca7a5;
  border: 1px solid #DE6A66;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.ct-alert.ct-green {
  background-color: #9dd0a7;
  border-color: #69B779;
}
.ct-alert.ct-orange {
  background-color: #f1b07c;
  border-color: #E98637;
}
.ct-alert.ct-red {
  background-color: #eca7a5;
  border-color: #DE6A66;
}

.msg-box {
  margin-top: 30px;
  padding-left: 66px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

span.question {
  cursor: pointer;
  display: inline-block;
  color: #2095f2;
  position: relative;
  float: right;
  margin: 10px 5px 0 0;
}
span.question i {
  font-size: 1.1em;
}
span.question:hover {
  color: #50acf5;
}
span.question .ct-tooltip {
  background-color: #2095f2;
  border: 1px solid #2095f2;
  color: #FFF;
  position: absolute;
  left: -260px;
  top: -25px;
  z-index: 1000000;
  width: 250px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
span.question .ct-tooltip:after {
  position: absolute;
  border-color: transparent transparent transparent #2095f2;
  border-left: 6px solid #2095f2;
  border-style: solid;
  border-width: 6px 0px 6px 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  top: 28px;
  right: -6px;
}
span.question .ct-tooltip.ct-tooltip-btm {
  top: -95px;
}
span.question .ct-tooltip.ct-tooltip-btm:after {
  top: 98px;
}
span.question .ct-tooltip p {
  margin: 10px 20px;
}

#ct-logout-warn {
  background: #FFF;
}

.ct-result-format {
  padding: 2px 0 5px 0;
}

.alert {
  padding: 10px;
}

/*td[alt]:hover:after {
  content: attr(title);
  position: absolute;
}*/
.in-border {
  background-color: #FFF;
  width: 78px;
  height: 78px;
  position: relative;
  margin: auto;
  display: block;
  top: -39px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: solid 2px #2095f2;
  margin-bottom: -39px;
}
.in-border img {
  width: 47px;
  padding-top: 17px;
  padding-left: 6px;
}
@media screen and (max-width: 550px) {
  .in-border {
    width: 52px;
    height: 52px;
    position: relative;
    margin: auto;
    display: block;
    top: -27px;
  }
  .in-border img {
    width: 30px;
    padding-top: 11px;
    padding-left: 3px;
  }
}

.icon-logo {
  height: 16px;
}

.framed {
  border: solid 1px #DADADA;
}

ul li ul li {
  list-style-type: circle;
  margin-left: 2em;
}

.header-bar {
  position: fixed;
  top: 0px;
  min-width: 100%;
  padding: 25px 40px;
  border-bottom: 0px solid #DADADA;
  background-color: #FFF;
  z-index: 100000000;
  display: none;
  /*	Styling for text links in header area if required
  
  	.head-link {
  		display: inline-block;
  		margin: 20px;
  
  		@media screen and (max-width: $break-small) {
  			margin: 10px;
  		}		
  
  		& a {
  			color: $grey-5;	
  			font-size: $font-size-headlink;
  			vertical-align: middle;										
  		}
  
  		& a, a:hover, a:active, a:focus {
  			text-decoration: none;
  		}
  	}	*/
}
.header-bar .logo {
  display: inline-block;
}
.header-bar .logo img {
  width: 195px;
  /*, screen and (max-height: $break-small) */
}
@media screen and (max-width: 550px) {
  .header-bar .logo img {
    width: 145px;
  }
}
@media screen and (max-width: 800px) {
  .header-bar {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 550px) {
  .header-bar {
    padding: 10px 10px 4px 12px;
    position: fixed;
    top: 0px;
    width: 100%;
  }
}

.pre-footer {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 550px), screen and (max-height: 550px) {
  .pre-footer {
    font-size: 80%;
  }
}
.pre-footer hr {
  width: 300px;
  padding-bottom: 15px;
}
@media screen and (max-width: 550px), screen and (max-height: 550px) {
  .pre-footer hr {
    width: 80%;
  }
}

.footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  min-width: 390px;
  text-align: right;
  font-size: 1.05em;
  border-top: solid 1px #DADADA;
  background-color: #FFF;
  padding: 13px 20px;
}
.footer a, .footer a:hover {
  color: #428BCA;
}
@media screen and (max-width: 1048px) {
  .footer {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 550px) {
  .footer {
    font-size: 0.8em;
    text-align: center;
    padding: 5px;
    display: none;
  }
}
.footer .copyright-link, .footer .copyright-link:hover {
  color: #777;
}
.footer .ct-block-left {
  display: inline-block;
  float: left;
}
@media screen and (max-width: 800px) {
  .footer .ct-block-left {
    display: block;
    float: none;
    text-align: center;
  }
}
.footer .ct-block-right {
  display: inline-block;
  float: right;
}
@media screen and (max-width: 800px) {
  .footer .ct-block-right {
    display: block;
    float: none;
    text-align: center;
  }
}

.ct-table {
  font-size: 12px;
  border-bottom: none;
  border-top: none;
  width: 100%;
}
.ct-table td, .ct-table th {
  padding: 4px 5px;
  border: 1px solid #CCCCCC;
  background-clip: padding-box;
  max-width: 400px;
  /*absolute max width, for safety*/
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.ct-table td.ct-small, .ct-table th.ct-small {
  max-width: 10em;
}
.ct-table td.ct-desc, .ct-table th.ct-desc {
  /*max-width: 20em;*/
}
.ct-table th {
  background-color: #F5F6F7;
  white-space: normal;
  word-wrap: break-word;
}
.ct-table thead tr th {
  border-top: none;
}
.ct-table tbody tr:last-child td {
  border-bottom: none;
}
.ct-table td.table-total {
  font-weight: bold;
  background-color: #F5F6F7;
}
.ct-table tfoot tr:last-child td {
  border-bottom: none;
}

thead.ct-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
}

.ct-table-outer {
  width: auto;
  overflow-y: hidden;
  overflow-x: hidden;
  top: auto;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

.ct-table-inner {
  overflow-x: visible;
  overflow-y: scroll;
  max-height: 45vh;
  width: 100%;
}
.ct-table-inner.no-height-limit {
  max-height: unset;
}

.summary-table-container {
  width: 100%;
}

.summary-table {
  width: auto;
  min-width: 50%;
  /*margin: auto;*/
  font-size: 12px;
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
}
.summary-table th, .summary-table td {
  padding: 1px 10px;
  /*white-space: nowrap;		*/
  overflow: hidden;
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border: 1px solid #CCCCCC;
}
.summary-table th {
  color: #777;
  font-weight: bold;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
  font-family: FontAwesome;
  color: #777;
  font-size: 10px;
  content: " \f0dc";
}

#sorttable_sortfwdind, #sorttable_sortrevind {
  font-family: FontAwesome;
  color: #2095f2;
  font-size: 10px;
}

#check-all-controller, #check-mine-controller {
  vertical-align: sub;
  margin-left: 2px;
}

table.sortable th:not(.sorttable_nosort), table.summary-table thead {
  cursor: pointer;
}

div.fixed-header-table {
  margin-top: -13px;
}
@media screen and (max-width: 580px) {
  div.fixed-header-table {
    display: none;
  }
}

#table-loader {
  display: none;
  width: 100%;
  text-align: center;
  height: 200px;
  margin-top: 50px;
}

.ct-iframe {
  display: none;
}
.ct-iframe.buttons {
  font-size: 1.6em;
  margin: 0;
  padding: 0 5px;
}
.ct-iframe .btn:focus {
  color: #777;
}
.ct-iframe .btn.btn-main, .ct-iframe .btn.btn-main:active, .ct-iframe .btnbtn-main:focus {
  /*@include btn-color($green-2, $green-2);*/
  background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  color: #777;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #DDDDDD;
  font-size: 15.3px;
}
.ct-iframe .btn.btn-head {
  margin: 0;
  background-color: #2095f2;
}
.ct-iframe span.question {
  color: #2095f2;
}
.ct-iframe span.question:hover {
  color: #50acf5;
}
.ct-iframe span.question .ct-tooltip {
  background-color: #2095f2;
  border: 1px solid #2095f2;
}
.ct-iframe span.question .ct-tooltip:after {
  border-color: transparent transparent transparent #2095f2;
  border-left: 6px solid #2095f2;
}

#ct-iframe-nav {
  position: fixed;
  top: 50px;
  right: 0;
}
#ct-iframe-nav div {
  display: block;
  margin-bottom: 5px;
}

iframe.ct-iframe-inside.full {
  width: 100%;
  height: 100vh;
}

@media screen {
  .print-only {
    display: none;
  }
}
@media print {
  .no-print {
    display: none;
  }

  .print-only {
    display: block;
  }

  .print-header {
    position: unset;
    top: 0;
  }
}
.blue {
  color: #2095f2;
}

.white {
  color: #FFF;
}

.icon-orange {
  color: #F0AD4E;
}

.icon-green {
  color: #69B779;
}

.orange-back {
  background-color: #F0AD4E;
}

.blue-border {
  border: 1px solid #2095f2;
}

.grey-border {
  border: 1px solid #CCCCCC;
}

.inv-prev table {
  margin: 0 auto;
}
.inv-prev tr {
  mso-height-source: auto;
}
.inv-prev col {
  mso-width-source: auto;
}
.inv-prev br {
  mso-data-placement: same-cell;
}
.inv-prev .style0 {
  mso-number-format: General;
  text-align: general;
  vertical-align: bottom;
  white-space: nowrap;
  mso-rotate: 0;
  mso-background-source: auto;
  mso-pattern: auto;
  color: black;
  font-size: 11.0pt;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-family: Arial, sans-serif;
  mso-font-charset: 0;
  border: none;
  mso-protection: locked visible;
  mso-style-name: Normal;
  mso-style-id: 0;
}
.inv-prev td {
  mso-style-parent: style0;
  padding: 0px;
  mso-ignore: padding;
  color: black;
  font-size: 10.0pt;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-family: Arial, sans-serif;
  mso-font-charset: 0;
  mso-number-format: General;
  text-align: general;
  vertical-align: bottom;
  border: none;
  mso-background-source: auto;
  mso-pattern: auto;
  mso-protection: locked visible;
  white-space: nowrap;
  mso-rotate: 0;
}
.inv-prev .xl65 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
}
.inv-prev .xl66 {
  mso-style-parent: style0;
  white-space: normal;
}
.inv-prev .xl67 {
  mso-style-parent: style0;
  mso-number-format: "\0022$\0022\#\,\#\#0\.00\;\\-\0022$\0022\#\,\#\#0\.00";
  text-align: right;
  white-space: normal;
}
.inv-prev .xl68 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: "\0022$\0022\#\,\#\#0\.00\;\\-\0022$\0022\#\,\#\#0\.00";
  text-align: right;
  white-space: normal;
}
.inv-prev .xl69 {
  mso-style-parent: style0;
  border-top: none;
  border-right: none;
  border-bottom: 1.0pt solid windowtext;
  border-left: none;
}
.inv-prev .xl70 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: none;
  border-right: none;
  border-bottom: 1.0pt solid windowtext;
  border-left: none;
}
.inv-prev .xl71 {
  mso-style-parent: style0;
  border-top: none;
  border-right: none;
  border-bottom: 1.0pt solid windowtext;
  border-left: none;
  white-space: normal;
}
.inv-prev .xl72 {
  mso-style-parent: style0;
  mso-number-format: "\0022$\0022\#\,\#\#0\.00\;\\-\0022$\0022\#\,\#\#0\.00";
  text-align: right;
  border-top: none;
  border-right: none;
  border-bottom: 1.0pt solid windowtext;
  border-left: none;
  white-space: normal;
}
.inv-prev .xl73 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  white-space: normal;
}
.inv-prev .xl74 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: none;
  border-right: none;
  border-bottom: 1.0pt solid windowtext;
  border-left: none;
  white-space: normal;
}
.inv-prev .xl75 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: "\0022$\0022\#\,\#\#0\.00\;\\-\0022$\0022\#\,\#\#0\.00";
  text-align: right;
  border-top: none;
  border-right: none;
  border-bottom: 1.0pt solid windowtext;
  border-left: none;
  white-space: normal;
}
.inv-prev .xl76 {
  mso-style-parent: style0;
  color: windowtext;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
}
.inv-prev .xl77 {
  mso-style-parent: style0;
  color: windowtext;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  white-space: normal;
}
.inv-prev .xl78 {
  mso-style-parent: style0;
  mso-number-format: "mm\/dd\/yyyy";
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl79 {
  mso-style-parent: style0;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl80 {
  mso-style-parent: style0;
  mso-number-format: Fixed;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl81 {
  mso-style-parent: style0;
  mso-number-format: "\0022$\0022\#\,\#\#0\.00\;\\-\0022$\0022\#\,\#\#0\.00";
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl82 {
  mso-style-parent: style0;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl83 {
  mso-style-parent: style0;
  mso-number-format: "\0022$\0022\#\,\#\#0\.00\;\\-\0022$\0022\#\,\#\#0\.00";
  text-align: left;
  vertical-align: middle;
}
.inv-prev .xl84 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: "mm\/dd\/yyyy";
  text-align: left;
  vertical-align: middle;
  border: 1.0pt solid windowtext;
  background: whitesmoke;
  mso-pattern: black none;
  white-space: normal;
}
.inv-prev .xl85 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  text-align: left;
  vertical-align: middle;
  border: 1.0pt solid windowtext;
  background: whitesmoke;
  mso-pattern: black none;
  white-space: normal;
}
.inv-prev .xl86 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: Fixed;
  text-align: center;
  vertical-align: middle;
  border: 1.0pt solid windowtext;
  background: whitesmoke;
  mso-pattern: black none;
  white-space: normal;
}
.inv-prev .xl87 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: "\0022$\0022\#\,\#\#0\.00\;\\-\0022$\0022\#\,\#\#0\.00";
  text-align: center;
  vertical-align: middle;
  border: 1.0pt solid windowtext;
  background: whitesmoke;
  mso-pattern: black none;
  white-space: normal;
}
.inv-prev .xl88 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  text-align: center;
  vertical-align: middle;
  border: 1.0pt solid windowtext;
  background: whitesmoke;
  mso-pattern: black none;
  white-space: normal;
}
.inv-prev .xl89 {
  mso-style-parent: style0;
  color: windowtext;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: "mm\/dd\/yyyy";
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl90 {
  mso-style-parent: style0;
  color: windowtext;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl91 {
  mso-style-parent: style0;
  color: windowtext;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: Fixed;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl92 {
  mso-style-parent: style0;
  color: windowtext;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: "\0022$\0022\#\,\#\#0\.00\;\\-\0022$\0022\#\,\#\#0\.00";
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl93 {
  mso-style-parent: style0;
  color: windowtext;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl94 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: "mm\/dd\/yyyy";
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl95 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.inv-prev .xl96 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  text-align: left;
  vertical-align: middle;
  border-top: .5pt solid windowtext;
  border-right: none;
  border-bottom: .5pt solid windowtext;
  border-left: none;
  white-space: normal;
}
.inv-prev .xl97 {
  mso-style-parent: style0;
  color: windowtext;
  font-weight: 700;
  font-family: Arial;
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: Fixed;
  text-align: center;
  vertical-align: middle;
  border-top: .5pt solid windowtext;
  border-right: none;
  border-bottom: .5pt solid windowtext;
  border-left: none;
  white-space: normal;
}
.inv-prev .xl98 {
  mso-style-parent: style0;
  color: red;
  font-weight: 700;
}
.inv-prev .xl99 {
  mso-style-parent: style0;
  text-align: left;
  white-space: normal;
}
.ct-margin{
  margin: 40px;
}
.active-button
{
    border-bottom-style: solid;
    border-bottom-color: black;
}