﻿* {
    position:relative;
}
html {
    height: 100%;
}
body {
    margin:0px;
    padding:0px;
    background-position:center;
    background-size: contain;
    
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    
    background-attachment:fixed;
}

.divlogin {
    background-color:rgba(255,255,255,0.7);
    padding:20px;
    border:1px solid white;
}
.container-fluid {
    background-color:rgba(255,255,255,0.9);
    border:1px solid white;
    /*margin:10px;*/
}
.title {
    margin: 0px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px solid #cccccc;
    margin-bottom: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    padding-left:25px;
    position:relative;
}
    .title:before {
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        left: 0px;
        top: 3px;
        content: "✫";
        font-size:21px;
        color:red;
        border-radius: 25px;
    }


.table_sort table {
    border-collapse: collapse;
}

.table_sort th {
    color: white;
    background: #336b98;
    cursor: pointer;
}

.table_sort tbody tr:nth-child(even) {
    background: #f1f8ff;
}
.table_sort tr th, .table_sort tr td {
    padding: 0 5px;
    border: 1px solid #eee;
}

    .table_sort tbody tr:hover, .table_sort tbody tr:nth-child(even):hover {
        background-color: #eee;
    }

    th.sorted[data-order="1"],
    th.sorted[data-order="-1"] {
        position: relative;
    }

    th.sorted[data-order="1"]::after,
    th.sorted[data-order="-1"]::after {
        right: 5px;
        position: absolute;
        color: #aed5ff;
        font-size:80%;
        top:10%;
    }

    th.sorted[data-order="-1"]::after {
        content: "▼"
    }

    th.sorted[data-order="1"]::after {
        content: "▲"
    }


.divazsselector {
    background-color: rgba(0,0,0,0.9) !important;
    text-align:left;
}

    .divazsselector ul li input[type=checkbox] {
        margin-right: 10px;
    }

    .divazsselector ul li {
        list-style-type: none;
        color: white;
    }

input:checked + label {
    color: #ffa75c;
}
.calc {
    cursor:pointer;
    padding-left:5px;
    padding-top:5px;
    
    display:inline-block;
}
table.calculator {
    width: 100%;
}
table.calculator tr td {
    width: 25%;
    max-width: 25%;
    min-width: 25%;
}
table.calculator tr td input[type=button] {
    width: 100%;
    font-size:40px;
}
.calcform {
    position:relative;
    display:none;
}
.calcform #display {
    font-size: 40px;
    font-weight:bold;
}
.calcform .calcbottom {
    width:100%;
    position:absolute;
    bottom:0px;
}
.calculator .btn {
    width: 100%;
    padding: 1px 6px;
    border-width: 2px;
    font-size: 40px;
}
.fav_ico {
    color:greenyellow;
    margin-right:10px;
    font-size:19px;
}
.fav_index {
    color:yellow;
}
.fav_ico:hover {
    color: white;
    text-decoration: none;
}