body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color:#77787b;
}
strong{
    font-weight: 700;
    color:#77787b;
}
.nobreak{
    white-space: nowrap;
}
.theme-light{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color:#77787b;
    text-transform: uppercase;
}
.theme-bold{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color:#77787b;
    font-size:108%;
    text-transform: uppercase;
}
.theme-black{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color:#77787b;
    font-size:108%;
    text-transform: uppercase;
}

.heading-light{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.table td.text {
    max-width: 70px;
}
.table td.text span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.btn-group-xs > .btn, .btn-xs {
    padding  : .3rem .45rem .4rem .45rem;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
}

.card-header,
.card-footer{
    padding:5px 15px 5px 15px;
}
.card-body{
    padding:15px;
}
.jumbotron{
    padding:5px 15px 5px 15px;
}
.table-sm td, .table-sm th {
   padding: 0rem;
}
.alert{
    border-radius:0px;
    padding:.5rem 1.25rem .5rem 1.25rem;
}
.list-group-item{
    padding:.5rem 1rem .5rem 1rem;
}
.condensed-list-group-item{
    line-height: 1.25;
}
.condensed-card-text{
    line-height: 1.25;
}
.body-container{
    margin-top:56px;
}
.card-title{
    margin-bottom:.5rem;
}
.card-body ul{
    margin-bottom:.5rem;
}
.card-text{
    line-height:1.3;
    margin-bottom:.5rem;
}
.narrow-hr{
    margin:.75rem;
}

/*------------------------------------
- FOO and RA response table UI
------------------------------------*/
.table-md td, .table-md th{
    padding:0.5rem;
}
.table-xs td, .table-xs th{
    padding:0.25rem;
}
.table-unbordered td{
    border: 1px solid #dee2e6;
}
.table-unbordered tr:first-child td{
    border-top:0px;
}
.table-unbordered tr td:first-child{
    border-left:0px;
}
.table-unbordered tr td:last-child{
    border-right:0px;
}
.table-unbordered td.cell-center{
    text-align:center;
    vertical-align: middle;
}

#pos_emotions,
#neg_emotions,
#oth_emotions{
    list-style-type: none;
    background-color:none;
}
#pos_emotions li,
#neg_emotions li,
#oth_emotions li{
    padding: 0.5rem;
    cursor:pointer;
}
#pos_emotions li:hover,
#neg_emotions li:hover,
#oth_emotions li:hover{
    background-color:#eeeeee;
}
#pos_emotions li.emotion-group-item-header,
#neg_emotions li.emotion-group-item-header,
#oth_emotions li.emotion-group-item-header{
    color:#aaaaaa;
    padding: 0.1rem 0.5rem 0.1rem 0.5rem;
    background-color:#fbfbfb;
    border-top:1px solid #bbbbbb;
    cursor:default;
    text-transform: uppercase;
}
#neg_emotions li.emotion-group-item-header{
    border-left:1px solid #e6e7e8;
}
#pos_emotions li.emotion-group-item-header:hover,
#neg_emotions li.emotion-group-item-header:hover,
#oth_emotions li.emotion-group-item-header:hover{
    background-color:#fbfbfb;
}
#pos_emotions li.emotion-group-item-header:first-child,
#neg_emotions li.emotion-group-item-header:first-child,
#oth_emotions li.emotion-group-item-header:first-child{
    border-top:0px;
    cursor:default;
}


/*------------------------------------
- COLOR tertiary
------------------------------------*/
.alert-tertiary {
    color: #610084;
    background-color: #f1ccff;
    border-color: #ebb7ff;
}

.alert-tertiary hr {
    border-top-color: #e59eff;
}

.alert-tertiary .alert-link {
    color: #3b0051;
}

.badge-tertiary {
    color: #fff;
    background-color: #bb00ff;
}

.badge-tertiary[href]:hover, .badge-tertiary[href]:focus {
    color: #fff;
    background-color: #9500cc;
}

.bg-tertiary {
    background-color: #bb00ff !important;
}

a.bg-tertiary:hover, a.bg-tertiary:focus,
button.bg-tertiary:hover,
button.bg-tertiary:focus {
    background-color: #9500cc !important;
}

.border-tertiary {
    border-color: #bb00ff !important;
}

.btn-tertiary {
    color: #fff;
    background-color: #bb00ff;
    border-color: #bb00ff;
}

.btn-tertiary:hover {
    color: #fff;
    background-color: #a000db;
    border-color: #9500cc;
}

.btn-tertiary:focus, .btn-tertiary.focus {
    box-shadow: 0 0 0 0.2rem rgba(187, 0, 255, 0.5);
}

.btn-tertiary.disabled, .btn-tertiary:disabled {
    color: #fff;
    background-color: #bb00ff;
    border-color: #bb00ff;
}

.btn-tertiary:not(:disabled):not(.disabled):active, .btn-tertiary:not(:disabled):not(.disabled).active, .show > .btn-tertiary.dropdown-toggle {
    color: #fff;
    background-color: #9500cc;
    border-color: #8a00bc;
}

.btn-tertiary:not(:disabled):not(.disabled):active:focus, .btn-tertiary:not(:disabled):not(.disabled).active:focus, .show > .btn-tertiary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(187, 0, 255, 0.5);
}

.btn-outline-tertiary {
    color: #bb00ff;
    background-color: transparent;
    border-color: #bb00ff;
}

.btn-outline-tertiary:hover {
    color: #fff;
    background-color: #bb00ff;
    border-color: #bb00ff;
}

.btn-outline-tertiary:focus, .btn-outline-tertiary.focus {
    box-shadow: 0 0 0 0.2rem rgba(187, 0, 255, 0.5);
}

.btn-outline-tertiary.disabled, .btn-outline-tertiary:disabled {
    color: #bb00ff;
    background-color: transparent;
}

