.a-logins-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;
}

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

.a-logins-table-btn-icon2 {
    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;
}

    .a-logins-table-btn-icon2:hover {
        background-color: rgba(70,130,180,1);
    }

    .a-logins-table-btn-icon2.del {
        background-color: rgba(139,0,0,0.7);
    }

        .a-logins-table-btn-icon2.del:hover {
            background-color: rgba(139,0,0,1);
        }

    .a-logins-table-btn-icon2.logins {
        margin-left: 5px;        
    }

    .a-logins-table-btn-icon2.delacc {
        background-color: rgba(139,0,0,0.7);
        margin-right: 0;
        margin-left: 0;
        padding-top: 6px;
        padding-right: 0;
    }

    .a-logins-table-btn-icon2.delacc:hover {
        background-color: rgba(139,0,0,1);
    }

.a-logins-linedata {
    min-height: 50px;
    display: inline;
}

    .a-logins-linedata.top {
        /*        top: 180px;
        position: relative;*/
        margin-top: 130px;
        position: relative;
    }

.a-logins-clients-div {
    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;
}

.a-logins-clients-div-border2 {
    border: none;
    display: inline-block;
    margin-left: 20px;
    width: calc(100% - 40px);
    border-radius: 6px;
    margin-top: 30px;
    border: 2px solid rgba(0,0,0,0.04);
}


.a-logins-clients-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-logins-clients-row .mud-table-cell {
    font-size: 13px;
}

/*.a-logins-clients-row-cursor {
    font-size: 13px;
    cursor: pointer;
}
*/
.a-logins-clients-data {
    background-color: rgba(0,0,0,0.01) !important;
}

.a-logins-likepager {
    font: 500 13px "Roboto","Open Sans",Arial;
    color: rgba(0,0,0,0.6) !important;
    background-color: transparent;
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
}

.a-logins-toolbar-title-div {
    font: 500 18px "Roboto","Open Sans",Arial !important;
    color: darkslategray;
}

    .a-logins-toolbar-title-div.long {
        display: block;
    }

    .a-logins-toolbar-title-div.short {
        display: none;
    }

.a-logins-account-title-div {
    font: 500 18px "Roboto","Open Sans",Arial !important;
    color: darkslategray;
    /**/
    position: absolute;
    margin-top: 15px;
    margin-left: 25px;
}

    .a-logins-account-title-div.long {
        display: block;
    }

    .a-logins-account-title-div.short {
        display: none;
    }

.a-logins-account-title-div2 {
    font: 500 18px "Roboto","Open Sans",Arial !important;
    color: darkslategray;
    /**/
    /*position: absolute;*/
    margin-top: 15px;
    margin-left: 25px;
    margin-bottom: -15px;
}

    .a-logins-account-title-div2.long {
        display: block;
    }

    .a-logins-account-title-div2.short {
        display: none;
    }

.a-logins-right-name-div {
    display: inline-block;
}

.a-logins-right-title {
    font: 400 13px "Open Sans",Arial !important;
    color: darkslategray;
    margin-left: 10px;
}

.a-logins-right-name {
    font: 600 14px "Open Sans",Arial !important;
    color: darkslategray;
}

.a-logins-account-toolbar-container {
    margin-left: 20px;
    margin-top: 30px;
    width: calc(100% - 40px);
    height: 60px;
    background-color: rgb(252,252,252);
    border: 5px solid rgba(0,0,0,0.03);
    border-radius: 5px;
    margin-bottom: -15px;
}

    .a-logins-account-toolbar-container.two {
        margin-bottom: 15px;
    }

.a-logins-account-toolbar-box {
}

.a-logins-createrec-btn-div {
    margin-top: 10px;
    display: inline-block;
}

.a-logins-createrec-btn {
    font: 500 15px "Roboto","Open Sans",Arial;
    /* background-color: rgba(11,124,216,1) !important;
    color: rgba(255,255,255,1) !important;*/
    margin-left: 15px;
}

/* .a-logins-createrec-btn:hover {
        background-color: rgba(12,108,223,1) !important;
    }*/

.a-logins-cancelrec-btn {
    font: 500 15px "Roboto","Open Sans",Arial;
    background-color: var(--bg-default) !important;
    color: rgba(0,0,0,0.7) !important;
    margin-left: 15px;
}

    .a-logins-cancelrec-btn:hover {
        background-color: var(--bg-hover-default) !important;
    }

