/* #region ~ ОБЩЕЕ ~ */

.a-device-main {
    margin-left: 10px;
    margin-top: 10px;
}

.a-device-sim-content {
    width: calc(100% - 30px);
    margin: 10px 15px 0 15px;
    text-align: center;
    /**/
    /*margin: 50px 15px 0 15px;*/
}

.a-device-status-switch .mud-switch {
    right: -10px;
    top: 0;
    cursor: pointer !important;
}

.a-device-status-switch.iridium {
    right: -7px;
}

.a-device-status-switch.block .mud-switch {
    cursor: pointer !important;
}

.a-device-eq-btn {
    margin: 5px 15px 12px 5px;
    background-color: var(--bg-sab-blue); /* SKIN!!! */
    color: var(--color-sab-blue); /* SKIN!!! */
    font-size: 12px;
    padding-top: 5px !important;
    width: 125px;
}

    .a-device-eq-btn.status {
    }

    .a-device-eq-btn.apn {
        right: -14px !important;
    }

    .a-device-eq-btn:hover {
        background-color: var(--bg-hover-sab-blue); /* SKIN!!! */
    }

.a-device-bg-tr {
    background-color: rgba(0,0,0,0.02);
}

.a-device-container {
    width: calc(100% - 10px);
    left: 10px;
    display: inline-block;
    margin-top: 10px;
}

.a-device-box {
    width: 32%;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.08);
    float: left;
    margin-right: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    background-color: white;
    max-width: 32%;
    min-width: 350px !important;
    height: 520px;
    border: 1px solid rgba(0,0,0,0.1);
    /**/
    /*border: none;*/
    /*box-shadow: none;*/
    height: 550px;
    min-width: 330px !important;
}

    .a-device-box.sim {
    }

    .a-device-box.radius-apn {
    }

    .a-device-box.service {
    }

    .a-device-box.traffic {
    }

    .a-device-box.firewall {
    }

    .a-device-box.app-ip-tracker {
    }

    .a-device-box.geo {
    }

.a-device-box-title {
    font: 600 14px Roboto,"Open Sans",Arial;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.1);
    width: 100%;
    background-color: rgba(240,240,240,1);
    display: flex;
    border-radius: 5px 5px 0 0;
    text-align: left;
    background-color: rgba(0,0,0,0.02);
    border-bottom: 2px solid rgba(255,165,0,0.15);
    color: rgba(0,0,0,1);
    min-height: 35px;
    padding: 9px 10px 6px 10px;
    /**/
    /*padding-left: 65px;*/
    color: rgba(47,79,79,1); /*NEWCOLOR!!!*/
    /*text-shadow: 1px 2px 5px rgba(0,0,0,0.15);*/ /*NEWCOLOR!!!*/
}

    .a-device-box-title.sim {
        padding-left: 70px;
    }

    .a-device-box-title.firewall {
        display: flow;
        /*width: calc(100% - 20px);*/
        /*margin: 50px !important;*/
    }

/* .a-device-box-title.geo {
        z-index: 99;
    }*/

.a-device-sim-online {
    /*background-color: lightseagreen;*/
    /* background-color: darkseagreen;*/
    /*background-color: mediumaquamarine;*/
    /*color: white;*/
    background-color: rgb(0,200,83);
    /*background-color: yellowgreen;*/
    color: white;
}

.a-device-box-div-pic {
    width: 100%;
    text-align: right;
}

.a-device-box-pic {
    position: absolute;
    width: 24px;
    margin-top: 5px;
    margin-left: -35px;
}

.a-device-td-box-title {
    min-width: 55px;
    /**/
    /*background-color: yellow;
    width: 100% !important;*/
}

    .a-device-td-box-title.uncharged {
        font: 400 12px Roboto,"Open Sans",Arial;
    }

/*  .a-device-td-box-title.alerts {
        font: 400 12px Roboto,"Open Sans",Arial;
    }*/

.a-device-td-box-title-add {
    font: inherit;
    font-size: 12px;
    font-weight: 400;
    /**/
    /*width: 100%;    */
}

.a-device-td-box-img {
    width: 100%;
    text-align: right;
    justify-items: right;
    height: 40px;
    opacity: 1;
    /**/
   /* justify-content: right;
    background-color: red;*/
    /*display: flex;*/
    /*width: 100% !important;*/
}

    .a-device-td-box-img.warning {        
    }

    .a-device-td-box-img.none {
        opacity: 0.5;
    }

    .a-device-td-box-img.invisible {
        opacity: 0.5;
    }

.a-device-box-img {
    font-size: 40px;    
}

    .a-device-box-img.warning {        
    }

    .a-device-box-img.none {

    }

    .a-device-box-img.invisible {
        display: none;
    } 

.a-device-div-accordion {
    overflow: hidden;
    overflow-y: auto;
    overflow-x: auto;
    text-align: left;
    /*background-color: transparent !important; */
}

    .a-device-div-accordion.services {
        height: 300px;
        margin-right: 5px;
    }

    .a-device-div-accordion.services-error {
        font-size: 14px;
        margin-top: 20px;
        height: 100px;
        width: 100%;
        text-align: center;
    }

    .a-device-div-accordion.firewall {
        position: relative;
        max-height: 340px;
        padding-bottom: 25px;
        margin-top: 15px;
        /**/
        
    }

.a-device-btn-reload {
    position: absolute;
    right: 30px;
    margin-top: -35px;
    /**/
    right: 70px;
    /**/
    /* right: 90px;*/
}

.a-device-btn-reload-mini {
    position: absolute;
    right: 30px;
    margin-top: -35px;
    display: none;
    /**/
    right: 70px;
}

.a-device-right-inmarsat-sim-div {
    margin-top: 10px;
}

.a-device-btn-div-inmarsat-sim-menu {
    position: absolute;
    right: 20px;
    margin-top: -44px;
    /**/
    /* margin-top: -50px;*/
}

.a-device-btn-reload-menu-sim {
    display: none;
}

.temp {
    font: 500 9px "Open Sans",Arial !important;
}

.a-device-card-btn-settings {
    text-transform: none;
    font: 600 12px "Open Sans", Arial;
}

.a-device-tcs-edit-title-div {
    /*margin-top: 11px;
    margin-left: 20px;*/
    /**/
    /*display: inline-block;
    position: relative;*/
    width: 100%;
    text-align: right;
    margin-top: -15px;
    margin-right: 10px;
}

    .a-device-tcs-edit-title-div.minmax {        
    }

.a-device-tcs-edit-title-lbl {
    font: 700 14px "Open Sans",Arial !important;
    color: rgba(0,0,0,0.8);
    padding: 5px 10px 6px 10px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 5px;
    background-color: rgba(245,222,179,0.3);
    /**/
    background-color: transparent;
    /**/
    /* display: inline-block;
    position: relative;*/
    /**/
    color: rgba(0,0,0,0.9);
    font: 600 14px "Open Sans",Arial !important;
}

.a-device-timepageload {
    font: 400 8px Roboto,"Open Sans",Arial !important;
    color: rgba(0,0,0,0.6);
    width: calc(100% - 68px);
    text-align: right;
    /*margin-right: 30px;*/
    margin-left: -30px;
    position: absolute;
    margin-top: -10px;
    /**/
}

.a-device-sim-status-change-msg {
    font: 500 13px "Open Sans",Arial !important;
    color: rgba(0,0,0,0.8);
}

.a-device-main-title-msg {
}

.a-device-flag-div {
    position: absolute;
   /* height: 2px;
    background-color: red;*/
    width: 100%;
    text-align: left;
}

.a-device-flag-img {
    height: 16px;
    margin-left: 75px;
    margin-top: -29px;
}

/* #endregion */

/* #region ~ CARD + ИНФО + title + status + img + button ~ */

/*.a-device-card-status {
    font: 500 14px Arial,"Open Sans",Arial;
    padding: 5px 10px 5px 10px;
    display: flex;
    text-align: left;
    min-height: 25px;
}
*/

.a-device-eq-name-add {
    text-decoration: none;
    color: rgba(0,0,0,0.8);
    /**/
    position: absolute;
    /*display: flex;*/
    margin-top: -30px;
}

.a-device-eq-name-add-empty {
    height: 17px;
    width: 100%;
}

.a-device-eq-img {
    margin: 5px 5px 5px 5px;
    width: 70px;
    position: absolute;
    left: 35px;
}

.a-device-card-status-div {
    font: 500 14px Arial,"Open Sans",Arial;
    padding: 5px 10px 5px 10px;
    display: flex;
    text-align: left;
    min-height: 25px;
    margin-bottom: 5px;
}


    .a-device-card-status-div.iridium {
        min-height: 45px;
        /*display: block;*/
    }

.a-device-card-status-title {
    text-decoration: none;
    color: rgba(0,0,0,1);
    padding: 4px 8px 4px 8px;
    border-radius: 9px;
    margin-top: 5px;
    background-color: rgba(0,0,0,0.1);
    /**/
    height: 26px;
}

.a-device-card-status-text {
    text-decoration: none;
    /*color: rgba(0,0,0,0.8);*/
    margin-left: 10px;
    padding: 5px 0px 1px 0px;
    font-weight: 500;
    font-size: 13px;
    margin-top: 2px;
    /**/
    color: saddlebrown;
    margin-top: 5px;
    /**/
}

    .a-device-card-status-text.active {
        /*color: var(--green2); */ /* не удалять */
    }

    .a-device-card-status-text.deactivated {
        /* color: rgba(0,0,0,0.6);*/ /* не удалять */
    }

    .a-device-card-status-text.blocked {
        /*color: var(--red);*/ /* не удалять */
    }

    .a-device-card-status-text.iridium {
        position: absolute;
        margin-top: 5px;
        width: 20%;
    }

