/*****************HEADER*******************/

* {
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
}


body {
    background-color: #fff;
    /*color: #767676;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.navbar {
    background-color: #767676 !important;
    height: 56px;
}

.navbar a {
    color: #bbe6ff !important;
    text-decoration: none;
}


.container-custom {
    padding: 30px 20px;
    box-shadow: 24px 22px 28px -13px rgba(133, 121, 133, 0.8);
    border-radius: 5px;
    background-color: white;
}

.wider {
    margin-top: -25px;
    min-width: 95%;
}

body {
    padding-top: 70px;
    padding-bottom: 70px;
}

#siteLogo {
    width: 70px;
}

#logoText {
    position: relative;
    /*left: -15px;*/
    font-size: 20px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;

    padding-left: 0 !important;
}

#logoText:hover {
    color: rgba(0, 0, 0, 0.6);
}

.navbar-brand {
    padding: 0;
}


.navbar {
    /*border: 1px solid red;*/
    padding: 3px;
}

#tooltip_arrow {
    font-size: 20px;
    display: none;
    position: absolute;

}

.flag {
    width: 25px;
    padding-left: 1px;
}

.lang-selector {
    margin-top: 7px;
}

/****************************************/

/*****************Index page*****************/
.container {
    padding: 0;

}

#logo-container {
    margin-top: -38px;
    border-bottom: 5px solid #278aac;
    height: 275px;
}

optgroup {
    font-size: 8px !important;
}

#search-results {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid gray;
    min-width: 316px;
    z-index: 1500;
    margin-bottom: 20px;
    list-style:none;
    padding: 0;
   }

#search-results li {
    padding: 0 15px;
    color:black;

}
#search-results li a:hover {
    text-decoration: none;
}

#search-results li a {
    color: black;
}

#sel {
    background-color: #1E90FF;

}
#sel a {
    color:white!important;
}

.btn-primary {
    background-color: #bbe6ff;
    color: black;
    border-color: #68ade5;
}

.btn-primary:hover {
    background-color: #278aac;
}


.img-test {
    position: relative;
    /*left: -15px;*/
    height: 270px;
    /*z-index: -1;*/
}

#result-title {
    display: block;
    font-size: 26px;
    margin: 10px auto 0;
    box-sizing: border-box;
    font-weight: 600;
    align-content: center;
}

.form-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    /*border: 1px solid red*/
}

.container {
    /*margin-top: -39px;*/
    /*border: 1px solid red;*/
}

.ceon-logo {
    margin-top: 20px;
    width: 100px;
    margin-bottom: 40px;
}

.ceon-text {
    margin-top: -30px;
    /*padding-left: 30px;*/
}

.ceon-title {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #b4733d !important;
    display: block;
    padding: 0;

    /*padding-left: 25px;*/
    /*padding-right: 0;*/
}

.ceon-text p {
    color: #b4733d !important;
    margin: 0;
    padding: 0;
}

.disc {
    display: none;
}


/*****************Single institution page*****************/

.image-single {
    width: 300px;
    margin-left: -80px;
    margin-top: 10px;
}

.image-small {
    width: 60px;
    /*margin-top: 5px;*/
    padding-bottom:5px;
}

.head_row {
    border-bottom: 3px solid #278aac;
}

.head-custom {
    display: block;
    /*padding-bottom: 10px;*/
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #212529;
    /*border-bottom: 3px solid #278aac;*/
    border-bottom: 3px solid #d7d4d0;

}
.head-custom a  {
       color: #212529;
  }

.head-details {
    display: block;
}

.head-title {
    text-align: right;
    display: block;
    font-size: 16px;
    /*border-bottom: 3px solid #278aac;*/
    border-bottom: 3px solid #d7d4d0;
    margin-top: -21px;
    padding-left: 0;
    margin-left: 0;
}

.head-form .form-group {
    font-size: 12px!important;
    display: inline;
    max-width:250px!important;
}

.head-form .btn-primary {
    font-size: 12px!important;
    margin-top: -1px;
}

.btn-primary-custom {
    padding: 6px 10px;
}
.detailsTable {
    margin-top: 10px;
    font-size: 14px;
    vertical-align: baseline;
    top: 54px;
    color: #767676;
    border-bottom: 3px solid #278aac;
    border-top: none;
}

.detailsTable tr th {
    font-size: 18px;
    color: #212529;
    border-bottom: 3px solid #278aac;
    border-top: none;
}

.detailsTable a {

    font-weight: 500;
    color: #212529;
    text-decoration: none;
}


/*.detailsTable tr td:first-child {*/
/*    text-align: left;*/
/*}*/

.detailsTable tr td {
    text-align: left;
}

