@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');

body {
    font-family:'PT Sans', sans-serif;
    color:#000;
}

#wrapper > div {
    min-height:600px;
}

.container-fluid {padding-right:0px; padding-left:0px;position:relative;}

h1.site-title {
    color:#e17b01;
    font-size:36px;
    margin-top:11px;
    margin-bottom:0px;
}

h2 {
    font-size:30px;
    line-height:30px;
}

h4 {
    font-size:24px;
    line-height:30px;
}

a.no-dec {
    text-decoration:none;
    color:inherit;
}
hr {margin:15px 0;}
header i.glyphicon {
    font-size:30px;
    color:#e17b01;
    margin-right:5px;
}

header div.col-sm-4:not(:first-child) > *,header div.col-sm-4:not(:first-child) a > * {
/*    margin-top:20px;*/
}

.inner-right > * {float:right;text-align:right;}
.inner-left > * {float:left;}
.inner-right > h4, .inner-left > h4 {
    width:250px;
    margin:20px 0;
}

header .inner-right > img, header .inner-left > img {
    margin:20px;
}

header #top_search {
    width:235px;
    line-height:24px;
    padding-left:5px;
}

.small-info {font-family: 'Open Sans', sans-serif;}
.small-info p:first-child {margin-bottom:5px;}

.small-info p:first-child,.small-info p:nth-child(2) {
    font-size:16px;
}
.small-info p:nth-child(2) {line-height:16px;}
.small-info p.push-right {
    margin-left:10px;
    line-height:10px;
}

span.lg-green {
    font-size:20px;
    font-weight:200;
    color:#37BE2A;
    vertical-align:middle;
}

#upper_right_nav > a {
    color:#dc7701;
    text-transform:uppercase;
    font-size:14px;
}

.col-sm-4 h4 {
    font-size:22px;
    line-height:26px;
}

footer {
    margin-top:20px;
    padding-top:20px;
    padding-bottom:20px;
    height:80px;
    border-top:5px solid #bdbdbd;
}

.border-right {
    border-right:2px solid #dedede;
}
.light-gray-bg {
    background-color:#f5f5f5;
}
.gray {
    color:#dedede;
}

.centered {text-align:center;}

#study_fields, #study_mechs {
    text-align:center;
    margin-bottom:10px;
}

hr.dashed {
    border:none;
    border-top:2px dotted #333;
    color:#FFF;
    background-color:#FFF;
    height:2px;
    width:90%;
}

#study_wrapper, .study-details.punchline {
    margin-top:17px;
}

.question_holder {display:none;}

.question_holder.active {display:block;}

.h5-spacer {float:left;width:25px;}

a.left img, a.right img {margin-top:120px;}
a.right img {float:right;}
#study_info ul {list-style-type:none;}
#study_info ul > li {
    float:left;
    padding:5px 10px;
}

#study_info ul > li > span.question-link {
    padding:2px 5px;
    display:block-inline;
    border-top:1px solid black;
    border-bottom:1px solid black;
    cursor:pointer;
}

#study_info ul > li > span.question-link.active {
    background-color:#337ab7;
    color:#fff;
    font-weight:700;
}

.btn-info>a {color:#FFF;}

#punchline {
    background-color:#e3e3e3;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    padding:20px;
    margin:45px auto;
    font-size:16px;
}

.full-slideshow .slide {height:100%;}

.full-slideshow .slide > .slide-overlay {
    width:380px;
    height:100%;
    float:right;
    margin-right:10%;
    padding:40px;
}

.full-slideshow .slide > .slide-overlay h3 {
    text-shadow:2px 2px 3px #000;
    font-size:30px;
    line-height:36px;
    color:#FFF;
}

.slick-slider button {display:none !important;}

/* SECTORS */
#sectors_holder {
    margin:auto;
    max-width:900px;
}
.sector-wrapper {
    clear:both;
    overflow:hidden;
    text-align:center;
    margin:auto;
}

.sector-wrapper img {margin:auto;}

.loading {
    border:2pxo solid #f3f3f3;
    border-top:2px solid #3498db;
    border-radius:50%;
    width:40px;
    height:40px;
    animation:spin 2s linear infinite;
    margin:auto;
}

@keyframes spin {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}


/* QUIZ MODE */
#chart_container.quiz-mode {
    display:none;
}

.light-blue {
    color:#59709A;
}

.font-larger {
    font-size:18px;
    line-height:24px;
}
.font-larger #overall_progress * {
    margin-top:0px;
    font-size:18px;
}

.font-larger #overall_progress ul > li {
    font-size:14px;
}

.member-name {
    color:yellowgreen;
}

#overall_progress .member-name {
    color:#222;
    font-weight:bold;
}
#overall_progress p {
    padding:0px !important;
    margin:default 0px !important;
}

