.TermokirServiceCalls {
    min-height: 400px;
}

    .TermokirServiceCalls .Criteria {
        display: flex;
        flex-wrap: wrap;
    }

        .TermokirServiceCalls .Criteria .FieldContainer {
            margin-left: 10px;
            margin-right: 10px;
            width: 160px;
        }

            .TermokirServiceCalls .Criteria .FieldContainer label {
                margin-bottom: 0px;
            }

    .TermokirServiceCalls .Buttons {
        border-bottom: solid 1px #cccccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
        text-align: left;
    }

    .TermokirServiceCalls .Data {
        margin-top: 20px;
    }

        .TermokirServiceCalls .Data tr {
            cursor: pointer;
        }

            .TermokirServiceCalls .Data tr:hover {
                background-color: #eeeeee;
            }

        .TermokirServiceCalls .Data input,
        .TermokirServiceCalls .Data select {
            width: 160px;
        }

.TermokirServiceCall {
}

    .TermokirServiceCall .Details {
    }

        .TermokirServiceCall .Details .FieldContainer {
            display: flex;
        }

            .TermokirServiceCall .Details .FieldContainer .FieldTitle {
                font-weight: 600;
                width: 150px;
            }

            .TermokirServiceCall .Details .FieldContainer .FieldContent {
            }

                .TermokirServiceCall .Details .FieldContainer .FieldContent textarea {
                    border: solid 1px #cccccc;
                    border-radius: 4px;
                    max-width: 600px;
                    width: calc(100vw - 210px);
                }

    .TermokirServiceCall .Section {
        margin-top: 50px;
    }

        .TermokirServiceCall .Section .SectionHeader {
            border-bottom: dotted 1px #555555;
            padding-bottom: 5px;
        }

            .TermokirServiceCall .Section .SectionHeader span {
                font-size: 20px;
            }

        .TermokirServiceCall .Section .SectionBody {
            margin-top: 20px;
        }

    .TermokirServiceCall .InspectionContainer {
        padding: 10px;
    }

        .TermokirServiceCall .InspectionContainer:nth-child(2n+1) {
            background-color: #efefef;
        }

    .TermokirServiceCall .InspectionContent {
        cursor: pointer;
    }

        .TermokirServiceCall .InspectionContent:hover {
            opacity: 0.5;
        }

    .TermokirServiceCall .FileUploadContainer {
    }

        .TermokirServiceCall .FileUploadContainer label {
            background-color: #eeeeee;
            margin-bottom: 0px;
        }

        .TermokirServiceCall .FileUploadContainer input {
            display: none;
        }

    .TermokirServiceCall .AttachmentContainer {
        border: solid 1px #aaaaaa;
        border-radius: 6px;
        margin: 10px;
        padding: 10px;
    }

        .TermokirServiceCall .AttachmentContainer .Content {
            height: 200px;
            text-align: center;
        }

        .TermokirServiceCall .AttachmentContainer .VideoToolBar {
            margin-top: 10px;
            text-align: center;
        }

            .TermokirServiceCall .AttachmentContainer .VideoToolBar a {
                background-color: #ffffff;
                border: solid 1px #555555;
                border-radius: 6px;
                margin-left: 3px;
                margin-right: 3px;
                padding: 5px 10px;
            }

        .TermokirServiceCall .AttachmentContainer video {
            max-height: 100%;
            max-width: 100%;
        }

        .TermokirServiceCall .AttachmentContainer .Buttons {
            margin-top: 20px;
            text-align: left;
        }

    .TermokirServiceCall .FileContainer {
        background-color: #efefef;
        border: solid 1px #efefef;
        border-radius: 6px;
        cursor: pointer;
        margin: 10px;
        padding: 20px;
    }

        .TermokirServiceCall .FileContainer:hover {
            border: solid 1px #aaaaaa;
        }

        .TermokirServiceCall .FileContainer .Date {
            font-size: 14px;
            text-align: left;
        }

        .TermokirServiceCall .FileContainer .Time {
            font-size: 14px;
            text-align: left;
        }

        .TermokirServiceCall .FileContainer .Description {
            font-weight: 600;
        }

        .TermokirServiceCall .FileContainer .Buttons {
            margin-top: 20px;
            text-align: left;
        }

    .TermokirServiceCall .Footer {
    }

        .TermokirServiceCall .Footer .Buttons {
            margin-top: 20px;
            text-align: left;
        }


