@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;
                    }
                    .warnCrisisMode span {
                        color: red;
                    }	
                    /*--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;
                    }

                    .modal.gal_loopMdl .modal-body .loopInfomationSelectInr {
                        overflow-y: auto;
                    }

                    .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 select {
                        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;
                    }

                    /*.input-group-multi-select .multiselect-native-select .accessGroup .btn-group .dropdown-menu {
                        top: 30px;
                        bottom: 0;
                        max-width: 100%;
                        padding: 10px;
                        height: 115px;
                        overflow: scroll;
                    }*/
                    .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;
                    }

                    .warnADMappedLock {
                        color: red;
                    }
                    
                    .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 .required:before {
                        content: "*";
                        color: red;
                    }

                    .emailInputRow .input-group {
                        float: left;
                        width: calc(100% - 150px);
                        display: block;
                    }

                    .emailInputRow .input-group .form-control {
                        float: none;
                        /*width: 240px;*/
                    }
                    .emailInputRow .input-group .dateSelector {
                        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;
                    }
                        /*.emailInputRow .input-group .form-control .accessGroup{
                            float: none;
                            width: 260px;
                        }*/
                        .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: 30px;
    bottom: 0;
    max-width: 100%;
    padding: 10px;
    height: 160px;
    overflow: auto;
    position: static;
}
                    
                    .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;
                    }


.input-group-multi-select.adminreport .multiselect-native-select .btn-group .dropdown-menu li label input {
    display: none;
}

.input-group-multi-select.adminreport .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;
}


.input-group-multi-select.adminreport .multiselect-native-select .btn-group .btn.btn-default {
    /*width: 240px;*/
    height: 34px;
    text-align: left;
    float: none;
    clear: both;
    display: block;
}
.input-group-multi-select.adminreport .multiselect-native-select .btn-group .dropdown-menu {
    top:0;
    bottom: 0;
    max-width: 100%;
    padding: 10px;
    height: 160px;
    overflow: auto;
    /*width: 240px;*/
}

.input-group-multi-select.adminreport .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;
}
   