.bordered-box {
    margin-top:25px;
    border:1px dashed white;
    padding:15px 10px;
}

#overall_progress .bordered-box {
    border-color:#000;
    font-size:14px !important;
    padding:15px !important;
}

.col-xs-8 .row {
    padding:15px 0;
}

.left-col {
    width:18%;
    float:left;
    text-align:right;
}

.right-col {
    float:left;
    padding-left:15px;
    width:80%;
}

#quiz_wrapper {
    width:100%;
    margin: 20px20px 20px 0;
}
#quiz_wrapper .step-2 input {margin:5px;}
#quiz_wrapper .step-2 {display:none;}

#quiz_options {
    list-style-type:none;
    padding-left:5px;
}
#quiz_options input {margin-right:5px;}
#quiz_options label {
    width:90%;
    vertical-align:text-top;
}

.quiz-option {
    margin-top:40px;
}

#question_result button, .next-question {
    background-color:#b0cae3;
    color:#ffffff;
    border-radius:15px;
    padding:5px 30px;
}

#question_result span {font-size:20px;}
#question_result span.correct {
    color:green;
}

@media screen and (min-width:992px) {
    .row.three .sector:first-child {
        margin-left:12.5%;
    }
    
    #sectors_holder .row {
        margin-bottom:40px;
    }
}

@media screen and (max-width:992px) {
    .sector-wrapper {
        margin-bottom:20px;
    }
}

/* END SECTORS */


.filter-group {
    color:#616161;
}

.filter-header {
    background-color:#ffde9e;
    padding:5px 10px;
    border:1px solid #a6a6a6;
    margin-bottom:5px;
    line-height:15px;
}

.filter-header > .toggle {
    width:15px;
    height:15px;
    border:1px solid #616161;
    background-color:#FFF;
    float:right;
    margin-right:10px;
    margin-top:auto;
    border-radius:2px;
    background-image:url(../img/minus-icon.png);
    background-position:center;
    background-repeat:no-repeat;
    cursor:pointer;
}

.filter-header > .toggle.active {
    background-image:url(../img/plus-icon.png);
}

.filter-group ul {
    list-style-type:none;
    padding-left:15px;
}

.filter-group ul input {
    margin-right:5px;
}

.filter-group input[type='date'] {
    margin:5px 15px 10px;
    font-size:16px;
    line-height:26px;
}

.filter-body {
    display:none;
    max-height:245px;
    overflow:auto;
    font-size:12px;
    font-family:Arial, sans-serif;
}

div.sel-holder {
    clear:both;
    overflow:hidden;
}

div.sel-holder label{
    float:left;
    line-height:35px;
}

div.sel-holder select {
    float:right;
    width:70%;
}

.row.study-holder {padding:20px 10px;}
.row.study-holder:hover {
    cursor:pointer;
    background-color:rgba(0,0,0,.05);
}
.col-md-9 > .row.study-holder:nth-child(2) {padding-top:0px;}

.study-holder h4 {
    margin-top:0px;
    font-size:16px;
    line-height:18px;
    font-weight:700;
}

.study-holder {
    font-size:15px;
    line-height:18px;
}

/* Study Details */
.study-title {
    line-height:26px;
    margin-top:0px;
}

p.study-details {
    font-size:14px;
    line-height:24px;
    margin-bottom:0px;
}

.study-details.punchline {
    background-color:#e6f0fa;
    border-radius:5px;
    padding:10px 15px;
    margin-bottom:10px;
    font-size:16px;
}

div.tags {
    font-size:15px;
    line-height:30px;
}

.tags .btn {
    margin-right:5px;
}

.btn-brown {
    background-color:#f9e3b2;
    border-radius:10px;
    padding:3px 5px;
    font-size:14px;
    line-height:14px;
}

.btn-brown a {
    color:#000;
    text-decoration:none;
}

.tags .question-link,
#end_quiz,
.quiz-summary .question-link {
    float:left;
    margin-right:5px;
    background-color:#d6d6d6;
    border-radius:15px;
    color:#000;
    width:25px;
    height:25px;
    text-align:center;
    line-height:25px;
    font-size:15px;
}

div .quiz-summary .question-link {
    width:20px;
    height:20px;
    line-height:20px;
}

.tags #end_quiz {
    width:80px;
    padding:0px 5px;
}
.tags #end_quiz:hover {
    cursor:pointer;
    background-color:#b8d7f5;
}

.tags .question-link.active, .tags .question-link:hover {
    background-color:#b8d7f5;
    cursor:pointer;
}

.tags .question-link.disabled, .quiz-summary .question-link.correct {
    background-color:#c6e1cc;
    font-weight:bold;
    border:1px solid #6f9778;
}

