@import url('font-awesome.css');

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'), url('../fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbold';
    src: url('../fonts/oswald-bold-webfont.woff2') format('woff2'), url('../fonts/oswald-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldlight';
    src: url('../fonts/oswald-light-webfont.woff2') format('woff2'), url('../fonts/oswald-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular-webfont.woff2') format('woff2'), url('../fonts/oswald-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*----------------------------------------*/

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica.woff2') format('woff2'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.ttf') format('truetype'), url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-bold';
    src: url('../fonts/Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Bold.woff2') format('woff2'), url('../fonts/Helvetica-Bold.woff') format('woff'), url('../fonts/Helvetica-Bold.ttf') format('truetype'), url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-BoldOblique';
    src: url('../fonts/Helvetica-BoldOblique.eot');
    src: url('../fonts/Helvetica-BoldOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-BoldOblique.woff2') format('woff2'), url('../fonts/Helvetica-BoldOblique.woff') format('woff'), url('../fonts/Helvetica-BoldOblique.ttf') format('truetype'), url('../fonts/Helvetica-BoldOblique.svg#Helvetica-BoldOblique') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Helvetica-Neue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue.woff2') format('woff2'), url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf') format('truetype'), url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-Light';
    src: url('../fonts/Helvetica-Light.eot');
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Light.woff2') format('woff2'), url('../fonts/Helvetica-Light.woff') format('woff'), url('../fonts/Helvetica-Light.ttf') format('truetype'), url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-Oblique';
    src: url('../fonts/Helvetica-Oblique.eot');
    src: url('../fonts/Helvetica-Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Oblique.woff2') format('woff2'), url('../fonts/Helvetica-Oblique.woff') format('woff'), url('../fonts/Helvetica-Oblique.ttf') format('truetype'), url('../fonts/Helvetica-Oblique.svg#Helvetica-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('HelveticaNeue-Medium.eot');
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'), url('../fonts/HelveticaNeue-Medium.woff') format('woff'), url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('../fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-lightOblique';
    src: url('../fonts/Helvetica-LightOblique.eot');
    src: url('../fonts/Helvetica-LightOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-LightOblique.woff2') format('woff2'), url('../fonts/Helvetica-LightOblique.woff') format('woff'), url('../fonts/Helvetica-LightOblique.ttf') format('truetype'), url('../fonts/Helvetica-LightOblique.svg#Helvetica-LightOblique') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-CondensedBold';
    src: url('../fonts/HelveticaNeue-CondensedBold.eot');
    src: url('../fonts/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-CondensedBold.woff') format('woff'), url('../fonts/HelveticaNeue-CondensedBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/*----------------------------------------*/
select::-ms-expand {
    display: none;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

.datetimePicDate.input-group input[readonly],
.datetimePic.input-group input[readonly] {
    background: #fff !important;
}

input[readonly], select[disabled] {
    background-color: #EBEBEB !important;
}

img {
    max-width: 100%;
}

select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(../images/selectArow.png);
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding: 0 5px;
    padding-right: 30px;
}

.lp-input-group.input-group {
    width: 100%;
}

    .lp-input-group.input-group label {
        color: #3f3f3f;
        display: block;
        font-family: 'Helvetica';
        font-weight: normal;
        margin: 0 0 5px;
    }

    .lp-input-group.input-group .form-control {
        border-radius: 2px !important;
    }

.lp-table {
    width: 100%;
    border: 1px solid #a5a5a5;
    border-collapse: collapse;
}

    .lp-table tr th,
    .lp-table tr td {
        border: 1px solid #d1d1d1;
        border-collapse: collapse;
        padding: 10px 10px;
        background: #fff;
    }

    .lp-table tr th {
        border-color: #a5a5a5;
        background: #e6e6e6;
        ;
        color: #5b5b5b;
        font-family: 'Helvetica';
        font-weight: normal;
    }
/*-------------------------------------------------*/
::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
}

::-moz-placeholder {
    color: #333;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #333;
    opacity: 1;
}

:-moz-placeholder {
    color: #333;
    opacity: 1;
}
/*---Page Loader---*/
@keyframes loderBlink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.loaderBody {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1900;
    background: rgba(0,0,0,0.4);
}

    .loaderBody table {
        width: 100%;
        height: 100%;
    }

        .loaderBody table tr {
            width: 100%;
            height: 100%;
        }

            .loaderBody table tr td {
                width: 100%;
                height: 100%;
                text-align: center;
                vertical-align: middle;
            }

.loaderSet {
    padding: 5px;
    position: relative;
    width: 110px;
    display: inline-block;
}

    .loaderSet:after {
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        content: "";
        filter: blur(50px);
        border-radius: 50%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
        background: rgb(254,255,255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .loaderSet img {
        border-radius: 50%;
        box-shadow: 0 0 34px 3px rgba(0,0,0,0.5);
        position: relative;
        z-index: 2;
    }

.loadingText {
    padding: 0 0 0 15px;
    color: #000;
    font-size: 16px;
}

    .loadingText span {
        padding: 0 1px 0 0;
        font-size: 21px;
    }

        .loadingText span.blnk {
            animation-name: loderBlink;
            animation-duration: 0.5s;
            animation-iteration-count: infinite;
        }

.blurBody ~ * {
    filter: blur(2px);
    transition: filter 0.5s ease;
}

/*------All Alert Modal-----*/
.modal.lp_alertModal ~ .modal-backdrop.in {
    opacity: 0.4;
}

.modal.lp_alertModal .modal-content {
    overflow: hidden;
    border: none;
}

.modal.lp_alertModal .modal-dialog {
    transform: translate(0,0);
    overflow: hidden;
    transition: transform 0.5s ease;
}

.modal.lp_alertModal.in .modal-dialog {
    transform: translate(0,0);
}

.modal.lp_alertModal.in {
    display: flex !important;
    z-index: 9995855;
}

.modal.lp_alertModal .modal-dialog {
    width: 370px;
    max-width: 95%;
    text-align: center;
    margin: auto;
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);
}

    .modal.lp_alertModal .modal-dialog .modal-body {
        padding: 18px 0;
    }

        .modal.lp_alertModal .modal-dialog .modal-body.noButton {
            border-bottom: 5px solid #0ad672;
        }

        .modal.lp_alertModal .modal-dialog .modal-body label {
            display: block;
            padding: 10px 0 5px;
        }

        .modal.lp_alertModal .modal-dialog .modal-body p {
            font-size: 18px;
            color: #415868;
            font-family: 'open_sanslight';
            padding: 5px 0;
            margin: 0;
        }

    .modal.lp_alertModal .modal-dialog .modal-footer {
        padding: 0;
        border: none;
    }

        .modal.lp_alertModal .modal-dialog .modal-footer .btn {
            background: #f65656;
            height: 47px;
            border: none;
            border-radius: 0;
            width: 100%;
            color: #fff;
            font-size: 18px;
            font-family: 'open_sansregular';
            margin: 0;
        }

.modal.lp_alertModal.confirmationModal .modal-footer .btn {
    float: left;
    width: 50%;
}

    .modal.lp_alertModal.confirmationModal .modal-footer .btn.btnYes {
        background: #00cc68;
    }

    .modal.lp_alertModal.confirmationModal .modal-footer .btn + .btn {
        margin-left: 0;
    }

.fade.lp_alertModal, .fade.otpModal {
    opacity: 0;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

.sessionOutLabel {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
    color: #7e7d7d;
    position: relative;
}

.countText {
    text-align: center;
    padding: 15px 0;
}

    .countText span {
        display: inline-block;
        min-width: 80px;
        height: 40px;
        background: #e7e7e7;
        color: #003095;
        font-size: 24px;
        margin: 0 2px;
        text-align: center;
        padding: 3px 10px;
        position: relative;
    }

        .countText span:after {
            content: attr(data-time-mm);
            position: absolute;
            top: 100%;
            left: 12px;
            text-align: center;
            font-size: 13px;
            color: #727272;
            font-family: 'open_sanssemibold';
            padding: 3px 0 0 0;
        }

        .countText span:before {
            content: attr(data-time-ss);
            position: absolute;
            top: 100%;
            right: 15px;
            text-align: center;
            font-size: 13px;
            color: #727272;
            font-family: 'open_sanssemibold';
            padding: 3px 0 0 0;
        }

.sessionExpText {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.85);
    font-size: 19px;
    color: #ff0202;
    visibility: hidden;
    transition: all 0.8s ease;
}

.modal.lp_alertModal.confirmationModal .modal-footer .sessionLogin-btn {
    display: none;
}

    .modal.lp_alertModal.confirmationModal .modal-footer .sessionLogin-btn .btn {
        width: 100%;
    }
/*---header---*/
header {
    background: #000;
    height: 50px;
    position: relative;
    z-index: 10;
}

.leftLogoPanel {
    float: left;
    background: #000;
    text-align: left;
    width: 57px;
}

    .leftLogoPanel icon {
        height: 50px;
        padding: 5px;
        font-size: 22px;
        color: #fff;
        width: 52px;
        text-align: center;
        border-right: 1px solid #6b6b6b;
        float: left;
        line-height: 39px;
        transition: background 0.3s ease;
        cursor: pointer;
        display: none;
    }

        .leftLogoPanel icon:hover {
            background: #212121;
            color: #fff;
        }

        .leftLogoPanel icon.active {
            background: #212121;
            border-right-color: transparent;
        }

    .leftLogoPanel img {
        height: 41px;
        margin-left: 3px;
        margin-top: 5px;
    }

.headerRight {
    float: right;
    width: calc(100% - 59px);
}

.leftHd {
    float: left;
    padding-top: 4px;
    font-size: 26px;
}

    .leftHd p {
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        text-transform: uppercase;
        color: #ececec;
        font-family: 'Helvetica-bold';
    }

        .leftHd p span {
            color: #999999;
            font-family: 'Helvetica';
        }

    .leftHd p {
    }

.rightOparetorPanel {
    color: #cecece;
    float: right;
    font-family: 'Helvetica-Light';
    padding: 0 15px 0 0;
    font-size: 13px;
}

    .rightOparetorPanel p {
        padding: 0;
        margin: 0;
    }

        .rightOparetorPanel p.hdVer {
            color: #fff;
            font-size: 13px;
            line-height: 18px;
            font-family: 'HelveticaNeue-Medium';
        }

    .rightOparetorPanel span {
        display: inline-block;
        line-height: 15px;
        vertical-align: middle;
    }

        .rightOparetorPanel span.autrName {
            color: #fff;
        }

    .rightOparetorPanel p.authRow {
        margin-top: 10px;
        cursor: pointer;
    }

        .rightOparetorPanel p.authRow span.glyphicon {
            background: #cecece;
            border-radius: 50%;
            color: #000;
            height: 30px;
            padding-right: 0;
            padding-top: 7px;
            text-align: center;
            vertical-align: middle;
            width: 30px;
            margin-right: 5px;
        }

.rightOparetorPanelLeft {
    float: left;
    padding-top: 16px;
}

.header-btn-right {
    float: left;
}

    .header-btn-right a.crisisModeBtn {
        padding: 5px 10px;
        color: #d6d6d6;
        border: 1px solid #8c8c8c;
        display: block;
        border-radius: 4px;
        margin: 9px 10px 0 0;
    }

.rightOparetorPanelRight {
    border-left: 1px solid #4c4c4c;
    float: right;
    height: 50px;
    margin-left: 15px;
    padding-left: 15px;
}

    .rightOparetorPanelRight .dropdown-menu {
        margin: 0;
        float: none;
        right: 0;
        left: auto;
        border-radius: 0 0 3px 3px;
        min-width: 100%;
        background: rgba(0,0,0,0.9);
        padding: 0;
        border: 1px solid #353535;
        border-top: none;
    }

        .rightOparetorPanelRight .dropdown-menu li a {
            color: #fff;
            padding: 7px 15px;
        }

            .rightOparetorPanelRight .dropdown-menu li a:hover {
                background: rgba(0,0,0,1);
                color: #fff;
            }
/*---Footer---*/
footer {
    background: #0e0e0e;
    text-align: center;
    color: #7b7b7b;
    height: 32px;
    padding-top: 7px;
    position: relative;
    z-index: 10;
}

    footer span {
        color: #fff;
    }
/*---Stucture---*/
.mainBody {
    height: calc(100vh - 82px);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,.4);
    position: relative;
    overflow: hidden; /*this changes for menu hover show*/
}

.lftDashMenuPnl {
    width: 45px;
    left: 0;
    float: left;
    background: #212121;
    height: 100%;
    transition: width 0.6s cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    position: relative;
    z-index: 10;
}

    .lftDashMenuPnl.activePnl {
        width: 265px;
    }

.mainCTNPnl {
    width: calc(100% - 45px);
    height: 100%;
    transition: width 0.6s cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}

    .mainCTNPnl.activePnl {
        width: calc(100% - 265px);
    }

.leftMenuPnl {
    height: 100%;
}

.mainCTNPnlINR {
    height: 100%;
    overflow: auto;
    padding: 15px;
    padding-top: 0;
    -webkit-overflow-scrolling: touch;
}

.pageHd {
    font-size: 20px;
    height: 48px;
    padding-top: 8px;
    position: relative;
}

    .pageHd span {
        border-left: 3px solid #0950ba;
        padding-left: 5px;
    }
/*--use for scrollber--*/
.leftMenuPnl .mCustomScrollBox,
.leftMenuPnl .mCSB_container {
    overflow: visible;
}

.leftMenuPnl .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.leftMenuPnl .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.5);
}

.mainCTNPnlINR .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.mainCTNPnlINR .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: none;
}

.mainCTNPnlINR .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #9E9E9E;
}
/*-----*/

.leftMenuPnl ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #313131;
}

    .leftMenuPnl ul li {
        display: block;
        position: relative;
        overflow: hidden;
    }

        .leftMenuPnl ul li:hover {
            overflow: visible;
        }

.leftMenuPnl .mCSB_container > ul > li:nth-last-of-type(2) {
    /*border-bottom: 1px solid #313131;*/
}

.leftMenuPnl ul > li:first-child > a {
    border-top: none;
}

.leftMenuPnl ul > li.active:after {
    left: 0;
}

.leftMenuPnl ul > li.expndOption {
    margin: 0;
    border-bottom: 1px solid #000;
    border-top: 1px solid #313131;
}

    .leftMenuPnl ul > li.expndOption > a {
        color: #eaeaea;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
        border: none;
        width: 45px;
        display: inline-block;
    }

        .leftMenuPnl ul > li.expndOption > a i.fa {
            font-size: 18px;
            width: auto;
            transition: transform 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99);
            padding-bottom: 2px;
            color: #ccc;
        }

    .leftMenuPnl ul > li.expndOption:hover > a i.fa {
        color: #fff;
    }

    .leftMenuPnl ul > li.expndOption > a i.fa:before {
        content: "\f142";
    }

    .leftMenuPnl ul > li.expndOption:after {
        display: none;
    }

.leftMenuPnl ul > li > a {
    display: block;
    padding: 8px 15px;
    color: #eaeaea;
    transition: all 0.3s ease;
    position: relative;
    font-size: 13px;
    white-space: nowrap;
    font-family: 'Helvetica-Light';
    border-bottom: 1px solid #000;
    border-top: 1px solid #313131;
}

    .leftMenuPnl ul > li > a i.fa {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        width: 18px;
        transition: color ease 0.3s;
    }

    .leftMenuPnl ul > li > a span {
        overflow: hidden;
        opacity: 0;
        vertical-align: middle;
        margin-left: 6px;
        transition: width 0.5s ease, opacity 0.5s linear;
    }

.activePnl .leftMenuPnl ul > li > a span {
    opacity: 1;
    width: 0;
}

.leftMenuPnl ul > li > a span i.fa {
    font-size: 15px;
    margin: auto;
    position: absolute;
    right: 5px;
    top: 11px;
    opacity: 0;
    transition: opacity 0.3s ease-in;
    color: #545454;
}

.lftDashMenuPnl.activePnl .leftMenuPnl ul > li > a span i.fa {
    opacity: 1;
}

.leftMenuPnl ul li a:focus {
    text-decoration: none;
}

.leftMenuPnl ul > li:hover > a i.fa,
.leftMenuPnl ul > li.active > a i.fa {
    text-decoration: none;
    color: #ff326b;
}

.leftMenuPnl ul > li > ul {
    background: #333333;
    display: none;
    border-bottom: none;
}

    .leftMenuPnl ul > li > ul li a {
        padding-left: 40px;
        position: relative;
        border-top: none;
        border-bottom-color: #212121;
    }

    .leftMenuPnl ul > li > ul > li > a i {
        font-size: 10px;
        position: absolute;
        right: 0px;
        top: 10px;
        color: #545454;
    }

    .leftMenuPnl ul > li > ul > li > ul {
        background: #3e3e3e;
    }

/*------*/
.lftDashMenuPnl.leftcollapsMenu ul > li > ul {
    position: absolute;
    left: 100%;
    top: 0;
    display: none !important;
}

.lftDashMenuPnl.leftcollapsMenu ul > li:hover > ul {
    display: block !important;
    z-index: 99;
    height: auto;
    overflow: visible;
}

.lftDashMenuPnl.leftcollapsMenu .leftMenuPnl ul > li > ul li a {
    padding-left: 15px;
}

    .lftDashMenuPnl.leftcollapsMenu .leftMenuPnl ul > li > ul li a:hover {
        color: #fff;
    }


.lftDashMenuPnl.leftcollapsMenu .leftMenuPnl ul > li > ul > li > a {
    padding-right: 25px;
}
/*------*/
/*.modal-body .mCSB_inside > .mCSB_container{
	margin-right:8px;	
}
.modal-body .mCSB_scrollTools .mCSB_draggerContainer{
    right: -6px;
}*/
/*------*/
/*================================================================================*/
/*================================================================================*/
/*===========================Defalt Button color==================================*/
body .btn.btn-success,
body .btn.btn-default,
body .btn.btn-primary,
body .btn.btn-success,
body .btn.btn-info,
body .btn.btn-warning,
body .btn.btn-danger {
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    border-color: #525252;
    color: #efefef;
    font-weight: normal;
    text-shadow: none;
}

    body .btn.btn-success:focus,
    body .btn.btn-default:focus,
    body .btn.btn-primary:focus,
    body .btn.btn-success:focus,
    body .btn.btn-info:focus,
    body .btn.btn-warning:focus,
    body .btn.btn-danger:focus {
        background: rgb(69,72,77); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
        border-color: #525252;
        color: #efefef;
    }
/*----*/
.widgetCountBtn ul li {
    border: none !important;
}

    .widgetCountBtn ul li a {
        background: rgb(69,72,77); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ) !important; /* IE6-9 */
        border-color: #525252 !important;
        color: #efefef !important;
    }
/*=================================================================*/
/*=================================================================*/

/*------------------------Dashboard Page-------------------------*/
.dashboardPage_INR {
    background: #F9F9F9;
    height: calc(100% - 48px);
    border: 1px solid #a5a5a5;
}

    .dashboardPage_INR .mCSB_container {
        padding: 50px 130px;
        transition: padding 0.6s ease;
    }

.mainCTNPnl.activePnl .dashboardPage_INR .mCSB_container {
    padding: 50px 0;
}

.dashboardPage_INR h2 {
    margin: 8px 10px 4px;
    font-size: 18px;
}

    .dashboardPage_INR h2.configHd {
        margin-top: 30px;
    }

.dashboardPage_INR ul {
    margin: 0 0 5px 0;
    list-style: none;
    padding: 0 5px;
    text-align: center;
}

    .dashboardPage_INR ul:after {
        display: table;
        clear: both;
        content: "";
    }

    .dashboardPage_INR ul li {
        float: left;
        width: calc(16.66666666666667% - 10px);
        margin: 5px;
        position: relative;
    }

        .dashboardPage_INR ul li a {
            padding: 37px 5px 35px;
            color: #424242;
            font-size: 15px;
            border: 1px solid #424242;
            display: block;
            background: none;
        }

            .dashboardPage_INR ul li a i {
                font-size: 75px;
                margin-bottom: 15px;
                color: #006699;
            }

            .dashboardPage_INR ul li a:hover,
            .dashboardPage_INR ul li a:focus {
                text-decoration: none;
            }

        .dashboardPage_INR ul li span {
            display: block;
            height: 25px;
            text-transform: uppercase;
        }

    .dashboardPage_INR ul.wizarsCntol li a {
        background: #006699;
        color: #fff;
    }

        .dashboardPage_INR ul.wizarsCntol li a i.fa {
            color: #fff;
        }
/*---*/
.addNewDashMenu {
    float: right;
}

    .addNewDashMenu span {
        border: none;
        padding: 0;
    }

.dashboardPage_INR ul.wizarsCntol {
    margin-top: 10px;
}

.dashboardPage_INR ul li.dashBordDropDown a {
    transition: filter 0.6s ease;
}

.dashboardPage_INR ul li.dashBordDropDown:hover > a {
    filter: blur(8px);
    overflow: hidden;
}

.dashboardPage_INR ul li.dashBordDropDown ul {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    text-align: left;
    transform: scale(0);
    transition: transform 0.4s ease;
    border: 1px solid #000;
    overflow: auto;
}

.dashboardPage_INR ul li.dashBordDropDown:hover ul {
    transform: scale(1);
}

.dashboardPage_INR ul li.dashBordDropDown ul li {
    display: block;
    float: none;
    margin: 0;
    width: auto;
}

    .dashboardPage_INR ul li.dashBordDropDown ul li a {
        display: block;
        color: #fff;
        border: none;
        padding: 5px 10px;
        font-size: 14px;
        border-top: 1px solid rgba(0,0,0,0.2);
        border-bottom: 1px solid rgba(0255,255,255,0.4);
        background: none;
    }

    .dashboardPage_INR ul li.dashBordDropDown ul li:first-child a {
        border-top: none;
    }

    .dashboardPage_INR ul li.dashBordDropDown ul li:last-child a {
        border-bottom: none;
    }

    .dashboardPage_INR ul li.dashBordDropDown ul li a:before {
        font-family: "FontAwesome";
        content: "\f2d2";
        padding-right: 7px;
        font-size: 12px;
    }
/*----Modal----*/
.modal.dashbordModalBox .modal-dialog {
    width: 1000px;
    max-width: 95%;
}

    .modal.dashbordModalBox .modal-dialog .dashbordModalBox_INR {
        padding: 0;
    }

.modal.dashbordModalBox .dashbordModalBox_INR label {
    float: left;
    margin: 7px;
    width: calc(20% - 14px);
    display: block;
    font-family: 'Helvetica';
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}

    .modal.dashbordModalBox .dashbordModalBox_INR label p span {
        display: block;
        height: 37px;
        line-height: 18px;
    }

.modal.dashbordModalBox .modal-body {
    padding: 8px;
}

.modal.dashbordModalBox .dashbordModalBox_INR label p {
    padding: 25px 5px 20px;
    position: relative;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: 0;
    background: #006699;
    border: 1px solid #6d6d6d;
}

    .modal.dashbordModalBox .dashbordModalBox_INR label p i {
        font-size: 60px;
        margin-bottom: 10px;
    }

