@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);

@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/open-sans/open-sans-regular.woff2') format('woff2'),url('../../fonts/open-sans/open-sans-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.CheckBox, .ComboBox, .Textbox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

    .Textbox, .Textbox:focus, .Textbox:hover {
        outline: 0;
        padding: 2px
    }

.Button, .Label, .focusedElement, .hoverstyle, .wmark {
    font-family: Tahoma
}

.fa-thin:hover, .fat:hover, .verticaltext, .wmark, Label {
    font-weight: 400
}

fieldset, legend {
    border-image: initial
}

.box-header, .verticaltext, fieldset, legend {
    display: block
}

    .box, .box-header, .box-header > .box-tools [data-toggle=tooltip] {
        position: relative
    }

html {
    height: 100%
}

.focusedElement {
    background: #c0ffff;
    border-top: 1px solid #2648fe;
    border-left: 1px solid #2648fe;
    border-right: 1px solid #6689c0;
    border-bottom: 1px solid #6689c0
}

body {
    height: 100%;
    color: #000;
    font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    margin: 0;
    line-height: 1.4;
    padding-right: 0 !important
}

.ImageButton, .Label {
    vertical-align: middle
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 3px;
    vertical-align: middle;
    font-family: Tahoma
}

.ComboBox, .Textbox {
    border-radius: 3px;
    border: 1px solid #bdc3c7
}

    .ComboBox, .ComboBox:focus, .ComboBox:hover {
        outline: 0;
        padding: 1px
    }

.Button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #bdc3c7;
    outline: 0;
    padding: 2px;
    font-size: 10pt;
    vertical-align: middle
}

    .Button:focus, .Button:hover {
        border-color: #8cc4db;
        box-shadow: 0 0 1px 0 #7cc5e5 inset
    }

.hoverstyle:focus, .hoverstyle:hover {
    border-top: 1px solid #2648fe;
    border-left: 1px solid #2648fe;
    border-right: 1px solid #6689c0;
    border-bottom: 1px solid #6689c0;
    color: #00f
}

.hoverstyle {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray
}

    .hoverstyle:hover {
        background: Azure
    }

    .hoverstyle:focus {
        background: #c0ffff
    }

.myButton:hover {
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / .4);
    -moz-box-shadow: 0 2px 2px rgb(0 0 0 / .4);
    box-shadow: 0 2px 2px rgb(0 0 0 / .4)
}

.myButton:focus {
    -webkit-box-shadow: 0 2px 2px #fff0;
    -moz-box-shadow: 0 2px 2px #fff0;
    box-shadow: 0 2px 2px #fff0;
    color: #00f
}

.myButton:active {
    -webkit-box-shadow: 0 2px 2px #fff0;
    -moz-box-shadow: 0 2px 2px #fff0;
    box-shadow: 0 2px 2px #fff0
}

.myButton2 {
    background: #4479ba;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 4px solid #fff0;
    text-shadow: 0 -1px 0 rgb(0 0 0 / .1);
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / .4),0 2px 1px rgb(0 0 0 / .2);
    -moz-box-shadow: inset 0 1px 0 rgb(255 255 255 / .4),0 2px 1px rgb(0 0 0 / .2);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .4),0 4px 1px rgb(0 0 0 / .2);
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .myButton2:active, .myButton2:hover {
        -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / .4);
        -moz-box-shadow: 0 2px 4px rgb(0 0 0 / .4);
        box-shadow: 0 2px 4px rgb(0 0 0 / .4)
    }

.ustcizgi {
    border-top: 2px solid #000
}

.grd_altcizgi {
    border-bottom: 1px #dbdbdb
}

.grd_altcizgi3 {
    border-bottom: 1px #5d7b9d
}

.grd_altcizgi2 {
    border-bottom: 1px solid #5d7b9d
}

.grd_altcizgi_ {
    border-bottom: 1px #e5dede
}

