/* #region ~ ФАЙРВОЛ В ОТЧЕТАХ - services/firewall_sr ~ */

.a-fw-box {
    width: calc(100% - 30px);
    margin: 20px 15px 20px 15px !important;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
    border-radius: 5px;
    background-color: white;
}

.a-fw-listrules-box {
    margin: 20px 0 15px 15px;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
    background-color: white;
    border: 1px solid rgba(0,0,0,0.05);
    width: calc(100% - 30px);
    min-height: 50px !important;
    border-radius: 5px;
    min-height: 30px !important;
}

.a-fw-listrules-container {
    margin: -7px 10px 20px 20px;
    margin: -7px 10px 0 20px;
    min-height: 50px !important;
}

.a-fw-listrules-mudselect {
    padding-top: 11px;
}

.a-fw-listrules-mudselect-item {
}

.a-fw-mudtable-details-header .mud-table-cell {
    background-color: rgb(231, 237, 245) !important;
    font: 700 12px "Open Sans",Arial !important;
    padding: 7px !important;
}

.a-fw-mudtable-details-row .mud-table-cell {
    font-size: 12px;
    font: 500 12px "Open Sans",Arial !important;
    padding: 7px !important;
}

.a-fw-mudtable-details-data {
    background-color: rgba(255,255,255,1) !important;
}

.a-fw-mudtable-sim-header .mud-table-cell {
    background-color: rgb(231, 237, 245) !important;
}

/* #endregion */

/* #region ~ ФАЙРВОЛ В МЕНЮ - services/firewall_gr.razor ~ */

.a-fw2-rules-div {
    display: inline-block;
    margin-left: 20px;
    width: calc(100% - 40px);
    border-radius: 6px;
    margin-top: 20px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: white;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.05);
    margin-top: 30px;
    /*max-height: 400px;*/
    margin-left: 10px;
    width: calc(100% - 20px);
}

.a-fw2-rules-box {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,0.09);
    /**/
    border-radius: 5px !important;
    /*max-height: 380px;*/
}

.a-fw2-rules-table-cell {
}

    .a-fw2-rules-table-cell.fw {
        cursor: default;
    }

.a-fw2-rules-table-header .mud-table-cell {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font: 600 15px "Open Sans",Arial !important;
    background-color: rgba(211,215,227,1) !important;
    border-right: 1px solid rgba(255,255,255,1);
    border-radius: 0 !important;
}

.a-fw2-rules-table-row .mud-table-cell {
    font-size: 13px;
    /**/
    /*    text-align: left !important;
    justify-items: left !important; 
    display: flex;*/
}

.a-fw2-rules-table-data {
    background-color: rgba(0,0,0,0.01) !important;
    /**/
    /*    justify-items: left !important;
    align-items: start !important;*/
    /*text-align: left !important;
    display: block;*/
    /*    align-items: start !important;
    justify-items: left !important;
    display: block;*/
    /*max-height: 400px;*/
}

.a-fw2-rules-title-div {
    margin-top: 20px;
    margin-bottom: -20px;
    margin-left: 20px;
    /**/
    /*margin-left: 10px;*/
}

.a-fw2-rules-title-txt {
    font: 600 23px "Open Sans",Arial !important;
    color: rgba(47,79,79,1);
}

.a-fw2-rules-title-txt-add {
    font: 500 16px "Open Sans",Arial !important;
    color: rgba(47,79,79,1);
}

.a-fw2-rules-table-yes {
    width: 20px;
    height: 20px;
}

.a-fw2-rules-table-no {
    width: 20px;
    height: 20px;
    filter: grayscale(100%);
    opacity: 0.5;
}

.a-fw2-table-btn {
    width: 25px !important;
    height: 25px !important;
    box-shadow: 1px 1.9px 1px rgba(0,0,0,0.1);
    margin-right: -15px;
    margin-left: -5px;
    font-size: 12px;
    background-color: rgba(70,130,180,0.8);
    color: white;
    /**/
    border-radius: 99px;
    text-align: center;
    padding-top: 7px;
    padding-right: 1px;
    cursor: pointer;
    background-color: var(--bg-info);
}

    .a-fw2-table-btn:hover {
        /*background-color: rgba(139,0,0,1);*/
        background-color: var(--bg-hover-info);
    }

    .a-fw2-table-btn.warning {
        background-color: var(--bg-warning);
    }

        .a-fw2-table-btn.warning:hover {
            background-color: var(--bg-hover-warning);
        }


.a-fw2-rules-separator-bottom-div {
    width: 100%;
    height: 30px;
}

.fw2-table-txt-inmarsat {
    text-decoration: none;
    font: 800 14px "Open Sans",Arial !important;
    color: steelblue;
    /*color: var(--color-border-inmarsat)*/
}

.fw2-table-txt-iridium {
    text-decoration: none;
    font: 800 14px "Open Sans",Arial !important;
    color: rgba(184,134,11,1);
    /*color: var(--color-border-iridium)*/
}

/* #endregion */

/* #region ~ ТАБЛИЦЫ - ГРУППЫ ~ */

.fe-gh {
    background-color: var(--mud-palette-background-gray);
    background-color: transparent !important;
    width: 100%;
    background-color: rgba(0,0,0,0.03) !important;
}

.fe-fh {
}

/*.fe-g-template {

}
*/

.fe-g-th {
    height: 45px;
    font: 400 14px Roboto,"Open Sans",Arial !important;
    /*border-bottom: none;*/
    /*width: 100% !important;*/
}

/* #endregion */

/* #region ~ ПРОСМОТР ДЕТАЛЕЙ ГРУППОВОГО И ИНДИВИДУАЛЬНОГО ПРАВИЛА ~ */

