html, body {
    height: 100%;
    /* font-family: 'Segoe UI';*/
}


/* set a border-box model only to elements that need it */
.form-control, .container, .container-fluid, .row, col,
.col-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    box-sizing: border-box;
}

/*Bootstarp*/
.btn {
    border-radius: 0px;
}

.btn-link {
    color: deepskyblue;
}

.form-group {
    margin-bottom: 0.5rem;
}

/*Bootstarp navbar*/
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0,0,0,.5);
}

.navbar-light .navbar-nav .nav-item.active .nav-link {
    color: rgba(0,0,0,.9);
}

/*KENDO*/


/*Kendo radius */
.k-button,
.k-textbox,
.k-autocomplete-wrap,
.k-multiselect-wrap,
.k-dropdown-wrap,
.k-numeric-wrap,
.k-numeric-wrap .k-select,
.k-picker-wrap,
.k-picker-wrap .k-select,
.k-list-container.k-popup,
.k-notification,
.k-window,
.k-tabstrip .k-item,
.k-checkbox,
.k-editor-toolbar .k-tool-group .k-select,
.k-editor-toolbar .k-tool-group .k-group-start,
.k-editor-toolbar .k-tool-group .k-group-end,
.k-treeview .k-in {
    border-radius: 0px !important;
}

/*Kendo font size */
.k-widget, .k-textbox {
    font-size: 0.9em;
}

.k-multiselect .k-button,
.k-multiselect .k-icon {
    font-size: 0.84em !important;
}

/*Kendo element*/
.k-floating-label-container,
.k-textbox,
.k-input.k-textbox,
.k-multiselect,
.k-numerictextbox,
.k-datetimepicker,
.k-datepicker,
.k-timepicker,
.k-dateinput,
.k-dropdown {
    width: 100%;
}

.k-numeric-wrap.k-state-default .k-select,
.k-dropdown-wrap.k-state-default,
.k-dropdown-wrap.k-state-default .k-select,
.k-picker-wrap.k-state-default .k-select {
    background-color: transparent;
}

.k-dropdown-wrap.k-state-disabled,
.k-picker-wrap.k-state-disabled {
    background-color: whitesmoke;
}

/*dropdown filter ayarı*/
.k-list-container .k-list-filter {
    padding-top: 4px;
    min-height: 0px;
    height: 46px;
    background-color: whitesmoke;
}


/*tab strip*/
.k-tabstrip > .k-tabstrip-items .k-item .k-link {
    padding: .3rem 1.5rem;
}

.k-tabstrip > .k-content {
    border: none;
    padding-top: 15px;
    outline: none !important; /*bootstrapt  4.6 da gelen seçinçe gelen cerceveyi kaldırıyoruz*/
}



.k-tabstrip .k-item.k-state-active {
    border-color: silver;
}

/* kendoListBox */
.k-list .k-item.k-state-selected {
    background-color: rgba(0,123,255,.5);
}

/*kendo--grid  */
.k-grid-content.k-auto-scrollable {
    overflow: auto;
}

.k-grid .k-grid-content-locked .k-state-hover td,
.k-grid .k-grid-content-locked tr:hover td,
.k-grid tbody tr.k-state-hover,
.k-grid tbody tr:hover {
    background-color: rgba(142, 194, 251, 0.10) !important;
}

.k-grid .k-grid-header-locked {
    /*background-color: rgba(0,0,0,.03);*/
    background-color: transparent;
}

.k-grid .k-grid-content-locked td {
    background-color: transparent;
}

.k-grid .k-grid-content .k-alt,
.k-grid .k-grid-content .k-alt td,
.k-grid .k-grid-content-locked .k-alt,
.k-grid .k-grid-content-locked .k-alt td {
    background-color: rgba(0,0,0,.02);
}

