html,body
{
    font-family:'Open Sans', sans-serif;
    font-size:16px;
    color:#888888;
    height:100%;
    font-weight: 400;
}
body
{
    font-size:16px;
}
header,footer
{
	background:transparent;
}
footer
{
    font-size:.85rem;
}
.header-logo img
{
    max-height:3.5rem;
    max-width:300px;
}
h1,h2,h3
{
	font-size:1.05rem;
	font-weight:500;
    color:#333;
    text-transform: uppercase;
	font-family: 'Roboto',sans-serif;
}
h2
{
    font-size:1.0rem;
    color:#222;
}
h3
{
    font-size: 1rem;
    color:#222;
}
p,a,li,span,table tr th,table tr td
{
    font-size:.90rem;
}
a
{
    color:#0056B3;
}
form label
{
    margin-bottom: 0;
}
#header
{
    max-height:72px;
    background-position:top left;
    background-repeat:no-repeat;
    background-size:cover;
}
#header-menu {
    margin-top: 1px;
    background: transparent;
    background-color: transparent;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
}
.header-account-name
{
    padding-top:5px;
}
.navbar
{
    padding: 0rem;
}
#navbarCollapse ul.nav
{
    margin: auto;
}
#navbarCollapse li,#navbarCollapse1 li
{
    border-right:1px solid #EAEAEA;
}
#navbarCollapse li:last-child,#navbarCollapse1 li:last-child
{
    border-right: none;
    padding-right:0px!important; 
}
#navbarCollapse li:first-child,#navbarCollapse1 li:first-child
{
    padding-left:0px!important; 
}
#navbarCollapse .nav-link
{
    padding:.2rem 1.2rem;
    font-size:1rem;
    font-family: 'Roboto','sans-serif';
}
#navbarCollapse1 .nav-link 
{
    padding:.2rem 1.2rem; 
}
#navbarCollapse .nav-link.active
{
    background-color:#43578E;
    color:#fff;
    border-radius:.15rem;
}
#navbarCollapse1 .nav-link.active
{
    background-color:#43578E;
    color:#fff;
    border-radius:.1rem;
}
#navbarCollapse1 li
{
    text-transform: uppercase;
    font-size:.8rem;
}

.btn-lumus
{
    border-radius:.15rem;
    box-shadow:none;
    color: #fff;
}
.btn-lumus:hover
{
    box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.4);
    color: #fff;
}
.toast
{
    position:absolute;
    top:0;right:0;
}
.alert
{
    font-size:1rem;
}
.badge
{
    color:#fff;
}
.badge.badge-md {
  font-size:.77rem;
    font-weight: normal;
}
.bigtick
{
    font-size:5rem;
    font-weight:600;
}
.tblParticipants
{
    width: 100%!important;

}
.fileinput-button
{
    cursor: pointer;
}
.min-count{
    max-width:65px;
}
.input-group-label
{
    min-width: 122px;
}
.datepicker td,.datepicker th
{
    padding:.4rem;
}
.clr-participant-fg
{
    color:#455492;
}
.clr-respondent-fg
{
    color:#ed611d;
}
.clr-contact-fg
{
    color:#666666;
}
.clr-linemanager
{
    background-color:#089d0f!important;
}
.clr-all
{
    background-color:#606060!important;
}
.active .clr-participant-fg,.active .clr-respondent-fg,.active .clr-contact-fg,.active .clr-linemanager
{
    color:#fff;
}
.admin_text ul li
{
    margin:.35rem 0;
}
.pop-desc {
    padding: .44rem 2rem;
    color: #fff;
    border-radius:.15rem;
    font-size: .9rem;
    font-weight: normal;
    text-transform: none;
    cursor:pointer;
}
.pop-desc.green
{
    background-color:#7fd86d;
}
.pop-desc.red
{
    background-color:#fb6767;
}
.pop-desc.amber
{
    background-color:#d1c938;
}
h2.pop-desc.bg-light
{
    border:1px solid #E2E2E2;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
  width: 422px;
  margin-top: 4px;
  padding: 4px 0;
  max-height: 250px;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  color: #fff;
  background-color:#0056B3;
}