.fw2-view-grp-rule-details-container {
    position: absolute;
    width: 100%;
    top: 12%;
    /*justify-content: center;*/
    background-color: transparent;
    z-index: 9;
    /*    padding: 0 !important;
    margin: 0 !important;*/
    top: 125px;
    /**/
    top: 100px;
}

.fw2-view-grp-rule-details-box {
    background-color: rgba(255,255,255,1);
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,1);
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.35);
    border-radius: 9px;
    max-width: 80%;
    /*max-height: 800px;*/
    padding: 0px 15px 10px 15px;
    /*border-top: 10px solid rgba(189,183,107,1);*/
    border-top: 10px solid rgb(169,169,169);
    /**/
    max-height: 900px;
}

    .fw2-view-grp-rule-details-box.inmarsat {
        border-top: 10px solid steelblue;
    }

    .fw2-view-grp-rule-details-box.iridium {
        border-top: 10px solid rgba(184,134,11,1);
        border-top: 10px solid rgba(244,164,96,1);
    }

.fw2-grdbox-btns-div {
    text-align: right;
    margin-top: 30px;
    padding: 0 0 10px 20px;
}

.fw2-grpbox-btn-ok {
    margin-right: 5px;
}

.fw2-grpsimrules-table {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 5px;
}

.fw2-grpbox-table-title-div {
    padding: 0 0px 0px 10px;
    width: 90%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .fw2-grpbox-table-title-div.fw {
        width: 80%;
        /* height: 32px;*/
        /*background-color: red;*/
        /*position: relative !important;*/
        /*display: flex !important;*/
    }

    .fw2-grpbox-table-title-div.fw-gr {
        width: 80%;
    }

.fw2-grpbox-table-title-txt {
    font: 800 18px "Open Sans",Arial !important;
    display: inline-block;
    margin-right: 30px;
}

    .fw2-grpbox-table-title-txt.fw {
        font: 400 18px "Open Sans",Arial !important;
    }

    .fw2-grpbox-table-title-txt.fw-gr {
    }

.fw2-grpbox-table-title-txt-add {
    font: 500 14px "Open Sans",Arial !important;
    display: inline-block;
    /*margin-bottom: 20px;*/
    font: 500 13px "Open Sans",Arial !important;
    color: rgba(0,0,0,1);
}

.fw2-table-close-div {
    /*display: inline-block;*/
    width: 100%;
    text-align: right;
    width: 100%;
    background-color: transparent;
    height: 0px;
    /* background-color: red;*/
    /*margin-top: -20px;*/
    /*position: ab*/
    /*display: none;*/
}

.fw2-table-close-btn {
    padding: 7px 6px 1px 1px;
    cursor: pointer;
    font-size: 24px;
    color: rgba(0,0,0,0.6);
    position: absolute;
    margin-left: -30px;
    margin-top: 0px;
    /**/
}

    .fw2-table-close-btn:hover {
        color: rgba(0,0,0,1);
    }

/* ТАБЛИЦА ------------------------ */

/* CellClass */
.fw2-rules-table-cell {
}

/* HeaderClass */
.fw2-rules-table-header .mud-table-cell {
    /* padding-top: 5px !important;
    padding-bottom: 5px !important;*/
    font: 600 13px "Open Sans",Arial !important;
    background-color: rgba(211,215,227,1) !important;
    /*border-right: 1px solid rgba(255,255,255,1);
    border-radius: 0 !important;*/
}

/* RowClass */
.fw2-rules-table-row .mud-table-cell {
    font-size: 12px;
    padding: 5px 5px 5px 5px !important;
    /*margin: 0 !important;*/
}

/* Class */
.fw2-rules-table-data {
    background-color: rgba(0,0,0,0.01) !important;
}

/* headertext */
.fw2-mudtable-header-label {
    font: 700 12px "Open Sans",Arial !important;
    text-decoration: none;
    color: rgba(0,0,0,0.8) !important;
}
/* rowtext */
.fw2-mudtable-row-label {
    font: 400 13px "Open Sans",Arial;
}

    .fw2-mudtable-row-label.permit {
        color: rgba(255,255,255,1);
        padding: 3px 6px 4px 6px;
        background-color: var(--green3);
        border-radius: 5px !important;
    }

    .fw2-mudtable-row-label.deny {
        color: rgba(255,255,255,1);
        padding: 3px 6px 4px 6px;
        background-color: var(--red);
        border-radius: 5px !important;
    }

.fw2-row-css-sim-no {
    color: rgba(0,0,0,0.45) !important;
}

.fw2-row-css-sim-yes {
    color: rgba(0,0,0,0.9) !important;
}

.fw2-add-class-table {
    padding: 10px 10px 10px 10px;
}

.fw2-add-class-header .mud-table-cell {
    font: 600 13px "Open Sans",Arial !important;
    padding: 10px !important;
}

.fw2-add-class-row .mud-table-cell {
    font: 400 12px "Open Sans",Arial !important;
    padding: 2px 2px 2px 2px !important;
    padding: 5px !important;
}

/* #endregion */

/* #region ~ ТАБЫ ~ */

.fw2-mudtab-title {
    /*font: 600 14px "Open Sans",Arial;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.1);
    padding: 0 20px 0 20px !important;*/
    /*color: var(--bg-sab-blue) !important;*/ /* SKIN!!! 
    background-color: transparent !important; /* SKIN!!! */
    /*color: rgb(0,0,0,0.8) !important;*/ /* SKIN!!! */
    /*background-color: transparent;*/
    /**/
    /*background-color: mediumaquamarine !important;*/
    /*color: red !important;
    background-color: red !important;
    font: 600 9px "Open Sans",Arial !important;*/
    /* height: 20px !important;*/
}

    .fw2-mudtab-title:hover {
        /*color: rgba(0,0,0,1) !important;*/ /* SKIN!!! */
        /*background-color: rgb(0,0,0,0.05) !important;*/ /* SKIN!!! */
    }
/* вся мудблазоровская панель с табами */
.fw2-mudtab-tab {
    /*border: none;    
    margin: 0;
    padding: 0;*/
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 6px;
    border: none;
}
/* хидер */
.fw2-mudtab-header {
    background-color: rgba(55,104,175,0.12); /* SKIN!!! */
    margin-bottom: 10px;
    /*height: 30px;*/
    /*height: 20px !important;*/
    /**/
    /*background-color: var(--bg-main);*/
    /*background-color: red;*/
}
/* панель под хидером */
.fw2-mudtab-panel {
    background-color: transparent;
    /*background-color: aqua;    */
}

.fw2-tabpanel {
    font: 600 14px "Open Sans",Arial !important;
    /*word-break: break-all;*/
}

/* ----- */

.fw2-table-status-active {
    color: rgba(46,139,87,1) !important;
    font-weight: 800;
    /*    background-color: rgba(0,0,0,0.05);
    padding: 3px 6px 3px 6px;*/
    /*border-radius: 9px;*/
}

    .fw2-table-status-active.x1 {
        /*        color: rgba(46,139,87,1);
        font-weight: 700;*/
    }

.fw2-details-empty-div {
    width: 100%;
    text-align: center;
    height: 300px;
}

.fw2-details-empty-txt {
    color: rgba(0,0,0,0.5);
    margin-top: 20px;
    font: 800 27px "Open Sans",Arial !important;
}

/* #endregion */

/* #region ~ ВСЕ ГРУППЫ, ГРУППЫ БЕЗ СИМ, ГРУППЫ С СИМ ~ */

.fwg-empty-title-div {
    width: calc(100% - 40px);
    color: rgba(0,0,0,0.6);
    margin-left: 20px;
    height: 25px;
}

.fwg-empty-title-txt {
    font: 600 20px "Open Sans",Arial !important;
    position: absolute;
    margin-top: 10px;
}

.fwg-empty-yes-lbl {
    background-color: var(--green3);
    color: rgba(255,255,255,1);
    font: 600 11px "Open Sans",Arial !important;
    padding: 2px 6px 3px 6px;
    border-radius: 5px;
    margin-left: 5px;
}

.fwg-empty-no-lbl {
    background-color: var(--red);
    color: rgba(255,255,255,1);
    font: 600 11px "Open Sans",Arial !important;
    padding: 2px 6px 3px 6px;
    border-radius: 5px;
    margin-left: 5px;
}

.fwg-empty-table-btn-icon {
    width: 25px !important;
    height: 25px !important;
    box-shadow: 1px 1.9px 1px rgba(0,0,0,0.1);
    /*    margin-right: -15px;
    margin-left: -5px;*/
    font-size: 12px;
    background-color: rgba(70,130,180,0.8);
    color: white;
    margin-left: 10px;
    margin-right: 5px;
}

    .fwg-empty-table-btn-icon:hover {
        background-color: rgba(70,130,180,1);
    }

.fwg-list-grp-container {
    min-height: 50px;
    display: inline;
}

.fwg-list-grp-box {
    display: inline-block;
    margin-left: 20px;
    width: calc(100% - 40px);
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 6px;
    margin-top: 20px;
    border: 5px solid rgba(0,0,0,0.04);
    margin-top: 30px;
}

.fwg-btn-create-div {
    width: 100%;
    margin-top: 20px;
    text-align: right;
    margin-bottom: -40px;
}

.fwg-btn-create {
    margin-right: 30px;
}

/* #endregion */

/* #region ~ РЕДАКТИРОВАНИЕ ~ */

.fe-main-header-rule-name {
    display: inline-block;
    font: 600 21px "Open Sans",Arial !important;
    color: gold;
}

.fe-header {
    display: block !important;
    width: 100%;
    margin-bottom: 100px !important;
    position: fixed !important;
    z-index: 99;
}

.fe-header-add {
    display: flex;
}

/* ------------------------- */

.fe-container {
    top: 0;
    left: 0;
    width: calc(100% - 15px);
    z-index: 999;
    display: flex;
    /*    position: relative !important;
    top: 0 !important;
    margin-top: 0px !important;*/
    /*position: relative !important;*/
    /*background-color: rgba(0,0,0,0.05);*/
}

.fe-header-left-menu-drawer {
    width: 305px !important;
    padding-left: 10px;
    position: relative !important;
    background-color: transparent;
    max-height: calc(100vh - 70px) !important;
    overflow: hidden;
    margin-top: 70px;
    /**/
    position: static !important;
    /**/
    /*  border-right: 1px solid rgba(0,0,0,0.5) !important;
    height: 100%;
    z-index: 9999;*/
}

.fe-part-right-div {
    min-width: calc(100% - 320px);
    margin-top: 70px;
    margin-left: 2px;
}

.fe-leftmenu-paper {
    /* border-right: 1px solid rgba(0,0,0,0.5) !important;
    z-index: 9999;*/
}

.fe-header-levels {
    margin-left: -10px;
    width: 305px;
    background-color: rgb(250,250,250);
    height: 100vh !important;
    padding-left: 10px;
    padding-top: 10px;
    position: fixed;
}

.fe-data-box-1 {
    width: calc(100% - 0px);
}

.fe-mudtable-details-header .mud-table-cell {
    background-color: rgb(231, 237, 245) !important;
    font: 700 12px "Open Sans",Arial !important;
    padding: 7px !important;
}

.fe-mudtable-details-row .mud-table-cell {
    /*font-size: 12px;*/
    font: 500 12px "Open Sans",Arial !important;
    padding: 7px;
}

.fe-mudtable-details-data {
    background-color: rgba(255,255,255,1) !important;
    margin-top: 20px;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 5px;
}

/* ------------------------- */

.fe-empty-1 {
    width: 100%;
    height: 35px;
}

.fe-part-left-div {
    display: inline-block;
    width: 300px;
    height: 100%;
    border-right: 1px solid rgba(0,0,0,0.1);
}

.fe-pl-item {
    font: 500 16px "Open Sans",Arial !important;
    color: rgba(0,0,0,0.7);
}

.fe-header-left-logo-div-pa {
    position: absolute;
    display: inline;
    text-align: right;
    margin-top: 38px;
    width: 180px;
    margin-left: 2px;
    /**/
    left: 2px;
}

.fe-header-left-logo-lbl-pa {
    font: 600 12px "Open Sans",Overpass,sans-serif;
    background-color: transparent;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.05);
    color: rgba(0,207,255,1);
    display: inline;
    /**/
    font: 600 12px "Open Sans",Overpass,sans-serif;
}