.a-device-tbl {
    text-align: left;
    margin-top: 30px;
    font: 500 12px "Open Sans",Arial;
    color: rgba(0,0,0,0.9);
    width: calc(100% - 20px);
    margin-left: 10px;
}

.a-device-td1 {
    font-weight: 600;
    font-size: 12px;
    padding: 2px 4px 2px 4px;
    white-space: pre-line;
    margin-right: 20px;
}

.a-device-td2 {
    padding: 2px 4px 2px 4px;
    font-size: 13px;
}

.a-device-td2-2 {
    padding: 2px 4px 2px 4px;
    font-size: 13px;
}

.a-device-td3 {
    padding: 2px 4px 2px 4px;
}

.a-device-td-add {
    font-weight: 400 !important;
    font-size: 11px !important;
}

.a-device-bg-tr {
    background-color: rgba(0,0,0,0.02);
}

.a-device-status-switch-tbl {
    width: 100%;
    text-align: right !important;
    height: 1px;
    /**/
    margin-top: -5px;
    /**/
    /*background-color: yellow;*/
}

    .a-device-status-switch-tbl.iridium-1 {
        text-align: left !important;
        width: 90%;
        text-align: left;
        margin-top: 2px;
    }

    .a-device-status-switch-tbl.iridium-2 {
        text-align: right !important;
        width: 10%;
        margin-top: 2px;
    }

.a-device-add-tbl {
    margin-top: 60px;
    font: 500 13px "Open Sans", Arial;
    text-align: center;
}

.a-device-add-td {
    padding-top: 1px;
}

.a-device-add-btn {
    position: absolute;
    font-size: 17px;
    right: 20px;
    color: rgba(0,0,0,0.8); /* SKIN */
}

    .a-device-add-btn:hover {
        color: steelblue; /* SKIN */
    }

.a-device-status-online-div {
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    /**/
    margin-top: -12px;
}

.a-device-status-online-img {
    width: 24px;
}

.a-device-status-online-lbl {
    font: 500 12px "Open Sans", Arial;
}

.a-device-session-btn {
    font-size: 10px;
    padding: 4px 8px 4px 8px;
    color: white;
    margin-top: -38px;
    /**/
    margin-top: -16px;
    position: absolute;
    white-space: nowrap;    
}

    .a-device-session-btn.with-tooltip {
        background-color: white;
        border: 1px  solid rgba(70,130,180,1);
        color: rgba(70,130,180,1);
        box-shadow: none;
    }

        .a-device-session-btn.with-tooltip:hover {
            box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
        }

.a-device-tooltip-switch {
    width: 50px;
    margin-right: 10px;
}

/*.a-device-tooltip-switch.iridium {
        width: 50px;
        margin-right: 10px;        
        position: absolute;
    }*/

.a-device-tooltip-switch-apn-radius {
    width: 50px;
    margin-right: 0;
    margin-top: -18px;
    /*    height: 2px;
    background-color: red;
*/
    /*  width: 40px;
    height: 2px;
    background-color: red;*/
    margin-top: -24px;
}

.a-device-title-add-1 {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.8);
    text-decoration: none;
}

.a-device-tooltip-online {
    /*font-size: 11px !important;*/
}

.a-device-session-online-td {
    padding: 5px 5px;
    font-size: 10px;
}

    .a-device-session-online-td.header {
        font-weight: 600;
    }

.a-device-technology {
    font-weight: 800;
    color: darkslategray;
    text-decoration: none;
}

.a-device-add-msisdn {
    text-decoration: none;
    color: inherit;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
}

.a-device-add-error {
    color: red;
    font-size: 13px;
    margin-top: 50px;
}

.a-device-div-grid-ir-voice-buttons {
    margin-left: 10px;
    width: calc(100% - 20px);
    margin-top: 40px;
    /**/
    max-height: 320px;
    overflow: auto;
    margin-top: 30px;
}

.a-device-div-grid-ir-voice {
}

.a-device-div-grid-ir-buttons {
}

.a-device-div-ir-voice-title {
    margin-top: 20px;
    text-align: left;
    width: 90%;
    margin-bottom: 5px;
}

.a-device-lbl-ir-voice-title {
    font: 700 16px "Open Sans",Arial !important;
    color: rgba(47,79,79,1);
    padding: 3px 10px 5px 10px;
    background-color: rgba(0,0,0,0.00);
    border-radius: 9px;
    /**/
    font: 600 15px "Open Sans",Arial !important;
}

.a-device-div-ir-buttons-title {
    margin-top: 10px;
    text-align: left;
    width: 90%;
    margin-bottom: 5px;
}

.a-device-lbl-ir-buttons-title {
    font: 700 16px "Open Sans",Arial !important;
    color: rgba(47,79,79,1);
    padding: 3px 10px 5px 10px;
    background-color: rgba(0,0,0,0.00);
    border-radius: 9px;
    /**/
    font: 600 15px "Open Sans",Arial !important;
}

/* voice */

.a-device-mudtable-voice-header .mud-table-cell {
    font: 600 10px "Open Sans",Arial !important;
    background-color: white !important;
    padding: 1px 1px 1px 2px !important;
}

.a-device-mudtable-voice-row .mud-table-cell {
    font-size: 10px;
    padding: 3px 1px 0 3px !important;
}

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

/* buttons */

.a-device-mudtable-buttons-header .mud-table-cell {
    /*    padding-top: 5px !important;
    padding-bottom: 5px !important;*/
    font: 600 10px "Open Sans",Arial !important;
    background-color: white !important;
    /**/
    padding: 1px 1px 1px 2px !important;
}

.a-device-mudtable-buttons-row .mud-table-cell {
    font-size: 10px;
    /*    padding-top: 5px !important;
    padding-bottom: 5px !important;*/
    /**/
    padding: 3px 1px 0 3px !important;
}

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

.a-device-div-sim {
    position: absolute;
}

    .a-device-div-sim.inmarsat {
    }

    .a-device-div-sim.iridium {
    }

.a-device-img-sim {
    width: 70px;
    height: 27px;
    margin-top: 1px;
    position: absolute;
    /**/
    width: 70px;
    height: 42px;
    margin-top: 3px;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.3);
    border-radius: 5px;
    /**/
    /*left: -25px;*/
    /*transform: rotate(90deg);*/
    /*margin-top: 30px;
    margin-left: 10px;*/
    margin-top: -45px;
    margin-left: 15px;
    width: 42px;
    height: 70px;
}

    .a-device-img-sim.inmarsat {
    }

    .a-device-img-sim.iridium {
    }

.a-device-sessinfo-mud {
    font-size: 12px;
    font-family: "Open Sans", Arial;
    /*    background-color: rgb(97,97,97);
    color: rgba(255,255,255,0.9);*/
    margin-left: 240px;
    margin-top: 5px;
    /**/
    /*    background-color: rgba(50,50,50,1) !important;
    background-color: rgb(247,218,148) !important;
    color: rgba(0,0,0,0.9) !important;*/
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.3);
    /* left: 10px;
    display: block;   */
    background-color: rgba(93,132,189,1) !important; /* SKIN!!! */
    color: rgba(255,255,255,1) !important; /* SKIN!!! */
    margin-left: 0;
}

/* ***** */

/* #endregion */

/* #region ~ ТАБЫ ДЛЯ СИМ-ИНФО ~ */

.a-device-mudtab-title {
    text-shadow: 1px 2px 5px rgba(0,0,0,0.1);
    font: 400 10px "Open Sans",Arial;
    height: 25px !important;
    background-color: transparent !important; /* SKIN!!! */
    margin-top: 20px;
    font: 400 11px Arial;
    width: 120px !important;
    color: rgb(0,0,0,0.9) !important; /* SKIN!!! */
}

    .a-device-mudtab-title:hover {
        color: rgba(0,0,0,1) !important; /* SKIN!!! */
        background-color: transparent !important; /* SKIN!!! */
    }

/* вся мудблазоровская панель с табами */
.a-device-mudtab-tab {
    border: none;
    color: var(--bg-dark) !important;
    margin-top: -15px !important;
    width: 100% !important;
    /**/
    overflow: hidden !important;
}

/* хидер */
.a-device-mudtab-header {
    background-color: transparent !important; /* SKIN!!! */
    left: 95px;
    pointer-events: auto;
}

/* панель под хидером */
.a-device-mudtab-panel {
    background-color: transparent;
    /**/
    overflow: hidden !important;
}

.a-device-panel-card-data {
    overflow: auto;
    max-height: 320px;
}

    .a-device-panel-card-data.x1 {
    }
    .a-device-panel-card-data.x2 {
    }

/* mudtab APN */

.a-device-mudtab-tab.tcs {
    color: var(--bg-dark) !important;
}

.a-device-mudtab-panel.tcs {
    background-color: transparent;
    text-align: center;
}

.a-device-mudtab-header.tcs {
    /* есть media */
    background-color: transparent !important; /* SKIN!!! */
    margin-left: 0px;
    margin-top: 5px;
    /*margin-top: -50px;*/
    /*display: flex;*/
}

.a-device-mudtab-title.tcs {
    /* есть media */
    text-shadow: 1px 2px 5px rgba(0,0,0,0.1);
    height: 25px !important;
    background-color: transparent !important; /* SKIN!!! */
    font: 400 11px Arial, "Open Sans";
    color: rgb(0,0,0,0.9) !important; /* SKIN!!! */
    margin-top: 55px;
    display: flex !important;
    width: 80px !important;
    /**/
    margin-top: 5px;
}

    .a-device-mudtab-title.tcs:hover {
        color: rgba(0,0,0,1) !important; /* SKIN!!! */
        background-color: transparent !important; /* SKIN!!! */
    }