.modal.dashbordModalBox .dashbordModalBox_INR label input {
    display: none;
}

    .modal.dashbordModalBox .dashbordModalBox_INR label input:checked + p:after {
        background: rgba(0,0,0,0.2);
        content: "";
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .modal.dashbordModalBox .dashbordModalBox_INR label input:checked + p:before {
        content: "\f00c";
        color: #fff;
        font-family: "FontAwesome";
        font-size: 18px;
        height: 28px;
        line-height: 25px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 30px;
        z-index: 99;
    }

/*--------*/
.masgModal {
    width: 800px;
    max-width: 95%;
    position: fixed;
    left: 0;
    top: 70px;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 99;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

/*------------------------Cardholder/Personal Page-------------------------*/

body .notShow {
    pointer-events: none !important;
    color: transparent !important;
    text-shadow: 0 0 6px rgba(0,0,0,1) !important;
}

    body .notShow::selection {
        color: transparent !important;
        text-shadow: 0 0 6px rgba(0,0,0,1) !important;
        background: transparent !important;
    }

.personalPage_INR {
    height: calc(100% - 48px);
}

    .personalPage_INR .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        min-height: 100%;
    }

    .personalPage_INR .personalPageScrollSec.mCustomScrollbar.mCS_no_scrollbar .mCustomScrollBox,
    .personalPage_INR .personalPageScrollSec.mCustomScrollbar.mCS_no_scrollbar .mCustomScrollBox .mCSB_container,
    .personalPage_INR .personalPageScrollSec.mCustomScrollbar.mCS_no_scrollbar {
        overflow: visible;
    }

.personalTabpanelCVR, .personalTabpanel {
    height: 100%;
}

.personalTabpanel_box.personalFixedBox {
    /*height:225px;*/
}

    .personalTabpanel_box.personalFixedBox .panel-body {
        /*background: rgba(243, 243, 243, 0.88);*/
        background: rgb(239 239 239 / 88%);
    }

.personalFixedBoxCVR {
    box-shadow: 3px 7px 15px -5px #d4d4d4;
}

.personalTabpanel_box .panel.adiditionalPnl {
    padding: 0 0 5px;
    background: rgba(243, 243, 243, 0.88);
}

    .personalTabpanel_box .panel.adiditionalPnl .panel-heading h4 i {
        bottom: 0;
        font-size: 13px;
        left: 0;
        margin: auto;
        position: absolute;
        top: 1px;
        transition: transform 0.6s cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
        vertical-align: top;
    }

    .personalTabpanel_box .panel.adiditionalPnl .panel-heading {
        margin: 0 15px;
    }

        .personalTabpanel_box .panel.adiditionalPnl .panel-heading h4 {
            cursor: pointer;
            padding-left: 17px;
            background: rgba(243, 243, 243, 0.88);
        }

    .personalTabpanel_box .panel.adiditionalPnl .panel-heading {
        padding-top: 0;
    }

.personalFixedBox .row .col-md-2.col-sm-3.col-xs-12 {
    float: right;
}

.mobileInactive {
    /*display:none;*/
    padding: 4px 15px 8px;
}

.desktopInactive {
    display: none;
    padding-bottom: 19px;
}

.personalPageScrollSec {
    overflow: auto;
    /*height:calc(100% - 225px);*/
    height: calc(100% - 293px);
}

    .personalPageScrollSec .mCSB_container {
        min-height: 100%;
    }

    .personalPageScrollSec .accessGRPctnBox_bottm {
        clear: both;
        background: none;
    }

    .personalPageScrollSec .personalTabpanel_box:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

    .personalPageScrollSec .personalTabpanel_box .panel-body {
        display: none;
    }

    .personalPageScrollSec .personalTabpanel_box:nth-child(odd) .panel-body {
        background: #f3f3f3;
    }

    .personalPageScrollSec.mScrollBody.mCS_no_scrollbar {
        overflow: visible;
    }

        .personalPageScrollSec.mScrollBody.mCS_no_scrollbar .mCustomScrollBox {
            overflow: visible;
        }

    .personalPageScrollSec.mScrollBody .mCustomScrollBox .mCSB_container {
        min-height: 100%;
    }

    .personalPageScrollSec.mScrollBody.mCS_no_scrollbar .mCustomScrollBox .mCSB_container {
        overflow: visible;
    }

.personalTabpanel_box {
    margin-bottom: 15px;
}

    .personalTabpanel_box .panel {
        background: none;
        border: none;
        margin: 0;
        box-shadow: none;
    }

        .personalTabpanel_box .panel .panel-heading {
            background: none;
            border-radius: 0;
            color: #000000;
            font-size: 14px;
            font-family: 'Helvetica';
            font-weight: normal;
            padding: 5px 0;
            letter-spacing: 0.2px;
            position: relative;
        }

            .personalTabpanel_box .panel .panel-heading:after {
                position: absolute;
                right: 0;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 100%;
                height: 1px;
                background: #b7b7b7;
                content: "";
                z-index: 1;
            }

            .personalTabpanel_box .panel .panel-heading h4 {
                color: #f10043;
                font-size: 16px;
                font-family: 'Helvetica';
                font-weight: normal;
                display: inline-block;
                margin: 0;
                position: relative;
                background: #fff;
                padding-right: 10px;
                z-index: 2;
            }

.personalPageScrollSec .personalTabpanel_box .panel .panel-heading h4 {
    cursor: pointer;
    padding-left: 17px;
}

    .personalPageScrollSec .personalTabpanel_box .panel .panel-heading h4 i {
        position: absolute;
        left: 0;
        top: 1px;
        bottom: 0;
        margin: auto;
        font-size: 13px;
        vertical-align: top;
        transition: transform 0.6s cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    }

.personalTabpanel_box .panel .panel-heading h4.activePersonalSlide i.fa {
    transform: rotate(90deg);
    top: 0;
}


/*.personalTabpanel_box .panel .panel-heading span{
	color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    padding: 3px 10px;
    position: absolute;
    right: 0px;
    top: 2px;
    z-index: 5;
    background: #383a3e;
    border-radius:3px;
}*/
.cardPanelBtngroup {
    position: absolute;
    right: 0px;
    top: 2px;
    z-index: 5;
    background: #fff;
    padding-right: 15px;
}

    .cardPanelBtngroup .btn {
        padding: 3px 10px;
    }

        .cardPanelBtngroup .btn i.fa {
            display: none;
        }

    .cardPanelBtngroup .custom-btn {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 5px;
        font-size: 13px;
    }

    .cardPanelBtngroup .chkSingelLabel {
        white-space: nowrap;
        border: 1px solid #383a3e;
        border-radius: 3px;
        padding: 2px 7px;
    }

        .cardPanelBtngroup .chkSingelLabel span {
            width: 16px;
            height: 16px;
            border-color: #585858;
        }

        .cardPanelBtngroup .chkSingelLabel p {
            padding-left: 2px;
            font-size: 13px;
            color: #585858;
        }

    .cardPanelBtngroup label.chkSingelLabel input:checked + span::after {
        left: 1px;
        top: 1px;
        font-size: 12px;
        line-height: 12px;
    }

.personalTabpanel_box .panel .panel-body {
    padding: 10px 0 5px;
}

.prevBtn {
    position: absolute;
    padding: 0px 5px !important;
    right: 0;
    top: -3px;
}

.personalTabpanel_box .panel .panel-body .input-group {
    display: block;
    padding: 0 0 15px 0;
}

.personalTabpanel_box .panel .panel-body label {
    display: block;
    font-family: 'Helvetica';
    font-weight: normal;
    margin: 0 0 4px 0;
}

.personalTabpanel_box .panel .panel-body .checkboxPanel.cardHolderChkpnl label {
    margin-bottom: 8px;
}

.personalTabpanel_box .panel .panel-body .input-group label {
    display: block;
    font-family: 'Helvetica';
    font-weight: normal;
    margin: 0 0 4px 0;
}

.personalTabpanel_box .panel .panel-body .input-group input,
.personalTabpanel_box .panel .panel-body .input-group select {
    width: 100%;
    height: 34px;
    border: 1px solid #c1c1c1;
    background: #fff;
    padding: 0 5px;
}

.personalTabpanel_box .panel .panel-body .input-group textarea {
    width: 100%;
    height: 148px;
    border: 1px solid #c1c1c1;
    background: #fff;
    resize: none;
    padding: 5px;
}

.personalTabpanel_box .panel .panel-body .input-group select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(../images/selectArow.png);
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding: 0 5px;
    padding-right: 30px;
}

.multiSelectChk label {
    display: block;
    font-family: 'Helvetica';
    font-weight: normal;
    margin: 0 0 4px 0;
}

body input:required,
body select:required {
    box-shadow: none;
}

body input.required,
body select.required {
    box-shadow: 0 0 3px 2px #ff5555 !important;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 3px 2px #ff5555 !important;
}

.multiSelectChk .multiselect-container > li > a.multiselect-all label {
    font-weight: normal;
}

.multiSelectChk .input-group .multiselect-native-select {
    display: block;
}

    .multiSelectChk .input-group .multiselect-native-select .btn-group {
        display: block;
    }

        .multiSelectChk .input-group .multiselect-native-select .btn-group.open .dropdown-toggle {
            box-shadow: none;
        }

        .multiSelectChk .input-group .multiselect-native-select .btn-group:after {
            display: table;
            clear: both;
            content: "";
        }

body .multiSelectChk .input-group .multiselect-native-select .btn-group .btn.btn-default.multiselect.dropdown-toggle {
    background-color: #fff !important;
    border: 1px solid #c1c1c1 !important;
    color: #000 !important;
    background-image: url(../images/selectArow.png) !important;
    background-position: calc(100% - 10px) 12px !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
}

.multiSelectChk .input-group .multiselect-native-select .btn-group .btn.btn-default.multiselect.dropdown-toggle b.caret {
    display: none;
}

.multiSelectChk .input-group .multiselect-native-select .btn-group .btn.btn-default.multiselect.dropdown-toggle span.multiselect-selected-text {
    display: block;
    max-width: calc(100% - 18px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

body .multiSelectChk .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li a {
    display: block;
}

    body .multiSelectChk .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li a label.checkbox {
        display: block;
        margin: 0;
        padding: 5px 13px;
        text-align: left;
        padding-left: 30px;
        position: relative;
    }

        body .multiSelectChk .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li a label.checkbox:after {
            position: absolute;
            left: 12px;
            top: 3px;
            content: "\f096";
            font-family: 'FontAwesome';
            font-size: 18px;
            color: #4e4e4e;
        }

body .multiSelectChk .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active a {
    background: none;
    color: #4e4e4e;
}

    body .multiSelectChk .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active a label.checkbox:before {
        position: absolute;
        left: 13px;
        top: 6px;
        content: "\f00c";
        font-family: 'FontAwesome';
        font-size: 12px;
        color: #4e4e4e;
    }

body .multiSelectChk .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li a label.checkbox input {
    display: none;
}

.mCS_no_scrollbar .edtPsnlSvBtn.saveBtn {
    display: none;
}

.saveHide.edtPsnlSvBtn.saveBtn {
    display: none;
}
/*---*/
.print-row {
    margin-bottom: 15px;
}

    .print-row:last-child {
        margin-bottom: 0;
    }

    .print-row .form-control {
        float: left;
        width: calc(100% - 140px);
        background-color: #fff;
    }

    .print-row select.form-control {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-image: url(../images/selectArow.png);
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding: 0 5px;
        padding-right: 30px;
    }

    .print-row .btn {
        float: left;
        width: 130px;
        margin-left: 10px;
    }

.card-print-modal .modal-dialog {
    width: 500px;
    max-width: 95%;
}
/*---*/
.verifyMdl.modal.in {
    display: flex !important;
}

    .verifyMdl.modal.in .modal-dialog {
        margin: auto;
    }

.verifyMdl .modal-dialog {
    width: 260px;
    max-width: 95%;
}

.verifyMdl .modal-body {
    padding-top: 8px;
}

.verifyMdl .btn {
    width: 100%;
    margin: 5px 0 3px;
}

.verifyMdl p {
    margin: 0 0 3px;
    text-align: center;
    font-size: 14px;
}
/*---*/
.acknowledge-modal.modal.in {
    display: flex !important;
}

    .acknowledge-modal.modal.in .modal-dialog {
        margin: auto;
    }

.acknowledge-modal .modal-dialog {
    width: 260px;
    max-width: 95%;
}

.acknowledge-modal-inr p {
    margin: 0 0 5px 0;
}

.acknowledge-modal-inr textarea.form-control {
    height: 120px;
}
/*---*/
.card-print-preview-modal .modal-dialog {
    width: 990px;
    max-width: 95%;
}

.card-print-preview-modal .print-box {
    height: 250px;
    border: 1px solid #ddd;
    display: flex;
}

    .card-print-preview-modal .print-box img {
        max-width: 100%;
        margin: auto;
        max-height: 100%;
    }

.printEventPnl {
    margin-top: 15px;
    padding: 20px 15px;
    background: #e9e9e9;
}

    .printEventPnl .cardPrit-section {
        width: 447px;
        max-width: 100%;
    }
/*chekbox*/
.personalFixedBox .checkboxPanel {
    margin-top: 30px;
}

body .checkboxPanel label {
    display: inline-block !important;
    font-family: 'Helvetica';
    font-weight: normal;
    margin-bottom: 10px;
    cursor: pointer;
    white-space: nowrap;
}

.checkboxPanel.cardHolderChkpnl {
    margin-top: 22px;
}

body .checkboxPanel.cardHolderChkpnl label {
    display: block !important;
}

    body .checkboxPanel.cardHolderChkpnl label[style="display: none;"] {
        display: none !important;
    }

.checkboxPanel label:last-child {
    margin-bottom: 0;
}

.checkboxPanel label input {
    display: none;
}

.checkboxPanel label span {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    background: none;
    position: relative;
    background-color: #fff;
}

.checkboxPanel label input:checked + span:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f00c";
    left: 2px;
    top: -1px;
    color: #8A8A8A;
    font-size: 12px;
    line-height: 19px;
}

.checkboxPanel label p {
    display: inline-block;
    max-width: calc(100% - 50px);
    vertical-align: top;
    margin: 0;
    padding-left: 7px;
}
/*-----*/
.singleCardAction {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 10px 0 0;
}

    .singleCardAction i.fa,
    .singleCardAction .chkSingelLabel {
        cursor: pointer;
        display: inline-block !important;
        vertical-align: middle;
        margin: 0 0 0 5px !important;
    }

    .singleCardAction i.fa {
        background: #585858;
        border-radius: 2px;
        color: #fff;
        font-size: 14px;
        padding: 4px 5px;
    }

        .singleCardAction i.fa.disabled {
            color: lightgrey;
            opacity: 0.5;
            pointer-events: none
        }

    .singleCardAction .chkSingelLabel span {
        width: 19px;
        height: 19px;
        border: 2px solid #585858;
    }

        .singleCardAction .chkSingelLabel span:after {
            left: 1px !important;
            top: 0px !important;
            color: #666 !important;
            font-size: 13px !important;
            line-height: 16px !important;
        }
/*-----*/
.detailCollapsPnel:last-child {
    margin-bottom: 7px;
}

.detailCollapsPnel-heading {
    position: relative;
}
    /*.detailCollapsPnel-heading i.fa{
	background: #585858;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 4px 5px;
    position: absolute;
    right: 15px;
    top: 5px;
    cursor: pointer;
}
.detailCollapsPnel-heading  i.fa.fa-ban{
	right: 45px;
}
.detailCollapsPnel-heading i.fa.printCard{
	right: 45px;
}
.detailCollapsPnel-heading i.fa.previewBtn{
	right: 78px;
}*/
    .detailCollapsPnel-heading a {
        background: #e8e8e8;
        border-radius: 0;
        color: #000;
        cursor: pointer;
        padding-right: 50px;
        position: relative;
        display: block;
        padding: 7px 15px;
    }

    .detailCollapsPnel-heading a {
        position: relative;
        padding-left: 35px;
    }

        .detailCollapsPnel-heading a:after {
            position: absolute;
            left: 15px;
            width: 0;
            height: 0;
            border-left: 9px solid #000;
            border-bottom: 6px solid transparent;
            border-top: 6px solid transparent;
            content: "";
            top: 11px;
            transition: transform ease 0.4s;
        }

    .detailCollapsPnel-heading.active a:after {
        transform: rotate(90deg);
    }

    .detailCollapsPnel-heading a:hover,
    .detailCollapsPnel-heading a:focus {
        color: #000;
    }

.CardDisable .detailCollapsPnel-heading a,
.CardDisable .detailCollapsPnel-heading a ~ i.fa {
    opacity: 0.6;
}

.detailCollapsPnel {
    margin: 0 15px 15px;
}

.detailCollapsPnel-body {
    padding: 8px 0 1px;
    border: 1px solid #e8e8e8;
    border-top: none;
    display: none;
}

.personalTabpanel_box .panel .panel-body .input-group.card_datepick,
.card_datepick {
    display: table;
    width: 100%;
}

    .personalTabpanel_box .panel .panel-body .input-group.card_datepick input {
        border-radius: 3px 0 0 3px;
    }

.personalTabpanel_box .panel .panel-body .card_datepick span.input-group-addon {
    cursor: pointer;
}

.card_datepick input {
    background: #fff;
    border: 1px solid #b3b3b3;
    height: 34px;
    padding: 0 5px;
    width: 100%;
    display: table-cell;
    border-right: none;
}

.personalTabpanel_box .detailCollapsPnel .checkboxPanel {
    margin-top: 0;
}

    .personalTabpanel_box .detailCollapsPnel .checkboxPanel.checkMarginTop11 {
        margin-top: 11px;
    }

.cardDetailPnel > h1 {
    font-size: 16px;
    font-family: 'Helvetica';
    font-weight: normal;
    margin: 10px 15px 12px;
    position: relative;
    color: #f10042;
}

    .cardDetailPnel > h1:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 10px;
        height: 1px;
        background: #b3b3b3;
        content: "";
        cursor: pointer;
        z-index: 0;
    }

    .cardDetailPnel > h1 span {
        background: #fff;
        padding: 0 10px 0 0;
        display: inline-block;
        z-index: 1;
        position: relative;
    }

    .cardDetailPnel > h1 i {
        color: #ffffff;
        cursor: pointer;
        font-size: 14px;
        padding: 5px 5px;
        position: absolute;
        right: 0px;
        top: -2px;
        z-index: 5;
        background: #383a3e;
        border-radius: 3px;
    }

        .cardDetailPnel > h1 i span {
            background: none;
            padding: 0;
            font-family: 'Helvetica';
            font-weight: normal;
            padding-left: 3px;
        }

.cardDetailPnel > article {
    margin: 0 15px 15px;
    position: relative;
}

    .cardDetailPnel > article i.fa.fa-trash {
        background: #585858;
        border-radius: 2px;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        padding: 4px 5px;
        position: absolute;
        right: 15px;
        top: 4px;
    }

    .cardDetailPnel > article > summary {
        border: 1px solid #e4e4e4;
        border-top: none;
        padding-top: 8px;
        display: none;
    }

.card_loop_plat {
    background: #e4e4e4;
    color: #000;
    font-size: 15px;
    font-family: 'Helvetica';
    font-weight: normal;
    margin: 0;
    padding: 7px 10px 7px 34px;
    position: relative;
    cursor: pointer;
}

.AccessDeleteBTN {
    margin-top: 30px;
    display: inline-block;
}

    .AccessDeleteBTN i {
        cursor: pointer;
        background: #585858;
        border-radius: 2px;
        color: #fff;
        font-size: 14px;
        padding: 4px 5px;
    }

.card_loop_plat:after {
    position: absolute;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 9px solid #000;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    content: "";
    top: 9px;
    transition: transform ease 0.4s;
}

.card_loop_plat.active:after {
    transform: rotate(90deg);
}

.userProfPix {
    border: 1px solid #c1c1c1;
    margin-bottom: 0;
    margin-top: 4px;
    width: 161px;
    padding: 2px;
    /*height:180px;*/
    position: relative;
    max-width: 100%;
}

.inactiveSaveLabel {
    position: relative;
}

    .inactiveSaveLabel:after {
        content: attr(data-title);
        padding-left: 20px;
        font-family: 'open_sanslight_italic';
        color: #000;
        font-size: 13px;
    }

.userProfPix img {
    /*max-width:100%;
	max-height:100%;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;*/
    cursor: pointer;
    width: 100%;
}

.saveBtn {
    text-align: right;
    padding: 0 0 10px;
}

    .saveBtn a.btn {
        padding: 5px 15px;
        margin: 0 0 0 10px;
        text-shadow: none;
    }

.devidePnl:after {
    display: table;
    clear: both;
    content: "";
}

.checkboxPanel.devid_collapse_chk {
    margin: 10px 15px 0px;
}

    .checkboxPanel.devid_collapse_chk label input:checked + span:after {
        color: #00bf27;
    }

.devidePnl.chkColaps {
    display: none;
    padding-top: 3px;
}

.editpersonal-additional-fields {
    margin-top: 15px;
}

.personalTabpanel_box .devidePnl.chkColaps .row {
    margin: 0 -15px;
}

.personalTabpanel_box .detailCollapsPnel .checkboxPanel.devid_collapse_chk {
    margin: 10px 15px 15px;
}

.separatePatition {
    clear: both;
}

.personalTabpanel_box .detailCollapsPnel .separatePatition .checkboxPanel.devid_collapse_chk {
    margin-left: 0;
    margin-top: 29px;
    margin-bottom: 0;
}

/*user-picture upload modal*/
.modal.user-pic-upload-modal .modal-dialog {
    width: 650px;
    max-width: 95%;
}

.user-img-upload-box {
    height: 367px;
    border: 1px solid #ddd;
    overflow: hidden;
}

    .user-img-upload-box.canvas-upload-img {
        position: relative;
    }

.previewImg img {
    width: 100%;
}

.cropBtnPnl {
    margin-top: 15px;
}

    .cropBtnPnl .btn i.fa {
        font-size: 14px;
        margin-right: 3px;
        display: inline-block;
    }
/*user picture capture modal*/
.user-picture-cap-modal .modal-dialog {
    width: 650px;
    max-width: 95%;
}

.snapPhotoBtn video {
    width: 100% !important;
}
/*modified design style*/
.cardDetailPnel > article.individualLoopSection.accessInfoPNL > summary {
    border: none;
    padding: 0;
    display: block;
}

.cardDetailPnel > article.individualLoopSection.accessInfoPNL {
    margin: 0;
}

.accessInformationDropdownRow {
    background: #dadada;
    padding-top: 8px;
    margin-bottom: 8px;
}
/*history datepicker*/
.activeHistory .bootstrap-datetimepicker-widget.dropdown-menu {
    /*top:-111px !important;
	bottom: auto !important;*/
    top: auto !important;
    bottom: 42px !important;
    position: fixed;
    left: auto !important;
    right: auto !important;
}

.activeHistory .accessGRPctnBox_bottm table {
    table-layout: fixed;
}

    .activeHistory .accessGRPctnBox_bottm table th:nth-child(1),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(1) {
        width: 150px;
    }

    .activeHistory .accessGRPctnBox_bottm table th:nth-child(2),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(2) {
        width: auto;
    }

    .activeHistory .accessGRPctnBox_bottm table th:nth-child(3),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(3) {
        width: auto;
        text-align: left;
    }

    .activeHistory .accessGRPctnBox_bottm table th:nth-child(4),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(4) {
        width: 200px;
    }

    .activeHistory .accessGRPctnBox_bottm table th:nth-child(5),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(5) {
        width: auto;
    }

    .activeHistory .accessGRPctnBox_bottm table th:nth-child(6),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(6) {
        width: 200px;
    }

