html, body {
   min-height: 100vh;
   box-sizing: border-box;
   overflow: auto;
}

body {
    padding-top: 4.4rem;
    padding-bottom: 30px;
    font-size: 14px;
}

td > a:not(.k-icon):not(.k-link):not(.k-button) {
    color: blue !important;
}

    td > a:not(.k-icon):not(.k-link):not(.k-button):hover {
        text-decoration: underline !important;
    }

.k-widget, .k-content, .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap, .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap, .k-datepicker .k-picker-wrap, .k-timepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap {
    color: #212121;
}

[role=menuitemcheckbox] .k-link.k-menu-link {
    font-size: 12pt !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

div.grid .k-widget.k-grid {
    min-width: 1100px;
}


.row {
    padding-top: 0.25rem;
}

    .row label {
        width: 100%;
        border-bottom: 1px solid #e4e4e4;
        line-height: 1.8rem;
    }


.filter-row {
    background: #e2e2e2;
    border-bottom: 2px solid #6bda27;
    overflow-y: auto;
    max-height: 35vh;
}

    .filter-row .row label {
        border-bottom: 1px solid white;
    }

/*.row > .row:nth-of-type(even) {
        background-color: #fbf8f8;
    }*/
.flex-break {
    flex-basis: 100%;
    height: 0;
}

 input.k-textbox {
     width: 100%;
 }


.tooltip {
    display: inline;
    position: relative;
}




.filter-row .row {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.setting-view {
    font-size: 120%;
}

.nameHiglight {
    color: green;
    font-weight: bold;
}

.approval-buttons {
    font-size: 0;
}

  
    .approval-buttons a {
        font-size: 22px;
        line-height: 28px;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        width: 30px;
        height: 30px;
        color: #fff;
        vertical-align: middle;
        margin-left: 9px;
        margin-bottom: 7px;
    }

        .approval-buttons a.approve {
            background: #8ec338;
        }

            .approval-buttons a.approve:before {
                font-family: FontAwesome;
                content: "\f00c";
            }

        .approval-buttons a.denies {
            background: #ea4c10;
        }

            .approval-buttons a.denies:before {
                font-family: FontAwesome;
                content: "\f00d";
            }

        .approval-buttons a.info {
            background: #018FD6;
        }

            .approval-buttons a.info:before {
                font-family: FontAwesome;
                content: "\f129";
            }

        .approval-buttons a.forward {
            background: #FFBE00;
        }

            .approval-buttons a.forward:before {
                font-family: FontAwesome;
                content: "\f054";
            }

        .approval-buttons a.disabled {
            background: #c8c8c8;
        }

        .approval-buttons a:hover:not([disabled=disabled]) {
            font-weight: bold;
        }

    .approval-buttons.large .left-part {
        display: inline-block;
        width: 50%;
    }

    .approval-buttons.large a {
        margin-left: 2%;
        font-size: 35px;
        width: 48%;
        max-width: 210px;
        min-width: 55px;
        height: 65px;
        line-height: 65px;
        margin-bottom: 3px;
    }

/*@media only screen and (max-width: 767px) {
    .approval-buttons.large a {
        margin-left: 2%;
        font-size: 25px;
        width: 48%;
        max-width: 210px;
        min-width: 45px;
        height: 35px;
        line-height: 34px;
        margin-bottom: 3px;
    }
}*/


.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    border-top: 2px solid #87e24f;
    background: #282828;
    z-index: 1;
}

    .footer li {
        list-style-type: none;
        padding: 0;
    }

    .footer .footer-left {
        float: left;
        margin-top: 0px;
        margin-left: 0px;
    }

        .footer .footer-left li {
            line-height: 120%;
            float: left;
            margin-right: 0px;
        }

            .footer .footer-left li.tutorial a.item {
                padding-left: 67px;
            }

            .footer .footer-left li.conditions a.item {
                padding-left: 58px;
            }

            .footer .footer-left li.schema-db {
                font-size: 11px;
                color: gray;
                padding: 2px 15px;
            }

            .footer .footer-left li.version {
                font-size: 11px;
                top: 15px;
                color: gray;
            }

            .footer .footer-left li.maintanance {
                font-size: 11px;
                color: gray;
                padding-left: 15px;
                padding-top: 3px;
            }

                .footer .footer-left li.maintanance a:hover {
                    color: #5bb822;
                }

            .footer .footer-left li a.item {
                display: block;
                padding: 5px 15px 5px 15px;
                position: relative;
                font-size: 13px;
                color: #fff;
                font-weight: normal;
                text-decoration: none;
            }

                .footer .footer-left li a.item .conditions-icon {
                    display: block;
                    position: absolute;
                    top: 2px;
                    left: 15px;
                    width: 27px;
                    height: 22px;
                    background: url(img/icons.png?v=1.34.1.1) -17px -45px no-repeat;
                }

                .footer .footer-left li a.item .tutorial-icon {
                    display: block;
                    position: absolute;
                    top: 2px;
                    left: 15px;
                    width: 37px;
                    height: 22px;
                    background: url(img/icons.png?v=1.34.1.1) -12px -94px no-repeat;
                }

                .footer .footer-left li a.item:hover {
                    background: #626161;
                }

    .footer .footer-right {
        float: right;
    }

        .footer .footer-right .home {
            background: #626161;
            width: 40px;
            height: 30px;
            float: left;
        }

            .footer .footer-right .home a {
                color: white;
                display: inline-block;
                width: 21px;
                height: 21px;
                margin: 8px 0px 0 13px;
            }

        .footer .footer-right .period {
            background: #626161;
            width: 140px;
            height: 30px;
            margin-right: 10px;
            float: left;
            color: white;
            font-size: 13px;
            text-align: center;
        }

        .footer .footer-right .social {
            background: #626161;
            height: 30px;
            float: left;
            vertical-align: middle;
            line-height: 40px;
            margin-left: 8px;
            text-align: center;
        }

            .footer .footer-right .social a {
                display: inline-block;
                width: 40px;
                height: 30px;
                margin: 0 0 0 0;
            }

                .footer .footer-right .social a.facebook {
                    background: url(img/icons.png?v=1.34.1.1) -11px -168px no-repeat;
                }

                .footer .footer-right .social a.twitter {
                    background: url(img/icons.png?v=1.34.1.1) -11px -207px no-repeat;
                }

                .footer .footer-right .social a.blog {
                    background: url(img/icons.png?v=1.34.1.1) -11px -244px no-repeat;
                }

                .footer .footer-right .social a.settings {
                    background: url(img/icons.png?v=1.34.1.1) -11px -130px no-repeat;
                }

        .footer .footer-right .settings {
            position: relative;
            height: 30px;
            float: left;
            margin-left: 10px;
        }

            .footer .footer-right .settings:hover > .submenu, .footer .footer-right .settings.hover-effect > .submenu {
                display: block;
            }

            .footer .footer-right .settings:hover > a, .footer .footer-right .settings.hover-effect > a {
                background: #626161;
            }

            .footer .footer-right .settings .submenu {
                position: absolute;
                display: none;
                bottom: 30px;
                left: 0;
                width: 100%;
                background: #626161;
                padding: 15px 0;
            }

                .footer .footer-right .settings .submenu li {
                    border-bottom: 1px solid #747474;
                }

                    .footer .footer-right .settings .submenu li a {
                        display: block;
                        color: #fff;
                        text-decoration: none;
                        padding: 5px 15px 5px 20px;
                        font-size: 13px;
                    }

                        .footer .footer-right .settings .submenu li a.expand {
                            background: url(img/play.png) 6px 7px no-repeat;
                        }

                        .footer .footer-right .settings .submenu li a .icon {
                            width: 6px;
                            height: 8px;
                            background: url(img/play.png) 0 0 no-repeat;
                        }

                        .footer .footer-right .settings .submenu li a:hover {
                            text-decoration: underline;
                        }

                    .footer .footer-right .settings .submenu li > .submenu {
                        left: -140px;
                        bottom: 48px;
                    }

                    .footer .footer-right .settings .submenu li:hover > .submenu, .footer .footer-right .settings .submenu li.hover-effect > .submenu {
                        display: block;
                    }



        .footer .footer-right .settings-button {
            display: block;
            float: left;
            padding: 15px 50px 15px 25px;
            position: relative;
            font-size: 13px;
            color: #fff;
            font-weight: normal;
            text-decoration: none;
        }

            .footer .footer-right .settings-button:hover {
                background: #626161;
            }

            .footer .footer-right .settings-button .settings-icon {
                position: absolute;
                right: 15px;
                top: 8px;
                width: 24px;
                height: 24px;
                display: block;
                background: url(img/icons.png?v=1.34.1.1) -18px -134px no-repeat;
            }