﻿a:focus, a:hover {
    text-decoration: none;
}

.usercheckboxrow {
    text-align: right;
    margin-bottom: 10px;
}

.userblock {
    width: 70%;
}

.usercheckbox-left {
    width: 40%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.usercheckbox-right {
    width: 60%;
    float: right;
    padding: 3px 5px 2px;
    box-sizing: border-box;
}

.userheading {
    width: 100%;
    border: 1px solid #ccc;
    display: flex;
    font-weight: 600;
}

.usergroup-left {
    vertical-align: top;
}

body .role-fieldarea ul.select2-choices {
    max-height: 85px !important;
    overflow-y: auto !important;
}

.usercheckbox-left {
    width: 40%;
    border-right: 1px solid #ccc;
}

.usercheckbox-right {
    width: 60%;
}

input.usersearch {
    float: right;
    height: 23px;
}

.administratorblock {
    width: 70%;
    border: 1px solid #ccc;
    padding: 2px;
    box-sizing: border-box;
    border-top: 0;
}

.administrator-left {
    width: 36%;
    border: 1px solid #ccc;
    height: 320px;
    max-height: 320px;
    display: inline-block;
    vertical-align: top;
    overflow-y: auto;
}

.administrator-row {
    border: 1px solid #e5e5e5;
    margin: 5px;
    border-radius: 4px;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
    background: whitesmoke;
}

    .administrator-row.selectedGroup {
        background: #e5e5e5;
    }

.editblock {
    float: right;
    margin-right: 6px;
    height: 16px;
    width: 13px;
}

.administrator-row:hover {
    border: 1px solid #999;
}

.administrator-right {
    display: inline-block;
    width: 62%;
    margin: 1px;
}

.userblocks-outer {
    display: none;
}

.userblocks {
    display: table;
    width: 100%;
    border-collapse: collapse;
    /*border: 1px solid silver;*/
}

.userblocks-heading {
    background: #EDEDED;
    height: 24px;
    padding: 2px;
    line-height: 28px;
    font-weight: 600;
    border: 1px solid silver;
}

#dataTableUsers {
    width: 100% !important;
}

/*.userblocksrows {
    display: table-row;
}*/
.userblocksrows:first-child {
    width: 5% !important;
    display: table-cell;
    text-align: center;
}

.userblocksrows:nth-child(2) {
    width: 16% !important;
    display: table-cell;
    padding: 0 4px;
}

.userblocksrows:nth-child(3) {
    width: 30% !important;
    display: table-cell;
    padding: 0 4px;
}

.userblocksrows:nth-child(4) {
    width: 5% !important;
    display: table-cell;
    text-align: center;
}

.userblocksrows:nth-child(5) {
    width: 11% !important;
    display: table-cell;
    padding: 0 5px;
}

.userblocks-heading div {
    border-right: 1px solid silver;
}

.userblocks-data div {
    border-right: 1px solid #e5e5e5;
}

.userblocks-data {
    border: 1px solid #e5e5e5;
    height: 34px;
    line-height: 34px;
}

.pagination-block ul {
    list-style: none;
}

.pagination-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pagination-block ul li {
        display: inline-block;
    }

        .pagination-block ul li a {
            padding: 4px 11px;
            text-decoration: none;
            border: #ccc solid 1px;
            border-radius: 4px;
        }

            .pagination-block ul li a:active {
                background: #014876;
                color: #fff;
            }

.pagination-block {
    margin-top: 10px;
}

    .pagination-block ul li a:hover {
        color: #4fc243;
    }

    .pagination-block ul li a {
        color: #000;
    }

.editblock {
    text-decoration: none;
}

.usergrouppopup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    height: 90vh;
    z-index: 9999;
}

.usergrouppopup-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 810px;
    height: 500px;
    text-align: left;
    background: #fff;
    border-radius: 5px;
}

.usergroup-heading {
    width: 100%;
    display: block;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    border-bottom: 2px solid #eee;
}

    .usergroup-heading span {
        background: #fff;
        border-radius: 5px;
    }

.usergroup-btngroup {
    float: right;
}

    .usergroup-btngroup input {
        width: 80px;
        height: 27px;
        cursor: pointer;
    }