.bottom_left_right_dotted, .bottom_right_dotted {
    border-bottom: 1px dashed #a9a9a9;
    border-right: 1px dashed #a9a9a9
}

.bottom_dotted {
    BORDER-BOTTOM: #a9a9a9 1px Dashed
}

.bottom_left_right_dotted {
    border-left: 1px dashed #a9a9a9
}

.wmark {
    font-style: italic;
    color: #d3d3d3;
    font-size: 7pt;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000
}

table.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.bottom_dotted_table table {
    width: 100%;
    height: 100%;
    margin: 0
}

.bottom_dotted_table td {
    padding: 2px;
    border-bottom: dotted;
    border-bottom-width: thin
}

.bottom_dotted_table_light td {
    padding: 2px;
    border-bottom: dotted #d3d3d3;
    border-bottom-width: thin;
    color: #444 !important
}

.tableZeroSpace td, .tableZeroSpace th, legend, td {
    padding: 0
}

.verticaltext {
    color: #333;
    border: 0 solid red;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
    bottom: 0;
    width: 20px;
    height: 20px;
    font-family: ‘Trebuchet MS’,Helvetica,sans-serif;
    font-size: 22px;
    text-shadow: 0 0 0 #333
}

.aspxmemoStyle {
    width: 97% !important;
    padding: 5px !important
}

th {
    font-weight: 400 !important;
    height: 22px
}

.grdHeaderRight, .table_th_alg_right {
    text-align: right
}

.pubstats_table td, .pubstats_table th {
    font-size: 9pt;
    padding: 3px;
    font-weight: 100 !important
}

fieldset {
    border: 1px solid #d3d3d3 !important
}

legend {
    border-width: initial;
    border-style: none;
    border-color: initial;
    margin-bottom: -5px;
    line-height: inherit;
    float: none;
    width: auto;
    padding: 0 10px;
    font-size: .7rem;
    font-weight: 500
}

.panel-heading {
    padding: 1px 5px
}

.treeview-menu {
    padding-left: 0 !important
}

.treeview li {
    padding: 2px 10px !important
}

.treeview-menu > li > a {
    padding: 1px 1px 1px 10px
}

.btn {
    border-radius: 7px
}

.btn-xs {
    padding: .2rem .1rem;
    font-size: .75rem;
    line-height: 1;
    border-radius: .2rem;
    font-family: tahoma
}

.btn-default {
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #5b636a
}

    .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn-link.active, .btn-link:active, .btn-link:focus, .btn-link:hover, .open > .dropdown-toggle.btn-primary {
        border-color: #a9a9a9
    }

.panel-heading > .dropdown .dropdown-toggle, .panel-title, .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .fa, .fa-thin, .fab, .fad, .fal, .far, .fas {
    margin-right: 3px
}

.select2-container {
    font-family: 'Open Sans',Tahoma,Geneva,Verdana,sans-serif;
    font-size: 11px;
    font-weight: 500
}

.panel {
    margin-bottom: 5px !important;
    background-color: #fff;
    border: 1px solid #fff0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / .05);
    box-shadow: 0 1px 1px rgb(0 0 0 / .05)
}

.panel-body {
    padding: 2px
}

.panel-heading {
    border-bottom: 1px solid #fff0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.box, .panel-group {
    margin-bottom: 20px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.box-body > .table, .panel > .list-group, .panel > .panel-collapse > .list-group, .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

.panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
        border-bottom-left-radius: 3px
    }

    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
        border-bottom-right-radius: 3px
    }

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body, .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.box.box-solid, .panel-group .panel-footer, .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .box-comments .box-comment:last-of-type, .panel-group .panel-heading, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

    .box-body .fc, .panel-group .panel + .panel {
        margin-top: 5px
    }

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.grdBorderMute td, .panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #337ab7
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #fff;
        background-color: #17a2b8;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1
    }