.activeHistory .multiSelectChk .multiselect-container.dropdown-menu {
    bottom: 100%;
    top: auto;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.activeHistory .multiSelectChk.Multi_dropDownBtm .multiselect-container.dropdown-menu {
    bottom: auto;
    top: 100%;
}

/*-----*/
.personalPage .addPersonBtn {
    right: 28px;
}

.personalSearchPlate.cardHolerSearch {
    top: 0;
    right: -291px;
    z-index: 999;
    transition: right 0.5s ease;
}

    .personalSearchPlate.cardHolerSearch .collapseSearchOpen {
        display: block;
        top: 8px;
    }

    .personalSearchPlate.cardHolerSearch.activeSlide {
        right: 7px;
        box-shadow: 0 0 6px 3px rgba(0,0,0,0.2);
    }


.required-option .personalTabpanel_box .panel .panel-body .input-group input[required],
.required-option .personalTabpanel_box .panel .panel-body .input-group select[required] {
    color: rgba(0,0,0,0);
    pointer-events: none;
}

    .required-option .personalTabpanel_box .panel .panel-body .input-group input[required]::selection,
    .required-option .personalTabpanel_box .panel .panel-body .input-group select[required]::selection {
        color: rgba(0,0,0,0);
    }

    .required-option .personalTabpanel_box .panel .panel-body .input-group input[required] + span.input-group-addon,
    .required-option .personalTabpanel_box .panel .panel-body .input-group select[required] + span.input-group-addon {
        pointer-events: none;
    }

/*Assign Access Permission to card Modal*/
.modal.accessGroupModal.assignAccessPermissionMdl .modal-body {
    max-height: calc(100vh - 190px);
    min-height: 200px;
    padding: 0;
}

.row.assign_access_row {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 10px;
}

.modal.accessGroupModal.assignAccessPermissionMdl .cardDetailPnel.assignAccessPermissionInfo .row {
    margin: 0;
    padding-top: 10px;
}

.modal.accessGroupModal.assignAccessPermissionMdl .row.clsAuthLoopModal {
    border-bottom: 1px solid #c9c9c9;
}

    .modal.accessGroupModal.assignAccessPermissionMdl .row.clsAuthLoopModal:last-child {
        border-bottom: none;
    }

    .modal.accessGroupModal.assignAccessPermissionMdl .row.clsAuthLoopModal:nth-child(odd) {
        background: #f9f9f9;
    }

    .modal.accessGroupModal.assignAccessPermissionMdl .row.clsAuthLoopModal:nth-child(even) {
        background: #ffffff;
    }



/*-----------------Personal List Page-------------------*/
.persona_listlPage_INR {
    height: calc(100% - 48px);
}

.persona_listlPage {
    position: relative;
}

.collapseSearchOpen {
    background: #f0ad4e;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 17px;
    left: -32px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 32px;
    border-radius: 4px 0 0 4px;
    padding: 2px 0 4px;
    line-height: 24px;
}

.personalSearchPlate.activeSlide .collapseSearchOpen i.fa:before {
    content: "\f00d";
}

.personalSearchPlate {
    background: #f3f3f3;
    bottom: 8px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    padding: 16px 20px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 290px;
    z-index: 9;
    min-height: 250px;
}

.personalSearchPlateInr {
    height: calc(100% - 71px);
    margin-top: 14px;
    overflow: auto;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    padding: 10px 0;
}

.personalSearchPlate > h3 {
    font-size: 16px;
    color: #000;
    margin: 0;
    font-family: 'Helvetica-Light';
    letter-spacing: 0.8px;
}

    .personalSearchPlate > h3 span {
        display: inline-block;
        border-left: 1px solid #c3c3c3;
        font-size: 14px;
        color: #4f4f4f;
        margin-left: 7px;
        padding-left: 7px;
    }

.persona_list-CVR {
    display: block;
    margin-right: 300px;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.persona_list-INR {
    height: 100%;
    float: left;
    width: calc(100% - 25px);
}

.alphabetSearch {
    float: right;
    width: 25px;
    height: 100%;
    overflow: auto;
    border: 1px solid #ccc;
    position: relative;
    z-index: 2;
}

    .alphabetSearch table {
        width: 100%;
        table-layout: fixed;
        height: 100%;
        text-align: center;
    }

        .alphabetSearch table tr td {
            cursor: pointer;
            width: 100%;
            vertical-align: middle;
            font-size: 12px;
            border-bottom: 1px solid #ccc;
        }

        .alphabetSearch table tr:last-child td {
            border-bottom: none;
        }

        .alphabetSearch table tr td.select {
            background-color: #eee;
            color: #000;
        }

.listPagination {
    text-align: center;
}

.listPaginationDoor {
    text-align: center;
    margin-top: 10px;
}

.listPagination ul {
    margin: 15px 10px 0;
}

.listPaginationDoor ul {
    margin: 15px 10px 0;
}

.pagination > li.page-item.btnPg > a {
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    border-color: #525252;
    color: #fff !important;
    font-weight: normal;
    text-shadow: none;
}

.listPagination .pagination > li.page-item > a,
.listPagination .pagination > li.page-item > span {
    color: rgb(69,72,77);
    border-color: rgb(69,72,77);
}

.listPaginationDoor .pagination > li.page-item > a,
.listPaginationDoor .pagination > li.page-item > span {
    color: rgb(69,72,77);
    border-color: rgb(69,72,77);
}

.listPagination .pagination > li.selectpage > a {
    /*background-color: #eee;*/
    background-color: red;
}

.listPaginationDoor .pagination > li.selectpage > a {
    /*background-color: #eee;*/
    background-color: red;
}

.padNatnTop_part {
    padding-bottom: 10px;
    min-height: calc(100vh - 180px);
}

.listPagination .input-group {
    width: 268px;
    margin: 0 auto;
}

.listPaginationDoor .input-group {
    width: 268px;
    margin: 0 auto;
    max-width: 90%;
}

.listPagination .input-group select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("../images/selectArow.png");
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding: 0 30px 0 5px;
    border: 1px solid #c1c1c1;
    height: 34px;
}

.listPaginationDoor .input-group select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("../images/selectArow.png");
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding: 0 30px 0 5px;
    border: 1px solid #c1c1c1;
    height: 34px;
}

.listPagination .input-group select.form-control:nth-child(1) {
    width: 100px;
}

.listPagination .input-group select.form-control:nth-child(2) {
    width: calc(100% - 100px);
}

.listPaginationDoor .input-group select.form-control:nth-child(1) {
    width: 100px;
}

.listPaginationDoor .input-group select.form-control:nth-child(2) {
    width: calc(100% - 100px);
}


.persona_list-CVR article {
    padding: 25px 0;
    /* padding-left:11px; */
    border-bottom: 1px solid #ffd384;
}

    .persona_list-CVR article:first-child {
        padding-top: 0;
    }

    .persona_list-CVR article:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.listImgLT {
    background: #e6e6e6;
    float: left;
    height: 150px;
    position: relative;
    width: 150px;
}

    .listImgLT:after {
        position: absolute;
        left: 0;
        top: 7px;
        bottom: 0;
        right: 0;
        content: "\f007";
        font-family: 'FontAwesome';
        z-index: 1;
        font-size: 90px;
        text-align: center;
        color: #c1c1c1;
    }

.listImgLT_table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.listImgLT_tableCell {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

    .listImgLT_tableCell img {
        max-width: 100%;
        max-height: 150px;
    }

.listCTNrt {
    width: calc(100% - 150px);
    float: left;
    padding-left: 25px;
    padding-right: 15px;
}

    .listCTNrt h3 {
        color: #73696d;
        font-size: 20px;
        margin: 0;
        min-height: 10px;
    }

.topBesicInfoBlock:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

.topBesicInfoBlock {
    border-left: 1px solid #949494;
    display: inline-block;
    margin-left: 7px;
    padding-left: 7px;
}

    .topBesicInfoBlock a.editBtn:focus {
        outline-offset: 0;
        outline-width: 0;
    }

    .topBesicInfoBlock a.editBtn {
        border: 1px solid #12a200;
        padding: 4px 8px 3px;
        display: inline-block;
        border-radius: 3px;
        color: #12a200;
    }

        .topBesicInfoBlock a.editBtn.cardholderdelete {
            border-color: #bd0000;
            color: #bd0000;
        }

.personal-list-check label.chkSingelLabel {
    padding: 0;
}

    .personal-list-check label.chkSingelLabel span {
        width: 17px;
        height: 17px;
        border-color: #333333;
    }

    .personal-list-check label.chkSingelLabel input:checked + span::after {
        top: -2px;
        left: 1px;
    }

.list-selectAll-btn.chkSingelLabel {
    white-space: nowrap;
    border: 1px solid #383a3e;
    border-radius: 3px;
    padding: 2px 7px;
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
}

    .list-selectAll-btn.chkSingelLabel span {
        width: 15px;
        height: 15px;
        border-color: #000000;
    }

    .list-selectAll-btn.chkSingelLabel input:checked + span::after {
        left: 1px;
        top: -3px;
        font-size: 12px;
    }

.topBesicInfo {
    text-align: right;
}

    .topBesicInfo label {
        font-family: 'Helvetica';
        font-weight: normal;
        font-size: 14px;
        margin: 0;
        padding: 0 4px 0 0;
        color: #73696d;
    }

    .topBesicInfo span {
        color: #9a9a9a;
    }

        .topBesicInfo span i {
            padding: 0 3px 0 0;
            display: inline-block;
        }

        .topBesicInfo span i {
            color: #00ad1f;
        }

            .topBesicInfo span i.fa-times {
                color: #FF0509;
            }

.bottomBesicInfo {
    margin: 15px 0 0 0;
    border-top: 1px solid #eaeaea;
    padding-top: 12px;
}

    .bottomBesicInfo label {
        display: block;
        font-family: 'Helvetica';
        font-weight: normal;
        font-size: 14px;
        color: #73696d;
        margin-bottom: 1px;
    }

        .bottomBesicInfo label i {
            padding-right: 4px;
            width: 18px;
        }

    .bottomBesicInfo span {
        display: block;
        margin-bottom: 10px;
        color: #989898;
        padding-left: 23px;
    }

.personalSearchPlateInr .form-group .checkboxPanel label p {
    max-width: calc(100% - 50px);
}

.personalSearchPlateInr .form-group > label {
    display: block;
    margin-bottom: 10px;
}

.personalSearchPlateInr .form-group input.form-control,
.personalSearchPlateInr .form-group select.form-control {
    margin: 0 0 10px 0;
    height: 34px;
    border-color: #b3b3b3;
    padding: 0 5px;
    border-radius: 0;
    color: #292929;
    font-size: 14px;
}

.personalSearchPlateInr .form-group select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(../images/selectArow.png);
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding-right: 30px;
    padding: 0 5px;
    text-indent: -1.5px;
    font-size: 14px;
}

.personalSearchPlateInr .form-group input.form-control:last-child {
    margin-bottom: 0;
}

.personalSearchPlateInr .form-group:last-child {
    margin-bottom: 0;
}

.personal_searchBTN.btn {
    padding: 6px 20px;
    margin: 10px 0 0 0;
}

.personalSearchPlateInr .form-group {
    margin-bottom: 10px;
}

    .personalSearchPlateInr .form-group .form-control::-webkit-input-placeholder {
        color: #292929;
        opacity: 1;
    }

    .personalSearchPlateInr .form-group .form-control::-moz-placeholder {
        color: #292929;
        opacity: 1;
    }

    .personalSearchPlateInr .form-group .form-control:-ms-input-placeholder {
        color: #292929;
        opacity: 1;
    }

    .personalSearchPlateInr .form-group .form-control:-moz-placeholder {
        color: #292929;
        opacity: 1;
    }

    .personalSearchPlateInr .form-group .datetimePic.input-group input.form-control {
        margin-bottom: 0;
    }

    .personalSearchPlateInr .form-group .datetimePicSearch.input-group input.form-control {
        margin-bottom: 0;
    }

    .personalSearchPlateInr .form-group .datetimePic.input-group span.input-group-addon {
        cursor: pointer;
        border-radius: 0;
    }

.checkboxPanel.searchOpchek {
    margin-bottom: 10px;
}

.personalSearchPlateInr .mCSB_container {
    min-height: 100%;
}
/*-----*/
.mainCTNPnlINR #personalSearchPool .mCSB_inside > .mCSB_container {
    padding-right: 7px;
}
/*-----*/
.dateAccessGroup .card_datepick {
    margin-bottom: 10px;
}

    .dateAccessGroup .card_datepick:last-child {
        margin-bottom: 0;
    }

.persona_listlPage .addPersonBtn {
    right: 300px;
}

.addPersonBtn {
    position: absolute;
    right: 0;
    top: 6px;
}

    .addPersonBtn .btn {
        padding: 4px 12px;
        margin: 0 0 0 10px;
        display: inline-block;
        text-shadow: none;
        font-family: 'Helvetica';
    }

        .addPersonBtn .btn i.fa {
            display: none;
        }

        .addPersonBtn .btn span {
            border: none;
            padding: 0;
        }

        .addPersonBtn .btn:focus {
            outline-width: 0;
        }

.btn.addPersonBtn i {
    padding-right: 4px;
}
/*-----------------Cardholder/Personal Widget Page-------------------*/
.personalWidget_INR {
    height: calc(100% - 48px);
}

.widgetCountBtn {
    height: 40px;
    margin-top: 12px;
    text-align: center;
}

.widgetTop {
    height: calc(100% - 55px);
    overflow: hidden;
    border: 1px solid #a5a5a5;
    position: relative;
}

.widgetTopInr {
    height: 100%;
    overflow: hidden;
}

    .widgetTopInr .mCSB_container {
        min-height: 100%;
    }

.widgetCountBtn ul {
    display: inline-block;
    margin: 0;
    background: none;
}

    .widgetCountBtn ul li a {
        color: #4c4c4c;
        padding: 5px 12px;
        display: block;
        transition: all 0.3s ease;
        border-radius: 2px;
    }

    .widgetCountBtn ul li + li:before {
        content: "";
        display: none;
    }

    .widgetCountBtn ul li {
        margin: 0 4px;
    }

        .widgetCountBtn ul li.active {
            border-color: #38bf00;
        }

            .widgetCountBtn ul li.active a {
                background: #38bf00;
                color: #fff;
            }

            .widgetCountBtn ul li.active:hover a {
                background: #38bf00;
                color: #fff;
            }

        .widgetCountBtn ul li:hover a {
            color: #757575;
        }

        .widgetCountBtn ul li.disable {
            opacity: 0.3;
        }

            .widgetCountBtn ul li.disable a {
                pointer-events: none;
            }

            .widgetCountBtn ul li.disable:hover a {
                background: none;
                color: #000;
            }

.widgetSection_box {
    height: 100%;
    float: left;
}

.widgetSection_box_inr {
    height: 100%;
    overflow: auto;
}

.widgetSection_box .personalTabpanel_box {
    margin-bottom: 0;
    height: 100%;
    box-shadow: none;
}

    .widgetSection_box .personalTabpanel_box .panel {
        height: 100%;
    }

        .widgetSection_box .personalTabpanel_box .panel .panel-heading {
            height: 34px;
            margin: 0 15px;
            padding-top: 10px
        }

            .widgetSection_box .personalTabpanel_box .panel .panel-heading:after {
                display: none;
            }

        .widgetSection_box .personalTabpanel_box .panel .panel-body {
            height: calc(100% - 34px);
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            background: rgb(239 239 239 / 88%);
        }

            .widgetSection_box .personalTabpanel_box .panel .panel-body.full-height {
                height: 100%;
            }

.personalTabpanel_box .panel .panel-heading a.btn {
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 5;
}

.personalTabpanel_box .checkboxPanel.personalWizardChl {
    margin: 14px 15px 20px;
}

    .personalTabpanel_box .checkboxPanel.personalWizardChl label input:checked + span:after {
        color: #5cb85c;
    }

.devidePnlCollaps {
    display: none;
}

.settingsPnlColortheme {
    display: none;
}

.dataFieldsBtn {
    margin-top: 20px;
}

.customRow {
    margin: 0 -15px;
}

.modal.fade.magModal .modal-dialog {
    width: 385px;
    max-width: 98%;
}

.modal.fade.magModal.addConfMdl .modal-header {
    border-bottom: none;
}

.modal.fade.magModal.addConfMdl .modal-footer {
    border-top: none;
    padding-top: 0;
}

.modal.fade.magModal.addConfMdl .modal-body {
    margin-top: -44px;
}

.modal.fade.magModal .modal-dialog p {
    margin: 0;
}

.modal-footer.vertical-btn-list .btn {
    width: 100%;
    margin: 5px 0;
}

    .modal-footer.vertical-btn-list .btn + .btn {
        margin-left: 0;
        margin-bottom: 5px;
    }
/*Data fields Modal*/
.modal.miscellaneousModal .modal-dialog {
    width: 1000px;
    max-width: 95%;
}

.miscellaneousModal .input-group label {
    display: block;
    font-weight: normal;
    margin: 0 0 4px;
}

.miscellaneousModal .input-group input,
.miscellaneousModal .input-group select {
    background: #fff;
    border: 1px solid #c1c1c1;
    height: 34px;
    padding: 0 5px;
    width: 100%;
}

.miscellaneousModal .input-group {
    display: block;
    padding: 0 0 15px;
}

/*Add Card Details Modal*/
.modal.addCardDtlModal .modal-dialog {
    width: 1000px;
    max-width: 95%;
    margin-bottom: 0;
}

.modal.addCardDtlModal .modal-body {
    padding: 0;
    max-height: calc(100vh - 190px);
    overflow: auto;
}

    .modal.addCardDtlModal .modal-body .personalTabpanel_box {
        padding: 0;
        margin-bottom: 0;
        box-shadow: none;
    }

        .modal.addCardDtlModal .modal-body .personalTabpanel_box .input-group .checkboxPanel {
            height: 34px;
            margin: 0;
            padding-top: 7px;
        }
        /*.modal.addCardDtlModal .modal-body .personalTabpanel_box .checkboxPanel.addcardChkClps{
	margin:0 15px 0;	
}*/
        .modal.addCardDtlModal .modal-body .personalTabpanel_box .panel .panel-body .checkboxPanel.addcardChkClps label {
            margin-bottom: 0;
        }

.checkboxPanel.addcardChkClps label input:checked + span:after {
    color: #5cb85c;
}

.addCardDetalsMdlDevide {
    display: none;
    margin-top: 0;
    background: #ececec;
    padding: 15px 0 5px;
}

    .addCardDetalsMdlDevide.noBg {
        background: none;
    }

.ftrLeftBntPnl {
    float: left;
    padding-top: 3px;
}

    .ftrLeftBntPnl .btn {
        font-size: 90%;
    }

/*Loop Information Modal*/
.modal.loopInformationMoadl .modal-dialog {
    width: 450px;
    max-width: 95%;
    margin-bottom: 0;
}

.loopInfomationSelect .loopInfomationSelectInr {
    border: 1px solid #c1c1c1;
    background: #fff;
    border-radius: 2px;
}

    .loopInfomationSelect .loopInfomationSelectInr label {
        border-bottom: 1px solid #e8e8e8;
        display: block;
        font-weight: normal;
        margin: 0;
        cursor: pointer;
    }

        .loopInfomationSelect .loopInfomationSelectInr label:last-child {
            border-bottom: none;
        }

        .loopInfomationSelect .loopInfomationSelectInr label input {
            display: none;
        }

        .loopInfomationSelect .loopInfomationSelectInr label p {
            padding: 7px 9px;
            margin: 0;
        }

        .loopInfomationSelect .loopInfomationSelectInr label input:checked + p {
            background: #BFBFBF;
        }

.modal.gal_loopMdl .modal-dialog .loopInfomationSelectInr {
    max-height: calc(100vh - 250px);
    height: 300px;
}

