.header-blue-result { background: #7eb5f2; color: white; padding: 25px; border-top: none; }

.modal .modal-header { color: white; background-color: #7eb5f2; margin-bottom: -11px; padding-bottom: 11px; }
.modal .modal-content .close { z-index: 9; opacity: .6; }
.modal .modal-content .close:hover { color: #c0143c; }
.modal .modal-body form label { border: 3px solid #ebeaab; display: flex; align-items: center; padding: .5em 1.5em; transition: .1s all  linear; }
.modal .modal-body form label .prefix { background: transparent; }
.modal .modal-body form label:hover { background: #7cb4f4; border: 3px solid #a9d1ff; }
.modal .modal-body form label:hover p { color: white; }
.modal { margin-top: 0; }
.modal .modal-content { padding: 0; }
.modal .modal-body .header-blue { text-align: center; padding-top: 0; margin-bottom: 0px; }
.modal .modal-body { background: #fff; }
.modal .modal-body p { padding: 1em; margin-top: 10px;  }
.modal .modal-body form .radio { line-height: normal; }
.modal .modal-body form .radio { display: flex; background: #ebeaab; height: 100%; }

.modal .list-group { overflow-x: visible; max-height: 100%; }
.modal .list-group-item:last-child { color: red; }
.modal .list-group .list-group-item { padding: 1em; background: #f5f5f5; }
.modal .list-group .list-group-item span { color: black; font-size: 16px; }
/* .modal .list-group div.list-group-item:nth-child(1) { margin-top: 10px; } */

.summary  { display: flex; justify-content: space-between; margin: 1em; }
.summary small { line-height: 1.5em; width: 90%; }

.read-more .glyphicon-new-window { color: #c0143c !important; }
.read-more .glyphicon-menu-down  { color: #c0143c !important; }
.read-more .glyphicon-menu-up  { color: #c0143c !important; }
.read-more:hover .glyphicon-new-window { color: #810f0f !important; }
.read-more:hover .glyphicon-menu-down { color: #810f0f !important; }
.read-more:hover .glyphicon-menu-up { color: #810f0f !important; }
.list-group-item:hover { background-color: #eaf3fd !important; }

#answersForm p { font-size: 100%; margin-left: 1em; }

.read-more .glyphicon-menu-up { float: right; }
.read-more .glyphicon-menu-down { float: right; }
.read-more .glyphicon-flag { margin-left: 2em; color: #d0be00; }
.glyphicon-exclamation-sign { margin-right: 1em; }

.thumbnail.selection { margin-top: 2em; height: 350px; max-width: 350px; border: 0; background: #f8f8f8; border: 1px solid gray; }
.thumbnail.selection:hover { background: #f4f5ec; border: 1px solid #d0be00; }
.thumbnail.selection:hover .caption { background: #d0be00; }
.thumbnail.selection .caption { background-color: #7eb5f2; position: absolute; bottom: 0; width: 100%; text-align: center; }

.methodology .list-group { margin-top: 2em; }

.radio .checkbox { margin-top: 0; }
.radio input[type="radio"] {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.radio input:checked ~ .custom-radio {background: #7eb5f2;}
.radio input:checked ~ .custom-radio .glyphicon-ok { opacity: 1; color: white; transform: translate(30%, 15%); }
.radio input ~ .custom-radio .glyphicon-ok { opacity: 0; transform: translate(30%, 15%); }

.custom-radio { position: absolute; left: 0; height: 35px; width: 35px; border: 2px solid white; border-radius: 50%; margin-left: .5em; }

.btn-wrapper { position: relative; padding-bottom: 5.5em; background: #7eb5f2 }
.btn-wrapper #btnPrev { color: white; position: absolute; left: 0; cursor: pointer; padding: 0 2em; opacity: .5; }
.btn-wrapper #btnNext { color: white; position: absolute; right: 0; cursor: pointer; padding: 0 2em; opacity: .5; }
.btn-wrapper #btnPrev:hover { opacity: 1; }
.btn-wrapper #btnNext:hover { opacity: 1; }

.animated { animation-duration: .3s; }
.delay-0 { animation-delay: .0s }
.delay-1 { animation-delay: .1s }
.delay-2 { animation-delay: .2s }
.delay-3 { animation-delay: .3s }
.delay-4 { animation-delay: .4s }

.filters { display: flex; justify-content: space-between; }
.filter { display: none; }