.a-device-mudtab-tab-one {
    /*display: flex !important;*/
    /**/
}

    .a-device-mudtab-tab-one.apn12 {
    }

/* end mudtab */

/* #endregion */

/* #region ~ ИНФО - сервисы ~ */

.a-device-service-data {
    font: 400 13px "Open Sans",Arial !important;
    color: rgba(0,0,0,0.8);
    margin-left: 20px;
    padding-left: 20px;
    margin-bottom: -15px;
    cursor: default;
    margin-right: 20px;
    padding-right: 20px;
    white-space: nowrap;
    font: 400 15px "Open Sans",Arial !important;
    /**/
    /* margin-bottom: -55px;*/
    /*padding-bottom: 50px;*/
    /*word-wrap: break-word !important;*/
/*    overflow-wrap: break-word !important;
    width: 100px !important;*/
/*    overflow: auto;
    width: 100%;*/
}

.a-device-rz-accordion {
    box-shadow: none;
    border-radius: 0;
    /**/
    /*padding-bottom: 5px;*/
}

.a-device-rz-accordion-item {
    height: 35px;
    border: none !important;
    color: rgba(0,0,0,0.8);
    cursor: pointer;
    border-radius: 0 !important;
    background-color: transparent !important;
    /**/
    /*  background-color: red !important;
    padding-bottom: 25px;*/
    height: 40px;
}

    .a-device-rz-accordion-item.active {
        color: rgba(0,0,0,0.8);
        /*background-color: transparent !important;*/
    }

    .a-device-rz-accordion-item.inactive {
        color: rgba(0,0,0,0.4);
        /*background-color: transparent !important;*/
    }

    .a-device-rz-accordion-item.deleted {
        color: rgba(0,0,0,0.4);
        /*background-color: transparent !important;*/
    }

    .a-device-rz-accordion-item:hover {
        color: var(--bg-sab-blue);
        /*background-color: transparent !important;*/
    }

/* иконка хидера аккордеона */
.rz-accordion-header .rzi {
    font-size: 20px !important;
}

/* название хидера аккордеона */
.rz-accordion-header a[role='tab'] {
    font-size: 13px !important;
}

.a-device-servdata-td1 {
    font: 600 12px "Open Sans";
    color: rgba(0,0,0,1);
}

.a-device-servdata-td2 {
    font: normal 12px "Open Sans";
    color: rgba(0,0,0,0.8);
}

.a-device-notservice {
    margin-top: 50px;
    color: rgba(0,0,0,0.9);
    width: calc(100% - 20px);
    margin-left: 10px;
    font: 500 13px "Open Sans", Arial;
    text-align: center;
}

/* inmarsat-prepaid */

.a-device-tbl-i {
    text-align: left;
    margin-top: 30px;
    font: 500 12px "Open Sans",Arial;
    color: rgba(0,0,0,0.9);
    width: calc(100% - 20px);
    margin-left: 10px;
}

.a-device-td1-i {
    font-weight: 600;
    font-size: 12px;
    padding: 2px 4px 2px 4px;
    white-space: pre-line;
    margin-right: 20px;
}

.a-device-td2-i {
    padding: 2px 4px 2px 4px;
    font-size: 13px;
    font-weight: 400 !important;
}

.a-device-td-add-i {
    /*    font-weight: 600 !important;
    font-size: 13px !important;*/
}

.a-device-bg-tr1-i {
    background-color: rgba(0,0,0,0.02);
    background-color: transparent
}

.a-device-bg-tr2-i {
    background-color: rgba(0,0,0,0.02);
    background-color: transparent
}

/* #endregion */

/* #region ~ RADIUS/APN ~ */

.a-device-radius-info {
    font-weight: 500;
    color: rgba(0,0,0,0.7);
}

.a-device-apn-1 {
    width: 20px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(0,0,0,0.7);
}

.a-device-apn-2 {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0,0,0,0.7);
}

.a-device-apn-lbl {
    padding: 13px 3px 13px 3px;
    background-color: transparent;
    border-radius: 99px;
    /**/
    background-color: rgba(0,0,0,0.1);
    /*padding: 2px 4px 2px 4px;*/
    font: 500 14px Arial,"Open Sans",Arial;
    padding: 5px 10px 5px 10px;
}

    .a-device-apn-lbl.on {
        background-color: green;
        color: rgba(255,255,255,1);
        background-color: var(--green);
    }

    .a-device-apn-lbl.off {
        background-color: red;
        color: rgba(255,255,255,1);
        background-color: var(--red);
    }

    .a-device-apn-lbl.warning {
        background-color: gold;
        color: rgba(0,0,0,1);
    }

    .a-device-apn-lbl.unknown {
        background-color: rgba(0,0,0,0.1);
        color: rgba(0,0,0,1);
    }

.a-device-apn-switch {
    position: absolute;
}

    .a-device-apn-switch.disable {
        pointer-events: none;
        filter: grayscale(100%) brightness(0.5) invert(1);
    }

.a-device-apn-tbl {
    text-align: left;
    width: calc(100% - 20px);
    margin-left: 10px;
}

    .a-device-apn-tbl.radius {
        /*height: 40px;*/
    }

.a-device-apn-radius-tc {
    font: 400 11px Arial,"Open Sans",Arial;
    color: saddlebrown;
    width: calc(100% - 15px);
    text-align: right;
    margin-top: 10px;
    /* position: absolute;*/
}

.a-device-apn-td1 {
    white-space: nowrap;
    width: 220px !important;
}

.a-device-apn-td2 {
    font-size: 13px;
    /* width: auto;*/
}

.a-device-apn-td3 {
    text-align: right;
    /*width: auto;*/
    width: 1%;
    /**/
    /*background-color: red;*/
}

/*.a-device-apn-lbl {
    background-color: rgba(0,0,0,0.1);
    padding: 2px 4px 2px 4px;
    font: 500 14px Arial,"Open Sans",Arial;
    padding: 5px 10px 5px 10px;
}
*/
.a-device-apn-status {
    margin-top: 2px;
    margin-left: 10px;
    color: rgba(0,0,0,0.8);
    font: 500 13px Arial,"Open Sans",Arial;
    /**/
    color: saddlebrown;
}

.a-device-apnrad-none-div {
    width: calc(100% - 40px);
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
}

.a-device-apnrad-none-lbl {
    font: 500 13px Arial,"Open Sans",Arial;
    color: saddlebrown;
}

.a-device-apnrad-init-false-div {
    margin-top: 30px;
}

.a-device-apnrad-init-false-lbl {
    font: 500 13px Arial,"Open Sans",Arial;
    color: saddlebrown;
}

.a-device-apn-text {
    font-family: Roboto,"Yandex Sans Display",Arial !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: olive !important;
}

    .a-device-apn-text.enabled {
        font: 800 13px "Open Sans",Roboto,"Yandex Sans Display",Arial !important;
        color: rgba(0,200,83,1) !important;
    }

    .a-device-apn-text.disabled {
        font: 800 13px "Open Sans",Roboto,"Yandex Sans Display",Arial !important;
        /*color: rgba(244,67,54,1) !important;*/
        color: rgba(255,0,0,0.9) !important;
        color: rgba(0,0,0,0.5) !important;
    }

/* #endregion */

/* #region ~ КОНТРОЛЬ ТРАФИКА + РАСХОД С НАЧАЛА МЕСЯЦА ~ */

.a-device-expenses-tb {
    margin: 5px 0 5px 20px;
    color: rgba(47,79,79,1);
    width: calc(100% - 20px);
}

.a-device-expenses-td-1 {
    width: 10%;
}

.a-device-expenses-td-2 {
    text-align: right;
    font: 500 13px "Open Sans",Arial;
    color: rgba(0,0,0,0.8);
}

.a-device-expenses-td-3 {
    font: 500 13px "Open Sans",Arial;
    text-align: left;
    width: 15%;
}

.a-device-expenses-td-alert-no {
    text-align: left;
    font: 500 13px "Open Sans",Arial;
    color: rgba(0,0,0,0.6);
}

    .a-device-expenses-td-alert-no.iop {
    }

.a-device-expenses-td-alert-yes {
    text-align: left;
    font: 500 13px "Open Sans",Arial;
    color: rgba(255,0,0,0.8);
}

    .a-device-expenses-td-alert-yes.iop {
    }

.a-device-expenses-img {
    width: 26px;
    color: rgba(47,79,79,1);
    /*background-color: rgba(0,0,0,0.05);*/
    padding: 5px;
    border-radius: 99px;
    background-color: rgba(0,0,0,0.1);
}

.a-device-div-alert-img {
    width: 100%;
    text-align: center;
    margin-top: 80px;
}

.a-device-alert-img {
    width: 200px;
    opacity: 0.1;
}

.a-device-td-alert-img {
    width: 32px;
}

    .a-device-td-alert-img.no {
        opacity: 0.6;
    }

/* money, mb, time */

.a-device-traf-div-title {
    width: 100%;
    margin-top: 7px;
    display: inline-flex;
    /*background-color: red;*/
}

.a-device-traf-div-title-add-1 {
    width: 170px;
    text-align: left;
}

.a-device-traf-div-title-add-2 {
    width: 100%;
    text-align: left;
    /*background-color: rgba(0,0,0,0.019);*/
    margin: 0 10px 0 10px;
    border-radius: 6px;
}

.a-device-traf-div-title-add-3 {
    min-width: 50px;
    text-align: right;
    margin-top: -10px;
    margin-right: 10px;
}

.a-device-traf-lbl-title {
    background-color: rgba(0,0,0,0.1);
    padding: 3px 10px 4px 10px;
    border-radius: 99px;
    color: rgba(0,0,0,0.9);
    font: 500 13px "Open Sans",Arial;
    margin-left: 10px;
    width: 110px;
}

