.calculator-table {
    border-collapse: collapse;
    border: 1px solid silver;
}
 .calculator-table td {
     /*vertical-align: top;*/
     border: 1px solid silver;
     padding-left: 2px;
     padding-right: 2px;
 }

.calculator-table input {
    /*vertical-align: top;*/
    width: 100%;
    border:0;
    font-family: inherit;
    outline: none;
}

.td-smallest {
    width: 4em;
}

.td-small {
    width: 5em;
}

.td-normal {
    min-width: 14em;
}

.td-large {
    width: 20em;
}

.td-largest {
    width: 24em;
}

.span-container {
    display: inline-block;width: 100%;font-size: 13.33px; padding-top: 1px; padding-bottom:  1px
}


.number-align {
    text-align: right;
}
 
.hidden {
    visibility: hidden;
}

 .calulator-header-cell {
     font-weight: bold; 
 }

 .calculator-toolbar {
     width: 100%; 
     background-color: #f3f2f1; 
     border-bottom: 1px solid silver; padding: 1px;
     white-space: nowrap;
 }

 .calculator-toolbar-section {
     display: inline-block; 
     border-right: 1px solid silver; 
     padding:4px
 }


.calculator-cell-toolbar {
    width: 100%;
    padding: 0;
    line-height: 24px;
    border-bottom: 1px solid silver;
    padding: 0px;
    white-space: nowrap;
}


 .calculator-cell-toolbar-heading {
     display: inline-block; 
     border-left: 1px solid silver;
     border-right: 1px solid silver;
     padding-left: 4px;
     padding-right: 4px;
     background-color: #f3f2f1; 
     
 }

 .calculator-cell-toolbar-section {
     display: inline-block; 
     padding-left:0px
 }

 .calculator-cell-toolbar-section input[type=text],  .calculator-cell-toolbar-section select
 {
     border: 0;
     /*line-height: 24px;*/
 }

.readlonly-container {
    padding: 1px 0px;
    display: inline-block; 
    width:100%
}


 .toolbar-button, .toolbar-button[type] {
     border-color: rgb(205, 205, 205);
     background-color: #f9f9f9;
     color: #000;
     border-style: solid;
     border-width: 1px;
     font-family: "Segoe UI",Arial,Helvetica,sans-serif;
     font-size: 12px;
     cursor: pointer;
     line-height: 24px;
     min-width: 64px;
 }



 .toolbar-button:enabled {
     background-color: #f9f9f9;
 }

 .toolbar-button:hover {
     background-color: #f1f1f1;
 } 
 .toolbar-button:disabled {
     color: silver;
 }

 .toolbar-button_selected {
     background-color:  #e5e5e5 !important;
     /*border: 1px solid #3498db !important;*/
     border-radius: 2px 2px;
     outline: none;
     
}

.tab {
    padding: 0;    
}

.tab-button {

    background-color: inherit;
    color: #000;
    border-style: none;
    border-width: 0px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    cursor: pointer;
    line-height: 24px;
    min-width: 64px;
}

.tab-button_selected {
    background-color:  #e5e5e5 !important;
    /*border: 1px solid #3498db !important;*/
    border-radius: 2px 2px;
    outline: none;
     
}

.tab-button:active {
    border-style: none;
    border-width: 0px;
}

.tab-button:hover {
    background-color:#e1e1e1;
} 


 select.toolbar-button {
     line-height: 24px;
 }


 .dropdown {
     position: relative;
     display: inline-block;
 }

 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 132px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
     max-height: 230px;
     overflow-y: auto;

 }

 .dropdown-content a {
     color: black;
     padding-left: 12px;
     padding-right: 12px;
     line-height: 24px;
     text-decoration: none;
     display: block;
 }

 .dropdown-item-selected {
     background-color: #ddd;
 }
.error {
    color: red;
}

.delete-image
{
    background: transparent no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAScwAAEnMBjCK5BwAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMS4xYyqcSwAAAGxJREFUKFNjOHP23H8QBgIGbBgmz5CWmfM/NiH5/6HDR4DiqIpAYiA5kBo4B10xujhWQXQ+SA2GNbEJSRiKUBSC8Oy58+GKQGxkOTgD2TqYqRgmIisCsdH5YIXYBLFpJioc07OA4UhczJz7DwDmDjW4BcluRgAAAABJRU5ErkJggg==') center;
    /*background-size: 10px 10px;*/
}



.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}
        
 .dropdown:hover .toolbar-button {
     background-color: #f1f1f1;
     border-bottom-color: #f1f1f1;
 }

.button-group { display: inline-flex; }

.splitbutton { display: inline-flex; }

.splitbutton > div > button:first-child  {
    border-left-width: 0;
    min-width: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABPSURBVDhPYxgF1AMKQOwAYRIFQGpBeuDADohfA7ETmIcfgNSA1IL0oACYBD5DCKrBp4CgZhjAppBozTCArIFkzTAA00iWZhhwhOLhCxgYAEfGEevDFvnmAAAAAElFTkSuQmCC')
                no-repeat
                center center;
    background-color : #f9f9f9
               
}

.splitbutton-content  {
    right: 0;
}


.button-group > button:first-child, .button-group > div:first-child button {
    border-right-width: 0;
}

.button-group > button:last-child, .button-group > div:last-child button {
    border-left-width: 0;
}

.selected-cell {
    background-color: #f9f9f9;
}

.propinfo-cell {
    background-color: #f9f9f9;
    border-bottom: 1px solid silver;
}

.grid-header-cell {
    cursor: pointer;
    text-align: center; 
    background-color: #f9f9f9;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    /* top, right, bottom left*/
    /*margin: 0px 2px 3px 10px;*/
    
}