.toolbar {
    text-align: left;
    margin: 5px auto 20px auto;
}

.toolbar a {
    color: #3383BB;
    font-weight: bold;
}

.tbdivider {
    border-left: 1px solid black;
}

.boxtab {
    position: absolute;
    margin-left: -40px;
    margin-top: 0px;
    background-image: URL('/gfx/box/box_tab.png');
    width: 20px;
    height: 40px;
    padding-left: 10px;
    padding-top: 8px;
    z-index: 100;
}


.boxgreen {
    background: #AAFFAA;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 5px 4px 20px;
    width: calc(100% - 32px);    
    box-shadow: 1px 3px 10px 0px rgba(100,100,100,0.39);
}

.boxyellow {
    background: #FFDDAA;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 5px auto 20px auto;
    width: calc(100% - 32px);
    box-shadow: 1px 3px 10px 0px rgba(100,100,100,0.39);
}

.boxred {
    background: #FF7777;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 5px auto 20px auto;
    width: calc(100% - 32px);
    box-shadow: 1px 3px 10px 0px rgba(100,100,100,0.39);
}

.boxwhite {
    background: #F7F7F7;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 5px auto 20px auto;
    box-shadow: 1px 3px 10px 0px rgba(100,100,100,0.39);
}

.boxwhite p {
    margin: 0 0 5px;
}

TableComponent .dyntablecontainer.usedyntable2,
.TableComponent .dyntablecontainer.usedyntable2 > .tabulatorcontainer.tabulator{
    margin: auto !important;
}

.presentcontainer {
    width: calc(100% - 32px);
}

.flexbox_container {
    display: flex;
    justify-content: center;
    font-size: 13px;
}

.flexbox {
    display: inline-block;
    min-width: 921px;
}

.roundbox {
    margin-bottom: 5px;
    padding: 3px;
    border: 1px solid #9FA4A9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: white;
}

/* OBJECT CARD */
.record2card_container {
    width: 400px;
    border: 1px solid gray;
    padding: 5px;
    min-height: 50px;
}

.record2card_line1 {
    padding: 5px 0 0 5px;
}

.record2card_line2 {
    padding: 5px 0 0 5px;
}

.record2card_line3 {
    padding: 5px 0 0 5px;
}

.record2card_line4 {
    padding: 5px 0 0 5px;
    
}

.record2card_status {
    display: inline-block;
}

.record2card_title {
    display: inline-block;
    padding-left: 5px;
    font-weight: bold;
    white-space: nowrap;
}

.record2card_icon {
    display: inline-block;
    text-align: right;
}

.record2card_subtitle {
}

.record2card_description {
    max-height: 150px;
    overflow-y: hidden;
}

.record2card_footer {
    font-style: italic;
    text-color: gray;
}

/* TRIPLE TABLE */
.tripletable {
    max-width: 910px;
    margin-left: 35px;
}

.tripletable .ttelement {
    clear: both; 
    overflow: hidden;
    margin-top: 5px;
}
.tripletable .ttlabel {
    float: left; 
    font-weight: bold;
    padding-left: 5px;
}
.tripletable .tttext {
    word-wrap: break-word;
}

.tripletable tbody tr{
    display: flex;
    flex-direction: row;
}
.tripletable tbody tr td{
    border-right: 1px solid #9FA4A9;
    vertical-align: top;
}
.tripletable tbody tr td:last-child{
    border: 0;
}


.tripletable.ttcolumns1 .ttelement {  width: 500px;  }
.tripletable.ttcolumns1 .ttlabel   {  width: 150px;  }
.tripletable.ttcolumns1 .tttext    {  margin-left: 152px;  }

.tripletable.ttcolumns2 .ttelement {  width: 400px;  }
.tripletable.ttcolumns2 .ttlabel   {  width: 133px;  }
.tripletable.ttcolumns2 .tttext    {  margin-left: 135px;  }

.tripletable.ttcolumns3 .ttelement {  width: 266px;  }
.tripletable.ttcolumns3 .ttlabel   {  width: 131px;  }
.tripletable.ttcolumns3 .tttext    {  margin-left: 133px;  }

.tripletable.ttcolumns1.subtask .ttelement {  width: 500px;  }
.tripletable.ttcolumns1.subtask .ttlabel   {  width: 150px;  }
.tripletable.ttcolumns1.subtask .tttext    {  margin-left: 152px;  }

.tripletable.ttcolumns2.subtask .ttelement {  width: 400px;  }
.tripletable.ttcolumns2.subtask .ttlabel   {  width: 133px;  }
.tripletable.ttcolumns2.subtask .tttext    {  margin-left: 135px;  }

.tripletable.ttcolumns3.subtask .ttelement {  width: 266px;  }
.tripletable.ttcolumns3.subtask .ttlabel   {  width: 131px;  }
.tripletable.ttcolumns3.subtask .tttext    {  margin-left: 133px;  }

.box_responsive { width: 920px; }

@media (max-width: 1000px) {
    .tripletable tbody tr{
        flex-direction: column;
        width: 600px;
        max-width: 80%;
    }
    
    .tripletable tbody tr td{
        border-right: none;
        border-bottom: 1px solid #9FA4A9;
        padding: 20px 0;
    }
    .flexbox_container .flexbox {
        min-width: 0px;        
        max-width: 90vw;
    }
}

@media print and (max-width: 1000px) {
  .tripletable tbody tr{
    flex-direction: row;
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1599px) {
    .tripletable {  max-width: 1240px;  }
    .tripletable.ttcolumns1 .ttelement {  width: 1206px;  }
    .tripletable.ttcolumns1 .ttlabel   {  width: 150px;  }
    .tripletable.ttcolumns1 .tttext    {  margin-left: 152px;  }

    .tripletable.ttcolumns2 .ttelement {  width: 603px;  }
    .tripletable.ttcolumns2 .ttlabel   {  width: 150px;  }
    .tripletable.ttcolumns2 .tttext    {  margin-left: 152px;  }

    .tripletable.ttcolumns3 .ttelement {  width: 380px;  }
    .tripletable.ttcolumns3 .ttlabel   {  width: 150px;  }
    .tripletable.ttcolumns3 .tttext    {  margin-left: 152px;  }

    .box_responsive { width: 1240px; }
}
@media (min-width: 1600px) {
    .tripletable {  max-width: 1560px;  }
    .tripletable.ttcolumns1 .ttelement {  width: 1306px;  }
    .tripletable.ttcolumns1 .ttlabel   {  width: 150px;  }
    .tripletable.ttcolumns1 .tttext    {  margin-left: 152px;  }

    .tripletable.ttcolumns2 .ttelement {  width: 730px;  }
    .tripletable.ttcolumns2 .ttlabel   {  width: 150px;  }
    .tripletable.ttcolumns2 .tttext    {  margin-left: 152px;  }

    .tripletable.ttcolumns3 .ttelement {  width: 475px;  }
    .tripletable.ttcolumns3 .ttlabel   {  width: 170px;  }
    .tripletable.ttcolumns3 .tttext    {  margin-left: 172px;  }

    .box_responsive { width: 1560px; }
}

@media print {
    .boxwhite{
        background: none;
        border-radius: 5px;
        padding: 0;
        margin: 0;
        box-shadow: none;
    }
    .tripletable tbody tr{
        flex-direction: row;
        width: 100%;
        max-width: 100%;
    }
}