.fe-header-left-menu-button {
    display: none;
    z-index: 99;
    font-size: 24px;
    position: relative;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 10px;
    color: white !important;
    width: 48px;
    height: 48px;
}

.fe-header-level-1 .mud-nav-link {
    font: 600 15px "Open Sans",Arial;
    width: 285px;
}

.fe-header-level-1.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font: 600 15px "Open Sans",Arial;
    width: 285px;
}

.fe-header-save-btn .mud-nav-link {
    font: 600 15px "Open Sans",Arial;
    width: 285px;
    background-color: var(--bg-info);
    color: rgba(255,255,255,1);
    padding-right: 10px;
    padding-bottom: 7px;
}

    .fe-header-save-btn .mud-nav-link:hover {
        background-color: var(--bg-hover-info);
    }

.fe-header-save-btn.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font: 600 15px "Open Sans",Arial;
    width: 285px;
}

.fe-separator-1 {
    width: calc(100% - 20px);
    height: 1px;
    background-color: rgba(0,0,0,0.1);
    margin: 10px 10px 10px 10px;
}

.fe-table-sim {
    margin: 7px 7px 7px 7px;
}

.fe-field-1 {
}

.fe-table-address {
    margin: 7px 7px 7px 7px;
}

.fe-title-div {
    width: 100%;
    min-height: 1px;
    margin-bottom: -10px;
    margin-top: 10px;
}

    .fe-title-div.yes {
    }

    .fe-title-div.no {
        display: none;
    }

