﻿.layout-menu-menu 
{
    float: left;
    width: 20%;
}

.layout-menu-content 
{
    float: left;
    width: 80%;
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox, .k-multiselect
{
    width: 200px;
}

.layout-menu-content .k-autocomplete, .layout-menu-content .k-combobox, .layout-menu-content .k-datepicker,
.layout-menu-content .k-timepicker, .layout-menu-content .k-datetimepicker, .layout-menu-content .k-numerictextbox,
.layout-menu-content .k-dropdown, .layout-menu-content .k-selectbox, .layout-menu-content .k-textbox, .layout-menu-content .k-multiselect
{
    width: 190px;
}

.k-pager-sizes .k-widget.k-dropdown {
    width: 4.5em;
}

.k-autocomplete.auto-width, .k-combobox.auto-width, .k-datepicker.auto-width, .k-timepicker.auto-width, .k-datetimepicker.auto-width,
    .k-numerictextbox.auto-width, .k-dropdown.auto-width, .k-selectbox.auto-width, .k-textbox.auto-width, .k-multiselect.auto-width
{
    width: auto;
}
            
.k-autocomplete.wider, .k-combobox.wider, .k-datepicker.wider, .k-timepicker.wider, .k-datetimepicker.wider,
    .k-numerictextbox.wider, .k-dropdown.wider, .k-selectbox.wider, .k-textbox.wider, .k-multiselect.wider
{
    min-width: 300px;
}

.k-button:-moz-any(input)
{
    padding: 2px 7px;
}
            
a.tc-link
{
    padding: 2px 7px;
    font-weight: 400;
    min-width: 100px;
}
            
.k-ff input.k-button
{
    padding: 2px 7px !important;
}
            
.k-context-menu ul li img
{
    max-height: 16px;
    max-width: 16px;
    margin: 0px 7px 0px 0px;
}

.k-grid tr:not(.k-state-selected):hover {
    background: none;
    color: inherit;
}

.k-grid tr.k-alt:not(.k-state-selected):hover {
    background: #f1f1f1;
}

k-grid-edit-row > k-dropdown {
    /*max-width:*/ 
}

/*.k-i-pencil, .k-edit {
    background-image: url(/Images/icon-edit.png);
    background-position: top left;
}
            
.k-button:active .k-i-pencil, .k-button:active .k-edit {
    background-image: url(/Images/icon-edit.png);
    background-position: top left;
}
            
.k-button:hover .k-i-pencil, .k-button:hover .k-edit {
    background-image: url(/Images/icon-edit.png);
    background-position: top left;
}
            
            
            
            
.k-delete {
    background-image: url(/Images/icon-delete.png);
    background-position: top left;
}
            
.k-button:active .k-delete {
    background-image: url(/Images/icon-delete.png);
    background-position: top left;
}
            
.k-button:hover .k-delete {
    background-image: url(/Images/icon-delete.png);
    background-position: top left;
}*/

.text-color-error {
    color: #e80c4d;
    font-weight: bold;
}

.text-color-warning {
    color: orange;
    font-weight: bold;
}

.text-color-correct{
    color: forestgreen;
    font-weight: bold;
}