.tags .question-link.disabled.incorrect,
.quiz-summary .question-link.incorrect {
    background-color:#fa9d7e;
    border-color:#999;
}

.show-with-graph {display:none;}

.tags .question-link.correct.active, .tags .question-link.incorrect.active {
    border-width:2px;
}

#hovertip {
    background-color:#FFF;
    color:#000;
    padding:5px;
    font-size:14px;
    line-height:20px;
    min-width:50px;
    max-width:350px;
    position:absolute;
    border-radius:0px;
    border:1px solid #ccc;
    box-shadow:2px 2px 5px #ccc;
}

/* Study Field Colors */
.education, .education > a {background-color:#e8dbbf;color:#dd933d;}
.health, .health > a {background-color:#decfe6;color:#7b5c8b;}
.business-finance, .business-finance > a {color:#4290cd;background-color:#bcd5e8;}
.agriculture-environment,.agriculture-environment > a {color:#6f9778;background-color:#c6e1cc;}
.population-disasters,.population-disasters > a {background-color:#e7cece;color:#8e5a5a;}
.political-economy, .political-economy > a {background-color:#c9dedc;color:#5fa19b;}
.infrastructure,.infrastructure > a {background-color:#c0d3da; color:#518ea4;}

.study-icons .btn {
    margin-right:5px;
    border-radius: 10px;
    padding: 3px 5px;
    font-size: 14px;
    line-height: 14px;
    color:#000;
}

.study-icons .btn > a {
    text-decoration:none;
}

#studies_holder {
    max-height:550px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 10px;
}

.quiz-answer label:hover {
    cursor:pointer;
}

/* DEBUG */

.alpha + label {font-weight:bold;/*color:green;*/}

@media screen and (min-width:1200px) {
    #result_content {
        margin-left:-40px;
    }
    .quiz-answer {
        margin-top:10px;
    }
}

@media screen and (max-width:1200px) {
    header .col-md-8, header.col-md-4, #upper_right_nav {
        width:100% !important;
        text-align:center;
    }
    #upper_right_nav {margin-top:20px;}
    #upper_right_nav > div {
        padding:0 10px;
    }
    #search_form {margin-right:30px !important;}
    
    .study-row-details {width:85% !important;}
      
}

@media screen and (max-width:1200px) and (min-width:700px) {
    header #search_form {margin-right:280px !important;}
}

@media screen and (max-width:768px) {
    .full-slideshow, .full-slideshow .slide {height:150px;}    
    .full-slideshow, .full-slideshow .slide .slide-overlay h3{
        font-size:22px;
        line-height:26px;
        margin-top:0px;
    }
    
    .inner-right h4,.inner-left h4 {
        width:auto;
    }
    
}

@media screen and (min-width:768px) {
    .full-slideshow, .full-slideshow .slide {height:300px;}
    #filter_options {max-width:205px;}
}

.nav-byuaid > li > a, .nav-byuaid > li.active > a {
    color: #fff;
    background-color: #e7a33c;
    border-radius: 10px;
}

.nav-byuaid > li > a:hover {
    background-color: #337ab7;
}

.nav-byuaid > li{
    line-height: 3px;
}

@media screen and (min-width:1200px) {
    .nav-byuaid > li {
        padding-right: 10px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .nav-byuaid > li {
        padding-right: 10px;
    }
    
    .nav-wrapper{
        width: 80%;
    }

    .lang-wrapper {
        float: center;
    }
}


@media (max-width: 767px) {
    .nav-byuaid > li {
        padding-right: 10px;
        line-height: 1px;
        font-size: 10px;
    }
    
    .nav-wrapper{
        width: 100%;
    }

    .lang-wrapper {
        float: center;
        clear:both;
    }
    
    .row.light-gray-bg .col-sm-4, .row.light-gray-bg .col-sm-6 {
        clear:both;
    }
    
}

@media (max-width: 480px) {
    .nav-byuaid > li {
        padding-right: 0px;
        line-height: 1px;
        font-size: 10px;
    }
    
    .nav-wrapper{
        width: 100%;
    }

    .lang-wrapper {
        float: center;
    }
}

.point-info {
    background-color: #000;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 0.8;
    max-height: 100%;
    width: 350px;
    padding:10px;
    color: #fff;
    max-width: 100%;
}

.point-info > p, .point-info > a {
    color: #fff;
}


.first-header-point {
    padding-bottom: 100px;
}

.small-info > p {
    font-size: 12px;
}

.small-info {
    padding-left: 10px;
}

.point-info-link, .point-info-link > a:hover, .point-info-link:visited {
    color: #e7a33c;
    text-decoration: none !important;
}