.input-group-multi-select.adminreport button.btn.btn-default.multiselect-clear-filter {
    width: 100% !important;
}
.input-group-multi-select.adminreport .multiselect-container {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.input-group-multi-select.adminreport .emailInputRow .input-group .form-control {
    float: none;
    width: 100%;
}
.adminreportsave {
    display: inline-block;
    float: right;
}
/*
.input-group-multi-select.adminreport .emailInputRow .input-group .form-control .multiselect-search {
    width: 125px;
    height: 35px;
}*/

.reportSaveBtn {
    margin: 10px 35px;
}
                    /*======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;
                    }
                    
                    .operatorSettingsPage_inr .user-table {
                        margin: 10px;
                    }
                    
                    .operatorSettingsPage_inr .user-table table {
                        table-layout: fixed;
                        width: 100%;
                        min-width: 800px;
                    }
                    
                    .operatorSettingsPage_inr .user-table table thead {
                        background: #d6d6d6;
                        position: sticky;
                        top: 0;
                        z-index: 9;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr td i.fa {
                        vertical-align: top;
                        display: inline-block;
                        color: #a6a6a6;
                        margin-right: 4px;
                        font-size: 15px;
                        line-height: 16px;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th,
                    .operatorSettingsPage_inr .user-table table tr td {
                        padding: 12px 15px;
                        vertical-align: middle;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th {
                        font-weight: normal;
                        font-family: 'open_sanssemibold';
                        padding-bottom: 8px;
                        background: #d6d6d6;
                        padding-top: 8px;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tbody tr:nth-child(even) td {
                        background: rgba(0, 0, 0, 0.04);
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(1),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(1) {
                        width: 150px;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(2),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(2) {
                        width: 138px;
                        text-align: center;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(3),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(3) {
                        width: 225px;
                        text-align: center;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(4),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(4) {
                        width: 165px;
                        text-align: center;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(5),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(5) {
                        width: 175px;
                        text-align: center;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(6),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(6) {
                        width: 165px;
                        text-align: center;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(7),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(7) {
                        width: 138px;
                        text-align: center;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(8),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(8) {
                        width: 210px;
                        text-align: center;
                    }
                    
                    .operatorSettingsPage_inr .user-table table tr th:nth-child(9),
                    .operatorSettingsPage_inr .user-table table tr td:nth-child(9) {
                        width: 138px;
                        text-align: center;
                    }
                    
                    .operatorSettingsPage_inr .operatorSettings_INRBotm {
                        text-align: left;
                        padding: 10px;
                    }
                    
                    .operatorSettingsPage_inr .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==================*/
                    /*======================= ScheduledDoorAction Start==================*/
                    
                    .ScheduledDoorActionPage_INR {
                        height: calc(100% - 48px);
                    }
                    
                    .ScheduledDoorActionPage_INR .input-group .card_datepick.input-group.datetimePic {
                        display: table;
                    }
                    
                    .ScheduledDoor_content {
                        padding: 15px 15px 5px;
                        background: #f5f5f5;
                    }
                    
                    .ScheduledDoor_content .input-group {
                        display: block;
                        margin-bottom: 15px;
                    }
                    
                    .ScheduledDoor_content .input-group label {
                        display: block;
                        font-family: 'Helvetica';
                        font-weight: normal;
                        margin: 0 0 4px;
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt {
                        background: #fff;
                        border: 1px solid #a5a5a5;
                        border-radius: 2px;
                        /*height:235px;*/
                        height: 600px;
                        overflow: auto;
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt label {
                        border-bottom: none;
                        margin: 0;
                        cursor: pointer;
                        margin-bottom: 0 !important;
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt label.datetime {
                        border-bottom: none;
                        margin: 0;
                        cursor: pointer;
                        margin-bottom: 0 !important;
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt label p {
                        margin: 0;
                        padding: 8px 12px;
                        color: #444444;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        flex-wrap: wrap;
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt label p span.badge_lft_txt {
                        margin: 0;
                        padding: 8px 12px;
                        color: #444444;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        flex-wrap: wrap;
                        width: calc(100% - 50px);
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt label p span.badge {
                        font-weight: normal;
                        background: #fff;
                        border: 1px solid #ff326b;
                        color: #ff326b;
                        margin-left: auto;
                        width: 25px;
                        height: 25px;
                        border-radius: 50%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt label.input_label {
                        border-bottom: none;
                        margin-bottom: 5px;
                    }
                    
                    .p3 {
                        padding: 15px;
                    }
                    
                    .ScheduledDoorActionPage_INR .input-group input,
                    .ScheduledDoorActionPage_INR .input-group select {
                        background: #fff;
                        border: 1px solid #c1c1c1;
                        height: 34px;
                        padding: 0 5px;
                        width: 100%;
                        border-radius: 1px;
                    }
                    
                    .ScheduledDoorActionPage_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;
                    }
                    
                    .ScheduledDoorActionPage_INR .singelSelectRadioPlt label input {
                        display: none;
                    }
                    
                    .ScheduledDoorActionPage_INR .singelSelectRadioPlt label.all_checkbox input {
                        background: #fff;
                        border: 1px solid #c1c1c1;
                        height: auto !important;
                        padding: 0 5px;
                        width: auto !important;
                        border-radius: 1px;
                        display: block !important;
                        position: relative;
                        top: -3px;
                        margin-right: 10px;
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt .checklist {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: flex-start;
                        align-items: center;
                    }
                    
                    .ScheduledDoor_content .singelSelectRadioPlt .checklist .checklistbox {
                        padding-right: 30px;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        min-width: 180px;
                    }
                    
                    .ScheduledDoorActionPage_INR .input-group .checklist .checklistbox input.checkclick {
                        background: #fff;
                        border: 1px solid #c1c1c1;
                        height: 24px;
                        padding: 0 5px;
                        border-radius: 1px;
                        width: 24px;
                        margin-right: 10px;
                    }
                    
                    .select_box_content {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        border-bottom: 1px solid #e4e4e4;
                    }
                    
                    .select_box_content label.select_box_content_lft {
                        width: calc(100% - 50px);
                        border-bottom: none;
                    }
                    
                    .select_box_content label.select_box_content_ryt {
                        margin-left: auto;
                        border-bottom: none;
                    }
                    
                    .singelSelectRadioPlt_ryt {
                        height: calc(100% - 44px);
                        overflow: auto;
                    }
                    
                    .singelSelectRadioPlt_ryt_btn {
                        height: 44px;
                        background: #e4e4e4;
                        display: flex;
                        justify-content: flex-start;
                        padding: 0 10px;
                        align-items: center;
                    }
                    
                    .singelSelectRadioPlt_ryt_btn .singelSelectRadioPlt_ryt_btn_savecancel {
                        margin-left: auto;
                    }
                    
                    .ScheduledDoor_content .input-group.card_datepick {
                        display: table;
                        width: 100%;
                    }
                    .insideReportCntrl .rightInsideSelctor .emailInputRow .input-group.customreport_datepick.datetimePic, .datetimePic {
                        display: table;
                        width: 100%;
                    }


                    .CardholderPhotodelete {
                        color:red;
                        position: absolute;
                        left: 20px;
                        top: 10px;
                        display: none;
                        z-index: 999;
                        cursor: pointer;
                    }

                    .ScheduledDoor_content .input-group.input-group.card_datepick input {
                        border-radius: 3px 0 0 3px;
                    }



                .ScheduledDoor_content .input-group.card_datepick span.input-group-addon {
                    cursor: pointer;
                    /*======================= ScheduledDoorAction End==================*/
                }

                .biometricsettingsBorder {
                    margin: 15px 0 0 0;
                    border-top: 2px solid #000000;
                    padding-top: 12px;
                }

                .biometricSettingsFooter {
                    margin-top: 15%;
                    margin-bottom: 2%;
                }

                .biometricsettingsBackground {
                    background-color: lightgray
                }

                .biometricsettingsBoldfont {
                    font-weight: bold
                }

                .biometricsettingsAPIURL {
                    margin-top: 2%
                }

                body .btn.btn-success.biometricsettingsDeleteBgColor {
                    background-color: red;
                }