/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}



/* TICOMIX CSS STARTS BELOW THIS POINT */

body {
    padding-top: 75px;
    padding-bottom: 20px;
    font-family: 'Arial', sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding: 0px 15px 0px 15px !important;
    margin-top: 0px !important;
    border-top: 0px !important;
}

label {
    font-weight: normal;
    /*text-transform:uppercase;*/
    color: #555;
    /*    font-size: 12px;*/
    font-size: 20px;
    width: 100%;
}

.form-group {
    /*    margin-bottom: 8px;*/
    margin-bottom: 2px;
}

/* Set width on the form input elements to 100% wide by default */
input,
select,
textarea {
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    width: 100%;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
    width: 100%;
}

    .k-combobox, .k-combobox .k-input, .k-datepicker, .k-datepicker .k-input, .k-datetimepicker, .k-datetimepicker .k-input, .k-timepicker, .k-timepicker .k-input {
        background-color: white;
    }

    .k-dropdown .k-state-default {
        background-color: white;
    }

.dropdown-danger .k-state-default {
    background-color: red;
    border-color: red;
}


input[type="checkbox"] {
    margin-top: 10px;
}

input:disabled, input[readonly], input[readonly]:hover, .k-input[readonly], .k-input[readonly]:hover, textarea[readonly], textarea[readonly]:hover {
    /*background-color: rgb(238, 238, 238);*/
    background-color: rgb(250,250,250);
    color: rgb(153,153,153);
}

/*Special CSS for tab strips in this project to override kendo CSS*/
.k-tabstrip-top > .k-tabstrip-items .k-item {
    border-radius: 8px 8px 0px 0px;
    background-color: #00ffff;
    height: 30px;
}

    .k-tabstrip-top > .k-tabstrip-items .k-item span {
        padding: 10px;
    }

.k-widget.k-tabstrip {
    padding: 3px;
    background-color: #3A7ABA;
}

.k-tabstrip-top > .k-tabstrip-items .k-item {
    background-color: #275483;
}

.k-tabstrip-items .k-state-active {
    background-color: #00ffff;
    border-bottom-color: #00ffff;
}

.k-tabstrip-items .k-item.k-state-active {
    background-color: #00ffff;
}

    .k-tabstrip-items .k-item.k-state-active .k-link {
        color: black;
    }

.k-tabstrip-items .k-item.k-state-hover {
    background-color: darkgrey;
}

/* Tab Strips */

.containerNEW {
    max-height: none !important;
    min-height: 0px !important;
    height: 40px !important;
    margin-bottom: 0px !important;
    position: relative;
}

.k-textbox {
    background-color: #fafafa;
}

.form-control {
    height: 2.13em;
    line-height: 1.6em;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 1px 1px 1px 1px;
}

.input-group-btn > .btn {
    /*height: 24px;*/
    height: 2.13em;
    line-height: 1.6em;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.k-grid-header th.k-header > .k-link {
    display: -webkit-inline-box;
}

.k-grid-filter.k-state-active,
.k-header-column-menu.k-state-active {
    background-color: rgb(66,139,202);
}

.k-window .row {
    margin-left: 0;
    margin-right: 0;
}

/*
    Disable text wrap in grid rows when virtual scrolling is enabled.
    Prevents records at the bottom from being cut off.
    http://docs.telerik.com/kendo-ui/web/grid/appearance#virtual-scrolling
*/
.k-virtual-scrollable-wrap td {
    white-space: nowrap;
}

.k-menu .k-item > .k-link {
    padding: .5em 1.2em .3em;
}

@media (min-width: 768px) {
    .form-horizontal .form-group {
        margin-left: 0px;
    }
}

/*
    Better support for wider view port sizes
*/
@media (min-width: 1200px) {
    .container {
        width: 99%;
    }
}

@media (min-width: 1480px) {
    .container {
        width: 1420px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1530px;
    }
}

@media (min-width: 1750px) {
    .container {
        width: 1685px;
    }
}

@media (min-width: 1900px) {
    .container {
        width: 1820px;
    }
}

/* reset everything to the default box model */

*, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.breadcrumb {
    font-size: 10px;
    background-color: rgb(245, 245, 245);
    padding: 4px 15px;
    margin-bottom: 0px;
}

    .breadcrumb > li + li:before {
        padding: 0 0px;
        color: white;
        content: "";
    }

.btn {
    height: 2.13em;
    line-height: 1.6em;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box;
}

.navbar-brand {
    height: 20px;
}

.navbar {
    min-height: 75px;
}

.navbar-nav > li > a {
    padding-top: 10px;
}

.navbar-nav > li > button {
    padding-top: 5px;
    margin-top: 0px;
}

.dark-background {
    /*background-color:rgb(66, 139, 202);*/
    /*background-color:gainsboro;*/
    background-color: rgb(245, 245, 245);
    /*color:white;*/
    color: dimgrey;
}

.controls-block {
    padding: 15px;
    background-color: #dddddd;
}

.k-grid-content tr td a:not(.btn) {
    /*color: #2a6496;*/
    color: rgb(63, 81, 181);
    font-weight: bold;
}

/*.k-grid-content tr.k-state-selected td a:not(.btn) {
    color: rgb(84, 252, 248);
}*/

.k-grid-content tr td .k-button {
    min-width: 30px;
}

.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
    /*background-color: #2e6da4;*/
    background-color: rgb(63, 81, 181);
}

    .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
        background-color: #1D4467;
        /*background-color: #2e6da4;*/
    }

