div.target {
    /*background-color: rgb(255, 0, 0);
    
    position: relative;
    top: 96px;
    
    */
    height: 20px;
    border-radius: 8px;
    
}


option:hover{
    background-color: rgb(93, 253, 40);
    color: rgb(15,15,20);
    
}



.optionSuggestion{
    color: white;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 12px;
    
    
    
}


.selectSugCards {
        /*width: 611px;*/
    height: 122px;
    position: absolute;
    top: 140px;
    /* left: 10px; */
    color: rgb(255, 255, 255);
    border: 1px solid white /*rgb(40,174,40) ;*/;
    border-radius: 6px;
    outline: none;
    
    
}

   
.foundAtributContainer {
    position: absolute;
    top: 276px;
    left: -4px;
    width: 287px;
    height: 201px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 5px;
    overflow: auto;
    
    /*
    attributesFrame1.style.top = "274px";
    attributesFrame1.style.width = "291px";
    attributesFrame1.style.height = "211px";
    
    
    position: absolute;
    top: 360px;
    left: -50px;
    width: 245px;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 5px;
    overflow: auto;
    */
    
    
}

.buttonSett {
    accent-color: rgb(93, 253, 40);
    
    
    
}



.foundAtributBody {
    height: 20px;
    max-width: 210px;
    
    border-radius: 10px;
    color: white;
    display: inline-block; /* Zobrazení jako inline blok pro řazení vedle sebe */
    margin: 5px;
    padding-left: 19px;
    padding-right: 8px;
    
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 12px;
}

.foundAtributDelete {
    height: 10px;
        width: 10px;
        border-radius: 50%;
        position: relative;
        background-color: white;
        margin: -14px 0 0 -14px;
        cursor: pointer;
}
    

    .selected-values {
      margin-top: 10px;
    }
    
    
    .suggestions{
        width: 295px;
    height: 80px;
    position: absolute;
    top: 50px;
    left: 0px;
    color: rgb(255, 255, 255);
    border: 1px solid white /*rgb(40,174,40) ;*/;
    border-radius: 6px;
    outline: none;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 12px
    }
    
    .searchInput{
        width: 288px;
    border: 1px solid white /*rgb(40,174,40) ;*/;
    font-family: "Bahnschrift", "Arial", sans-serif;
    color: rgb(255, 255, 255);
    outline: none;
    border-radius: 6px;
    height: 22px;
        
        
    }
    
    #searchInput::placeholder {
    color: rgb(200,200,200);
}


/*eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/




.foundAtributContainer2 {
    /*
        position: absolute;
    top: 274px;
    right: 0px;
    
    width: 291px;
    height: 211px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 5px;
    overflow: auto;
    */
    
    position: absolute;
    top: 276px;
    right: 2px;
    width: 287px;
    height: 201px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 5px;
    overflow: auto;
    
    
}


.foundAtributBody2 {
    height: 20px;
    max-width: 210px;
    
    border-radius: 10px;
    color: white;
    display: inline-block; /* Zobrazení jako inline blok pro řazení vedle sebe */
    margin: 5px;
    padding-left: 19px;
    padding-right: 8px;
    
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 12px;
}

.foundAtributDelete2 {
    height: 10px;
        width: 10px;
        border-radius: 50%;
        position: relative;
        background-color: white;
        margin: -14px 0 0 -14px;
        cursor: pointer;
}
    

    .selected-values2 {
      margin-top: 10px;
    }
    
    
    .suggestions2{
        width: 295px;
        height: 80px;
        position: absolute;
        top: 50px;
        color: rgb(255, 255, 255);
        border: 1px solid white /*rgb(40,174,40) ;*/;
        border-radius: 6px;
        outline: none;
        font-family: "Bahnschrift", "Arial", sans-serif;
        font-size: 12px;
    }
    
    .searchInput2{
        border: 1px solid white /*rgb(40,174,40) ;*/;
        font-family: "Bahnschrift", "Arial", sans-serif;
        color: rgb(255, 255, 255);
        outline: none;
        position: absolute;
        top: 12px;
        border-radius: 6px;
    }
    

/*eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/






    /* Styling pro cardMenuPredContent */
    .cardMenuPredContent {
      /*border: 1px solid #ccc;*/
      
      padding-top: 12px;
      margin-top: 20px;
      min-width: 611px;
      height: 300px;
      position: absolute;
    }
    
    
    
    
    
    
    




.dragger {
    
    
}