.k-grid .k-grid-content,
.k-grid .k-grid-content-locked {
    min-height: 150px;
    padding-bottom: 1px;
}

    .k-grid .k-grid-content-locked,
    .k-grid .k-grid-content-locked td,
    .k-grid .k-grid-header-locked,
    .k-grid .k-grid-header-locked .k-header {
        border-color: #dee2e6;
    }

.k-grid .k-command-cell .k-button {
    margin: 0px 3px 0px 0px;
    box-shadow: none !important;
}

.k-grid td {
    padding: 0.3em 0.4em !important;
    overflow: hidden;
}

.k-grid .k-grid-edit-row td {
    padding: 0.2em 0.4em !important;
}

.k-grid .k-grid-header td,
.k-grid .k-grid-header th {
    font-weight: 500;
    padding: 0.5em 0.4em;
}

.k-grid .k-tooltip.k-tooltip-validation {
    display: inline-table;
}


.k-grid .k-grid-header,
.k-grid .k-grid-header .k-header {
    background-color: transparent;
    /*white-space: normal;*/
}

    .k-grid .k-grid-header .k-header .k-link {
        height: auto;
        max-height: 72px;
    }

.k-grid .k-grid-pager {
    background-color: transparent;
}

.k-grid [type=checkbox] {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

    .k-grid-header #btnEkleToplu,
    .k-grid-header #btnEkle {
        background-color: transparent;
        color: cornflowerblue;
        width: 32px;
        height: 28px;
        position: absolute;
        top: 4px;
        left: 5px;
    }

    .k-grid-header #btnEkle:hover {
        background-color: cornflowerblue;
        color: white;
    }

.k-grid-header #btnSaveAsExcel {
    background-color: transparent;
    color: forestgreen;
    width: 32px;
    height: 28px;
    position: absolute;
    top: 4px;
    right: 23px;
}

    .k-grid-header #btnSaveAsExcel:hover {
        background-color: forestgreen;
        color: white;
    }

[role=gridcell] .btnDetay {
    background-color: gainsboro;
    padding: 5px 3px;
    font-size: 0.8em;
}

[role=gridcell] .btnDetay:hover {
    background-color: silver;
}

.btnCustom {
    width: 32px;
}


.k-command-cell .k-button.k-button-icontext.k-grid-edit,
.k-command-cell .k-button.k-button-icontext.k-grid-delete,
.k-command-cell .k-button.k-button-icontext.k-grid-update,
.k-command-cell .k-button.k-button-icontext.k-grid-cancel {
    width: 32px;
}

.k-command-cell .k-button.k-button-icontext.k-grid-edit {
    background-color: transparent;
    color: mediumseagreen;
}

    .k-command-cell .k-button.k-button-icontext.k-grid-edit:hover {
        background-color: mediumseagreen;
        color: white;
    }

    .k-command-cell .k-button.k-button-icontext.k-grid-edit.disabled {
        opacity: 0.30;
    }

.k-command-cell .k-button.k-button-icontext.k-grid-delete {
    background-color: transparent;
    color: orangered;
}

    .k-command-cell .k-button.k-button-icontext.k-grid-delete:hover {
        background-color: orangered;
        color: white;
    }

    .k-command-cell .k-button.k-button-icontext.k-grid-delete.disabled {
        opacity: 0.30;
    }

.k-command-cell .k-button.k-button-icontext.k-grid-update {
    background-color: transparent;
    color: navy;
}

    .k-command-cell .k-button.k-button-icontext.k-grid-update:hover {
        background-color: navy;
        color: white;
    }

    .k-command-cell .k-button.k-button-icontext.k-grid-update.disabled {
        opacity: 0.30;
    }

.k-command-cell .k-button.k-button-icontext.k-grid-cancel {
    background-color: transparent;
    color: darkslategray;
}

    .k-command-cell .k-button.k-button-icontext.k-grid-cancel:hover {
        background-color: darkslategray;
        color: white;
    }

    .k-command-cell .k-button.k-button-icontext.k-grid-cancel.disabled {
        opacity: 0.30;
    }