.btn-group-ticomix {
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: thin;
    border-color: rgb(63, 81, 181);
}

.btn-ticomix {
    /*color: #2e6da4;*/
    color: rgb(63, 81, 181);
    background-color: lightblue;
    border-style: none;
    margin-right: 20px;
}

    .btn-ticomix:hover {
        /*color: #2e6da4;*/
        color: white;
        /*background-color: #00a2eb;*/
        background-color: rgb(63, 81, 181);
        border-radius: 0px;
    }

.btn-group-tab-ticomix {
    border-bottom-style: solid;
    border-width: thin;
    border-color: rgb(63, 81, 181);
}

.btn-group-window-ticomix {
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: thin;
    border-color: rgb(63, 81, 181);
    margin-top: -60px;
    margin-bottom: 10px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    background-color: transparent;
    border-color: rgb(230,230,230);
    color: black;
    width: 1.9em;
    padding-left: 5px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 36px
}

    .input-group-btn:last-child > .btn:hover, .input-group-btn:last-child > .btn-group:hover {
        background-color: lightgray;
        box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    }

a.btn-ticomix {
    padding-top: 4px;
}

.btn-group-tab-ticomix > .btn-group-tab-textbox-ticomix > .input-group > .input-group-btn > button {
    height: 1.9em;
}

.btn-group-tab-textbox-ticomix {
    border-radius: 0px;
    width: 250px;
    display: inline-block;
    /*    font-size: 12px;*/
    font-size: 20px;
    vertical-align: middle;
}

/* Ticomx Kendo Alerts */
.btn-group-ka {
    float: right;
}

.btn-ka {
    margin: 2px;
}

.jumbotron {
    margin-bottom: 0px;
    background-image: url('./../Images/homepagebackground.png');
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    text-shadow: black 0.3em 0.3em 0.3em;
}

.k-input-group {
    max-height: 36px;
}

.k-tabstrip .k-content.k-state-active {
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}

/*Fix for Kendo Tabs to avoid unwanted horizontal scroll bars associated with bootsrap columns*/
.k-tabstrip > div.k-content {
    padding-left: 15px;
    padding-right: 15px;
}

.grid-ticomix {
    /*    font-size: small;*/
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

.k-grid .k-alt {
    background-color: lightgray;
}

@media (min-width: 768px) {
    .LoginFooter {
        position: fixed;
        left: 0;
        bottom: 15px;
        width: 98%;
        padding: 15px;
    }
}

.LoginFooterText {
    color: darkgrey;
}

/* Ticomix Styling for Kendo Switch to make it look like a styled checkbox */
.k-switch {
    border-radius: 0;
    cursor: pointer;
    /*    width: 2.7em;*/
    width: 1.4em;
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    /*    font-size: 12px;*/
    font-size: 20px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

.k-switch-off.k-state-focused .k-switch-container, .k-switch-off:focus .k-switch-container {
    border-color: #f0f0f0;
    color: white;
    background-color: #fff;
}

.k-switch-container {
    border-radius: 0;
    padding: 2px 2px;
    border-width: 1px;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color .2s ease-out 0s;
}

.k-switch-off .k-switch-handle {
    border-color: transparent;
    color: white;
    background-color: #f4f4f4;
    border-width: 1px;
    border-style: solid;
}

.k-switch-off.k-state-hover .k-switch-handle, .k-switch-off:hover .k-switch-handle {
    border-color: transparent;
    color: #fff;
    background-color: #ebebeb;
}

.k-switch-off.k-state-focused .k-switch-handle, .k-switch-off:focus .k-switch-handle {
    border-color: transparent;
    color: #fff;
    background-color: #ebebeb;
}

.k-switch-off .k-switch-handle {
    left: 2px;
    top: -3px;
}

.k-switch-handle {
    background-clip: border-box;
    border-radius: 0;
    width: 1em;
    /*    height: 27px;*/
    height: 20px;
    top: -.1px;
    border-width: 1px;
    border-style: solid;
    background-position: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0px;
    transition: left .2s ease-out 0s;
    /*    font-size: 2em;*/
    font-size: 18px;
}

.k-switch-off .k-switch-container {
    border-color: #f0f0f0;
    color: white;
    background-color: #fff;
}

.k-switch-on .k-switch-container {
    background-color: white;
    border-color: #f0f0f0;
}

/*.k-animation-container, .k-animation-container *, .k-animation-container ::after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget ::before {
    box-sizing: content-box;
}*/

/*.k-switch .k-widget {
    box-sizing: content-box;
}*/

.k-switch, .k-switch-container, .k-switch-handle {
    box-sizing: content-box;
}

.k-switch-on.k-state-focused .k-switch-container, .k-switch-on:focus .k-switch-container {
    border-color: #f0f0f0;
    color: white;
    background-color: #fff;
}

.k-switch-on .k-switch-handle {
    border-color: transparent;
    color: #3f51b5;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.2);
}

.k-switch-on.k-state-focused .k-switch-handle, .k-switch-on:focus .k-switch-handle {
    border-color: transparent;
    color: rgb(63, 81, 181);
    background-color: white;
}

.k-switch-on .k-switch-handle::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
}

.k-switch-on.k-state-focused .k-switch-handle::before, .k-switch-on:focus .k-switch-handle::before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
}