.a-logins-btn-icon {
    background-color: var(--bg-sab-blue) !important;
    background: url('../../images/user-add-02.svg') no-repeat center;
    width: 25px !important;
    height: 25px !important;
    box-shadow: 1px 1.9px 1px rgba(0,0,0,0.1);
    background-size: 13px !important;
    margin-right: -15px;
    margin-left: -5px;
}

    .a-logins-btn-icon:hover {
        background-color: var(--bg-hover-sab-blue) !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    }

.a-logins-createrole-title {
    padding: 2px 10px 5px 0;
    /*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;
    display: inline-block;
}

.a-logins-rights-div {
    /*margin-top: 10px;*/
    display: inline-block;
    /* margin-left: 25px;*/
    /**/
    /*width: 280px !important; */
    padding-bottom: 40px;
    width: 40%;
}

.a-logins-rights-combo {
    width: 280px !important;
    position: absolute;
    margin-top: -6px;
}

.a-logins-userrole-div {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 500;
    width: 55%;
    margin-top: 10px;
}

.a-logins-userrole-custcode {
    display: block;
}

.a-logins-userrole-custname {
    display: block;
}

.a-logins-userrole-custtype {
    display: block;
}

.a-logins-deleterole-msg-div {
    width: 100%;
    font: 500 15px "Open Sans",Arial;
    color: rgba(0,0,0,0.7) !important;
}

.a-logins-userlistrole-div {
    position: absolute;
    margin-top: 50px;
    width: 80%;
    margin-left: 10.5%;
    height: calc(100vh - 150px);
    background-color: white;
    z-index: 2;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.10);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 6px;
}

.a-logins-userlistrole-div2 {
    padding: 30px 10px 10px 10px;
}

.a-logins-userlistrole-btn-div {
    /*position: absolute !important;*/
    margin-left: 50px;
    margin-top: 20px;
}

.a-logins-rights-div {
    width: 100%;
}

.a-logins-btn-close-div {
    width: 100%;
    text-align: right;
    height: 5px;
}

.a-logins-btn-close {
    position: absolute;
    margin-top: -35px;
    right: 0px;
}

.a-logins-ipfilter-div {
    margin-top: -40px;
}

.a-logins-account-choice {
    position: absolute;
    margin-top: -45px;
    margin-left: 10px;
    font: 500 19px "Yandex Sans Text","Open Sans",arial !important;
    color: rgba(0,0,0,0.75);
    padding: 5px 15px 5px 15px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 19px;
}

.a-logins-account-blocked {
    position: absolute;
    margin-top: 7px;
    margin-left: 50px;
    font: 500 12px "Yandex Sans Text","Open Sans",arial !important;
    color: white;
    padding: 4px 10px 4px 10px;
    background-color: red;
    border-radius: 19px;
}

.a-logins-return-btn {
    font: 500 15px "Roboto","Open Sans",Arial;
    width: 30px !important;
    height: 30px !important;
    box-shadow: 1px 1.9px 1px rgba(0,0,0,0.1);
    position: absolute;
    background-color: var(--bg-warning) !important;
    color: white;
    margin-top: -20px;
    margin-left: -10px;
    /**/
    border-radius: 99px;
    text-align: center;
    padding-top: 7px;
    padding-right: 1px;
    cursor: pointer;
    background-color: var(--bg-info) !important;
    /**/
    width: 40px !important;
    height: 40px !important;
    padding-top: 11px;
}

    .a-logins-return-btn:hover {
        background-color: var(--bg-hover-info) !important;
    }

.a-logins-change-ipf-div {
    position: absolute;
    width: calc(100% - 350px);
    top: 50%;
    height: 2px;
    /* background-color: red;*/
    /*text-align: center;*/
    /*    top: 30%;
    left: 35%*/
}

.a-logins-ipf-box {
    z-index: 9;
    background-color: white;
    opacity: 1;
    width: 60%;
    height: 250px;
    border: 5px solid rgba(0,0,0,0.07);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.05);
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
}

.a-logins-ipf-box-title {
}

.a-logins-ipf-box-content {
}

.a-logins-ipf-box-btns {
}

.a-logins-ipf-btn {
}

.a-logins-change-rt-div {
    position: absolute;
    width: calc(100% - 350px);
    top: 50%;
    height: 2px;
    /* background-color: red;*/
    /*text-align: center;*/
    /*    top: 30%;
    left: 35%*/
}

.a-logins-rt-box {
    z-index: 9;
    background-color: white;
    opacity: 1;
    width: 40%;
    height: 230px;
    border: 5px solid rgba(0,0,0,0.07);
    box-shadow: 1px 2px 9px rgba(0,0,0,0.05);
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
}

