/* This stylesheet is loaded into the bundle last. If you are having issues with conflicting styles, putting your styles in here should make them the most important.*/

/*Used to make kendo editor controls fullscreen. It's more important than you*/
.k-fullscreen {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.k-editor-toolbar {
    text-align: center;
}

.k-widget.k-tooltip {
    background-color: #fef9d9;
    border: #fef9d9;
    color: black;
    font-family: calibri;
    border: 0px !important;
    max-width: 590px;
}

.k-tooltip ul {
    list-style-type: disc;
    text-align: left;
}

.k-tooltip ol {
    text-align: left;
}

.k-callout-e {
    border-left-color: #fef9d9;
}

.k-dropdown-wrap .k-input {
    text-indent: 0.2em;
}
/*
Telerik UI Editor full screen workaround for Chrome
*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .selector:not(*:root), .k-fullscreen .k-editor .k-editable-area {
        height: auto;
    }

    .selector:not(*:root), .k-fullscreen .k-editor .k-editor-toolbar-wrap {
        height: 35px;
    }
}

/*.k-invalid-msg {
    display: none !important;
}*/

.kendoNowLink {
    margin-left: 5px;
    cursor: pointer;
}

.kendoTodayLink {
    margin-left: 5px;
    cursor: pointer;
}
/*Custom Form Mapping Page*/
.highlight {
    background-color: yellow;
}

.draggableTable {
    cursor: move;
    margin-top: 5px;
    padding: 3px;
    border: 1px solid black;
    border-radius: 2px;
    background-color: lightsteelblue;
    text-align: center;
}

    .draggableTable:hover {
        background-color: steelblue;
    }

.dropTable {
    margin-top: 5px;
    margin-right: 5px;
    padding: 3px;
    border: 1px solid black;
    border-radius: 2px;
    text-align: center;
}

ul {
    list-style-type: none;
}

.sublist {
    padding-left: 15px;
}

.partiallyMapped {
    background-color: lightyellow;
}

.fullyMapped {
    background-color: lightgreen;
}

#tblApprovals td {
    padding: 10px;
}

.approvalLabel {
    font-weight: bold;
    font-size: 11pt;
}

#tblMappings td {
    padding: 5px;
}

.mappingRow {
    border-bottom: 1px solid black;
}

.sectionLabel {
    cursor: pointer;
    margin-top: 5px !important;
}

    .sectionLabel:hover {
        font-weight: bold;
    }

#dlgAppointment .k-invalid-msg {
    display: none !important;
}

.selectableRecords th {
    padding: 2px !important;
}

.selectableRecords td {
    padding: 2px !important;
}

.highlight-row {
    background-color: #f4e4cb !important;
}