/*.a-device-traf-lbl-title. {
}
*/

.a-device-traf-lbl-status {
    margin-left: 10px;
    font: 500 13px Arial,"Open Sans",Arial;
    /*color: saddlebrown;*/
    color: olive;
}

.a-device-traf-switch {
    /* padding-top: 5px;*/
    /*margin-top: 10px !important;*/
    position: absolute;
    margin-top: 4px !important;
    /*margin-left: 40px !important;*/
    margin-left: 10px !important;
}

    .a-device-traf-switch.reset {
        margin-top: 13px !important;
        margin-left: 4px !important;
        /*margin-left: -199px;*/
    }

.a-device-traf-tb {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 5px;
    font: 500 13px "Open Sans",Arial;
    text-align: left;
    margin-bottom: 10px;
}

.a-device-traf-lbl-x1 {
    font-weight: 600;
    font-size: 12px;
    /*background-color: transparent !important;*/
}

.a-device-traf-lbl-x2 {
    /*background-color: transparent !important;*/
}

.a-device-traf-lbl-add1 {
    font-weight: 500;
    font-size: 12px;
}

.a-device-traf-lbl-add2 {
    font-weight: 500;
    font-size: 12px;
}

.a-device-traf-delimiter {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0.1);
}

    .a-device-traf-delimiter.last1 {
        margin-top: 10px;
    }

    .a-device-traf-delimiter.last2 {
        margin-top: 5px;
    }

.a-device-traf-netflow-div {
    margin-bottom: 5px;
    width: 100%;
    text-align: right;
}

.a-device-traf-netflow-lbl {
    font: 500 13px "Open Sans",Arial;
    margin-right: 15px;
    /*color: saddlebrown;*/
}

.a-device-traf-buttons-div {
    width: 100%;
    /*margin-top: 12px;*/
    margin-left: -5px;
}

.a-device-traf-btn {
    background-color: var(--bg-sab-blue); /* SKIN!!! */
    color: var(--color-sab-blue); /* SKIN!!! */
    text-decoration: none;
    padding: 6px 12px 7px 12px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    border-radius: 4px;
    color: rgba(255,255,255,0.9);
    text-transform: uppercase;
    font: 600 12px "Open Sans", Arial;
    letter-spacing: 0;
}

    .a-device-traf-btn:hover {
        background-color: var(--bg-hover-sab-blue); /* SKIN!!! */
    }

    .a-device-traf-btn.left {
        margin-left: 20px;
    }

    .a-device-traf-btn.right {
        margin-right: 20px;
    }

.a-device-traf-title-lbl-error {
    margin-left: 15px;
    font: 500 12px "Open Sans", Arial;
    margin-top: 10px;
    color: red;
}

.a-device-traf-policy-btn {
    margin-left: 10px;
    text-transform: none;
    font: 500 12px "Open Sans", Arial;
}

.a-device-traf-none-div {
    width: calc(100% - 40px);
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
}

.a-device-traf-none-lbl {
    font: 500 13px Arial,"Open Sans",Arial;
    color: saddlebrown;
}

.a-device-unit {
    text-decoration: none;
    /* color: rgba(0,0,0,0.7);*/
    font-size: 12px;
    /**/
    color: rgba(0,0,0,0.9);
    color: inherit;
}

.a-device-tcs-btn-max {
    display: block;
}

.a-device-tcs-btn-min {
    display: none;
}

.a-device-traf-current-expenses-none {
    text-decoration: none;
    color: rgba(0,0,0,0.5);
    font-size: 11px;
    display: ruby;
    margin-right: 20px;
}

.a-device-traf-current-expenses-minus {
    text-decoration: none;
    color: rgba(0,0,0,0.9);
    padding: 2px 4px 2px 7px;
    background-color: darkorange;
    border-radius: 19px;
    /**/
    background-color: rgba(255,152,0,1);
    background-color: gold;
    /*color: white;*/
    margin-right: 5px;
}

/**/

.a-device-traf-sim-off {
    margin-top: 15px;
    margin-left: 20px;
    width: calc(100% - 40px);
    text-align: left;
    /**/
    position: absolute;
    margin-top: -15px;
    margin-left: 70px;
}

.a-device-traf-sim-off-img {
    width: 24px;
    margin-right: 5px;
    /**/
    width: 16px;
}

.a-device-traf-sim-off-lbl {
    font: 500 12px "Open Sans", Arial;
    color: maroon;
}

/**/

.a-device-traf-data-off {
    margin-top: 10px;
    margin-left: 20px;
    width: calc(100% - 40px);
    text-align: left;
    /**/
    position: absolute;
    display: none;
}

.a-device-traf-data-off-img {
    width: 24px;
    margin-right: 5px;
}

.a-device-traf-data-off-lbl {
    font: 500 12px "Open Sans", Arial;
    color: maroon;
}

.a-device-balance-btn-div {
    width: 100%;
    /**/
    /* height: 2px;
    background-color: red;*/
    text-align: left;
    /* position: absolute;*/
}

.a-device-balance-btn {
    /*color: white;*/
    bottom: 0;
    text-transform: none;
    font: 500 12px "Open Sans", Arial;
    color: var(--bg-info);
    margin-left: 7px;
}

/*.a-device-balance-img {    
    height: 21px;
    margin-left: 10px;
}
*/

.a-device-tcs-textfield-mb-apns .mud-input-helper-text {
    color: rgba(0,0,0,1);
    font-size: 14px;
}

/* #endregion */

/* #region ~ FIREWALL ~ */

.a-device-tbl-firewall {
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
    
}

.a-device-td-firewall {
    font: 500 14px Arial,"Open Sans",Arial;
    color: saddlebrown;
    /**/
    font: 500 13px Arial,"Open Sans",Arial;    
}

.a-device-td-firewall-grp {

}
    .a-device-td-firewall-grp.x1 {
    }
    .a-device-td-firewall-grp.x2 {
    }

.a-device-lbl-firewall-grp {
    text-decoration: none;
    color: rgba(0,0,0,1);
    text-transform: none;
}

    .a-device-lbl-firewall-grp.x1 {
        font: 500 13px Arial,"Open Sans",Arial;
        padding: 4px 8px 4px 8px;
        border-radius: 9px;
        background-color: rgba(0,0,0,0.1);
        font-weight: 400;        
    }

    .a-device-lbl-firewall-grp.x2 {
        font: 500 14px Arial,"Open Sans",Arial;
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        margin-left: 10px;
        /*padding: 3px 0px 1px 0px;*/
        font-weight: 500;
        font-size: 13px;
        margin-top: 2px;
        /* делаем батон */
        padding: 3px 8px 3px 8px;
        background-color: var(--bg-info);
        color: rgba(255,255,255,0.9);
        border-radius: 12px;
        box-shadow: 1px 2px 3px rgba(0,0,0,0.17);
        cursor: pointer;
        /**/
        height: 25px;
        padding: 4px 8px 4px 8px;
        border-radius: 4px;
        height: 28px;
    }

        .a-device-lbl-firewall-grp.x2:hover {
            background-color: var(--bg-hover-info);
        }

    .a-device-lbl-firewall-grp.x3 {
        font: 500 14px Arial,"Open Sans",Arial;
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        margin-left: 10px;
        /*padding: 3px 0px 1px 0px;*/
        font-weight: 500;
        font-size: 13px;
        margin-top: 2px;
    }


.a-device-firewall-div-rules {
    margin-top: 0;
    margin-left: 0px;
    margin-right: 5px;
    min-width: 320px;
}

.a-device-firewall-tbl {
    border-collapse: separate;
    border-spacing: 5px 5px;
}

.a-device-firewall-tr {
}

.a-device-firewall-td {
    font: 400 13px Roboto,"Open Sans",Arial;
    color: rgba(0,0,0,0.8);
    padding: 3px 6px 3px 6px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 9px;
}

    .a-device-firewall-td.x1 {
    }

    .a-device-firewall-td.x2 {
        width: 100%;
    }

    .a-device-firewall-td.x3 {
    }

    .a-device-firewall-td.x4 {
    }

    .a-device-firewall-td.x5 {
    }

    .a-device-firewall-td.x6 {
    }

.a-device-btn-firewall-report {
    width: calc(100% - 30px);
    text-align: left;
    margin-left: 15px;
    margin-top: 20px;
}

.a-device-set-firewall-title {
    text-decoration: none;
    color: rgba(0,0,0,1);
    padding: 4px 8px 4px 8px;
    background-color: rgba(0,0,0,0.07);
    border-radius: 9px;
    /**/
    background-color: rgba(0,0,0,0.1);
    font-weight: 400;
}

.a-device-set-firewall-text {
    text-decoration: none;
    color: rgba(0,0,0,0.6);
    margin-left: 10px;
    padding: 3px 0px 1px 0px;
    font-weight: 500;
    font-size: 13px;
    margin-top: 2px;
    /**/
    /*color: saddlebrown;*/
}

.a-device-firewall-error-lbl {
    font: 500 14px Arial,"Open Sans",Arial;
    color: red;
    margin-left: 20px;
    margin-top: 10px;
}

.a-device-firewall-create-rule-div {
    text-align: left;
    /**/
    /*display: inline-block;*/
    min-width: 1px;
    /*margin-top: -33px;    */
    /*width: 100%;*/
    /*background-color: red;*/

}

.a-device-firewall-create-rule-btn {
    text-transform: none;
    font: 400 14px Arial,"Open Sans",Arial;
    margin-left: 10px;
    border-radius: 6px;
    /**/
    /*display: inline-block;
    right: 10px;    */
}

    .a-device-firewall-create-rule-btn:hover {
        /*background-color: transparent;*/
    }