.btn-outline-tertiary:not(:disabled):not(.disabled):active, .btn-outline-tertiary:not(:disabled):not(.disabled).active, .show > .btn-outline-tertiary.dropdown-toggle {
    color: #fff;
    background-color: #bb00ff;
    border-color: #bb00ff;
}

.btn-outline-tertiary:not(:disabled):not(.disabled):active:focus, .btn-outline-tertiary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-tertiary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(187, 0, 255, 0.5);
}

.list-group-item-tertiary {
    color: #610084;
    background-color: #ebb7ff;
}

.list-group-item-tertiary.list-group-item-action:hover, .list-group-item-tertiary.list-group-item-action:focus {
    color: #610084;
    background-color: #e59eff;
}

.list-group-item-tertiary.list-group-item-action.active {
    color: #fff;
    background-color: #610084;
    border-color: #610084;
}

.table-tertiary,
.table-tertiary > th,
.table-tertiary > td {
    background-color: #ebb7ff;
}

.table-hover .table-tertiary:hover {
    background-color: #e59eff;
}

.table-hover .table-tertiary:hover > td,
.table-hover .table-tertiary:hover > th {
    background-color: #e59eff;
}

.text-tertiary {
    color: #bb00ff !important;
}

a.text-tertiary:hover, a.text-tertiary:focus {
    color: #9500cc !important;
}
/*------------------------------------
- END COLOR tertiary
------------------------------------*/


/*------------------------------------
- COLOR orange
------------------------------------*/
.alert-orange {
    color: #845700;
    background-color: #ffedcc;
    border-color: #ffe6b7;
}

.alert-orange hr {
    border-top-color: #ffde9e;
}

.alert-orange .alert-link {
    color: #513600;
}

.badge-orange {
    color: #ffffff;
    background-color: #ffa900;
}

.badge-orange[href]:hover, .badge-orange[href]:focus {
    color: #ffffff;
    background-color: #cc8700;
}

.bg-orange {
    background-color: #ffa900 !important;
}

a.bg-orange:hover, a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
    background-color: #cc8700 !important;
}

.border-orange {
    border-color: #ffa900 !important;
}

.btn-orange {
    color: #ffffff;
    background-color: #ffa900;
    border-color: #ffa900;
}

.btn-orange:hover {
    color: #ffffff;
    background-color: #db9100;
    border-color: #cc8700;
}

.btn-orange:focus, .btn-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 169, 0, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
    color: #ffffff;
    background-color: #ffa900;
    border-color: #ffa900;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active, .show > .btn-orange.dropdown-toggle {
    color: #ffffff;
    background-color: #cc8700;
    border-color: #bc7d00;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 169, 0, 0.5);
}

.btn-outline-orange {
    color: #ffa900;
    background-color: transparent;
    border-color: #ffa900;
}

.btn-outline-orange:hover {
    color: #ffffff;
    background-color: #ffa900;
    border-color: #ffa900;
}

.btn-outline-orange:focus, .btn-outline-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 169, 0, 0.5);
}

.btn-outline-orange.disabled, .btn-outline-orange:disabled {
    color: #ffa900;
    background-color: transparent;
}

.btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled).active, .show > .btn-outline-orange.dropdown-toggle {
    color: #ffffff;
    background-color: #ffa900;
    border-color: #ffa900;
}

.btn-outline-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 169, 0, 0.5);
}

.list-group-item-orange {
    color: #845700;
    background-color: #ffe6b7;
}

.list-group-item-orange.list-group-item-action:hover, .list-group-item-orange.list-group-item-action:focus {
    color: #845700;
    background-color: #ffde9e;
}

.list-group-item-orange.list-group-item-action.active {
    color: #ffffff;
    background-color: #845700;
    border-color: #845700;
}

.table-orange,
.table-orange > th,
.table-orange > td {
    background-color: #ffe6b7;
}

.table-hover .table-orange:hover {
    background-color: #ffde9e;
}

.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
    background-color: #ffde9e;
}

.text-orange {
    color: #ffa900 !important;
}

a.text-orange:hover, a.text-orange:focus {
    color: #cc8700 !important;
}
/*------------------------------------
- END COLOR orange
------------------------------------*/




/*-----------------------------------
- BEGIN AJAX SPINNER WITH CHECKMARK
-----------------------------------*/
.circle-loader {
  margin-bottom: 2.5em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left-color: #44c8f5;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 7em;
  height: 7em;
}

.load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #44c8f5;
  transition: border 500ms ease-out;
}

.checkmark {
  display: none;
}
.checkmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.checkmark:after {
  opacity: 1;
  height: 3.5em;
  width: 1.75em;
  transform-origin: left top;
  border-right: 3px solid #44c8f5;
  border-top: 3px solid #44c8f5;
  content: '';
  left: 1.75em;
  top: 3.5em;
  position: absolute;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}




/*-----------------------------
- scrollable tables
------------------------------*/
.my-custom-scrollbar {
position: relative;
height: 200px;
overflow: auto;
border:1px solid #e9ecef;
margin-bottom: 2rem;
border-radius: 6px;
}
.table-wrapper-scroll-y {
display: block;
}
.my-custom-scrollbar-400 {
position: relative;
height: 400px;
overflow: auto;
border:1px solid #e9ecef;
margin-bottom: 2rem;
border-radius: 6px;
}





.affResults td{
    height:38px;
}


.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
    font-weight: 600;
    color:#5a646f;
}
.navbar-light .navbar-nav :hover > .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
    font-weight: 600;
    color:#5a646f;
}


.overlay
{
background-color: white;
height:100%;
width: 100%;
position: absolute;
top: 0px;
z-index: 999;
display: none;
opacity:50%;
}