/* line 1, /Users/preston/projects/jx-refs/app/assets/stylesheets/cases.scss */
.loading-text {
  font-size: .75em;
  font-style: italic;
}

/* line 6, /Users/preston/projects/jx-refs/app/assets/stylesheets/cases.scss */
.display-toggle {
  visibility: hidden;
}

/* line 10, /Users/preston/projects/jx-refs/app/assets/stylesheets/cases.scss */
.upload-message {
  font-size: .85em;
}

/* line 14, /Users/preston/projects/jx-refs/app/assets/stylesheets/cases.scss */
.spacer {
  margin-bottom: 15px;
}

/* line 18, /Users/preston/projects/jx-refs/app/assets/stylesheets/cases.scss */
.loader {
  color: #02acc1;
  font-size: 20px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 15px 15px 0 auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Base styling */
/* line 10, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.search__container {
  padding-top: 64px;
}
/* line 14, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.search__title {
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  color: #585C64;
}
/* line 21, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.search__input {
  width: 100%;
  padding: 12px 24px;
  background-color: transparent;
  transition: transform 250ms ease-in-out;
  font-size: 14px;
  line-height: 18px;
  color: #575756;
  background-color: transparent;
  /*         background-image: url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg); */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 95% center;
  border-radius: 50px;
  border: 1px solid #575756;
  transition: all 250ms ease-in-out;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
/* line 44, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.search__input::placeholder {
  color: rgba(87, 87, 86, 0.8);
  letter-spacing: 1.5px;
}
/* line 49, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.search__input:hover, .search__input:focus {
  padding: 12px 0;
  outline: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #575756;
  border-radius: 0;
  background-position: 100% center;
}

/* line 61, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.search-table {
  width: 100%;
  table-layout: fixed;
}

/* line 66, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.tbl-content {
  margin-top: 0px;
}

/* line 70, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.search-table td {
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-weight: 300;
  font-size: 12px;
  color: #575756;
  border-bottom: solid 1px rgba(87, 87, 86, 0.1);
}

/* line 80, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-add {
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  background-color: #ededed;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #585c64;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 20px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}

/* line 97, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-add:hover {
  background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  background-color: #dfdfdf;
}

/* line 101, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-add:active {
  position: relative;
  top: 1px;
}

/* line 106, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-edit {
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: inset 0px 1px 0px 0px #fff6af;
  background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  background-color: #ffec64;
  border-radius: 6px;
  border: 1px solid #ffaa22;
  display: inline-block;
  cursor: pointer;
  color: #333333;
  font-size: 12px;
  padding: 6px 15px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffee66;
}

/* line 122, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-edit:hover {
  background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
  background-color: #ffab23;
}

/* line 126, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-edit:active {
  position: relative;
  top: 1px;
}

/* line 131, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-delete {
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: inset 0px 1px 0px 0px #f5978e;
  background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
  background-color: #f24537;
  border-radius: 6px;
  border: 1px solid #d02718;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 15px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #810e05;
}

/* line 147, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-delete:hover {
  background: linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
  background-color: #c62d1f;
}

/* line 151, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-delete:active {
  position: relative;
  top: 1px;
}

/* line 156, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-save {
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: inset 0px 1px 0px 0px #a4e271;
  background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
  background-color: #89c403;
  border-radius: 6px;
  border: 1px solid #74b807;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 20px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #528009;
}

/* line 173, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-save:hover {
  background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
  background-color: #77a809;
}

/* line 177, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.btn-save:active {
  position: relative;
  top: 1px;
}

/* .squaredFour */
/* line 183, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.squaredFour {
  width: 20px;
  position: relative;
  margin: 20px auto;
}
/* line 187, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
/* line 198, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.squaredFour label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}
/* line 212, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.squaredFour label:hover::after {
  opacity: 0.5;
}
/* line 216, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
/* line 218, /Users/preston/projects/jx-refs/app/assets/stylesheets/home.scss */
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/* end .squaredFour */
#spinner, #errorBox{
    margin-top:50px;
    margin-bottom: 15px;
}

#resultsBox{
    margin-top:20px;
}

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #585C64;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
    100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot {
    80%, 100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    } 100%, 0% {
          transform: scale(1.0);
      }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */


@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900');

.navbar-custom h3{
    color: #ffffff;
}