.tt-suggestion p {
  margin: 0;
}
span.twitter-typeahead
{
    display:block!important;
}
.input-loading {    
    background-color: #ffffff;
    background-image: url("../images/loading.gif");
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}
#cmp-tabs
{
    width:100%;   
}
.introlink
{
    border:0;
}
.text-disabled
{
    opacity: .2;
}
button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}
.tblMonitor tr td
{
    padding:.5rem;
}
.tblMonitor .table thead th
{
    font-size:.70rem;
    padding:.2rem .40rem;
    background-color:#E8E8E8!important;
}
.tblMonitor .table tbody td
{
    padding:.1rem .40rem;
}
.tblMonitor tbody tr:hover td .table thead th
{
    background-color:#E8E8E8!important;   
}
.tblMonitor tbody td,.tblMonitor tbody td span
{
    font-size:.85rem!important;
}
.tblMonitor .smallfont
{
    font-size:.80rem;
}
.fa-disabled
{
    opacity: .5;
}
.progress_footer td,.progress_footer td span
{
    font-weight: bold;
}
.buildq a.ahref
{
    color:#5464ab;
    font-size: .8rem;
}
.buildq h3
{
    text-transform: none;

}
.qb_section
{
    background-color: #FAFAFA;
    border:1px solid #EFEFEF;
    border-radius:4px;
    padding:1.5rem;
    font-size: .85rem;
}
.factorslib
{
    list-style-type: none;
    margin:0;
    margin:0rem;
    padding:1rem;
}
.factorslib li
{
    margin-top:.5rem;
    font-weight: bold;
}
.factorslib li ul
{
    margin-top:.2rem;
    padding-left:2rem;
}
.factorslib li ul li
{
    margin-top:0rem;
    font-weight:normal;
}
.questionslib
{
    list-style-type: none;
    margin:0;
    padding-left:1rem;
    padding-top:.3rem;
}
.highlight
{
    background-color:#ffa;
}
.divminconf a
{
    color:#0000ff;
    text-decoration: underline;
}

.old_selection
{
    background-color:#fffbc0!important;
}
.apreviousfb
{
    text-decoration: underline!important;
    color:#0000ff;
}
.previous_feeback_help
{
    line-height:2rem; 
}
.previous_feeback_help span
{
    display:inline-block;
    width:3rem;
    height:1.5rem;
    margin:1rem .6rem 0 0;
    border:1px solid #808080;
}
/*Bootstrap Overrides*/
.form-control{
    border-radius: .15rem;
}
.form-control::placeholder{
    opacity:.3;
}
.table thead th
{
    background-color: #e7efff;
    border-radius:4px;
    font-size:.8rem;
    font-weight: normal;
    text-transform: uppercase;
    color:#222;
    text-align: center!important;
}
.table thead th.normal-case
{
    text-transform: none;
}
.table tbody tr td
{
    text-align: center;
    border-bottom:1px solid #EFEFEF;
    border-right:1px solid #EFEFEF;
    border-top: 0px;
    vertical-align: middle;
    font-size:.94rem;
    transition: background-color 1s;
}
.table tbody tr td:last-child
{
    border-right:0px;   
}
.table tbody tr:last-child td
{
    border-bottom:0px;  
}
.table tbody tr:first-child td
{
    border-top:0px;     
}
.table thead th,.table thead td
{
    border:1px solid #fff;
}
.table tr.disabled td
{
    background-color:#F2F2F2;
    color:#909090;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #FAFAFA;
}
.table-striped tbody tr:nth-of-type(2n+1)
{
    background-color:rgba(0,0,0,.02);
}
.table tbody tr.indicator td
{
    background-color:#fdffbc;
    transition: background-color 1s;
}
#appraisal th.normal-case
{
    font-size:.94rem!important;
}
.btn-light {
    background-color: #EFEFEF;
    border: 1px solid #E2E2E2;
}
.btn-xs
{
    padding:.2rem .5rem;
    font-size:.8rem;
}
body .tooltip-inner {
    padding:1rem; 
    border:1px solid #666;
    background: rgb(255,255,255,1);
    color: black;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #aaa !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #aaa !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #aaa !important;
}
.bs-tooltip-auto[x-aaa^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #fff !important;
}
.btn-toolbar .btn-group-sm > .btn, .btn-sm,.btn-toolbar div
{
    font-size:.90rem;
}
.nav-tabs .nav-link
{
    font-size:.85rem;
    font-family:'Roboto','sans-serif'
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
    background-color: #fafafa;
}
.alert-light
{
    background-color: #FAFAFA;
    border:1px solid #EFEFEF;
}
.btn-secondary
{
    background-color:#485868;
}
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: 70vh;
    overflow-y: auto;
}
.modal-header button.close span
{
    font-size: 1.5rem!important;
}

