/******************
    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
*/
body{
    background-color:#F3F3F3;
    color:#545454;
    font-family: "Roboto", Roboto, Sans-serif;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /*color: #121212;*/
    font-family: "Poppins", Roboto, Sans-serif;
    font-weight: 700;
    line-height: 1.2em;
}

input {
    border-radius: 1px;
}

.well {
    background-color: #fff;
}

.modal-content{
    border-radius: 1px;
}

.btn {
    border-radius: 2px;
    /*height: 40px;
    line-height: 1px;*/
}

.text-danger, .text-danger:hover {
    color: #ff3f3fab;
}

.text-info:hover {
    color: #545454;
}

.navbar-default{
    background-color: #ffffff;
    box-shadow: 0 3px 3px rgba(132, 136, 138, 0.1);
}

.navbar-default .navbar-nav>li>a{
    color: #66615b;
    opacity:0.7;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    color: #66615b;
    opacity:1;
}

.bg-primary{
    background-color:#ffffff;
    color: #545454;
}

.bg-danger>a, .bg-warning>a{
    color:white!important;
}

.alert-warning{
    background-color: #820000b3;
    border-color: #820000b3;
}

.form-control {
    border-width: 1px;
    border-radius: 1px;
    border: 1px solid rgba(0,0,0,.1);
}

.question-container{
    margin-bottom: 2em;
    border-radius: 1px;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
    background-color: #fff;
    color: #545454;
    border: 0 none;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
}

.question-title-container{
    /*border-bottom: 1px solid #ecf0f1;*/
    border-bottom: none;
}

.text-info{
    color:#545454;
}

.btn-primary, .btn-info{
    color: #ffffff;
    background-color: #A30006;
    border-color: transparent;
    /*min-height: 40px;
    height: 40px;
    line-height: 1px;*/
}

.btn-primary:hover, .btn-info:hover{
    background-color:#FF3F3F;
    border-color: transparent;
}

a{
    color: #5c6565;
    opacity: 0.7;
    text-decoration: none;
}

a:hover{
    color: #5c6565;
    opacity: 1;
    text-decoration: none;
}

.navbar-default .navbar-toggle{
    border-color:#FF3F3F;
}


.navbar-default .navbar-toggle, .navbar-default .navbar-toggle{
    background-color: #FF3F3F;
    opacity:0.7;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: #95a5a6;
    opacity:1;
}

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #7b8a8b;
    }
}

@media (min-width: 761px){
    .surveys-list .btn-group{
        width: 100%;
    }
}

@media (min-width: 768px){
    .yesno-button, .gender-button {
    margin: auto;
      width: 50%;
      float: none;
    }
}

.space-col{
    margin-top: 0;
    margin-bottom: 10px;
}

.answer-container, .question-help-container {
    border-color: transparent;
}

.shortQuest-left, .shortQuest-right{
    margin-bottom: unset;
    border-radius: inherit;
}

.shortQuest-left .answer-container, .shortQuest-right .answer-container{
    border: none;
}

.shortQuest-left-first, .shortQuest-right-first{
    padding-top: 10px;
}

.shortQuest-left-last, .shortQuest-right-last{
    padding-bottom: 15px;
}


@media (min-device-width: 761px){
.shortQuest-left, .shortQuest-right{
    margin-left: 0px;
    margin-right: 0px;
}

/*.shortQuest-left-first{
    border-top-left-radius: 12px;
}

.shortQuest-right-first{
    border-top-right-radius: 12px;
}

.shortQuest-left-last{
    border-bottom-left-radius: 12px;
}

.shortQuest-right-last{
    border-bottom-right-radius: 12px;
}*/

.shortQuest-left .ls-answers, .shortQuest-right .ls-answers{
    padding-top: 0px;
    padding-bottom: 0px;
}

.shortQuest-left .question-title-container, .shortQuest-right .question-title-container {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}


.shortQuest-left .answer-container, .shortQuest-right .answer-container{
    padding-top: unset;
    padding-bottom: unset;
}

}

.completed-wrapper  {
 text-align: center;   
}

.element-hide{
    display:none;
}