input.user-comment  {
    border: 0;
    background-color: transparent;
    height: 30px;
    width: 500px;
    text-decoration: none;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-style: italic;
    font-size: 16px;
    /*color: rgb(255,255,255);*/
    margin-bottom: 5px;
    
}
/*Co se stane, když je to nakliklé*/
input.user-comment:focus{
    border: 0;
    outline: none;
    
}



/*animace podtržení*/

/*experiment*/

/*
div.overviewMech {
  width: 300px; 
  height: 800px; 
  overflow: auto; 
  border: 1px solid rgb(150,150,150); 
  position: fixed;
  
    
}*/

div.commentCellText{
    font-family: "Bahnschrift", "Arial", sans-serif;
    
}

/* Přidat stejnou animaci jako je v menu, jen to nepůjde nahoru, ale doprava, u know */
a.overviewItemA {
    font-family: "Bahnschrift", "Arial", sans-serif;
    cursor: pointer;
}


a.overviewItemCommA {
    font-family: "Bahnschrift", "Arial", sans-serif;
    
}





div.wrapper {
    
    margin: 0 0 0 0;
    
    padding: 15px;
    position: relative;
    border-radius: 8px;
    
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    top: 96px;
    
    
    */
}
div.content-inputs {
    border-top: 2px solid rgb(90, 90, 90);
    padding: 10px 0 0 0;
}

.calcInput {
    margin: 0 0 8px 0;
    display: inline;
    
    
    border: 1px solid white/*rgb(40,174,40) ;*/;
    font-family: "Bahnschrift", "Arial", sans-serif;
    color: rgb(255,255,255);
    outline: none;
    
    border-radius: 6px;
    height: 22px;
    /*text-align: center;*/
    
}

input.calcInput:focus {
    
    border: 1px solid;
    
}


/*Proměnná kolonka pro vyplnění*/
input.varInput {
    margin: 0 0 8px 0;
    display: inline;
    background-color: transparent;
    border: 1px solid white/*rgb(40,174,40) ;*/;
    border-radius: 6px;
    font-family: "Bahnschrift", "Arial", sans-serif;
    color: rgb(255,255,255);
    outline: none;
    position: absolute;
    left: 325px;
    width: 60px;
    height: 21px;
    
}

input.varInput:focus {
    
    border: 1px solid white/*rgb(40,174,40) ;*/
    
}

/*Proměnná Lock On/Off */
div.varLock {
    margin: 4px 0 8px 80px;
    display: inline;
    font-family: "Bahnschrift", "Arial", sans-serif;
    outline: none;
    position: absolute;
    left: 330px;
    width: 18px;
    height: 19px;
    cursor: pointer;
    
    
}


div.pointerToInput {
    /*margin: 7px 0 8px -278px;*/
    display: inline;
    outline: none;
    position: absolute;
    left: 300px;
    width: 11px;
    height: 11px;
    
}

div.pointerToInputFunction {
    /*margin: 3px 0 8px -285px;*/
    display: inline;
    outline: none;
    position: absolute;
    left: 300px;
    width: 21px;
    height: 20px;
    /*background-color: red;*/
    
    
}




div.varCopy {
    margin: 0 0 0 80px;
    display: inline;
    font-family: "Bahnschrift", "Arial", sans-serif;
    background-color: rgb(255,255,255);
    border-radius: 4px;
    outline: none;
    position: absolute;
    left: 315px;
    width: 8px;
    height: 26px;
    cursor: pointer;
    
}



/*--------*/

div.cardMenuButtonInfo {
    
    position: absolute;
    
    cursor: pointer;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 12px;
    padding: 6px;
    border: 1px solid white;
    border-radius: 8px;
    
}

div.cardMenuButtonFormula {
    
    position: absolute;
    
    cursor: pointer;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 12px;
    padding: 6px;
    border: 1px solid white;
    border-radius: 8px;
    
}

div.cardMenuButtonPred {
    
    position: absolute;
    
    cursor: pointer;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 12px;
    padding: 6px;
    border: 1px solid white;
    border-radius: 8px;
}

div.cardMenuButtonSett {
    
    position: absolute;
   
    cursor: pointer;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 12px;
    padding: 6px;
    border: 1px solid white;
    border-radius: 8px;
}





/*-----------*/

label.calcLabel {
    display: block;
    font-size: 12px;
    
}