.k-grid .k-detail-row .k-detail-cell {
    border-width: 1px;
    border-top: none;
    border-bottom: none;
    border-right: none;
    font-weight: lighter;
    padding-top: 0px;
    padding-bottom: 15px;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    right: 0px;
    bottom: 0px;
}

/* TreeList */
.k-treelist .k-button {
    height: auto;
    padding: 6px;
}

    .k-treelist .k-button .k-icon {
        margin: 0 !important;
    }

/*treeview*/

.k-treeview .k-in {
    padding: 0.1rem 0.5rem;
    margin: 0.1rem;
}

    .k-treeview .k-in:hover {
        background-color: transparent;
        border-color: transparent;
    }

    .k-treeview .k-in.k-state-focused {
        box-shadow: none;
    }

    .k-treeview .k-in.k-state-selected {
        color: inherit;
        box-shadow: none;
        background-color: lightblue;
        border-color: transparent;
    }


.k-treeview .k-bot, .k-treeview .k-mid, .k-treeview .k-top {
    padding: 0px;
}

.k-treeview .k-item .k-checkbox-label:before {
    width: 17px;
    height: 17px;
}

.k-treeview .k-item .k-checkbox-label:after {
    background-color: cornflowerblue;
}

.k-treeview .k-item .k-checkbox:checked + .k-checkbox-label:after {
    content: '\2713';
}


/*kendo window*/
.k-window-titlebar {
    padding: 7px;
}

    .k-window-titlebar .k-window-title {
        /*height: 22px;*/
        font-size: 1.1em;
    }

    .k-window-titlebar .k-window-actions .k-icon {
        font-size: 1.2em;
    }


/*kendo--validation*/
.mn-invalid.k-tabstrip-item {
    color: orangered !important;
}

.mn-invalid.k-widget,
.mn-invalid.k-input,
.mn-invalid.k-textbox,
.mn-invalid.k-multiselect .k-multiselect-wrap,
.mn-invalid.k-dropdown-wrap,
.mn-invalid > .k-autocomplete,
.mn-invalid > .k-numeric-wrap,
.mn-invalid > .k-picker-wrap {
    border-color: orangered;
}

.mn-valid.k-input,
.mn-valid.k-textbox,
.mn-valid.k-multiselect .k-multiselect-wrap,
.mn-valid.k-dropdown-wrap,
.mn-valid > .k-autocomplete,
.mn-valid > .k-numeric-wrap,
.mn-valid > .k-picker-wrap {
    /*border-color: #28a745;*/
}


/**checkbox*/
:checked.k-checkbox + .k-checkbox-label::before {
    content: '\2713';
}

.k-checkbox-label::before {
    background-color: transparent;
    padding: 3px;
    border-width: 0.5px;
    width: 18px;
    height: 18px;
}

/*.k-list-container.k-popup*/
.k-list-container.k-popup {
    border-color: #8fbceb;
    box-shadow: 1px 1px 15px #8fbceb;
    padding-top: 0px;
    /*height: auto !important;*/
}


.k-pager-wrap {
    min-height: unset !important;
    padding: 0.15em 0.20em !important;
    font-size: 0.9em;
}

    .k-pager-wrap .k-pager-info.k-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .k-pager-wrap .k-pager-sizes .k-dropdown {
        width: 85px;
    }

.k-pager-numbers .k-state-selected {
    background-color: transparent;
    border-color: gray;
    color: black;
}

    .k-pager-numbers .k-state-selected:hover {
        border-color: dimgrey;
        background-color: transparent;
        color: black;
    }

.k-pager-refresh.k-link {
    color: #54a7d6;
}

.k-pager-wrap .k-link, .k-pager-wrap .k-pager-nav {
    border: none;
}

/* kendo dialog */
.k-dialog-buttongroup {
    padding: 0.5rem;
}

    .k-dialog-buttongroup .k-button {
        font-size: small;
    }