.fe-title-lbl {
    font: 700 22px "Open Sans",Overpass,sans-serif;
    color: rgba(47,79,79,1);
}

.fe-title-add {
    font: 600 12px "Open Sans",Overpass,sans-serif;
    color: rgba(0,0,0,0.6);
    display: block;
}

    .fe-title-add.disable {
        display: none;
    }

.fe-table-del-btn {
    cursor: pointer;
    padding: 1px;
}

    .fe-table-del-btn:hover {
        padding: 0;
        background-color: rgba(0,0,0,0.01);
    }

.fe-table-del-set-btn {
    cursor: pointer;
    /*    padding: 0px;
    padding-bottom: 4px;*/
    /*padding: 2px;*/
    padding-bottom: 3px;
    padding-left: 3px;
    margin-right: 7px;
    
}

    .fe-table-del-set-btn:hover {
        padding-bottom: 2px;
        padding-left: 2px;
        background-color: rgba(0,0,0,0.01);
    }

.fe-table-del-adr-btn {
    cursor: pointer;
    /*    padding: 0px;
    padding-bottom: 4px;*/
    /*padding: 2px;*/
    padding-bottom: 3px;
    padding-left: 3px;
    margin-right: 7px;
    margin-left: 2px;
}

    .fe-table-del-adr-btn:hover {
        padding-bottom: 2px;
        padding-left: 2px;
        background-color: rgba(0,0,0,0.01);
    }


.fe-lbl-permit {
    padding: 3px 7px 3px 7px;
    background-color: green;
    border-radius: 6px;
    color: white;
}

.fe-lbl-deny {
    padding: 3px 7px 3px 7px;
    background-color: red;
    border-radius: 6px;
    color: white;
}

/**/

.fe-lbl-delete {
    font: 600 12px "Open Sans",Arial !important;
    text-decoration: none;
    color: maroon;
}

.fe-lbl-update-delete {
    font: 700 12px "Open Sans",Arial !important;
    text-decoration: none;
    color: maroon;
}

.fe-td-delete {
    text-decoration: none;
}

/**/

/**/

.fe-lbl-add {
    font: 600 12px "Open Sans",Arial !important;
    text-decoration: none;
    color: green;
}

.fe-lbl-update-add {
    font: 700 12px "Open Sans",Arial !important;
    text-decoration: none;
    color: green;
}

.fe-td-add {
    text-decoration: none;
}

/**/

.fe-lbl-noactive {
    font: 400 12px "Open Sans",Arial !important;
    text-decoration: none;
    color: rgba(0,0,0,0.5);
}

.fe-lbl-empty {
    padding: 3px 7px 3px 7px;
    background-color: red;
    border-radius: 6px;
    color: white;
    text-decoration: none;
    font: 700 10px "Open Sans",Arial !important;
}

.fe-td-empty {
    text-decoration: none;
}

/* --- */

.fe-data-box-details-max {
    width: 100%;
    min-height: 130px;
    max-height: 650px;
    background-color: rgba(255,255,255,1);
    margin-top: 20px;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 5px 5px 20px 5px;
    display: table;
    /**/
    min-height: 50px;
    padding: 5px 5px 5px 5px;
}