.a-device-fw-groupname {
    font: 400 14px Arial,"Open Sans",Arial;
    margin-left: 10px;
    color: rgba(0,0,0,0.7);
}

/* #endregion */

/* #region ~ TRAFFIC ОТЧЕТЫ ~ */

.a-device-mudtable-traffic-header .mud-table-cell {
    /*    background-color: rgb(231, 237, 245) !important;
    font-size: 11px;*/
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font: 600 10px "Open Sans",Arial !important;
    font-style: italic;
    /* background-color: white !important;*/
    /**/
}

.a-device-mudtable-traffic-header.group .mud-table-cell {
    padding: 5px 0 5px 5px !important;
    font-size: 12px !important;
    /*background-color: ivory !important;*/
}

.a-device-mudtable-traffic-table {
}

    .a-device-mudtable-traffic-table.group .mud-table-cell {
    }

.a-device-mudtable-traffic-data {
    background-color: rgba(255,255,255,1) !important;
    /* max-height: 500px;
    max-height: 900px;*/
    max-height: 800px;
}

    .a-device-mudtable-traffic-data.group {
        margin-top: 5px;
        /*max-height: 800px;*/
        /**/
        background-color: ivory !important;
    }

.a-device-mudtable-traffic-row .mud-table-cell {
    font-size: 10px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.a-device-mudtable-traffic-row.group .mud-table-cell {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding: 2px 5px 2px 5px !important;
    font-size: 12px;
}

.a-device-div-traffic-top {
    overflow: hidden;
    overflow-y: auto;
    overflow-x: auto;
    text-align: left;
    max-height: 170px;
}

    .a-device-div-traffic-top.group {
        overflow: auto;
        max-height: 800px;
    }

.a-device-traffic-top-records {
    font: 500 12px Arial,"Open Sans",Arial;
    text-align: left;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-style: italic;
}

.a-device-traffic-top-empty {
    /* font: 500 13px Arial,"Open Sans",Arial;*/
    /*font-style: italic;*/
    /*color: rgba(0,0,0,0.8);*/
    text-align: left;
    margin-top: 15px;
    margin-left: 25px;
    margin-bottom: 20px;
    font: 500 13px Arial,"Open Sans",Arial;
    color: saddlebrown;
}

.a-device-traffic-title {
    margin: 10px 0 10px 10px;
    color: rgba(0,0,0,0.8);
    background-color: rgba(0,0,0,0.1);
    padding: 5px 10px 5px 15px;
    width: 270px;
    border-radius: 99px;
    font: 500 14px Arial,"Open Sans",Arial;
    text-align: left;
}

.a-device-traffic-date-container {
    text-align: left;
    margin-left: 20px;
    margin-top: 20px;
    /**/
    /* display: flex;*/
}

.a-device-traffic-date {
    display: inline-block;
    margin-right: 20px;
    max-width: 155px;
}

.a-device-traffic-fromto {
    display: inline-block;
    font: 700 13px "Open Sans",Arial;
    margin-right: 10px;
    color: rgba(0,0,0,0.7);
}

.a-device-radio-detailed-report {
    width: calc(100% - 30px);
    text-align: left;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.a-device-title-radio-detailed-report {

}

.a-device-radio-item {    
    margin-right: 20px !important;
}

.a-device-btn-report {
    padding: 6px 15px 5px 15px;
}

.a-device-btn-detailed-report {
    width: calc(100% - 30px);
    text-align: left;
    margin-left: 15px;
    margin-top: 5px;
}

.a-device-report-radio .mud-radio-content {
    font-size: 14px !important;
}

.a-device-traffic-top-more1000-lbl {
    color: saddlebrown;
    color: olive;
}

/* #endregion */

/* #region ~ ГЕОЛОКАЦИЯ ~ */

.a-device-geo-yes-container {
}

.a-device-geo-no-container {
    width: 100%;
    text-align: left;
    margin-top: 10px;
}

.a-device-geo-no-lbl {
    font: 500 14px Arial,"Open Sans",Arial;
    color: saddlebrown;
    margin-left: 20px;
}

.a-device-geo-frame {
    height: 465px;
}

.a-device-geo-no-container-img-div1 {
    width: 100%;
    height: 420px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*z-index: 1;*/
}

.a-device-geo-no-container-img-div2 {
    display: block;
    /*max-width: 400px;*/
    /* z-index: 1;*/
}

    .a-device-geo-no-container-img-div2.x1 {
        max-width: 400px;
    }

    .a-device-geo-no-container-img-div2.x2 {
        max-width: 400px;
    }

    .a-device-geo-no-container-img-div2.x3 {
    }

    .a-device-geo-no-container-img-div2.x4 {
        max-width: 400px;
    }

    .a-device-geo-no-container-img-div2.x5 {
    }

    .a-device-geo-no-container-img-div2.x6 {
        max-width: 600px;
    }

    .a-device-geo-no-container-img-div2.x7 {
        max-width: 350px;
    }

    .a-device-geo-no-container-img-div2.x8 {
    }

    .a-device-geo-no-container-img-div2.x9 {
        max-width: 470px;
    }

.a-device-geo-no-img {
    display: block;
    width: 100%;
}

/* #endregion */

/* #region ~ НАСТРОЙКА КОНТРОЛЯ РАСХОДОВ  (tcs - traffic control setup) ~ */

.a-device-tcs-container {
    min-width: 1px !important;
    min-height: 1px;
    /*width: auto;*/
    height: auto;
    /**/
    /*position: static;*/
}

.a-device-tcs-box {
    margin-left: 10px;
    width: calc(100% - 20px);
    margin-top: 20px;
    background-color: rgb(255,255,255);
    height: calc(100vh - 150px);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 6px;
    min-width: 1px !important;
    min-height: 400px;
    /**/
    background-color: rgba(246,246,246,0);
    box-shadow: none;
    border: none;
    margin-top: 10px;
    margin-left: 0px;
    width: calc(100% - 5px);
    margin-top: 15px;
}

.a-device-tcs-box-header {
    width: calc(100% - 110px);
    display: flex;
    min-width: 1px !important;
    margin-left: 15px;
    width: calc(100% - 35px);
    border-radius: 6px;
    height: 50px;
    margin-top: 15px;
    /**/
    width: calc(100% - 5px);
    margin-left: 5px;
}

.a-device-grp-tcs-box-header {
    width: calc(100% - 110px);
    display: flex;
    min-width: 1px !important;
    margin-left: 15px;
    width: calc(100% - 35px);
    border-radius: 6px;
    height: 50px;
    margin-top: 15px;
    /**/
    width: calc(100% - 5px);
    margin-left: 5px;
}

.a-device-tcs-edit-btn {
    margin-left: 40px;
    margin-top: 1px;
}

.a-device-tcs-back-btn {
    margin-left: 5px;
    margin-top: 5px;
    /**/
    /*background-color: rgba(0,0,0,0.7) !important;*/
    height: 40px;
    width: 40px;
    /**/
    margin-top: 10px;
    height: 30px;
    width: 30px;
    margin-left: 10px;
}

.a-device-tcs-title-div-max {
    margin-top: 2px;
    display: inline-block;
    position: absolute;
    /**/
    width: calc(100% - 60px);
    text-align: right;
    width: calc(100% - 45px);
    /**/
    width: calc(100% - 35px);
    /*height: 70px;*/
    width: calc(100% - 10px);
    /**/
    /*height: 2px;
    background-color: aqua; 
    width: auto;*/
    /* right: 10px;
    margin-top: -7px;*/
}

.a-device-tcs-title-lbl-max {
    background: transparent;
    font: 800 20px Roboto,"Open Sans",sans-serif;
    margin: 0 0 0 0;
    display: inline-block;
    color: rgba(47,79,79,0.9); /*NEWCOLOR!!!*/
    /**/
    padding: 10px 15px 10px 15px;
    /*border: dashed 1px rgba(0,0,0,0.2);*/
    background-color: transparent;
    border-radius: 9px;
    /*height: 70px;*/
    right: 0;
    position: absolute;
}

/**/

.a-device-tcs-title-lbl-max-2 {
    font: 800 20px Roboto,"Open Sans",sans-serif;
    margin: 0 0 0 0;
    display: inline-block;
    color: rgba(47,79,79,0.9);
    padding: 10px 15px 10px 15px;
    background-color: transparent;
    border-radius: 9px;
    right: 0;
    position: absolute;
    /**/
    margin-top: -5px;
}

    .a-device-tcs-title-lbl-max-2.otc {
        font: 800 15px Roboto,"Open Sans",sans-serif !important;
        margin-top: -11px;
    }

.a-device-tcs-title-lbl-max-2-add {
    font: 800 20px Roboto,"Open Sans",sans-serif;
    margin: 0 0 0 0;
    display: inline-block;
    color: rgba(47,79,79,0.9);
    padding: 10px 15px 10px 15px;
    background-color: transparent;
    border-radius: 9px;
    right: 0;
    position: absolute;
    /**/
    color: saddlebrown;
    font: 600 17px Roboto,"Open Sans",sans-serif;
    margin-top: 15px;
    /**/
    font: 700 18px "Open Sans",sans-serif;
    color: rgba(0,0,0,0.7);
    padding: 5px 15px 5px 15px;
    background-color: rgba(234,234,226,1);
    right: 10px;
}

    /**/

    .a-device-tcs-title-lbl-max-2-add.otc {
        font: 800 14px Roboto,"Open Sans",sans-serif;
        margin-top: 20px;
    }

.a-device-tcs-title-lbl-max-eqname {
    font-weight: 500;
    font-size: 17px;
    color: saddlebrown;
    text-decoration: none;
}

.a-device-tcs-title-div-min {
    margin-top: 2px;
    display: inline-block;
    position: absolute;
    /**/
    width: calc(100% - 45px);
    text-align: right;
    margin-top: 7px;
}

.a-device-tcs-title-lbl-min {
    background: transparent;
    font: 800 16px Roboto,"Open Sans",sans-serif;
    margin: 10px 0 0 10px;
    display: inline-block;
    color: rgba(47,79,79,0.9); /*NEWCOLOR!!!*/
    /**/
    font: 800 13px Roboto,"Open Sans",sans-serif;
}

.a-device-tcs-title-visible-max {
    display: block;
}

.a-device-tcs-title-visible-min {
    display: none;
}

.a-device-tcs-content-div {
    margin-left: 15px;
    width: calc(100% - 20px);
    border-radius: 6px;
    min-height: 1px;
    justify-content: center;
    margin-left: 10px;
    display: flex;
    min-width: 325px !important;
}

.a-device-tcs-threshold-txt .mud-input-helper-text {
    color: rgba(0,0,0,1);
    font-size: 14px;
}

.a-device-tcs-mmm-box {
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.06);
    height: 500px;
    background-color: white;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.06);
    min-width: 370px;
    margin: 7px 7px 7px 7px;
    width: 100%;
    padding: 5px 10px;
    min-width: 325px !important;
    /**/
    height: 550px;
}

    .a-device-tcs-mmm-box.money {
    }

    .a-device-tcs-mmm-box.mb {
    }

    .a-device-tcs-mmm-box.min {
    }

