﻿
.leftAndTopBorder {
    border-color: #B3B3B3;
    border-style: solid;
    border-width: 1px 1px 0px 0px;
}

.rightAndBottomBorder {
    border-color: #B3B3B3;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
}

.decimalTextBoxStyleNoBorder {
    border-width: 0px;
    width: 100%;
}

.sdfToolbar {
    border-bottom: 1px solid var(--secondaryColor); /*@Color.SecondaryColor;*/
    min-height: 51px;
}

.SDFCardBody {
    max-height: 71vh;
    min-height: 71vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.rowMargin {
    margin-top: 5px;
}

.inputStyle {
    border-color: var(--secondaryColor);
    padding: 5px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
}

    .inputStyle:focus {
        border-color: var(--primaryForeGroundColor);
    }

.listItem {
    display: grid;
    border-bottom: 1px solid var(--secondaryColorLight);
    padding: 0px 10px 0px 10px;
}

    .listItem:hover {
        background: var(--secondaryColorLight);
    }

.listItemSelected {
    display: grid;
    padding: 0px 10px 0px 10px;
    background: var(--secondaryColorMediumLight);
}

.testListHeaderClass {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: var(--secondaryColorLight);
    background: var(--primaryBackgroundColor);
    height: 50px;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

.testListItemClass {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: var(--secondaryColorLight);
    background: var(--primaryBackgroundColor);
    height: 50px;
}


.jsonListItem {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: var(--secondaryColorLight);
    background: var(--primaryBackgroundColor);
    height: 40px;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

.sdfTab, .sdfSelectedTab {
    height: 30px;
    border-radius: 15px;
    width: 240px;
    background-color: #B1E4FC;
    border-color: transparent;
    color: #03A9F4;
    font-size: 1.2rem;
}

.sdfSelectedTab {
    background-color: #03A9F4;
    color: white;
}

.sdfProgressIndicator, .sdfProgressIndicatorActive {
    height: 14px;
    border-radius: 7px;
    width: 14px;
    background-color: white;
    border: 1px solid var(--secondaryColor);
    color: #03A9F4;
    font-size: 1.2rem;
}

.sdfProgressIndicatorActive {
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    color: white;
}

.sdfTabLine {
    border-top: 1px solid #B1E4FC;
    width: 40px;
}
/*Containers ------------------*/
.sdfMainView {
    /*background-image: linear-gradient(#F8F8F8, #E7E7E7);*/
    max-height: 100%;
    min-height: 100%;
    display: flex;
    flex-flow: column;
}


.sdfContainer {
    /*height: 50px;*/
    /*max-height: 100%;
    min-height: 100%;*/
    height: 100%;
    max-height: 100%;
    border-radius: 10px;
    background-color: white;
    flex: 1 1 auto;
}

.sdfHeaderContainer {
    height: 50px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 1px 3px rgba(112,112,112,0.15) !important;
    flex: 0 1 auto;
}

.sdfInnerHeaderContainer {
    max-width: 800px;
    height: 50px;
    border: 1px solid #E4E4E4;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 0px;
    /*border: 1px 1px 0px 1px solid gray;*/
    /*border-width: 1px 1px 0px 1px;
    border-color: gray;
    border: solid;*/
}

.sdfInnerContainer {
    border: 1px solid #E4E4E4;
    border-top: 0px;
    max-width: 800px;
    height: 100%;
}

.sdfInnerContainer2 {
    /*max-height: 100%;
    min-height: 100%;*/
    /*flex-grow: inherit;*/
    /*height: 0px;*/
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}



.sdfInnerDivider {
    border-top: 1px solid #C6C6C6;
    max-width: 800px;
    height: 1px;
}
