/*
    ------------------------- Base -------------------------
*/
/*body {
    color: white;
    background-color: rgb(53, 54, 58);
}*/

a {
    color: black;
}

a:hover {
    text-decoration: none;
}


.jms-simple-combo {
    background-color: rgb(53, 54, 58);
    color: white;

    width: 200px;
    height: 35px;
    border-radius: 10px;
}

.jms-simple-combo > option{
    height: 25px;
}

.filter-section > * {
    margin-top: 10px;
    margin-bottom: 10px;
}

.filter-buttons * {
    display: inline;
}

/*
    ------------------------- Issue board -------------------------
*/


.button {
    margin-top: 30px;

    border: 1px solid lightgray;

    border-radius: 5px;

    padding: 5px;

    background-color: lightgray;
    color: black;

    width: 150px;

    text-align: center;
}

.board-header {
    font-size: 175%;
    text-align: center;

    margin-bottom: 10px;
}

.issue-tile {
    display: inline-block;
    width: 110px;
    height: 110px;
    color: black;
    background-color: pink;
    margin: 5px;
    padding: 5px;
}

.issue-master {
    background-color: pink;
}

.issue-rc {
    background-color: darkorange;
}

.issue-dev {
    background-color: lightgreen;
}

.issue-tile div {
    display: block;
}

.issue-header {
    display: inline;
    
    width: 100%;
    height: 30px;

    margin-left: auto;
    margin-right: auto;

    font-size: 110%;
}

.issue-priority {
    float: left;
    width: 45%;    
}

.issue-time {
    display: block;
    float: right;    

    width: 45%;
    text-align: right;
}

.issue-number {
    display: block;
  
    width: 100%;
    height: 50px;

    margin-left: auto;
    margin-right: auto;

    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 150%;    
}

.issue-name {
    display: block;
    float: right;

    width: 100%;
    height: 30px;

    margin-left: auto;
    margin-right: auto;

    text-align: right;

    overflow: hidden;

    vertical-align: bottom;
}

.section {
    border-right: 2px solid rgb(233, 105, 36);
    border-radius: 10px;
    border-image: linear-gradient(to bottom, rgb(233, 105, 36), rgb(53, 54, 58)) 1 100%;

    min-height: 100px;
}

div.section:nth-of-type(3) {
    border: none;
}


/*
    ------------------------- PLANNING -------------------------
*/
.input {
    color: black;
    border-radius: 5px;
}

.card {
    height: 100px;
    width: 65px;
    
    border: 2px solid white;
    border-radius: 5px;

    background-color: cornflowerblue;

    text-align: center;

    font-size: 150%;

    line-height: 90px;

    cursor: pointer;
}

.card:hover, .card.active {
    background-color: dodgerblue;

    font-weight: bold;

    transition: 0.4s;
}

.card-blank {
    height: 100px;
    width: 65px;
}

.card-locked {
    font-size: 50%;
    text-orientation: sideways-right;
}

.vote-spot {
    margin-bottom: 30px;
    border-left: 2px solid rgb(233, 105, 36);
    border-radius: 10px;
    border-image: linear-gradient(to bottom, rgb(233, 105, 36), rgb(53, 54, 58)) 1 100%;
}

.vote-spot:hover .vote-spot-remove {
    display: inline;
}

.vote-spot > div:first-of-type {
    padding-left: 5px;

    overflow-wrap: break-word;
}

.vote-spot-remove {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    float: right;
    z-index: 100;

    width: 24px;
    height: 24px;

    /*display: hidden; */


    /* https://img.icons8.com/metro/26/000000/close-window.png */
    background-image: url('https://img.icons8.com/metro/26/000000/close-window.png');
    opacity: 0.5;

    cursor: pointer;
}

#voting-for {
    color: lime;
}

#chosen-card {
    color: red;
}

#voting-as {
    font-size: 200%;
}

#voting-as > span {
    font-size: 60%;
    font-style: italic;
}

tbody#votes-sum-container > tr > td {
    vertical-align: middle;
    text-align: center;
}

tbody#votes-sum-container > tr > td:nth-child(2) {
    font-size: 200%;
}

tbody#votes-sum-container > tr:last-of-type > td {
    font-size: 125%;
}