.islemLoading {
    position: absolute;
    height:100%;
    width: 100%;
    z-index: 999999999;
    background-color: #fff;
    opacity: 0.75;
    filter: alpha(opacity=60);
   padding-top:40%;
}
.loading {
    width: 100%;
    height: 3px;
    padding-top: 300px;
    text-align: right;
}
.alarmlar {
    background-color: #F8F9FA;
    /*border: 4px solid #DFE0E1;*/
    padding-top: 15px;
    padding-bottom: 15px;
}

.uyarilar {
    background-color: #FFC107;
    color: #FFFFFF;
    text-decoration-color: red;
}

.chart {
    /*background-color: #262626;
            background-color: #262626;*/
}

.anasayfabar {
    box-sizing: border-box;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 0.75em;
    -webkit-font-smoothing: antialiased;
    font-size: 2.33333em;
    vertical-align: -15%;
    color: rgb(205, 151, 235) !important;
    margin: 0px 10px;
}

.HeaderForm {
    border: solid 2px #6C757D;
    color: #313A46;
    height: 35px;
  
    background-color: transparent;
    padding-left: 10px;
}

.HeadetButton{
    border: solid 2px #313A46;
    color: #313A46;
    height: 35px;
    padding-top: 5px;
    padding-left:10px;
    padding-right:10px;

}
.card-box-Header {
    border-top: solid 1px #DADDDF
}
.left-2 {
    margin-left:3px;
}
.TabloyaSigdir
{
    overflow: hidden; /* Verilen genişlikten (150px) artanı gizlemesini istiyoruz */
    white-space: nowrap; /* Yazıyı tek satırla sınırlandırıyoruz */
    text-overflow: ellipsis; /* Yazının kesildiği yerden üç nokta vermesini sağlıyoruz*/
}

.zui-table {
    z-index: -999;
    border: none;
    /*border-right: solid 1px #DDEFEF;*/
    border-collapse: separate;
    border-spacing: 0;
    /*font: normal 13px Arial, sans-serif;*/
   
}

    .zui-table thead th {
        /*background-color: #DDEFEF;
    border: none;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
    white-space: nowrap;*/
        /*border-bottom: solid 1px #DDEFEF;*/
    }

    .zui-table tbody td {
        /*border-bottom: solid 1px #DDEFEF;*/
        color: #333;
        padding: 10px;
        /*text-shadow: 1px 1px 1px #fff;*/
        white-space: nowrap;
    }

.zui-wrapper {
    position: relative;
   
   
}

.zui-scroller {
    margin-left: 15%;
    overflow-x: no-display;
    overflow-y: no-display;
    padding-bottom: 5px;
    width: 85%;
    min-height: 200px;
}
.zui-scroller-ozetoran {
    margin-left: 15%;
    overflow-x: no-display;
    overflow-y: no-display;
    padding-bottom: 5px;
    width: 85%;
}

.zui-table .zui-sticky-col {
    /*border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;
        top: auto; */
    left: 0;
    vertical-align: bottom;
    position: absolute;
    width: 15%;
}
.breadcrumb {
    background-color: transparent;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-left: 0;
}
@media (max-width:1450px)
{
    .zui-scroller-ozetoran {
        margin-left: 15%;
        overflow-x: scroll;
        overflow-y: no-display;
        padding-bottom: 5px;
        width: 85%;
    }
}
    @media (max-width:776px) {
        .zui-scroller {
            margin-left: 50%;
            overflow-x: scroll;
            overflow-y: no-display;
            padding-bottom: 5px;
            width: 50%;
        }
        .zui-scroller-ozetoran {
            margin-left: 50%;
            overflow-x: scroll;
            overflow-y: no-display;
            padding-bottom: 5px;
            width: 50%;
        }

        .zui-table .zui-sticky-col {
            /*border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;*/
            /*
        top: auto;*/
            left: 0;
            vertical-align: bottom;
            position: absolute;
            width: 50%;
        }

        .Sigdir {
            width: 100px;
            overflow: hidden; /* Verilen genişlikten (150px) artanı gizlemesini istiyoruz */
            white-space: nowrap; /* Yazıyı tek satırla sınırlandırıyoruz */
            text-overflow: ellipsis; /* Yazının kesildiği yerden üç nokta vermesini sağlıyoruz*/
        }

        .breadcrumb {
            background-color: transparent;
            margin-bottom: 15px;
            padding-top: 10px;
            padding-left: 0;
            display: none;
        }
    }

    @media (max-width:1076px) {
        .zui-scroller {
            margin-left: 40%;
            overflow-x: scroll;
            overflow-y: no-display;
            padding-bottom: 5px;
            width: 60%;
        }
        .zui-scroller-ozetoran {
            margin-left: 40%;
            overflow-x: scroll;
            overflow-y: no-display;
            padding-bottom: 5px;
            width: 60%;
        }

        .zui-table .zui-sticky-col {
            /*border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;*/
            /*
        top: auto;*/
            left: 0;
            vertical-align: bottom;
            position: absolute;
            width: 40%;
        }

        .Sigdir {
            width: 100px;
            overflow: hidden; /* Verilen genişlikten (150px) artanı gizlemesini istiyoruz */
            white-space: nowrap; /* Yazıyı tek satırla sınırlandırıyoruz */
            text-overflow: ellipsis; /* Yazının kesildiği yerden üç nokta vermesini sağlıyoruz*/
        }
    }