div#block-claro-content, .tab-pane.active, div#block-root-content {
    display: flex !important;
}
.tab-pane.active{
    flex-wrap: wrap;
    justify-content: center;
}
form#alapanyaghozzaad-form {
    padding: 40px;
    /*margin: 10px;
    box-shadow: 0 0 7px #b2b2b2; */
    flex: 1 0 300px;
    max-width: 300px;
    height: 330px;
    background-color: #f4f4f4;
}
form#alapanyaghozzaad-form:hover {
    box-shadow: 0 0 2px #bfbfbf;
}
form#alapanyagletrehoz-form {
    /*width: 300px;*/
    flex: 1 0 300px;
    max-width: 300px;
}
form#mertekegysegletrehoz-form {
    /*width: 200px;*/
    flex: 1 0 200px;
    max-width: 200px;
}
form#alapanyagletrehoz-form, form#mertekegysegletrehoz-form {    
    padding: 0 0 0 30px;
    /*margin: 10px;*/
}
form#mertekegysegletrehoz-form, fieldset#edit-uj, fieldset#edit-uj--2 {
    display: none;
}
input#edit-alapanyag, input#edit-uj-alapanyag {
    max-width: 300px;
}
input#edit-submit {
    width: 100%;
}
div#edit-actions, input#edit-actions {
    margin-top: 20px !important;
}
.error-message {
    color: white;
    background-color: #d72222;
    padding: 5px;
    text-align: center;
}
.error-message-text {    
    color: #d72222;
    font-size: 18px;
}
.message-ok {    
    color: #00a65a;
    font-size: 18px;
}
.message-ok-edit {    
    color: orange;
    font-size: 18px;
}
div.alapanyag, div.mertekegyseg {
    cursor: pointer;
    padding: 0 5px;
    width: 100%;
    align-self: center;
}
.alapanyag-item, .mertekegyseg-item {

    box-shadow: 0 0 2px lightgrey;
    margin-bottom: 5px;
}
.alapanyag-item:hover, .mertekegyseg-item:hover {
    background-color: #d4d4d8;
    box-shadow: 0 0 3px grey;
}
.alapanyag-item:hover .alapanyag-plus, .mertekegyseg-item:hover .alapanyag-plus {    
    color: white;
}
div.alapanyag.alapanyag-item-aktiv, div.mertekegyseg.mertekegyseg-item-aktiv { 
    color: #337ab7;
    font-weight: 700;
}

.js-form-item.form-item.js-form-type-number.form-type-number.js-form-item-mennyiseg.form-item-mennyiseg {
    display: flex;
}
.form-item-mennyiseg span.field-suffix {
    padding: 5px 10px;
    font-weight: 700; 
}
input[id^="edit-mennyiseg"] {
    width: 110px;
}
div#alapanyag-letrehoz-form-nyil-le, div#alapanyag-letrehoz-form-nyil-fel, div#mertekegyseg-letrehoz-form-nyil-le, div#mertekegyseg-letrehoz-form-nyil-fel {
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    border-top: solid 1px lightgray;
}
fieldset#edit-uj, fieldset#edit-uj--2 {
    /*box-shadow: 0 0 3px #666666;*/
    padding: 15px 25px 25px 25px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #f2f2f2;
}
input#edit-actions, input#edit-actions--2, input#edit-actions--3 {
    width: 100%;
    margin: 0;
}
fieldset#edit-uj legend, fieldset#edit-uj--2 legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    display: none;
}
input#edit-mertekegyseg {
    width: 120px;
}
div#alapanyagok-hozzaadasa-cim {
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    color: #337ab7;
}
.alapanyag-item, .mertekegyseg-item {
    display: flex;
    height: 25px;
}
.alapanyag-plus {
    padding: 0 5px;
    color: #d2d6de;
    align-self: center;
}
div#keszlet {
    text-align: center;
    font-size: 16px;
    color: #337ab7;
    margin-bottom: 10px;
}
div#edit-alapanyag--description, div#edit-uj-alapanyag--description, div#edit-mertekegyseg--description, div#edit-uj-mertekegyseg--description {
    padding: 0 5px;
    color: gray;
}
div#alapanyagok-listaja {
    overflow-y: scroll;
    max-height: 260px;
}
div#uzenet {
    margin-top: 10px;
}
span.minus {
    color: red;
}
form#hozzaadott-alapanyagok-views-form {
    flex-basis: 100%;
}
fieldset#edit-search .fieldset-wrapper {
    display: flex;
    justify-content: center
}
fieldset#edit-search {
    max-width: 600px;
    margin: 0 auto;    
}
#hozzaadott-alapanyagok {
    max-width: 600px;
    margin: 0 auto;
}
table.table.table-hover.table-sm.search td.td-delete {
    width: 85px;
}
table.table.table-hover.table-sm.search td.td-szerkeszt {
    width: 120px;
    padding-left: 20px;
}
table.table.table-hover.table-sm.search td.td-mertekegyseg {
    width: 40px;
    text-align: right;
    padding-left: 0;
}
table.table.table-hover.table-sm.search td.td-mennyiseg {
    text-align: right;
    padding-right: 0;
}
td.td-letrehozas-datuma {
    color: gray;
}
span#alapanyag-edit {
    color: orange;
}
div#new-or-edit-markup {
    text-align: center;
    color:orange;
}
.modosit {
    background-color: #f39c12 !important;
    border: solid 1px #b0894a !important;
}
input#edit-actions--4 {
    margin-right: 0;
}
fieldset#edit-search .fieldset-wrapper {
    background-color: #f4f4f4;
}