/*kendo editor k-editor-toolbar*/
.k-editor-toolbar .k-tool-group {
    padding: 2px;
}

.k-editor-dialog.k-popup-edit-form.k-viewhtml-dialog textarea.k-editor-textarea.k-input {
    resize: both;
    overflow: auto;
    min-width: 500px;
    min-height: 250px;
}

/* kendo rating*/
.k-rating .k-rating-container .k-rating-item {
    padding: 0px;
}

/* kendo timeline*/
.k-card-callout {
    border-width: 2px 2px 0 0;
    border-color: #fbbb41 !important;
}

/*mn style*/
.mnPageViewHeader {
    padding: 6px 10px 8px 15px;
    opacity: 0.9;
    /*box-shadow: 0px 0px 5px #ccc;*/
}

    .mnPageViewHeader .mnHeaderLine {
        margin-top: 4px;
        margin-bottom: 0px;
        /*display:none;*/
    }

.mnPageViewContent {
    padding: 10px 15px;
    /*box-shadow: 0px 0px 5px #ccc;*/
}

    .mnPageViewContent .mnFindTab {
        margin-bottom: 5px;
    }

    .mnPageViewContent .mnFindPanel {
        margin-bottom: 5px;
    }

        .mnPageViewContent .mnFindPanel .mnFindPanelRow {
            padding: 5px 0px;
        }

        .mnPageViewContent .mnFindPanel .k-expander-header {
            padding: 0.5rem 1rem;
            background-color: #f5f5f56d;
        }

        .mnPageViewContent .mnFindPanel.k-expander-content {
            padding: 0.5rem 1rem;
        }

        .mnPageViewContent .mnFindPanel.k-expander.k-state-focus {
            box-shadow: inset 0 0 0 1px rgb(33 37 41 / 15%);
        }



.mnFindElementDiv {
    margin-top: 1px;
    margin-bottom: 1px !important;
    margin-right: 15px;
}

.mnButtonGroup {
    position: absolute;
    z-index: 99;
    right:10px;
}

    .mnButtonGroup .btnDetay,
    .mnButtonGroup #btnAra,
    .mnButtonGroup #btnKaydet,
    .mnButtonGroup #btnVazgec {
        padding: 2px 6px;
    }

        .mnButtonGroup #btnAra i,
        .mnButtonGroup #btnKaydet i,
        .mnButtonGroup #btnVazgec i {
            font-size: 1.3em;
        }

.mnResetPasswordButton [name=btnResetPassword] {
    right: 0px;
    position: absolute;
    top: 0px;
    height: 100%;
    padding: 3px 8px 2px 8px;
}

/*mnSearchEdit*/
.mnSearchEdit [name=btnSearch] {
    right: 0px;
    position: absolute;
    top: 0px;
    height: 100%;
    padding: 3px 8px 2px 8px;
}

.mnSearchEdit [name=btnPreview] {
    right: 61px;
    position: absolute;
    top: 0px;
    height: 100%;
    padding: 3px 8px 2px 8px;
}

.mnSearchEdit [name=btnClear] {
    right: 34px;
    position: absolute;
    top: 0px;
    height: 100%;
    padding: 3px 8px 2px 9px;
}

    .mnSearchEdit [name=btnPreview]:focus,
    .mnSearchEdit [name=btnClear]:focus {
        box-shadow: none;
    }

.k-grid-edit-row .mnSearchEdit {
    height: 33px !important;
}

.mn-cursor-pointer {
    cursor: pointer;
}

.mn-hover-color-white:hover {
    color: white !important;
}

.mn-hover-color-black:hover {
    color: black !important;
}

.mn-hover-color-red:hover {
    color: red !important;
}

.mn-hover-color-darkblue:hover {
    color: darkblue !important;
}

.mn-hover-color-deepskyblue:hover {
    color: deepskyblue !important;
}