.fe-data-box-details-min {
}

.fe-details-lbl-common {
    padding: 10px
}

.fe-details-separator {
    font-size: 25px;
    font-weight: 900;
    text-decoration: none;
    color: rgba(0,0,0,0.6);
}

.fe-details-container {
    display: inline-block;
}

.fe-details-lbl-container {
    display: inline-block;
}

.fe-details-lbl-title {
    text-decoration: none;
    color: rgba(0,0,0,0.7);
    font: 600 12px "Open Sans",Arial !important;
    /*margin-top: 15px;*/
}

.fe-details-lbl-data {
    text-decoration: none;
    color: rgba(0,0,0,0.8);
    padding: 2px 8px 2px 8px;
    background-color: rgba(0,0,0,0.07);
    border-radius: 19px;
    /*margin-top: 15px;*/
}

.fe-det-inactive-div {
    width: calc(100% - 40px);
    position: relative;
    /*float: left;*/
    /*margin-left: 20px;*/
    padding: 10px
}

.fe-det-inactive-lbl {
    font: 700 12px "Open Sans",Arial;
    color: red;
    /*margin-top: 20px !important;*/
}

/* --- */

/* ----- */

.fe-det-cn-div {
    margin-top: 15px;
    margin-left: 20px;
    /*max-width: 500px;*/
    min-width: 400px;
    padding-left: 10px;
    border-left: 5px solid rgba(76,102,130,1);
    border-radius: 3px;
    float: left;
    border-left: 4px solid rgba(169,169,169,1);
}

.fe-det-cn-title-div {
    font-size: 12px;
    color: rgb(0,0,0,0.7);
    /*font-weight: 600;*/
}

.fe-det-cn-title-txt {
    margin: -5px 20px 0 0;
    /*border-bottom: 1px solid rgba(0,0,0,0.3);        */
}

/* ----- */

.fe-det-comment-div {
    margin-top: 15px;
    margin-left: 20px;
    min-width: 500px;
    /*max-width: 500px;*/
    padding-left: 10px;
    border-left: 5px solid rgba(76,102,130,1);
    border-radius: 3px;
    float: left;
    border-left: 4px solid rgba(169,169,169,1);
}

.fe-det-comment-title-div {
    font-size: 12px;
    color: rgb(0,0,0,0.7);
}

.fe-det-comment-title-txt {
    margin: -5px 20px 0 0;
    /*border-bottom: 1px solid rgba(0,0,0,0.3);*/
}

/* ----- */

.fe-det-date-div {
    margin-top: 15px;
    margin-left: 20px;
    min-width: 200px;
    /*max-width: 300px;*/
    padding-left: 10px;
    border-left: 5px solid rgba(76,102,130,1);
    border-radius: 3px;
    float: left;
    border-left: 4px solid rgba(169,169,169,1);
}

.fe-det-date-title-div {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
}

    .fe-det-date-title-div.x1 {
    }

    .fe-det-date-title-div.x2 {
    }

.fe-det-date-txt {
    font-weight: 400;
    font-size: 15px;
}

    .fe-det-date-txt.x1 {
    }

    .fe-det-date-txt.x2 {
    }

/* ----- */

.fe-det-addinfo-div {
    margin-top: 15px;
    margin-left: 20px;
    min-width: 200px;
    /*max-width: 300px;*/
    padding-left: 10px;
    border-left: 5px solid rgba(76,102,130,1);
    border-radius: 3px;
    float: left;
    border-left: 4px solid rgba(169,169,169,1);
}

.fe-det-addinfo-title-div {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
}

    .fe-det-addinfo-title-div.x1 {
    }

    .fe-det-addinfo-title-div.x2 {
    }

.fe-det-addinfo-txt {
    font-weight: 400;
    font-size: 15px;
}

    .fe-det-addinfo-txt.x1 {
    }

    .fe-det-addinfo-txt.x2 {
    }

/* ----- */

.fe-border-inmarsat {
    border-left: 4px solid rgba(76,102,130,0.8) !important;
}

.fe-border-iridium {
    border-left: 4px solid rgba(255,140,0,1) !important;
}

.fe-border-other {
    border-left: 4px solid rgba(169,169,169,1) !important;
}

.fe-createmosaik2-txt {
    padding: 0px 6px 3px 6px;
    background-color: rgba(31,49,161,1); /**/
    border-radius: 7px;
    color: white;
}

.fe-createmosaik3-txt {
    padding: 0px 6px 3px 6px;
    background-color: rgba(255,215,0,1);
    background-color: rgba(55,146,237,0.9); /**/
    color: white;
    border-radius: 7px;
    /**/
    /*background-color: rgba(31,49,161,1)*/
}

/*.fe-createmosaik2-txt {
}

    .fe-createmosaik2-txt.yes {
    }

    .fe-createmosaik2-txt.no {
        padding: 0px 6px 3px 6px;
        background-color: rgba(255,215,0,1);
        border-radius: 7px;
    }*/

.fe-table-sim-add {
    padding: 1px;
}

.fe-table-sim-del {
    padding: 1px;
}

.fe-loaded-true {
    height: 20px;
    width: 35px;
    padding-top: 1px;
    /*padding: 2px 7px 3px 7px;*/
    background-color: rgba(0,128,0,1);
    border-radius: 7px;
    color: white;
}

.fe-loaded-false {
    /*padding: 2px 7px 3px 7px;*/
    height: 20px;
    width: 35px;
    padding-top: 1px;
    background-color: red;
    border-radius: 7px;
    color: white;
}

.fe-loaded-null {
    height: 20px;
    width: 35px;
    padding-top: 1px;
    background-color: rgba(0,0,0,0.07);
    border-radius: 7px;
    color: rgba(0,0,0,0.8);
}