.a-logins-rt-box-title {
    margin-top: 5px;
    margin-left: 20px;
    font-size: 23px;
}

.a-logins-rt-box-content {
    margin-top: 20px;
    margin-left: 20px;
}

.a-logins-rt-box-btns {
    width: calc(100% - 10px);
    text-align: right;
    position: absolute;
    /*margin-top: 60px;*/
    bottom: 20px;
}

.a-logins-rt-box-btn {
    margin-right: 10px;
}

.a-logins-rt-combo {
    /*max-width: 280px !important;*/
    max-width: 70% !important;
}

.a-logins-clients-cell {
}

.a-logins-choice-role-box {
    margin-left: 20px;
    margin-top: 10px;
    width: calc(100% - 40px);
    height: 60px;
    background-color: rgb(252,252,252);
    border: 5px solid rgba(0,0,0,0.03);
    border-radius: 5px;
    margin-bottom: 0;
    background-color: rgba(255,228,181,0.3);
}

.a-logins-choice-role-title {
    font: 500 11px "Open Sans",arial !important;
    position: absolute;
    margin-top: -10px;
    background-color: white;
    margin-left: 5px;
    padding: 0 5px 0 5px;
    border-radius: 16px;
}

.a-logins-choice-role-div {
    margin-left: 10px;
}

.a-logins-choice-role-div-part {
    /*display: inline-block;*/
    float: left;
    margin-right: 25px;
}

.a-logins-choice-role-data-title {
    display: inline-block;
    font: 400 12px "Open Sans",arial !important;
    color: rgba(0,0,0,0.6);    
}

    .a-logins-choice-role-data-title.x1 { 
        width: 30px;
    }
    .a-logins-choice-role-data-title.x2 {
        width: 30px;
    }
    .a-logins-choice-role-data-title.x3 {
        width: 45px;
    }

.a-logins-choice-role-data {
    display: inline-block;
    padding: 3px 10px 5px 10px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 16px;
    font: 500 13px "Open Sans",arial !important;
    margin-top: 13px;
    /*margin-left: 10px;*/
}

.a-logins-choice-role-data-2 {
    display: inline-block;
    padding: 3px 10px 5px 10px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 16px;
    font: 500 13px "Open Sans",arial !important;
    margin-top: 13px;
    margin-left: 10px;
}

.logins-mudtab-tab {
    border: none;
}

.logins-mudtab-header {
    background-color: rgba(55,104,175,0.12);
    /*background-color: rgba(240,230,140,0.3);*/
    /*border-radius: 99px;*/
    /*width: 100% !important;    */
    /* background-color: transparent;
    background-color: rgba(55,104,175,0.02);*/
    /* background-color: rgba(55,104,175,1);
    background-color: red !important;*/
    background-color: rgba(55,104,175,0.04);
    border-radius: 0px;
    /*margin-left: 100px;*/
}

.logins-mudtab-panel {
    background-color: transparent;
}

.logins-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: rgb(0,0,0,0.8) !important;
    background-color: transparent;
}

.ui-mudtab-title:hover {
    color: rgba(0,0,0,1) !important;
    background-color: rgb(0,0,0,0.05) !important;
    background-color: transparent !important;
}

.logins-onetab-panel {
}

.logins-table2-search-container {
    /* height: 2px;
    background-color: red;*/
    width: 200px;
    position: absolute;
    right: 10px;
    margin-top: 0px;
}

.logins-table2-search-textfield {
}

.logins-table2-btnsearch {
    /*position: absolute;*/
    margin-left: -55px;
    margin-top: -10px;
}

.a-logins-table2 {
}

.logins-table2-empty-div {
    width: 100%;
    text-align: center;
    margin-top: 70px;
    font: 500 22px "Open Sans",Arial;
}

.logins-table2-empty-lbl {
}

.logins-table2-empty-btn {
    color: steelblue;
    cursor: pointer;
}

    .logins-table2-empty-btn:hover {
        text-decoration: underline;
    }

.logins-img-blocked {
    width: 24px;
    /**/
/*    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;
}

    .logins-img-blocked:hover {
    }

.logins-img-unblocked {
    width: 24px;
    /**/
/*    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;
}

    .logins-img-unblocked:hover {
    }


@media screen and (max-width: 800px) {
    .a-logins-account-title-div.long {
        display: none;
    }

    .a-logins-account-title-div.short {
        display: block;
    }

    .a-logins-account-title-div2.long {
        display: none;
    }

    .a-logins-account-title-div2.short {
        display: block;
    }
}