.productivity {
    border-radius: 5px;
    border: 2px solid lightgrey;
    margin: 0;

}

.alert-success {
    background-color: #bbe6ff !important;
    color: #767676 !important;
}

.alert-custom {
    display: block;
    /*border-bottom: 3px solid #278aac;*/
    border-bottom: 3px solid #d7d4d0;
    padding-bottom: 10px;
    margin-bottom: 40px;
    font-size: 18px;
}

.productivity td {
    text-align: center;
    padding: 11px 5px;
    font-size: 12px;
    /*background-color: #F7F6F4;*/

}

.no-search .select2-search {
    display:none
}

.row_1, .row_3,.row_5  {
    background-color: #E9E7E4;
}
.row_0, .row_2, .row_4  {
    background-color: #F7F6F4;
}
.legend {
    font-size: 10px;
}

/*.row_0:hover {*/
/*    background-color: black!important;*/
/*}*/


.productivity tr:nth-child(odd) {
    /*background-color: #E9E7E4;*/
}

.titles {
    background-color: #d7d4d0!important;
}

.sumRows td {
    background-color: #d7d4d0;
    padding: 11px 5px;
    /*font-size: 14px !important;*/
    font-weight: 600;
    border-color: #1d643b;
}

#sum a {
    color: black;
}

.productivity td:first-child {
    /*text-align: left;*/
    /*font-size: 13px;*/
    /*!*font-weight: bold;*!*/
}

.productivity td:first-child:hover {
    cursor: pointer;
}


/*.productivity tbody tr:hover td {*/
/*    !*background-color: #faeca5;*!*/
/*    !*background-color: #faeca5;*!*/
/*   background-color: #faeca5;*/
/*}*/


.rnz, .rnz a,
.cnz, .cnz a {
    color: #aa0606 !important;
}

.rFnz, .rFnz a,
.cFnz, .cFnz a {
    /*color: #f85454;*/
    color: #aa0606 !important;
}

.rrz, .rrz a,
.crz, .crz a {
    color: #216BE5FF;
}

.rFrz, .rFrz a,
.cFrz, .cFrz a {
    /*color: #5696fd;*/
    color: #216BE5FF;
}

.rgz, .rgz a,
.cgz, .cgz a {
    color: #008000FF;
}

.cFgz, .cFgz a,
.rFgz, .rFgz a {
    /*color: #69c169;*/
    color: #008000FF;
}


.productivity thead tr th {
    background-color: #d7d4d0;
    /*color: white;*/
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
}


.productivity thead tr th, .productivity tbody tr td {
    border: 2px solid white;
    background-clip: padding-box;



}


.results h3 {
    font-size: 22px;
    color: #f16f6f;
}

#chartdiv_1, #chartdiv_2, #chartdiv_3_wrapper {
    /*box-shadow: 5px 5px 15px lightblue;*/
    border: 2px solid #dcdcdc;
    margin-top: 1px;
}

.chartdiv {
    height: 340px !important;

}

#chartdiv_4, #chartdiv_5 {
    height: 400px!important;
              }


#chartdiv_3_wrapper {
    margin-bottom: 150px;
}

.fixed-row {
    position: fixed;

    width: 20%;
}

.first-level {
    color: black;
    font-weight: 600;
}


/******************Articles modal***************************/

#loading {
    display: none;
}

#citedArticles td {
    padding: 10px;
    border-collapse: separate;
    font-weight: 400;
    font-size: 12px;
}



#citedArticles td {
border: 0;

}

.row-stripped:nth-child(odd) {
    background-color: #eee7e7
}


.openMore {
    font-size: 12px;
    font-weight: bold;
}

.openMore .fa {
    position: relative;
    font-size: 22px;
    padding-left: 5px;
    /*margin-top: 15px;*/
    top: 3px;
}

.openMore:hover {
    cursor: pointer;
}

.citingArticles {
    display: block;
    background-color: white !important;
    line-height: 150%;
}

.singleArticle {
    display: block;
    padding: 0 0 0 55px;
    background-color: white !important;
}

/*SLIDER za RADAR CHART*/

.date-slider, .date-slider-1 {
    width: 400px;
    margin: 0 auto;
}

.slider-label, .slider-label-1 {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 11px;
    color: grey;
    margin-top: 5px;
    padding: 0;
    list-style: none;
}

.slider-container, .slider-container-1 {
    position: relative;
    padding-left: 0;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 15px;
}


.control-btns, .control-btns-1 {
    width: 100%;
    text-align: center;
    margin: 15px auto;
    height: 37px;
    font-size: 32px;

}

.control-btns i, .control-btns-1 i {
    color: #99a4ac;
}