.loopInfomationSelectInr .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
/*================================Login Page===========================*/
.loginSection {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.top_loginSectionIMG {
    height: calc(100% - 250px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
}

img.logBG {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 4;
    filter: blur(50px);
}

img.loginBnrImg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    z-index: 5;
}

.loginAccessText {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.logoLogin img {
    width: 70px;
    margin-top: 12px;
}

.loginAccessText .container {
    width: 1600px;
    max-width: 100%;
}

.loginAccessText img {
    width: 700px;
    max-width: 70%;
}

.bottm_loginSectionIMG {
    padding-top: 77px;
    height: 250px;
    background: #fff;
}

.bottm_loginSectionInr {
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#241e20+56,241e20+100&0+55,0+55,1+56,1+100 */
    background: -moz-linear-gradient(left, rgba(36,30,32,0) 55%, rgba(36,30,32,1) 56%, rgba(36,30,32,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(36,30,32,0) 55%,rgba(36,30,32,1) 56%,rgba(36,30,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(36,30,32,0) 55%,rgba(36,30,32,1) 56%,rgba(36,30,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00241e20', endColorstr='#241e20',GradientType=1 ); /* IE6-9 */
}

.bottm_loginSectionIMG .container {
    width: 1600px;
    max-width: 100%;
    height: 100%;
    padding: 0;
}

.loginStrip {
    height: 100%;
    padding-left: 15px;
}

.loginStripLogo {
    float: left;
    width: 500px;
    padding: 0 15px;
}

    .loginStripLogo img {
        width: 80%;
        padding-right: 80px;
    }

.loginStripLoginCtn {
    float: right;
    width: calc(100% - 580px);
    height: 100%;
    background: #241e20;
    position: relative;
    padding: 15px 25px;
}

    .loginStripLoginCtn:after {
        border-bottom: 0 solid transparent;
        border-right: 150px solid #241e20;
        border-top: 200px solid transparent;
        content: "";
        height: 0;
        left: -149px;
        position: absolute;
        top: 0;
        transition: transform 0.4s ease 0s;
        width: 0;
    }

.logFtr .form-group {
    display: table;
    width: 100%;
    /*table-layout:fixed;*/
}

    .logFtr .form-group .form-control {
        display: table-cell;
        width: calc(50% - 65px);
        background: none;
        border: none;
        padding: 0 8px;
        position: relative;
    }

        .logFtr .form-group .form-control input {
            width: 100%;
            border: 1px solid #fff;
            background: none;
            padding: 0 10px;
            height: 34px;
            color: #fff;
            text-align: left;
        }

            .logFtr .form-group .form-control input:-webkit-autofill {
                -webkit-text-fill-color: #fff;
                transition: background-color 5000s ease-in-out 0s;
            }

.pw_view {
    position: absolute;
    right: 8px;
    top: 4px;
    z-index: 5;
    color: #c3c3c3;
    cursor: pointer;
    font-size: 17px;
    padding: 0 11px 0 5px;
    touch-action: auto;
}

    .pw_view.show i.fa.fa-eye-slash:before {
        content: "\f06e";
    }

.logFtr .form-group .input-group-addon {
    background: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    display: table-cell;
    padding: 0;
    width: 130px;
    padding-left: 5px;
}

    .logFtr .form-group .input-group-addon input {
        width: 100%;
        border-radius: 0;
        background: #fff;
        color: #132b55;
        border: 1px solid #fff;
    }

.logFtr > h4 {
    color: #fff;
    font-family: 'HelveticaNeue-CondensedBold';
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    padding: 0 8px;
}

.logFtrLink {
    text-align: center;
    padding-top: 10px;
}

    .logFtrLink a {
        display: inline-block;
        border-right: 1px solid #fff;
        padding: 0 10px;
        color: #fff;
        line-height: 18px;
        font-size: 14px;
        margin: 5px 0;
    }

        .logFtrLink a:hover, .logFtrLink a:focus {
            text-decoration: none;
            color: #FDFDFD;
        }

        .logFtrLink a:last-child {
            border-right: none;
        }

.logingEroorMsg {
    color: #d70003;
    float: right;
    margin-top: -32px;
    padding: 0 0 5px;
}

.logFtr .form-group .form-control input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.logFtr .form-group .form-control input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.logFtr .form-group .form-control input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.logFtr .form-group .form-control input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.countDownLog {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

    .countDownLog table {
        width: 100%;
        height: 100%;
        table-layout: fixed;
        background: rgba(0,0,0,0.8);
    }

        .countDownLog table tr {
            width: 100%;
            height: 100%;
        }

            .countDownLog table tr td {
                width: 100%;
                height: 100%;
                text-align: center;
                vertical-align: middle;
            }

.countDownSpan {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 60px;
    height: 130px;
    padding-top: 19px;
    width: 130px;
}

svg.loginCntdonLodr {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0.68);
}

.otpGenformat.form-horizontal .form-group {
    margin-top: 15px;
    margin-bottom: 0;
}

    .otpGenformat.form-horizontal .form-group:first-child {
        margin-top: 0;
    }

    .otpGenformat.form-horizontal .form-group .pw_view {
        right: 15px;
        color: #4d4d4d;
    }

.login-info-user-modal {
    width: 75%;
    height: calc(75%);
}

/*---------------*/
.modal.otpModal.in {
    display: flex !important;
}

.modal.otpModal .modal-dialog {
    margin: auto;
}

.modal.otpModal .modal-dialog {
    width: 400px;
    max-width: 95%;
}

    .modal.otpModal .modal-dialog .modal-body .otpGenformat.form-horizontal .form-group .control-label {
        text-align: left;
        padding-left: 15px;
        padding-right: 0;
        font-weight: normal;
    }

.phnNoExmpl {
    text-align: right;
    margin: 4px 0 0 0;
    color: #939393;
}

.authentication-text {
    font-size: 14px;
    display: block;
    font-family: 'open_sanslight';
    margin-bottom: 15px;
    color: #7d7d7d;
}
/*===========================Resourse Pool Page========================*/
.resoursePool_INR {
    height: calc(100% - 48px);
}

.resourseInputBoxPnl {
    background: #f3f3f3;
    border: 1px solid #b3b3b3;
    padding: 15px 20px 20px;
}

    .resourseInputBoxPnl .input-group {
        margin-bottom: 15px;
        display: block;
    }

        .resourseInputBoxPnl .input-group:last-child {
            margin-bottom: 0;
        }

        .resourseInputBoxPnl .input-group label {
            display: block;
            font-family: 'Helvetica';
            font-weight: normal;
            margin: 0 0 5px
        }

        .resourseInputBoxPnl .input-group select {
            border: 1px solid #c1c1c1;
            height: 34px;
            width: 100%;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background: #fff url("../images/selectArow.png") no-repeat calc(100% - 10px) 12px;
            padding: 0 5px;
            border-radius: 2px;
            padding-right: 30px;
        }

            .resourseInputBoxPnl .input-group select[multiple] {
                height: 330px;
                background: #fff;
                padding: 0;
            }

                .resourseInputBoxPnl .input-group select[multiple] option {
                    padding: 5px 10px;
                    border-bottom: 1px solid #dadada;
                }

                    .resourseInputBoxPnl .input-group select[multiple] option:last-child {
                        border-bottom: none;
                    }

.resourseInputBox {
    margin-bottom: 20px;
}
/*---------*/
.resoursePool_INR .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
    padding-right: 0;
}

.resoursePool_INR .mCSB_container {
    padding-right: 4px;
    transition: padding 0.6s cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
}
/*============================Access Group Page========================*/
.accsessGroup_INR {
    height: calc(100% - 48px);
}

    .accsessGroup_INR .mCSB_inside > .mCSB_container {
        min-height: 100%;
    }

    .accsessGroup_INR .input-group {
        display: block;
        margin-bottom: 17px;
    }

        .accsessGroup_INR .input-group input,
        .accsessGroup_INR .input-group select,
        .accsessGroup_INR .input-group textarea {
            border: 1px solid #a5a5a5;
            width: 100%;
            height: 34px;
            border-radius: 2px;
            background: #fff;
            padding: 0 5px;
        }

        .accsessGroup_INR .input-group textarea {
            height: 109px;
            padding: 5px 10px;
            resize: none;
        }

        .accsessGroup_INR .input-group select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
            background-image: url(../images/selectArow.png);
            background-position: calc(100% - 10px) 12px;
            background-repeat: no-repeat;
            padding: 0 5px;
            padding-right: 30px;
        }

        .accsessGroup_INR .input-group label {
            display: block;
            font-family: 'Helvetica';
            font-weight: normal;
            margin: 0 0 5px;
            color: #3f3f3f;
        }

.addNewAccessGrp.btn {
    height: 34px;
    display: inline-block;
}

.accsessNameGroupBOX .panel {
    padding: 0;
    margin: 0;
}

    .accsessNameGroupBOX .panel .panel-heading {
        background: rgba(0, 0, 0, 0);
        border-radius: 0;
        color: #000000;
        font-size: 14px;
        font-family: 'Helvetica';
        font-weight: normal;
        letter-spacing: 0.2px;
        padding: 5px 0;
        position: relative;
    }

    .accsessNameGroupBOX .panel .panel-body {
        margin-top: 2px;
        padding: 0;
    }

.accessGRPctnBox_top {
    background: #f3f3f3;
    padding: 15px 15px 3px;
}

.accessGRPctnBox_bottm {
    background: #efefef;
    padding: 15px 17px 18px;
}

.accsessNameGroupBOX .panel-heading h2 {
    background: #fff;
    color: #f10043;
    display: inline-block;
    font-size: 16px;
    font-family: 'Helvetica';
    font-weight: normal;
    margin: 0;
    padding-right: 10px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    padding-left: 17px;
}

    .accsessNameGroupBOX .panel-heading h2 i {
        bottom: 0;
        font-size: 13px;
        left: 0;
        margin: auto;
        position: absolute;
        top: 2px;
        transition: transform 0.6s cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
        vertical-align: top;
    }

    .accsessNameGroupBOX .panel-heading h2.activeAccesslSlide i {
        transform: rotate(90deg);
        top: 0;
    }

.accsessNameGroupBOX .panel-heading:after {
    background: #b7b7b7;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 1px;
    width: 100%;
    z-index: 1;
}

.accsessGroup_INR .input-group label.chkSingelLabel {
    margin: 6px 0 0 0;
}

label.chkSingelLabel {
    display: block;
    margin: 0;
    cursor: pointer;
    font-weight: 300;
}

    label.chkSingelLabel input {
        display: none;
    }

    label.chkSingelLabel span {
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        border-radius: 2px;
        background: none;
        border: 1px solid #bababa;
        position: relative;
    }

    label.chkSingelLabel input:checked + span:after {
        position: absolute;
        font-family: 'FontAwesome';
        content: "\f00c";
        left: 3px;
        top: 0px;
        color: #8A8A8A;
        font-size: 14px;
        line-height: 19px;
    }

    label.chkSingelLabel p {
        display: inline-block;
        vertical-align: top;
        margin: 2px 0 0 0;
        max-width: calc(100% - 30px);
        padding-left: 4px;
    }

.accessGroupTimeCell {
    display: table;
    width: 100%;
}

.accsessGroup_INR .input-group.accessGroupTimeCell {
    display: table;
}

.accessGroupTimeCell input {
    display: table-cell;
    width: 100%;
}

.accsessGroup_INR .input-group .accessGroupTimeCell input {
    border-radius: 2px 0 0 2px;
}

.accsessGroup_INR .input-group .accessGroupTimeCell .input-group-addon {
    border-color: #a5a5a5;
    cursor: pointer;
}

    .accsessGroup_INR .input-group .accessGroupTimeCell .input-group-addon:last-child {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
    }

.accsessGroup_INR .input-group label.chkSingelLabel.chkDisbl {
    margin-top: 10px;
}

.accsessGroupPage .accsessGroup_INR .input-group .singelSelectRadioPlt label {
    margin: 0;
}

.doorTblHD {
    margin: 0 0 10px 0;
    font-size: 14px;
}

.accessGRPctnBox_TableCvr {
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    overflow: hidden;
}

.accessGRPctnBox_bottm table {
    width: 100%;
    /*table-layout:fixed;*/
    border: none;
}

    .accessGRPctnBox_bottm table th,
    .accessGRPctnBox_bottm table td {
        padding: 10px 10px;
    }

    .accessGRPctnBox_bottm table th {
        background: #e6e6e6;
        border-bottom: 1px solid #a5a5a5;
        font-family: 'Helvetica';
        font-weight: normal;
        border-right: 1px solid #9f9e9e;
        color: #5b5b5b;
    }

        .accessGRPctnBox_bottm table th:last-child,
        .accessGRPctnBox_bottm table td:last-child {
            border-right: none;
        }

    .accessGRPctnBox_bottm table td {
        background: #fff;
        border-bottom: 1px solid #d1d1d1;
        font-family: 'Helvetica';
        font-weight: normal;
        border-right: 1px solid #c7c7c7;
        color: #5b5b5b;
    }

    .accessGRPctnBox_bottm table tbody tr:last-child td {
        border-bottom: none;
    }

    .accessGRPctnBox_bottm table th:nth-child(1),
    .accessGRPctnBox_bottm table td:nth-child(1) {
        width: calc(75% - 210px);
    }

    .accessGRPctnBox_bottm table th:nth-child(2),
    .accessGRPctnBox_bottm table td:nth-child(2) {
        width: 25%;
    }

    .accessGRPctnBox_bottm table th:nth-child(3),
    .accessGRPctnBox_bottm table td:nth-child(3) {
        width: 210px;
        text-align: center;
    }

    .accessGRPctnBox_bottm table td a {
        margin: 0 5px;
        display: inline-block;
        color: #777777;
    }

        .accessGRPctnBox_bottm table td a.editSdlbtn i.fa {
            color: #1FBB00;
        }

        .accessGRPctnBox_bottm table td a.removeBtn i.fa {
            color: #E10000;
        }

    .accessGRPctnBox_bottm table td select.form-control {
        margin: 0;
        box-shadow: none;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff url("../images/selectArow.png") no-repeat right center;
        padding: 0 5px;
        height: 34px;
        padding-right: 30px;
        background-position: calc(100% - 10px) 12px;
    }

.accessGroupSaveBtn {
    text-align: right;
    margin-left: -25px;
}

    .accessGroupSaveBtn.accessBotmPert {
        display: none;
        margin: 10px 0 5px;
    }

    .accessGroupSaveBtn:after {
        display: table;
        clear: both;
        content: "";
    }

    .accessGroupSaveBtn .btn {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: calc(50% - 3px);
        margin-left: 6px;
        text-align: center;
        max-width: 150px;
    }

        .accessGroupSaveBtn .btn:first-child {
            margin-left: 0;
        }

.accessGroupCollapasLabel label.chkSingelLabel input:checked + span:after {
    color: #5cb85c;
}

.accessGroupCollapasLabel {
    padding: 5px 0 15px;
}

.assignDoorCollaps {
    padding: 9px 35px 8px;
    background: #cccccc;
    color: #000;
    position: relative;
    cursor: pointer;
}

    .assignDoorCollaps:after {
        position: absolute;
        left: 15px;
        width: 0;
        height: 0;
        content: "";
        border-left: 7px solid #000;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        top: 12px;
        transition: transform 0.6s cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    }

    .assignDoorCollaps.activeAccess:after {
        transform: rotate(90deg);
    }

.accessAuthTable {
    display: none;
    margin-top: 10px;
}

.accessTabAdditionCtn {
    display: none;
}

.accessgroupheading {
    font-size: 18px;
    font-family: 'Helvetica';
    margin-bottom: 10px;
}
/*Access Group Modal*/
.modal.accessGroupModal .modal-dialog {
    width: 1000px;
    max-width: 95%;
}

    .modal.accessGroupModal .modal-dialog .accsessGroup_INR {
        height: auto;
    }

        .modal.accessGroupModal .modal-dialog .accsessGroup_INR .accessGRPctnBox_top {
            padding: 0;
            background: none;
        }

    .modal.accessGroupModal .modal-dialog label {
        display: block;
        font-weight: normal;
        margin: 0 0 4px;
    }

    .modal.accessGroupModal .modal-dialog input,
    .modal.accessGroupModal .modal-dialog select {
        background: #fff;
        border: 1px solid #c1c1c1;
        height: 34px;
        padding: 0 5px;
        width: 100%;
    }

    .modal.accessGroupModal .modal-dialog select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: #fff;
        background-image: url(../images/selectArow.png);
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding: 0 5px;
        padding-right: 30px;
    }

    .modal.accessGroupModal .modal-dialog .modal-body {
        padding-bottom: 0;
    }

    .modal.accessGroupModal .modal-dialog .input-group {
        display: block;
        margin-bottom: 15px;
    }

        .modal.accessGroupModal .modal-dialog .input-group .accessGroupTimeCell.datetimePic.input-group {
            display: table;
        }

/*==========================Access group Wizard Page===================*/
.mainCTNPnlINR.accessGropWidget .accsessGroup_INR {
    height: 100%;
    margin: 0;
}

    .mainCTNPnlINR.accessGropWidget .accsessGroup_INR .accessGRPctnBox_top {
        background: none;
    }

.mainCTNPnlINR.accessGropWidget .accessGRPctnBox_bottm {
    background: none;
}

.mainCTNPnlINR.accessGropWidget .accsessNameGroupBOX .panel .panel-body {
    display: block;
    margin: 0;
}

.mainCTNPnlINR.accessGropWidget .mCSB_container {
    min-height: 100%;
}

.accessChkWraper {
    padding-bottom: 15px;
}

.accessGroupFirstScreen {
    display: none;
}

.mainCTNPnlINR.accessGropWidget .accsessNameGroupBOX .panel {
    box-shadow: none;
    border: none;
}

.accessChkWraper label.chkSingelLabel input:checked + span:after {
    color: #38bf00;
}

/*==========================Door Reader Page===========================*/
.doorReader_INR {
    height: calc(100% - 48px);
}

.doorReaderTopPart {
    padding: 15px 15px 5px;
    background: #f5f5f5;
}

.doorBotmPart .bootstrap-datetimepicker-widget.dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
}

.doorReader_INR .mCSB_container {
    min-height: 100%;
}

.doorBotmPart {
    padding: 15px 15px;
    background: #f1f1f1;
    display: none;
}

.doorReader_INR .input-group {
    display: block;
    margin-bottom: 15px;
}

    .doorReader_INR .input-group label {
        display: block;
        font-family: 'Helvetica';
        font-weight: normal;
        margin: 0 0 4px;
    }

    .doorReader_INR .input-group input,
    .doorReader_INR .input-group select {
        background: #fff;
        border: 1px solid #c1c1c1;
        height: 34px;
        padding: 0 5px;
        width: 100%;
        border-radius: 1px;
    }

    .doorReader_INR .input-group select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: #fff;
        background-image: url(../images/selectArow.png);
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding: 0 5px;
        padding-right: 30px;
    }

.doorLockTimeSlot span {
    width: 20px;
    float: left;
    display: block;
    text-align: center;
    font-size: 16px;
    padding-top: 3px;
}

.doorLockTimeSlotInput {
    width: calc(50% - 10px);
    float: left;
}

    .doorLockTimeSlotInput small {
        display: block;
        padding: 0;
        font-size: 11px;
        padding-top: 1px;
        color: #838383;
    }

.doorBtnSec {
    margin-top: 21px;
}

    .doorBtnSec .clearfix {
        margin: 0 -7px;
    }

.doorBtnGroup.mobileVersion {
    display: none;
}

.doorBtnGroup:after {
    content: "";
    clear: both;
    display: table;
}

.doorBtnSec input {
    margin: 0 7px;
    display: block;
    float: left;
    padding: 6px 50px;
}

.doorBtnGroup .btn {
    width: auto;
    margin: 5px 0 5px 0;
    padding: 10px 25px;
}

.doorBotmPart .input-group.datetimePic {
    display: table;
    width: 100%;
}

    .doorBotmPart .input-group.datetimePic input {
        border-radius: 1px 0 0 1px;
    }

    .doorBotmPart .input-group.datetimePic .input-group-addon {
        cursor: pointer;
    }

        .doorBotmPart .input-group.datetimePic .input-group-addon:last-child {
            border-bottom-right-radius: 1px;
            border-top-right-radius: 1px;
        }

.dorGetHis input {
    padding-left: 25px;
    padding-right: 25px;
}

.doorBotmPart .accessGRPctnBox_bottm {
    margin-top: 10px;
    padding: 0;
}

.doorReaderPage .doorReader_INR .input-group .singelSelectRadioPlt label {
    margin: 0;
}

.doorBotmPart .accessGRPctnBox_bottm .accessGRPctnBox_TableCvr table {
    table-layout: fixed;
}

    .doorBotmPart .accessGRPctnBox_bottm .accessGRPctnBox_TableCvr table th,
    .doorBotmPart .accessGRPctnBox_bottm .accessGRPctnBox_TableCvr table td {
        width: auto;
    }

label.chkSingelLabel.getHistoryChk {
    font-family: 'Helvetica';
    font-weight: normal;
    margin: 15px 0;
}

.doorReaderPage .doorReaderTopPart .singelSelectRadioPlt {
    height: 278px;
    overflow: auto;
}

.multiSelectChk.doorEntTyp .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
    top: auto;
    bottom: 100%;
    max-height: 200px;
    overflow-y: auto;
    padding-right: 10px;
}

.doorRedrExlBtn {
    margin-bottom: 10px;
}

.door-status {
    padding: 8px 0;
    color: #636363;
    background: transparent;
    font-style: italic;
}

.door-access {
    color: #636363;
    background: transparent;
    font-style: italic;
}
/*-------------------*/
/*=========================Show Error Details================================*/
.ShowErrorDetails_INR {
}



.ShowErrorDetails_Pnl .input-group {
    display: table;
    margin-bottom: 15px;
    width: 100%;
}

    .ShowErrorDetails_Pnl .input-group label {
        display: block;
        font-family: 'Helvetica';
        font-weight: normal;
        margin: 0 0 4px;
    }

    .ShowErrorDetails_Pnl .input-group input,
    .ShowErrorDetails_Pnl .input-group select {
        background: #fff;
        border: 1px solid #c1c1c1;
        height: 35px;
        padding: 0 5px;
        width: 100%;
        border-radius: 1px;
    }

    .ShowErrorDetails_Pnl .input-group select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: #fff;
        background-image: url(../images/selectArow.png);
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding: 0 5px;
        padding-right: 30px;
    }


.showErrorDetails_TableCvr {
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    overflow: auto;
}

    .showErrorDetails_TableCvr table {
        width: 100%;
        table-layout: auto;
        border: none;
        /* min-width: 2000px; */
        overflow: auto;
    }
/*============================================*/
/*==========================Elevator Page===========================*/
.eve_INR {
    height: calc(100% - 48px);
}

.eveTopPart {
    padding: 15px 15px 5px;
    background: #f5f5f5;
}

.eveBotmPart .bootstrap-datetimepicker-widget.dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
}

.eve_INR .mCSB_container {
    min-height: 100%;
}

.eveBotmPart {
    padding: 15px 15px;
    background: #f1f1f1;
    display: none;
}

.eve_INR .input-group {
    display: block;
    margin-bottom: 15px;
}

    .eve_INR .input-group label {
        display: block;
        font-family: 'Helvetica';
        font-weight: normal;
        margin: 0 0 4px;
    }

    .eve_INR .input-group input,
    .eve_INR .input-group select {
        background: #fff;
        border: 1px solid #c1c1c1;
        height: 34px;
        padding: 0 5px;
        width: 100%;
        border-radius: 1px;
    }

    .eve_INR .input-group select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: #fff;
        background-image: url(../images/selectArow.png);
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding: 0 5px;
        padding-right: 30px;
    }

.eveLockTimeSlot span {
    width: 20px;
    float: left;
    display: block;
    text-align: center;
    font-size: 16px;
    padding-top: 3px;
}

.eveLockTimeSlotInput {
    width: calc(50% - 10px);
    float: left;
}

    .eveLockTimeSlotInput small {
        display: block;
        padding: 0;
        font-size: 11px;
        padding-top: 1px;
        color: #838383;
    }

.eveBtnSec {
    margin-top: 21px;
}

    .eveBtnSec .clearfix {
        margin: 0 -7px;
    }

.eveBtnGroup {
    padding: 15px 0 0;
}

    .eveBtnGroup.mobileVersion {
        display: none;
    }

    .eveBtnGroup:after {
        content: "";
        clear: both;
        display: table;
    }

.eveBtnSec input {
    margin: 0 7px;
    display: block;
    float: left;
    padding: 6px 50px;
}

.eveBtnGroup .btn {
    width: auto;
    margin: 5px 0 5px 0;
    padding: 10px 25px;
}

.eveBotmPart .input-group.datetimePic {
    display: table;
    width: 100%;
}

    .eveBotmPart .input-group.datetimePic input {
        border-radius: 1px 0 0 1px;
    }

    .eveBotmPart .input-group.datetimePic .input-group-addon {
        cursor: pointer;
    }

        .eveBotmPart .input-group.datetimePic .input-group-addon:last-child {
            border-bottom-right-radius: 1px;
            border-top-right-radius: 1px;
        }

.eveGetHis input {
    padding-left: 25px;
    padding-right: 25px;
}

.eveBotmPart .accessGRPctnBox_bottm {
    margin-top: 10px;
    padding: 0;
}

.eveReaderPage .doorReader_INR .input-group .singelSelectRadioPlt label {
    margin: 0;
}

.doorBotmPart .accessGRPctnBox_bottm .accessGRPctnBox_TableCvr table {
    table-layout: fixed;
}

.eveBotmPart .accessGRPctnBox_bottm .accessGRPctnBox_TableCvr table th,
.eveBotmPart .accessGRPctnBox_bottm .accessGRPctnBox_TableCvr table td {
    width: auto;
}

label.chkSingelLabel.getHistoryChk {
    font-family: 'Helvetica';
    font-weight: normal;
    margin: 15px 0;
}

.evePage .eveTopPart .singelSelectRadioPlt {
    height: 278px;
    overflow: auto;
}

.multiSelectChk.eveEntTyp .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
    top: auto;
    bottom: 100%;
    max-height: 200px;
    overflow-y: auto;
    padding-right: 10px;
}

.eveRedrExlBtn {
    margin-bottom: 10px;
}

.loop-pnl.eve-pnl .checkboxPanel.active label p {
    font-family: 'open_sanssemibold';
    color: #333;
}

    .loop-pnl.eve-pnl .checkboxPanel.active label p.relay-off {
        font-family: 'open_sanssemibold';
        color: red;
    }

.modal.modalVideo .modal-dialog {
    width: 400px;
    max-width: 95%;
}

    .modal.modalVideo .modal-dialog .modal-body .mCSB_container {
        min-height: 100%;
    }

.videoMdlInr {
    margin-top: 15px;
}

.modal.modalVideo .modal-dialog .modal-body label {
    display: block;
    font-weight: normal;
}

.modal.relaySettingsModal .modal-dialog {
    width: 400px;
    max-width: 95%;
    margin: 0 auto;
}

.eveSettingsModal .modal-dialog {
    width: 400px;
    max-width: 95%;
    margin: 20px auto;
}

.relayInput label {
    font-weight: normal;
}

.eveinput {
    width: 100%;
    display: inline-block;
}

    .eveinput input {
        background: #fff;
        border: 1px solid #c1c1c1;
        height: 34px;
        padding: 0 5px;
        width: 100%;
        border-radius: 1px;
    }

    .eveinput .mins,
    .eveinput .secs {
        width: 48%;
        float: left;
    }

    .eveinput .mins {
        margin-right: 10px;
    }

        .eveinput .mins label,
        .eveinput .secs label {
            display: block;
        }
/*==================== Elevator page End=============================*/
/*==========================Time Schedule Page=========================*/
.timeSceduleTopPART {
    background: #f5f5f5;
    padding: 12px 15px 0 15px;
}