.box .nav-stacked > li, .box-header.with-border {
    border-bottom: 1px solid #f4f4f4
}

.bg-warning {
    background-color: #f39c12 !important
}

.box {
    border-radius: 3px;
    background: #fff;
    border-top: 3px solid #d2d6de;
    width: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / .1)
}

    .box.box-solid > .box-header .btn.btn-default, .btn-box-tool {
        background: 0 0
    }

    .box.box-primary {
        border-top-color: #3c8dbc
    }

    .box.box-info {
        border-top-color: #00c0ef
    }

    .box.box-danger {
        border-top-color: #dd4b39
    }

    .box.box-warning {
        border-top-color: #f39c12
    }

    .box.box-success {
        border-top-color: #00a65a
    }

    .box.box-default {
        border-top-color: #d2d6de
    }

    .box.collapsed-box .box-body, .box.collapsed-box .box-footer {
        display: none
    }

    .box .nav-stacked > li {
        margin: 0
    }

        .box .nav-stacked > li:last-of-type, .collapsed-box .box-header.with-border {
            border-bottom: none
        }

    .box.height-control .box-body {
        max-height: 300px;
        overflow: auto
    }

    .box .border-right {
        border-right: 1px solid #f4f4f4
    }

    .box .border-left {
        border-left: 1px solid #f4f4f4
    }

    .box.box-solid > .box-header .btn:hover, .box.box-solid > .box-header a:hover {
        background: rgb(0 0 0 / .1)
    }

    .box.box-solid.box-default {
        border: 1px solid #d2d6de
    }

        .box.box-solid.box-default > .box-header {
            color: #444;
            background: #d2d6de
        }

            .box.box-solid.box-default > .box-header .btn, .box.box-solid.box-default > .box-header a {
                color: #444
            }

    .box.box-solid.box-primary {
        border: 1px solid #3c8dbc
    }

        .box.box-solid.box-primary > .box-header {
            color: #fff;
            background: #3c8dbc
        }

            .MyTabStyle .ajax__tab_hover .ajax__tab_inner, .box.box-solid.box-danger > .box-header .btn, .box.box-solid.box-danger > .box-header a, .box.box-solid.box-info > .box-header .btn, .box.box-solid.box-info > .box-header a, .box.box-solid.box-primary > .box-header .btn, .box.box-solid.box-primary > .box-header a, .box.box-solid.box-success > .box-header .btn, .box.box-solid.box-success > .box-header a, .box.box-solid.box-warning > .box-header .btn, .box.box-solid.box-warning > .box-header a, .box.box-solid[class*=bg] > .box-header {
                color: #fff
            }

    .box.box-solid.box-info {
        border: 1px solid #00c0ef
    }

        .box.box-solid.box-info > .box-header {
            color: #fff;
            background: #00c0ef
        }

    .box.box-solid.box-danger {
        border: 1px solid #dd4b39
    }

        .box.box-solid.box-danger > .box-header {
            color: #fff;
            background: #dd4b39
        }

    .box.box-solid.box-warning {
        border: 1px solid #f39c12
    }

        .box.box-solid.box-warning > .box-header {
            color: #fff;
            background: #f39c12
        }

    .box.box-solid.box-success {
        border: 1px solid #00a65a
    }

        .box.box-solid.box-success > .box-header {
            color: #fff;
            background: #00a65a
        }

    .box.box-solid > .box-header > .box-tools .btn {
        border: 0;
        box-shadow: none
    }

    .box .box-group > .box {
        margin-bottom: 5px
    }

    .box .knob-label {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 12px;
        margin-bottom: .3em
    }

    .box > .loading-img, .box > .overlay, .overlay-wrapper > .loading-img, .overlay-wrapper > .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .box .overlay, .overlay-wrapper .overlay {
        z-index: 50;
        background: rgb(255 255 255 / .7);
        border-radius: 3px
    }

        .box .overlay > .fa, .overlay-wrapper .overlay > .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            color: #000;
            font-size: 30px
        }

        .box .overlay.dark, .overlay-wrapper .overlay.dark {
            background: rgb(0 0 0 / .5)
        }

