﻿html, body, form {
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/*Application Header Shadow*/
.app-header {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    border-bottom-width: 0 !important;
}

/*Menu CSS*/

/*Menü üzerindeki küçük okçukları yok et*/
.app-header .dxm-popOut {
    display: none !important;
}

/*Vertical Menu %100 width için*/
.app-header .dxm-expanded {
    margin-top: 46px;
    width: 100% !important;
}

/*Sub Menu çok dar olmasın*/
.app-header .dxm-noImages {
    min-width: 150px;
}

/*Vertical menu Sub Menu %100 width için*/
#HeaderPanel_MainMenu_DXM1_,
#HeaderPanel_MainMenu_DXM2_,
#HeaderPanel_MainMenu_DXM3_,
#HeaderPanel_MainMenu_DXM4_ {
    width: 100% !important;
}

/*Vertical menu Hamburger ikonu için margin ayarı*/
.dxm-side-menu-button {
    margin-top: 5px;
    margin-right: 5px;
}

.app-header .menu-item {
    font-size: 12pt !important;
}

.app-header .sub-menu-item {
    font-size: 12pt !important;
}

@media (max-width: 740px) {
    .app-header .menu-item {
        font-size: 14pt !important;
    }

    .app-header .sub-menu-item {
        font-size: 14pt !important;
        width: 100% !important;
    }

    .dxm-bread-crumbs {
        background-color: #F2AD00;
    }

    .dxm-bread-crumbs span {
        font-size: 14pt !important;
    }
}
/*-------------------------------------------------------------*/
/*Page Toolbar Section*/
.page-toolbar {
    background-color: #f1f1f1;
    font-size: 0.93em !important;
    height: 48px;
}

    /*Left Panel Header*/
    .page-toolbar h1 {
        color: #494949 !important;
        font-size: 16pt !important;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        padding: 10px 5px;
    }

    /*Content Toolbar Header*/
    .page-toolbar .toolbar-header-text {
        color: #494949 !important;
        font-size: 16pt !important;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.pageToolbarContent {
    margin-left: 0;
}
/*-------------------------------------------------------------*/
.pageContent {
    height:100%;
}
/*-------------------------------------------------------------*/
/*Grid filter Panel*/
.filter-panel {
    padding: 16px;
    padding-left: 18px;
}
/*-------------------------------------------------------------*/
.dx-dashboard-group-item-child .dx-dashboard-caption-toolbar .dx-toolbar-before .dx-toolbar-item:first-child {
    font-weight: bold;
}

.dx-dashboard-simple-border {
    border: 2px solid #ddd !important;
}