.a-device-tcs-mmm-group-box {
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.06);
    height: 500px;
    background-color: white;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.06);
    min-width: 370px;
    margin: 7px 7px 7px 7px;
    width: 100%;
    padding: 5px 10px;
    /**/
    min-width: 325px !important;
    /**/
}

    .a-device-tcs-mmm-group-box.money {
    }

    .a-device-tcs-mmm-group-box.mb {
    }

    .a-device-tcs-mmm-group-box.min {
    }

.a-device-tcs-mmm-img {
    position: absolute;
    height: 35px;
    margin-top: -45px;
    margin-left: -60px;
}

    .a-device-tcs-mmm-img.money {
        margin-left: -40px;
    }

    .a-device-tcs-mmm-img.mb {
        margin-left: -45px;
    }

    .a-device-tcs-mmm-img.min {
        margin-left: -42px;
    }

.a-device-tcs-mmm-img-apn {
    filter: grayscale(100%) brightness(0.6) invert(1);
    height: 16px;
    color: rgba(0,0,0,0,0.8);
}

    .a-device-tcs-mmm-img-apn.mb {
        margin-left: 0;
        margin-bottom: 1px;
    }

    .a-device-tcs-mmm-img-apn.money {
        margin-bottom: 2px;
    }

    .a-device-tcs-mmm-img-apn.notify {
        margin-bottom: 3px;
    }

.a-device-table-txt {
    color: rgba(0,0,0,0,0.8);
    /* background-color: red !important;
    display: none;*/
}

/*.a-device-tcs-chk-main {
    color: rgba(0,0,0,0.1);
    font-size: 9px;*/
/**/
/*font-family: "Open Sans", Arial;
    font: 400 9px Arial, "Open Sans", Arial;
}*/

.a-device-tcs-chk-main .mud-checkbox-text {
    color: rgba(0,0,0,0.8);
    /* font-size: 9px;*/
    /**/
    /*font-family: "Open Sans", Arial;*/
    font: 400 12px Arial, "Open Sans", Arial !important;
}

.a-device-tcs-chk-main.money {
}

.a-device-tcs-chk-main.mb {
}

.a-device-tcs-chk-main.min {
}

.a-device-tcs-chk-main.monthlyreset {
    margin: -5px -10px;
    color: rgba(0,0,0,0.8);
    /*font-size: 9px !important;*/
    font-family: "Open Sans", Arial;
    font-weight: 700;
}

.a-device-tcs-chk-main.netflow .mud-checkbox {
    margin: -5px -10px;
    color: rgba(0,0,0,0.6);
    font-size: 9px !important;
    /**/
    color: rgba(0,0,0,0.8);
}

.a-device-tcs-mmm-img-div {
    width: 100%;
    text-align: right;
}

.a-device-tcs-mmm-enabled-content {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-top: -10px;
}

.a-device-tcs-mmm-disabled-content {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    color: rgba(0,0,0,0.7);
}

.a-device-tcs-common-container {
    margin-left: 15px;
    width: calc(100% - 20px);
    border-radius: 6px;
    min-height: 1px;
    /**/
    justify-content: center;
    margin-left: 10px;
    display: flex;
}

.a-device-tcs-common-box {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.06);
    margin-bottom: 15px;
    background-color: white;
    padding: 5px 10px;
    min-width: 250px;
    border-radius: 8px;
    height: 180px;
    width: 100%;
    text-align: left;
    display: inline-block;
    margin: 7px 7px 7px 7px;
    display: inline-block;
    height: 145px;
    height: 170px;
}

.a-device-tcs-common-group-container {
    margin-left: 15px;
    width: calc(100% - 20px);
    border-radius: 6px;
    min-height: 1px;
    /**/
    justify-content: center;
    margin-left: 10px;
    display: flex;
    /**/
    /*max-height: 9950px !important;*/
}

    .a-device-tcs-common-group-container.addsims {
    }

.a-device-tcs-common-group-box {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.06);
    margin-bottom: 15px;
    background-color: white;
    padding: 5px 10px;
    min-width: 250px;
    border-radius: 8px;
    /*max-height: 180px;*/
    width: 100%;
    text-align: left;
    display: inline-block;
    margin: 7px 7px 7px 7px;
    display: block;
    /**/
    /*border: 1px solid rgba(0,0,0,0.08);*/
    max-height: 900px !important;
}

    .a-device-tcs-common-group-box.sims {
        padding-bottom: 10px;
        /*max-height: 900px !important;        */
    }

.a-device-tcs-date-main {
    margin-top: 20px;
    /*    color: rgba(0,0,0,0.8);
    font-size: 19px !important;*/
}

    .a-device-tcs-date-main.end {
    }

    .a-device-tcs-date-main.set {
    }

.a-device-tcs-other-main {
}

    .a-device-tcs-other-main.email {
    }

.a-device-tcs-other-main-email .mud-input-slot {
    font-size: 11px !important;
    /**/
    font-size: 13px !important;
    /**/
    margin-top: 25px !important;
}

.a-device-mr-divider {
    height: 1px;
    margin-top: 25px;
    margin-left: 0;
    width: calc(100%);
    background-color: rgba(0,0,0,0.2);
}

.a-device-mr-help {
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    color: rgba(0,0,0,0.6);
}

.a-device-tcs-circle-div {
    width: calc(100% - 10px);
    text-align: right;
}

    .a-device-tcs-circle-div.group {
        width: calc(100% - 10px);
        text-align: right;
    }

.a-device-tcs-circle-img {
    position: absolute;
    width: 16px;
}

    .a-device-tcs-circle-img.off {
        margin-top: -8px;
    }

.a-device-tcs-money-info {
    margin-top: 20px !important;
    font: 400 13px "Open Sans",sans-serif;
    color: rgba(0,0,0,0.6);
    width: 100%;
}

.a-device-tcs-mb-info {
    margin-top: 8px !important;
    font: 400 13px "Open Sans",sans-serif;
    color: rgba(0,0,0,0.6);
    width: 100%;
    text-align: left;
}


.a-device-tcs-time-info {
    margin-top: 20px !important;
    font: 400 13px "Open Sans",sans-serif;
    color: rgba(0,0,0,0.6);
    width: 100%;
    /**/
}

.a-device-tcs-netflow-off-title {
    margin-top: 8px;
    font-weight: 600;
    font-size: 16px;
    color: rgba(0,0,0,0.7);
    /**/
    font: 400 16px Roboto,"Open Sans",sans-serif;
}

.a-device-tcs-netflow-off-msg {
    margin-top: 10px;
    font-weight: 400;
    font-size: 13px;
    color: rgba(0,0,0,0.7);
    /**/
    font-size: 12px;
    color: rgba(0,0,0,0.6);
}

.a-device-tcs-shutdown-mb-container {
    width: 100%;
    display: flow;
    margin-top: 20px;
    /**/
    /* display: inline-block !important;
    position: relative;*/
}

    .a-device-tcs-shutdown-mb-container.apn12 {
        width: 45%;
        margin-top: 25px;
        margin-left: 40px;
    }

.a-device-tcs-shutdown-mb-title {
    color: rgba(0,0,0,0.7);
    font: 400 12px "Open Sans",sans-serif;
    text-align: center;
}

.a-device-tcs-shutdown-mb-radio {
    margin-top: 5px;
    margin-left: 5px;
    /*display: inline-block; */
    text-align: center;
    justify-content: center;
    justify-items: center;
    /**/
    display: flex;
    color: rgba(0,0,0,0.6);
}

    .a-device-tcs-shutdown-mb-radio .mud-radio-content {
        font: 400 13px "Open Sans",sans-serif !important;
        color: rgba(0,0,0,0.7);
    }

    .a-device-tcs-shutdown-mb-radio .mud-radio svg {
        color: rgba(0,0,0,0.7);
        font-size: 1rem;
    }

.a-device-tcs-divider-1 {
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.07);
    margin-top: 10px;
}

.a-device-tcs-divider-2 {
    height: 20px;
    width: 100%;
    background-color: transparent;
}

.a-device-tcs-mb-apn1-chk-div {
    margin-top: 25px;
}

