@font-face {
    font-family: "SourceSansPro-SemiBold";
    src: local("SourceSansPro-SemiBold"), url("fonts/SourceSansPro_SemiBold.ttf") format("truetype");
    font-display: auto;
}

@font-face {
    font-family: "SourceSansPro-Regular";
    src: local("SourceSansPro-Regular"), url("fonts/SourceSansPro_Regular.ttf") format("truetype");
    font-display: auto;
}

:root {
    --bg-color: #f68933;
    --fore-color: #333;
    --selected-color: var(--bg-color);
}

body {
    margin: 0 5px 5px 5px;
    overflow-y: hidden;
    --kendo-color-primary: var(--bg-color);
    --kendo-color-primary-hover: var(--bg-color);
    --kendo-color-primary-active: var(--bg-color);
    --kendo-color-on-primary: var(--fore-color);
}

.k-popup-edit-form input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}

.k-popup-edit-form input[type="checkbox"]:focus {
    outline: none;
    box-shadow: none;
}

.form-control:focus, .form-control.is-invalid:focus {
    border-color: var(--kendo-color-primary-active);
    box-shadow: none;
}


a {
    text-decoration: none;
    color: initial;
}

a:hover {
    text-decoration: none;
}

body, label, span, input {
    color: var(--fore-color);
    font-family: "SourceSansPro-Regular", sans-serif;
    font-size: 14px;
}

.header {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid;
}

.tf-logo {
    display: inline-block;
    height: 49px;
    width: 128px;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-image: url('../images/tflogo0711.jpg');
    float: left;
}

.tf-btn {
    background-color: #262626;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    width: 160px;
    height: 30px;
}

    .tf-btn:hover {
        background-color: #4a4a4a;
    }


.tf-icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    vertical-align: middle;
}

.tf-icon-copy {
    background-image: url('../images/copy.svg');
}

.user-label {
    float: right;
    line-height: 49px;
    padding-right: 10px;
}

.main {
    height: calc(100vh - 88px);
    overflow-y: auto;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 20px;
}


.tf-icon-logout {
    background-image: url('../images/logout.svg');
}

.tf-logout {
    cursor: pointer;
    display: inline-block;
    color: #262626;
}

    .tf-logout:hover {
        color: #4a4a4a;
    }

        .tf-logout:hover .tf-icon-logout {
            background-image: url('../images/logout-hover.svg');
        }

.tf-tooltip-copy {
    display: none;
    position: absolute;
    width: 130px;
    height: 30px;
    text-align: center;
    background-color: #262626;
    color: white;
    border-radius: 3px;
    font-size: 12pt;
    font-weight: bold;
}

    .tf-tooltip-copy .caret {
        width: 12px;
        height: 12px;
        background-color: #262626;
        transform: rotate(45deg);
        border: none !important;
        z-index: 19998;
        margin-left: 59px;
    }

.tf-footer {
    position: fixed;
    z-index: 10;
    height: 35px;
    width: calc(100% - 16px);
    bottom: 0px;
    padding-bottom: 12px;
    background: #fff;
}

.tf-version {
    position: absolute;
    right: 8px;
    width: 120px;
    bottom: 13px;
    text-align: right;
}


.tf-login-input {
    width: 100%;
    height: 22px;
    outline: none;
    border-radius: 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 2px 8px;
}

input:focus {
    border-color: var(--fore-color);
}

.field-validation-error {
    color: #f00;
    font-size: 13px;
}

.validation-summary-errors {
    color: #f00;
    font-weight: bold;
    font-size: 13px;
}

.input-validation-error {
    border: 2px solid #f00;
    background-color: #fee;
    font-size: 13px;
}

table tr th {
    padding: 0;
}

.navigator {
    display: inline-block;
    float: left;
}

.navigator ul {
    list-style: none;
    margin:0px
}

.navigator li {
    display: inline-block;
    width: 120px;
    font-size: 17px;
    line-height: 36px;
    text-align: center;
    margin: 0px 5px;
    vertical-align: bottom;
    border-bottom: 5px solid transparent;
    padding-top: 9px;
}

.navigator li.column-200 {
    width: 200px;
}

    .navigator .nav-item-selected {
        border-bottom: 5px solid var(--bg-color);
    }

    .navigator a {
        color: var(--fore-color);
    }

    .navigator .nav-item-selected a {
        color: var(--selected-color);
    }

.tf-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.requirestar::after {
    content: "*";
    color: red;
    margin-left: 3px;
}

.invalid-select {
    border: 1px solid #f31700;
    box-sizing: content-box;
}

.readonly-checkbox {
    pointer-events: none;
}

.center-container {
    text-align: center;
}

.k-form-field.disabled {
    opacity: 0.5;
    pointer-events: none;
    filter: grayscale(1);
}

    .k-form-field.disabled .k-form-error {
        display: none;
    }

.btn-normal, .btn-normal:hover {
    background-color: var(--bg-color);
    color: var(--fore-color);
}

    .btn-normal:focus {
        outline: none;
        box-shadow: none;
    }

.tf-validation-success {
    color: green;
    font-size: 12px;
}

.k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none;
}

.k-tabstrip-content:focus, .k-tabstrip > .k-content:focus {
    outline: none;
}

#addTimeWindow, #expireTimeWindow {
    opacity: 0;
}

.custom-apply-btn, .custom-apply-btn:hover {
    background-color: black;
    color: white;
    border-color: black;
    flex: none;
    width: 70px;
    height: 35px;
    border-radius: 0;
}

.custom-apply-btn .k-button-text {
        color : white;
}

.custom-cancel-btn, .custom-cancel-btn:hover {
    border: none;
    flex: none;
    width: 70px;
    height: 35px;
    background: none;
}
.custom-dialog-content {
    text-align: center;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    font-size: 15px;
}

.custom-dialog-content label {
  font-weight : bold;
}

.custom-dialog-content span {
    font-weight : bold;
}
.custom-footer {
    background: #fafafa;
}

#tempLicenses_Grid table tr th {
    font-weight: bold !important;
}

/* Page Content Disabled State */
.page-content-disabled input,
.page-content-disabled select,
.page-content-disabled button {
    pointer-events: none;
    opacity: 0.6;
}