.TermokirManualServiceCall {
}

    .TermokirManualServiceCall .Fields {
    }

        .TermokirManualServiceCall .Fields .FieldContainer {
            display: flex;
            margin-top: 10px;
        }

            .TermokirManualServiceCall .Fields .FieldContainer .FieldTitle {
                font-weight: bold;
                margin-top: 7px;
                width: 150px;
            }

            .TermokirManualServiceCall .Fields .FieldContainer .FieldContent {
                width: 300px;
            }

    .TermokirManualServiceCall .CustomerIdContainer {
        display: flex;
        width: 100%;
    }

        .TermokirManualServiceCall .CustomerIdContainer .CustomerId {
            width: calc(100% - 20px);
        }

        .TermokirManualServiceCall .CustomerIdContainer .Clear {
            text-align: left;
            width: 20px;
        }

    .TermokirManualServiceCall .Buttons {
        margin-top: 20px;
        text-align: left;
    }

.TermokirServiceCallFileModal {
}

    .TermokirServiceCallFileModal .FieldContainer {
        margin-top: 10px;
    }

    .TermokirServiceCallFileModal .FieldTitle {
        font-weight: 600;
    }

    .TermokirServiceCallFileModal .Buttons {
        margin-top: 20px;
        text-align: left;
    }


.TermokirServiceCallAssignment {
    min-height: 400px;
}

    .TermokirServiceCallAssignment .Criteria {
        display: flex;
        flex-wrap: wrap;
    }

        .TermokirServiceCallAssignment .Criteria .FieldContainer {
            margin-left: 10px;
            margin-right: 10px;
            width: 160px;
        }

            .TermokirServiceCallAssignment .Criteria .FieldContainer label {
                margin-bottom: 0px;
            }

        .TermokirServiceCallAssignment .Criteria .Buttons {
            margin-right: 10px;
            margin-top: 21px;
        }

    .TermokirServiceCallAssignment .Data {
        margin-top: 20px;
    }

        .TermokirServiceCallAssignment .Data input,
        .TermokirServiceCallAssignment .Data select {
            width: 160px;
        }



.TermokirServiceCallArchive {
    min-height: 400px;
}

    .TermokirServiceCallArchive .Criteria {
        display: flex;
        flex-wrap: wrap;
    }

        .TermokirServiceCallArchive .Criteria .FieldContainer {
            margin-left: 10px;
            margin-right: 10px;
            width: 160px;
        }

            .TermokirServiceCallArchive .Criteria .FieldContainer label {
                margin-bottom: 0px;
            }

        .TermokirServiceCallArchive .Criteria .Buttons {
            margin-right: 10px;
            margin-top: 21px;
        }

    .TermokirServiceCallArchive .Data {
        margin-top: 20px;
    }

        .TermokirServiceCallArchive .Data input,
        .TermokirServiceCallArchive .Data select {
            width: 160px;
        }

        .TermokirServiceCallArchive .Data tr {
            cursor: pointer;
        }

            .TermokirServiceCallArchive .Data tr:hover {
                background-color: #eeeeee;
            }

.TermokirServiceCallsSearchModal {
}

    .TermokirServiceCallsSearchModal .modal-dialog {
        max-width: calc(100vw - 20px);
        width: 1000px;
    }

    .TermokirServiceCallsSearchModal .SearchContainer {
        border: solid 1px #cccccc;
        border-radius: 4px;
    }

        .TermokirServiceCallsSearchModal .SearchContainer input {
            border: none;
            outline: none;
            padding: 5px 12px;
            width: 100%;
        }

        .TermokirServiceCallsSearchModal .SearchContainer .Clear {
            padding-left: 10px;
            padding-top: 5px;
        }