.fe-det-cn-title-help {
}

/* #endregion */

/* #region ~ РЕДАКТИРОВАНИЕ ИМЕНИ И КОММЕНТАРИЯ ~ */

.fe-nc-container {
    width: 100%;
    position: absolute;
    top: 7%;
    z-index: 1309;
    height: 90vh;
    justify-content: center;
    justify-items: center;
}

.fe-nc-box {
    /*  position: absolute;*/
    width: 500px;
    /*max-width: 600px;*/
    height: 300px;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.08);
    z-index: 9;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.35);
    border-radius: 9px;
    margin-top: 10%;
    background-color: rgb(255,250,250);
    border: 5px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    padding: 10px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
}

.fe-nc-box-title-div {
    font: 700 17px "Open Sans",Verdana,sans-serif;
}

.fe-nc-box-title-txt {
}

.fe-nc-field-title-div {
    margin-top: 15px;
}

    .fe-nc-field-title-div.x01 {
        margin-top: 25px;
    }

.fe-nc-field-title {
    font-size: 12px;
    color: rgb(0,0,0,0.7);
}

.fe-nc-field-text {
}

.fe-nc-btns-div {
    margin-top: 40px;
    width: calc(100% - 20px);
    text-align: right;
    /* bottom: 0px;*/
}

.fe-nc-btn-ok {
    margin-right: 5px;
}

.fe-nc-btn-cancel {
}

/* #endregion */

/* #region ~ РЕДАКТИРОВАНИЕ - ДОБАВЛЕНИЕ СИМКИ ~ */

.fe-addsim-container {
    width: 100%;
    position: absolute;
    /* top: 20%;*/
    /*z-index: 1999;*/
    /**/
    /*top: 15%;*/
    /**/
    z-index: 1309;
    /**/
    /* top: 7%;*/
    /**/
    /*    top: 0;
    display: flex;*/
}

.fe-addsim-box {
    margin-left: 10%;
    width: 80%;
    background-color: white;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
    padding: 10px 15px 15px 15px;
    /**/
    background-color: rgb(255,250,250);
    border: 5px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    /**/
    /*top: 50%;*/ /* 3 */
    /*transform: translate(0, -50%)*/
    position: fixed;
    top: 10%;
}

.fe-rules-table-cell-addsim {
}

    .fe-rules-table-cell-addsim.fw {
        cursor: default;
    }

.fe-rules-table-header-addsim .mud-table-cell {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font: 600 15px "Open Sans",Arial !important;
    background-color: rgba(211,215,227,1) !important;
    border-right: 1px solid rgba(255,255,255,1);
    border-radius: 0 !important;
}

.fe-rules-table-row-addsim .mud-table-cell {
    font-size: 13px;
}

.fe-rules-table-data-addsim {
    background-color: rgba(0,0,0,0.01) !important;
    border: 1px solid rgba(0,0,0,0.07);
}

.fe-addsim-title-div {
}

.fe-addsim-title-txt {
    padding: 10px 15px 15px 5px;
    font: 600 18px "Open Sans",Arial !important;
    color: rgba(0,0,0,0.8);
}

.fe-addsim-buttons-div {
    width: 100%;
    text-align: right;
    padding-top: 20px;
    padding-bottom: 5px;
}

.fe-addsim-buttons-ok {
    margin-right: 10px;
    text-transform: none;
    padding: 2px 5px 2px 5px;
    font-size: 12px;
}

.fe-addsim-buttons-cancel {
}

.fe-addsim-top-close-div {
    position: absolute;
    width: 80%;
    /**/
    width: 100%;
}

.fe-addsim-top-close-btn {
    position: absolute;
    right: 30px;
    margin-top: -55px;
}

.fe-addsim-table-update-txt {
}

    .fe-addsim-table-update-txt.add {
    }

    .fe-addsim-table-update-txt.del {
    }

    .fe-addsim-table-update-txt.no {
    }

/* #endregion */

/* #region ~ РЕДАКТИРОВАНИЕ - ДОБАВЛЕНИЕ АДРЕСА ~ */

.fe-add-address-container {
    width: 100%;
    position: absolute;
    /* top: 15%;*/
    z-index: 1309;
}

.fe-add-address-box {
    margin-left: 35%;
    width: 30%;
    background-color: white;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
    padding: 10px 15px 15px 15px;
    /**/
    /* background-color: rgb(255,250,250);*/
    border: 5px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    /*position: relative;*/
    position: fixed;
    top: 10%;
}

.fe-add-address-box-close-div {
    position: absolute;
    width: calc(100% - 30px);
    text-align: right;
    display: block;
    top: 9px;
    /**/
    background-color: transparent;
}

.fe-add-address-box-close-lbl {
    font-size: 25px;
    color: rgba(0,0,0,0.7);
}

    .fe-add-address-box-close-lbl:hover {
        padding: 5px;
        margin-top: -5px;
        margin-right: -5px;
        background-color: rgba(0,0,0,0.03);
        border-radius: 99px;
        cursor: pointer;
        color: rgba(0,0,0,1);
    }

.fe-add-address-box-title-div {
    width: 100%;
    height: 50px;
}

.fe-add-address-box-title-txt {
    font: 700 22px "Open Sans",Arial !important;
}

.fe-add-address-box-data-div {
}

/* ----- */

.fe-add-address-addr-title-div {
}

.fe-add-address-addr-title-txt {
    font-weight: 800;
    color: rgba(0,0,0,0.5);
}

.fe-add-address-addr-data-div {
    display: inline-flex;
    width: 100%;
}