.box-body:after, .box-body:before, .box-comments .box-comment:after, .box-comments .box-comment:before, .box-footer:after, .box-footer:before, .box-header:after, .box-header:before {
    content: " ";
    display: table
}

.box-body:after, .box-comments .box-comment:after, .box-footer:after, .box-header:after {
    clear: both
}

.box-header {
    color: #444;
    padding: 10px
}

    .box-header .box-title, .box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
        display: inline-block;
        font-size: 18px;
        margin: 0;
        line-height: 1
    }

    .box-header > .box-tools {
        position: absolute;
        right: 10px;
        top: 5px
    }

        .box-header > .box-tools.pull-right .dropdown-menu {
            right: 0;
            left: auto
        }

        .box-header > .box-tools .dropdown-menu > li > a {
            color: #444 !important
        }

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    color: #97a0b3
}

.box-body, .box-footer {
    border-radius: 0 0 3px 3px;
    padding: 10px
}

.btn-box-tool:hover, .open .btn-box-tool {
    color: #606c84
}

.btn-box-tool.btn:active {
    box-shadow: none
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.box-body .full-width-chart {
    margin: -19px
}

.box-body.no-padding .full-width-chart {
    margin: -9px
}

.box-body .box-pane {
    border-radius: 0 0 0 3px
}

.box-body .box-pane-right {
    border-radius: 0 0 3px
}

.box-footer {
    border-top: 1px solid #f4f4f4;
    background-color: #fff
}

.chart-legend {
    margin: 10px 0
}

@media (max-width:991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px
    }
}

.box-comments {
    background: #f7f7f7
}

    .box-comments .box-comment {
        padding: 8px 0;
        border-bottom: 1px solid #eee
    }

        .box-comments .box-comment:first-of-type {
            padding-top: 0
        }

        .box-comments .box-comment img {
            float: left
        }

    .box-comments .comment-text {
        margin-left: 40px;
        color: #555
    }

    .box-comments .username {
        color: #444;
        display: block;
        font-weight: 600
    }

    .box-comments .text-muted {
        font-weight: 400;
        font-size: 12px
    }

@keyframes fa-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0
    }
}

.fa-blink {
    -webkit-animation: 1s linear infinite fa-blink;
    -ms-animation: fa-blink 1 linear infinite
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400 !important;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: middle
}

.DropDownListEnableThemingFalse, .DropDownListEnableThemingFalseGridPager {
    border-color: #aaa;
    color: #454545;
    height: 22px;
    font-family: Tahoma;
    font-size: 8pt
}

.grdStyle {
    margin-top: 3px
}

.tblZeroPaddingApp {
    padding: 0 !important;
    border: 1px
}

.select2-selection__rendered {
    word-wrap: hyphenate !important;
    text-overflow: inherit !important;
    white-space: normal !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    height: 20px
}

.MyTabStyle .ajax__tab_header {
    font-family: "Helvetica Neue",Arial,Sans-Serif;
    font-size: 14px;
    display: block
}

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        color: #222;
        padding-left: 5px;
        margin-right: 3px;
        border: 1px solid #d7d7d7
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #8aa4af
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: orange;
    background-color: #d7d7d7
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: #000;
    border-color: #333
}

.MyTabStyle .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-top-color: #fff
}

.modal-footer, .modal-header {
    padding: .4rem
}

    .modal-header .close {
        padding: 0;
        margin: 0 0 0 auto
    }