.timeScheduleInr {
    height: calc(100% - 48px);
}

    .timeScheduleInr .input-group label {
        color: #3f3f3f;
        display: block;
        font-family: 'Helvetica';
        font-weight: normal;
        margin: 0 0 5px;
    }

    .timeScheduleInr .input-group {
        display: block;
        margin-bottom: 15px;
    }

        .timeScheduleInr .input-group input,
        .timeScheduleInr .input-group select,
        .timeScheduleInr .input-group textarea {
            background: #fff;
            border: 1px solid #a5a5a5;
            border-radius: 2px;
            height: 34px;
            padding: 0 5px;
            width: 100%;
        }

        .timeScheduleInr .input-group select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
            background-image: url(../images/selectArow.png);
            background-position: calc(100% - 10px) 12px;
            background-repeat: no-repeat;
            padding: 0 5px;
            padding-right: 30px;
        }

.singelSelectRadioPlt {
    height: 178px;
    overflow: auto;
}

    .singelSelectRadioPlt label {
        margin: 0;
    }

        .singelSelectRadioPlt label input {
            display: none;
        }

.singelSelectRadioPlt {
    background: #fff;
    border: 1px solid #a5a5a5;
    border-radius: 2px;
}

    .singelSelectRadioPlt label {
        border-bottom: 1px solid #e4e4e4;
        margin: 0;
        cursor: pointer;
        margin-bottom: 0 !important;
    }

.readerID.badge {
    font-weight: normal;
    display: inline-block;
    color: #636363;
    background: transparent;
    font-style: italic;
    float: right;
}
/* .singelSelectRadioPlt label:last-child{
	border-bottom:none; 	
} */
.timeScheduleInr .singelSelectRadioPlt label {
    margin: 0;
}

.singelSelectRadioPlt label p {
    margin: 0;
    padding: 8px 12px;
    color: #444444;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    .singelSelectRadioPlt label p span.label-text {
        width: calc(100% - 110px);
    }

    .singelSelectRadioPlt label p span.badge {
        padding: 4px 8px;
        font-weight: normal;
        background: transparent;
        border: 1px solid #a7a7a7;
        color: #424242;
    }

.singelSelectRadioPlt label input:checked + p {
    background: #dbdbdb;
}

.timeScheduleInr .input-group label.chkSingelLabel {
    margin: 5px 0 0 0;
}

.imeScheduleBtnPnl {
    margin: 38px 0 0 0;
    padding-bottom: 15px;
}

    .imeScheduleBtnPnl .btn {
        margin: 0 10px 0 0;
        width: calc(33.333% - 10px);
        float: left;
        max-width: 130px;
    }

        .imeScheduleBtnPnl .btn:last-child {
            margin-right: 0;
        }

.timeSceduleBtmPART {
    background: #efefef;
    padding: 12px 20px 15px 15px;
}

.timeScheduleSheet {
    border-left: 2px solid #8c8b8b;
    margin-bottom: 50px;
}

    .timeScheduleSheet:last-child {
        margin-bottom: 0;
    }

    .timeScheduleSheet ul {
        display: block;
        margin: 0;
        list-style: none;
        padding: 0;
    }

        .timeScheduleSheet ul li {
            display: block;
            padding: 10px 0 10px 46px;
            position: relative;
            cursor: pointer;
        }

            .timeScheduleSheet ul li:before {
                width: 23px;
                height: 2px;
                position: absolute;
                left: 0;
                top: 29px;
                margin: auto;
                background: #8c8b8b;
                content: "";
            }

            .timeScheduleSheet ul li:after {
                display: table;
                clear: both;
                content: "";
            }

.leftDayName {
    float: left;
    width: 134px;
    color: #272727;
    padding-top: 11px;
}

.rightDayShedule {
    float: right;
    width: calc(100% - 134px);
    position: relative;
}

    .rightDayShedule:before {
        color: #fff;
        content: "Morning";
        position: absolute;
        left: 15px;
        top: 9px;
    }

    .rightDayShedule:after {
        color: #fff;
        content: "Evening";
        position: absolute;
        right: 15px;
        top: 9px;
    }

.timeMap {
    background: #a5a5a5;
    border-radius: 3px;
    height: 39px;
    overflow: hidden;
}

    .timeMap:after {
        display: table;
        clear: both;
        content: "";
    }

    .timeMap span {
        display: block;
        float: left;
        width: 1.041666666666667%;
        height: 100%;
    }

        .timeMap span.openTime {
            background: #209a0a;
        }

.tameTableText {
    display: block;
    margin-top: 3px;
}

    .tameTableText:after {
        display: table;
        clear: both;
        content: "";
    }

.tameTableTextCell {
    display: block;
    float: left;
    width: 4.166666666666667%;
}

    .tameTableTextCell span {
        float: left;
        width: 25%;
        text-align: left;
        position: relative;
        display: block;
        padding-top: 10px;
        height: 15px;
    }

        .tameTableTextCell span:after {
            position: absolute;
            right: 100%;
            top: 0;
            background: #ae0000;
            height: 5px;
            content: "";
            width: 1px;
        }

        .tameTableTextCell span:first-child:after {
            position: absolute;
            background: #666666;
            height: 8px;
            content: "";
            width: 1px;
        }

        .tameTableTextCell span dd {
            display: block;
            margin-left: -9px;
            text-align: center;
            font-size: 11px;
        }
/*-------time Scedule Set Modal-------*/
.modal.timeSceduleSetModal .modal-dialog {
    width: 700px;
    max-width: 95%;
}

    .modal.timeSceduleSetModal .modal-dialog .modal-body {
        padding-top: 0;
        padding-bottom: 0;
    }

.SetDayTime h3 {
    margin: 15px 0 15px 0;
    font-size: 15px;
}

    .SetDayTime h3 label {
        font-weight: normal;
        display: inline-block;
        margin: 0;
    }

    .SetDayTime h3 span {
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 1px;
        color: #4cae4c;
        float: right;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        margin-top: -7px;
        padding: 8px 12px;
        cursor: pointer;
    }

.SetDayTime .input-group {
    width: 100%;
    margin-bottom: 15px;
}

    .SetDayTime .input-group .form-control {
        border-radius: 0;
        width: calc(25% - 23px);
        height: auto;
        border: none;
        padding: 0;
        float: none;
    }

    .SetDayTime .input-group span.timeCellSpan {
        display: table-cell;
        width: 18px;
        text-align: center;
    }

        .SetDayTime .input-group span.timeCellSpan.toSpan {
            font-family: 'HelveticaNeue-Medium';
            width: 50px;
        }

    .SetDayTime .input-group .form-control select {
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #555;
        display: block;
        font-size: 14px;
        height: 34px;
        line-height: 1.42857;
        padding: 0 5px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #fff;
        background-image: url(../images/selectArow.png);
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding-right: 30px;
    }

    .SetDayTime .input-group .input-group-addon {
        border-radius: 0;
        cursor: pointer;
    }

    .SetDayTime .input-group label.input-group-addon {
        font-family: 'Helvetica';
        font-weight: normal;
        white-space: nowrap;
    }

    .SetDayTime .input-group .input-group-addon i.fa.fa-remove {
        color: #FF0004;
    }

    .SetDayTime .input-group label.chekTimeSlide {
        width: 75px;
        padding: 0;
        position: relative;
    }

.SetDayTime span.input-group-addon.gapAdn {
    background: none;
    width: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
    padding: 0;
}

.chekTimeSlide input {
    display: none;
}

.chekTimeSlide p {
    display: block;
    margin: 0;
    overflow: hidden;
    color: #FF0004;
    transition: color linear 0.4s;
}

    .chekTimeSlide p span {
        float: left;
        width: 50%;
        text-align: center;
    }

    .chekTimeSlide p i {
        width: 50%;
        left: 4px;
        top: 4px;
        bottom: 4px;
        position: absolute;
        background: #FF0004;
        transition: left linear 0.3s, background ease 0.3s;
        border-radius: 12px;
    }

.chekTimeSlide input:checked + p {
    color: #4cae4c;
}

    .chekTimeSlide input:checked + p i {
        left: 31px;
        background: #4cae4c;
    }

/*======================Personnel Photo Directory======================*/

.photoDirectoryGrid table {
    width: 100%;
    table-layout: fixed;
}

    .photoDirectoryGrid table tr th {
        font-weight: normal;
        padding: 9px 10px;
        background: #e6e6e6;
        border-right: 1px solid #a5a5a5;
        border-bottom: 1px solid #a5a5a5;
        border-top: 1px solid #a5a5a5;
    }

        .photoDirectoryGrid table tr th:first-child {
            border-left: 1px solid #a5a5a5;
        }

    .photoDirectoryGrid table tr td {
        padding: 10px 10px;
        vertical-align: middle;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
    }

        .photoDirectoryGrid table tr td:first-child {
            border-left: 1px solid #c7c7c7;
        }

        .photoDirectoryGrid table tr td input,
        .photoDirectoryGrid table tr td select {
            background: #fff;
            border: 1px solid #c1c1c1;
            border-radius: 1px;
            height: 34px;
            padding: 0 5px;
            width: 100%;
        }

        .photoDirectoryGrid table tr td select {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background-color: #fff;
            background-image: url(../images/selectArow.png);
            background-position: calc(100% - 10px) 12px;
            background-repeat: no-repeat;
            padding: 0 5px;
            padding-right: 30px;
        }

        .photoDirectoryGrid table tr td:nth-child(1),
        .photoDirectoryGrid table tr th:nth-child(1) {
            width: 100px;
        }

        .photoDirectoryGrid table tr td:nth-child(2),
        .photoDirectoryGrid table tr th:nth-child(2) {
            width: calc(50% - 50px);
        }

        .photoDirectoryGrid table tr td:nth-child(3),
        .photoDirectoryGrid table tr th:nth-child(3) {
            width: calc(50% - 50px);
        }

.chkSingelLabel.gridView {
    display: block;
    margin: 15px 0;
}


/*===========================Muster Report Page========================*/

.musterReport_INR {
    height: calc(100% - 48px);
}

    .musterReport_INR .input-group {
        display: block;
        margin-bottom: 17px;
    }

        .musterReport_INR .input-group label {
            color: #3f3f3f;
            display: block;
            font-weight: normal;
            margin: 0 0 5px;
        }

        .musterReport_INR .input-group input,
        .musterReport_INR .input-group select,
        .musterReport_INR .input-group textarea {
            border: 1px solid #a5a5a5;
            width: 100%;
            height: 34px;
            border-radius: 2px;
            background: #fff;
            padding: 0 5px;
        }

        .musterReport_INR .input-group textarea {
            height: 109px;
            padding: 5px 10px;
            resize: none;
        }

        .musterReport_INR .input-group select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
            background-image: url(../images/selectArow.png);
            background-position: calc(100% - 10px) 12px;
            background-repeat: no-repeat;
            padding: 0 5px;
            padding-right: 30px;
        }

.musterReport_Top {
    background: #f5f5f5;
    padding: 15px 15px;
}

.musterReportBtn .btn {
    margin: 0 5px 0 0;
}

.musterReport_btm {
    background: #f1f1f1;
    padding: 15px;
}

    .musterReport_btm table.table {
        border-color: #a5a5a5;
        margin: 0;
    }

        .musterReport_btm table.table thead tr th {
            background: #e6e6e6;
            font-weight: normal;
            border-color: #a5a5a5;
            border-bottom: none;
            color: #5b5b5b;
        }

        .musterReport_btm table.table tbody tr td {
            border-color: #a5a5a5;
            color: #5b5b5b;
            border-bottom: none;
        }

/*========================Reader Activity Report=======================*/
.readerActivityReport_INR {
    height: calc(100% - 48px);
}

    .readerActivityReport_INR .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        min-height: 100%;
    }

    .readerActivityReport_INR .input-group {
        display: block;
        margin-bottom: 15px;
    }

        .readerActivityReport_INR .input-group .card_datepick.input-group.datetimePic {
            display: table;
        }

            .readerActivityReport_INR .input-group .card_datepick.input-group.datetimePic input {
                border-radius: 2px 0 0 2px;
                border-right: none;
            }

            .readerActivityReport_INR .input-group .card_datepick.input-group.datetimePic .input-group-addon {
                border-color: #a5a5a5;
            }

                .readerActivityReport_INR .input-group .card_datepick.input-group.datetimePic .input-group-addon:last-child {
                    border-radius: 2px;
                    border-bottom-left-radius: 0;
                    border-top-left-radius: 0;
                    border-left: 1px solid #ccc;
                    cursor: pointer;
                }

        .readerActivityReport_INR .input-group label {
            color: #3f3f3f;
            display: block;
            font-weight: normal;
            margin: 0 0 5px;
        }

        .readerActivityReport_INR .input-group input,
        .readerActivityReport_INR .input-group select,
        .readerActivityReport_INR .input-group textarea {
            border: 1px solid #a5a5a5;
            width: 100%;
            height: 34px;
            border-radius: 2px;
            background: #fff;
            padding: 0 5px;
        }

        .readerActivityReport_INR .input-group select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
            background-image: url(../images/selectArow.png);
            background-position: calc(100% - 10px) 12px;
            background-repeat: no-repeat;
            padding: 0 5px;
            padding-right: 30px;
        }

.readerActivityReport_Top {
    padding: 12px 15px 0;
    background: #f5f5f5;
}

.readerActivityReport_btm {
    padding: 12px 15px 15px;
    background: #f1f1f1;
}

.readerActivityReportPaeg .readerBtnPlate {
    margin-bottom: 15px;
}

/*--*/
.readerActivityReportTable {
    padding: 0;
    background: #efefef;
}

    .readerActivityReportTable .readerActivityReportTableCvr {
        border: none;
        border-radius: 0;
        overflow: auto;
        padding: 15px;
        position: relative;
    }

        .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer .dataTables_info {
            padding: 9px 0 0 0;
        }

        .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers {
            padding: 5px 0;
        }

        .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer table.dataTable.no-footer {
            table-layout: fixed;
            width: 100% !important;
            min-width: 600px !important;
            margin-bottom: 8px;
        }

        .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer table.dataTable thead th,
        .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer table.dataTable tbody td {
            width: auto !important;
        }

        .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer table.dataTable thead th {
            font-weight: normal;
        }

        .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer .dataTables_length {
            position: absolute;
            right: 0;
            left: 0;
            bottom: -1px;
            margin: auto;
            width: 200px;
        }

            .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer .dataTables_length label {
                font-weight: normal;
            }

            .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer .dataTables_length select {
                border: 1px solid #ccc;
                height: 30px;
                width: 80px;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-color: #fff;
                background-image: url(../images/selectArow.png);
                background-position: calc(100% - 7px) 10px;
                background-repeat: no-repeat;
                padding: 0 5px;
                padding-right: 30px;
            }

.noreportexist {
    color: #d60303;
    padding-bottom: 10px;
    font-size: 16px;
}

.readerActivityReportTblBody {
    position: relative;
}

    .readerActivityReportTblBody .readerActBtn {
        text-align: right;
    }

.readerActBtn {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9;
}

    .readerActBtn .btn {
        font-size: 12px;
    }

.readerActivityReportTblBody .readerActivityReportTable .readerActivityReportTableCvr {
    padding-top: 60px;
}


/*=============================Special Days============================*/
.editSpecialDaysInr {
    height: calc(100% - 48px);
}

    .editSpecialDaysInr .mCSB_inside > .mCSB_container {
        min-height: 100%;
    }

    .editSpecialDaysInr .input-group {
        display: block;
        margin-bottom: 17px;
    }

        .editSpecialDaysInr .input-group input,
        .editSpecialDaysInr .input-group select,
        .editSpecialDaysInr .input-group textarea {
            border: 1px solid #a5a5a5;
            width: 100%;
            height: 34px;
            border-radius: 2px;
            background: #fff;
            padding: 0 5px;
        }

        .editSpecialDaysInr .input-group textarea {
            height: 109px;
            padding: 5px 10px;
            resize: none;
        }

        .editSpecialDaysInr .input-group select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
            background-image: url(../images/selectArow.png);
            background-position: calc(100% - 10px) 12px;
            background-repeat: no-repeat;
            padding: 0 5px;
            padding-right: 30px;
        }

        .editSpecialDaysInr .input-group label {
            display: block;
            font-family: 'Helvetica';
            font-weight: normal;
            margin: 0 0 5px;
            color: #3f3f3f;
        }

.spacialDayTop {
    background: #f5f5f5;
    padding: 15px 15px 5px;
}

.spacialDayBotmPart {
    background: #f1f1f1;
    padding: 15px;
}

.spacialDayBotmPartTablCvr {
    border: 1px solid #a5a5a5;
    border-radius: 3px;
}

    .spacialDayBotmPartTablCvr > table {
        width: 100%;
        table-layout: fixed;
        border: none;
        min-width: 650px;
    }

        .spacialDayBotmPartTablCvr > table > thead > tr > th,
        .spacialDayBotmPartTablCvr > table > tbody > tr > td {
            padding: 10px 10px;
        }

        .spacialDayBotmPartTablCvr > table > thead > tr > th {
            background: #e6e6e6;
            border-bottom: 1px solid #a5a5a5;
            font-family: 'Helvetica';
            font-weight: normal;
            border-right: 1px solid #9f9e9e;
            color: #5b5b5b;
        }

            .spacialDayBotmPartTablCvr > table > thead > tr > th:last-child,
            .spacialDayBotmPartTablCvr > table > tbody > tr > td:last-child {
                border-right: none;
            }

        .spacialDayBotmPartTablCvr > table > tbody > tr > td {
            background: #fff;
            border-bottom: 1px solid #d1d1d1;
            font-family: 'Helvetica';
            font-weight: normal;
            border-right: 1px solid #c7c7c7;
            color: #5b5b5b;
        }

            .spacialDayBotmPartTablCvr > table > tbody > tr > td .input-group.datetimePic {
                display: table;
                width: 100%;
                margin: 0;
            }

        .spacialDayBotmPartTablCvr > table > tbody > tr:last-child td {
            border-bottom: none;
        }

        .spacialDayBotmPartTablCvr > table > thead > tr > th:nth-child(1),
        .spacialDayBotmPartTablCvr > table > tbody > tr > td:nth-child(1) {
            width: auto;
        }

        .spacialDayBotmPartTablCvr > table > thead > tr > th:nth-child(2),
        .spacialDayBotmPartTablCvr > table > tbody > tr > td:nth-child(2) {
            width: auto;
        }

        .spacialDayBotmPartTablCvr > table > thead > tr > th:nth-child(3),
        .spacialDayBotmPartTablCvr > table > tbody > tr > td:nth-child(3) {
            width: auto;
        }

        .spacialDayBotmPartTablCvr > table > thead > tr > th:nth-child(4),
        .spacialDayBotmPartTablCvr > table > tbody > tr > td:nth-child(4) {
            width: 210px;
            text-align: center;
        }

        .spacialDayBotmPartTablCvr > table > tbody > tr > td a {
            margin: 0 5px;
            display: inline-block;
            color: #777777;
        }

            .spacialDayBotmPartTablCvr > table > tbody > tr > td a.editSdlbtn i.fa {
                color: #1FBB00;
            }

            .spacialDayBotmPartTablCvr > table > tbody > tr > td a.removeBtn i.fa {
                color: #E10000;
            }

            .spacialDayBotmPartTablCvr > table > tbody > tr > td a.updateBtn i.fa {
                color: #ff8f00;
            }

        .spacialDayBotmPartTablCvr > table > tbody > tr > td select.form-control {
            margin: 0;
            box-shadow: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: #fff url("../images/selectArow.png") no-repeat right center;
            background-position: calc(100% - 10px) 12px;
            height: 34px;
            text-indent: -1.5px;
            padding-right: 30px;
            padding: 0 5px;
        }

        .spacialDayBotmPartTablCvr > table > tbody > tr > td input.form-control {
            margin: 0;
            box-shadow: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: #fff;
            height: 34px;
            padding: 0 5px;
        }
/*modal*/
.modal.spacilDayModal .modal-dialog {
    width: 700px;
    max-width: 95%;
}

.modal.spacilDayModal .input-group {
    display: block;
    margin-bottom: 15px;
}

    .modal.spacilDayModal .input-group input,
    .modal.spacilDayModal .input-group select,
    .modal.spacilDayModal .input-group textarea {
        border: 1px solid #a5a5a5;
        width: 100%;
        height: 34px;
        border-radius: 2px;
        background: #fff;
        padding: 0 5px;
        float: none;
        display: block;
    }

    .modal.spacilDayModal .input-group textarea {
        height: 109px;
        padding: 5px 10px;
        resize: none;
    }

    .modal.spacilDayModal .input-group select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #fff;
        background-image: url(../images/selectArow.png);
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding: 0 5px;
        padding-right: 30px;
    }

    .modal.spacilDayModal .input-group label {
        display: block;
        font-family: 'Helvetica';
        font-weight: normal;
        margin: 0 0 5px;
        color: #3f3f3f;
    }

    .modal.spacilDayModal .input-group .input-group.datetimePic {
        display: table;
        width: 100%;
    }

        .modal.spacilDayModal .input-group .input-group.datetimePic input {
            border-radius: 3px 0 0 3px;
        }

        .modal.spacilDayModal .input-group .input-group.datetimePic span.input-group-addon {
            border-color: #a5a5a5;
            cursor: pointer;
        }

.mandatoryColor {
    font-size: 100%;
    color: red;
}



/*===============App Setting Page==============*/
.readerActivityReportDaysdifference {
    margin: 5px 10px;
}

.appThmBlock {
    float: left;
    width: 25%;
    max-width: 300px;
    margin: 10px;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    position: relative;
}

.imgdeleteOption {
    position: absolute;
    left: 15px;
    bottom: 15px;
    color: #de0000;
    background: rgba(255,255,255,0.7);
    padding: 0 7px 3px;
    cursor: pointer;
    z-index: 9;
}

.appThemPage_INR {
    background: #f9f9f9;
    border: 1px solid #a5a5a5;
    height: calc(100% - 48px);
}

.appThmBlock label {
    display: block;
    font-weight: normal;
}

    .appThmBlock label span {
        display: block;
        font-size: 85%;
        color: #8c8c8c;
    }

.uplodePlate {
    height: 160px;
    position: relative;
    background: #e3e3e3;
    cursor: pointer;
}

    .uplodePlate:after {
        content: "\f030";
        background: rgba(0,0,0,0.4);
        bottom: 0;
        color: #fff;
        font-family: "FontAwesome";
        font-size: 20px;
        height: 40px;
        left: 0;
        margin: auto;
        padding-top: 5px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px;
        z-index: 5;
        border-radius: 4px;
    }

    .uplodePlate img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
        z-index: 2;
    }

.theamColorPlate .colorpltBox {
    width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    margin: 0;
    background: #46DB00;
    border: 1px solid #000;
    border-radius: 2px;
    cursor: pointer;
    color: rgba(0,0,0,0) !important;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}

.theamColorPlate input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    padding: 0 5px;
    border: none;
    border-bottom: 1px solid #c9c9c9;
    background: none;
    max-width: 70px;
    transition: all 0.3s ease;
    color: #585858;
    /*color:rgba(0,0,0,0);
    text-shadow:0 0 0 #000;*/
}

    .theamColorPlate input:focus {
        outline: 0;
        border-bottom: 1px solid #000;
        color: #000;
    }

.appThemPage_INR h3 {
    margin: 10px 10px 0px;
    font-size: 18px;
}

.textUrlChangesCvr {
    display: flex;
    flex-wrap: wrap;
}

.textUrlChanges {
    margin: 10px;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: calc(50% - 20px);
}

    .textUrlChanges .input-group {
        margin-bottom: 10px;
        width: 100%;
    }

        .textUrlChanges .input-group:last-child {
            margin-bottom: 0;
        }

        .textUrlChanges .input-group span.input-group-addon {
            background: none;
            border: medium none;
            display: block;
            padding: 0 0 7px;
            text-align: left;
            width: auto;
            font-family: "Helvetica";
        }

