.screen {
    position : absolute;
    left  : 0px;
    top : 0px;
    height : 100%;
    width : 100%;
    background-color : #F8F8F8;.
}

.head  {
    position:absolute;
    top  : 0px;
    left : 0px;
    height : 35px;
    right  : 0px;
    border : dashed 0px;
    background-color : #FBED9E;
/*    overflow : hidden; */
}
.head img{
    height: 25px;;
}
.head .form-control, .btn{
    font-size : 0.7rem;
}
.head .dropdown-item{
    font-size : 0.8rem;
}
.head .dropdown-item:active{
    background-color : #FBED9E;
    color : black;
}
.head .dropdown-item .active{
    background-color : #FBED9E;
    color : black;
}
.head .dropdown-item:hover{
    background-color : #FBED9E;
}

.head  .badge{
    font-size : 0.6rem;
    top: 30%;
    left: 30%;
}




.tabs  {
    position:absolute;
    white-space : nowrap;
    top  : 35px;
    left : 0px;
    height : 35px;
    right  : 0px;
    border : dashed 0px;
    background-color : #f2f2f2;
    overflow : hidden;
    font-size : 0.8rem;
}
.tab-item {
    position: relative;
/*    float : left; */
    display : inline-block;
    height: 100%;
    padding-left : 0.3rem;
    cursor : default;
    overflow : hidden;
/*    text-overflow : ellipsis; */
}
.tab-item.win{
    min-width : 100px;
    max-width : 300px;
}    
.tab-item.win.active{
    background-color : #FFFFFF;
    font-weight:bold;
}    

.tab-item span{
    top : 50%;
    transform: translateY(-50%);
    position: relative;
    display : inline-block;
    white-space : nowrap;
    width : calc(100% - 20px); 
/*    max-width : 250px; */
    overflow : hidden;
    text-overflow : ellipsis;
    cursor:pointer;
}
.tab-item-close{
    position:absolute;
    height:100%;
    width:20px;
    right:0px;
    top:0px;
    border:solid 0px;
    background-image: url(img/x-lg.svg);
    background-repeat: no-repeat;
    background-position : center;
    background-size : 50%;
}
.tab-item-info{
    position:absolute;
    height:100%;
    width:30px;
    right:0px;
    top:0px;
    border:solid 0px;
    background-image: url(img/new.gif);
    background-repeat: no-repeat;
    background-position : center;
    background-size : 70%;
}
.tab-item.home-item {
    float:left;width:35px;
    background-image: url(img/house.svg);
    background-repeat: no-repeat;
    background-position : center;
    background-size : 50%;
    cursor : pointer;
 }

.tab-item-more{
    position:absolute;
    top:0px;
    right:0px;
    height:100%;
    width:35px;
    background-color:inherit;
    background-image: url(img/caret-down-fill.svg);
    background-repeat: no-repeat;
    background-position : center;
    background-size : 30%;
    cursor : pointer;
}

.input-group-text {
    background-color:#FFFFFF;
    display : inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
}





.tab-img{
    position :relative;
    height : 25px;
}
.tab-item.main-item {
    position : absolute;
    left : 0px;
    width : 200px;
    background-color : inherit;
    padding-left : 1rem;
}


#tab-overlay {
    position:absolute; 
    left: 200px; 
    height:100%;
    border:dashed 0px;
    white-space: nowrap;
    width:1000%
}
#tab-overflow .btn {
    background-color : #FBED9E;
}



.ext-tabs {
    position : absolute;
    top : 70px;
    left :0px;
    right: 0px;
/*    height : 100px; */
    background-color : inherit;
    min-height: 45px;
    max-height : 50vh;
    overflow : auto;
    padding : 0.5rem;
    font-size : 0.9rem;
    z-index : 99;    
}
.ext-item {
    position: relative;
/*    float : left; */
    display : inline-block;
    height: 35px;
    width:350px;
    padding-left : 1rem;
    cursor : default;
    overflow : hidden;
/*    text-overflow : ellipsis; */
}
.ext-item.active {
    background-color : #f2f2f2;
}
.ext-item span{
    top : 50%;
    transform: translateY(-50%);
    position: relative;
    display : inline-block;
    white-space : nowrap;
    width : calc(100% - 35px); 
    overflow : hidden;
    text-overflow : ellipsis;
    cursor : pointer;
}










.menu  {
    position:absolute;
    top  : 70px;
    left : 0px;
    width : 200px;
    bottom : 0px;
    background-color : #FBED9E;
    overflow : auto;
    font-size : 0.8rem;
}

.menu-item  {
    height : 50px;
    cursor : pointer;
}
.menu-item-icon  {
    top:0px;left:0px;position:absolute;height:100%;width:100%;
}
.menu-item:hover  {
    font-weight : bold;
}
.menu-item.active{
    background-color : #FFFFFF;
}    

.submenu  {
    position:absolute;
    top  : 40px;
    left : 196px;
    right : 5px;
    bottom : 5px;
    background-color : #FFFFFF;
    overflow : auto;
    font-size : 0.8rem;
    padding : 1rem;
    z-index : 999;
}
.submenu-head  {
    height : 50px;
}
.submenu-group-head  {
    font-size : 0.9rem;
    color : green;
    font-weight : bold;
}
.submenu-group-item  {
    height : 1.5rem;
    cursor : pointer;
}
.submenu-group-item:hover  {
    font-weight : bold;
}




.content  {
    position:absolute;
    top  : 70px;
    right : 0px;
    left : 200px;
    bottom : 0px;
/*    background-color : #FBED9E; */
    overflow : hidden;
}



.window {
    position : absolute;
/*    
    min-width : 300px;
    min-height : 300px;
*/    
    width : 100%;
    min-width : 600px;
    height : 100%;
    border : dashed 0px;
    overflow:hidden;
}

.window .dropdown-item:active{
    background-color : #FBED9E;
    color : black;
}
.window .dropdown-item:hover{
    background-color : #FBED9E;
}



.window-caption {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 100%;
    height   : 35px;
    border   : dashed 0px blue;
}
.window-caption .form-control, .btn{
    font-size : 0.7rem;
}

.window-toolbar .form-control, .window-toolbar .btn, .window-toolbar .dropdown-item{
    font-size : 0.8rem;
    font-weight:bold;
    cursor:default;
}
.window-content .form-control, .window-content .btn, .window-content .dropdown-item{
    font-size : 0.8rem;
    cursor:default;
    white-space : nowrap;
}
.window-content .col-form-label{
    font-size : 0.8rem;
    cursor:default;
    white-space : nowrap;
}

.window-content .card-table{
    table-layout: fixed;
}
.window-content .card-table th{
    background-color : #f2f2f2;
}
.window-content .card-table input{
    width:95%;
}
.window-content .card-table select{
    width:90%;
}
.window-content .card-table td{
    font-size : 0.8rem;
    cursor:default;
    white-space : nowrap;
    min-width : 20px;
    text-overflow:ellipsis;
    overflow: hidden;
    border: dashed 0px;
}
.window-content .card-table .gray{
    background-color:#f2f2f2;
}
.window-content *{
    font-size : 0.8rem;
}


.window-body {
    position : absolute;
    top      : 35px;
    left     : 0px;
    width    : 100%;
    bottom   : 0px;
    border : dashed 0px blue;
}