.mycontainer {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: grey;
    max-width: 100% !important;
    opacity: .8;
    z-index: 9999
}

    .mycontainer:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: top
    }

    .mycontainer .spinner-frame {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        border: 5px solid #fff;
        padding: 10px
    }

        .mycontainer .spinner-frame .spinner-cover {
            background: #fff;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            position: relative;
            z-index: 2
        }

        .mycontainer .spinner-frame .spinner-bar {
            opacity: .7;
            background: #29d;
            width: 50%;
            height: 50%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 100% 0 0;
            -webkit-animation: 2s linear infinite spinny;
            transform-origin: 100% 100%
        }

@-webkit-keyframes spinny {
    0% {
        transform: rotate(0);
        background: #d86d04
    }

    50% {
        transform: rotate(180deg);
        background: #f39313
    }

    100% {
        transform: rotate(360deg);
        background: #d86d04
    }
}

.tarihTema .ajax__calendar_container {
    z-index: 1;
    width: 200px !important;
    padding-top: 14px;
    padding-bottom: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #000
}

.tarihTema .ajax__calendar_footer {
    border-top: 1px solid #f5f5f5
}

.tarihTema .ajax__calendar_dayname {
    margin: 1px;
    border-bottom: 1px solid #f5f5f5;
    color: #595959;
    font-weight: 700
}

.tarihTema .ajax__calendar_month, .tarihTema .ajax__calendar_year {
    border: 1px solid #fff
}

.tarihTema .ajax__calendar_active .ajax__calendar_day {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-color: #06c;
    color: #8b0000;
    font-weight: 700
}

.tarihTema .ajax__calendar_active .ajax__calendar_month {
    background-color: #fff;
    border-color: #06c;
    color: #06c
}

.tarihTema .ajax__calendar_active .ajax__calendar_year {
    background-color: #fff;
    border-color: #06c;
    color: red
}

.tarihTema .ajax__calendar_today .ajax__calendar_day {
    margin: 2px;
    border-color: #06c
}

.tarihTema .ajax__calendar_today .ajax__calendar_month, .tarihTema .ajax__calendar_today .ajax__calendar_year {
    border-color: #06c
}

.tarihTema .ajax__calendar_other .ajax__calendar_day, .tarihTema .ajax__calendar_other .ajax__calendar_year {
    background-color: #fff;
    border-color: #fff;
    color: #646464
}

.tarihTema .ajax__calendar_hover .ajax__calendar_day {
    background-color: #fff;
    border-color: #daf2fc;
    color: #8b0000;
    font-weight: 700
}

.tarihTema .ajax__calendar_hover .ajax__calendar_month, .tarihTema .ajax__calendar_hover .ajax__calendar_year {
    background-color: #fff;
    border-color: #daf2fc;
    color: #06c
}

.tarihTema .ajax__calendar_hover .ajax__calendar_title, .tarihTema .ajax__calendar_hover .ajax__calendar_today {
    color: #06c
}

.tarihTema .ajax__calendar_title {
    color: #595959;
    font-weight: 700
}

.fa-thin, .fat {
    font-size: 15px
}

