.ui-tabs .ui-tabs-panel {
    padding: 5px 5px 5px 5px;
}

.ui-tabs .ui-tabs-nav {
    padding: 5px 5px 5px 5px;
}

.IDiv {
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    overflow: auto;
}

.MTL {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #777;
    text-align: left;
    border-radius: 4px;
    overflow: hidden;
}

.DivButton {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #777;
    text-align: center;
    border-radius: 4px;
    background-color: pink;
    float: left;
}

.DivButtonToggle {
    background-color: lightgrey;
}


.ITable {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #777;
    background-color: pink;
    text-align: center;
    border-radius: 4px;
}

.ITd {
    border: 1px solid #777;
    padding: 2px 5px 2px 5px;
}

.ITh {
    border: 1px solid #777;
    background-color: yellow;
    padding: 2px 5px 2px 5px;
}

.ITableC1 {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #777;
    background-color: white;
    text-align: center;
    border-radius: 4px;
}

.ITdC1 {
    border: 1px solid #777;
    padding: 2px 5px 2px 5px;
    background-color: #9FFFFF;
    color: black;
}

.ITdC1Dark {
    border: 1px solid #777;
    padding: 2px 5px 2px 5px;
    background-color: #8FEFFF;
    color: black;
}

.ITdC2 {
    border: 1px solid #777;
    padding: 2px 5px 2px 5px;
    background-color: #BFFFDF;
    color: black;
}

.ITdC2Dark {
    border: 1px solid #777;
    padding: 2px 5px 2px 5px;
    background-color: #AFEFCF;
    color: black;
}

.IThC1 {
    border: 1px solid #777;
    background-color: #FFFF5F;
    padding: 2px 5px 2px 5px;
    color: black;
}

.IThC2 {
    border: 1px solid #777;
    background-color: #EF8F9F;
    padding: 2px 5px 2px 5px;
    color: black;
}

.tr_task_info {
    background-color: lightblue;
}

.hover {
    background-color: brown;
    color: white;
}

.blue {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #777;
    background-color: #bcd5e6;
    text-align: center;
    border-radius: 4px;
}

dl.winput {
    display: inline;
    margin: 30px;
    float: left;
}

.DEBUG_BORDER {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #777;
    background-color: yellow;
    text-align: left;
    border-radius: 4px;
    overflow: hidden;
}

.DEBUG_TITLE {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #777;
    background-color: yellow;
    text-align: left;
    border-radius: 4px;
    overflow: auto;
    white-space:pre;
    text-wrap:none;
}

.DEBUG_MESSAGE {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #777;
    background-color: orange;
    text-align: left;
    border-radius: 4px;
    overflow: auto;
}

@media screen and (max-width: 1920px) {
    body{
      font-size:22px;
    }
}
@media screen and (max-width: 1080px) {
    body{
      font-size:26px;
    }
}
@media all and (min-width: 480px) and (max-width: 768px) {
    body{
      font-size:22px;
    }
}
@media all and (min-width: 320px) and (max-width: 480px) {
    body{
      font-size:22px;
    }
}
@media all and (max-width: 320px) {
    body{
      font-size:32px;
    }
}