.TermokirServiceCallFinishModal {
}

    .TermokirServiceCallFinishModal canvas {
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .TermokirServiceCallFinishModal .Buttons {
        margin-top: 20px;
        text-align: left;
    }



.TermokirInspection {
    min-height: 400px;
}

    .TermokirInspection .LocationContainer {
    }

        .TermokirInspection .LocationContainer .LocationTitle {
        }

        .TermokirInspection .LocationContainer .LocationLevel1 {
        }

        .TermokirInspection .LocationContainer .LocationLevel2 {
            margin-top: 10px;
        }


    .TermokirInspection .Section {
        margin-top: 50px;
    }

        .TermokirInspection .Section .SectionHeader {
            border-bottom: dotted 1px #555555;
            padding-bottom: 5px;
        }

            .TermokirInspection .Section .SectionHeader span {
                font-size: 20px;
            }

        .TermokirInspection .Section .SectionBody {
            margin-top: 20px;
        }

    .TermokirInspection .FieldsContainer {
        display: flex;
        flex-wrap: wrap;
    }

    .TermokirInspection .FieldContainer {
        margin-top: 10px;
    }

        .TermokirInspection .FieldContainer .FieldTitle {
            font-weight: 600;
        }

        .TermokirInspection .FieldContainer .FieldContent {
            display: flex;
        }

        .TermokirInspection .FieldContainer input[type=text] {
            width: 200px;
        }

        .TermokirInspection .FieldContainer textarea {
            width: 400px;
        }

        .TermokirInspection .FieldContainer select {
            width: 200px;
        }

        .TermokirInspection .FieldContainer .CheckBoxContainer {
            cursor: pointer;
            margin-left: 20px;
        }

            .TermokirInspection .FieldContainer .CheckBoxContainer .fa {
                width: 16px;
            }

    .TermokirInspection .ImpairmentsContainer {
        border-top: dotted 1px #aaaaaa;
        margin-top: 20px;
        padding-top: 20px;
    }

        .TermokirInspection .ImpairmentsContainer .fa {
            width: 16px;
        }

    .TermokirInspection .InspectionCategory .InspectionCategoryBody .ImpairmentsContainer .ImpairmentsList {
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        color: #555555;
        max-width: 600px;
        padding: 6px 12px;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        width: 100%;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

        .TermokirInspection .InspectionCategory .InspectionCategoryBody .ImpairmentsContainer .ImpairmentsList span {
            cursor: pointer;
        }

    .TermokirInspection .InspectionCategory .InspectionCategoryBody .ImpairmentsContainer .ManualImpairmentContainer {
        margin-top: 20px;
    }

        .TermokirInspection .InspectionCategory .InspectionCategoryBody .ImpairmentsContainer .ManualImpairmentContainer .FieldTitle {
            font-weight: 600;
        }

        .TermokirInspection .InspectionCategory .InspectionCategoryBody .ImpairmentsContainer .ManualImpairmentContainer .FieldContent {
            display: flex;
        }

        .TermokirInspection .InspectionCategory .InspectionCategoryBody .ImpairmentsContainer .ManualImpairmentContainer input {
            width: 200px;
        }

        .TermokirInspection .InspectionCategory .InspectionCategoryBody .ImpairmentsContainer .ManualImpairmentContainer button {
            margin-right: 5px;
        }


    .TermokirInspection .Buttons {
        margin-top: 20px;
        text-align: left;
    }

    .TermokirInspection .InspectionCategory {
        border: solid 1px #cccccc;
        border-radius: 2px;
        margin-top: 20px;
    }

        .TermokirInspection .InspectionCategory .InspectionCategoryHeader {
            background-color: #efefef;
            padding: 10px;
        }

            .TermokirInspection .InspectionCategory .InspectionCategoryHeader .fa {
                font-size: 12px;
            }

        .TermokirInspection .InspectionCategory .InspectionCategoryBody {
            padding: 10px;
        }

            .TermokirInspection .InspectionCategory .InspectionCategoryBody .FieldContainer {
                margin-top: 20px;
            }

            .TermokirInspection .InspectionCategory .InspectionCategoryBody .ItemsContainer {
            }

                .TermokirInspection .InspectionCategory .InspectionCategoryBody .ItemsContainer .FieldContainer {
                    margin-top: 0px;
                }

                .TermokirInspection .InspectionCategory .InspectionCategoryBody .ItemsContainer .ItemsList {
                    background-color: #ffffff;
                    background-image: none;
                    border: 1px solid #ccc;
                    border-radius: 4px;
                    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
                    color: #555555;
                    max-width: 600px;
                    padding: 6px 12px;
                    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                    width: 100%;
                    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
                    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                }

            .TermokirInspection .InspectionCategory .InspectionCategoryBody .Buttons {
                text-align: left;
            }

    .TermokirInspection .FileUploadContainer {
    }

        .TermokirInspection .FileUploadContainer label {
            background-color: #eeeeee;
            margin-bottom: 0px;
        }

        .TermokirInspection .FileUploadContainer input {
            display: none;
        }

    .TermokirInspection .AttachmentContainer {
        border: solid 1px #aaaaaa;
        border-radius: 6px;
        margin: 10px;
        padding: 10px;
    }

        .TermokirInspection .AttachmentContainer .Content {
            height: 200px;
            text-align: center;
        }

        .TermokirInspection .AttachmentContainer .VideoToolBar {
            margin-top: 10px;
            text-align: center;
        }

            .TermokirInspection .AttachmentContainer .VideoToolBar a {
                background-color: #ffffff;
                border: solid 1px #555555;
                border-radius: 6px;
                margin-left: 3px;
                margin-right: 3px;
                padding: 5px 10px;
            }

        .TermokirInspection .AttachmentContainer video {
            max-height: 100%;
            max-width: 100%;
        }

        .TermokirInspection .AttachmentContainer .Buttons {
            margin-top: 20px;
            text-align: left;
        }



.TermokirServiceCallsInspectionCategoriesSearchModal {
}

    .TermokirServiceCallsInspectionCategoriesSearchModal .Category {
        border-bottom: solid 1px #efefef;
        cursor: pointer;
        padding: 5px;
    }

        .TermokirServiceCallsInspectionCategoriesSearchModal .Category:hover {
            opacity: 0.5;
        }



.TermokirServiceCallsInspectionCategoryItemsModal {
}

    .TermokirServiceCallsInspectionCategoryItemsModal .ItemsContainer {
        border: solid 1px #aaaaaa;
        height: calc(100vh - 300px);
        overflow-y: auto;
        padding: 10px;
    }

    .TermokirServiceCallsInspectionCategoryItemsModal .SearchContainer {
        border: solid 1px #efefef;
        border-radius: 5px;
        padding: 5px;
    }

        .TermokirServiceCallsInspectionCategoryItemsModal .SearchContainer input {
            border: none;
            outline: none;
        }

    .TermokirServiceCallsInspectionCategoryItemsModal .ItemContainer {
        border-bottom: solid 1px #efefef;
        cursor: pointer;
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .TermokirServiceCallsInspectionCategoryItemsModal .ItemContainer:hover {
            opacity: 0.5;
        }

    .TermokirServiceCallsInspectionCategoryItemsModal .Footer {
        margin-top: 20px;
    }

        .TermokirServiceCallsInspectionCategoryItemsModal .Footer .Buttons {
            text-align: left;
        }


.TermokirCustomerNotes {
    min-height: 400px;
}

    .TermokirCustomerNotes .Criteria {
        display: flex;
        flex-wrap: wrap;
    }

        .TermokirCustomerNotes .Criteria .FieldContainer {
            margin-left: 10px;
            margin-right: 10px;
            max-width: 100vw;
            width: 400px;
        }

            .TermokirCustomerNotes .Criteria .FieldContainer label {
                margin-bottom: 0px;
            }

    .TermokirCustomerNotes .Buttons {
        border-bottom: solid 1px #cccccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
        text-align: left;
    }

    .TermokirCustomerNotes .Data {
        margin-top: 20px;
    }

        .TermokirCustomerNotes .Data table {
            max-width: 600px;
        }

        .TermokirCustomerNotes .Data tr {
            cursor: pointer;
        }

            .TermokirCustomerNotes .Data tr.Selected {
                font-weight: 600;
                opacity: 1;
            }

            .TermokirCustomerNotes .Data tr:hover {
                background-color: #eeeeee;
            }

        .TermokirCustomerNotes .Data input,
        .TermokirCustomerNotes .Data select {
            width: 160px;
        }




.TermokirStockCountDocuments {
}

    .TermokirStockCountDocuments .Buttons {
        text-align: left;
    }

    .TermokirStockCountDocuments .hc-table {
        width: auto;
    }

        .TermokirStockCountDocuments .hc-table td {
            padding: 5px 20px;
        }

        .TermokirStockCountDocuments .hc-table .fa {
            width: 20px;
        }



.TermokirStockCountCountedRows {
}

    .TermokirStockCountCountedRows .Criteria {
        display: flex;
    }

    .TermokirStockCountCountedRows .SearchBox {
        border: solid 1px #cccccc;
        border-radius: 4px;
        padding: 4px 10px;
    }

    .TermokirStockCountCountedRows .FieldContainer {
        margin-left: 10px;
        width: 400px;
    }

    .TermokirStockCountCountedRows table {
    }

    .TermokirStockCountCountedRows tbody tr {
        cursor: pointer;
    }

        .TermokirStockCountCountedRows tbody tr:hover {
            background-color: #eeeeee;
        }

    .TermokirStockCountCountedRows .Buttons {
        margin-top: 20px;
        text-align: left;
    }




.TermokirStockCountCountedRow {
}

    .TermokirStockCountCountedRow .FieldsContainer {
        max-width: 400px;
    }

    .TermokirStockCountCountedRow .FieldContainer {
        margin-top: 10px;
        padding: 0px 3px;
    }

    .TermokirStockCountCountedRow .FieldTitle {
        font-weight: 500;
    }

    .TermokirStockCountCountedRow .RequiredField {
        background-color: rgba(255,0,0,0.5);
    }

    .TermokirStockCountCountedRow .ItemBox {
        border: solid 1px #cccccc;
        border-radius: 4px;
        padding: 5px 10px;
    }

    .TermokirStockCountCountedRow input {
        border: solid 1px #cccccc;
        border-radius: 4px;
        padding: 5px 10px;
        width: 100%;
    }

    .TermokirStockCountCountedRow select {
        border: solid 1px #cccccc;
        border-radius: 4px;
        padding: 4px 10px 3px 10px;
        width: 100%;
    }

    .TermokirStockCountCountedRow .Buttons {
        margin-top: 20px;
        text-align: left;
    }



.TermokirStockCountResults {
}

    .TermokirStockCountResults .Buttons {
        border-bottom: solid 1px #cccccc;
        margin-bottom: 20px;
        padding-bottom: 20px;
        text-align: left;
    }

    .TermokirStockCountResults .Title {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
    }

    .TermokirStockCountResults .SubTitle {
        font-size: 20px;
        text-align: center;
    }

    .TermokirStockCountResults .Criteria {
        display: flex;
    }

    .TermokirStockCountResults .SearchBox {
        border: solid 1px #cccccc;
        border-radius: 4px;
        padding: 4px 10px;
    }

    .TermokirStockCountResults .FieldContainer {
        margin-left: 10px;
        width: 400px;
    }

    .TermokirStockCountResults .ItemResultContainer {
        border: solid 1px #cccccc;
        border-radius: 6px;
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
        margin-top: 20px;
    }

    .TermokirStockCountResults .ItemResultHeader {
        background-color: #efefef;
        padding: 10px;
        text-align: center;
    }

    .TermokirStockCountResults .ItemResultDetails {
        padding: 10px;
        text-align: center;
    }

    .TermokirStockCountResults .WorkOrderResults {
        border-top: dotted 1px #cccccc;
        padding: 10px;
    }

        .TermokirStockCountResults .WorkOrderResults table {
            margin-left: auto;
            margin-right: auto;
        }

        .TermokirStockCountResults .WorkOrderResults th,
        .TermokirStockCountResults .WorkOrderResults td {
            padding: 5px 20px;
        }

        .TermokirStockCountResults .WorkOrderResults td {
            border-top: solid 1px #cccccc;
        }

    .TermokirStockCountResults .ItemName {
        font-weight: 700;
    }

    .TermokirStockCountResults .FieldTitle {
        font-weight: 500;
    }



.TermokirSettings {
}

    .TermokirSettings .Tabs {
        border-bottom: solid 1px #aaaaaa;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        padding-bottom: 10px;
        text-align: center;
    }

        .TermokirSettings .Tabs .Tab {
            background-color: #ffffff;
            border: solid 1px #000000;
            color: #000000;
            cursor: pointer;
            margin-left: 20px;
            margin-right: 20px;
            padding: 10px;
            width: 200px;
        }

            .TermokirSettings .Tabs .Tab:hover {
                opacity: 0.5;
            }

        .TermokirSettings .Tabs .Selected {
            background-color: #000000;
            border: solid 1px #ffffff;
            color: #ffffff;
        }

    .TermokirSettings .InspectionLocations {
    }

        .TermokirSettings .InspectionLocations .InspectionLocationsButtons {
            padding-bottom: 10px;
        }

        .TermokirSettings .InspectionLocations .InspectionLocationsTree {
            padding-left: 10px;
        }

            .TermokirSettings .InspectionLocations .InspectionLocationsTree input {
                border: none;
                outline: none;
            }

        .TermokirSettings .InspectionLocations .InspectionLocation {
        }

            .TermokirSettings .InspectionLocations .InspectionLocation .Child {
                padding-right: 40px;
            }

            .TermokirSettings .InspectionLocations .InspectionLocation .Selected {
                font-weight: bold;
            }

        .TermokirSettings .InspectionLocations .SelectedInspectionLocation {
            border-right: solid 1px #aaaaaa;
            padding-right: 20px;
            min-height: 400px;
        }

            .TermokirSettings .InspectionLocations .SelectedInspectionLocation .SelectedInspectionLocationFieldsButtons {
                margin-bottom: 10px;
                margin-top: 10px;
                text-align: left;
            }

        .TermokirSettings .InspectionLocations table {
            width: auto;
        }

            .TermokirSettings .InspectionLocations table th {
                min-width: 100px;
            }

            .TermokirSettings .InspectionLocations table input,
            .TermokirSettings .InspectionLocations table select {
                max-width: 200px
            }

            .TermokirSettings .InspectionLocations table a {
                border-color: #cccccc;
            }

            .TermokirSettings .InspectionLocations table .Details input {
                max-width: 400px !important;
            }

    .TermokirSettings .InspectionCategoryImpairments {
    }

        .TermokirSettings .InspectionCategoryImpairments .InspectionCategoryImpairmentsButtons {
        }

        .TermokirSettings .InspectionCategoryImpairments table {
            margin-top: 20px;
            max-width: 800px;
            width: 100%;
        }

        .TermokirSettings .InspectionCategoryImpairments th {
            border-bottom: solid 1px #000000;
        }

        .TermokirSettings .InspectionCategoryImpairments td {
            border-bottom: solid 1px #aaaaaa;
            padding-bottom: 3px;
            padding-top: 3px;
        }

            .TermokirSettings .InspectionCategoryImpairments td button {
                border-radius: 6px;
                border-style: solid;
                border-width: 1px;
                cursor: pointer;
                outline: none;
                padding-bottom: 1px;
                padding-left: 5px;
                padding-right: 5px;
                padding-top: 1px;
            }

            .TermokirSettings .InspectionCategoryImpairments td input {
                border: none;
                outline: none;
            }