.usergroup-heading span {
    font-size: 16px;
    font-weight: 600;
}

.usergroup-data {
    display: inline-block;
    width: 58%;
}

    .usergroup-data input {
        width: 100%;
    }

.user-row {
    padding: 0 25px;
    box-sizing: border-box;
}

.usergroup-label {
    display: inline-block;
    width: 40%;
    text-align: right;
}

.usergroup-left {
    width: 45%;
    display: inline-block;
}

.requiredfied-label {
    width: 100%;
    text-align: right;
}

    .requiredfied-label span {
        font-size: 12px;
        color: red;
        border: 1px solid #e5e5e5;
        padding: 1px 19px 2px 13px;
        text-align: left;
        background-color: whitesmoke;
    }

.usergroup-right {
    width: 53%;
    display: inline-block;
}

.user-row {
    margin: 5px 0;
}

.usergroup-popup {
    margin: 10px 0;
}

.usergroup-right .usergroup-label {
    width: 30%;
}

.usergroup-right .usergroup-data {
    width: 68%;
}

.usergroup-right .usergroup-label {
    width: 30%;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #ededed;
}

.ui-accordion .ui-accordion-header {
    background: #ededed;
    border: 1px solid #c5c5c5;
}

#accordion-inner .ui-accordion .ui-accordion-header {
    background: #ededed;
    border: 1px solid #c5c5c5;
}

.ui-accordion-header {
    height: 25px;
    padding: 1px 0px 1px 50px;
    color: #2b2b2b;
    font-size: 0.8em;
}

div#accordion {
    margin: 0 15px;
    height: 290px;
    overflow-y: scroll;
}

.ui-accordion .ui-accordion-header:focus {
    outline: none;
}

.ui-accordion .ui-accordion-header {
    color: #2b2b2b;
    padding: 0em .5em 0em 6.7em !important;
}

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        position: absolute;
        left: 5.5em;
        top: 50%;
        margin-top: -8px;
    }

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png) c !important;
}

#accordion input[type="checkbox"] {
    margin: 5px 10px 5px 7px;
}

.inneraccolabel {
    margin-left: 5px;
}

.locationrows div:first-child {
    width: 26%;
    display: table-cell;
}

.locationrows div:nth-child(2) {
    width: 25%;
    display: table-cell;
}

.locationrows div:nth-child(3) {
    width: 52%;
    display: table-cell;
    padding-left: 12px;
    box-sizing: border-box;
}

.locationrows div:nth-child(2) select {
    height: 25px;
    width: 100%;
    margin: 2px 0;
}

.usertyperows > div:first-child {
    width: 26%;
    display: table-cell;
}

.usertyperows > div:nth-child(2) {
    width: 34%;
    display: table-cell;
}

.usertyperows > div:nth-child(3) {
    width: 36.9%;
    display: table-cell;
    padding-left: 12px;
    box-sizing: border-box;
    vertical-align: top;
    padding: 4px 5px 5px 0;
}

.usertyperows .pad5 .select2-container {
    width: 200px !important;
}

.usertyperows div:nth-child(2) select {
    height: 25px;
    width: 100%;
    margin: 2px 0;
}

.location-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid gray;
}

#accordion .locationrows input[type="checkbox"] {
    margin: 0 0 0 5px;
}

#accordion .usertyperows input[type="checkbox"] {
    margin: 0 0 0 5px;
}

.locationrows {
    display: table-row;
    width: 100%;
    border-bottom: 1px solid gray;
}

.usertyperows {
    display: table-row;
    width: 100%;
    border-bottom: 1px solid gray;
}

.innertextbox input[type="text"] {
    width: 100%;
}

.usergrouppopup {
    display: none;
}

.editdeletebtn {
    float: right;
}

    .editdeletebtn .editblock {
        float: left;
    }

.deleteblock:focus, .editblock:focus {
    text-decoration: none;
}

.userbottom.userheading {
    border-top: 0;
    width: 70%;
}

.usercheckbox-left input {
    float: right;
}

.userbottom .usercheckbox-right input.add-user {
    float: right;
    height: 28px;
    margin-top: 1px;
}

.usercheckbox-right {
    width: 70%;
}

input.movetoothergroup {
    margin: 2px;
}

