/* GENERAL STYLES */
body {background:#f2f2f2;}
h1 {text-align:center; text-transform:uppercase;}

#mainnav-logo img {max-width:inherit;}
.multiline-text {
    white-space: pre-line;
}

/* JOOMLA CLASSES */
.page-header {margin-bottom:2rem;}

/* TOP MENU */
div#navigation-top {background: #531023;}
#top-nav {height:30px;}
#top-nav ul.nav {float:right;}
#top-nav ul.nav a {color:#fff; font-size:13px; padding:0px 15px;}
#top-nav ul.nav li {margin-bottom:0px;}
#top-nav ul.nav li:last-child a {border-right:none;}
#top-nav {height:25px;}

/* CURRENT USER */
div#current-user {float: right; color: #fff; font-size: 13px; margin: 1px 10px 0px 5px;}
div#current-user i {margin-right:5px;}


/* LOGO AND MAIN MENU */
#main-nav-logo {background: url('../images/header_bcg-3.jpg') 50% 0% no-repeat; min-height:200px; box-shadow: 1px 5px 5px rgba(0,0,0,0.1); border-bottom:1px solid #a4b9cc;}
.mainmenu-wrapper {display:flex; align-items: center;}
#main-nav {}

/* PAGINATION */
.com-content-category-blog__counter {text-align: center;}
.pagination {justify-content: center !important;}
div.pagination{display:block; text-align:center; margin-top:20px;}
div.pagination p.counter {float:none; font-size:13px; color:#959393; margin-bottom:5px;}
span.icon-first:after {font-family: 'FontAwesome'; content:"\f049";}
span.icon-previous:after {font-family: 'FontAwesome'; content:"\f048";}
span.icon-next:after {font-family: 'FontAwesome'; content:"\f051";}
span.icon-last:after {font-family: 'FontAwesome'; content:"\f050";}
.page-item {line-height:1.3;}
.page-link {padding:6px 12px; font-size:13px; color: #282f44;}
.page-link:hover {color:#282f44;}
.page-item.active .page-link {background:#eaeaea; border-color:#dee2e6;}
.page-item.active .page-link:hover {color:#fff}


/* LOGO */
.logo-mobile {display:none;}

/* MOBILE MENU */
#mobilemenu {background:#20325a; height:45px;}
.mobilemenubutton {float:left;}


/* MAIN MENU */
#navigation-main {display: flex; align-items: center;background:#7d1935; height:90px; padding:0px; box-shadow: 1px 5px 5px rgba(0,0,0,0.1); z-index:10;}
#navigation-main .container .row {align-items:center;}

ul.dj-megamenu-clean {display:flex; justify-content: end;}
ul.dj-megamenu-clean li:first-child {}
li.dj-up {color: #ffffff; padding: 15px 10px; font-size: 13px; text-transform: uppercase;}
.dj-megamenu-clean li.dj-up.active, .dj-megamenu-clean li.dj-up:hover {}
.dj-megamenu-clean li a.dj-up_a {font-size:15px !important; height:auto !important;}
ul.dj-megamenu-clean li a.dj-up_a:hover, ul.dj-megamenu-clean li a.dj-up_a:hover span {text-decoration: none !important; color: #fff; height:auto !important;}
.dj-megamenu-clean li a.dj-up_a span {color: #ffffff;}
.dj-megamenu-clean li a.dj-up_a > span {height:auto !important;}

ul.dj-megamenu-clean li ul.dj-submenu {margin:0px 2px;}
ul.dj-megamenu-clean li ul.dj-submenu > li > a.active {color:#282f44; background:none;}
ul.dj-megamenu-clean li.hover div.dj-subwrap {border-top: 3px solid #531023; padding-top:2px; background: #f9f9f9;
    border-radius: 0px 0px 10px 10px; box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.3) !important}
ul.dj-megamenu-clean li.hover div.dj-subwrap li {text-transform: none; margin-bottom:0px;}
.dj-megamenu-clean li ul.dj-submenu ul.dj-subtree {margin: 0px !important;}
.dj-megamenu-clean li ul.dj-subtree > li {list-style: none !important;}
.dj-megamenu-clean li ul.dj-submenu ul.dj-subtree a {font-size: 0.875rem !important; padding: 5px 5px 5px 10px !important; background: none; color: #6f7788;}
.dj-megamenu-clean li ul.dj-submenu ul.dj-subtree a:hover span {background:none; color:#282f44;}
ul.dj-megamenu-clean li ul.dj-submenu > li > a {font-size:14px; color:#555; transition:none !important; padding:5px 10px; line-height:18px; margin:0px;}
ul.dj-megamenu-clean li ul.dj-submenu > li.separator {margin-bottom:0px;}
ul.dj-megamenu-clean li ul.dj-submenu > li.separator:hover {}
ul.dj-megamenu-clean li ul.dj-submenu > li.separator > a {cursor: default !important; color: #fff; text-transform: uppercase; text-align:center;
    line-height:24px !important; background: #2f4858;}
ul.dj-megamenu-clean li ul.dj-submenu > li.separator > a span {color: #fff; text-transform: uppercase; text-align:center; width:100%;}
ul.dj-megamenu-clean li ul.dj-submenu > li.separator a:hover {font-weight: normal; text-decoration: none;}
ul.dj-megamenu-clean li ul.dj-submenu > li.separator a:hover span {text-decoration: none;}
ul.dj-megamenu-clean li ul.dj-submenu > li.hover:not(.subtree) > a {background:none !important;}
ul.dj-megamenu-clean li ul.dj-submenu > li.separator.hover:not(.subtree) > a {background:#342d2d !important;}
ul.dj-megamenu-clean li ul.dj-subtree > li.active > a {text-decoration: none; color:#282f44;}

/*** BREADCRUMBS ***/
#breadcrumbs {margin: 0px; width:100%; font-weight: 400;}
#breadcrumbs .breadcrumb {background: none; border-radius: 0; font-size: 12px; margin: 20px 0px 0px 0px; padding: 0px !important;}
.breadcrumb li:first-child {display: none;}
ol.breadcrumb > li.active {color: #b2b2b4 !important;}
.breadcrumb > li + li::before {content: none; padding: 0px;}
.breadcrumb li a {}
#breadcrumbs .breadcrumb span.divider {color: #b2b2b4; margin: 0px 5px;}

/*** DOCUMENTS BREADCRUMBS ***/
ul.breadcrumb {background: #edf2f8; border-radius: 3px; font-size: 12px; margin: 20px 0px 0px 0px; padding: 5px !important;}
ul.breadcrumb > li.active, ul.breadcrumb .divider {color: #b2b2b4 !important;}
ul.breadcrumb li {margin-bottom:0px; font-size:12px;}
ul.breadcrumb li a {color:#0072bb !important; font-size:12px;}


/*** BOTTOM MODULES ***/
#bottom_wrapper {background:#fff; padding:40px 0 40px 0;}
div.bottom h3 {text-align:center; font-size:1.25em; color:#20325a;}
div.bottom .custom {padding-left:10px;}
div.bottom p {font-size:14px; margin-bottom:5px;}
div.bottom p a {}
div.bottom .custom h3 {padding:15px 0px 10px 0px;}

/*** FOOTER ***/
#footer_wrapper {display:flex; align-items:center; background-color:#7d1935; border-top:8px solid #531023; padding:25px 0px 0px 0px;}
.footer, .footer a {color:#ffffff; font-size:14px; }
.footer h3 {color:#fff; margin-bottom: 1.5rem;}
.footer p {color:#fff; line-height: 1.8rem;}
.footer strong {font-weight:700;}
.footer2 {text-align:center;}
.social a {background-image:none; font-size: 2.5rem; padding: 0 1rem; color: #a95a5a; transition: all 0.5s ease-in-out;}
.social a:hover {color: #fff;}

/* LOGIN PAGE */
.login .control-group {margin:20px 0px 20px 0px;}
.login .control-group input {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff;
    background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
ul.login-param {padding-left:0px;}
.login .control-group input:focus {border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
ul.login-param li {width:100%; font-size:14px; list-style:none; margin-bottom:5px;}
.remind .control-group {margin:20px 0px 20px 0px;}
.reset .control-group{margin:20px 0px 20px 0px;}

form#com-users-login__form {width:50%; margin: 0 auto;}
div.com-users-login__options {width:50%; margin: 0 auto;}
.form-control-feedback {display: block;}
.invalid {color: #a51f18;}
.icon-eye::before {font-family: 'FontAwesome'; content: "\f06e";}

/* DATATABLES */
table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {}
table.dataTable > tbody > tr > th {font-weight: 400;}
table.dataTable thead > tr > th.dt-orderable-asc:hover,
    table.dataTable thead > tr > th.dt-orderable-desc:hover,
    table.dataTable thead > tr > td.dt-orderable-asc:hover,
    table.dataTable thead > tr > td.dt-orderable-desc:hover {outline: none;}

table.dataTable thead th {background: var(--darkblue); border-bottom: 1px solid var(--darkblue-d2) !important;
    border-top: 1px solid var(--darkblue-d2) !important; vertical-align: middle; text-align: left !important;}
table.dataTable thead th a, table.dataTable thead th span {color:var(--white-70); font-family:"Oswald"; font-weight: normal; font-size:1.4rem;}
th.dtfc-fixed-start, th.dtfc-fixed-end {background: var(--darkblue) !important;}
th.dt-ordering-asc, th.dt-ordering-desc {background: var(--darkblue-90) !important;}
th.dt-ordering-asc a, th.dt-ordering-desc a, th.dt-ordering-asc span, th.dt-ordering-desc span {/*color: var(--red) !important;*/color: var(--white) !important;}
th a {background-image: none;}
table.dataTable tfoot th {background: var(--darkblue-30) !important;}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before {margin-bottom:3px;}
div.dt-container select.dt-input {border: var(--bs-border-width) solid var(--bs-border-color) !important; border-radius: var(--bs-border-radius);}
.dt-search input:focus-visible {outline: none;}
.dt-search input {border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.dt-search input:focus {color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe;
    outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before {opacity: 1 !important;}
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after {opacity: 1 !important;}
div.dt-scroll-foot table.dataTable > tfoot > tr > th {padding: 0.5rem !important; border:none;}
div.dt-scroll-foot table.dataTable > tfoot .form-control {border: 1px solid var(--darkblue-30);}
div.dt-scroll-foot table.dataTable {border-top:1px solid #9b9da3;}
div.dt-container .dt-search input {background-color:#fff;}
div.dt-container .dt-input {background-color:#fff;}

/* FORMS */
#member-wrapper {background: #fff; padding: 2rem 1rem 1rem 1rem; margin-bottom: 1rem; border: 1px solid #ced4da; border-radius:0.25rem;}
.team-details {margin-bottom: 3rem;}
.team-details .row {border-bottom:1px solid #bdbdbd;}
.team-details .row:last-child {border-bottom:none;}
.team-details .row .member-details-label {background: #f2f2f2; padding-top:1rem; padding-bottom:1rem;}
.team-details .row .member-details-data {display:flex; align-items:center; padding:1rem;}
.team-details .row .member-details-data ul li:last-child {margin-bottom:0;}
.team-details .row label {padding:0; width:100%; text-align: right;}
.team-details h5 { display:flex; align-items:center; height:100%; margin:0;}
.team-details ul {padding-left:1rem;}
.team-details table th {color: #083d77 !important; font-family: "Oswald"; font-weight: normal; font-size: 1.2rem; text-transform: uppercase;
    line-height: 1; padding: 1rem 0.5rem !important;}

form#userForm .card-header{background:#f8f8f8;}
form#userForm .card-body {background:#f8f9fa;}
form#userForm .form-control {border:1px solid #ced4da; border-radius:.25rem;}
form#userForm .card {box-shadow:0px 2px 7px rgba(0,0,0,0.15);}

.team-leader-actions {margin-top:20px; text-align:right;}
.team-header-wrapper {box-shadow: 3px 5px 5px rgba(83, 16, 35, 0.3); border: 1px solid #e3e3e3; padding-top: 15px; background: #fff;}
.team-members h2 {text-align:center;}
.team-members table td {padding: .5rem .3rem; font-size: 0.85rem;}


/* STRANICE GENERALNO */

td.directoryColSubmissionid {text-align: left !important;}
td.directoryActions {font-align:center;}
td.directoryActions a:hover {background: none;}
td.directoryActions i {font-size: 1.4rem;}

.rsform-dir-input > div:not([class]) {display: inline-block; margin-right:20px;}
.rsform-dir-input > div:not([class]):empty {margin-right:0;}
.rsform-dir-input > div:not([class]) p {margin-bottom:0;}

span.rsficon-zoom-in::before {font-family: 'FontAwesome'; content:"\f002"; font-size:1.2rem;}
span.rsficon-edit::before {font-family: 'FontAwesome'; content:"\f31c"; font-size:1.2rem;}