.fe-add-address-addr-data-txt .mud-input-text {
    display: inline-block;
    width: 100% !important;
    font-size: 22px;
    background-color: rgba(0,0,0,0.03);
    border-radius: 5px;
    padding-left: 5px;
    padding-top: 0;
    /**/
    font-size: 19px;
}

/* ----- */

.fe-add-address-port-title-div {
    margin-top: 20px;
}

.fe-add-address-port-title-txt {
    font-weight: 800;
    color: rgba(0,0,0,0.5);
}

.fe-add-address-port-data-div {
}

.fe-add-address-port-data-txt .mud-input-text {
    display: inline-block;
    width: 100% !important;
    font-size: 22px;
    background-color: rgba(0,0,0,0.03);
    border-radius: 5px;
    padding-left: 5px;
    padding-top: 0;
    /**/
    font-size: 19px;
}

/* ----- */

.fe-add-address-protocol-title-div {
    margin-top: 20px;
}

.fe-add-address-protocol-title-txt {
    font-weight: 800;
    color: rgba(0,0,0,0.5);
}

.fe-add-address-protocol-data-div {
}

.fe-add-address-protocol-data-txt {
}

/* ----- */

.fe-add-address-direct-title-div {
    margin-top: 20px;
}

.fe-add-address-direct-title-txt {
    font-weight: 800;
    color: rgba(0,0,0,0.5);
}

.fe-add-address-direct-data-div {
}

.fe-add-address-direct-data-txt {
}

/* ----- */

.fe-add-address-box-buttons-div {
    width: 100%;
    text-align: right;
    margin-top: 40px;
    margin-bottom: 5px;
}

.fe-add-address-btn-ok {
    margin-right: 5px;
}

.fe-add-address-btn-cancel {
}


/* #endregion */

/* #region ~ СОЗДАНИЕ ПРАВИЛА ~ */

.fe-cr-addsim-container {
    width: 100%;
    position: absolute;
    z-index: 1999;
    /**/
    top: 7%;
    /**/
    z-index: 1309;
    height: 90vh;
}

.fe-cr-addsim-box {
    margin-left: 10%;
    width: 80%;
    background-color: white;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
    padding: 10px 15px 15px 15px;
    /**/
    background-color: rgb(255,250,250);
    border: 5px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    padding: 15px 20px 20px 20px;
}

.fe-cr-table-title-div {
}

.fe-cr-table-title-txt {
    font: 700 17px "Open Sans",Verdana,sans-serif;
    color: rgba(0,0,0,0.99);
}

.fe-cr-name-container {
    position: absolute;
    width: 100%;
    height: 100vh;
    justify-content: center;
    z-index: 1399;
    display: flex;
    top: 0;
}

    .fe-cr-name-container.firewall {
        /* display: flex;
        align-items: center;
        justify-content: center*/
    }

.fe-cr-name-box {
    position: absolute;
    width: 500px;
    /*max-width: 600px;*/
    background-color: rgba(255,255,255,1);
    min-height: 200px;
    max-height: 600px;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.08);
    z-index: 9;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.35);
    border-radius: 9px;
    margin-top: 10%;
    background-color: rgb(255,250,250);
    border: 5px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    padding: 10px 15px 15px 15px;
}

    .fe-cr-name-box.firewall {
        margin-top: 150px;
        position: fixed;
    }

.fe-cr-box-title-div {
    font: 700 17px "Open Sans",Verdana,sans-serif;
}

.fe-cr-box-title-txt {
}

.fe-cr-step-title-div {
    margin-bottom: 20px;
}

.fe-cr-step-title-txt {
}

.fe-cr-sim-title-div {
}

.fe-cr-sim-title-txt {
}

.fe-cr-name-btns-div {
    margin-top: 40px;
}

.fe-cr-name-btn-ok {
    margin-right: 5px;
}

.fe-cr-name-btn-cancel {
}

.fe-cr-field-title-div {
    margin-top: 15px;
}

.fe-cr-field-title {
    font-size: 12px;
    color: rgb(0,0,0,0.7);
}

.fe-cr-field-text {
    margin: -5px 20px 0 0;
}

.fe-cr-field-text-name {
    margin: -5px 20px 0 0;
    display: inline-block;
    width: calc(100% - 100px);
}

.fe-cr-field-text-name-add {
    display: inline-block;
    /*width: 60px;*/
    margin-top: 8px;
    padding: 2px 10px 2px 10px;
    border-radius: 6px;
    background-color: rgba(0,0,0,0.05);
}

.fe-cr-field-label {
}

.fe-cr-simname-title {
}

.fe-cr-simname-text {
    text-decoration: none;
    color: rgba(0,0,0,0.7);
    font: 400 13px "Open Sans",Verdana,sans-serif;
}

.fe-info-01 {
    margin-top: 10px;
}

.fe-info-02 {
    font-size: 12px;
    color: rgba(0,0,0,0.6);
}
/* #endregion */

/* #region ~ ПРОЧЕЕ ~ */

.fw-title-text-red {
    text-decoration: none;
    font-size: 18px;
    /*color: maroon;*/
}

.fw-grid-search-div {
    margin-bottom: 20px;
}

.fe-status-group-rule-div {
    margin-bottom: 10px;
}

.fe-status-group-txt {
    margin-top: 20px;
    font: 600 14px "Open Sans",Overpass,sans-serif;
    /*color: rgba(139,0,0,1);*/
    /*color: rgba(0,0,0,0.8);*/
    color: rgba(139,0,0,0.8);
    padding: 5px 10px 5px 10px;
    background-color: rgba(255,255,255,1);
    border-radius: 6px;
    /*border: 1px solid rgba(0,0,0,0.1);*/
    box-shadow: 1px 2px 9px rgba(0,0,0,0.07);
    /**/
    /*    height: 38px;
    top: -5px !important;*/
    padding: 8px 10px 9px 10px;
}

    .fe-status-group-txt.green {
        color: green;
    }

    .fe-status-group-txt.red {
        color: rgba(139,0,0,0.8);
        /*color: rgba(139,0,0,1);*/
    }

    .fe-status-group-txt.no {
        display: none;
    }

