/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
*{
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

.remove-videodetector {
    display: none;
}

@media print {
  .noprint {
    display: none;
  }
}

.nocopy {
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

.nodl {
    pointer-events: none;
}


.ls-answers tbody .answertext{text-align: left;}

.pdf_export_ls{
    margin:10px;
}

.ls-answers.answer-item.dropdown-item.form-group {
    width:100%;
}

body {
    color:black;
}

.dropdown-menu>li>a {
    color: #5c5c5c;
}

.log-in-button{
    position:fixed;
    right:4px;
    bottom:4px;
}

#surveyListFooter{
    position:fixed;
    padding-bottom:60px;
}

.modal-content {
    border-radius:0;   
}

.logo-container>img {
    padding: 0;
}

.logo-container{
    cursor:pointer;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #ededed;
    color: #bc213f;
}

.navbar-brand {
    height: 100px;
    min-height:60px;
}

.nav>li>a {
    padding: 10px;
}

.navbar-default {
    background-color: #ffffff;
    border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #5c5c5c;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #5c5c5c;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color:transparent;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background: #ededed;
    color: #bc213f;
    outline: 0;
}

.btn {
    border-radius:0;
}

.alert {
    border-radius: 0px;
}

body .top-container {
    margin-top: 0px !important
}

.brand-logo .top-container .top-content {
    padding-top: 0 !important
}

.progress-bar {
    color: #ffffff;
    background-color: #003f57;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.top-container .progress {
    border:none;
    border-radius:0px;
    /*height: 5px;*/
    margin-bottom: 0;
}

.bg-primary {
    color: black;
    background-color: #e8e8e8 !important;
    border-color: white;
}

.form-control {
    display: block;
    color: black;
    border: 1px solid #949494;
    border-radius: 0;
}

input[type="text"]{
    padding:7px 15px;
    margin-bottom:10px;
    height: inherit;
}

.text-muted {
    color: #5c5c5c;
}

.btn-primary.active,.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    outline: none;
    border-color: #003f57;
    background-color: white;
    color: #003f57;
    opacity: 0.9;
}

.btn-lg, .btn-group-lg>.btn {
    padding: 18px 27px;
    font-size: 19px;
    line-height: 1.3333333;
    border-radius: 0px;
}

.btn-default:hover,.btn-default:active,.btn-default:focus,.btn-default:hover:active,.btn-default:hover:focus {
    outline: none;
    border-color: #003f57;
    background-color: white;
    color: #003f57;
    opacity: 0.9;
}

.btn-default {
    color: #ffffff;
    background-color: #003f57;
    border-color: white;
}

.btn-danger:hover,.btn-danger:active,.btn-danger:focus,.btn-danger:hover:active,.btn-danger:hover:focus {
    outline: none;
    border-color: #be1e3c;
    background-color: white;
    color: #be1e3c;
    opacity: 0.9;
}

.btn-danger {
    color: #ffffff;
    background-color: #be1e3c;
    border-color: white;
}

.btn-primary.active,.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    outline: none;
    border-color: #003f57;
    background-color: white;
    color: #003f57;
    opacity: 0.9;
}

.btn-primary {
    color: #ffffff;
    background-color: #003f57;
    border-color: white;
}

.btn-primary:hover {
    outline: none;
    border-color: #003f57;
    background-color: white;
    color: #003f57;
    opacity: 0.9;
}

.text-info, .text-info:hover {
    color: #007a9b;
}

.question-container {
    border: 1px solid #949494;
    color:black;
}

.radio-item label::before {
    border: 1px solid #949494;
}
.checkbox-item label::before {
    border: 1px solid #949494;
    border-radius:0px;
}

a {
    color: #003f57;
}

a:hover {
    color:#bc213f;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color:black;   
}

.ls-return {
    color: #ffffff;
    background-color: #003f57;
    border-color: white;
    padding: 8px 17px;
    font-size: 19px;
    line-height: 1.3333333;
    border-radius: 0px;
    position: relative;
    top: 10px;
    border:2px solid transparent;
}


.ls-return:hover, .ls-return:active, .ls-return:focus, .ls-return:hover:active, .ls-return:hover:focus {
    outline: none;
    border: 2px solid #003f57;
    background-color: white;
    color: #003f57;
    opacity: 0.9;
    text-decoration: none;
}

@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #5c5c5c;
    }
}
    
/* JD, 2024-05-08 */
.flatly .btn-check .btn-primary:focus, .flatly .btn-check:focus + .btn-primary {
    /*background-color: #057dee !important;*/
    background-color: #338daf !important;
}
.flatly .btn-check:focus:checked + .btn-primary, .flatly .btn-check .btn-primary:focus:checked {
    /*background-color: #057dee !important;*/
    background-color: #338daf !important;
}
.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color:#fff;
    /*background-color: #057dee !important;*/
    background-color: #338daf !important;
    border-color:#212f3c
}
/* JD end */