.GridPager a, .GridPager span {
    display: block;
    height: 15px;
    width: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

.GridPager a {
    background-color: #d3d3d3;
    color: #6b6b6b !important;
    border: 1px solid #969696
}

.GridPager span {
    background-color: #a1dcf2;
    color: #6b6b6b;
    border: 1px solid #3ac0f2
}

input:focus, input:hover {
    outline: 0
}

* {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1
}

::-webkit-scrollbar {
    width: 13px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    border: 3px solid #f1f1f1
}

    ::-webkit-scrollbar-thumb:hover {
        background: #8e8e8e
    }

.alert-warning {
    color: #918e8e;
    background-color: #f4f4f4;
    border-color: #d5d5d5
}

.grdBorderMute th {
    border-color: #ddd;
    background-color: #f5f5f5;
    color: #000
}

.swal2-popup:not(:has(.swal2-loading)) {
    font-size: 12px !important;
    padding: 0em 0.5em 1em 0.5em !important
}
.swal2-container .swal2-html-container:not(:has(.swal2-loading)) {
    box-shadow: 0 1px 1px #f0f0f0 !important;
    padding: 15px 15px !important;
    max-height: 25em !important;
    overflow-y: scroll !important;
    text-align: left !important;    
}
.swal2-title:not(:has(.swal2-loading)) {
    text-align: left;
    box-shadow: 0 1px 1px #f0f0f0 !important;
    padding-bottom: 15px;
}
.swal2-confirmxxx:focus {
    outline: solid 3px rgba(100, 150, 255, 0.7) !important;
    box-shadow: 0 0 0 3px rgba(80, 120, 255, .5) !important;
}
.swal2-styled:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px #ffffff, /* 1px boşluk (beyaz) */
    0 0 0 3px #3085d655 !important; /* İnce mavi gölge */
}
.swal2-close:focus {
    outline: none !important;
    box-shadow: 0 0 0 0px #ffffff, 0 0 0 2px #3085d655 !important; /* Confirm butondan 1px daha ince */
    border-radius: 30% !important; /* Yuvarlak butonda daha doğal görünür */
}
.swal2-close {
    width: 1.0em;
    height: 1.0em;
    margin-top:3px;
}
 /*       
.swal2-content:not(:has(.swal2-loading)) {
    box-shadow: 0 1px 1px #f0f0f0 !important;
    padding: 15px 0 !important;
    max-height: 25em !important;
    overflow-y: scroll !important
}

.swal2-popup .swal2-header:not(:has(.swal2-loading)) {
    align-items: flex-start !important;
    box-shadow: 0 1px 1px #f0f0f0 !important
}

.swal2-popup #swal2-content:not(:has(.swal2-loading)), .text-start {
    text-align: left !important
}

.swal2-popup .swal2-actions:not(:has(.swal2-loading)):not(.swal2-loading) {
    align-items: flex-end !important;
    justify-content: flex-end !important;
    margin: .5em 0 0 !important
}

.swal2-loading .swal2-content, .swal2-loading .swal2-header {
    display: none !important
}*/

    .announcement-panel {
    border: 1px solid #6c757d;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    width: 100%;
    box-sizing: border-box
}

    .announcement-panel .icon {
        font-size: 20px;
        color: #6c757d;
        margin-right: 15px
    }

    .announcement-panel .title {
        font-size: .8rem;
        margin: 0
    }

    .announcement-panel p {
        font-size: .75rem;
        margin: 0
    }

.close-icon {
    color: #6c757d;
    margin-left: auto;
    cursor: pointer
}

input[readonly] {
    background-color: #f8f9fa;
    color: #6c757d;
    border: 1px solid #ced4da;
    cursor: not-allowed
}

.close, .close-modal {
    border: none;
    background-color: transparent;
    font-size: 22px;
    position: absolute;
    top: 0;
    right: 5px
}

.alert-dismissible .close {
    padding: 0 !important
}

a {
    text-decoration: none !important
}

.text-end {
    text-align: right !important
}

.CheckBox:hover, .ComboBox:hover, .Textbox:hover {
    border: 1px solid #2cace5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-moz-border-radius: 3px;
    box-shadow: 0 0 4px 2px #7cc5e5
}

.CheckBox:focus, .ComboBox:focus, .Textbox:focus {
    border: 1px solid #2cace5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-moz-border-radius: 3px;
    box-shadow: 0 0 2px 1px #2cace5
}

.CheckBox, .CheckBox:focus, .CheckBox:hover {
    padding: 3px;
    outline: 0
}

.CheckBox {
    border-radius: 3px;
    border: 1px solid #bdc3c7;
    height: 20px !important
}

    .CheckBox input[type=checkbox], .RadioButtonList input[type=radio] {
        vertical-align: middle !important
    }

fieldset {
    padding: .5rem 1rem 1rem;
    margin: .5rem .5rem 0;
    border-radius: 0
}