.disableClass {
    opacity: 0.5;
    pointer-events: none;
}

.activeDiv {
    text-align: center;
}

.odd {
    background-color: white !important;
}

.dataTables_empty {
    border: 1px solid #e5e5e5;
    text-align: left;
}

.chkEss input[type="checkbox"] {
    position: relative;
    top: 2px;
}

span.RequiredLabel {
    margin-right: 3px;
}

div#s2id_ddlPasswordPolicy {
    width: 100%;
}

div#s2id_ddlRoles {
    width: 100%;
}

/*.lookupValues {
    width: 9.5% !important;
}*/

.labeltop {
    vertical-align: top;
}

.location-block {
    max-height: 300px;
}

.verticalTop {
    vertical-align: middle;
}

.pad5 {
    padding: 5px;
    box-sizing: border-box;
}

.innertextbox .select2-container {
    width: 100%;
}

.userpopup {
    position: absolute;
    top: -30px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    height: 94vh;
}

.userpopup-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 810px;
    height: 450px;
    text-align: left;
    background: #fff;
    border-radius: 5px;
}

.activepopup {
    position: absolute;
    top: -30px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    height: 94vh;
}

.activepopup-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 550px;
    height: 150px;
    text-align: left;
    background: #fff;
    border-radius: 5px;
}

.userpopup {
    display: none;
}

.user-master-row {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.user-master-label {
    width: 200px;
    display: inline-block;
    text-align: right;
}

.user-master-data {
    width: 200px;
    display: inline-block;
}

    .user-master-data input[type="text"], .user-master-data input[type="password"] {
        width: 100%;
    }

.half-user-master-block {
    padding-left: 204px;
}


.search-block {
    margin: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
}

.search-label {
    width: 13.1%;
    display: inline-block;
}

.search-data {
    width: 86%;
    display: inline-block;
}

.search-left-block {
    width: 30.3%;
    display: inline-block;
}

.search-right-block {
    width: 30.3%;
    display: inline-block;
}

.search-left-block select {
    width: 100%;
}

.search-row {
    width: 100%;
    display: block;
}

.filter-row {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.search-right-block select {
    width: 100%;
}

.employee-block {
    display: table;
    width: 100%;
}

.employee-heading {
    display: table-row;
}

    .employee-heading td {
        display: table-cell;
        border: 1px solid #e5e5e5;
        padding: 5px;
        box-sizing: border-box;
        color: slategrey;
        font-weight: 700;
    }

.employee-greed {
    display: table-row-group;
}

.employee-greed-row {
    display: table-row;
}

    .employee-greed-row td {
        display: table-cell;
    }

    .employee-greed-row td {
        display: table-cell;
        border: 1px solid #e5e5e5;
        border-top: 0;
        padding: 5px;
        box-sizing: border-box;
    }

.employee-greed-row {
    display: table-row;
    border: 1px solid #e5e5e5;
    border-collapse: collapse;
}

    .employee-greed-row:hover td {
        border: 1px solid #ccc;
        cursor: pointer;
        font-size: 14px;
    }

.close-btn-search {
    text-align: right;
}

    .close-btn-search a {
        text-decoration: underline;
    }

.search-row input {
    width: 100%;
    margin-top: 10px;
}

.pagination-block ul li a.active {
    background: #014876;
    color: #fff;
}

.pagination-block ul li a:hover {
    background: #014876;
    color: #fff;
}

.userpopup, .search-block {
    display: none;
}

.activepopup {
    display: none;
}

.selectDropEmp {
    width: 100%;
}

.half-active-master-block {
    padding-left: 60px;
}

.activeHeader {
    background-color: whitesmoke;
    border-bottom: 1px solid #5d5454;
    margin-top: -10px;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding-left: 15px;
    text-shadow: 0 1px white;
    color: gray;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.hrActive {
    margin-top: 7px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #eee;
    width:90%;
}


.movepopup {
    position: absolute;
    top: -30px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    height: 94vh;
    display:none;
}

.movepopup-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 300px;
    height: 110px;
    text-align: left;
    background: #fff;
    border-radius: 5px;
}

.user-move-label {
    width: 120px;
    text-align: right;
    display: inline-block;
}