﻿table.protek-table {
    font-size: x-small;
}

table.protek-table > tbody > tr:hover {
    background-color: white !important;
}

table.protek-table > tbody > tr.highlighted,
table.protek-table > tbody > tr:hover.highlighted {
    background-color: deepskyblue !important;
}

table.protek-table > thead > tr > th.sort:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: lightgrey;
    content: " \f0dc";
}

table.protek-table > thead > tr > th.sort-desc:after {
    color: dimgrey;
    content: " \f0dd";
}

table.protek-table > thead > tr > th.sort-asc:after {
    color: dimgrey;
    content: " \f0de";
}

table.protek-table > tbody > tr > td {
    padding: 0 2px;
    vertical-align: middle;
}

.navbar-default {
    border: none;
}

.navbar-brand {
    float:none;
}

.protek-nav {
    font-size: x-small;
}

.protek-nav li {
    text-align: center;
}

.protek-nav li a {
    padding: 10px;
    line-height: inherit;
}

.protek-nav .active a {
    background-color: #d9e0e6 !important;
}

.protek-nav i.fa {
    font-size: large;
    display: block;
}

.protek-navbar .navbar-top-links>li>a:hover, .protek-navbar .navbar-top-links .open>a {
    background-color: #d9e0e6 !important;
}


.protek-sidebar > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.protek-sidebar > ul > li.active {
    background-color: #d9e0e6;
}

.protek-sidebar > ul > li > a {
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    color: black;
}

.protek-sidebar > ul > li.active a {
    background-color: var(--colorUltraLight);
}

.protek-sidebar > ul > li > a:hover {
    color: #333;
}

.protek-sidebar .form-group {
    margin-bottom: 8px;
}

.protek-sidebar .form-group label {
    font-size: 11px;
}

#quickAccess {
    background-color: #f5f5f5;
    position: fixed;
    left: 0;
    top: 18%;
    width: 52px;
    opacity: 0.5;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid lightgray;
}

#quickAccess:hover {
    opacity: 1;
}

.protek-page-header {
    margin: 0 0 20px;
}

.dropdown-lang a.active:after {
    font-family: FontAwesome;
    content: " \f046";
    float: right;
}

/*theme*/
:root {
    --colorUltraLight: #dfdfdf;
    --colorExtraLight: #cfcfcf;
    --colorLight: #afafaf;
    --colorMid: #9f9f9f;
    --colorDark: #7f7f7f;
    --colorUltraDark: #5f5f5f;
    --colorForeground: #B4B4B4;
    --colorText: #ffffff;
    --colorLink: #34495e;
    --colorInput: #D4D4D4;
    --colorInputText: black;
}

/*theme*/
body {
    background-color: var(--colorLight) !important;
}

/*theme*/
.protek-navbar {
    background-color: var(--colorDark) !important;
}

ul.protek-nav.nav.navbar-nav li {
    font-weight: bold;
}

/*theme*/
.protek-text {
    color: var(--colorText);
}

/*theme*/
#page-wrapper {
    background-color: var(--colorLight);
    border: none;
}

/*theme*/
.protek-sidebar {
    font-size: smaller;
    background-color: var(--colorMid) !important;
    border-color: var(--colorDark) !important;
    border-style: solid;
    border-width: 1px;
}

/*theme*/
.protek-select-checkbox {
    background-color: var(--colorMid) !important;
    color: var(--colorText) !important;
    border: 1px solid var(--colorDark) !important;
}

/*theme*/
input {
    background-color: var(--colorInput) !important;
    color: var(--colorInputText) !important;
    border: 1px solid var(--colorDark) !important;
    padding-left: 2px !important;
    border-radius: 0px !important;
}

/*theme*/
textarea {
    background-color: var(--colorInput) !important;
    color: var(--colorInputText) !important;
    border: 1px solid var(--colorDark) !important;
    padding-left: 2px !important;
    border-radius: 0px !important;
}

/*theme*/
select {
    background-color: var(--colorInput) !important;
    color: var(--colorInputText) !important;
    border: 1px solid var(--colorDark) !important;
    padding-left: 2px !important;
}