/* Important part */
.modal-fullheight .modal-dialog{
    overflow-y: initial !important
}
.modal-fullheight .modal-body{
    height: 80vh;
    overflow-y: auto;
}
.modal-lg {
    max-width:50%;
}
.modal-lg-plus {
    max-width:65%;
}
.modal-md-plus {
    max-width:44%;
}
.modal-xl
{
    max-width: 90%;
}
.progress small
{
    line-height:1.4;
    font-size: .78rem;
    color: #000;
}
.progress-bar-lightbg
{
    opacity:.3;
}
.tooltip.show p {
   text-align:left;
 }
/*For modal over modal*/
/*
.modal:nth-of-type(even) {
    z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}
*/
/*Datatable Overrides*/
.dataTables_info
{
    font-size:.8rem;
    color:#888888;
}
.dt-buttons {
    float: right;
    margin-left: 1rem;
}
div.dataTables_wrapper div.dataTables_filter label{
    margin-top: 3px;
}
.dataTables_processing { z-index: 999; }
.datatable-loader
{
  font-size: 1rem;
  line-height:3rem;
}
table.dataTable tr.dtrg-group td{
    text-align:left;
    text-transform:uppercase;
    font-size:.9rem;
    background-color:#F5F5F5!important;
    color:#000;
}
.monitor-progress
{
    width:6rem;
    margin:0 auto;
}
.monitor-progress h5
{
    font-size:.85rem;
}
.monitor-progress .progress
{
    height:.7rem;
}
.show_progress,.show_progress i
{
    color:#5464ab;
}
#divcons
{
    margin-top: 0!important;
}
#divcons_filter input[type="search"]
{
    margin-bottom:.3rem;
}
a.btn-danger
{
    color: #fff!important;
}
.factor_img img
{
    max-width:100%;
}
.commentbox
{
    width: 100%;
}
#ovrly {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.factor_title_image
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.factor_title_image.center
{
    align-items: center;
}
.factor_title_image.right
{
    align-items: flex-end;
}
.factor_title_image img
{
    width: 100%;
}
.factor_title_image h1
{
    position: absolute;
    padding: 1rem;
}
.factor_title_image h1.center
{
    text-align: center;
}
.factor_title_image h1.right
{
    text-align: right;
}
/*Media screen styles*/
@media screen and (max-width:480px) {
    html,body{
        font-size:16px;
    }
    .modal-md-plus {
        max-width:100%!important;
    }
    .pop-desc {
        padding:.44rem 1rem;
    }
}
@media screen and (max-width:767px) {
    html,body{
        font-size:16px;
    }
    .table tbody tr td
    {
        text-align:left!important;
        border-right:0!important;
    }
    .table tbody tr:last-child td
    {
        border-bottom:1px solid #EFEFEF!important;
    }
    .nav-tabs
    {
        display: block;
    }
}