/******************
    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
*/

@font-face {
    font-family: 'PT Sans Narrow';
    src: local('PT Sans Narrow'), url('../files/fonts/PTN57F_W.woff') format('woff')
}
body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif}

#outerframeContainer {hyphens: none}

a {
    color: #2d4996;
    transition: 0.3s
}

a:hover {color: #48c9ef}

/*Fixed Header */
.navbar-fixed-top {
    background: white;
    margin-bottom: 0
}
.navbar-brand {
    display: table;
    padding-top: 0;
    padding-bottom: 0
}
.navbar-brand > img, .navbar-brand > h1 {
    display: table-cell;
    vertical-align: middle;
    height: 84px;
    font-weight: 400;
    font-size: 30px;
    color: #0b225f
}
h1, .h3, h3, .bermangroup {
 font-family: PT Sans Narrow, Arial Narrow, Tahoma, sans-serif
}
.h3, h3 {color: #0b225f}
#copyright > p > a:hover {text-decoration: none}
.navbar-brand > img {padding-right: 2em}

h6 {font-weight: bold}

/* Navigation */
.navbar-nav > li {
    background: #48c9ef;
    padding: 0 !important;
    font-size: 19px;
}
.hamburger {
    float: right;
    margin: 10px;
    width: 70px;
    height: 60px;
    padding: 10px; 
    background: #48c9ef;
    border-radius: 6px;
    transition: 0.3s
}
.hamburger:active {background: #2d4996}
@media (hover: hover) {
  .hamburger:hover {background: #2d4996}
}
.hamburger > .dropdown-menu {
    margin-top: -16px
}
.hamburger > .dropdown-menu > li:hover > a {background: #2d4996}
.navbar-right > li {
    margin: 16px 5px;
    padding: 9px 18px !important;
    border-radius: 6px;
}
#flags {
    margin-bottom: 4px;
    width: 1.5em;
    height: 1em
}
.ls-move-btn {
    padding: 18px 27px 14px 27px;
    line-height: 1em;
    border: none;
    transition: 0.3s
}
.ls-move-btn:focus {outline: none}
#ls-button-previous, #ls-button-submit {
    background: #df8230
}
.ls-move-next-btn:after {
    vertical-align: middle;
    content: '>'
}
.ls-move-previous-btn:before {
    vertical-align: middle;
    content: '<'
}
#ls-button-submit.ls-move-next-btn, #ls-button-previous.ls-move-previous-btn {
    background: #48c9ef
}
#ls-button-previous:hover, #ls-button-submit:hover {
    background: #2d4996
}
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px
}
.navbar-nav > li:hover > a {
    color: white !important
}

/*Group*/
.group-outer-container, .group-container, .group-title {margin-top: 0}
.group-outer-container, .group-container {margin-bottom: 0}
.space-col {
    margin-top: 0 !important
}
.group-title {margin-bottom: 1em}

/*Question help*/
.text-danger {text-align:left}

/*Answer*/
.question-container, .answer-container {
    padding-bottom: 0
}
.bg-primary {background: #ecf0f1}
.question-title-container {
    color: #2c3e50;
    font-size: 110%;
    border-left: solid 1px #dbdbdb;
    border-top: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb
}
.question-valid-container {
    color: #06A6D3;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb
}
.question-valid-container:hover {color: #06a6d3}
.ls-question-help {
    text-align: left;
}
.ls-questionhelp {line-height: normal !important}
table.table {margin-bottom: 8px}
input.form-control {
    padding-top: 0;
    padding-bottom: 0;
    height: 2em;
    margin-top: .4em
}
input:focus, textarea:focus {
    border-color: #48c9ef !important
}
input.form-control.input-sm {font-size: inherit}
.text-item {margin-bottom: 5px}
.numeric-item input.form-control {display: inline-block}
.dynamic-remaining, .dynamic-total, .dynamic-total.text-danger {
    display: block !important;
    text-align: right
}
.numeric-item {
    text-align: right;
}

tr.dropdown-list > td.dropdown-item {vertical-align: middle}

/*single numeric question*/
.numeric-item > div.col-sm-1, .numeric-item > div.col-sm-2 {float: right}

/*.form-control-static {padding-right: 0 !important}*/
 

/*Checkboxes*/
.flatly label::after {
    padding-left: 0;
    padding-top: 0;
    font-size: 15px;
    line-height: 15px;
    color: white;
    background-color: #0b225f
}

@media only screen and (max-width: 1200px) {
    .navbar-header {max-width: 90%}
}

@media only screen and (min-width: 768px) {
    .question-container, .answer-container {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }
    .question-title-container {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    
    /*.form-horizontal .control-label {
        text-align: left;
        
    }*/
}

@media only screen and (max-width: 992px) {
    .navbar-header {max-width: 85%}
    body {padding-top: 0 !important}
    .navbar-fixed-top {
        position: relative
    }
    .navbar-brand > img {display: none}
}

@media only screen and (max-width: 768px) {
    .navbar-header {max-width: 75%}
    .hamburger > .dropdown-menu {width: 100%}
    .h3 {font-size: 26px}
}

/*Footer*/
#copyright {
    text-align: center
}
#copyright > p > a, .bermangroup {
    text-decoration: none;
    font-size: 20px;
    transition: 0.3s
}

/*Welcome page*/
.survey-description, .text-primary, .ls-privacy-body  {
    font-size: 17px;
    color: #2c3e50
}
.survey-welcome > ul > li {margin: 2px}
#welcome-container > .survey-description:hover {color: #2c3e50}
.control-label[for=datasecurity_accepted] {
    font-weight: bold;
    font-size: 16px
}

/*Completed page*/
.completed-text {text-align: center}

/*Load page*/
.save-message > .text-info {
    font-size: 17px;
    color: #2c3e50;
}
.save-survey-row > label > small.asterisk, .load-survey-row > label > small.asterisk {display: none}
#loadpass, #loadname {
    background-color: white;
    border-color: #dce4ec
}
#loadbutton {
    transition: 0.3s;
    font-size: 19px
}
.url-wrapper-survey-return:before {
    color: white;
    content: '<'
}
.return-to-survey .url-wrapper-survey-return, #form-load .url-wrapper-survey-return {margin-top: 5em}

/*Save page*/
.save-message > .text-warning {color: #06a6d3}

/*Answers print*/
.url-wrapper-survey-print, .url-wrapper-survey-return {
    font-size: 19px;
    background: #48c9ef;
    padding: 18px 27px;
    border-radius: 6px;
    display: inline-block;
    border: none; 
    transition: 0.3s
}
.url-wrapper-survey-print {margin: 2em}
.url-wrapper-survey-print:hover, .url-wrapper-survey-return:hover {background: #2d4996}
.url-wrapper-survey-print > a, .url-wrapper-survey-return > a {
    color: white;
    text-decoration: none
}

ul.checkbox-text-list label.control-label, ul.questions-list label.control-label {padding-top: 4px}