.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 400px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    /*padding: 15px 15px 80px;*/
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #777f96;
    color: white;
}

.padding-modal-body {
    padding: 0px;
    position: relative;
}

.padding-box-body {
    padding: 4px;
}

.buttonClose {
    -webkit-appearance: none;
    padding: 6px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: white;
    text-shadow: 0 1px 0 #fff;
}

.MainMenu {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    /*border: 1px solid #f4f4f4;*/
    background-color: white;
    color: #333;
    font-weight: bold;
}

    .MainMenu th {
        padding: 2px;
        border: 1px solid #ccc;
        text-align: center;
    }

    .MainMenu tbody td {
        padding: 2px;
        border: 1px solid #ccc;
        text-align: center;
    }

.SubMenu {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
    /*border: 1px solid #f4f4f4;*/
    background-color: white;
    color: #333;
    font-weight: bold;
}

.InnerSubMenu {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
    /*border: 1px solid #f4f4f4;*/
    background-color: white;
    color: #333;
    font-weight: bold;
}

.btn-success {
    background-color: #00a65a;
    border-color: #008d4c;
    color: white;
}

.checkbox {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.btn-xsm {
    padding: 0px 6px !important;
    font-size: 10px !important;
}

#ppMenuAllocation table thead tr th {
    padding: 2px !important
}

#ppMenuAllocation .modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #777f96;
    color: white;
    padding: 0px 0px 0px 8px !important;
    border-bottom: 1px solid #e5e5e5;
}

#ppMenuAllocation table tbody tr td {
    padding: 2px !important
}

#ppMenuAllocation h3 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.tblSecondInnerMenu {
    color: green !important;
}

.tblThirdInnerMenu {
    color: blue !important;
}

.tblFourthInnerMenu {
    color: red !important;
}

.cursorPointer {
    cursor: pointer;
}

/*start custom css for mobile user menu access deny partial view*/

#ppMobileUserMenuAllocation table thead tr th {
    padding: 2px !important
}

#ppMobileUserMenuAllocation .modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #777f96;
    color: white;
    padding: 0px 0px 0px 8px !important;
    border-bottom: 1px solid #e5e5e5;
}

#ppMobileUserMenuAllocation table tbody tr td {
    padding: 2px !important
}

#ppMobileUserMenuAllocation h3 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
/*end custom css for mobile user menu access deny partial view*/