.control-btns i:hover, .control-btns-1 i:hover {
    color: #555657;
}

.control-btns a, .control-btns a:active,
.control-btns-1 a, .control-btns-1 a:active {
    display: inline-block;
}


ul.slider-label ,ul.slider-label-1 {
    /*border: 1px solid #5cd08d;*/
    width: 420px!important;
    margin-left: -10px;
}

ul.slider-label li, ul.slider-label-1 li {
    color: grey;
}



.slider-container span.ui-icon,
.slider-container-1 span.ui-icon {
    margin-top: 6px;
    opacity: .5;
}

.date-slider.ui-widget.ui-widget-content,
.date-slider-1.ui-widget.ui-widget-content{
    border: none;
    background: #99a4ac;
    height: 8px;
}

.date-slider.ui-slider .ui-slider-handle,
.date-slider-1.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    top: -8px !important;
    margin-left: -11px !important;
    border-radius: 50%;
}

.date-slider.ui-slider .ui-slider-handle:before,
.date-slider-1.ui-slider .ui-slider-handle:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #99a4ac;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px;
}

.date-slider.ui-slider .ui-slider-handle.ui-state-focus, .date-slider.ui-slider .ui-slider-handle.ui-state-hover,
.date-slider-1.ui-slider .ui-slider-handle.ui-state-focus, .date-slider-1.ui-slider .ui-slider-handle.ui-state-hover {
    outline: none;
    background: white;
    border-color: rgba(146, 193, 217, 1);
    box-shadow: 0 0 5px rgba(146, 193, 217, 1);
}


/***********************Group table**********************************/


table {
    overflow: hidden;
}

td, th {
    position: relative;
}

.institution {
    text-align: left !important;
    font-size: 13px!important;
}

.table-responsive {
    /*border: 3px solid #e2f0fb;*/
}

.gray-background {
    background-color: #d7d4d0;
}

.light-gray-background {
    background-color: #E9E7E4;
}


/*Tabela sa fakultetima*/

.groupTable {
    border-radius: 5px;
    /*border: 2px solid white;*/
    margin: 0;
    border-collapse: collapse;
    box-sizing: border-box;
    background-color: #e8fae8;
}


.groupTable td {
    text-align: center;
    /*padding: 5px 3px ;*/
    font-size: 12px;
}

.groupTable td:nth-child(2) {
    text-align: left;
    font-size: 12px;

}

.groupTable td:first-child:hover {
    cursor: pointer;
}

.groupTable thead tr th {
    /*background-color: #c6bfbf;*/
    background-color: #d7d4d0;
    padding: 10px 0;
    color: black;
    text-align: center;
    font-size: 13px;
    font-weight: 400;

}

.groupTable thead tr th, .groupTable tbody tr td {
    border: 2px solid white;


}

.groupTable td a {
    color: #2a2a2a;;
}


/* tabela sa fakultetima */

.universityTable {
    border-collapse: collapse;
    box-sizing: border-box;

}

.universityTable thead tr th {
    /*background-color: #c6bfbf;*/
    background-color: #d7d4d0;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    background-clip: padding-box;

}

.secondrow, .groupSort {
    font-size: 13px !important;
}


.universityTable thead:first-child th:first-child {
    text-align: center;
}

.universityTable tr th:first-child, .universityTable tr th:nth-child(2),
.groupTable tr th:first-child, .groupTable tr th:nth-child(2) {
    text-align: center;
    vertical-align: bottom;
    padding-top: 30px;
    padding-bottom: 0;

}

.universityTable tr:nth-child(2) th, .universityTable tr:nth-child(3) th,
.groupTable tr:nth-child(2) th, .groupTable tr:nth-child(3) th {
    padding: 2px;
}

.universityTable tr:nth-child(3) th,
.groupTable tr:nth-child(3) th {
    cursor: pointer;
}


.universityTable a {
    color: #2a2a2a;
    text-decoration: none;
}


.universityTable td, .universityTable th {
    box-sizing: border-box;
    /*padding: 5px;*/
    text-align: center;
    border: 2px solid white;
    /*min-width: 65px;*/
}


/*Pojedinacni univerziteti*/
.universityTable thead:first-child th {
    background-color: #fdf7f1;
    font-size: 12px;

}

.universityTables thead tr th {
    padding: 5px 0 !important;
}

.universityTable td:nth-child(2) {
    font-size: 12px;
}

.universityTable td {
    font-size: 12px;
    padding: 5px 0;
}

#groupTable tbody tr:hover,
.universityTable tbody tr:hover,
#groupTable tbody tr td.colHover,
.universityTable tbody tr td.colHover {
    /*background-color: #d7cdcd;*/
    background-color: #d7d4d0;
}

