﻿.flex-datagrid-row-container {
    display:-ms-flexbox;
    display:-webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    height: auto;
    
}


.flex-datagrid-row-cell {
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox;
    display: -webkit-flex; 
    display:flexbox;
    display: flex;
    -webkit-box: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
    
    .flex-datagrid-row-container:nth-child(odd){
      border-bottom:1px solid #C0C0C0;
      border-right:1px solid #C0C0C0;
    }

    .flex-datagrid-row-container:nth-child(even) {
        border-right:1px solid #C0C0C0;
    }
    
    .flex-datagrid-row-container:nth-last-child(even){
      border-bottom:1px solid  #C0C0C0;
    }
    
    .flex-datagrid-row-container:nth-last-child(odd){
      border-bottom:1px solid #C0C0C0;
    }
    
    .flex-datagrid-row-container:first-child{
      border-top:1px solid #C0C0C0;
    }

.flex-datagrid-column-container {
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox;
    display: -webkit-flex; 
    display:flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    align-items: center;
}

    /*.flex-datagrid-column-container:first-child{
      border-right: 1px dotted  rgba(219, 219, 219, 0.82);
    }*/
    
    .flex-datagrid-column-container {
      border-left: 1px dotted #C0C0C0;
    }
    
    .flex-datagrid-column-container + .flex-datagrid-header{
      border-left: 1px solid #C0C0C0;
    }

    /*.flex-datagrid-column-container:last-child{
      border-left: none;
    }*/

.flex-datagrid-cell {
    display: flex;
    -webkit-flex-item-align:center;
    -ms-flex-item-align:center;
    align-items: center;

    /*justify-content: center;*/
    padding-left: 6px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

    .flex-datagrid-cell > * > .check-box-control > .ck-input {
        margin: 0px !important;
    }

    .flex-datagrid-cell:nth-child(even) {
        /*background-color:rgba(69, 69, 69, 0.67);*/
        /*border-top:1px solid #C0C0C0;*/
    }
    
    .flex-datagrid-cell:nth-child(odd){
      /*background-color:rgba(66, 155, 203, 0.67);*/
      border-top:1px solid #C0C0C0;
    }
    
    .flex-datagrid-cell:last-child{
      border-bottom:none;
    }
    .flex-datagrid-cell:first-child{
      border-top: none;
    }

    
    /* generico */
.flex-datagrid-auto {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}
    
    .flex-datagrid-vertical-center{
      align-items:center!important;
    }
    .flex-datagrid-vertical-top{
      align-items:flex-start!important;
    }
    .flex-datagrid-vertical-down{
      align-items:flex-end!important;
    }

.flex-datagrid-horizontal-left {
    -ms-flex-pack: start !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
}

.flex-datagrid-horizontal-right {
    -ms-flex-pack: end !important;
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important;
}

.flex-datagrid-horizontal-center {
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
}
    .flex-datagrid-header {
        font-weight:bold;
        overflow:hidden;
    }

        .flex-datagrid-header > .flex-datagrid-cell {
            -webkit-justify-content: center !important;
            justify-content: center !important;
            -ms-flex-pack: center !important;
            -moz-box-align: center;
            -webkit-box-align: center;
            box-align: center;
            text-align: center;
            white-space: normal;
            padding: 0px;
        }


.flex-datagrid-row-selected {
    background: #5286bf !important;
    color: white;
}

.DataGridHover:hover {
    background-color: rgb(31, 114, 223);
    color: white;
}

.datagrid-footer {
    color:#fff;
}

.flex-datagrid-column-drag {
    border: none !important;
    box-shadow: 0px 1px 5px rgba(36, 36, 36, 0.52);
}

.flex-datagrid-column-drag > *{
    background: rgb(54, 92, 125) !important;
}

.datagrid-sort-indicator {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
}

.datagrid-sort-indicator-desc {
  background: url("../images/DataGrid/sort-desc.png");
}

.datagrid-sort-indicator-asc {
  background: url("../images/DataGrid/sort-asc.png");
}

.flex-datagrid-cell[data-tipo-coluna='Button']{
    padding:0!important;
}

.flex-datagrid-cell[data-alinhamento-horizontal='Esquerda'] {
    justify-content: flex-start !important;
    padding-right: 0px;
    padding-left: 4px;
}

.flex-datagrid-cell[data-alinhamento-horizontal='Direita'] {
    justify-content: flex-end !important;
    padding-left: 0px;
    padding-right: 4px;
}

.flex-datagrid-cell[data-alinhamento-horizontal='Centralizado']{
    justify-content:center!important;
    padding-left: 0px;
    padding-right: 0px;
}

.flex-datagrid-label-group {
    display: inline-block;
    color: white;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0.2%;
    margin-left: 5px;
}

.flex-datagrid-subtotal-group {
    display: inline-block;
    color: white;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0.2%;
    margin-right: 5px;
    min-width:176px;
    max-width:200px;
    white-space:nowrap;
    overflow:hidden;
    position:absolute;
    right:2px;
}

/*IE FIX*/

.flex-datagrid-row-container-ie {
    overflow:hidden!important;
}

.flex-datagrid-row-cell-ie {
    display:inline-block!important;
    display:flexbox!important;
    width:100%!important;
}

.flex-datagrid-column-container-ie {
    display:inline-block!important;
    display:flexbox!important;
    height:100%;
}

.flex-datagrid-cell-ie {
    height:100%;
    display: inline-block;
    vertical-align: top;
}

.datagrid-total-geral-cell {
    display: inline-block;
    float: left;
    text-align: right;
    border-bottom: 1px solid;
    font-weight: bold;
    padding: 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}