.appThemPage_INRBotm {
    text-align: left;
    padding: 10px;
}

#txtthemecolor {
    background-color: none !important;
    color: black !important;
}

#txtdashboardcolor {
    background-color: none !important;
    color: black !important;
}

.theamColorPlate input[readonly] {
    background-color: rgba(0,0,0,0) !important;
}

.themPlt {
    display: block;
}

.themPltGroup {
    display: flex;
    flex-flow: wrap;
}

.themPlt .checkboxPanel {
    padding: 10px 10px;
}

.themPltGrpChk.themPltGroup {
    display: none;
}

.settingsPnlColortheme {
    display: none;
}

i.fa.settingshelp {
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    top: 2px;
    right: 0;
    color: #505050;
}

.colorTheamPnl .appThmBlock label {
    padding-right: 17px;
    position: relative;
}

.checkboxPanel.settingsWizardChl {
    padding: 10px 10px;
}

.modal.appScreenModal .modal-dialog {
    width: 1000px;
    max-width: 95%;
}
/*----*/
.appThemeTab {
    height: 100%;
}

    .appThemeTab .nav-tabs {
        border-bottom-color: #bdbdbd;
        background: #ececec;
    }

        .appThemeTab .nav-tabs > li {
            margin-bottom: 0;
        }

            .appThemeTab .nav-tabs > li a {
                line-height: 20px;
                border: none;
                border-radius: 0;
                color: #656565;
                margin: 0;
            }

            .appThemeTab .nav-tabs > li.active > a,
            .appThemeTab .nav-tabs > li > a:hover,
            .appThemeTab .nav-tabs > li.active > a:hover,
            .appThemeTab .nav-tabs > li.active > a:focus {
                background: #9e9e9e;
                color: #fff;
                border: none;
                margin: 0;
            }

    .appThemeTab .tab-content {
        padding: 5px;
        padding-top: 0;
        height: calc(100% - 41px);
    }

        .appThemeTab .tab-content .tab-pane.fade {
            height: 100%;
        }

.dashboardSet .settingsPnlColortheme {
    display: block;
}
/*----*/


/*================data table page=============*/
.customDatatablePageInr {
    height: calc(100% - 48px);
}


/*================Report Filter=============*/
.reportFilterPage .accsessGroup_INR .input-group .singelSelectRadioPlt label {
    margin: 0;
}

.row.filterbox {
    display: flex;
    flex-wrap: wrap;
}

.reportFilterPage .singelSelectRadioPlt label p {
    position: relative;
    padding-right: 35px;
}

    .reportFilterPage .singelSelectRadioPlt label p span {
        border: 1px solid #bababa;
        border-radius: 2px;
        display: inline-block;
        float: right;
        height: 20px;
        margin: -5px -33px 0 0;
        position: relative;
        right: 5px;
        top: 4px;
        vertical-align: middle;
        width: 20px;
    }

.reportFilterPage .singelSelectRadioPlt label input:checked + p span:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f00c";
    left: 3px;
    top: 0px;
    color: #00af17;
    font-size: 14px;
    line-height: 18px;
}

.reportFilterPage .saveBtn {
    padding: 7px 0 15px;
    text-align: left;
}

.reportFilterPage .saveTop .saveBtn {
    padding-bottom: 0;
    margin-top: 18px;
}

.reportFilterPage .saveBtn a.btn {
    margin: 0 10px 0 0;
}

.reportFilterPage .row.topRowHD .input-group {
    margin-bottom: 0;
}

.addRowPnl {
    border: 1px solid #a5a5a5;
    height: 220px;
    overflow: hidden;
    padding-top: 15px;
    border-radius: 2px;
}

.row.topRowHD {
    padding: 0 15px;
}

.reportFilterPage .singelSelectRadioPlt {
    height: 220px;
}

.reportFilterPage .row.filterbox .singelSelectRadioPlt {
    height: 300px;
}

.reportFilterPage .accsessGroup_INR .filterbox .input-group textarea {
    height: 200px;
}
/*-------*/
body .checkboxPanel.allSelectLabel {
    text-align: right;
    margin-top: -23px;
    padding-bottom: 5px;
}

    body .checkboxPanel.allSelectLabel label {
        margin: 0 !important;
        text-align: right;
    }

        body .checkboxPanel.allSelectLabel label p {
            width: auto;
            max-width: none;
        }
/*-----------------*/

.personalTabpanel_box.reportFilterAditional .panel .panel-body .input-group.accessGroupTimeCell {
    display: table;
    padding: 0;
    width: 100%;
}

.personalTabpanel_box.reportFilterAditional .panel .panel-body .input-group {
    display: block;
    padding: 0;
}

.accsessGroup_INR .personalTabpanel_box.reportFilterAditional .panel .panel-body .monthlySelect-Oter .monthlySelect-row.input-group {
    margin-bottom: 0
}
















/*==================report Builder Widzerd page==================*/

.modal.chooseTblMdl .modal-dialog {
    width: 350px;
}

.modal.chooseTblMdl.joinConditionMdl .modal-dialog {
    width: 580px;
}

.chooseTablePnl .input-group {
    display: block;
}

    .chooseTablePnl .input-group label {
        display: block;
        font-family: "Helvetica";
        font-weight: normal;
        margin: 0 0 4px;
    }

    .chooseTablePnl .input-group input,
    .chooseTablePnl .input-group select {
        background: #fff;
        border: 1px solid #c1c1c1;
        height: 34px;
        padding: 0 5px;
        width: 100%;
    }

    .chooseTablePnl .input-group select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #fff;
        background-image: url("../images/selectArow.png");
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding: 0 30px 0 5px;
    }

    .chooseTablePnl .input-group .singelSelectRadioPlt label {
        margin: 0;
    }

.modal.chooseTblMdl.joinConditionMdl .modal-dialog .chooseTablePnl .row {
    margin: 0 -7px;
}

.modal.chooseTblMdl.joinConditionMdl .modal-dialog .chooseTablePnl .col-sm-5 {
    width: 37%;
    padding: 0 7px;
}

.modal.chooseTblMdl.joinConditionMdl .modal-dialog .chooseTablePnl .col-sm-2 {
    width: 26%;
    padding: 0 7px;
}

.chooseCollamsMdl .singelSelectRadioPlt label p {
    position: relative;
    padding-right: 35px;
}

    .chooseCollamsMdl .singelSelectRadioPlt label p span {
        border: 1px solid #bababa;
        border-radius: 2px;
        display: inline-block;
        float: right;
        height: 20px;
        margin: -5px -33px 0 0;
        position: relative;
        right: 5px;
        top: 4px;
        vertical-align: middle;
        width: 20px;
    }

.chooseCollamsMdl .singelSelectRadioPlt label input:checked + p span:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f00c";
    left: 3px;
    top: 0px;
    color: #00af17;
    font-size: 14px;
    line-height: 18px;
}

/*-----*/
.reportBuilderWidPage .personalTabpanel_box .panel .panel-heading a.btn {
    float: right;
    margin: -3px 0 0 5px;
    position: static;
}

.reportBuilderWidPage .widgetSection_box .personalTabpanel_box .panel .panel-body {
    clear: both;
    height: calc(100% - 37px);
    padding: 5px 0;
}

    .reportBuilderWidPage .widgetSection_box .personalTabpanel_box .panel .panel-body.full-height {
        height: 100%;
    }

.reportBuilderWidPage .accessGRPctnBox_top {
    background: none;
    padding: 0 15px;
}

.reportBuilderWidPage .personalTabpanel_box .panel .panel-body .row.topRowHD .input-group {
    display: block;
    padding: 0;
}

.reportBuilderWidPage .singelSelectRadioPlt {
    height: 220px;
}

body .checkboxPanel.weeklyChkPnl label {
    width: 100px;
}

.btnPlatePnl label {
    float: left;
}

.btnPlatePnl .btn {
    float: right;
    margin-top: -15px;
}

.personalTabpanel_box .panel .panel-body.addReportTime .input-group.accessGroupTimeCell {
    display: table;
    width: 100%;
    padding: 0;
}

.panel-body.addReportTime .checkboxPanel.sendMailTm {
}

.checkboxPanel.aditionChkpnl {
    margin: 2px 0 14px;
}

.monthlySelect, .weeklyChkSelect {
    margin-bottom: 10px;
}

.monthlySelect-Oter {
    margin-bottom: 10px;
    min-height: 34px;
}

    .monthlySelect-Oter:last-child {
        margin-bottom: 0;
    }

    .monthlySelect-Oter:after {
        display: table;
        clear: both;
        content: "";
    }

    .monthlySelect-Oter label {
        float: left;
        width: 35%;
        margin: 7px 0 0 !important;
    }

.personalTabpanel_box .panel .panel-body .monthlySelect-Oter .monthlySelect-row.input-group {
    float: right;
    width: 65%;
    display: table;
    padding-bottom: 0;
}

.monthlySelect-Oter .monthlySelect-row.input-group span.input-group-addon {
    font-size: 12px;
    text-transform: capitalize;
}

.monthlySelect .col-md-3.col-sm-4.col-xs-12 {
    /*min-width: 300px;*/
    max-width: 100%;
}



.modal.fade.confirmBOX .modal-dialog {
    width: 320px;
    transform: translate(0,200px);
}

    .modal.fade.confirmBOX .modal-dialog .modal-footer .btn {
        width: 80px;
    }

    .modal.fade.confirmBOX .modal-dialog .modal-body {
        padding: 20px 15px;
        /*color: #ff326b;*/
    }

/*=============Galaxy Report Grid===============*/

.reportGenGride {
    position: relative;
    padding: 15px;
}

.reportGenTable {
    overflow: auto;
    margin-top: 15px;
    position: relative;
}

.reportGenGride h2 {
    margin: 15px 0;
    font-size: 20px;
}

.reportGenGride button.dt-button, .reportGenGride div.dt-button, .reportGenGride a.dt-button {
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    border-color: #525252;
    color: #efefef;
    font-weight: normal;
    text-shadow: none;
    font-size: 13px;
}

    .reportGenGride button.dt-button:hover:not(.disabled),
    .reportGenGride div.dt-button:hover:not(.disabled),
    .reportGenGride a.dt-button:hover:not(.disabled) {
        background: rgb(69,72,77); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
        border-color: #525252;
        color: #efefef;
        font-weight: normal;
        text-shadow: none;
    }

.reportGenGride .dt-buttons {
    float: right;
}


.reportGenGride .dataTables_wrapper {
    position: relative;
}

.reportGenGride .dataTables_length {
    position: absolute;
    left: 45%;
    bottom: 0;
}

.reportGenGride .dataTables_paginate.paging_listbox {
    position: absolute;
    left: 39%;
    bottom: 7px;
}

.reportGenGride .dataTables_info#tbl_grid_info {
    margin-top: -15px;
}

/*===========Report Category details Page====================*/
.spacialDayBotmPartTablCvr.reportCatTabl {
    overflow: auto;
    margin-top: 15px;
}

    .spacialDayBotmPartTablCvr.reportCatTabl > table {
        min-width: 400px;
    }

        .spacialDayBotmPartTablCvr.reportCatTabl > table > thead > tr > th:nth-child(1),
        .spacialDayBotmPartTablCvr.reportCatTabl > table > tbody > tr > td:nth-child(1) {
            width: 50%;
        }

        .spacialDayBotmPartTablCvr.reportCatTabl > table > thead > tr > th:nth-child(2),
        .spacialDayBotmPartTablCvr.reportCatTabl > table > tbody > tr > td:nth-child(2) {
            width: 25%;
        }

        .spacialDayBotmPartTablCvr.reportCatTabl > table > thead > tr > th:nth-child(3),
        .spacialDayBotmPartTablCvr.reportCatTabl > table > tbody > tr > td:nth-child(3) {
            width: 25%;
        }

/*---------------------------*/
.fixedTableHdrDetails table,
.fixedTableHdrDetails table thead,
.fixedTableHdrDetails table tbody {
    display: block;
}

    .fixedTableHdrDetails table thead tr,
    .fixedTableHdrDetails table tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .fixedTableHdrDetails table thead tr th,
        .fixedTableHdrDetails table tbody tr td {
            display: table-cell;
        }

.fixedTableHdrDetails.spacialDayBotmPartTablCvr table tbody {
    max-height: 300px;
    overflow: hidden;
}

    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table thead tr th,
    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table tbody tr td {
        padding: 10px 10px;
    }

.fixedTableHdrDetails.spacialDayBotmPartTablCvr table thead tr th {
    background: #e6e6e6;
    border-bottom: 1px solid #a5a5a5;
    font-family: 'Helvetica';
    font-weight: normal;
    border-right: 1px solid #9f9e9e;
    color: #5b5b5b;
}

    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table thead tr th:last-child,
    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table tbody tr td:last-child {
        border-right: none;
    }

.fixedTableHdrDetails.spacialDayBotmPartTablCvr table tbody tr td {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    font-family: 'Helvetica';
    font-weight: normal;
    border-right: 1px solid #c7c7c7;
    color: #5b5b5b;
}

    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table thead tr th:nth-child(1),
    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table tbody tr td:nth-child(1) {
        width: 33.333%;
    }

    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table thead tr th:nth-child(2),
    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table tbody tr td:nth-child(2) {
        width: 33.333%;
    }

    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table thead tr th:nth-child(3),
    .fixedTableHdrDetails.spacialDayBotmPartTablCvr table tbody tr td:nth-child(3) {
        width: 33.333%;
    }

.modal-body .fixedTableHdrDetails.spacialDayBotmPartTablCvr .mCSB_inside .mCSB_container {
    margin-right: 0;
}


.modal.spacilDayModal.reportCatAddMdl .modal-dialog {
    width: 400px;
}

    .modal.spacilDayModal.reportCatAddMdl .modal-dialog .input-group {
        margin-bottom: 0;
    }
/*=====================Configure Report Schdule Page====================*/

.configReportSchedulePage .checkboxPanel {
    margin-bottom: 13px;
}

.configReportSchedulePage .accsessNameGroup {
    margin-bottom: 15px;
}

.configReportSchedulePage .accessGRPctnBox_top {
    padding: 0;
    background: none;
}

.configReportSchedulePage .appThemPage_INRBotm {
    padding: 0;
}





/*=====================Reader Camera Maping Page====================*/

.camMpingPageInr {
    height: calc(100% - 48px);
}

.col-sm-12.col-md-7.col-lg-6.col-xs-12.leftMapReader {
    width: 55%;
}

.col-sm-12.col-md-5.col-lg-6.col-xs-12.rightMapReader {
    width: 45%;
}


.camMpingTopPart table {
    width: 100%;
    table-layout: fixed;
}

    .camMpingTopPart table tr td {
        padding: 5px 7px;
        vertical-align: top;
    }

    .camMpingTopPart table.redrSelect tr td:nth-child(1) {
        width: 380px;
    }

    .camMpingTopPart table.redrSelect tr td:nth-child(2) {
        width: auto;
    }

    .camMpingTopPart table.redrSelect tr td:nth-child(3) {
        width: 46px;
        text-align: center;
        padding-right: 0;
    }

    .camMpingTopPart table tr td:last-child i.fa {
        font-size: 19px;
        cursor: pointer;
    }

        .camMpingTopPart table tr td:last-child i.fa.fa-minus-circle {
            color: #ff326b;
        }

        .camMpingTopPart table tr td:last-child i.fa.fa-plus-circle {
            color: #3eb100;
        }

.camMpingPageInr select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(../images/selectArow.png);
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding-right: 30px;
    padding: 0 5px;
    text-indent: -1.5px;
    font-size: 14px;
}

.camMpingPageInr input.form-control {
    background-color: #fff;
    padding: 0 5px;
}

.camMpingPageInr .camMpingTopPart table tr td .singelSelectRadioPlt label {
    margin: 0;
    display: block;
    font-family: 'Helvetica';
    font-weight: normal;
    color: #3f3f3f;
}

.camMpingTopPart table.listTable tr td {
    vertical-align: middle;
}

    .camMpingTopPart table.listTable tr td:last-child {
        text-align: left;
    }

.listTableCvr {
    border: 1px solid #a5a5a5;
    padding: 4px 0;
    background: #fff;
    border-radius: 3px;
}

.camMpingTopPart table.redrSelect tr td {
    padding-top: 0;
}

.camMpingTopPart table tr td span.form-control {
    background-color: #EBEBEB !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.camMpingTopPart table.redrSelect tr td:first-child {
    padding-left: 0;
}

table.redrSelect .redCamList .singelSelectRadioPlt,
.listTableCvr {
    height: calc(100vh - 244px);
}

.camMpingTopPart table.listTable tr td:nth-child(2) {
    width: 30%;
}

.camMpingTopPart table.listTable tr td:nth-child(3) {
    width: auto
}

.camMpingTopPart table.listTable tr td:nth-child(4) {
    width: 87px;
}

.redCamListHD {
    height: 100px;
}

    .redCamListHD > h2 {
        margin: 0;
        font-size: 16px;
        padding-bottom: 7px;
        color: #f00;
    }

        .redCamListHD > h2.mapReaderHd {
            padding-top: 68px;
            padding-bottom: 0;
            font-size: 18px;
            text-align: center;
            color: #f00;
        }

    .redCamListHD .searchRow.row {
        margin: 0 -5px;
        margin-bottom: 15px;
    }

.searchRow label {
    font-weight: normal;
    white-space: nowrap;
}

.searchRow div[class*="col-"] {
    padding: 0 5px;
}

    .searchRow div[class*="col-"] .btn {
        margin-top: 23px;
    }

.searchRow .col-xs-5 {
    width: calc(50% - 25px);
}

.searchRow .col-xs-10 {
    width: calc(100% - 50px);
}

.searchRow .col-xs-4 {
    width: calc(50% - 50px);
}

.searchRow .col-xs-2 {
    width: 50px;
}

    .searchRow .col-xs-2 .btn {
        width: 100%;
    }

.btn.addRdrMapBtn {
    margin-top: 100px;
}

.rightMapReader .searchRow .col-xs-3 {
    padding: 0 5px;
    width: calc(33.333% - 16.666px);
}


.topAutentic {
    margin-bottom: 15px;
    background: #eaeaea;
}

.topAutenticLeft {
    float: left;
    width: calc(100% - 133px);
    padding: 10px 12px;
    max-width: 350px;
}

.topAutenticRight {
    float: left;
    width: 130px;
    margin-left: 3px;
    padding: 10px 12px;
}

    .topAutenticRight .btn {
        width: 100%;
    }

.listTableCvr .mCSB_container {
    min-height: 100%;
}

.user-multiple-camera .multiselect-native-select {
    display: block;
}

    .user-multiple-camera .multiselect-native-select .btn-group {
        display: block;
    }

        .user-multiple-camera .multiselect-native-select .btn-group .multiselect.btn {
            width: 100%;
        }

            .user-multiple-camera .multiselect-native-select .btn-group .multiselect.btn .multiselect-selected-text {
                display: block;
                text-align: left;
            }

            .user-multiple-camera .multiselect-native-select .btn-group .multiselect.btn .caret {
                display: none;
            }

body .user-multiple-camera .multiselect-native-select .btn-group .btn.btn-default.multiselect.dropdown-toggle {
    background-color: #fff !important;
    border: 1px solid #c1c1c1 !important;
    color: #000 !important;
    background-image: url(../images/selectArow.png) !important;
    background-position: calc(100% - 10px) 12px !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    box-shadow: none;
    float: none;
}

.user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu {
    width: 100%;
    max-height: 210px;
    overflow: auto;
}

    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li.multiselect-item {
        margin-bottom: 0;
    }

    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li label {
        display: block;
        margin: 0;
        font-weight: normal;
        padding: 5px 10px;
        position: relative;
        padding-left: 40px;
        font-family: 'open_sansregular';
        white-space: normal;
        line-height: 20px;
        width: auto;
    }

        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li label input {
            display: none;
        }

        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li label:after {
            top: 6px;
            left: 10px;
            width: 18px;
            height: 18px;
            border: 1px solid #898989;
            content: "";
            position: absolute;
        }

    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li.active label::before {
        position: absolute;
        left: 13px;
        top: 7px;
        content: "\f00c";
        color: #535353;
        font-family: 'FontAwesome';
        font-size: 13px;
        line-height: 15px;
    }

    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a,
    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:hover,
    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:focus {
        color: #151515;
    }

        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a,
        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:hover,
        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:focus {
            background: #e0e0e0;
            color: #151515;
        }




.listTable tr:nth-last-of-type(1) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTable tr:nth-last-of-type(2) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTable tr:nth-last-of-type(3) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTable tr:nth-last-of-type(4) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTable tr:nth-last-of-type(5) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu {
    top: auto;
    bottom: 0;
}


.listTable tr:nth-child(1) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTable tr:nth-child(2) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTable tr:nth-child(3) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTable tr:nth-child(4) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu {
    top: 100%;
    bottom: auto;
}

.rightMapReader .mCSB_container {
    min-height: 390px;
}
/*====================================Report Settings Page=================================*/
.rprtStting_Pnl > h3 {
    margin: 10px 10px 0px;
    font-size: 18px;
}

