/* Global ------------------------------------------------------ */

html {
    font-family: Lato, sans-serif;
    font-size: 16px;
    height: 100%;
}

/*noinspection ALL*/
body {
    font-family: 'Lato', sans-serif;
    background-color: #001B5E;
    /*background-image: linear-gradient(315deg, #aecad6 0%, #4a76bb 74%)*/
    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

button {
    font-family: 'Lato', sans-serif;

}

.top-nav-bar {
    padding: 5px 10px;
    background-color: rgba(255,255,255,0.6);
}

.top-nav-bar .btn-logout {
    font-size: 0.85em;
    border: 1px solid #d12331;
    padding:4px;
    background-color: #d5212e;
    color: white;
    border-radius: 3px;
    text-decoration: none;
}

.top-nav-bar .btn-logout:hover {
    text-decoration: none;
    border: 1px solid #e4022c;
    background-color: #a0011e;
}

h5.card-title {
    font-size: 1em;
    font-weight: 600;
    opacity: 0.819;
    padding: 0;
    color: #343434;
}

table thead tr th {
    font-size: 0.85em;
    font-weight: 600;
}


.oddRow {
    background-color: #bed2de;
}

.evenRow {
    background-color: #ebf3f7;
}

.table_container.card {
    border: 1px solid #696969;
    box-shadow: 3px 3px 8px #5c7ab2;
}

table.projects body{
}

table.objects tbody{
    font-size: 0.85em;
    border: 1px solid #585858;
    box-shadow: 4px 4px 4px #ccc;
}


table.objects tbody tr td {
    padding:3px;
}


table.objects tbody tr td.title {
    font-weight: 600;
}

table.objects tbody tr td.description {
    font-style: italic;
}


table.projects tbody{
    font-size: 0.85em;
    border: 1px solid #585858;
    box-shadow: 4px 4px 4px #ccc;
}
table.projects tbody tr td a,
table.projects tbody tr td a:hover{
    text-decoration: none;

}

table.projects tbody tr td {
    padding:3px;
}


.internal_link {
    cursor: pointer;
}

.internal_link:hover {
    background-color: #a5cadd;
}

/* Login */

.login_panel_bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 240px;
    width: 340px;
    background-color: #1a60a5;
    opacity: 0.85;
    border-radius: 15px;
}
.login_panel {
    position: relative;
    height: 240px;
    width: 340px;

    margin: 15% auto 0 auto;

}

.login_form {
    z-index: 1000;
    position: relative;
    padding: 20px;
    background-color: transparent;
    text-align: center;

}

.login_form label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.login_form input {
    text-align: center;
    font-size: 24px;
    color: white;
    background-color: #5f93c2;
    border-radius: 0 22px 22px 0;
    margin-bottom: 20px;
    border: none;
    height: 44px;
    width: 260px;
}

.from-input-icon-meno,
.from-input-icon-heslo {
    display: flex;
}

.from-input-icon-meno img,
.from-input-icon-heslo img
{
    width: 44px;
    height: 44px;
    background-color: #5f93c2;
    border-radius: 22px 0 0 22px;
    padding-left: 6px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

.login_form .btn-login {
    width:160px;
    height: 35px;
    font-size: 16px;
    background-color: rgba(48, 157, 103, 0.64);
    color: white;
    border: none;
    border-radius: 6px;
}

.login_form button:hover {
    background-color: rgba(11, 210, 42, 0.75);
}

.login_form .error {
    color: #ff3333;
    font-size: 0.8em;
}

.form-line {
    text-align: right;
}


.tagcloud-container {

}

.tagcloud-container ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.tagcloud-container ul li {
    display: inline-block;
    color: #2a3852;
    cursor: pointer;
    vertical-align: middle;
    padding: 5px;
}

.tagcloud-container ul li:hover {
    font-weight: bolder;
}

.tagcloud-container .level1 {
    font-size: 3em;
    opacity: 0.6;
    padding: 3px 5px;
}

.tagcloud-container .level2 {
    font-size: 2.25em;
    opacity: 0.8;
    padding: 8px 5px;
}

.tagcloud-container .level3 {
    font-size: 1.5em;
    opacity: 0.9;
    padding: 13px 5px;
}

.logged_in_as {
    font-size: 14px;
}


.edis24logo span {
    position: absolute;
    top: -30%;
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;

    font-size: 5em;
    font-weight: 700;
    color: #f5f5f5;
   /* text-shadow: 1px 1px 1px #919191,
    1px 2px 1px #919191,
    1px 3px 1px #919191,
    1px 4px 1px #919191,
    1px 5px 1px #919191,
    1px 6px 1px #919191,
    1px 7px 1px #919191,
    1px 8px 1px #919191,
    1px 9px 1px #919191,
    1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);*/
}


.project-link {
    width: 100%;
    display: block;
    text-decoration: none;
    padding: 4px;
}