.university {
    /*background-color: #eee7e7;*/
    background-color: #E9E7E4;

}

.universityTable .university {
    border: 3px solid white;
}

/*ovde se manje stripped table*/
.groupTable .university {
    /*background-color: #eee7e7;*/
    background-color: #E9E7E4;

}

.groupTable .university:nth-child(odd) {
    /*background-color: #f3f1f1;*/
    background-color: #F7F6F4;
}


.faculty:nth-child(odd) {
    /*background-color: #E9E7E4;*/
    background-color: #f3f0f0;
}

.faculty:nth-child(odd):hover {
    /*background-color: #F7F6F4;*/
}

.faculty td:nth-child(2) {
    text-align: left;
}

.nodata {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: none;
    display: none;
    width: 0.1px;
}


.sliderValue {
    width: 80px;
    display: inline;
}

.sliderValueIndex {
    width: 120px;
    display: inline;
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}

#slider, #slider-2 {
    display: inline-block;
    /*width: 120px;*/
    position: relative;
    /*z-index: 1000;*/
    /*margin: 0 10px ;*/
}

.slider-btn {
    padding: 1px 10px;
    height: 29px;
    margin-top: 6px;

}

#slider-form {
    z-index: 1000;
    display: block;
}

.slider-form-wrapper {
    margin-left: -5px;
}

.form-inline {
    margin-bottom: 10px;
    /*margin-left: -15px;*/
}

.pull-right-custom {
  margin-right: 0;
}

#form-inline label {
    justify-content: left;
}

.form-inline select {
    padding: 0;
    margin-right: 5px;
    font-size: 12px;
}

#inline-button {
    /*display: block;*/
    /*margin-top: 15px;*/
    padding: 3px 10px;
}

#institution {
    padding: 6px 10px;
}

#discipline {
    max-width: 200px;
}

#search {
    padding: 6px ! important;
    height: 33px;
    font-size: 12px;

}


#disc {
    display: none;
}

.details-icon {
    position: relative;
    width: 18px;
    float: right;
    top: 2px;
}

.dendrogram-icon {
    float: right;
    width: 20px;
    margin-right: 5px;
}

.dendrogram-icon:hover {
    cursor: pointer;
}

/*********************Footer**********************/

.footer {

    background-color: #767676;
    color: white;
    padding-top: 14px;
    text-align: justify;
    font-size: 16px;
    height: 55px;
    /*box-shadow: 0px 6px 23px -2px rgba(0,0,0,0.75);*/
}

.footer a {
    color: #bbe6ff;
    display: inline-block;
    text-decoration: none;
}

.footer-left {
    position: relative;

}

.footer-right {
    position: relative;
  float: right;
}

.smaller-width {
    width: 1140px;
}


/*************************************************/


.fa-sort {
    display: inline-block;
    position: relative;
    transform: scale(0.7, 1);
    font-size: 18px;
    color: white;
    line-height: 0;
    padding: 0;
    margin-left: 3px;
    top: 2px;

}

.fa-sort-asc, .fa-sort-desc {
    display: inline-block;
    position: relative;
    transform: scale(0.7, 1);
    font-size: 18px;
    color: #4080f6;
    line-height: 0;
    /*left: -14px;*/
    padding: 0;
    margin-left: 3px;
    /*margin-right: 1px;*/
    top: 2px;
}

.sort .fa-sort {
    display: none;
}


.form-group > .select2-container {
    width: 100% !important;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.select2-selection__arrow i {
    font-weight: 900;
    position: relative;
    top: -10px;
    right: -8px;
    font-size: 16px;
}


/*table {*/
/*    font-size: 14px;*/
/*}*/

#tooltip {
    position: absolute;
    display: none;
    max-width: 420px;
    background-color: beige;
    min-height: 40px;
    max-height: 60px;
    text-align: left;
    hyphens: auto;
    z-index: 10000;
    padding: 10px 15px;
    vertical-align: center;
    border-radius: 5px;
    border: 1px solid #6cb2eb;
    font-size: 12px;
    box-sizing: border-box;
}




#tooltip p {
    display: block;
    position: relative;
    margin: 0 auto;
}

.amcharts-axis-title:hover {
   cursor: pointer;
}



div[id^="chartTooltip-"] {
    position: absolute;
    display: none;
    max-width: 200px;
    background-color: beige;
    min-height: 44px;
    text-align: left;
    hyphens: auto;
    z-index: 10000;
    padding: 10px 15px;
    vertical-align: center;
    border-radius: 5px;
    border: 1px solid #6cb2eb;
    font-size: 12px;
    box-sizing: border-box;
}