/******************
    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
*/ 
    
  .table-bordered > thead > tr > th {   
    border: 1px solid #dadada;     
  }   
  .table-bordered > thead > tr > td {     
    border: 1px solid #dadada;         
  }
  
  /* the above came with the default code */      
    
       
     
body{    
    font-size:16px;
   /* font-family: "Noto Sans","Helvetica Neue","Liberation Sans","Segoe UI",Roboto,Arial,sans-serif,system-ui,-apple-system,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; */
    -webkit-hyphens: none  !important;     
  -ms-hyphens: none  !important;
  hyphens: none  !important;
}
  

#outerframeContainer{
  -webkit-hyphens: none  !important;
  -ms-hyphens: none  !important;  
  hyphens: none  !important;  
}    
  
  
  
  
  /* masthead color */
  .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between;  
    background-color: #2d3148;
}

/* LOGO */

.navbar-brand.logo-container.d-none {
    display: block !important;
}










/* top nav link color */
.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

#survey-nav .nav-link:hover {
   color: #ffffff;
   text-decoration: underline;
}

/* NAV BAR MINI MENU */

.navbar-dark .navbar-toggler {
    border-color: #ffffff;
    color: #ffffff;
}







/* Survey Title */
h1.survey-name {
    margin-bottom: 20px;
    color: #011e4d;
    font-size: 28px;
}

/* SURVEY INTRO TEXT BLOCK */


.survey-welcome {
    line-height: 1.5em;
    font-size: 1em;
    font-weight: normal;
}


.text-primary {
    color: #515c70 !important;
}
 
/* GROUP HEADER TITLES */

.group-title.space-col {
    margin-bottom: 10px;
}

.group-title.text-center{
    text-align: left !important;
}

/* QUESTION TITLES */

.question-title-container {
   padding-top: 0.8em;
    padding-bottom: 0.8em;
    margin-bottom: 20px;
     background-color: #515c70; 
    /* background-color: #2d3148; */
    color: #ffffff;
   /* font-weight: bold; */
    font-size: 1em;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}




/* QUESTION TABLE BORDERS AND BG COLORS AND SPACING */
.question-container {
    margin-bottom: 2em;
    border: none !important;
    background-color: #ffffff;
}


/* a weird table border appeared in v 6.1.1 */
.table>:not(:first-child) {
    border-top: none !important;
}


table {
    border-collapse: collapse;
    border: none;
    background-color: transparent;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: none;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: none;
}

.table-bordered {
    border: none;
}


.table-bordered>:not(caption)>* {
    border: none !important;
    border-width: 0 0 !important;
}
tbody, td, tfoot, th, thead, tr {
    border:  none !important;
    border-color: inherit;
}




/* HELP TEXT */

 .dir-ltr .ls-question-help {
    margin-left: 1.2em;
}



 .dir-ltr .ls-question-help:before {
    left: 0.8em;
}
.ls-question-help:before {
    display: block;
    position: absolute;
    font-family: FontAwesome;
    font-size: inherit;
    line-height: inherit;
    height: 100%;
}
.text-info .ls-question-help:before {
    content: "\f06a";
    color: #ffffff !important;
}
*, :after, :before {
    box-sizing: border-box;
}

/* exclamation icon */
 .fa.fa-exclamation-circle{display:none;}
 
 .ls-questionhelp.tip-was-hidden:before {
    display: none;
    position: absolute;
    font-family: FontAwesome;
    font-size: inherit;
    line-height: inherit;
    height: 100%;
}

.ls-questionhelp:before{content:none;} 


.ls-answers label, .ls-answers th {
    font-weight: normal;
}

/* this is the radio headers for arrays */
.ls-answers .ls-heading th {
    font-weight: bold;
    font-size: .9em;
    line-height: 1em;
}

th.dsheader {
    font-weight: bold;
    font-size: 1em;
}



.text-info div.em_numbers_only { color: #ffffff; }
.text-info div.em_numbers_onlyDEACTIVATE{color:#011e4d !important;}
.text-info {color:#011e4d !important;}





/* BOOTSTRAP BUTTONS */

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #2d3148 !important;
    border-color: #2d3148 !important;
    color: #fff;
}







 
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn-primary {
    color: #fff;
    background-color: #515c70;
    border-color: #515c70;
}
.btn-primary:hover {
    color: #fff;
    background-color: #2d3148 !important;
    border-color: #204d74 !important;
}


/* Style to convert/demote a regular question block header into an italic underline */

.dvSubOne > .question-title-container > .question-text {
    display: block;
    border-bottom: 1px solid #ccc;
    font-style: italic;
}
.dvSubOne > .question-title-container {
    background-color: #ffffff;
    color: #515c70;
    font-size: 1em;
    font-weight:bold;
}
 
/* ARRAY HIDING RELATED STUFF */

.dvArrayHide{display:none;} 
 
 /* FIXES THE ISSUE WITH THE MISSING ARRAY HEADERS */
/* THIS WORKS WITH THE JS THAT PLACES THE CONTENT AND THIS HIDES IT WHEN WE DONT WANT TO SEE IT */

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none!important;
}
 
 
/* A STYLE TO USE A QUESTION CONTAINER AS A TEXT BLOCK - AS A NOTE */


.dvNote > .question-title-container.col-xs-12 {
    width: 90%;
    margin-left: 5%;
    margin-right: 3%;
}
.dvNote > .question-title-container {
    background-color: #ffffff;
    border: 1px dotted #515c70;
    color: #515c70;
    font-style: italic;
    width: 90%;
    margin-left: 6%;
}


/* ADDING SPACE TO ONE COL OF CHECKBOXES */
.dvOneColumn > .answer-container > .answers-list{padding-left:30px;}




.dvJustify{display:block; margin-top:6px; text-align: justify;}

.dvLabelA{
    text-align:center; font-weight:bold; padding:0; margin:0 0 0 0; font-size: 1em;
    line-height: 1.3em;
}
.dvLabelB{text-align:left; font-size:12px; font-weight:bold; padding:0; margin:8px 0 0 0;}
 
 
 
@media (max-width: 768px){
    
    .px-2 {
    padding-left: 0px!important;
    padding-right: 8px!important;
    }
    
}

@media (max-width: 373px){
    
    .navbar>.container-fluid{display:block;}
    .logo-container {width:70%;}
    .navbar-toggler{margin-top:8%;}
    
}

/* This is lifted direct from theme.css but used to be font size 1.1em */
@media (max-width: 760px){
    table.ls-answers tr th {
        font-size: .9em;
    }
}

/* lifted direct from theme.css but made font bold when on mobile */
@media (max-width: 760px){
    table.ls-answers tbody .control-label {
        font-weight: bold !important;
        font-size: 1.1em;
    }
}















/* EXTRA SPACE */
/* EXTRA SPACE */
/* EXTRA SPACE */
/* EXTRA SPACE */