div.collapse {
    width: 20px;
    height: 20px;
    background-image: url("scrollUpv2.png");
    /*background-color: #FF0000;*/
    /*text-align: center;*/
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
 
}

div.info {
    width: 20px;
    height: 20px;
    background-image: url("infov2.png");
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 45px;
 
}

div.options {
    width: 19px;
    height: 19px;
    background-image: url("optionsv2.png");
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 75px;
 
}

div.delCardFromProject {
    width: 19px;
    height: 19px;
    background-image: url("deleteCard.png");
    /*background-color: #FF0000;*/
    /*text-align: center;*/
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 105px;
 
}

div.optionsMenu {
    position: absolute;
    top: 20px;
    min-width: 300px;
    padding: 5px;
    display: none;
 
}

div.formulaCompleteButtonText {
    position: absolute;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-style: italic;
    font-size: 14px;
    
}
.formulaCompleteButton {
    position: absolute;
}

div.infoCompleteButtonText {
    position: absolute;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-style: italic;
    font-size: 14px;
    
}
.infoCompleteButton {
    position: absolute;
}


div.infoFormula {
    /*top: 515px;
    left: 700px;*/
    color: rgb(240,240,240);
    font-size: 14px;
    border-radius: 2px;
    position: absolute;
    /*border-radius: 8px; background-color: rgb(75,75,75);*/
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-style: italic;
    text-align: left;
    
    border: 1px solid white;
    border-radius: 8px;
    
    padding: 10px 10px 10px 10px;
    
}


div.infoAtribut {
    /*
    top: 148px;
    left: 660px;
    */
    border: 1px solid white;
    padding: 10px 10px 10px 10px;
    color: rgb(240,240,240);
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-style: italic;
}




.table {
    /*
    border: 3px solid rgb(75, 75, 75);
    border-radius: 8px;
    background-color: rgb(75, 75, 75);
    
    
    left: 655px;
    top: 265px;*/
    position: absolute;
    
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-size: 13px;
    
    border-collapse: separate;
    border-spacing: 5px; 
    
    
}

.table td {
    padding: 8px;
    text-align: left;
    border-radius: 4px;
    border: 1px solid white;
}

.table th {
    padding: 8px;
    text-align: left;
    border-radius: 4px;
    border: 1px solid white;
}




.table tr:nth-child(even) {
    /*background-color: rgb(90, 90, 95);*/
    background-color: rgb(50,50,60);
}

.table tr:nth-child(odd) {
    /*background-color: rgb(117, 117, 122);*/
    background-color: rgb(70,70,90);
}

/*
.table {
    left: 660px;
    top: 400px;
    padding: 10px 10px 10px 10px;
    color: rgb(240,240,240);
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    background-color: rgb(75,75,75);
    font-family: "Bahnschrift", "Arial", sans-serif;
    font-style: italic;
}
*/

div.infoAtributHeading {
    
    /*
    top: 120px;
    left: 670px;
    */
    color: rgb(240,240,240);
    font-size: 13px;
    position: absolute;
    font-family: "Bahnschrift", "Arial", sans-serif;
    /*font-style: italic;*/
    
    
    
    
}

/*
div.infoConfHeading {
    
    right: 220px;
    top: 19px;
    
    color: rgb(240,240,240);
    font-size: 13px;
    position: absolute;
    font-family: "Bahnschrift", "Arial", sans-serif;
    
    
}
*/
/* zvýraznění inputů-kolonek */
div.container > label {
    /*border: 1px solid white;*/
    color: rgb(255, 255, 255);
}


div.container {
    margin: 0 0 70px 40px;
    /*margin: 0 0 50px 10px; border-bottom: 2px solid rgb(90, 90, 90);*/
    
    
}
div.containerElse {
    margin: 0 0 0 40px;
}
select.choose {
    /*position: relative;
    left: 10px;*/
    margin-left: 22px;
    margin-top: 1px;
    color: white;
    outline: none;
    border-radius: 6px;
    width: 60px;
    height: 25px;
    border: 1px solid white;/*rgb(40,174,40) ;*/
}

select.newSelect {
    
    color: white;
    outline: none;
    border-radius: 6px;
    position: absolute;
    width: 112px;
    height: 25px;
    font-size: 12px;
}






select.choose:focus {
}



select.configuration {
    /*position: relative;
    left: 10px;
    right: 112px;
    top: 15px;
    */
    border-radius: 6px;
    height: 25px;
    border: 1px solid white;
    
    color: white;
    outline: none;
    position: absolute;
    
}