.k-edge .k-switch-on .k-switch-handle, .k-ie .k-switch-on .k-switch-handle {
    left: 100%;
    margin-left: -2em;
}

.k-switch .k-switch-container {
    /*    height: 29px;*/
    height: 20px;
}

.k-switch .k-switch-handle {
    top: 0em;
}

.k-switch-on .k-switch-handle {
    left: 2px;
    top: -3px;
    color: rgb(63, 81, 181);
}

.k-switch:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
}
/* End of Ticomix Styling for Kendo Switch to make it look like a styled checkbox */


/*Custom Changes for Stamps*/
.k-tabstrip .k-content.k-state-active {
    background-color: #00FFFF;
}

label, .k-textbox, body, .k-input, .btn, .form-control {
    /*    font-size: 16px;*/
    font-size: 20px;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
}

.k-datepicker .k-input {
    max-width: inherit;
}

/*Custom Changes for Stamps*/
.AlignLabels {
    text-align: right;
    vertical-align: middle;
    margin: auto;
    margin-left: 5px;
    padding-right: 2px;
    padding-top: 10px;
    white-space: nowrap
}

.AlignLabelsMedia {
    padding-left: 5px;
}

@media screen and (max-width: 1200px) {
    .AlignLabelsMedia {
        text-align: left;
        padding-left: 14px;
    }
}

.AlignTextBox {
    padding-left: 25px;
}

.AlignDates {
    padding-left: 0px;
}

@media screen and (max-width: 780px) {
    .AlignDates {
        padding-left: 14px;
    }
}

.k-grid-header .k-header, k-header k-with-icon, .k-grid-header th.k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
    color: black;
    font-weight: bold;
}


input.k-textbox {
    line-height: 1em;
    padding: 0px;
    padding-right: 5px;
    padding-left: 5px;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input, .form-control {
    line-height: 1em;
    padding: 0px;
    padding-right: 5px;
    padding-left: 5px;
}

.k-dropdown-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 1em;
    padding: 0px;
    padding-right: 5px;
    padding-left: 5px;
}

.k-numerictextbox .k-link {
    height: .8em;
}

.dropdown-menu {
    font-size: 20px;
    padding-right: 5px;
    padding-left: 5px;
}

.k-popup .k-list .k-item {
    min-height: 1.2em;
    line-height: 1.2em;
}

.k-list > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: none;
    line-height: 1.2em;
    min-height: 1.2em;
}

.k-filter-row th, .k-gantt-timeline .k-grid-header .k-header, .k-grid-header th.k-header {
    padding: 0px 4px 0px 4px;
}

.k-grid td {
    padding: 0px 4px 0px 4px;
    line-height: 1em;
}

td > .k-button {
    font-size: 12px;
    padding: 3px;
}

input.k-textbox {
    text-indent: 0;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    text-indent: 0;
}

.form-horizontal .control-label {
    padding-top: 0px;
    margin-bottom: 0;
    text-align: right;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: 18px;
    width: 18px;
}

.k-filter-row th, .k-grid-header th.k-header {
    text-align: right;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

.ticomix-spin {
    animation: ticomix-spin 1s infinite cubic-bezier(.55,.05,.45,.95);
}

.mea-btn-group-dropdown {
    border-style: solid;
    border-color: #4452b8;
    border-radius: 0px;
    width: 300px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 20px;
}

.mea-btn-group-dropdown-label {
    color: #4452b8;
    font-weight: bold;
    margin-left: 25px;
    vertical-align: middle;
}

/* Fixes for kendo grid menus */
/* Filter Menu Container Fixes */
.k-filter-menu {
    padding: 8px;
    min-width: 200px;
}

    /* Consistent Field Sizing */
    .k-filter-menu .k-textbox,
    .k-filter-menu .k-widget,
    .k-filter-menu .k-dropdown,
    .k-filter-menu .k-datepicker {
        width: 100%;
        box-sizing: border-box;
        margin: 2px 0;
        font-size: 20px;

    }

    .k-filter-menu .k-numeric-wrap .k-select {
        font-size: smaller;
    }

    .k-filter-menu label {
        width: auto;
    }


    /* Filter Button Container */
    .k-filter-menu .k-action-buttons {
        margin-top: 8px;
        display: flex;
        justify-content: flex-end;
        gap: 4px;
    }

    .k-filter-menu .k-widget input {
        line-height: 1em;
    }
.k-grid-header .k-header {
    white-space: normal !important;
}