/******************
    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
*/
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "Roboto","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    padding-bottom:0;
}

.edg_2016 article {
    margin: 0 auto;
    background: white;
    min-height: calc(100vh - 258px);
}

p {
    margin: 0 0 10px;
}

.navbar-brand {
    min-width: 380px;
}

body .top-container {
    margin-top: 33px !important;
    margin-bottom: 22px;
}

.navbar-default {
    background-color: #FFFFFF;
    border-bottom: 2px solid #e1e1e1;
}

.nav {
    margin: 13px 0;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-nav > li > a {
    line-height: 22px;
}

.main-col img {
    max-width: 100%;
}

.lead {
    height: 70px;
    margin: 0;
    font-size: 34px;
    line-height: 22px;
    font-weight: 400;
    color: #333;
}
.error-content{padding-bottom:10em}
@media screen and (max-width: 970px) {
    .error-content{padding-bottom:2em}
}
@media screen and (max-width: 970px) {
    .lead {
        height: 55px;
    }
}
@media screen and (max-width: 544px) {
    .lead {
        font-size: 14px;
    }
    .navbar-brand {
        min-width: 300px;
    }
}

@media screen and (max-width: 440px) {
    .lead span {
        display: none;
    }
    .navbar-brand {
        min-width: auto;
    }
}

.lead span {
    display: inline-block;
    vertical-align: middle;
    margin: 22px 0;
}
.navbar-brand .logo {
    display: block;
    width: 65px;
    height: 70px;
    text-indent: -9999em;
	background-repeat:no-repeat;
	background-position:center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 20px 0 0;
    padding-left: 0;
    padding-right: 0;
}
body .top-container {
	margin-top: 70px;
}

.surveys-list li {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.btn-lg, .btn-group-lg > .btn {
    border-radius: 0 !important;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.btn-default {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-info {
    background: transparent;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    background: transparent;
    color: #337ab7;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus {
    background: transparent;
    color: #333;
}

.btn, #sliding-popup .popup-content #popup-buttons button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.progress {
    width: 100%;
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 22px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}


.question-container {
    margin-bottom: 2em;
    border: 1px solid #e1e1e1;
    background-color: #ededed;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ededed;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.text-info, .text-primary {
    color: #333;
}

.ls-questionhelp {
    color:#337ab7;
}

.ls-question-message {
    color:#e67e22;
}


input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: inherit;
    margin-bottom: inherit;
}

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 0;
    background-color: #ededed;
}

.navbar-toggle {
    border: 0;
    float: left;
    padding: 28px;
    margin: 0;
    border-radius: 0;
    float: right;
    margin-right: -15px;
}

.completed-text, .return-to-survey {
    #margin-bottom: calc(58vh);
}

.load-form {
    #margin-bottom: calc(28vh);
}

.save-form {
    #margin-bottom: calc(8vh);
}

.footer {
    margin-top: 0;
    background: #333;
    color: #fff;
}
.footer .footer_bas {
    padding-top: 44px;
    padding-bottom: 44px;
    background: #333;
    clear: both;
}
.footer-logo {
    display: block;
    width: 128px;
    height: 100px;
    text-indent: -9999em;
    background: url(/upload/themes/survey/edg_2016/files/footer-logo.svg) no-repeat center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.footer .footer_bas .region-footer-bas .nav {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.footer .nav {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px;
    column-gap: 25px;
    padding: 0;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.footer .nav > li {
    display: inline-block;
    width: 100%;
    word-wrap: break-word;
    -moz-page-break-after: always;
    -webkit-column-break-after: always;
    break-after: always;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    color: #fff;
}

.footer .nav > li a {
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid #999;
    background: none;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.footer .nav > li a:hover, .footer .nav > li a:focus, .footer .nav > li a.active {
    color: #b2b2b2;
}

.footer .nav > li a::before {
    content: "\f138";
    margin-right: 10px;
    font-family: 'FontAwesome';
    font-size: 12px;
}
.btn-card{margin:0 1em 1em}
.btn-card  {
	cursor: move;
}
.btn-info.btn-card {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-info.btn-card:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.droppable.well{padding-bottom:0;min-height:5em;}