body{
    color: #8e99a2;
    font-family: 'Raleway', sans-serif;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.logo{
    width: 175px;
    height: 100px;
}

.logo-lg{
    margin-top: 10px;
    margin-bottom: 2px;
    width: 85px;
    height: 80px;
}
.logo-sm{
    margin-top: 10px;
    margin-bottom: 2px;
    width: 65px;
    height: 60px;
}
.div-border{
    border: 1px solid #c0c0c0;
    margin: 5px 0px;
    overflow: scroll;
    height: inherit;
}

/*For TCCS*/
.tccs-links{
    color: #046a9c;
}

.tccs-btn-primary {
    color: #fff;
    background-color: #046a9c;
    border-color: #046a9c;
}

.tccs-btn-outline-primary {
    color: #046a9c;
    background-color: transparent;
    background-image: none;
    border-color: #046a9c;
}

.jx-btn-primary:focus, .jx-btn-primary:hover{
    color: #fff;
    background-color: #043c6d;
    border-color: #043c6d;
}

.tccs-btn-outline-primary:focus, .tccs-btn-outline-primary:hover{
    color: #fff;
    background-color: #043c6d;
    border-color: #043c6d;
}

.tccs-btn-outline-primary:active:focus{
    color: #fff;
    background-color: #046a9c;
    box-shadow: none;
}

/*End For TCCS*/

/*For JX*/
.jx-links{
    color: #02acc1;
}

.jx-btn-primary {
    color: #fff;
    background-color: #02acc1;
    border-color: #02acc1;
}

.jx-btn-primary:focus, .jx-btn-primary:hover{
    color: #fff;
    background-color: #026168;
    border-color: #026168;
}

.jx-btn-outline-primary {
    color: #02acc1;
    background-color: transparent;
    background-image: none;
    border-color: #02acc1;
}

.jx-btn-outline-primary:focus, .jx-btn-outline-primary:hover{
    color: #fff;
    background-color: #026168;
    border-color: #026168;
}

.jx-btn-outline-primary:active:focus{
    color: #fff;
    background-color: #02acc1;
    box-shadow: none;
}

/*End For JX*/

/*For JXC*/
.jxc-links{
    color: #b244c5;
}

.jxc-btn-primary {
    color: #fff;
    background-color: #b244c5;
    border-color: #b244c5;
}

.jxc-btn-primary:focus, .jxc-btn-primary:hover{
    color: #fff;
    background-color: #8015ac;
    border-color: #8015ac;
}

.jxc-btn-outline-primary {
    color: #b244c5;
    background-color: transparent;
    background-image: none;
    border-color: #b244c5;
}

.jxc-btn-outline-primary:focus, .jxc-btn-outline-primary:hover{
    color: #fff;
    background-color: #8015ac;
    border-color: #8015ac;
}

.jxc-btn-outline-primary:active:focus{
    color: #fff;
    background-color: #b244c5;
    box-shadow: none;
}

/*End For JXC*/

.spacer{
    margin-top: 25px;
}

.dashboard{
    position: relative;
    background: #f7f8fb;
    border-bottom: 1px solid #e7ebf3;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05), 0 5px 5px 0 rgba(231, 235, 243, 0.25);
}

.dashboard h3{
    color: #585C64;
    margin-top: 20px;
}

.panel-heading{
    border-bottom: 1px solid #c0c0c0;
    padding: 5px;
    margin-bottom: 10px;
}

.note-border{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #e7ebf3;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05), 0 5px 5px 0 rgba(231, 235, 243, 0.25);
    overflow-x: auto;
}

.content-section{
    margin-top: 5px;
    margin-bottom: 5px;
}

.content-section h3{
    color: #585C64;
}

.search-block{
    min-height: 200px;
}

.obj-hidden{
    display: none;
}

.obj-visible{
    display: block;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    visibility: hidden;
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.logout-warn {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 150px;
    background-color: #ccc;
    border-radius: 3px;
    border: 3px solid black;
    padding: 10px;
}

.logout-text {
    font-size: .85rem;
    font-weight: 550;
    text-align: center;
    color: #585C64;
}

.btn-centred {
    margin: 0 auto !important;
}

@media screen and (min-width: 801px) {
    .banner-text {
        color: #ffffff !important;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        color: #585C64;
    }
}

@media screen and (min-width: 451px) and (max-width: 800px){
    .banner-text {
        color: #ffffff !important;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        color: #585C64;
    }
}

@media screen and (max-width: 450px) {
    .banner-text {
        color: #ffffff !important;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        color: #585C64;
    }
}

#progress-bar {
    margin-top: 25px;
    width: 500px;
    height: 10px;
    border: 1px solid gray;
    border-radius: 10px;
}

#progress {
    width: 0;
    height: 100%;
    background: #02acc1;
    border-radius: 10px;
    transition: all 200ms;
}

#file {
    display:none;
}