/*BLUE*/
/*button*/
.k-button {
    background: none;
    background-color: #008282;
    border: none;
}

    .k-button:hover {
        border: none;
        transition: transform 0.3s;
        background-color: #008282;
        background-image:none;

    }

    .k-button:focus {
        background: none;
        background-color: #097697 !important;
        border: none;
    }

    .k-button:active {
        background: none;
        background-color: #178bd6;
        border: none;

    }


/*dropdownlist*/
.k-list .k-state-selected {
    background: none;
    background-color: #f2691c;
    border: none;
    color: white;
}

.k-list .k-state-hover {
    background: none;
    background-color: #3ca9f6;
    color: white;
}

/*footer*/
footer {
    background-color: #ebf4f3;
    color: black;
}

.grid-btn {
    background-color: #008282;
    border: none;
    color: white;
    border-radius: 0.375rem;
    padding-inline: 0.55rem;
}
    .grid-btn:hover {
        box-shadow: 0 2px 0px rgba(0, 0, 0, 0.2);
    }
    /*menu*/
    #container nav {
        background: url(../../Images/left_bg.png) right bottom repeat-x #b0d7d4;
    }

    #container nav .k-menu .k-item {
        background-color: transparent;
    }

        #container nav .k-menu .k-item .k-link {
            color: #232332b3;
            box-shadow:none;
        }


    #container nav .k-menu .k-state-hover {
        background: none;
        background-color: #3ca9f6;
    }

    #container nav .k-menu .k-link.k-state-active {
        background-color: #3ca9f6;
    }

    #container nav .k-menu .k-state-selected {
        background-color: #f2691c;
    }

#container.navOpen nav {
   /* background: #446296;*/
    background: url(../../Images/left_bg.png) right bottom repeat-x #b0d7d4;
}

#container nav .k-header:hover {
    background:#3ca9f6;
    color:#fff;
}

/*tabs*/
/*fn-path*/
/*.fn-buttons*/
.fn-buttons .k-button {
    /*background: none;
    background-color: #a8bd44;
    color: white;*/
}

    .fn-buttons .k-button:hover {
       /* background: none;
        background-color: #8a9e2b;*/
    }

    .fn-buttons .k-button:active {
        background: none;
        background-color: #8a9e2b;
        border: none;
    }

.fn-buttons .k-button-icon {
    background: none;
}

    .fn-buttons .k-button-icon:hover {
        background: none;
    }

    .fn-buttons .k-button-icon .k-icon {
        color: black;
    }

.fn-buttons .k-overflow-container {
    background-color: white;
}

.k-toolbar-first-visible .k-overflow-button {
    background-color: #f2691c;
}

.fn-buttons .k-overflow-button:hover {
    background-color: #3ba9f6;
}

#menuToggle {
    background: none;
    color: #8f9595;
    margin: 0px;
    padding: 0px;
}


    #menuToggle:hover,  .k-pager-numbers-wrap .k-button:hover {
        box-shadow: none !important;
        border:none !important;
    }

.k-window-titlebar-actions button:hover {
    box-shadow: none !important;
    background: none !important;
    border: none !important;
}

    /*grid*/
    .k-grid .k-grid-header {
        background-color: #EBF5F6;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .k-grid .k-grid-header .k-grid-header-wrap {
        border: none;
    }

    .k-grid .k-grid-header th {
        background: #EBF5F6;
        color: rgba(35, 35, 50, 0.85);
        border-bottom: 1px solid rgba(35, 35, 50, 0.08);
    }

.k-grid .k-grid-content tr:hover {
    background: #000;
}

.k-grid .k-grid-content tr.k-state-selected {
    background: inherit;
    color: black;
}

    .k-grid .k-grid-content tr.k-state-selected:hover {
        background: #d9e1f4;
    }

.k-grid .k-pager-wrap {
    background-color: #647aab;
    border-top: 1px solid #3e4e72;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .k-grid .k-pager-wrap .k-link:hover {
        background: none;
        background-color: #3ba9f6;
        border: none;
        color: white;
    }

    .k-grid .k-pager-wrap .k-link .k-icon {
        color: white;
    }

.k-grid .k-pager-numbers .k-state-selected {
    color: white;
    background-color: #f2691c;
    border:none;
}

#container nav .k-button {
    background: transparent;
}

    #container nav .k-button:hover {
        box-shadow:none;
    }


    .k-multiselect .k-button {
        background: #f35800;
        color: #fff !important;
    }

.k-listbox .k-item:hover:not(.k-state-disabled) {
    background: #f35800;
    color: #fff !important;
}


@media(max-width:480px) {
    #container nav {
        background-color: transparent;
    }

        #container nav .k-menu .k-state-hover {
            background: #446296 !important;
        }


}

/*ªí®æ¥Ø¿ý*/
.form-set {
    width: 100%;
    margin: 0 auto;
    border: 1px solid rgba(35, 35, 50, 0.08);
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    font-size: 0.95rem;

}

    .form-set > tr {
        height: auto !important;
    }

    .form-set tr > th {
        background: #EBF5F6;
        color: rgba(35, 35, 50, 0.85);
        border-bottom: 1px solid rgba(35, 35, 50, 0.08);
        text-align: center;
        vertical-align: middle;
    }

    .form-set tr > td {
        padding: 5px;
        border: 1px solid rgba(35, 35, 50, 0.08);
        text-align: left;
        background: #fff;
    }

.form-set-key {
    line-height: 25px;
    font-size: 100%;
}