.a-device-tcs-mb-apn12-chk-lbl {
    font: 600 12px "Open Sans", Arial;
    color: rgba(0,0,0,0.7);
    margin-bottom: 7px;
    /**/
    color: rgba(0,0,0,1);
    text-transform: uppercase;
    margin-bottom: 15px;
}

.a-device-tcs-mb-apns-chk .mud-checkbox {
    color: rgba(0,0,0,0.7);
    margin-left: -5px;
}

    .a-device-tcs-mb-apns-chk .mud-checkbox span {
    }

    .a-device-tcs-mb-apns-chk .mud-checkbox svg {
        font-size: 1.3rem;
    }

.a-device-tcs-bottom-info {
    margin-top: 10px;
    font: 400 13px "Open Sans",Arial;
    text-align: left;
}

.a-device-tcs-mb-apn12-info {
    margin-top: 10px;
    font: 400 13px "Open Sans",Arial;
    text-align: left;
}

.a-device-tcs-mb-apn1-info-mb {
}

.a-device-tcs-mb-apn1-info-money {
}

.a-device-tcs-mb-apn2-info-mb {
}

.a-device-tcs-mb-apn2-info-money {
}

.a-device-tcs-deletedata {
    height: 30px;
    margin-top: 10px;
    margin-left: 20px;
    z-index: 99;
    font-size: 12px;
    padding-top: 7px;
    /**/
    margin-left: 5px;
}

.a-device-tcs-savedata {
    height: 30px;
    margin-top: 10px;
    margin-left: 120px;
    z-index: 99;
    font-size: 12px;
    padding-top: 7px;
    /**/
    margin-left: 110px;
}

.a-device-tcs-addmoney {
    height: 30px;
    margin-top: 10px;
    margin-left: 120px;
    z-index: 99;
    font-size: 11px;
    padding-top: 7px;
    /**/
    /*width: 500px !important;
    position: absolute;*/
    min-width: 250px;
    display: inline;
    /**/
    margin-left: 110px;
}

.a-device-mb-item-box {
    padding: 0px 10px 10px 10px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.05);
    margin-top: 15px;
    border-radius: 5px;
    max-width: 100%;
    /*border: 1px solid transparent;*/
}

    .a-device-mb-item-box.threshold {
        width: 70%;
        display: inline-block;
    }

    .a-device-mb-item-box.threshold-add {
        width: 29%;
        display: inline-block;
        pointer-events: none;
        opacity: 0.8;
        background-color: rgb(246,246,246);
    }

.a-device-mb-item-panel {
}

    .a-device-mb-item-panel.threshold {
        width: 70%;
        display: inline-block;
    }

    .a-device-mb-item-panel.threshold-add {
        width: 29%;
        display: inline-block;
        pointer-events: none;
        opacity: 0.8;
        background-color: rgb(246,246,246);
    }

.a-device-tcs-money-info {
    margin-top: 10px;
    font: 400 13px "Open Sans",Arial;
    text-align: left;
}

.a-device-tcs-time-info {
    margin-top: 10px;
    font: 400 13px "Open Sans",Arial;
    text-align: left;
}

.a-device-tooltip-icon {
    width: 24px;
    margin-top: 20px;
    margin-left: 10px;
    /**/
    pointer-events: auto !important;
}

.a-device-important-info-div {
    float: left;
    border-radius: 8px;
    border-radius: 6px;
    margin-bottom: 20px;
    /*padding: 10px 10px 10px 10px;*/
    /**/
    margin-left: 15px;
    width: calc(100% - 30px);
    /**/
    margin-top: 20px;
    margin-left: 100px;
    width: calc(100% - 200px);
    /**/
    padding: 10px 20px 10px 20px;
    /**/
    border: 1px solid rgba(0,0,0,0.3);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.3);
    background-color: white;
    margin-left: 17px;
    width: calc(100% - 35px);
}

    .a-device-important-info-div.grp {
        margin-top: 0;
    }

.a-device-important-info-tbl {
    width: 100%;
}

.a-device-important-info-td1 {
    min-width: 60px;
    text-align: left;
}

.a-device-important-info-td2 {
    width: 100%;
}

.a-device-important-info-img {
    width: 40px;
}

.a-device-important-info-lbl {
    font: 400 9.5px "Open Sans",Arial;
    text-shadow: 1px 1px 2px rgba(128,0,0,0.20);
    color: rgba(0,0,0,0.65);
}

.a-device-tcs-err-img {
    width: 16px;
}

.a-device-tcs-common-lbl {
    margin-top: 5px;
    position: absolute;
    color: rgba(0,0,0,0.99);
    font-size: 15px !important;
    font-weight: 600;
    /*font-family: "Open Sans", Arial !important;*/
    color: rgba(0,0,0,0.7);
    /**/
}

.a-device-btn-save-delete-max {
    display: block;
    white-space: nowrap;
}

.a-device-btn-save-delete-min {
    display: none;
    white-space: nowrap;
}

.a-device-mudtab-table {
    /*position: relative;
    display: flow !important;
    background-color: red;*/
}

    .a-device-mudtab-table.mb {
    }

.a-device-tc-tbl {
    width: 100%;
    text-align: left;
}

.a-device-tc-td {
}

    .a-device-tc-td.x1 {
    }

    .a-device-tc-td.x2 {
    }

    .a-device-tc-td.x3 {
    }

.a-device-disabled-msg-lbl {
    color: rgba(0,0,0,1);
    font-weight: 500;

}

.a-device-disabled-expense-lbl {
    display: block;
    font-size: 12px;
    margin: 10px;
}

/* add sim */

.a-device-tcs-sims-group-box {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.06);
    margin-bottom: 15px;
    background-color: white;
    padding: 5px 10px;
    min-width: 250px;
    border-radius: 8px;
    width: 100%;
    text-align: left;
    display: inline-block;
    margin: 7px 7px 7px 7px;
    display: block;
    max-height: 900px !important;
    padding-bottom: 10px;
    /**/
    float: left;
    /**/
    pointer-events: auto;
    /**/
    /*margin-top: 0;    */
}

/* #endregion */

/* #region ~ ГРУППОВОЙ КОНТРОЛЬ РАСХОДОВ ~ */
.a-device-gtcs-container-sims-table {
    float: left;
    /*margin-top: 0;*/
}

.a-device-gtcs-title-div-common {
    width: 100%;
}

    .a-device-gtcs-title-div-common.grp {
        height: 40px;
    }

.a-device-gtcs-title-lbl-common {
    font: 600 15px "Open Sans", Arial;
    color: rgba(0,0,0,0.75);
    /*font-size: 12px;*/
    /**/
    padding: 3px 9px 3px 9px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 9px;
}

.a-device-gtcs-box-header-add {
    position: absolute;
    /*width: 355px;*/
    height: 70px;
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.5);
    background-color: rgba(55,104,175,1);
    z-index: 0;
    margin-left: 15px;
    margin-top: -15px;
    border-radius: 0 0 7px 7px;
    /**/
    background-color: rgba(255,255,255,1);
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.1);
    border-radius: 9px 9px 9px 9px;
    z-index: 0;
    margin-top: 0px;
    height: 50px;
    /**/
    background-color: rgba(255,255,255,1);
    /*background-color: rgba(255,228,181,0.5);*/
    background-color: transparent;
    /*border: dashed 1px rgba(0,0,0,0.2);*/
    box-shadow: none;
    /**/
    /*background-color: var(--bg-main);*/
    /*width: 600px;*/
    height: 10px;
}

.a-device-tbl-status {
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.a-device-td-status {
    font: 500 14px Arial,"Open Sans",Arial;
    color: saddlebrown;
    color: rgba(0,0,0,0.7);
}

.a-device-nodata-img-div {
    width: 100%;
    text-align: center;
    margin-top: 80px;
}

.a-device-nodata-img {
    width: 200px;
    opacity: 0.1;
}

    .a-device-nodata-img.traffic-light {
        margin-top: 30px;
        width: 120px;
    }

    .a-device-nodata-img.firewall {
        margin-top: 25px;
        width: 180px;
    }

    .a-device-nodata-img.report {
        margin-top: 25px;
        width: 140px;
    }

/* #endregion */

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

.device-un-container {
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: 30%;
    justify-content: center;
}

.device-un-box {
    min-width: 300px;
    max-width: 600px;
    min-height: 200px;
    background-color: rgba(255,255,255,1);
    margin-left: auto;
    margin-right: auto;
    /**/
    /*position: absolute;*/
    min-width: 300px;
    max-width: 500px;
    background-color: rgba(255,255,255,1);
    min-height: 100px;
    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;
    /**/
    min-width: 300px;
    max-width: 700px;
    min-height: 270px;
    max-height: 270px;
}

.device-un-data {
    padding: 20px 20px 20px 20px;
}

.device-un-title-div {
    height: 70px;
    width: 100%;
    position: relative;
}

.device-un-title-txt {
    padding: 2px 10px 5px 10px;
    background-color: rgba(0,0,0,0.03);
    text-decoration: none;
    color: rgba(0,0,0,0.8);
    border-radius: 9px;
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    margin-left: -10px;
    margin-top: -5px;
}

.device-un-close-div {
    width: calc(100% - 40px);
    /* position: absolute;*/
    justify-content:;
    text-align: right;
    margin-top: -50px;
}

.device-un-close-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    /*right: -10px;*/
    /*top: -20px;*/
    padding: 7px 6px 1px 1px;
    cursor: pointer;
    font-size: 18px;
    color: rgba(0,0,0,0.6);
    margin-top: -25px;
    margin-left: 20px;
}

    .device-un-close-btn:hover {
        color: black;
    }

.device-un-info {
    font: 400 12px "Open Sans",Arial !important;
    color: rgba(0,0,0,0.6);
    margin: 20px 0 25px 0;
}

