/* select2 */

.is-invalid + .select2-container--bootstrap .select2-selection--single {
    border: 1px solid #f44336;
}


/* typeahead */

.twitter-typeahead {
    width: 100%;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
  width: 100%;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.tt-menu {
  max-height: 350px;
  overflow-y: auto;
}

.table-hover-pointer tr {
    cursor: pointer;
}


.class-epoch {
    min-height: 144px;
}

.gui-hidden {
    display: none;
}

.gui-preloader {
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
}

.quest_line_row {

}

.quest_line_cell {
    width: 50%;
}




/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 767px) {

    .quest_line_row {
        display: block !important;
    }


    .quest_line_cell {
        width: 100% !important;
        margin-bottom: 3px;
    }

}



/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    .quest_line_cell {
        /*width: 50% !important;*/
    }

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}


.feedback_cell_question {
    width: 67%;
}

.feedback_cell_answer {
    width: 33%;
}



/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 767px) {

    .feedback_row {
        display: block !important;
    }


    .feedback_cell {
        width: 100% !important;
        margin-top: 3px;
    }

    .feedback_cell_answer {
        margin-top: 10px;
    }

}

.magic_logo {
    position: relative;
    top: -5px;
}