.fe-status-rule-txt-div {
    margin-top: 20px;
    margin-bottom: 20px;
    color: rgba(0,0,0,1);
    padding: 5px 10px 5px 10px;
    background-color: rgba(255,255,255,1);
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.07);
    background-color: LightYellow;
    /* min-width: 1px;*/
    display: inline-block;
}

    .fe-status-rule-txt-div.yes {
    }

    .fe-status-rule-txt-div.no {
        display: none;
    }

.fe-status-rule-txt {
    font: 600 15px "Open Sans",Overpass,sans-serif;
    color: rgba(47,79,79,1);
    min-width: 1px;
}

    .fe-status-rule-txt.yes {
    }

    .fe-status-rule-txt.no {
        display: none;
    }

.fe-status-rule-img {
    margin-left: 5px;
    width: 24px;
    height: 24px;
}

.fe-cancel-changed-div {
    margin-left: 30px;
    width: calc(100% - 80px);
    margin-top: 40px;
    margin-bottom: 30px;
}

.fe-cancel-changed-btn {
}

.fe-formsg7-txt {
    text-decoration: none;
    color: rgba(0,0,0,0.7);
    /* color: rgba(139,0,0,0.8);*/
    font: 400 13px "Open Sans",Overpass,sans-serif;
}

.fe-table-inout-img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}

.fe-table-inout-txt {
    font-size: 9px;
    margin-left: 0px;
    margin-top: 15px;
    position: absolute;
}

.fe-convert-mosaik3-div {
    margin-left: 30px;
    width: calc(100% - 80px);
    margin-top: 40px;
    margin-bottom: 30px;
}

.fe-convert-mosaik3-btn {
    /*color: black !important;    */
}

/* #endregion */
/* #region ~ MEDIA для РЕДАКТИРОВАНИЯ ~ */
@media screen and (max-width: 1500px) {
    /*1800px*/
    /*.fe-det-cn-div {
        min-width: auto;
    }

    .fe-det-comment-div {
        min-width: auto;
    }

    .fe-det-date-div {
        min-width: auto;
    }*/

    .fe-det-cn-div {
        width: 100%;
        display: block;
    }

    .fe-det-comment-div {
        width: 100%;
        display: block;
    }

    .fe-det-date-div {
        width: 100%;
        display: block;
    }

    .fe-det-addinfo-div {
        width: 100%;
        display: block;
    }
}

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

    .a-fw-mudtable-details-header .mud-table-cell {
        font: 600 11px "Open Sans",Arial !important;
        color: black !important;
    }

    .a-fw-mudtable-details-row .mud-table-cell {
        padding: 5px !important;
        font: 500 11px "Open Sans",Arial !important;
    }
}

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

    .fe-field-1 {
        display: none;
    }
}

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

    .fe-part-left-div {
        display: block;
    }

    .fe-header-left-menu-drawer {
        display: block;
    }

    .fe-header-left-logo {
        display: none;
    }

    .fe-header-left-menu-button {
        display: block;
    }
    /*.c-header-nt-center-line-2-div {*/
    /*display: none !important;*/
    /*}*/

    .fe-part-right-div {
        left: 0;
        position: absolute;
    }
}

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

    .fe-part-right-div {
        margin-left: 305px;
        padding: 0 10px 0 10px;
    }
}

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

    .fe-part-right-div {
        margin-left: 0;
        min-width: 100%;
    }

    .fe-header-levels {
        border: 1px solid rgba(0,0,0,0.07);
        box-shadow: 1px 2px 9px rgba(0,0,0,0.07);
        position: fixed;
        /*top: 0;*/
    }

    .fe-header-left-menu-drawer {
        position: relative !important;
    }
}

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

    .fe-add-address-box {
        width: calc(100% - 30px);
        margin-left: 15px;
    }

    .fe-add-address-box-close-div {
        display: none;
    }

    .fe-cr-addsim-box {
        margin-left: 10px;
        width: calc(100% - 20px) !important;
    }

    .fe-cr-name-box {
        margin-left: 0;
        width: calc(100% - 20px);
    }

    .fw2-view-grp-rule-details-container {
        /* width: 100%;
        display: none !important;*/
    }

    .fw2-view-grp-rule-details-box {
        margin-left: 10px;
        max-width: 100%;
        width: calc(100% - 20px);
        margin-top: -10px;
        /**/
        /*max-height: 8000px;*/
        /*  position: absolute;
        background-color: red;*/
    }

    .fwg-btn-create-div {
        width: calc(100% - 20px);
    }

    .fw2-grpbox-table-title-txt {
        font-size: 14px !important;
    }
    /* .c-header-nt-center-line-1-div.fe {
        font-size: 11px !important;
    }*/

    .c-header-nt-center-line-2-div.fe {
        display: none;
    }

    .c-header-nt-center-line-1-title {
        font-size: 12px !important;
        margin-top: 5px;
    }

    .fe-main-header-rule-name {
        font-size: 13px !important;
    }
}

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

    .fe-cr-name-container {
        top: 4%;
    }
}

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

    .fwg-btn-create-div {
        text-align: left;
        margin-left: 20px;
        margin-bottom: -8px;
    }

    .fe-cr-table-title-div {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    /* .a-fw2-rules-table-data .mud-table-cell {
        text-align: left !important;
        display: block;
    }*/
}
/* #endregion */