.device-un-btns-div {
    /*margin-top: 30px;*/
    /*    justify-content: right;
    text-align: right;
    justify-items: right;*/
    position: absolute;
    bottom: 25px;
}

.device-un-btn-ok {
    margin-right: 5px;
}

.device-un-btn-cancel {
}

.device-un-delimiter {
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0);
    display: none;
}

/* #endregion */

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

.device-addbal-container {
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: 30%;
    justify-content: center;
    /*top: 30vh;*/
}

.device-addbal-box {
    background-color: rgba(255,255,255,1);
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,1);
    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;
    min-width: 300px;
    max-width: 700px;
    min-height: 300px;
}

.device-addbal-data {
    padding: 20px 20px 20px 20px;
}

.device-addbal-title-div {
    height: 70px;
    width: 100%;
    position: relative;
}

.device-addbal-title-txt {
    padding: 2px 10px 5px 10px;
    background-color: rgba(0,0,0,0.03);
    text-decoration: none;
    color: rgba(0,0,0,0.8);
    border-radius: 9px;
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    margin-left: -10px;
    margin-top: -5px;
}

.device-addbal-close-div {
    width: calc(100% - 40px);
    justify-content:;
    text-align: right;
    margin-top: -50px;
}

.device-addbal-close-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    padding: 7px 6px 1px 1px;
    cursor: pointer;
    font-size: 18px;
    color: rgba(0,0,0,0.6);
    margin-top: -25px;
    margin-left: 20px;
}

    .device-addbal-close-btn:hover {
        color: black;
    }

.device-addbal-info {
    font: 400 12px "Open Sans",Arial !important;
    color: rgba(0,0,0,0.6);
    margin: 20px 0 25px 0;
}

.device-addbal-btns-div {
    /*position: absolute;*/
    margin-top: 50px;
    bottom: 25px;
}

.device-addbal-btn-ok {
    margin-right: 5px;
}

.device-addbal-btn-cancel {
}

.device-addbal-delimiter {
    height: 10px;
    width: 100%;
    /*background-color: rgba(0,0,0,0);*/
    /*display: none;*/
}

.device-addbal-frm-option {
}

.device-addbal-frm-group {
}

    .device-addbal-frm-group .mud-radio-content {
        padding: 0 !important;
        margin: 0 !important;
        color: red !important;
    }

.device-addbal-frm-item .mud-radio-content {
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    color: red !important;
}

.device-addbal-sum-div {
    margin-top: 20px;
}

/* #endregion */

/* #region ~ MEDIA ~ */

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

    .a-device-mudtab-title {
        width: 100px !important;
        font: 400 9px Arial;
    }

    .a-device-mudtab-header {
        left: 10px;
    }

    .a-device-eq-img {
        display: none;
    }

    .a-device-mudtab-header.tcs {
        margin-left: 0;
    }

    .a-device-status-switch.iridium {
        right: 0;
    }
}

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

    .a-device-eq-name-add {
        display: none;
    }

    .a-device-eq-name-add-empty {
        display: none;
    }
}

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

    .a-device-tcs-btn-max {
        display: none;
    }

    .a-device-tcs-btn-min {
        display: block;
    }

    /* .a-device-tcs-title-visible-max.gtc {
        display: none;
    }

    .a-device-tcs-title-visible-min.gtc {
        display: block;
    }*/

}

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

    .a-device-mudtable-traffic-header .mud-table-cell {
        padding-left: 5px !important;
        padding-right: 1px !important;
    }

    .a-device-mudtable-traffic-header.group .mud-table-cell {
        padding-right: 5px !important;
    }

    .a-device-mudtable-traffic-row.group .mud-table-cell {
        padding-right: 5px !important;
    }

    .a-device-mudtable-traffic-row .mud-table-cell {
        padding-left: 5px !important;
        padding-right: 1px !important;
        font-size: 11px;
        justify-content: left;
        margin-left: -20px;
    }
}

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

    .a-device-apn-lbl {
        font: 500 12px Arial,"Open Sans",Arial;
    }

    .a-device-apn-td1 {
        width: 185px !important;
    }

    .a-device-apn-status {
        font: 500 13px Arial,"Open Sans",Arial;
    }

    .a-device-traf-lbl-title {
        font: 500 12px "Open Sans",Arial;
    }

    .a-device-traf-lbl-status {
        font: 500 13px Arial,"Open Sans",Arial;
    }
}

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

    .a-device-tcs-content-div {
        display: inline-block;
        width: calc(100% - 30px);
        /*min-width: 300px !important;*/
    }

    .a-device-tcs-common-container {
        display: inline-block;
        width: calc(100% - 30px);
    }

    .a-device-box {
        width: 48%;
        max-width: 48%;
    }

}

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

    .a-device-tcs-common-group-container {
        display: inline-block;
        width: calc(100% - 30px);
    }

    /*    .a-device-tcs-common-group-container {
        width: calc(100% - 30px);
    }*/

}

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

    /*    .a-device-gtcs-box-header-add {
        width: 355px;
    }*/

    /* .a-device-mudtab-title.tcs {
        width: 80px !important;
        font: 400 10px Arial !important;
    }*/

}

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

    .a-device-mudtable-traffic-row .mud-table-cell {
        font-size: 10px;
    }

    .a-device-tcs-title-visible-max {
        display: none;
    }

    .a-device-tcs-title-visible-min {
        display: block;
    }

    .a-device-tcs-title-div-min {
        margin-top: 55px;
        text-align: center;
    }

    .a-device-tcs-title-div-max {
        display: none;
    }

    .a-device-tcs-content-div {
        margin-top: 45px;
    }

    .a-device-tcs-box-header {
        margin-top: 35px;
    }

    /*    .a-device-gtcs-box-header-add {
        width: calc(100% - 20px);

    }
*/
    .a-device-tcs-mmm-box {
        width: calc(100% - 20px) !important;
        /*min-width: 350px;*/
    }

    .a-device-tcs-common-box {
        width: 100%;
        /*min-width: 350px;*/
    }

    /*.a-device-tcs-edit-title-div.minmax {
        display: none;
    }*/

    /* .a-device-tcs-deletedata {       

    }

    .a-device-tcs-savedata {
    }

    .a-device-tcs-deletedata-min {

    }

    .a-device-tcs-savedata-min {
    }*/

    .a-device-box {
        max-width: 100%;
        width: 100%;
    }

}

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

    .a-device-div-sim {
        display: none;
    }

    .a-device-box-title.sim {
        padding-left: 10px;
    }

    .a-device-tcs-title {
        font-size: 12px;
    }

    .a-device-report-radio .mud-radio-content {
        font-size: 13px !important;
        margin: -5px;
    }

    .a-device-tcs-eqname {
        font-size: 15px;
    }

    .a-device-tcs-mmm-box {
        width: 100% !important;
    }

    .a-device-timepageload {
        /* text-align: center;
        margin-top: -1px;*/
        display: none;
    }

    .a-device-btn-save-delete-max {
        display: none;
    }

    .a-device-btn-save-delete-min {
        display: block;
    }
}

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

    .a-device-tcs-edit-title-div.minmax {
        display: none;
    }

    .a-device-title-add-1 {
        display: none;
    }

    .a-device-btn-reload {
        display: none;
    }

    .a-device-btn-reload-mini {
        display: block;
    }

    .a-device-important-info-div {
        margin-left: 15px;
        width: calc(100% - 30px);
    }

    .a-device-important-info-img {
    }

    .a-device-important-info-td1 {
        display: none;
    }
}

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

    .a-device-box {
        width: calc(100% + 20px) !important;
        max-width: calc(100% + 20px) !important;
        /* min-width: 350px;*/
        margin-left: -15px !important;
    }

    /*  .a-device-sessinfo-mud {
        margin-left: 0;
    }*/

    .a-device-btn-reload {
        display: none;
    }

    .a-device-btn-reload-mini {
        display: block;
    }

    /*.a-gtc-left-right {
        margin-top: 30px;
        position: absolute;
    }*/

    .rz-accordion .rz-accordion-header {
        font-size: 110px !important;
        font: 400 9px "Open Sans",Arial !important;
        background-color: yellow;
    }

    .a-device-service-data {
        /*font: 400 9px "Open Sans",Arial !important;*/
        margin-left: -10px;
        /*color: red;*/
    }

    /*.rz-accordion .rz-accordion-header {
        font-size: 10px !important;*/
    /*background-color: red !important;*/
    /*color: red !important;
    }*/
    /* .a-device-rz-accordion {
        font-size: 10px !important;
    }*/
    .a-device-servdata-td1 {
        font-size: 10px;
    }

    .a-device-servdata-td2 {
        font-size: 10px;
    }

    /*    .a-device-rz-accordion-item {
        font-size: 10px !important;
    }*/
}

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

    /*    .a-device-main-title-msg {
        width: 1px;
        font-size: 10px !important;
    }

*/

}

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

/*    .a-device-tcs-textfield-mb-apns .mud-input-label {
        font-size: 12px !important;
    }
*/
    .device-addbal-close-div {
        display: none;
    }
}

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

    /* .a-device-sessinfo-mud {
        margin-left: 0;
    }*/
}

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

    /* .a-device-btn-reload-mini {
        display: none;
    }

    .a-device-btn-reload-menu-sim {
        display: block;
    }*/

    .a-device-box {
        position: relative;
        left: 0 !important;
    }
    /* .a-device-container {
        left: 0 !important;
    }
    .a-device-sim-content {
        left: 0 !important;
    }*/
    .a-device-main {
        margin-left: 4px;
    }

    .a-device-tcs-content-div {
        margin-left: 5px;
    }
}

/* #endregion */