.mn-hover-color-blue:hover {
    color: dodgerblue !important;
}

.mn-hover-color-darkorange:hover {
    color: darkorange !important;
}

.mn-hover-color-orangered:hover {
    color: orangered !important;
}

.mn-hover-color-orange:hover {
    color: orange !important;
}

.mn-opacity-090 {
    opacity: 0.90;
}

.mn-opacity-085 {
    opacity: 0.85;
}

.mn-opacity-080 {
    opacity: 0.80;
}

.mn-opacity-075 {
    opacity: 0.75;
}

.mn-opacity-070 {
    opacity: 0.70;
}

.mn-opacity-065 {
    opacity: 0.65;
}

.mn-opacity-060 {
    opacity: 0.60;
}

.mn-opacity-050 {
    opacity: 0.50;
}

.mn-opacity-025 {
    opacity: 0.25;
}

.mn-opacity-hover-075:hover {
    opacity: 0.75;
}

.mn-opacity-hover-090:hover {
    opacity: 0.90;
}

.mn-opacity-hover-1:hover {
    opacity: 1;
}

.mn-border-w-1 {
    border-width: 2px !important;
}

.mn-border-w-2 {
    border-width: 2px !important;
}

.mn-border-w-3 {
    border-width: 3px !important;
}

.mn-border-w-4 {
    border-width: 4px !important;
}

.mn-border-w-5 {
    border-width: 4px !important;
}

.mn-text-shadow {
    text-shadow: 1px 4px 5px rgba(0,0,0,0.3), 0 -4px 30px rgba(255,255,255,0.4);
}

.mn-box-shadow {
    box-shadow: 0px 0px 5px #ccc;
}

.mn-box-shadow-hover:hover {
    box-shadow: 4px 4px 20px #ccc;
    cursor: pointer;
}

.mn-box-shadow-lg {
    box-shadow: 0 0.1rem 0.7rem rgba(0,0,0,0.50) !important;
}

.mn-box-shadow-atilay {
    box-shadow: 0 0.1rem 0.7rem rgba(0,0,0,0.30) !important;
}

.mn-text-nowrap-hidden-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mn-checkbox {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.mn-crop-text-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mn-crop-text-3 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mn-required-span::after {
    color: red;
    content: '\002A';
}
/*mn thema renk */
.mn-font-weight-500 {
    font-weight: 500 !important;
}

.mn-default-border-color {
    border-color: silver;
}

.mn-default-bg-color {
    background-color: white;
}

.mn-default-text-color {
    color: black;
}

.mn-grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* mn color*/
.mn-text-darkorange {
    color: darkorange;
}

.mn-text-deepskyblue {
    color: deepskyblue;
}

.mn-text-deeppink {
    color: deeppink;
}

/* mn background color*/
.mn-bg-gainsboro {
    background-color: gainsboro;
}

.mn-bg-silver {
    background-color: silver;
}

.mn-bg-darkorange {
    background-color: darkorange;
}

.mn-bg-deepskyblue {
    background-color: deepskyblue;
}

.mn-bg-deeppink {
    background-color: deeppink;
}

/* mn btn*/
.mn-btn-outline-darkorange {
    border-color: darkorange;
    color: darkorange;
}

    .mn-btn-outline-darkorange:hover {
        color: white;
        background-color: darkorange;
    }

.mn-btn-outline-deepskyblue {
    border-color: deepskyblue;
    color: deepskyblue;
}

    .mn-btn-outline-deepskyblue:hover {
        color: white;
        background-color: deepskyblue;
    }

.mn-btn-outline-deeppink {
    border-color: deeppink;
    color: deeppink;
}

    .mn-btn-outline-deeppink:hover {
        color: white;
        background-color: deeppink;
    }

/* kendo style bug çözülünce sil bunu*/
.k-textbox.k-space-right > input {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    padding: .375rem .75rem;
}

textarea.k-textbox {
    padding: 3px 10px;
}