/*theme*/
.btn-default {
    background-color: var(--colorMid);
    /*color: var(--colorText);*/
    border-color: var(--colorDark);
}

/*theme: bootstrap panel tema*/
.panel {
    background-color: transparent;
}

.panel-default {
    border: 1px solid var(--colorDark);
    border-radius: 0px;
}

/*theme*/
.panel-default > .panel-heading {
    background-color: var(--colorExtraLight);
    border-color: var(--colorDark);
    border-radius: 0px;
}

/*theme*/
.panel-heading {
    background-color: var(--colorExtraLight) !important;
    border-color: var(--colorDark) !important;
    border-radius: 0px !important;
}

/*theme*/
.panel-body {
    background-color: var(--colorExtraLight);
    border-color: var(--colorDark);
}

.protek-study-table-heading {
    background-color: var(--colorLight) !important;
}

.protek-study-table-body {
    background-color: var(--colorLight);
}

.protek-report-view {
    background-color: white !important;
}
/*theme: tablolarin her hucresi icin gecerli border-color tema.*/
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-color: var(--colorDark);
}

/*theme*/
.table-bordered {
    border-color: var(--colorDark);
}

/*theme: columns icin varsayilan background color*/
thead {
    background-color: var(--colorForeground);
}

/*theme*/
uib-tab nav-item active {
    background-color: var(--colorDark);
}

/*theme*/
uib-tab nav-item {
    background-color: var(--colorLight);
}

/*theme: sekme renkleri. Ornek: rapor ekrani alt taraftaki sekme panelleri.*/
.nav-tabs > li > a:hover {
    border: none;
    border-radius: 0px;
}

/*theme*/
.nav-tabs > li > a {
    border: none;
    border-radius: 0px;
}

/*theme*/
.nav-tabs {
    border-bottom: 1px solid var(--colorMid);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: none;
}


/*uib bootstrap drowdown-menu*/
.dropdown-menu {
    background-color: var(--colorMid);
    padding-left: 4px;
}

/*ust panel secili icon yazi rengi.*/
.nav > li.active > a {
    background-color: var(--colorMid) !important;
    border: none;
    border-radius: 0px;
}
/*ust panel secili olmayan icon yazi rengi.*/
.navbar-default .navbar-nav > li > a {
    color: var(--colorUltraLight);
}

/*theme: a elementi ve btn-link icin link rengi*/
a {
    color: var(--colorLink);
}

/*theme*/
.btn-link {
    color: var(--colorLink);
}

/*bootstrap table table-striped satir renkleri*/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--colorUltraLight);
}

/*theme*/
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: var(--colorExtraLight);
}

/*theme: modal tema*/
.modal-content {
    border-radius: 0px;
    background-color: var(--colorExtraLight);
}


.modal-footer {
    border-top: 1px solid var(--colorUltraDark);
}


.modal-header {
    border-bottom: 1px solid var(--colorUltraDark);
}

/*theme: ticket -> yazilim surecleri gizlenebilir sidebar*/
#processSearchPanel {
    background-color: var(--colorDark);
    position: fixed;
    left: -1px;
    top: 90px;
    padding: 4px;
    border: 1px solid var(--colorExtraLight);
    border-radius: 0px;
}

#processSearchPanel .hidebar {
    width: 5%;
}

#processSearchPanel.hidebar * i {
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}

/*theme: dwv ve napweb viewer sidebar alt bolum sekme rengi*/
#bottom-tabs >li >a {
    color: black !important;
}

/*theme: sag ust duyurular ikonuna tiklaninca acilan listedeki itemler*/
.notificationFooter {
    border-top: none;
    background-color: transparent;
}

/*theme: pagination*/
.pagination > li > a, .pagination > li > span {
    background-color: var(--colorExtraLight);
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: var(--colorLight);
}

/*theme: loading screen*/
div.whole-overlay {
    background-color: rgba(0, 0, 0, 0.25) !important;
}