.setingThemBlock {
    float: left;
    width: 33.333%;
    max-width: 350px;
    margin: 10px;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

    .setingThemBlock label {
        display: block;
        font-weight: normal;
        position: relative;
        padding-right: 20px;
    }

.input-group.daysInput {
    max-width: 150px;
}

.rprtStting_Pnl {
    margin-bottom: 15px;
}

    .rprtStting_Pnl:last-child {
        margin-bottom: 0;
    }

.paginationCount ul {
    display: block;
    max-width: 150px;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .paginationCount ul li {
        padding: 0 0 10px 0;
    }

        .paginationCount ul li:last-child {
            padding-bottom: 0;
        }

        .paginationCount ul li span.input-group-addon {
            cursor: pointer;
        }

/*====================================Cardholder Settings Page=================================*/
.cardholder_setingThemBlock.setingThemBlock {
    max-width: calc(100% - 20px);
    width: 500px;
}

.cardholder_setingThemBlock table {
    display: block;
}

    .cardholder_setingThemBlock table thead,
    .cardholder_setingThemBlock table tbody {
        display: block;
    }

    .cardholder_setingThemBlock table tr {
        cursor: pointer;
        display: flex;
        flex-wrap: wrap;
        transition: all ease 0.1s;
    }

        .cardholder_setingThemBlock table tr td,
        .cardholder_setingThemBlock table tr th {
            float: left;
            padding: 10px 15px;
            position: relative;
        }

        .cardholder_setingThemBlock table tr th {
            font-weight: normal;
            font-family: 'open_sanssemibold';
            padding-bottom: 8px;
            background: #ddd;
            padding-top: 8px;
            cursor: default;
        }

        .cardholder_setingThemBlock table tr td label {
            margin: 0;
            padding: 0;
        }

        .cardholder_setingThemBlock table tr:nth-child(even) td {
            background: rgba(0,0,0,0.03);
        }

        .cardholder_setingThemBlock table tr td:nth-child(1),
        .cardholder_setingThemBlock table tr th:nth-child(1) {
            width: calc(100% - 190px);
            padding-left: 30px;
        }

        .cardholder_setingThemBlock table tr td:nth-child(2),
        .cardholder_setingThemBlock table tr th:nth-child(2) {
            width: 190px;
            text-align: center;
        }

        .cardholder_setingThemBlock table tr td:nth-child(1):after {
            position: absolute;
            left: 12px;
            top: 10px;
            content: "\f0dc";
            font-family: 'FontAwesome';
            color: #9e9e9e;
        }

    .cardholder_setingThemBlock table tbody.sortable tr.ui-sortable-helper td {
        background: #ccc;
    }








/*====================================Add VMS====================================*/

.vmsAddpage_INR {
    height: calc(100% - 48px);
}

/*modal*/
.modal.fade.vmsAddMdl .modal-dialog {
    width: 400px;
    max-width: 95%;
}

.cr_vmsRow .cr_vmsRow-group {
    display: block;
}

.cr_vmsRow {
    margin-bottom: 15px;
}

    .cr_vmsRow:last-child {
        margin-bottom: 0;
    }

    .cr_vmsRow .cr_vmsRow-group label {
        display: block;
        font-weight: normal;
    }

    .cr_vmsRow .cr_vmsRow-group .input-group {
        width: 100%;
        position: relative;
    }

.btn.chekVms {
    background: transparent;
    border-color: #ccc;
    border-left: none;
    margin: 0;
}

    .btn.chekVms:active {
        box-shadow: none;
    }

    .btn.chekVms input {
        display: none;
    }

    .btn.chekVms i.fa {
        color: #CCCCCC;
    }

    .btn.chekVms input:checked + i.fa {
        color: #373737;
    }

.chekVmsCvr input.form-control {
    border-right: none;
}


/*==========Video Streem========*/

.videostream_INR {
    height: calc(100% - 48px);
    position: relative;
}

.mainCTNPnl.forHvideoStream {
    width: 100%;
}

.videoStreemScreen {
    height: 100%;
    margin: 0 -15px;
}

.video-Item {
    background: #ccc;
    height: 100%;
    margin: 0 15px 30px;
    float: left;
    min-height: 230px;
    position: relative;
}

    .video-Item:after {
        content: attr(data-heading);
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.7);
        color: #fff;
        padding: 6px 10px;
    }

    .video-Item video {
        width: 100%;
        height: 100%;
    }

.video-controler {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 9;
    background-size: 100%;
}

    .video-controler svg {
        width: 135px;
        height: 135px;
    }

    .video-controler .disable-icon {
        opacity: 0.5;
    }

    .video-controler .disable-icon-bg {
        pointer-events: none;
    }

.video-continue-check {
    position: absolute;
    right: 11px;
    top: 5px;
}

    .video-continue-check > span {
        padding-right: 5px;
        color: #fff;
    }

    .video-continue-check label {
        display: inline-block !important;
        cursor: pointer !important;
        margin: 0 !important;
        vertical-align: middle !important;
    }

        .video-continue-check label input {
            display: none;
        }

        .video-continue-check label p {
            display: block;
            width: 38px;
            height: 17px;
            border: 1px solid #666666;
            margin: 0;
            transition: background 0.3s ease;
            position: relative;
            padding: 0;
            max-width: none;
            background: #fff;
        }

            .video-continue-check label p:after {
                position: absolute;
                left: 4px;
                top: 0px;
                font-size: 10px;
                content: "Off";
                transition: opacity 0.3s ease;
                opacity: 0;
            }

            .video-continue-check label p:before {
                position: absolute;
                right: 4px;
                top: 0;
                font-size: 10px;
                content: "On";
                opacity: 1;
                transition: opacity 0.3s ease;
            }

            .video-continue-check label p span {
                display: block;
                width: 13px;
                height: 13px;
                position: absolute;
                left: 1px;
                top: 1px;
                background: #666666;
                transition: left 0.3s ease;
            }

        .video-continue-check label input:checked + p span {
            left: 22px;
            background: #979797;
        }

        .video-continue-check label input:checked + p {
            background: #dadada;
            border-color: #979797;
        }

            .video-continue-check label input:checked + p:after {
                opacity: 1;
            }

            .video-continue-check label input:checked + p:before {
                opacity: 0;
            }
/*For 1 Item*/
.item-1 .video-Item {
    width: calc(100% - 30px);
    height: 100%;
    margin: 0 15px;
    margin-bottom: 0;
}
/*For 2 Item*/
.item-2 .video-Item {
    width: calc(50% - 30px);
    height: 100%;
    margin-bottom: 0;
}
/*For 3 & 4 Item*/
.item-3-4 .video-Item {
    width: calc(50% - 30px);
    height: calc(50% - 23px);
}
/*For 5 & 6 Item*/
.item-5-6 .video-Item {
    width: calc(33.333% - 30px);
    height: calc(50% - 23px);
}
/*For 7 & 8 Item*/
.item-7-8 .video-Item {
    width: calc(25% - 30px);
    height: calc(50% - 23px);
}
/*For 9  Item*/
.item-9 .video-Item {
    width: calc(33.333% - 30px);
    height: calc(33.333% - 25px);
}
/*For 10 to i Item*/
.item-10-i .video-Item {
    width: calc(25% - 30px);
    height: calc(33.333% - 25px);
}


/*===========================================Launch Point Report===========================================*/
.emailInputRow.report-select-sec {
    padding: 10px 15px;
    margin: 0;
    background: #e8e8e8;
}

.mainCTNPnl.fullPage {
    width: auto;
    left: 0;
}

.titleDecPartFlex {
    display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
}

.launchPointReportaInr {
    height: calc(100% - 48px);
    background: rgba(0,0,0,0.03);
}

.titleDecPart {
    padding: 10px 15px;
    background: rgba(0,0,0,0.03);
}

    .titleDecPart h3 {
        font-size: 20px;
        margin: 0 0 10px;
    }

    .titleDecPart p {
        line-height: 24px;
        color: #4e4e4e;
        font-size: 14px;
        margin: 0;
        font-family: 'Helvetica';
    }

.emil_inputPart {
    padding: 15px 15px 0;
}

.emailInputRow {
    margin-bottom: 15px;
}

.emil_inputPart .emailInputRow:last-child {
    margin-bottom: 0;
}

.emailInputRow label {
    float: left;
    margin: 6px 0 0 0;
    width: 150px;
    font-weight: normal;
}

.emailInputRow .input-group {
    float: left;
    width: calc(100% - 150px);
    display: block;
}

    .emailInputRow .input-group .form-control {
        float: none;
    }

.col-sm-8.titleDecPartLeft {
    padding-left: 0;
    border-right: 1px solid #c8c8c8;
}

.lpReportChkPnlInr label.chkSingelLabel {
    margin: 13px 0 0 0;
}

.radio-btn-pnl-otr p.lpReportChkPnHD {
    margin-top: 5px;
}

.report-fixed-readonly-pnl {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

    .report-fixed-readonly-pnl .emailInputRow {
        margin-bottom: 0;
        padding: 0 15px;
    }

        .report-fixed-readonly-pnl .emailInputRow label {
            display: block;
            float: none;
            width: auto;
        }

        .report-fixed-readonly-pnl .emailInputRow .input-group {
            float: none;
            width: auto;
            max-width: 180px;
        }

.radio-btn-pnl label.chkSingelLabel {
    float: left;
    margin: 2px 15px 2px 0;
}

    .radio-btn-pnl label.chkSingelLabel p {
        white-space: nowrap;
    }

    .radio-btn-pnl label.chkSingelLabel span {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

    .radio-btn-pnl label.chkSingelLabel input:checked + span:after {
        content: "";
        left: 1px;
        top: 1px;
        right: 1px;
        bottom: 1px;
        border-radius: 50%;
        background: #8A8A8A;
    }

p.lpReportChkPnHD {
    font-size: 16px;
    margin: 10px 0;
    font-family: 'open_sanssemibold';
    color: #6f6f6f;
    text-shadow: 0 1px 1px #fff;
}

.runTimeSec {
    margin: 24px 0 0 0;
}

    .runTimeSec .emailInputRow {
        margin-bottom: 10px;
    }

        .runTimeSec .emailInputRow:last-child {
            margin-bottom: 0;
        }

        .runTimeSec .emailInputRow label,
        .runTimeSec .emailInputRow .input-group {
            float: none;
            width: 100%;
            max-width: 250px;
        }

        .runTimeSec .emailInputRow label {
            padding-bottom: 4px;
        }

.emailInputRow .input-group select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(../images/selectArow.png);
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding: 0 5px;
    padding-right: 5px;
    padding-right: 30px;
}

.titleDecPartRight {
    position: relative;
    padding-bottom: 63px;
}

.last-run-textbox.form-control {
    position: absolute;
    bottom: 15px;
    right: 40px;
    margin: 0;
    width: 100px;
}

.insideReportCntrl {
    background: rgba(0,0,0,0.03);
    margin-top: 15px;
    border-top: 5px solid #dbdbdb;
}

.insideReportCntrl_box h4 {
    margin: 0 0 15px 0;
    font-size: 14px;
    font-family: 'open_sanssemibold';
}

.rightInsideSelctor {
    display: flex;
    flex-wrap: wrap;
}

    .rightInsideSelctor .emailInputRow {
        float: left;
        width: 33.333%;
        padding: 0 15px;
        margin-bottom: 10px;
    }

        .rightInsideSelctor .emailInputRow label,
        .rightInsideSelctor .emailInputRow .input-group {
            float: none;
            width: auto;
            display: block;
        }

        .rightInsideSelctor .emailInputRow label {
            padding-bottom: 4px;
            font-family: 'open_sanssemibold';
            font-size: 14px;
        }

.rightInsideSelctor {
    padding: 5px 0;
}
/*-------------*/
.input-group-multi-select .multiselect-native-select {
    display: block;
}

    .input-group-multi-select .multiselect-native-select select {
        display: none;
    }

    .input-group-multi-select .multiselect-native-select .btn-group {
        display: block;
    }

        .input-group-multi-select .multiselect-native-select .btn-group .btn.btn-default {
            width: 100%;
            height: 34px;
            text-align: left;
            float: none;
        }

            .input-group-multi-select .multiselect-native-select .btn-group .btn.btn-default span {
                color: #000;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

body .input-group-multi-select .multiselect-native-select .btn-group > .btn.btn-default {
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    background-image: url(../images/selectArow.png) !important;
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding: 0 5px;
    padding-right: 30px;
    border-radius: 0;
}

.input-group-multi-select .multiselect-native-select .btn-group .btn.btn-default .caret {
    display: none;
}

.rightInsideSelctor .emailInputRow .input-group-multi-select .input-group {
    display: table;
    margin: 0;
}

.input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu {
    top: auto;
    bottom: auto;
    max-width: 100%;
    padding: 10px;
    height: 241px;
    overflow: auto;
}

    .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li.multiselect-item {
        margin-bottom: 8px;
    }

    .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li:not(.multiselect-item) label {
        display: block;
        margin: 0;
        font-weight: normal;
        padding: 5px 10px;
        position: relative;
        padding-left: 40px;
        font-family: 'open_sansregular';
        white-space: normal;
        line-height: 20px;
        width: auto;
    }

        .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li:not(.multiselect-item) label input {
            display: none;
        }

        .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li:not(.multiselect-item) label:after {
            top: 6px;
            left: 10px;
            width: 18px;
            height: 18px;
            border: 1px solid #898989;
            content: "";
            position: absolute;
        }

    .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li.active label:before {
        position: absolute;
        left: 13px;
        top: 7px;
        content: "\f00c";
        color: #535353;
        font-family: 'FontAwesome';
        font-size: 13px;
        line-height: 15px;
    }

    .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu > .active > a,
    .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu > .active > a:hover,
    .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu > .active > a:focus {
        background: #e0e0e0;
        color: #151515;
    }


.reportSaveBtn {
    margin: 10px 15px;
}

/*======Profile Settings Page=====*/
.profileInfoSettingsPnlInr {
    margin-top: 0;
}

    .profileInfoSettingsPnlInr .col-md-3 {
        padding: 0 10px;
        margin: 10px 0;
    }

    .profileInfoSettingsPnlInr .input-group-pnl {
        display: block;
    }

        .profileInfoSettingsPnlInr .input-group-pnl label {
            display: block;
            font-weight: normal;
        }

/*=====Activity Log Event Report Page======*/
.activityLogEventReport_INR {
    max-height: calc(100% - 92px);
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.parameterBtn {
    float: right;
}

    .parameterBtn i.fa {
        display: none;
    }

    .parameterBtn p {
        display: block;
        margin: 0;
    }

.logEventTable {
    overflow: auto;
}

a.User_Message {
    text-decoration: underline;
}

.logEventTable table {
    /*table-layout:fixed;*/
    width: 100%;
    min-width: 750px;
}

    .logEventTable table thead th,
    .logEventTable table thead td,
    .logEventTable table tbody td {
        width: auto;
        padding: 10px 11px;
        border: 1px solid #ccc;
        color: #555;
    }

    .logEventTable table thead th {
        font-weight: normal;
        padding: 10px 10px;
        border: 1px solid #acacac;
        background: #eae8e8;
        color: #555;
    }

    .logEventTable table thead td,
    .logEventTable table tbody td {
        padding: 4px 10px;
    }

    .logEventTable table td:last-child .btn {
        padding: 2px;
        width: 60px;
        text-align: center;
    }

    .logEventTable table thead th:nth-child(1),
    .logEventTable table thead td:nth-child(1),
    .logEventTable table tbody td:nth-child(1) {
    }

    .logEventTable table thead th:nth-child(2),
    .logEventTable table thead td:nth-child(2),
    .logEventTable table tbody td:nth-child(2) {
    }

    .logEventTable table thead th:nth-child(3),
    .logEventTable table thead td:nth-child(3),
    .logEventTable table tbody td:nth-child(3) {
    }

    .logEventTable table thead th:nth-child(4),
    .logEventTable table thead td:nth-child(4),
    .logEventTable table tbody td:nth-child(4) {
        text-align: center;
    }

    .logEventTable table thead th:nth-child(5),
    .logEventTable table thead td:nth-child(5),
    .logEventTable table tbody td:nth-child(5) {
        text-align: center;
    }

    .logEventTable table thead th:nth-child(6),
    .logEventTable table thead td:nth-child(6),
    .logEventTable table tbody td:nth-child(6) {
        text-align: center;
    }

    .logEventTable table thead th:nth-child(7),
    .logEventTable table thead td:nth-child(7),
    .logEventTable table tbody td:nth-child(7) {
        text-align: center;
        width: 170px;
    }

.input-group.dScheduleSlot.alarmSettings .input-group-multi-select {
    width: 100%;
}

.alarmSettings .input-group-multi-select .multiselect-native-select .btn-group .btn.btn-default span {
    color: #000;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
}

.AlarmSettingslabel h2 {
    margin: 15px 0 15px 0;
    font-size: 15px;
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

    .AlarmSettingslabel h2 label {
        font-weight: normal;
        display: inline-block;
        margin: 0;
    }

    .AlarmSettingslabel h2 .labelone {
        width: 24%;
    }

    .AlarmSettingslabel h2 .labeltwo {
        width: 35%;
    }

    .AlarmSettingslabel h2 .alertaddbtn {
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 1px;
        color: #4cae4c;
        float: right;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        margin-top: -7px;
        padding: 8px 12px;
        cursor: pointer;
        position: absolute;
        right: 0;
    }

.AlarmSettingslabel .input-group {
    width: 100%;
    margin-bottom: 15px;
}

    .AlarmSettingslabel .input-group .form-control {
        border-radius: 0;
        width: calc(25% - 23px);
        height: auto;
        border: none;
        padding: 0;
        float: none;
    }

    .AlarmSettingslabel .input-group span.timeCellSpan {
        display: table-cell;
        width: 18px;
        text-align: center;
    }

        .AlarmSettingslabel .input-group span.timeCellSpan.toSpan {
            font-family: 'HelveticaNeue-Medium';
            width: 50px;
        }

    .AlarmSettingslabel .input-group .form-control select {
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #555;
        display: block;
        font-size: 14px;
        height: 34px;
        line-height: 1.42857;
        padding: 0 5px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #fff;
        background-image: url(../images/selectArow.png);
        background-position: calc(100% - 10px) 12px;
        background-repeat: no-repeat;
        padding-right: 30px;
    }

    .AlarmSettingslabel .input-group .input-group-addon {
        border-radius: 0;
        cursor: pointer;
    }

    .AlarmSettingslabel .input-group label.input-group-addon {
        font-family: 'Helvetica';
        font-weight: normal;
        white-space: nowrap;
    }

    .AlarmSettingslabel .input-group .input-group-addon i.fa.fa-remove {
        color: #FF0004;
    }

    .AlarmSettingslabel .input-group label.chekTimeSlide {
        width: 75px;
        padding: 0;
        position: relative;
    }

.AlarmSettingslabel span.input-group-addon.gapAdn {
    background: none;
    width: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
    padding: 0;
}

.AlarmSettingslabel .input-group span.formgaph {
    display: table-cell;
    width: 28px;
    text-align: center;
}

.AlarmSettingslabel .input-group span.formgaphright {
    display: table-cell;
    width: 18px;
    text-align: center;
}

.AlarmSettingslabel .multiselect-container > li > a > label > input[type=checkbox] {
    margin-bottom: 5px;
    display: none;
}

.AlarmSettingslabel .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li.active label:after {
    top: 6px;
    left: 10px;
    width: 18px;
    height: 18px;
    border: 1px solid #898989;
    content: "";
    position: absolute;
}

.AlarmSettingslabel .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li label:after {
    top: 6px;
    left: 10px;
    width: 18px;
    height: 18px;
    border: 1px solid #898989;
    content: "";
    position: absolute;
}

.AlarmSettingslabel button:focus,
.AlarmSettingslabel a:focus,
.AlarmSettingslabel label:focus,
.AlarmSettingslabel li:focus,
.AlarmSettingslabel input:focus {
    outline: 0 !important;
}

.AlarmPopUpSettingsbtn {
    margin-right: 5px;
}

.settingmuteboxmodal .modal-header,
.AlarmSoundboxmodal .modal-header {
    border-bottom: 1px solid #e5e5e5 !important;
}

.settingmuteboxmodal .modal-footer,
.AlarmSoundboxmodal .modal-footer {
    padding: 15px !important;
    border-top: 1px solid #e5e5e5 !important;
}

.settingmuteboxmodal {
    background: rgb(0 0 0 / 23%);
}

.settingmutebox .modal-header .modal-title {
    float: left;
}

.settingmutebox .modal-header .checkboxPanel {
    float: right;
    position: relative;
    top: 5px;
}

.settingmutebox .modal-body {
    margin-top: 0 !important;
}

.settingmutebox .settingmuteinner {
    max-height: calc(100vh - 265px);
    overflow: auto;
}

.divAlarm {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 15px;
    display: block;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 15px;
}

    .divAlarm:last-child {
        border-bottom: none;
    }
/*.settingmutebox .settingmuteinner .btnShowVideo {
    width: 100px;
    margin: 0 auto;
   display: flex;
    margin-top: 10px;
}*/
.settingbtn-video {
    display: flex;
    justify-content: center;
    margin: 15px 0 0;
}

    .settingbtn-video button {
        display: flex;
        justify-content: space-around;
        margin: 0 5px;
    }

.ackAlarm {
    color: #2a822d;
}

.ackAlarmred {
    color: #b73127;
}

.AlarmSoundboxmodal .modal-body {
    margin-top: 0 !important;
}

    .AlarmSoundboxmodal .modal-body .mutebtnone,
    .AlarmSoundboxmodal .modal-body .mutebtntwo,
    .AlarmSoundboxmodal .modal-body .mutebtnthree {
        display: block;
    }

    .AlarmSoundboxmodal .modal-body .mutebtntwo {
        margin: 10px 0;
    }

        .AlarmSoundboxmodal .modal-body .mutebtnone input,
        .AlarmSoundboxmodal .modal-body .mutebtntwo input,
        .AlarmSoundboxmodal .modal-body .mutebtnthree input {
            margin-right: 10px;
            position: relative;
            top: 2px;
        }

.AlarmSoundboxmodal .mutebtn button {
    display: flex;
    width: auto !important;
    margin: 0 auto !important;
}
/*----*/


.event-door-modal .modal-dialog {
    width: 620px;
    max-width: 95%;
    margin: 20px auto;
}

.eventMultiselect .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu {
    top: 100%;
    bottom: auto;
    width: 100%;
    height: auto;
    max-height: 150px;
}

.event-door-modal .emailInputRow label {
    float: none;
    margin: 0 0 5px 0;
    display: block;
}

.event-door-modal .emailInputRow {
    margin-bottom: 0;
}

.eventMultiselect {
    margin-bottom: 10px;
}

.event-door-modal .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li.multiselect-item {
    margin-bottom: 0;
}

.event-door-modal .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li label {
    display: block;
    margin: 0;
    font-weight: normal;
    padding: 5px 10px;
    position: relative;
    padding-left: 40px;
    font-family: 'open_sansregular';
    white-space: normal;
    line-height: 20px;
    width: auto;
}

    .event-door-modal .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li label input {
        display: none;
    }

    .event-door-modal .input-group-multi-select .multiselect-native-select .btn-group .dropdown-menu li label:after {
        top: 6px;
        left: 10px;
        width: 18px;
        height: 18px;
        border: 1px solid #898989;
        content: "";
        position: absolute;
    }


/*======================Person Identification=====================*/
.mainCTNPnlINR.personIdentification {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    overflow: inherit;
}

.personIdentification_INR {
    /* height: calc(100% - 48px);	 */
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    min-height: 0;
    position: relative;
    display: -webkit-box;
    display: flex;
    z-index: 1;
    overflow: auto;
}

    .personIdentification_INR .mCustomScrollBox {
        width: 100%;
    }

.personInfoPnl {
    padding: 15px;
    background: #f3f3f3;
}

.personImg {
    float: left;
    width: 300px;
    padding: 6px;
    border: 2px solid #ddd;
    background: #fff;
}

    .personImg.valid {
        border: 2px solid #1cb500;
    }

    .personImg.invalid {
        border-color: #e63d72;
    }

    .personImg img {
        width: 100%;
    }

    .personImg p {
        margin: 0;
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
        padding: 5px 10px;
        letter-spacing: 0.5px;
        flex-direction: column;
    }

        .personImg p span {
            display: block;
            text-align: center;
        }

            .personImg p span b {
                font-size: 15px;
                /*color: #1cb500;*/
            }

            .personImg p span + span {
                margin-top: 4px;
            }

.personInfo {
    float: left;
    width: calc(100% - 300px);
    padding-left: 35px;
}

.personInfo-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .personInfo-left ul li {
        margin-bottom: 13px;
        padding-bottom: 13px;
    }

        .personInfo-left ul li label {
            display: inline-block;
            margin: 0 10px 0 0;
            width: 110px;
            font-weight: normal;
            position: relative;
        }

            .personInfo-left ul li label:after {
                position: absolute;
                right: 0;
                top: 0;
                content: ":";
            }

        .personInfo-left ul li p {
            display: inline;
            margin: 0;
        }

            .personInfo-left ul li p b {
                font-weight: normal;
                font-family: 'open_sansbold';
                font-size: 14px;
            }

.dispay-flex {
    display: flex;
    flex-wrap: wrap;
}

.photo-virification-list {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    padding: 15px;
    padding-bottom: 0;
    overflow: auto;
}

    .photo-virification-list .item {
        border: 2px solid;
        border-color: #25d205 #25d205 #1db500 #1db500;
        background: #fff;
        position: relative;
        border-radius: 2px;
        cursor: pointer;
        position: relative;
        text-align: center;
    }

        .photo-virification-list .item.invalid {
            border-color: #ff0000 #ff0000 #e63d72 #e63d72;
        }

        .photo-virification-list .item img {
            border-radius: 3px;
            margin-bottom: 5px;
        }

        .photo-virification-list .item span {
            display: block;
            padding: 2px 5px;
            line-height: 15px;
            text-align: center;
            font-size: 12px;
            color: #505050;
            letter-spacing: 0.5px;
        }

    .photo-virification-list .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        left: 0;
        right: 0;
        top: calc(50% - 35px);
        height: 0;
        overflow: visible;
    }

.modal.photo-verification-modal .modal-dialog {
    width: 1200px;
    max-width: 95%;
}












/*=======================Operator Settings======================*/
.operatorSettingsPage_inr {
    background: #f9f9f9;
    border: 1px solid #a5a5a5;
    height: calc(100% - 48px);
    overflow: auto;
}

.user-table {
    margin: 10px;
}

    .user-table table {
        table-layout: fixed;
        width: 100%;
        min-width: 800px;
    }

        .user-table table tr td i.fa {
            vertical-align: top;
            display: inline-block;
            color: #a6a6a6;
            margin-right: 4px;
            font-size: 15px;
            line-height: 16px;
        }

        .user-table table tr th,
        .user-table table tr td {
            padding: 12px 15px;
            vertical-align: middle;
        }

        .user-table table tr th {
            font-weight: normal;
            font-family: 'open_sanssemibold';
            padding-bottom: 8px;
            background: #d6d6d6;
            padding-top: 8px;
        }

        .user-table table tbody tr:nth-child(even) td {
            background: rgba(0, 0, 0, 0.04);
        }

        .user-table table tr th:nth-child(1), .user-table table tr td:nth-child(1) {
            width: 150px;
        }

        .user-table table tr th:nth-child(2), .user-table table tr td:nth-child(2) {
            width: 138px;
            text-align: center;
        }

        .user-table table tr th:nth-child(3), .user-table table tr td:nth-child(3) {
            width: 225px;
            text-align: center;
        }

        .user-table table tr th:nth-child(4), .user-table table tr td:nth-child(4) {
            width: 165px;
            text-align: center;
        }

        .user-table table tr th:nth-child(5), .user-table table tr td:nth-child(5) {
            width: 175px;
            text-align: center;
        }

        .user-table table tr th:nth-child(6), .user-table table tr td:nth-child(6) {
            width: 165px;
            text-align: center;
        }

        .user-table table tr th:nth-child(7), .user-table table tr td:nth-child(7) {
            width: 138px;
            text-align: center;
        }

        .user-table table tr th:nth-child(8), .user-table table tr td:nth-child(8) {
            width: 210px;
            text-align: center;
        }

.operatorSettings_INRBotm {
    text-align: left;
    padding: 10px;
}

.user-table .checkboxPanel label span {
    border-color: #b5b5b5;
}

/*=======================Crisis Mode Settings=======================*/
.crisisModeSettingsPage_inr {
    height: calc(100% - 48px);
    overflow: auto;
}

.crisisModeSettings-panel {
    padding: 15px 15px;
    background: #f5f5f5;
}

    .crisisModeSettings-panel .singelSelectRadioPlt label {
        display: block;
        font-family: 'Helvetica';
        font-weight: normal;
        margin: 0 0 4px;
    }

.loop-pnl {
    background: #fff;
    border: 1px solid #a5a5a5;
    border-radius: 2px;
    height: 278px;
    overflow: auto;
    padding: 5px 0;
}

    .loop-pnl .checkboxPanel {
        padding: 0;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

        .loop-pnl .checkboxPanel span.badge {
            position: absolute;
            right: 10px;
            top: 10px;
            font-weight: normal;
            font-size: 14px;
            cursor: pointer;
            transition: 0.3s ease all;
            color: #333;
            background: transparent;
            border-bottom: 1px solid #333;
            border-radius: 0;
            padding: 0 0 3px 0;
        }

.loop-pnl-otr label {
    font-weight: normal;
}

body .loop-pnl .checkboxPanel label {
    display: block !important;
    padding: 8px 15px;
    max-width: calc(100% - 148px);
}

    body .loop-pnl .checkboxPanel label p {
        white-space: normal;
    }

.loop-pnl .checkboxPanel.active label p {
    font-family: 'open_sanssemibold';
    color: #ff326b;
}

.loop-pnl-btn {
    margin: 10px 0 0 0;
}

    .loop-pnl-btn .btn {
        width: 150px;
        padding: 9px 5px;
        margin-top: 5px;
    }

        .loop-pnl-btn .btn + .btn {
            margin-left: 10px;
        }





/*=======================XML Configuration=======================*/
.xml-part {
    height: calc(100% - 48px);
}

    .xml-part .input-group {
        display: block;
        margin-bottom: 10px;
    }

        .xml-part .input-group label {
            display: block;
            font-family: 'Helvetica';
            font-weight: normal;
            margin: 0 0 4px;
        }

        .xml-part .input-group input,
        .xml-part .input-group select {
            background: #fff;
            border: 1px solid #c1c1c1;
            height: 34px;
            padding: 0 5px;
            width: 100%;
            border-radius: 1px;
        }

        .xml-part .input-group select {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background-color: #fff;
            background-image: url(../images/selectArow.png);
            background-position: calc(100% - 10px) 12px;
            background-repeat: no-repeat;
            padding: 0 5px;
            padding-right: 30px;
        }

.top-xml-select-part {
    padding: 15px 15px 5px;
    background: #f5f5f5;
}

.XML-edit-part .Editor-container {
    margin: 0;
}

.XML-edit-part .row-fluid > .btn-group:empty {
    display: none;
}

.XML-edit-part .row-fluid .Editor-editor {
    height: calc(100vh - 340px);
    min-height: 400px;
}

.update-btn {
    padding-top: 15px;
}



/*=======================Cardholder List Fields Settings=======================*/

.cardholder-list-fields-panel {
    padding: 15px 0 0 0;
}

    .cardholder-list-fields-panel .bottomBesicInfo span {
        padding-left: 0;
    }

.cardholder-list-fields-settings .doorReader_INR {
    height: calc(100% - 81px);
}



/*=======================Loop/Cluster Diagnostics=======================*/

.LoopCluster_INR {
    background: #f5f5f5;
}

.LoopCluster-panel-top {
    padding: 10px 15px 15px;
    background: #eee;
}

    .LoopCluster-panel-top .input-group .btn + .btn {
        margin-left: 5px;
    }

.LoopCluster-panel-table {
    padding: 15px;
}

    .LoopCluster-panel-table .lp-table {
        /* table-layout: fixed; */
    }

        .LoopCluster-panel-table .lp-table tr th:nth-child(1),
        .LoopCluster-panel-table .lp-table tr td:nth-child(1) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(2),
        .LoopCluster-panel-table .lp-table tr td:nth-child(2) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(3),
        .LoopCluster-panel-table .lp-table tr td:nth-child(3) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(4),
        .LoopCluster-panel-table .lp-table tr td:nth-child(4) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(5),
        .LoopCluster-panel-table .lp-table tr td:nth-child(5) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(6),
        .LoopCluster-panel-table .lp-table tr td:nth-child(6) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(7),
        .LoopCluster-panel-table .lp-table tr td:nth-child(7) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(8),
        .LoopCluster-panel-table .lp-table tr td:nth-child(8) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(9),
        .LoopCluster-panel-table .lp-table tr td:nth-child(9) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(10),
        .LoopCluster-panel-table .lp-table tr td:nth-child(10) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(11),
        .LoopCluster-panel-table .lp-table tr td:nth-child(11) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(12),
        .LoopCluster-panel-table .lp-table tr td:nth-child(12) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr th:nth-child(13),
        .LoopCluster-panel-table .lp-table tr td:nth-child(13) {
            width: auto;
        }

        .LoopCluster-panel-table .lp-table tr.danger {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#febbbb+0,fe9090+45,ff5c5c+100;Red+3D+%231 */
            background: #febbbb; /* Old browsers */
            background: linear-gradient(to bottom, #febbbb 0%,#ffc2c2 45%,#fbadad 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
        }

            .LoopCluster-panel-table .lp-table tr.danger td {
                background: transparent;
                color: #ff1717;
                border-color: #c16d6d;
                letter-spacing: 0.5px;
            }

.lp-input-group.input-group .dropdown.bootstrap-select.input-group-btn {
    display: block;
}

body.colorTheme .lp-input-group.input-group .dropdown.bootstrap-select.input-group-btn .btn.btn-default {
    background: transparent;
    background-color: #fff;
    background-image: url(../images/selectArow.png);
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding: 4px 5px;
    padding-right: 30px;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555555;
}

.lp-input-group.input-group .bootstrap-select .SeriesDisable {
    cursor: not-allowed;
}

.lp-input-group.input-group .bootstrap-select .dropdown-menu {
    margin-top: -1px;
    margin-left: -1px;
    padding: 0;
    border-radius: 0;
}

.lp-input-group.input-group .bootstrap-select > .dropdown-menu {
    border: 1px solid #1e90ff;
    box-shadow: none;
}

body.colorTheme .lp-input-group.input-group .dropdown.bootstrap-select.input-group-btn.open .btn.btn-default {
    border-color: #7b9dd4;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.lp-input-group.input-group .bootstrap-select .dropdown-menu li a {
    padding: 0px 5px;
    color: #555555;
}

.lp-input-group.input-group .bootstrap-select .dropdown-menu > .active > a {
    background: transparent;
    color: #333333;
}

.lp-input-group.input-group .bootstrap-select .dropdown-menu li a:hover {
    background: #1e90ff;
    color: #fff;
}

.lp-input-group.input-group .bootstrap-select .dropdown-menu li a.SeriesDisable:hover {
    background: #ddd;
    color: #555;
}

.SeriesDisable.SeriesDisable span {
    display: block;
    cursor: not-allowed;
}

/* Who's in */

.whosIn-sec {
    height: calc(100% - 96px);
}

.whosIn-sec-table {
    overflow: auto;
}

.whosIn-sec .lp-table {
    margin-bottom: 15px;
    min-width: 700px;
}

    .whosIn-sec .lp-table tr.active td {
        background: #efefef;
    }

ul.clickDropDown {
    padding: 0;
    margin: 0;
    width: 230px;
    position: absolute;
    background: #f7f7f7;
    z-index: 999;
    list-style: none;
    display: none;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
}

    ul.clickDropDown li a {
        display: block;
        padding: 8px 10px;
        color: #333;
    }

    ul.clickDropDown li + li {
        border-top: 1px solid #ececec;
    }

.whosIn-search-sec .personalSearchPlate {
    background: transparent;
    bottom: 8px;
    box-shadow: none;
    padding: 0;
    position: static;
    min-height: 1px;
    width: 33.33333333%;
}

.card-finder {
    margin-bottom: 20px;
}

.whosIn-search-sec .personalSearchPlate > h3 {
    display: none;
}

.whosIn-search-sec .personalSearchPlate .collapseSearchOpen {
    display: none;
}

.whosIn-search-sec .personalSearchPlate .personalSearchPlateInr {
    height: auto;
    margin-top: 0;
    overflow: auto;
    border-top: none;
    border-bottom: none;
    padding: 0;
}

.viewPhoto-modal .personImg {
    float: none;
}



.whosIn-search-sec {
    background: #f5f5f5;
    padding: 15px;
    height: calc(100% - 48px);
}

.lp-input-group.input-group .user-check > label.chkSingelLabel {
    display: inline-block;
}

    .lp-input-group.input-group .user-check > label.chkSingelLabel p {
        white-space: nowrap;
    }

    .lp-input-group.input-group .user-check > label.chkSingelLabel span {
        border-radius: 50%;
    }

    .lp-input-group.input-group .user-check > label.chkSingelLabel input[type="radio"]:checked + span:after {
        content: "";
        right: 2px;
        top: 2px;
        bottom: 2px;
        left: 2px;
        background: #808080;
        border-radius: 50%;
    }

    .lp-input-group.input-group .user-check > label.chkSingelLabel + label.chkSingelLabel {
        margin-left: 20px;
    }

.whosIn-search-sec .lp-input-group.input-group {
    margin-bottom: 15px;
}

.time-sec {
    margin-bottom: 20px;
    margin-top: 10px;
}

    .time-sec .lp-input-group.input-group {
        margin-bottom: 5px;
    }

.whosIn-search-sec .mCSB_container {
    height: 100%;
}

.whosIn-search-sec .box h4 {
    margin: 0 0 25px 0;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

    .whosIn-search-sec .box h4 span {
        position: relative;
        background: #f5f5f5;
        bottom: -7px;
        padding-right: 5px;
    }

.whosIn-search-sec .btn-sec {
    margin-bottom: 15px;
}

.modal.cardholderFind .modal-dialog {
    width: 400px;
    max-width: 100%;
}

.cardholderFind .lp-input-group + .lp-input-group {
    margin-top: 15px;
}

.cardholderFind .modal-footer {
    display: flex;
    justify-content: space-between;
    flex: 0 0 100%;
    text-align: left;
}

    .cardholderFind .modal-footer:after,
    .cardholderFind .modal-footer:before {
        display: none;
    }

    .cardholderFind .modal-footer label.chkSingelLabel p {
        white-space: nowrap;
    }

.userstatustselect .whosIn-search-sec {
    background: none;
    padding: 0;
    height: auto;
}

    .userstatustselect .whosIn-search-sec .box h4 span {
        background: #fff;
    }

    .userstatustselect .whosIn-search-sec .personalSearchPlate {
        width: 50%;
    }


/*=====================Elevator Mapping Page Start====================*/
.elevatorMapping .mainCTNPnlINR {
    padding-bottom: 0;
}

.elevatorMappingPageInr {
    height: calc(100% - 48px);
}

.col-sm-12.col-md-7.col-lg-6.col-xs-12.leftMapReader {
    width: 55%;
}

.col-sm-12.col-md-5.col-lg-6.col-xs-12.rightMapReader {
    width: 45%;
}


.elevatorMappingTopPart table {
    width: 100%;
    table-layout: fixed;
}

    .elevatorMappingTopPart table tr td {
        padding: 5px 7px;
        vertical-align: top;
    }

    .elevatorMappingTopPart table.redrSelect tr td:nth-child(1) {
        width: 380px;
    }

    .elevatorMappingTopPart table.redrSelect tr td:nth-child(2) {
        width: auto;
    }

    .elevatorMappingTopPart table.redrSelect tr td:nth-child(3) {
        width: 46px;
        text-align: center;
        padding-right: 0;
    }

    .elevatorMappingTopPart table tr td:last-child i.fa {
        font-size: 19px;
        cursor: pointer;
    }

        .elevatorMappingTopPart table tr td:last-child i.fa.fa-minus-circle {
            color: #ff326b;
        }

        .elevatorMappingTopPart table tr td:last-child i.fa.fa-plus-circle {
            color: #3eb100;
        }

.elevatorMappingPageInr select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(../images/selectArow.png);
    background-position: calc(100% - 10px) 12px;
    background-repeat: no-repeat;
    padding-right: 30px;
    padding: 0 5px;
    text-indent: -1.5px;
    font-size: 14px;
}

.elevatorMappingPageInr input.form-control {
    background-color: #fff;
    padding: 0 5px;
}

.elevatorMappingPageInr .elevatorMappingTopPart table tr td .singelSelectRadioPlt label {
    margin: 0;
    display: block;
    font-family: 'Helvetica';
    font-weight: normal;
    color: #3f3f3f;
}

.elevatorMappingTopPart table.listTable tr td {
    vertical-align: middle;
}

    .elevatorMappingTopPart table.listTable tr td:last-child {
        text-align: left;
    }

.listTableCvr {
    border: 1px solid #a5a5a5;
    padding: 4px 0;
    background: #fff;
    border-radius: 3px;
}

.elevatorMappingTopPart table.redrSelect tr td {
    padding-top: 0;
}

.elevatorMappingTopPart table tr td span.form-control {
    background-color: #EBEBEB !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elevatorMappingTopPart table.redrSelect tr td:first-child {
    padding-left: 0;
}

table.redrSelect .redCamList .singelSelectRadioPlt,
.listTableCvr {
    height: calc(100vh - 244px);
}

.elevatorMappingTopPart table.listTable tr td:nth-child(2) {
    width: 30%;
}

.elevatorMappingTopPart table.listTable tr td:nth-child(3) {
    width: auto
}

.elevatorMappingTopPart table.listTable tr td:nth-child(4) {
    width: 87px;
}

.redCamListHD {
    height: 100px;
}

    .redCamListHD > h2 {
        margin: 0;
        font-size: 16px;
        padding-bottom: 7px;
        color: #f00;
    }

        .redCamListHD > h2.mapReaderHd {
            padding-top: 68px;
            padding-bottom: 0;
            font-size: 18px;
            text-align: center;
            color: #f00;
        }

    .redCamListHD .searchRow.row {
        margin: 0 -5px;
        margin-bottom: 15px;
    }

.searchRow label {
    font-weight: normal;
    white-space: nowrap;
}

.searchRow div[class*="col-"] {
    padding: 0 5px;
}

    .searchRow div[class*="col-"] .btn {
        margin-top: 23px;
    }

.searchRow .col-xs-5 {
    width: calc(50% - 25px);
}

.searchRow .col-xs-10 {
    width: calc(100% - 50px);
}

.searchRow .col-xs-4 {
    width: calc(50% - 50px);
}

.searchRow .col-xs-2 {
    width: 50px;
}

    .searchRow .col-xs-2 .btn {
        width: 100%;
    }

.btn.addRdrMapBtn {
    margin-top: 100px;
}

.rightMapReader .searchRow .col-xs-3 {
    padding: 0 5px;
    width: calc(33.333% - 16.666px);
}


.topAutentic {
    margin-bottom: 15px;
    background: #eaeaea;
}

.topAutenticLeft {
    float: left;
    width: calc(100% - 133px);
    padding: 10px 12px;
    max-width: 350px;
}

.topAutenticRight {
    float: left;
    width: 130px;
    margin-left: 3px;
    padding: 10px 12px;
}

    .topAutenticRight .btn {
        width: 100%;
    }

.listTableCvr .mCSB_container {
    min-height: 100%;
}

.user-multiple-camera .multiselect-native-select {
    display: block;
}

    .user-multiple-camera .multiselect-native-select .btn-group {
        display: block;
    }

        .user-multiple-camera .multiselect-native-select .btn-group .multiselect.btn {
            width: 100%;
        }

            .user-multiple-camera .multiselect-native-select .btn-group .multiselect.btn .multiselect-selected-text {
                display: block;
                text-align: left;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .user-multiple-camera .multiselect-native-select .btn-group .multiselect.btn .caret {
                display: none;
            }

body .user-multiple-camera .multiselect-native-select .btn-group .btn.btn-default.multiselect.dropdown-toggle {
    background-color: #fff !important;
    border: 1px solid #c1c1c1 !important;
    color: #000 !important;
    background-image: url(../images/selectArow.png) !important;
    background-position: calc(100% - 10px) 12px !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    box-shadow: none;
    float: none;
}

.user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu {
    width: 100%;
    max-height: 210px;
    overflow: auto;
}

    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li.multiselect-item {
        margin-bottom: 0;
    }

    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li label {
        display: block;
        margin: 0;
        font-weight: normal;
        padding: 5px 10px;
        position: relative;
        padding-left: 40px;
        font-family: 'open_sansregular';
        white-space: normal;
        line-height: 20px;
        width: auto;
    }

        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li label input {
            display: none;
        }

        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li label:after {
            top: 6px;
            left: 10px;
            width: 18px;
            height: 18px;
            border: 1px solid #898989;
            content: "";
            position: absolute;
        }

    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu li.active label::before {
        position: absolute;
        left: 13px;
        top: 7px;
        content: "\f00c";
        color: #535353;
        font-family: 'FontAwesome';
        font-size: 13px;
        line-height: 15px;
    }

    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a,
    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:hover,
    .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:focus {
        color: #151515;
    }

        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a,
        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:hover,
        .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:focus {
            background: #e0e0e0;
            color: #151515;
        }




.listTableCvr .listTable tr:nth-last-of-type(1) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTableCvr .listTable tr:nth-last-of-type(2) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTableCvr .listTable tr:nth-last-of-type(3) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTableCvr .listTable tr:nth-last-of-type(4) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTableCvr .listTable tr:nth-last-of-type(5) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu {
    top: auto;
    bottom: 0;
}


.listTableCvr .listTable tr:nth-child(1) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTableCvr .listTable tr:nth-child(2) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTableCvr .listTable tr:nth-child(3) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu,
.listTableCvr .listTable tr:nth-child(4) .user-multiple-camera .multiselect-native-select .multiselect-container.dropdown-menu {
    top: 100%;
    bottom: auto;
}

.elevatorMappingPageInr .rightMapReader .mCSB_container {
    min-height: 100%;
}


/*=====================Elevator Mapping Page End====================*/


/*====================Error Page Start =================================*/

.forError {
    width: 100%;
}

.error-wrapper {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

    .error-wrapper h1 {
        font-size: 140px;
        /* color: #ababab; */
        text-align: center;
        margin-bottom: 20px;
        font-weight: bold;
        /* text-shadow: 0px 2px 7px #bbbbbb; */
        background: linear-gradient(to right, #ac2b30 0%, #580118 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .error-wrapper .opps-subtxt {
        color: #000;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: .5px;
        text-transform: uppercase;
    }

    .error-wrapper .opps-address {
        display: table;
        color: #666;
        font-size: 14px;
        text-align: center;
        margin: 10px auto 10px;
    }

        .error-wrapper .opps-address span {
            display: block;
        }

    .error-wrapper .opps-undefined {
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        color: #777;
        margin: 15px auto;
    }

    .error-wrapper .continue-btn {
        background-color: #1346af;
        color: #fff;
        border: 1px solid #1346af;
        border-radius: 20px;
        padding: 6px 20px;
        text-transform: uppercase;
        border-radius: 20px;
        padding: 8px 30px;
        margin-top: 15px;
    }

/*====================Error Page End =================================*/



/*======================= CardholderFieldSettings Start==================*/
/*.che_Home_Phone {
    clear:both;
}*/

.settingForHomePhone{
    clear:left;
}
.enabledisablePnlInr {
    position: relative;
}

    .enabledisablePnlInr label {
        position: absolute;
        right: -5px;
        z-index: 999;
    }

    .enabledisablePnlInr input {
        position: absolute;
        right: 0;
        z-index: 999;
    }
.check-group_new {
    height: 72px;
    display: block;
    position: relative;
    top:25px;
}
.check-group {
    height: 72px;
    display: block;
    position: relative;
    /*top: 25px;*/
}
.addseeting_check-group {
    height: 72px;
    display: block;
}

/**/
.custom_checkboxPanel label input {
    display: none;
}

.custom_checkboxPanel label span {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    background: none;
    position: relative;
    background-color: #fff;
}
.custom_checkboxPanel label p {
    display: inline-block;
    max-width: calc(100% - 50px);
    vertical-align: top;
    margin: 0;
    padding-left: 7px;
}
.custom_checkboxPanel label input:checked + span:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f00c";
    left: 2px;
    top: -1px;
    color: #8A8A8A;
    font-size: 12px;
    line-height: 19px;
}

/**/

/**/
.custom_checkboxPanelnolabel input {
    display: none;
}

.custom_checkboxPanelnolabel span {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    background: none;
    position: relative;
    background-color: #fff;
}

.custom_checkboxPanelnolabel p.txthide {
    display: none;
    max-width: calc(100% - 50px);
    vertical-align: top;
    margin: 0;
    padding-left: 7px;
}

.custom_checkboxPanelnolabel input:checked + span:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f00c";
    left: 2px;
    top: -1px;
    color: #8A8A8A;
    font-size: 12px;
    line-height: 19px;
}

/**/

.custom_checkboxPanel_noinline label input {
    display: none;
}

.custom_checkboxPanel_noinline label span {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    background: none;
    position: relative;
    background-color: #fff;
}

.custom_checkboxPanel_noinline label p {
    display: inline-block;
    max-width: calc(100% - 50px);
    vertical-align: top;
    margin: 0;
    padding-left: 7px;
}

.custom_checkboxPanel_noinline label input:checked + span:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f00c";
    left: 2px;
    top: -1px;
    color: #8A8A8A;
    font-size: 12px;
    line-height: 19px;
}
/*======================= CardholderFieldSettings End==================*/