/* #region ~ ТАБЛИЦА ~ 01 ~ */

.ui-mudtable-01-box {
    width: calc(100% - 30px);
    margin: 10px 15px 50px 15px !important;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.07);
    background-color: white;
    border-radius: 5px;
}

.ui-mudtable-01-div {
    width: calc(100% - 20px);
    padding: 10px 1px 10px 1px !important;    
}

.ui-mudtable-01-separator-top {
    width: calc(100% - 20px);
    height: 10px;
}

.ui-mudtable-01-table .mud-table-cell {
    font: 700 11px "Open Sans",Arial !important;
    color: rgb(77,77,77) !important;    
}

.ui-mudtable-01-header .mud-table-cell {
    background-color: rgba(55,104,175,0.12) !important;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 5px 4px 5px 4px !important;    
}

.ui-mudtable-01-row .mud-table-cell {
    border: 1px solid rgba(0,0,0,0.1);
    font: 500 12px "Open Sans",Arial !important;
    color: rgb(0,0,0) !important;
    padding: 5px 4px 5px 4px !important;        
}

.ui-mudtable-01-header-lbl {
    text-decoration: none;
    color: rgba(0,0,0,0.8) !important;
    font: 700 11px "Open Sans",Arial !important;
}
    .ui-mudtable-01-header-lbl.x01 { 
    }

.ui-mudtable-01-row-lbl {    
}
    .ui-mudtable-01-row-lbl.x01 {
        min-width: 40px; 
    }
    .ui-mudtable-01-row-lbl.x02 {
        min-width: 40px;      
    }
    .ui-mudtable-01-row-lbl.x03 {
        min-height: 55px !important;
    }

.ui-mudtable-01-pager {
    font: 600 10px "Open Sans",Arial;
    color: rgba(0,0,0,0.8) !important;
    background-color: transparent;
    font: 600 12px "Open Sans",Arial !important;
    color: rgb(47,79,79) !important;    
}

.ui-mudtable-01-search {
    width: 270px;
    right: 20px;
    margin-top: -17px;
    position: absolute;
    right: 5px;
}

.ui-mudtable-01-colgroup-01 {
}
    .ui-mudtable-01-colgroup-01.x01 {
        width: 40px;     
    }

.ui-mudtable-01-btn-icon {
    background-color: var(--bg-sab-blue) !important;
    background: url('../images/eye-white.svg') no-repeat center;
    width: 22px !important;
    height: 22px !important;
    box-shadow: 1px 1.9px 1px rgba(0,0,0,0.1);
    background-size: 13px !important;
    margin-left: -8px;
    margin-right: -15px;
    margin: 0;
}
    .ui-mudtable-01-btn-icon.x01 {
        
    }

/* ----- дополнение к таблице 01 ----- */
.ui-mudtable-01-btn-excel {
    display: flex;
    margin-top: 0px;
    margin-left: -10px;
}

.ui-mudtable-01-btn-view {
    background-color: var(--bg-sab-blue) !important;
    background: url('../images/eye-white.svg') no-repeat center;
    width: 20px !important;
    height: 20px !important;
    box-shadow: 1px 1.9px 1px rgba(0,0,0,0.1);
    background-size: 14px !important;
    margin-left: 0px;
    border-radius: 6px !important;
}

    .ui-mudtable-01-btn-view:hover {
        background-color: var(--bg-hover-sab-blue) !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    }

@media screen and (max-width: 800px) {

    .ui-mudtable-01-search {
        width: 200px;
    }

}

@media screen and (max-width: 600px) {

    .ui-mudtable-01-header .mud-table-cell {
        border: none;
    }
    .ui-mudtable-01-row .mud-table-cell {
        border: none;
    }
    .ui-mudtable-01-row-lbl.x01 {
       /* min-width: 40px; */       
    }

}

/* #endregion */

/* #region ~ ТАБЛИЦА ~ 02 ~ */

.ui-mudtable-02-box {
    width: calc(100% - 30px);
    margin: 10px 15px 50px 15px !important;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.07);
    background-color: white;
    border-radius: 5px;
}

.ui-mudtable-02-div {
    width: calc(100% - 20px);
    padding: 10px 1px 10px 1px !important;
}

.ui-mudtable-02-separator-top {
    width: calc(100% - 20px);
    height: 10px;
}

.ui-mudtable-02-table .mud-table-cell {
    font: 700 11px "Open Sans",Arial !important;
    color: rgb(77,77,77) !important;
}

.ui-mudtable-02-header .mud-table-cell {
    background-color: rgba(55,104,175,0.12) !important;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 5px 4px 5px 4px !important;
    /**/    
    border-left: none !important;
    border-right: none !important;
}

.ui-mudtable-02-row .mud-table-cell {
    border: 1px solid rgba(0,0,0,0.1);
    font: 500 12px "Open Sans",Arial !important;
    color: rgb(0,0,0) !important;
    padding: 5px 4px 5px 4px !important;
    /**/
    border-left: none !important;
    border-right: none !important;
}

.ui-mudtable-02-header-lbl {
    text-decoration: none;
    color: rgba(0,0,0,0.8) !important;
    font: 700 11px "Open Sans",Arial !important;
}

.ui-mudtable-02-row-lbl {
}

.ui-mudtable-02-pager {
    font: 600 10px "Open Sans",Arial;
    color: rgba(0,0,0,0.8) !important;
    background-color: transparent;
    font: 600 12px "Open Sans",Arial !important;
    color: rgb(47,79,79) !important;   
}

.ui-mudtable-02-search {
    width: 270px;
    right: 20px;
    margin-top: -17px;
    position: absolute;
    right: 5px;
}

/* ----- дополнение к таблице 01 ----- */

.ui-mudtable-02-btn-excel {
    display: flex;
    margin-top: 0px;
    margin-left: -10px;
}

.ui-mudtable-02-btn-view {
    background-color: var(--bg-sab-blue) !important;
    background: url('../images/eye-white.svg') no-repeat center;
    width: 20px !important;
    height: 20px !important;
    box-shadow: 1px 1.9px 1px rgba(0,0,0,0.1);
    background-size: 14px !important;
    margin-left: 0px;
    border-radius: 6px !important;
}

    .ui-mudtable-02-btn-view:hover {
        background-color: var(--bg-hover-sab-blue) !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    }

@media screen and (max-width: 800px) {

    .ui-mudtable-02-search {
        width: 200px;
    }
}

@media screen and (max-width: 600px) {

    .ui-mudtable-02-header .mud-table-cell {
        border: none;
    }

    .ui-mudtable-02-row .mud-table-cell {
        border: none;
    }
}

/* #endregion */