<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* tab content */
#pageSortingTab1 .tab-content {
    color : white;
    background-color: #EF476F;
}

#pageSortingTab1 .tab-pane {
    padding : 25px;
}

/* my attempt at individual tab styling */
#pageSortingTab1 .tab-content &gt; [id='university-tab']  {
    background-color: #12479b;
}

#pageSortingTab1 .tab-content &gt; [id='hindex-tab']  {
    background-color: #ea6c17;
}

#pageSortingTab1 .tab-content &gt; [id='i10index-tab']  {
    background-color: #29a4a2;
}
#pageSortingTab1 .tab-content &gt; [id='citation-tab']  {
    background-color: #7931a7;
}

/* pills styling */
#pageSortingTab1 .nav-pills &gt; li &gt; button {
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 10px !important;
    margin-left: 5px !important;
}
div#pageSortingTab1.container {
    padding-bottom: 0px !important;
}
#pageSortingTab1 .nav-pills &gt; li button.active {
    background: #E9C46A;
}


#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-university-tab {
    color: #12479b;
    border: none;
    padding: 5px;
}
#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-university-tab.active {
    background-color: #12479b;
    color: white;
    border: none;
}


#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-hindex-tab {
    color: #ea6c17;
    border: 1px #ea6c17 solid;
    margin-left: 0px !important;
}
#pageSortingTab1 .nav-pills &gt; li&gt; button#sort-hindex-tab.active {
    background-color: #ea6c17;
    color: white;
    border: none;
    margin-left: 0px !important;
}
#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-hindex-tab-last6 {
    color: #ea6c17;
    border: 1px #ea6c17 solid;
}
#pageSortingTab1 .nav-pills &gt; li&gt; button#sort-hindex-tab-last6.active {
    background-color: #ea6c17;
    color: white;
    border: none;
}


#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-i10index-tab {
    color: #29a4a2;
    border: 1px #29a4a2 solid;
}
#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-i10index-tab.active {
    background-color: #29a4a2;
    color: white;
    border: none;
}
#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-i10index-tab-last6 {
    color: #29a4a2;
    border: 1px #29a4a2 solid;
}
#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-i10index-tab-last6.active {
    background-color: #29a4a2;
    color: white;
    border: none;
}

#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-citation-tab {
    color: #7931a7;
    border: 1px #7931a7 solid;
}
#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-citation-tab.active {
    background-color: #7931a7;
    color: white;
    border: none;
}
#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-citation-tab-last6 {
    color: #7931a7;
    border: 1px #7931a7 solid;
}
#pageSortingTab1 .nav-pills &gt; li &gt; button#sort-citation-tab-last6.active {
    background-color: #7931a7;
    color: white;
    border: none;
}

/*form stuff
form {
    padding: 32px;
}
label {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: .05em;
}
input {
    border: none;
}
.input-group input {
    height: 40px;
}
.form-group select {
    height: 40px;
}
span.input-group-addon {
    border: none;
}
select {
    border: none;
}
.butn {
    display: inline-block;
    width: 80%;
    margin-bottom: 0;
    margin-top: 43.6px;
    height: 40px;
    background: none;
    border: 3px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    overflow: hidden;
    color: #fff;

}*/

.sort-section-title{
    color: #253D9A;
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0px;
}</pre></body></html>