:root {
    --dinotable-savr-primary: #87CEEB;
    --dinotable-savr-secondary: #cd7444;
    --dinotable-savr-background: #e3dacd;
    --dinotable-savr-primary-font: #000000;
    --dinotable-savr-border:  #28303d;
}

.dinotable-savr-min-content-height {
    min-height: calc(100vh - 110px );
}

.dinotable-savrHeaderBackgroundColor {
    background-color: var(--dinotable-savr-primary) !important;
}

.dinotable-savrBorderColor {
    border-color: #000000 !important;
}



.dinotable-savrPageTitle {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 24px !important;
    font-weight:bold !important;
    color: var(--dinotable-savr-primary-font) !important;
    padding-bottom:10px !important;
    text-align:center !important;
}

.dinotable-savrHeaderCell {
    border-style:none !important;
    color: var(--dinotable-savr-primary-font) !important;
    font-weight:bold !important;
    font-size: 20px !important;
}

.dinotable-savrLabelCell {
    color: var(--dinotable-savr-primary-font) !important;
    font-weight:bold !important;
    font-size: 16px !important;
}

.dinotable-savrTextInput {
    text-align:left !important;
    border-width:thin !important; 
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important; 
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
    width:75% !important;
    min-width: 150px !important;
    max-height: 50px !important;
}

.dinotable-savrTextareaInput {
    text-align:left !important;
    border-width: thin !important;
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
    width:100% !important;
    min-width: 150px !important;
    min-height: 5em;
}

.dinotable-savrCheckboxInput {
    border-width: thin !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    margin-top: .3em;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
}

.dinotable-savrDateInput {
    text-align:left !important;
    border-width: thin !important;
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
}

.dinotable-savrSelectInput {
    text-align:left !important;
    border-width: thin !important;
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
    min-width: 15em !important;
}

.dinotable-savrMultiSelectInput {
    text-align:left !important;
    border-width: thin !important;
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
    min-width: 15em !important;
}

.dinotable-savrIntegerInput {
    text-align:left !important;
    border-width: thin !important;
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
    max-width: 5em !important;
}

.dinotable-savrFloatInput {
    text-align:left !important;
    border-width: thin !important;
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
    max-width: 6em !important;
}

.dinotable-savrPercentInput {
    text-align:left !important;
    border-width: thin !important;
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
    max-width: 5em !important;
}

.dinotable-savrCurrencyInput {
    text-align:left !important;
    border-width: thin !important;
    font-size:16px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: var(--dinotable-savr-secondary) !important;
    padding:5px !important;
    max-width: 7em !important;
}


.dinotable-savrRow {
    margin-left:auto;
    margin-right:auto; 
    width:100%; 
    max-width:100%; 
    position:relative;
} 

@media only screen and (max-width: 768px) {
    .dinotable-savrRow {
        margin-top:0px;
    }
}

.dinotable-savrWideCell {
    width:100%;
    margin-left:0;
    margin-right:0; 
    display:inline-block;
    text-align: center;
    margin-top:0;
    position:relative;
    vertical-align:top;
}

.dinotable-savrCell {
    display:inline-block;
    margin-top:5px;
    position:relative;
    vertical-align:top;
}

.dinotable-savrTitleTable {
    max-width:100%;
    width:100%;
    margin:0px;
}

.dinotable-savrBodyTable {
    max-width:1000px;
    width:100%;
    border-left: 1px solid blue;
    border-right: 1px solid blue;
    border-bottom: 1px solid blue;
    margin:0px;
}

.dinotable-savrBodyRow {
    background-color:#d5ffff;
}


.dinotable-savrButtonCell {
    border-style:none;
    font-weight:bold;
    text-align:center;
}


.dinotable-savrTitleCell {
    border-style:none;
    font-weight:bold;
    text-align:center;
}

.dinotable-savrUserCell {
    border-style:none;
    font-weight:bold;
    text-align:left;
    width:20%;
}

.dinotable-savrNavigationCell {
    border-style:none;
    font-weight:bold;
    text-align:left;
    width:15%;
    padding-left:20px;
    vertical-align: top;
    border-right: 1px solid blue; 
}

.dinotable-savrNavigationTitle {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 25px;
    color:blue;
    padding-bottom:10px;
}

.dinotable-savrHeaderTitle {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 25px;
    color: var(--dinotable-savr-primary-font) !important;
    padding-bottom:10px;
    text-align:center;
}

.dinotable-savrNavigationLink {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 20px;
    color:blue;
    padding-left:10px;
}

.dinotable-savrContentCell {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 20px;
    color:blue;
    border-style:none;
    font-weight:normal;
    text-align:center;
    vertical-align: top;
}

.dinotable-savrContentCell10 {
    width:10%;
}

.dinotable-savrContentCell16 {
    width:16%;
}

.dinotable-savrContentCell20 {
    width:20%;
}

.dinotable-savrContentCell25 {
    width:25%;
}

.dinotable-savrContentCell33 {
    width:33%;
}

.dinotable-savrContentCell50 {
    width:50%;
}

.dinotable-savrContentCell60 {
    width:60%;
}

.dinotable-savrContentCell75 {
    width:75%;
}

.dinotable-savrContentCell80 {
    width:80%;
}

.dinotable-savrTextCell {
    border-style:none;
    text-align:left;
    font-size:16px !important;
}

.dinotable-savrTextarea {
    text-align: left;
    border-width: thin !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border-color: blue !important;
    width:80%; 
    padding:10px;
    font-size: 16px;
    color:darkblue;
}

.dinotable-savrCenterTextCell {
    border-style:none;
    font-weight:normal;
    text-align:center;
}

.dinotable-savrControlIcon {
    float: right;
    margin-right:10px;
    margin-top:10px;
}

.dinotable-savrControlIcon:hover {
    color: blue;
}

.dinotable-savrForm {
    text-align:left;
    margin: auto; 
    padding: 0px;
}

.dinotable-savrProductSelect {
    width: 400px;
    text-align:left;
    border-style:none;
}

.dinotable-savrFilterSelect {
    width: 90%;
    text-align:left;
    border-width:thin !important;
    font-size:16px; 
    display:inline-block; 
    margin-left:auto;
    margin-right:auto;
    padding-left:10px !important;
    border-width:thin !important; 
    border-color:blue !important;
}


.dinotable-savrStructureSelect {
    width: 100px;
    text-align:left;
    border-width:thin !important; 
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important; 
    border-color:blue !important;
    padding-left:5px;
    padding-top: 0px;
    padding-bottom: 0px;
    height:30px;
}

.dinotable-savrSerialnumberSelect {
    width: 125px;
    text-align:left;
    border-style:none;
}

.dinotable-savrInput {
    text-align:left;
    border-width:thin !important; 
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important; 
    border-color:blue !important;
    padding:0px;
    height:30px;
    width:90%;
}

.dinotable-savrNumericInput {
    text-align:left;
    border-width:thin !important; 
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important; 
    border-color:blue !important;
    font-size:16px;
    padding:0px;
    height:30px;
    width:100px;
}


.dinotable-savrFilterInput {
    text-align:left;
    border-width:thin !important; 
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important; 
    border-color:blue !important;
    padding:0px;
    height:30px;
    width:50%;
}


.dinotable-savrLocationInfo {
    float:left;
    background-color:#d5ffff;
    padding-left:10px;
    padding-right:10px;
}