@import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');

/* ************      In-active css - start ***************** */
    /* Fullscreen overlay */
    #overlay-screen-lock {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #3f7a2f;
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 20000 !important;
        overflow: hidden;
        /* animation: fadeInBackground 0.2s ease-in-out !important; */
    }

    /* @keyframes fadeInBackground {
        from {
            background-color: rgba(0, 0, 0, 0);
        }
        to {
            background-color: #3f7a2f;
        }
    } */

    /* Slider container */
    #slider-screen-lock {
        position: relative;
        width: 100%;
        height: 100%;
    }

    #slider-screen-lock img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transition: opacity 1s ease-in-out !important;
    }

    #slider-screen-lock img.active {
        opacity: 1;
    }

/* ************      In-active css - end ***************** */

body {
    /* background-color: #eaf0f7; */
    /* background: #42A813; */
    background: #f4f6f9;
    font-family: 'Questrial', sans-serif;
    /* font-size: 15px; */
    font-size: 1.2em;
    color: #0b2e4e;
}

body {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation: fadeInAnimation ease 2s;
}

span.masq-span {
    font-size: 12px;
    font-weight: bold;
}

tr.unseen {
    font-weight: bold;
    background-color: #03a9f521 !important;
}

.table-striped tbody tr:nth-of-type(odd).unseen {
    background-color: #03a9f521 !important;
}

.table-striped tbody tr:nth-of-type(even).unseen {
    background-color: #03a9f521 !important;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* .content-wrapper {
background: #eaf0f7;
} */
::placeholder {
    color: #ccc;
    font-weight: normal;
}

ul.navbar-nav {
    margin-left: 14px;
}

.nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background-color: rgba(255, 255, 255, .0);
}

.main-sidebar {
    /* background-color: #0b2e4e; */
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #3f7a2f;
    position: fixed !important;
    background-size: cover;
    /* background-image: url(../img/side_bar_bg.png); */
    background-color: #f4f4f4;
    width: 340px;
}

.assign_icon {
    width: 21px;
    height: auto;
    margin-left: -4px;
}

/* .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused, */

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
    width: 74px;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover {
    width: 320px;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link {
    width: 320px;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item>.nav-link {
    text-align: left;
}

.sidebar-mini.sidebar-collapse .main-sidebar .menu-open>.nav-treeview {
    display: none !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .menu-open>.nav-treeview {
    display: block !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image.logoBig {
    display: block;
    margin-left: 9px;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image.logoSml {
    display: none;
}

.sidebar-collapse .main-sidebar,
.sidebar-collapse .main-sidebar::before {
    margin-left: -320px;
}

.nav-sidebar .nav-item>.nav-link {
    margin-bottom: .2rem;
    color: #0b2e4e !important;
    font-size: 1.2em;
}

.vertical_line {
    border-top: 1px dotted #fff;
}

.nav-sidebar .nav-item>.nav-link:hover,
.nav-sidebar .nav-item>.nav-link.actNav {
    background: #3f7a2f !important;
    color: #fff !important;
}

.nav-sidebar .nav-item>.nav-link:hover .nav-icon,
.nav-sidebar .nav-item>.nav-link.actNav .nav-icon {
    color: #fff;
}

.navbar-white {
    background: #3f7a2f;
    color: #fff;
    padding: 13px 0.5rem;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .dropdown-toggle {
    color: #fff;
    padding-bottom: 4px;
}

a.dropdown-toggle:hover {
    color: #000 !important;
}

.nav-sidebar>.nav-item a.nav-link:hover {
    /* -webkit-transform: translateX(5px);
transform: translateX(5px);
-webkit-transition: -webkit-transform .25s ease; */
}

.nav-link {
    display: block;
    padding: 0.4rem 0.3rem;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon {
    font-size: 10px;
    vertical-align: top;
    margin-top: 7px;
}

.sidebar-mini .logoSml {
    display: none;
    margin-left: 0;
    margin-right: 0;
}

.nav-sidebar .nav-link>.right,
.nav-sidebar .nav-link>p>.right {
    right: 1.5rem !important;
}

.sidebar-mini.sidebar-collapse .logoSml {
    display: block;
}

.sidebar-mini.sidebar-collapse .logoBig {
    display: none;
}


/* .nav.nav-treeview:hover .nav-link {
-webkit-transform: translateX(5px);
transform: translateX(5px);
-webkit-transition: -webkit-transform .25s ease;
} */

.brand-link .brand-image {
    float: inherit;
    max-height: 56px;
    padding: 3px 0 0;
}

.brand-link {
    border-bottom: 1px solid #3f7a2f !important;
    background: #3f7a2f;
    color: #fff;
    padding: 6px 0;
}

a {
    color: #0b2e4e;
}

.navbar-nav>.user-menu .user-image {
    margin-top: 0;
}

.navbar-nav>.user-menu>.dropdown-menu {
    right: 0;
    left: initial;
}

.form-control.form-control-navbar {
    width: 320px;
    /* border-radius: 20px 0px 0px 20px; */
    border-radius: 4px 0px 0px 4px;
}

.main-header.navbar .input-group-append .btn.btn-navbar {
    /* border-radius: 0 20px 20px 0; */
    border-radius: 0 4px 4px 0;
}

.card {
    box-shadow: none !important;
    background: none;
    margin-bottom: 0;
}

.card .cardBoxBg {
    background: rgba(255, 255, 2555, 0.6) !important;
    padding: 34px 20px 10px;
}

.card .cardBoxBg .alert {
    margin-bottom: 24px;
    font-size: 16px;
    margin-top: -18px;
}

.card-header {
    border-bottom: 0px solid rgba(0, 0, 0, .125);
    padding-bottom: 0;
}

.content-header h1 {
    color: #0b2e4e;
    margin-left: 19px;
}


/* material css */

.button-container {
    text-align: center;
}

fieldset {
    margin: 0 0 3rem;
    padding: 0;
    border: none;
}

.form-radio,
.form-group {
    position: relative;
    margin-top: 6px;
    margin-bottom: 42px;
}

.form-group {
    text-align: left;
    margin-right: 7px;
    margin-left: 7px;
}

.form-inline>.form-group,
.form-inline>.btn {
    display: inline-block;
    margin-bottom: 0;
}

.form-help {
    margin-top: 0.125rem;
    margin-left: 0.125rem;
    color: #b3b3b3;
    font-size: 0.8rem;
}

.checkbox .form-help,
.form-radio .form-help,
.form-group .form-help {
    position: absolute;
    width: 100%;
}

.checkbox .form-help {
    position: relative;
    margin-bottom: 1rem;
}

.form-radio .form-help {
    padding-top: 0.25rem;
    margin-top: -1rem;
}

.form-group input {
    height: 1.9rem;
}

.form-group textarea {
    resize: none;
}

.form-group select {
    width: 100%;
    font-size: 1rem;
    height: 1.9rem;
    background: none;
    border: 1px solid #999;
    line-height: 1.6;
    box-shadow: none;
    border-radius: 5px;
    padding: 6px 10px 5px 30px;
    font-weight: 700;
    background: url(../img/arrow-down.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 12px bottom 10px;
    line-height: normal;
    -webkit-appearance: none;
}

.form-group .control-label {
    position: absolute;
    top: -28px;
    left: 0px;
    pointer-events: inherit;
    padding-left: 0.125rem;
    z-index: 1;
    color: #0b2e4e;
    font-weight: normal !important;
    font-size: 1rem;
}

.form-group .iconInput {
    position: absolute;
    left: 8px;
    bottom: 7px;
    color: #ccc;
    z-index: 1;
    top: 5px;
}

.form-group .bar {
    position: relative;
    border-bottom: 0 solid #ccc;
    display: none;
}

.form-group .bar::before {
    content: '';
    height: 0.125rem;
    width: 0;
    left: 50%;
    bottom: -0.0625rem;
    position: absolute;
    background: #337ab7;
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
}

.form-group input,
.form-group textarea {
    display: block;
    background: none;
    padding: 6px 10px 6px 36px;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    line-height: normal;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    border: 1px solid #999;
    border-radius: 5px;
    font-weight: 700;
    color: #0b2e4e;
}

.form-group input[type="file"] {
    line-height: 1;
}

.form-group input[type="file"]~.bar {
    display: none;
}

.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
    color: #0b2e4e;
}

.form-group select~.control-label,
.form-group input:focus~.control-label,
.form-group input:valid~.control-label,
.form-group input.form-file~.control-label,
.form-group input.has-value~.control-label,
.form-group textarea:focus~.control-label,
.form-group textarea:valid~.control-label,
.form-group textarea.form-file~.control-label,
.form-group textarea.has-value~.control-label {
    font-size: 1rem;
    color: #0b2e4e;
    top: -28px;
    left: 0px;
    font-weight: normal !important;
}

.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
    outline: none;
}

.form-group select:focus~.control-label,
.form-group input:focus~.control-label,
.form-group textarea:focus~.control-label {
    color: #3f7a2f;
}

.form-group select:focus~.bar::before,
.form-group input:focus~.bar::before,
.form-group textarea:focus~.bar::before {
    width: 100%;
    left: 0;
}

span.invalid-feedback {
    position: absolute;
    bottom: -16px;
}

.checkbox label,
.form-radio label {
    position: relative;
    cursor: pointer;
    /* padding-left: 1.8rem; */
    padding-left: 1rem;
    text-align: left;
    display: block;
}

.checkbox input,
.form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}

.checkbox input,
.form-radio input {
    width: auto;
    opacity: 1;
    position: initial;
    left: 0;
}

.form-group.radioBtn label {
    font-weight: 600 !important;
    font-size: 1rem;
}

.form-group.radioBtn label.control-label {
    font-weight: normal !important;
    font-size: 0.83rem;
}

tr td .checkbox label,
tr td .form-radio label {
    margin: 0;
}

.radio {
    margin-bottom: 1rem;
}

.radio .helper {
    position: absolute;
    top: -0.25rem;
    left: -0.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
}

.radio .helper::before,
.radio .helper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.25rem;
    width: 1rem;
    height: 1rem;
    -webkit-transition: -webkit-transform 0.28s ease;
    transition: -webkit-transform 0.28s ease;
    transition: transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.125rem solid currentColor;
}

.radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #337ab7;
    border-color: #337ab7;
}

.radio label:hover .helper {
    color: #337ab7;
}

.radio input:checked~.helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.radio input:checked~.helper::before {
    color: #337ab7;
}

.checkbox {
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkbox .helper {
    color: #999;
    position: absolute;
    top: 3px;
    left: 0;
    width: 1rem;
    height: 1rem;
    z-index: 0;
    border: 0.125rem solid currentColor;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease;
    display: none;
}

.checkbox .helper::before,
.checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 0.2rem;
    background-color: #337ab7;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 0.25rem;
    content: '';
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
}

.checkbox .helper::before {
    top: 0.65rem;
    left: 0.38rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-shadow: 0 0 0 0.0625rem #fff;
}

.checkbox .helper::after {
    top: 0.3rem;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox label:hover .helper {
    color: #337ab7;
}

.checkbox input:checked~.helper {
    color: #337ab7;
}

.checkbox input:checked~.helper::after,
.checkbox input:checked~.helper::before {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    transition: height 0.28s ease;
}

.checkbox input:checked~.helper::after {
    height: 0.5rem;
}

.checkbox input:checked~.helper::before {
    height: 1.2rem;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: 1rem;
}

.has-error .legend.legend,
.has-error.form-group .control-label.control-label {
    color: #d9534f;
}

.has-error.form-group .form-help,
.has-error.form-group .helper,
.has-error.checkbox .form-help,
.has-error.checkbox .helper,
.has-error.radio .form-help,
.has-error.radio .helper,
.has-error.form-radio .form-help,
.has-error.form-radio .helper {
    color: #d9534f;
}

.has-error .bar::before {
    background: #d9534f;
    left: 0;
    width: 100%;
}

a.dropdown-item {
    /* background: #3f7a2f;
        color: #fff!important;
        margin-bottom: 1px; */
}

a.dropdown-item:hover {
    /* color: #fff!important;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
        background: #4E3396!important; */
}

.button {
    border-radius: 4px;
    position: relative;
    background: currentColor;
    border: 1px solid currentColor;
    font-size: 1.1rem;
    color: #fff;
    background: #3f7a2f;
    margin: 10px 0;
    padding: .34rem .75rem;
    cursor: pointer;
    -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    overflow: hidden;
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); */
    box-shadow: none;
    vertical-align: top;
    border: 1px solid #3f7a2f;
    font-size: 1em;
    height: 42px;
}

.button:hover {
    color: #fff;
    background: #3f7a2f !important;
    border-color: #3f7a2f !important;
}

.button span {
    color: #fff;
    position: relative;
    z-index: 1;
}

.button::before {
    content: '';
    content: initial;
    position: absolute;
    background: #071017;
    border: 50vh solid #1d4567;
    width: 30vh;
    height: 30vh;
    border-radius: 50%;
    display: block;
    top: 50%;
    left: 50%;
    z-index: 0;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.button:hover,
a.dropdown-toggle:hover.button,
.button:focus {
    color: #fff !important;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    background: #4E3396 !important;
    border: 1px solid #4E3396 !important;
}

.button:active::before,
.button:focus::before {
    /* -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease; */
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}

.button:focus {
    outline: none;
}

.table .iconLink:focus {
    color: #4E3396;
}

/* material css end */

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

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(69, 105, 131, 0.08) !important;
}

.table-bordered {
    border: 0px solid #dee2e6;
}

.table-bordered thead th {
    border-bottom-width: 1px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    bottom: 7px;
}

.page-item.active .page-link {
    background-color: #4E3396;
    border-color: #4E3396;
    height: 36px;
    margin-top: 10px;
    border: 0px solid #4E3396;
}

.page-item .page-link:hover {
    color: #fff !important;
    background: #4E3396 !important;
    /* border-color: inherit!important; */
}

.page-link {
    color: #0b2e4e;
}

.table {
    color: #0b2e4e !important;
}

.table-bordered td,
.table-bordered th {
    border: 0px solid #dee2e6;
}

.table .iconLink {
    padding: 4px;
}

.table .iconLink:hover {
    color: #4E3396 !important;
}

.deleteIcon {
    color: #dc3545 !important;
}

.editIcon {
    color: #28a745 !important;
}

.sendIcon {
    color: #fbaa0e !important;
}

.checkIcon {
    color: #0b2e4e !important;
}

.recentAct {
    background: rgba(255, 255, 2555, 0.6);
    padding: 20px;
    text-align: center;
    color: #0b2e4e;
    font-weight: normal;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.recentAct h2 {
    font-size: 24px;
}

.card-title {
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    color: #0b2e4e;
}

.profile-username {
    color: #0b2e4e;
    font-weight: bold;
}

.navbar-expand .navbar-nav .dropdown-menu {
    border: 0;
    border-radius: .25rem;
    /* padding-top: 8px; */
}

.dropdown-menu-lg .dropdown-item {
    padding: .9rem 1rem .5rem;
}


/* .dropdown-menu.show {
-webkit-transition: opacity .25s, width .3s ease, -webkit-transform .25s;
transition: opacity .25s, width .3s ease, -webkit-transform .25s;
transition: opacity .25s, transform .25s, width .3s ease;
transition: opacity .25s, transform .25s, width .3s ease, -webkit-transform .25s;
} */

.dbBg {
    background-image: url(../img/db_bg.png);
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-info {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f85032+0,f02f17+100 */
    background: #f85032;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f85032 0%, #f02f17 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f85032 0%, #f02f17 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f85032 0%, #f02f17 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#f02f17', GradientType=0);
    /* IE6-9 */
}

.bg-info:hover {
    background: rgba(189, 40, 17, 1);
    background: -moz-linear-gradient(top, rgba(189, 40, 17, 1) 0%, rgba(179, 29, 13, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189, 40, 17, 1)), color-stop(100%, rgba(179, 29, 13, 1)));
    background: -webkit-linear-gradient(top, rgba(189, 40, 17, 1) 0%, rgba(179, 29, 13, 1) 100%);
    background: -o-linear-gradient(top, rgba(189, 40, 17, 1) 0%, rgba(179, 29, 13, 1) 100%);
    background: -ms-linear-gradient(top, rgba(189, 40, 17, 1) 0%, rgba(179, 29, 13, 1) 100%);
    background: linear-gradient(to bottom, rgba(189, 40, 17, 1) 0%, rgba(179, 29, 13, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bd2811', endColorstr='#b31d0d', GradientType=0);
}

.bg-success {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008a00+1,005700+99 */
    background: #008a00;
    /* Old browsers */
    background: -moz-linear-gradient(top, #008a00 1%, #005700 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #008a00 1%, #005700 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #008a00 1%, #005700 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008a00', endColorstr='#005700', GradientType=0);
    /* IE6-9 */
}

.bg-success:hover {
    background: rgba(4, 102, 4, 1);
    background: -moz-linear-gradient(top, rgba(4, 102, 4, 1) 0%, rgba(2, 71, 2, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4, 102, 4, 1)), color-stop(100%, rgba(2, 71, 2, 1)));
    background: -webkit-linear-gradient(top, rgba(4, 102, 4, 1) 0%, rgba(2, 71, 2, 1) 100%);
    background: -o-linear-gradient(top, rgba(4, 102, 4, 1) 0%, rgba(2, 71, 2, 1) 100%);
    background: -ms-linear-gradient(top, rgba(4, 102, 4, 1) 0%, rgba(2, 71, 2, 1) 100%);
    background: linear-gradient(to bottom, rgba(4, 102, 4, 1) 0%, rgba(2, 71, 2, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#046604', endColorstr='#024702', GradientType=0);
}

.bg-warning {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bf2495+1,a80077+99 */
    background: #bf2495;
    /* Old browsers */
    background: -moz-linear-gradient(top, #bf2495 1%, #a80077 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bf2495 1%, #a80077 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bf2495 1%, #a80077 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bf2495', endColorstr='#a80077', GradientType=0);
    /* IE6-9 */
}

.bg-warning:hover {
    background: rgba(133, 0, 95, 1);
    background: -moz-linear-gradient(top, rgba(133, 0, 95, 1) 0%, rgba(133, 8, 102, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 0, 95, 1)), color-stop(100%, rgba(133, 8, 102, 1)));
    background: -webkit-linear-gradient(top, rgba(133, 0, 95, 1) 0%, rgba(133, 8, 102, 1) 100%);
    background: -o-linear-gradient(top, rgba(133, 0, 95, 1) 0%, rgba(133, 8, 102, 1) 100%);
    background: -ms-linear-gradient(top, rgba(133, 0, 95, 1) 0%, rgba(133, 8, 102, 1) 100%);
    background: linear-gradient(to bottom, rgba(133, 0, 95, 1) 0%, rgba(133, 8, 102, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#85005f', endColorstr='#850866', GradientType=0);
}

.bg-blue {
    background: #3690f0;
    background: -moz-linear-gradient(top, #3690f0 0%, #1e69de 100%);
    background: -webkit-linear-gradient(top, #3690f0 0%, #1e69de 100%);
    background: linear-gradient(to bottom, #3690f0 0%, #1e69de 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3690f0', endColorstr='#1e69de', GradientType=0);
}

.bg-blue:hover {
    background: rgba(13, 88, 163, 1);
    background: -moz-linear-gradient(top, rgba(13, 88, 163, 1) 0%, rgba(10, 61, 143, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(13, 88, 163, 1)), color-stop(100%, rgba(10, 61, 143, 1)));
    background: -webkit-linear-gradient(top, rgba(13, 88, 163, 1) 0%, rgba(10, 61, 143, 1) 100%);
    background: -o-linear-gradient(top, rgba(13, 88, 163, 1) 0%, rgba(10, 61, 143, 1) 100%);
    background: -ms-linear-gradient(top, rgba(13, 88, 163, 1) 0%, rgba(10, 61, 143, 1) 100%);
    background: linear-gradient(to bottom, rgba(13, 88, 163, 1) 0%, rgba(10, 61, 143, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d58a3', endColorstr='#0a3d8f', GradientType=0);
}

.bg-org {
    background: rgba(240, 195, 104, 1);
    background: -moz-linear-gradient(top, rgba(240, 195, 104, 1) 0%, rgba(254, 182, 69, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240, 195, 104, 1)), color-stop(100%, rgba(254, 182, 69, 1)));
    background: -webkit-linear-gradient(top, rgba(240, 195, 104, 1) 0%, rgba(254, 182, 69, 1) 100%);
    background: -o-linear-gradient(top, rgba(240, 195, 104, 1) 0%, rgba(254, 182, 69, 1) 100%);
    background: -ms-linear-gradient(top, rgba(240, 195, 104, 1) 0%, rgba(254, 182, 69, 1) 100%);
    background: linear-gradient(to bottom, rgba(240, 195, 104, 1) 0%, rgba(254, 182, 69, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0c368', endColorstr='#feb645', GradientType=0);
}

.bg-org:hover {
    background: rgba(235, 192, 106, 1);
    background: -moz-linear-gradient(top, rgba(235, 192, 106, 1) 0%, rgba(214, 146, 43, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235, 192, 106, 1)), color-stop(100%, rgba(214, 146, 43, 1)));
    background: -webkit-linear-gradient(top, rgba(235, 192, 106, 1) 0%, rgba(214, 146, 43, 1) 100%);
    background: -o-linear-gradient(top, rgba(235, 192, 106, 1) 0%, rgba(214, 146, 43, 1) 100%);
    background: -ms-linear-gradient(top, rgba(235, 192, 106, 1) 0%, rgba(214, 146, 43, 1) 100%);
    background: linear-gradient(to bottom, rgba(235, 192, 106, 1) 0%, rgba(214, 146, 43, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebc06a', endColorstr='#d6922b', GradientType=0);
}

.small-box .icon {
    color: rgba(255, 255, 255, 0.7);
}

.small-box .small-box-footer {
    background: rgba(0, 0, 0, .1);
    color: rgba(255, 255, 255, .8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}

.small-box .small-box-footer:hover {
    /* background: rgba(0, 0, 0, .6); */
    color: #fff !important;
}

.small-box .inner {
    padding: 10px;
    color: #fff;
    height: 120px;
}

.small-box {
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, .13);
}


/* login css */


/** Login  start **/

.loginBg {
    /* background: url(../img/login_bg.jpg) no-repeat;
background-size: cover; */
    background: #42A813;
}

.loginReg {
    min-height: 100vh;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

.loginReg h1 {
    /* color: #fff; */
    font-size: 1.6em;
    font-weight: 700;
}

.loginReg h1 span {
    font-weight: normal;
}

.loginReg .login-inner-form {
    color: #717171;
    text-align: center;
}

.loginReg .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.loginReg .button {
    background: #3f7a2f;
}

.loginReg a.button:hover {
    text-decoration: none !important;
    background: #3f7a2f;
}

.loginReg .col-pad-0 {
    padding: 0;
}


/* .loginReg .form-group {
margin-bottom: 14px;
} */

.loginBox {
    margin: 0 150px 0 200px;
    max-width: 700px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 18px 0 rgba(25, 42, 70, .5);
    background: #fff;
}

.loginBox.registerBox {
    max-width: 800px;
    width: 100%;
}

.loginBox.registerBox.registerBoxBig {
    max-width: 950px;
}

.loginBox .checkbox label {
    padding-left: 7px;
    color: #0b2e4e;
    display: inline-block;
}

.loginReg .login-inner-form .details p a {
    margin-left: 3px;
    color: #717171;
}

.loginReg a:hover {
    text-decoration: none;
    color: #3f7a2f !important;
}

.loginReg .login-inner-form .details p {
    margin-bottom: 0;
    font-size: 14px;
}

.loginReg .login-inner-form .details {
    padding: 30px 30px 30px 0;
}

.loginReg .bg-img {
    background-size: cover;
    width: 100%;
    bottom: 0;
    border-radius: 10px;
    padding: 40px 10px;
    /* background: #0b2e4e; */
    background: #2f770e;
    margin: 30px 0;
    left: -30px;
    z-index: 999;
    box-shadow: 0 0 18px 0 rgba(25, 42, 70, .5);
    border: 1px dashed #fff;
    background-image: url(../img/db_bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
    color: #fff;
}

.loginReg .none-2 {
    display: none;
}

.loginReg .login-inner-form h2 {
    margin: 0 0 50px;
    font-size: 22px;
    font-weight: 400;
    color: #717171;
}

.loginReg .login-inner-form h3 {
    margin: 0 0 50px;
    font-size: 22px;
    font-weight: 400;
    color: #717171;
}

.loginReg .login-inner-form h3 span {
    display: block;
    font-size: 16px;
    /* font-weight: bold; */
    margin-top: 10px;
}

.loginReg .login-inner-form h2 {
    margin: 0 0 50px;
    font-size: 22px;
    font-weight: 400;
    color: #717171;
}

.loginReg .login-inner-form h2 span {
    display: block;
    font-size: 16px;
    /* font-weight: bold; */
    margin-top: 10px;
}

.loginReg .bg-img .logo {
    margin-bottom: 20px;
    /* background: #fff; */
    padding: 10px;
    width: 100%;
}

.loginReg .bg-img p {
    font-size: 1.1em;
    /* color: #e8e8e8; */
    margin-bottom: 10px;
    text-align: left;
}

.loginReg .bg-img .btn-sm {
    padding: 6px 20px 6px 20px;
    font-size: 13px;
}

.loginReg .bg-img .social-list {
    padding: 0;
    margin: 35px 0 0;
}

.loginReg .bg-img .social-list li a {
    margin: 0 5px;
    font-size: 20px;
    color: #1b548c;
    border-radius: 3px;
    display: inline-block;
}

.loginReg .bg-img .social-list li a:hover {
    color: #fff;
}

.loginReg.createAccBtn .form-group {
    margin-bottom: 14px;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: normal;
}


/* progress */

.progress {
    background-color: #e9ecef;
    border: 1px solid #3f7a2f;
    border-radius: 5px;
}

.progress-bar {
    background-color: #3f7a2f !important;
    border-radius: 0px;
    background-image: none;
}

.progress-bar span {
    color: #fff;
    margin-top: 2px;
    z-index: 1;
    border-radius: 5px;
}

#editBtn {
    display: none;
}

.thanksInfo {
    font-size: 18px;
    text-align: justify;
    margin: 0;
}

.modal-body {
    /* padding: 16px 16px 12px 16px; */
    padding: 0;
    padding-bottom: 24px;
}

.modal-body .form-group.popUpForm {
    margin-bottom: 0;
}

.form-group textarea {
    padding: 10px 10px 0px 34px;
    line-height: normal;
    height: 100px;
    overflow: auto;
}

.form-group .icontextarea.iconInput {
    top: 10px;
}

.modal-body .form-group .icontextarea.iconInput {
    top: 6px;
}

.modal.show .modal-dialog {
    /* margin-top: 15%; */
}

.modal-footer {
    padding: 0px 10px;
}

.modal.show .modal-dialog.modal-dialog-centered {
    /* margin-top: 40px; */
}


/* step bar */

#progressbar {
    margin-bottom: 0px;
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    padding-top: 4px;
    margin-top: 30px
}

#progressbar li {
    list-style-type: none;
    width: 16.66%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #step1:before {
    content: "1";
    z-index: 1;
    position: relative;
}

#progressbar #step2:before {
    content: "2";
    z-index: 1;
    position: relative;
}

#progressbar #step3:before {
    content: "3";
    z-index: 1;
    position: relative;
}

#progressbar #step4:before {
    content: "4";
    z-index: 1;
    position: relative;
}

#progressbar #step5:before {
    content: "5";
    z-index: 1;
    position: relative;
}

#progressbar #step6:before {
    content: "6";
    z-index: 1;
    position: relative;
}

#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: #ccc;
    border-radius: 50%;
    margin: auto;
    color: #fff;
    box-shadow: 0 0 6px #999;
    border: 2px solid #fff;
    padding-top: 2px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: 0;
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%;
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 53%;
    z-index: 0;
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #25aae2;
}

.btnIcon {
    background: none;
    border: 0;
    margin-top: 4px;
    display: inline-block;
}

.subTitle {
    font-weight: bold;
    margin-top: 10px;
    color: #0b2e4e;
}

.checkbox.checkMargin0 {
    margin-top: 0;
    margin-bottom: 0;
}

ul.checkboxLi {
    padding: 0;
    margin: 0;
}

ul.checkboxLi li {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin-right: 24px;
    min-width: 90px;
}

.modal-body h2 {
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
}

.candidatesListing {
    width: 2200px;
}

.pdfIcon {
    color: #e24c3f;
}

.formManagementWdt #example1_wrapper {
    width: 2200px;
}


/* .custom-switch .custom-control-label::before {
width: 50px;
border-radius: 30px;
}

.custom-control-label::before {
height: 22px;
} */

.changePass {
    font-size: 14px;
    /* color: rgba(37, 170, 226, 1)!important */
}

.modal-footer .btn.btn-default {
    margin: 10px 0;
    font-size: 1em;
    padding: .375rem .75rem;
}


/* Subscription Plan  */


/* Each pricing-item*/

.pricing-item {
    border-radius: 3px;
    display: inline-block;
    width: 260px;
    height: auto;
    background: #fff;
    margin: 20px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s cubic-bezier(0.3, 0.6, 0.2, 1.8);
    transition: all 0.2s cubic-bezier(0.3, 0.6, 0.2, 1.8);
}

.pricing-item:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}

.pricing-item .pricing-title {
    width: 100%;
    color: white;
    display: block;
    position: relative;
    background: #c0c0c0;
    padding: 7px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.pricing-item.pricing-featured .pricing-title {
    background: #FFD700;
}

.pricing-item.pricing-platinum .pricing-title {
    background: #606972;
}

.pricing-item.pricing-platinum .pricing-value {
    background: #606972;
    border: 2px solid #606972;
}


/* pricing-value */

.pricing-table {
    text-align: center;
}

.pricing-value {
    width: 180px;
    height: 180px;
    padding-top: 46px;
    border-radius: 50%;
    color: #fff;
    font-size: 46px;
    font-weight: 300;
    margin: 10px auto;
}

.pricing-value .smallText {
    font-size: 14px;
}

.pricing-value .undertext {
    display: block;
    font-size: 16px;
}

.pricing-item .pricing-value {
    background: #c0c0c0;
    border: 2px solid #c0c0c0;
    text-align: center;
}

.pricing-item.pricing-featured .pricing-value {
    background: #FFD700;
    border: 2px solid #FFD700;
    text-align: center;
}


/* List */

.pricing-item .pricing-features {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.pricing-item .pricing-features li {
    display: block;
    width: 90%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 auto;
}

.pricing-item .pricing-features li .keywords {
    font-weight: bold;
}

.pricing-table .button {
    width: 200px;
    margin: 20px auto 20px;
    color: #fff;
    border: 0;
}

.selected {
    z-index: 10;
    width: 180px;
    height: 32px;
    padding: 0 20px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    box-shadow: 0px 2px 5px #888888;
    background: #ccc;
    border-top: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    position: absolute;
    right: -47px;
    top: 17px;
}

.inputTable {
    border: 1px solid #ccc;
    padding: 2px 10px;
    border-radius: 4px;
    /* margin-bottom: 14px; */
}

.btnTable {
    margin: 0;
    color: #fff;
    border: 0;
    font-size: 14px;
    box-shadow: none;
    padding: 1px 10px;
}

.nav-sidebar>.nav-item .nav-icon {
    vertical-align: middle;
    color: #15388C;
    font-size: 2.2rem;
}

.navbar-expand .navbar-nav .nav-link {
    line-height: 33px;
    padding: 3px 10px 0 0;
}

table tr td .custom-switch {
    display: inline-block;
}

.table-striped tbody tr.addTr,
.table-striped tbody tr.editTr {
    background-color: rgba(234, 240, 247, 0.6);
    box-shadow: 0 0 12px #ccc;
    border: 1px solid #ccc;
}

.editTr .row,
.addTr .row {
    padding: 10px;
}

.table-striped tbody tr ul.checkboxLi li {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin-right: 24px;
    min-width: 126px;
    vertical-align: middle;
}

.card-body.cardBodyP0 {
    padding-top: 0;
}

li.dropdown.user.user-menu {
    margin-left: 6px;
}

.dropdown-item.active .text-muted,
.dropdown-item:active .text-muted {
    color: #fff !important;
}

.mb5 {
    margin: 5px;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}

table.dataTable {
    margin-top: 0px !important;
}

a.btnIcon.addBtnTable {
    margin-top: 4px;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 10px 0 0;
}

.btn-default {
    margin: 10px 0;
    padding: .34rem .75rem;
    vertical-align: top;
    /* background-color: #3f7a2f; */
    border-color: #3f7a2f;
    /* color: #fff; */
    /* font-weight: 600; */
    font-size: 1em;
    height: 42px;
}

.btn-default:hover,
.btn-default:focus {
    background: #4E3396;
    color: #fff !important;
    border: 1px solid #4E3396;
    font-weight: 400;
}

.tableTop0 .table th {
    padding: 10px;
    padding-top: 0;
}

.btnSm {
    margin: 0;
    padding: 4px 16px;
    font-size: 14px;
}

#reasonList_wrapper table.dataTable thead tr th:last-child.sorting:before,
#reasonList_wrapper table.dataTable thead tr th:last-child.sorting:after {
    display: none;
}

.form-group-fileUpload .fileUpload {
    border: 1px solid #999;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    overflow: hidden;
}


/* .form-group-fileUpload:hover .fileUpload:after {
background: rgba(37, 170, 226, 1)!important;
border-color: rgba(37, 170, 226, 1) !important;
-webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
}

.form-group-fileUpload .fileUpload:after {
position: absolute;
content: "Select File";
width: 94px;
height: 30px;
left: 0;
background: #0b2e4e;
text-align: center;
color: #fff;
border-radius: 4px;
line-height: 31px;
} */

.form-group-fileUpload {
    margin: 0 7px;
}

.form-group input.mobNumber {
    padding-left: 60px;
}

select.phoneCode {
    position: absolute;
    width: 120px;
}

form#changePassForm {
    margin-top: 60px;
}

.alert-danger {
    color: #e31c3d;
    background: inherit;
    border-color: inherit;
    border: 0;
    padding: 0;
    margin: 0;
}

.error_items {
    margin-left: 6px;
}

.alert-danger ul {
    padding: 0;
}

.alert-danger li {
    padding: 0;
    margin: 0;
    margin-left: 0;
    text-align: left;
    font-size: 0.9rem;
    list-style: none;
}

.alert-success {
    color: #2f770e;
    background: initial;
    border-color: initial;
    border: 0;
    padding: 0;
}

.alert-success li {
    padding: 0;
    margin: 0;
    margin-left: 16px;
    text-align: left;
}


/* loader css */

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 46%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1111;
}

.lds-spinner {
    color: official;
    position: absolute;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    top: 42%;
    z-index: 111111111;
    left: 0;
    right: 0;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #4E3396;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/* end */

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
    background: #3f7a2f !important;
    border-color: #3f7a2f !important;
    color: #fff;
}

.logoMob {
    display: none;
}

.navbar-expand .navbar-nav .notiMenu .nav-link {
    padding-right: 7px;
    padding-left: 4px;
    padding-top: 2px;
}

.navbar-expand .navbar-nav .notiMenu a.nav-link:hover {
    color: rgba(0, 0, 0, .7) !important;
}

.lastLogin div {
    color: #fff;
    padding-top: 8px;
    font-size: 16px;
    font-weight: normal;
}

.alert-warning.alert {
    color: #fff;
    background: #3f7a2f !important;
    border-color: #3f7a2f !important;
    margin-top: 14px;
}

.profileWelcome {
    margin-bottom: 20px;
}

.profileWelcome button {
    margin-bottom: 20px;
}

.profileWelcome .progress {
    margin-bottom: 10px;
}

.card .cardBoxBg.recentActWelcome {
    margin-bottom: 20px;
    height: 470px;
    padding-top: 14px;
}

.profileImg {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    overflow: hidden;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-bottom: 20px;
    background: #ccc;
}

.profileImg img {
    border: 0px solid #adb5bd;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: 110px;
}

.uploadBtn {
    position: relative;
    overflow: hidden;
    display: block;
    text-align: center;
    padding-bottom: 15px;
}

.uploadBtn:hover .btnBg.button {
    background: #3f7a2f !important;
    border-color: #3f7a2f !important;
    color: #fff !important;
}

button.btnBg.button {
    color: #fff;
    font-size: 1em;
    margin: 0 auto;
    line-height: normal;
    padding: 7px 10px;
    /* z-index: 1; */
    box-shadow: none;
    width: 180px;
}

.uploadBtn input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 130px;
    height: 42px;
    margin: 0 auto;
    right: 0;
    cursor: pointer;
}

.uploadBtn .button.btnBg.button .recentInfo .recentTitle {
    cursor: pointer;
}

.recentInfo .recentTitle {
    text-align: right;
}

.profileImg.welcomeProImg {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    overflow: hidden;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-bottom: 20px;
    margin-left: -2px;
}

.profile-username.proWelName {
    text-align: left !important;
    margin-top: 30px;
}

.proViewMore a {
    text-decoration: none;
    color: #0b2e4e;
    font-weight: normal;
}

.proViewMore a:hover {
    color: #0b2e4e;
}

.genderText {
    font-size: 0.8rem;
    color: #999;
}

ul.checkboxLi.genderRadio li {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin-right: 4px;
    min-width: auto;
}

.checkboxLi.form-radio.row.addDocRadio {
    margin-bottom: 0;
}

.checkboxLi.form-radio.row.addDocRadio .radio {
    margin-bottom: 0.5rem;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background: none !important;
}

.dropdown.user.user-menu {
    margin-top: 4px;
    display: block;
}


/* .button.updateBtn {
margin-top: 0;
margin-bottom: 15px;
}
*/

.button.updateBtn {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    padding: 2px 8px;
}

h1.welcomeH1 {
    margin-top: 8px;
    margin-left: 0;
    margin-bottom: 8px;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}

h1.welcomeH1 span {
    display: none;
    font-size: 14px;
}

.alert.alert-warning .btn.btn-default:hover {
    color: #fff;
    /* background: #3f7a2f!important; */
    border-color: #4E3396 !important;
    background: #4E3396 !important;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .button {
    margin: 0;
}

.alert-warning.alert {
    background: rgba(255, 255, 2555, 0.6) !important;
    border-color: #ccc !important;
    margin-top: 7px;
    color: #0b2e4e;
    margin-bottom: 0;
    /* margin-left: 20px;
margin-right: 20px; */
    padding: 20px;
    margin-left: 21px;
    margin-right: 20px;
}

.starReq {
    color: #a70707;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal !important;
}

.work_experience_item {
    /* border: 1px solid #ccc;
padding: 20px;
border-radius: 5px; */
    position: relative;
    /* margin: 0 0 30px 0; */
}

.work_experience_item:first-child .remove_me {
    display: none;
}

.work_experience_item:first-child::before,
.work_experience_item:first-child::after {
    content: initial;
}

.work_experience_item::after {
    content: "";
    width: 20px;
    height: 13px;
    position: absolute;
    background: #eaf0f7;
    top: -13px;
    right: -14px;
}

.work_experience_item::before {
    content: "";
    width: 20px;
    height: 13px;
    position: absolute;
    background: #eaf0f7;
    top: -13px;
    left: -14px;
}


/* .work_experience_item .remove_me {
padding: 5px;
clear: both;
position: absolute;
right: -7px;
border-radius: 50px;
border: 1px solid #fff;
height: 30px;
width: 30px;
text-align: center;
top: 5px;
background: #f59696;
color: #fff;
} */

.work_experience_item .remove_me {
    text-align: center;
    color: #0b2e4e;
    font-size: 30px;
    line-height: 17px;
    display: inline-block;
    cursor: pointer;
}

.work_experience_item .upDownArrow {
    text-align: center;
    color: #0b2e4e;
    font-size: 30px;
    line-height: 17px;
    display: inline-block;
    margin-top: 7px;
    cursor: pointer;
    margin-right: 16px;
}

.work_experience_item:nth-child(1) {
    border-top: 0px solid #eaf0f7;
    padding-top: 0px;
    /* background: red; */
}

.work_experience_item {
    border-top: 2px solid #eaf0f7;
    padding-top: 40px;
}

.form-group.chechBox {
    width: auto;
    display: block;
    height: auto;
    margin-left: 0px;
    vertical-align: top;
}

.form-group.chechBox input {
    width: auto;
    display: inline-block;
    height: auto;
    margin-left: 10px;
    vertical-align: text-top;
    padding: 0;
}

.form-group.chechBox>.control-label {
    top: 0px !important;
    left: 30px !important;
    font-size: 14px !important;
}

.timePeriod .form-group {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.timePeriod .row {
    width: 103%;
}

.col-md-6.timeSelect {
    padding-left: 15px;
}

.timeSelect .row:first-child {
    width: 102.4%;
}

.timeSelect .form-group {
    width: 100%;
}

.timeSelect .timePeriod .form-group select {
    padding: 6px 0 5px 32px;
    line-height: normal;
}

.timePeriod .col-md-6:nth-child(2) .form-group:after {
    position: absolute;
    right: -20px;
    content: "";
    height: 2px;
    width: 10px;
    background: #999;
    top: 50%;
}

.button.bullhornBtn {
    font-size: 14px;
    margin: 0;
}

.navbar-badge {
    color: #fff;
    background: #e31c3d;
    padding-top: 5px;
    font-size: .8rem;
    top: 0;
    right: 0;
    font-weight: 800;
}

.cardBoxBg.recentActWelcome .control-label .proAddWel {
    display: inherit;
    margin-left: 0px;
}

.cardBoxBg.recentActWelcome .control-label i {
    margin-right: 10px;
    vertical-align: top;
}

.radioBtn input[type="radio"] {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: text-bottom;
}


/* .recentActWelcome .proViewMore a:hover {
color: #0b2e4e!important;
} */

a:hover {
    color: #0b2e4e;
}

.alert a {
    color: #0b2e4e;
    text-decoration: none;
}

.alert a:hover {
    color: #3f7a2f !important;
}

:not(.layout-fixed) .main-sidebar {
    height: 100%;
}

.bottomBtn {
    margin-left: 7px;
    margin-right: 7px;
    text-align: right;
}

.alert {
    margin-bottom: 30px;
    font-size: 0.9rem;
    margin-top: -12px;
}

.checklist {
    margin-top: 20px;
    width: 100%;
}

.checklist a:hover {
    color: #3f7a2f !important;
}

.card .cardBoxBg.otherCaradBg {
    padding: 24px 20px 10px;
}

.checklist ul {
    margin-top: 0px;
    margin-left: 0;
    padding-left: 10px;
    width: 100%;
}

.checklist li {
    display: inline-block;
    width: 55%;
    margin-bottom: 16px;
    list-style: none;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon.profileCheck {
    color: #0b2e4e !important;
    float: right;
    position: absolute;
    right: 2px;
    font-size: 13px;
    top: 7px;
}

.loginReg .login-inner-form h3.loginH3 {
    margin: 0 0 20px;
}

.loginReg .login-inner-form h2.loginH3 {
    margin: 0 0 20px;
}

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

input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

@-moz-document url-prefix() {
    input[type="date"] {
        padding-top: 9px;
    }
}

.breadcrumb.float-sm-right {
    padding: 0;
    background: none;
    margin: 0;
}

.breadcrumb.float-sm-right {
    padding: 0;
    background: none;
    margin: 0;
}

.radio.radioDef label {
    padding-left: 0;
}

.form-group.formPopup {
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}

.form-group.formPopup label.control-label {
    font-size: 16px;
    top: -28px;
}

.card-title.popUpTitle {
    /* margin-left: 7px;
    margin-bottom: 17px; */
    font-size: 20px;
    font-weight: normal;
    color: #fff;
}

.subTitle.popUpSubTitle {
    font-weight: bold;
    margin-top: 10px;
    color: #0b2e4e;
    margin-bottom: 4px;
}

.tillDate {
    color: #0b2e4e;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 5px;
}

.loginReg .alert {
    margin-top: -43px;
}

.loginReg .alert ul li {
    text-align: center;
}

#customCheck {
    vertical-align: middle;
    margin-top: -2px;
}

.nav-sidebar .menu-open>.nav-link i.right {
    right: 10px !important;
}

.form-group.ssnField .toggle-password {
    position: absolute;
    right: 10px;
    top: 32px;
}

.forgotPass {
    margin-right: 7px;
    color: #0b2e4e;
}

.remForgotPass {
    margin-top: 20px;
}

.card-header.otherHeader {
    margin-top: 17px;
}

.modal .card-header {
    /* padding: 7px 0 20px 0; */
    background: #3f7a2f;
    border-radius: 2px 2px 0 0;
    padding: 6px 10px !important;
    color: #fff;
    font-size: 18px;
}

.modal .card-body {
    padding: 0;
    padding: 24px 24px 0px;
}

.modal-footer {
    justify-content: inherit;
    padding: 14px 24px;
}

.modal-body .table-bordered thead th {
    /* padding-top: 0; */
}

.card-header {
    padding-top: 4px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-icon.profileCheck {
    display: none;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-icon.profileCheck {
    display: inline-block;
}

.form-control {
    display: block;
    background: none;
    padding: 11px 10px 10px 30px;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    line-height: normal;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    border: 1px solid #999;
    border-radius: 5px;
    height: 1.9rem;
}

.inputOtherBrd {
    display: block;
    background: none;
    padding: 0px 10px 10px 0px;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    line-height: 23px;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    border: 1px solid #999;
    border-radius: 5px;
    height: 1.9rem;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 30px;
}

.titleUser select {
    padding-left: 0;
}

.titleUser .form-group {
    margin-right: 0;
}

.col-md-9.inputUser {
    padding-left: 0;
}


/* <!-- datepicker --> */

.ui-widget-header {
    background: #fff;
    color: #0b2e4e;
    font-weight: 700;
    font-family: 'Questrial', sans-serif;
    border: 0;
    border-bottom: 1px solid #dddddd;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #fff;
    color: #0b2e4e;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #fff;
    font-weight: normal;
    color: #0b2e4e;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #ddd;
    background: #fff;
    font-weight: normal;
    color: #25aae2;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: normal;
    border: 0;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}

.ui-datepicker th {
    padding: .2em .3em;
    border: 1px solid #ddd;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-datepicker .ui-datepicker-next span.ui-icon {
    background-image: url(../img/arrow-r.svg);
    background-position: inherit;
}

.ui-datepicker .ui-datepicker-prev span.ui-icon {
    background-image: url(../img/arrow-l.svg);
    background-position: inherit;
}

.datepicker table tr td.highlighted {
    background: #fff;
    color: #0b2e4e;
}

.datepicker table tr td {
    background: #fff;
    color: #0b2e4e;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #04c);
    background-image: -ms-linear-gradient(to bottom, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
    background-image: -o-linear-gradient(to bottom, #08c, #04c);
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.datepicker table tr td span {
    height: 34px;
    line-height: 34px;
}

a:hover {
    color: #000 !important;
}

.work_experience_item .custom-errors {
    color: #e31c3d;
    width: 100%;
    margin-top: -17px;
    margin-bottom: 24px;
    margin-left: 16px;
}

.datepicker td,
.datepicker th {
    width: 40px;
    height: 30px;
}

.checklist li:last-child {
    margin-bottom: 0;
}

.signDigitally {
    margin-top: 6px;
    margin-bottom: 42px;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
    padding: 5px 10px 4px 10px;
    color: #0b2e4e;
    font-size: 1em;
}

#add_document_cont .inputOtherBrd {
    padding: 2px 10px 2px 2px;
    color: #0b2e4e;
    height: 32px;
    line-height: 20px;
    overflow: hidden;
}

@-moz-document url-prefix() {
    #add_document_cont .inputOtherBrd {
        padding: 2px 10px 2px 2px;
        color: #0b2e4e;
        height: 32px;
        line-height: 24px;
    }
}

.nav-sidebar .menu-open>.nav-treeview {
    margin-left: 10px;
    /* font-size: 0.9em; */
}

.nav-sidebar .menu-open>.nav-link i.right {
    right: 1.5rem !important;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon.profileCheck {
    right: 8px;
}

#documents_filter .form-control {
    padding: 11px 10px 10px 10px
}

table.table-bordered.dataTable th:hover {
    background: #f2f2f2;
}

.nav-sidebar .nav-item>.nav-link.actNav {
    background: #3f7a2f !important;
    color: #fff !important;
}

.nav-sidebar .nav-item>.nav-link.actNav .nav-icon {
    color: #fff;
}

.datepicker {
    border: 1px solid #999;
}

.loginReg .form-group-fileUpload {
    margin-bottom: 26px;
}

.form-group.uploadResumeBtn {
    margin-bottom: 8px;
    margin-top: 16px;
}

input#expiration_date {
    border-radius: 5px;
    padding: 4px 10px 4px 35px !important;
    border: 1px solid #999;
    width: 100%;
    font-weight: 700;
    font-size: 1rem;
    height: 2rem;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 27px;
}

button.button.addDocBtn {
    margin-top: 24px;
}


/* .recentActWelcome table.dataTable thead tr th:last-child.sorting:before,
.recentActWelcome table.dataTable thead tr th:last-child.sorting:after {
    display: block;
} */

.form-control:disabled,
.form-control[readonly] {
    color: #495057;
}

.stepComplete {
    margin-left: 38px;
}

.stepComplete {
    margin-left: 38px;
}

span.emailPrimary {
    margin-left: 10px;
}

.collapsible {
    /* margin-bottom: 30px; */
    background: #e3e8ec;
    padding: 2px 22px 2px;
    font-weight: 700;
    color: #0b2e4e;
    height: 44px;
}

.addDetails {
    margin-top: 7px;
    margin-left: 7px;
}

.card .cardBoxBg.cardBoxcollapsible {
    padding: 0px 0px 10px;
}

.collapsibleOpen {
    padding: 40px 20px 0px;
}

.card .cardBoxBg.cardBoxcollapsible .work_experience_item {
    padding-top: 0;
    width: 100%;
}

.workExpBtn {
    padding: 0px 20px 0px;
}

.card .cardBoxBg.cardBoxcollapsible .work_experience_item::before {
    content: initial;
}

.card .cardBoxBg.cardBoxcollapsible .work_experience_item::after {
    content: initial;
}

span.errorAutoUpdate {
    position: absolute;
    color: #e31c3d;
    line-height: normal;
}

.bootbox-body {
    margin: 0px 6px 10px;
}

table.dataTable {
    width: 100% !important;
}

.card .cardBoxBg.cardBoxcollapsible .alert {
    margin-bottom: 0px;
    padding: 10px 21px;
    margin-top: 0;
}

.card .cardBoxBg.cardBoxcollapsible .work_experience_item .custom-errors {
    color: #e31c3d;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 16px;
    padding: 10px 12px;
    font-size: 16px;
}

.bootbox-accept.btn {
    border-radius: 4px;
    position: relative;
    background: currentColor;
    border: 0px solid currentColor;
    font-size: 1em;
    color: #fff;
    background: #3f7a2f;
    margin: 10px 0;
    padding: .360rem .75rem;
    cursor: pointer;
    -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    overflow: hidden;
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); */
    box-shadow: none;
    vertical-align: top;
    color: #fff;
    margin-left: .25rem;
}

.bootbox-accept.btn:hover {
    color: #fff;
    background: #4E3396 !important;
    border: 0 !important;
}

.nav-sidebar .menu-open>.nav-link i.right {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
}

.nav-sidebar .menu-open>.nav-link i.right {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
}

.result.result_hover .nav-link p {
    position: initial !important;
}


/* .nav-sidebar .result.result_hover:hover .nav-link i.right {
    -webkit-transform: rotate( 90deg)!important;
    transform: rotate( 90deg)!important;
    -moz-transform: rotate(90deg)!important;
    -ms-transform: rotate(90deg)!important;
    -o-transform: rotate(90deg)!important;
} */

.nav.nav-treeview a.nav-link {
    padding-left: 40px !important;
}

.page-link:focus {
    box-shadow: none !important;
}

a.nav-link.menuBars {
    padding-top: 3px !important;
}

.page-item.disabled .page-link,
.page-item .page-link {
    border-radius: 4px;
    position: relative;
    background: currentColor;
    border: 0px solid currentColor;
    font-size: 1em;
    color: #fff;
    background: #3f7a2f;
    margin: 10px 0;
    padding: .375rem .75rem;
    cursor: pointer;
    -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    overflow: hidden;
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); */
    box-shadow: none;
    vertical-align: top;
}

button:focus {
    outline: 0px !important;
}

span.text-muted.text-left.proViewMore {
    display: block;
    text-align: center !important;
    font-size: 14px;
}

.profile-username.proWelName {
    text-align: left !important;
    display: inline-block;
}

.modal-content {
    margin-left: 12px;
    border: 0px solid rgba(0, 0, 0, .2);
}

.form-group .col-form-label {
    font-size: 1.2rem;
    color: #0b2e4e;
    font-weight: 700 !important;
}

.form-group .col-form-labelName {
    font-size: 1.2rem;
    color: #0b2e4e;
    font-weight: normal !important;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    line-height: 1.5;
}

.formDisplay .form-group {
    position: relative;
    margin-top: 6px;
    margin-bottom: 0px;
}

.button {
    color: #fff !important;
    -webkit-appearance: initial;
}

.formDisplay .form-group textarea {
    padding: 10px 10px 0px 10px;
}

.topUserPic {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    background: #ccc;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: text-bottom;
}

.navbar-nav>.user-menu .user-image {
    margin-top: 0;
    max-width: 34px;
    height: auto;
    border-radius: initial;
}

.dropdown.user.user-menu a.dropdown-toggle {
    vertical-align: middle;
    padding-left: 0;
}

.documentImg {
    /* height: auto; */
    /* overflow: auto; */
    /* overflow-y: hidden; */
    /* overflow-x: scroll; */
    padding-bottom: 20px;
    max-height: 470px;
    /* text-align: center; */
}

.documentImg iframe {
    width: 100%;
    height: 367px;
}

.downloadDoc {
    margin-bottom: 10px;
    display: inline-block;
}

.documentImg img {
    max-width: 100%;
    max-height: 430px;
}

.formDisplay .col-form-labelName {
    margin-bottom: 0;
    padding-bottom: 0;
}

.userHeaderImg {
    height: 90px;
    width: 90px;
    background-color: #ccc;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
}

.userHeaderImg img {
    max-width: 100%;
    border-radius: 0;
}

.replyMsg {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
}

.notesRepPopup.modal .modal-dialog {
    margin-top: 8%;
}

.notesRepPopup .card-header {
    padding: 7px 0 0px 0;
}

.notesRepPopup.modal .card-title.popUpTitle {
    margin-bottom: 17px;
}

.notesRepPopup.modal .replyName {
    font-weight: bold;
}

.notesRepPopup .popUpBody {
    margin-left: 7px;
    margin-right: 7px;
}

.notesRepPopup .replyDate {
    font-size: 12px;
}

.addBtnTop.button {
    margin: 0;
    font-size: 12px;
}

.cardBoxDB {
    padding: 0px 20px 10px;
}

.form-group.lastFormGroup {
    margin-bottom: 0;
}

.popupBtn {
    text-align: left;
    margin-right: 7px;
    margin-left: 7px;
}

.modal-footer.popupFooter {
    padding: 0px 25px;
}

.documentsAppoval .nav-tabs .nav-link {
    padding: 5px 20px;
    /* font-size: 16px; */
    border: 0;
}

.documentsAppoval .nav-tabs .nav-item.show .nav-link,
.documentsAppoval .nav-tabs .nav-link.active,
.documentsAppoval .nav-tabs .nav-link:hover {
    /* color: #FFF!important; */
    background-color: #FAFBFC !important;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.nav-tabs .nav-item {
    margin-right: 3px;
}

#certificate img {
    max-width: 100%;
}

.button.topRBtn {
    margin: 0;
    padding-bottom: 0;
    padding-top: 3px;
}

.card-header.cardHeaderPop {
    /* padding: 7px 0 0px 0; */
    padding: 6px 10px !important;
}

.remForgotPass.otpInfo .checkbox {
    display: inline-block;
}

.otpTitle {
    font-weight: 700 !important;
    color: #0b2e4e;
    padding-left: 9px;
    display: inline-block;
}

.resendOtp {
    text-align: left;
}

.resendVerify {
    margin-bottom: 0;
}

.commentsOn {
    /* font-size: 18px; */
    font-weight: 400;
    color: #0b2e4e;
}

.form-group.otherForm {
    margin: 0;
}


/* .footerOtherBtn {
padding: 0;
margin-top: 42px;
} */

.footerOtherBtn button {
    /* margin-bottom: 0; */
}

.modal-footer.footerOtherBtn .btn.btn-default {
    margin-bottom: 0;
}

.modal-body .alert-warning.alert {
    margin: 0;
    padding: 10px;
}

.modal-body .form-group textarea {
    padding: 10px 10px 0px 30px;
    max-height: 120px;
    min-height: 120px;
}

.card-title.popUpTitle.otherTitle {
    margin-left: 0;
    margin-bottom: 0;
}

.list-unstyled li {
    margin-bottom: 7px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.list-unstyled li:last-child {
    margin-bottom: 10px;
}

.modal-body .card-header.popOtherTitle .card-title.popUpTitle {
    margin-left: 0;
    margin-bottom: 0;
}

.modal .card-header.popOtherTitle {
    padding: 7px 0 10px 0;
}

.modal .list-unstyled {
    max-height: 150px;
    overflow: auto;
}

.footerOtherBtn.modal-footer {
    justify-content: inherit;
    padding: 0;
    margin-top: 30px;
}

li.nav-item.lastLogin {
    padding-right: 10px;
}

.cardBoxBg.otherCaradBg .footerOtherBtn.modal-footer {
    border: 0;
    margin-bottom: 10px;
}

.container-fluid .card.card-default .footerOtherBtn.modal-footer {
    background: rgba(255, 255, 2555, 0.6) !important;
    border: 0;
    padding: 30px 27px 20px;
    margin-top: 0;
}

.container-fluid .card.card-default.card-default.noteComm .footerOtherBtn.modal-footer {
    background: rgba(255, 255, 2555, 0.6) !important;
    border: 0;
    padding: 30px 0px 20px;
    margin-top: 0;
}

.dataTables_filter input.form-control.form-control-sm {
    padding-left: 10px;
}

select#reason {
    padding-left: 6px;
    /* margin-bottom: 10px; */
}

.button.reasonBtn {
    margin-bottom: 0px;
}

.alert.alert-warning {
    margin: 0 1.25rem;
}

.container-fluid .card.card-default .noteComments .footerOtherBtn.modal-footer {
    padding: 30px 0 20px
}

.noteDoc .formDisplay .form-group {
    margin-left: 0;
    margin-right: 0;
}

.noteDoc .form-group .col-form-label {
    padding-left: 0;
    padding-right: 0;
}

.noteDoc .popupBtn {
    margin-right: 0px;
    margin-left: 0px;
}

.userInof .form-group {
    margin-bottom: 0;
}

.userInof .collapsibleOpen {
    padding: 10px 0px 0px;
}

.userInof .col-md-12.collapsibleOff {
    margin-bottom: 1px;
}

.addNewReason .form-control.form-control-sm {
    display: inline-block;
    width: 250px;
    padding: 11px 10px 10px 10px;
    color: #212529;
}

.addNewReason .addNewBtn {
    margin-left: 74px;
}

.csPersonalinfo .card-body {
    padding: 0;
}

.csPersonalinfo .csInfo {
    position: relative;
    left: 0px;
    top: -5px;
    height: 20px;
    font-size: 16px;
    font-weight: 700;
}

.csPersonalinfo .csInfo i {
    color: #ccc;
    font-style: inherit;
}

.csPersonalinfo .form-group .iconInput {
    left: 8px;
    bottom: 29px;
}

.csPersonalinfo .form-group .control-label {
    top: -29px;
    /* left: 30px; */
    font-size: 15px;
    font-weight: normal !important;
}

.csPersonalinfo .userInof .form-group {
    margin-bottom: 46px;
}

.card .csPersonalinfo .cardBoxBg {
    background: none !important;
}

.userInfoCS .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.userInfoCS .addDetails {
    margin-top: 9px;
    margin-left: 7px;
    font-size: 18px;
}

.leftMenuM {
    margin-top: 2px;
}

.specialtiesList .select2-container--default .select2-selection--multiple {
    border: 0px solid #aaa;
}

.specialtiesList {
    height: auto !important;
    border: 1px solid #999 !important;
    line-height: 1.6 !important;
    width: 100%;
    font-size: 1rem !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    padding: 0px 10px 0px 26px !important;
    font-weight: 700 !important;
    /* max-height: 150px; */
    overflow-x: hidden;
}

.specialtiesList .select2-container .select2-selection--multiple {
    min-height: 24px !important;
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.specialtiesList .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 0px !important;
    outline: 0 !important;
}

.specialtiesList .select2-container--default .select2-search--inline .select2-search__field {
    padding-top: 2px !important;
    background: none;
    margin-top: 0;
}

.specialtiesList .iconInput {
    top: 8px;
    bottom: inherit;
}

.iconInput.inputPhoneIcon.fa-phone-alt:before {
    color: #ccc;
    position: absolute;
    left: 0;
    top: 4px;
}

.iconInput.inputPhoneIcon.fa-phone-alt {
    color: #0b2e4e;
    top: 2px;
    padding-left: 24px;
}

.iconInput.inputPhoneIcon.fa-phone-alt span {
    font-family: 'Questrial', sans-serif;
    position: absolute;
    top: 6px;
    font-size: 1rem;
}

.form-group input.mobNumber {
    padding-left: 70px;
    padding-top: 8px;
}

.specialtiesList .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: none;
}


/* .specialtiesList .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0px solid #aaa;
    margin-right: 2px;
} */

.specialtiesList .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0px solid #aaa;
    margin: 2px 2px 2px 6px;
    background: #fff;
    border-radius: 10px;
    line-height: 15px;
    margin-top: 3px;
    width: 16px;
}

.specialtiesList .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.specialtiesList .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: transparent !important;
}


/* .cardBoxDB .col-lg-3 {
max-width: 20%;
} */

.small-box .icon>i.fa,
.small-box .icon>i.fab,
.small-box .icon>i.far,
.small-box .icon>i.fas,
.small-box .icon>i.glyphicon,
.small-box .icon>i.ion {
    font-size: 50px !important;
    top: 20px !important;
}


/* .col-lg-3 .small-box h3,
.col-md-3 .small-box h3,
.col-xl-3 .small-box h3 {
    font-size: 3rem;
    margin-bottom: 0;
} */

.col-lg-3 .small-box h2,
.col-md-3 .small-box h2,
.col-xl-3 .small-box h2 {
    font-size: 3rem;
    margin-bottom: 0;
}

.col-lg-3 .small-box h3,
.col-md-3 .small-box h3,
.col-xl-3 .small-box h3 {
    font-size: 1.5rem;
    margin-bottom: 0;
    font-weight: normal;
}

.small-box p {
    font-size: 1.5rem;
}

.small-box .icon {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 70px;
}

.form-group.expiredDate.form-group {
    margin-top: 12px;
    margin-bottom: 10px;
    margin-right: 0;
    width: 198px;
    float: right;
}


/* #scroll    */

#scroll {
    position: fixed;
    right: 10px;
    bottom: 44px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #3f7a2f;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}

#scroll:hover {
    background-color: #3f7a2f;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

html,
body {
    scroll-behavior: smooth;
}


/* #scroll end */

.addDocBtn.headerBtn {
    margin: 0;
    /* padding: 2px 10px; */
    color: #fff;
}

.addDocBtn.headerBtn:hover {
    color: #fff !important;
}

.impNotIcon {
    color: #3f7a2f;
    padding-left: 10px;
}

.form-group.otherForm input[type=checkbox] {
    height: auto;
    width: auto;
    display: inline-block;
}

tr.impNote td:first-child {
    position: relative;
}

tr.impNote td:first-child:before {
    /*content: "";*/
    /*position: absolute;*/
    /*left: 2px;*/
    /*width: 50px;*/
    /*height: 30px;*/
    /*font-size: 20px;*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*color: #3f7a2f;*/
    /*top: 17px;*/
    /*!*background: url(../img/flag_red.png);*!*/
    /*background-size: 15px;*/
    /*background-repeat: no-repeat;*/
    /*z-index: 1;*/
}

tr.impNote td .impNoteFlag i {
    width: 20px;
    height: 20px;
}

#noteList tr td:first-child {
    padding-left: 18px;
}

#noteList tr.impNoteEdit td:first-child {
    cursor: pointer;
}

.form-group.otherForm.csOtherFrm {
    margin-top: 30px;
}

.card .cardBoxBg.otherCaradBg.csCardBg {
    padding-top: 44px;
}

.form-group.otherForm.csCheckBox {
    margin: 0px 7px 0px 7px;
    font-size: 1rem;
}

.form-group.csTextBox.editorMsg {
    margin-bottom: 40px;
}

.form-group.csTextBox {
    margin-bottom: 20px;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link {
    text-align: left;
    padding-left: 12px;
}

.nav-sidebar:hover .nav-item>.nav-link {
    text-align: left !important;
}

.generatePass.form-group {
    text-align: left;
    margin-bottom: 38px;
    margin-top: -32px;
}

.form-group.frmBtn.generatePassAuto {
    width: calc(100% - 44px);
    margin-bottom: 40px;
}

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

.form-group.frmBtn.generatePassAuto .button.btn {
    position: absolute;
    right: -30px;
    top: -10px;
    padding: 3px 3px;
    font-size: 17px;
    height: 30px;
}

#strengthWrapper {
    margin: 0 auto 14px;
    width: 100%;
}

#strengthWrapper .form-control {
    height: 1px !important;
    padding: 2px !important;
    width: 100% !important;
    /* background-color: #3f7a2f!important; */
}

#strengthSection {
    margin-top: 31px;
}

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

.specialtiesReg .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 1rem;
    padding: 6px 10px 5px 30px;
    margin-top: 0;
    left: 0px;
    position: absolute;
}

.specialtiesReg .select2-container--default .select2-selection--multiple {
    padding-bottom: 0;
}

.specialtiesReg .select2-container--default.select2-container--focus .select2-selection--multiple {
    padding-left: 32px;
}

.select2-container--default .select2-results__option {
    padding: 1px 12px;
    font-size: 1rem;
    line-height: normal;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option:hover {
    background-color: #1967d2;
    border: 0px solid #000;
}

.recActLink i {
    display: none;
}

.topSearch {
    /*display: none;*/
}

.alert.alert-warning.alert-dismissible .btn-default {
    background-color: #3f7a2f;
    border-color: #fff !important;
    color: #fff;
    font-weight: normal;
}

.alert.alert-warning.alert-dismissible .btn-default.exitBtn {
    background-color: #f8f9fa;
    color: #444;
    border-color: #3f7a2f !important;
}

.alert.alert-warning.alert-dismissible .btn-default.exitBtn:hover {
    color: #fff;
    border-color: #4E3396 !important;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.alert.alert-warning.alert-dismissible .textMsg {
    color: #3f7a2f;
    margin: 0;
}

.alert.alert-warning.alert-dismissible button {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2em;
}

table.dataTable thead>tr>th:last-child {
    min-width: 120px;
}

.popUpBody .form-group.otherForm {
    margin-top: 40px;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #3f7a2f;
    background-image: inherit;
}


/* .datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background-color: #3f7a2f;
    color: #fff;
} */

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background-color: #3f7a2f1f;
    color: #3f7a2f;
    border: 0px solid #3f7a2f;
    border-radius: 4px;
}


/* .datepicker table tr td.active.active {
    background: #3f7a2f9e;
}
*/

.datepicker table tr td.active.active:hover {
    color: #fff !important;
}

.dropdown-menu {
    color: #0b2e4e;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
    background-color: #3f7a2f;
    background-image: inherit;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #3f7a2f;
    background-image: inherit;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #a1fd86;
    color: #0b2e4e;
}

.datepicker table tr td.highlighted {
    border-radius: 4px;
}

a.user_link:hover {
    color: #3f7a2f !important;
}

.container-fluid .card.card-default.card-default.noteComm .footerOtherBtn.modal-footer.footerPdL7 {
    padding-right: 7px;
}

.passwordFild.form-group input {
    padding-right: 40px;
}

.dropdown-item:hover .dropdown-item:focus {
    color: #fff !important;
    /* background: #3f7a2f!important; */
}

.card .cardBoxBg .alert.docNotes {
    margin: 0 0 50px 0;
}

.nav-tabs.csNavTabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    text-align: center;
    padding: 10px 20px;
    line-height: normal;
    height: 60px;
    vertical-align: bottom;
    /* background: #c1c1c145; */
}

.nav-tabs.tabMenuGreen .nav-item.show .nav-link,
.tabMenuGreen.nav-tabs .nav-link.active,
.tabMenuGreen.nav-tabs .nav-link:hover {
    background-color: #F4F6F9;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.tabMenuGreen.nav-tabs .nav-item {
    margin-right: 3px;
    width: auto;
    display: inline-block;
    vertical-align: text-bottom;
}

.impNoteFlag img {
    width: 16px;
    position: absolute;
    left: -16px;
    top: 2px;
}

.impNoteFlag i {
    /* position: absolute;
                width: 50px; */
    /* background: blue; */
    display: inline-block;
    height: 20px;
    left: -20px;
}

span.impNoteFlag {
    position: relative;
}

#docDatepicker {
    margin-top: 10px;
}

#docDatepicker .docDatepicker {
    display: block !important;
}

.impNote.impNotIcon img {
    width: 17px;
}

.timeSelectAdmin .timeSelect {
    padding-left: 15px;
    padding-right: 14px;
}


/* @media (min-width: 1400px) {
.nav-tabs.csNavTabs br {
display: none;
}
}
*/


/* left hover menu css*/

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
.sidebar-mini.sidebar-collapse .main-sidebar:hover {
    /* width: 4.6rem; */
    overflow: inherit;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p {
    display: inline-block !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar .sidebar {
    overflow: initial;
    padding-left: 0;
    padding-right: 0;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link {
    padding-left: 24px;
    border-radius: 0;
    /*text-align: center; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p {
    display: none;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-link p {
    display: none !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-link:hover p {
    display: inline-block !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-link:hover p:hover {
    display: inline-block;
    /* background: #4E3396; */
    background: none;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link:hover p {
    position: relative;
    display: inline-block;
    overflow: initial;
    visibility: initial;
    width: auto;
    padding-right: 10px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-link:hover p:after {
    position: absolute;
    /* content: ""; */
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 20px solid #3f7a2f;
    border-bottom: 24px solid transparent;
    left: -20px;
    top: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-link:hover p:hover:after {
    border-right: 20px solid #4E3396;
}

.sidebar-mini .nav-sidebar {
    overflow: inherit !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image.logoBig {
    display: none;
    margin-left: 9px;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image.logoSml {
    display: block;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link {
    width: auto;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item>.nav-link.actNav {
    width: auto;
    border-radius: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item>.nav-link.actNav:hover {
    width: auto;
}

.sidebar-mini .nav-sidebar .nav-item>.nav-link:hover,
.sidebar-mini .nav-sidebar .nav-item>.nav-link.actNav {
    background: #3f7a2f !important;
    color: #fff !important;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link:hover,
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link.actNav {
    /* background: none!important; */
    position: relative;
    background: #3f7a2f !important;
    color: #fff !important;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link:hover:after,
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link.actNav:after {
    position: absolute;
    background: #3f7a2f;
    /* content: ""; */
    width: 73px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link:hover p {
    background: #3f7a2f;
    position: relative;
    /* margin-left: 40px!important;
    padding: 7px;
    margin-top: -5px; */
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-item.has-treeview:hover .nav.nav-treeview .nav-item p {
    display: inline-block !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-item.has-treeview:hover .nav.nav-treeview .nav-item a i {
    /* display: none!important; */
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-item.has-treeview:hover .nav-treeview {
    /* display: block!important; */
    /* margin-left: 48px; */
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover.nav-item p {
    display: inline-block !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav.nav-treeview {
    margin-left: 0;
    /*- display: block; */
    /* background: #f4f4f4; */
    /* margin-left: 73px; */
    /* -margin-left: 48px; */
    /* -margin-top: 0px; */
    /* position: absolute; */
    /* -position: inherit; */
    /* -width: 267px; */
    /* -z-index: 11; */
    /* max-height: 380px;
    overflow: auto; */
    /* -margin-top: 0px; */
    /* -border-top: 1px solid #fff; */
}


/*
.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav.nav-treeview .nav-item {
    margin-top: 0px;
    margin-bottom: 3px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover {
    width: 340px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover.nav-sidebar .nav-link:hover p {
    display: inline-block!important;
    width: 100%;
} */


/* .sidebar-mini.sidebar-collapse .main-sidebar .nav-item.has-treeview:hover .nav.nav-treeview .nav-item p {
    display: inline-block!important;
    margin-left: 0!important;

    padding-top: 10px;
    padding-bottom: 4px;
    color: #0b2e4e!important;
} */


/* .sidebar-mini.sidebar-collapse .main-sidebar .nav-item.has-treeview:hover .nav.nav-treeview .nav-item p:after {
    content: inherit;
} */


/*
.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav-link p {
    transition: initial!important;
    position: relative;

    margin-left: 0px;
    width: 100%;

    padding: 9px 7px 5px;
    color: #fff;
    margin-top: -7px!important;
} */


/*
.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav-link p:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 20px solid #3f7a2f;
    border-bottom: 24px solid transparent;
    left: -20px;
    top: 0;
} */


/*
.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav-link p:after {
    width: 27px;
    height: 60px;
    left: -25px;
    background: #3f7a2f;
    border: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav-link:hover p {
    margin-top: 0;
    background: #3f7a2f;
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav-item>.nav-link {
    padding-left: 0;
    padding-right: 0;
    color: #fff!important;
    margin-bottom: 1px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav-item>.nav-link:last-child {
    margin-bottom: -2px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav-link:after,
.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav-link.actNav:after {
    position: relative;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav-link .nav-icon,
.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav-link.actNav .nav-icon {
    color: #fff;
} */


/* .sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav-link:after,
.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav-link.actNav:after {
    position: absolute;
    background: #3f7a2f;
    content: "";

    width: 340px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
} */


/*
.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav.nav-treeview .nav-link:after,
.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav.nav-treeview .nav-link.actNav:after {
    content: inherit;
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav-link {
    padding-top: 0;
    padding-bottom: 0;
} */


/* .sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link {
    min-height: 60px;
} */


/*
.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover:hover .nav-link:hover p:hover:after {
    border-right: 20px solid #3f7a2f;
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav.nav-treeview .nav-item>.nav-link:hover {
    background: #4E3396;
} */

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav.nav-treeview .nav-item>.nav-link:hover p {
    /* background: #4E3396; */
    /* color: #fff!important; */
}

.sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav.nav-treeview .nav-item>.nav-link.actNav p {
    /* background: #4E3396; */
}


/* .sidebar-mini.sidebar-collapse .main-sidebar:hover .menu-open>.nav-treeview {
    display: none!important;
} */

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item>.nav-link.burgericon {
    padding-top: 14px;
    padding-left: 26px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item>.nav-link {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 24px;
    min-height: 57px;
    margin-bottom: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover .nav-link {
    min-height: auto;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.result.result_hover .nav.nav-treeview .nav-link {
    /* padding: 0; */
}

.sidebar {
    padding-left: 0;
    padding-right: 0;
}

.nav-sidebar>.nav-item .nav-icon {
    height: 46px;
    font-size: 2.2rem;
}

.nav-sidebar>.nav-item .nav-icon.fa,
.nav-sidebar>.nav-item .nav-icon.fab,
.nav-sidebar>.nav-item .nav-icon.far,
.nav-sidebar>.nav-item .nav-icon.fas,
.nav-sidebar>.nav-item .nav-icon.glyphicon,
.nav-sidebar>.nav-item .nav-icon.ion {
    font-size: 1.5rem;
    padding-top: 9px;
}

.nav-sidebar .nav.nav-treeview .nav-item .nav-icon {
    /* height: auto; */
    height: 24px;
    width: 28px;
}

.nav-sidebar .nav.nav-treeview .nav-item i {
    width: 28px;
    height: 24px;
    text-align: center;
    font-size: 20px
}

.nav-pills .nav-link {
    border-radius: 0;
}

.sidebar-mini .main-sidebar .nav-sidebar .nav.nav-treeview .nav-item>.nav-link {
    min-height: auto;
}

.nav-sidebar .nav-item>.nav-link .right {
    /* margin-top: 8px; */
    margin-top: 6px;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon.profileCheck {
    top: 0;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link:hover .nav-icon.profileCheck {
    color: #fff !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-item.has-treeview nav .menu-open {
    display: none !important;
}

.brand-link .brand-image {
    padding: 3px 0 0;
}

.brand-link {
    text-align: left;
    padding-bottom: 4px;
    padding-left: 10px;
}

.sidebar-mini.sidebar-collapse .logoSml {
    /* height: 52px;
    margin-top: 1px;
    border-radius: 3px;
    margin-left: 2px;
    padding-top: 0; */
}

img.brand-image.logoBig {
    padding-left: 0;
    margin-left: 0;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon {
    margin-top: 2px;
    color: #0b2e4e;
}

a.brand-link {
    overflow: hidden;
    position: relative;
}

a.brand-link:after {
    position: absolute;
    height: 60px;
    width: 11px;
    content: "";
    top: 0;
    z-index: 1;
    background: #3f7a2f;
    right: 0;
}

li.nav-item.burgericon a.nav-link {
    padding-top: 16px !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff !important;
    background-color: #4E3396;
}

.sidebar-mini .main-sidebar .nav-sidebar .nav-item>.nav-link.burgericon {
    padding-left: 26px;
    padding-top: 14px;
}


/* end left hover menu css*/

.col-md-12.col-lg-6.timeSelect {
    padding-left: 15px;
    padding-right: 11px;
}

a .small-box:hover .small-box-footer {
    /* background: rgba(0, 0, 0, .6); */
    color: #fff !important;
}

.navRes {
    /* display: none; */
}

ul.navbar-nav.navRes {
    margin-left: 0;
}

.button.btnArrow {
    margin: 0px 0 10px;
    width: 50px;
}

#user-listing-cont select.form-control {
    padding: 10px;
    height: 300px;
    overflow: auto;
    width: 100%;
}

.btnArrowCenter {
    margin-top: 78px;
    text-align: center;
}

.popUpBody h3 {
    font-size: 20px;
    font-weight: 700;
}

.popUpBody .form-control {
    padding: 11px 10px 10px 10px;
    font-weight: normal;
    color: #0b2e4e !important;
    line-height: normal;
}

.popUpBody .form-control li {
    line-height: normal;
    padding: 4px 0;
    list-style: none;
    margin: 0;
}

/*cs css*/

.csPersonalinfo .form-group .iconInput {
    left: 0;
    bottom: initial;
    top: 0;
    display: none;
}

.csPersonalinfo .csInfo {
    min-height: 20px;
}

.csPersonalinfo .form-group .control-label {
    font-size: 1.1rem;
}

.csPersonalinfo .csInfo {
    top: -3px;
    font-size: 1.1rem;
    min-height: 20px;
}

.iconMenuCs {
    display: none;
}

.popUpTitleBrd {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.dropdown-toggle {
    color: #fff;
    background: #3f7a2f !important;
    border-color: #3f7a2f !important;
    border-radius: 4px;
    margin: 10px 0;
    padding: .37rem .75rem;
    cursor: pointer;
}

.dropdown-toggle:hover.button {
    color: #fff !important;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    background: #4E3396 !important;
    border: 1px solid #4E3396 !important;
}

.dropdown-menu {
    min-width: auto;
    padding: 0;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    font-size: 1.2em;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: #3f7a2f;
    border: 0;
    border-bottom: 1px solid #fff;
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom: 0px solid #fff;
}

.expiredDate select {
    font-size: 1em;
    line-height: normal;
    font-weight: 400;
    padding-top: 4px;
}

.form-group input.inputFildPopUp {
    padding-left: 10px;
}

.popupInputFild .form-group {
    margin-right: 0;
    margin-left: 0;
}

tr td select.categoryDropdown {
    min-width: 100px;
    font-size: 1rem;
    height: 1.9rem;
    background: none;
    border: 1px solid #999;
    line-height: 1.6;
    box-shadow: none;
    border-radius: 5px;
    padding: 6px 10px 5px 10px;
    font-weight: 700;
}

table tr.exp_shortly {
    background: rgba(255, 0, 0, 0.2) !important;
}

.table-striped tbody tr.exp_shortly:nth-of-type(odd) {
    background: rgba(255, 0, 0, 0.2) !important;
}

div#all_docs_wrapper {
    float: initial;
}

#docDatepicker .docDatepicker.createNoteDate {
    width: 150px;
}

.footerOPLR.modal-footer {
    padding: 0 0px;
}

.footerPopR.modal-footer {
    display: block;
    text-align: right;
}

.modal .card-header.popOtherTitle.popUpHeader {
    margin-bottom: 36px;
}

.modalCheckbox .checkbox label,
.modalCheckbox .form-radio label {
    padding-left: 2px;
}

.checkboxLi.checklistPopup li:last-child label {
    margin: 0;
}

.modalCheckbox .checkbox input,
.modalCheckbox .form-radio input {
    margin-right: 9px !important;
}

.modal-dialog .form-group.formGroupLast {
    margin-bottom: 10px;
}

#notesAdd .modal-dialog .modal-footer {
    padding: 0px;
    margin-top: 24px;
}

#notesAdd .modal-dialog .modal-footer button {
    margin-bottom: 0;
}

#notesAdd .modal-body {
    padding-bottom: 10px;
}


/* #notesAdd .card-body {
    padding: 0;
}

#notesAdd .popUpBody {
    padding: 24px 24px 0px;
} */

.cardBoxDB.cardBoxDBAdmin .adminuser .col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%;
}

select.iconOption {
    font-family: 'FontAwesome', 'sans-serif';
}

.iconSelect {
    max-height: 200px;
    overflow: auto;
}

.iconSelect ul {
    margin: 0;
    padding: 0;
}

.iconSelect ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 5.5%;
    height: 60px;
    vertical-align: middle;
    position: relative;
}

.iconSelect ul li input {
    vertical-align: initial !important;
}

.iconSelect ul li label .hydrated {
    position: absolute;
    left: 20px;
    top: 4px;
    font-size: 30px;
}

.iconSelect ul li:hover label .hydrated {
    font-size: 40px;
    position: absolute;
    left: 20px;
    top: -5px;
}

.iconSelect ul li label i {
    position: absolute;
    left: 20px;
}

.iconSelect ul li:hover label i {
    font-size: 30px;
    position: absolute;
    left: 20px;
    top: -5px;
}

.radioBtn input[type="radio"] {
    margin-bottom: 2px;
}

.sidebar-mini.sidebar-collapse .nav.nav-pills.nav-sidebar.flex-column .nav-link i {
    /* width: 28px;
                font-size: 1.9rem; */
    text-align: center;
    /* color: #15388C; */
    color: #0b2e4e !important;
}

.sidebar-mini.sidebar-collapse .nav.nav-pills.nav-sidebar.flex-column .nav-link i.fa {
    width: 28px;
    /* font-size: 1.9rem; */
}

.sidebar-mini.sidebar-collapse .nav.nav-pills.nav-sidebar.flex-column .nav-link:hover i {
    color: #fff;
}

.checkboxLi.checkListrole label {
    display: inline-block;
}

.table-striped tbody tr ul..checkboxLi.checkListrole li {
    min-width: 23.5%;
}


/* .checkBoxList {} */

.sidebar-mini a.nav-link i {
    font-size: 1.9rem;
    margin-top: 4px;
    display: inline-block;
}

.sidebar-mini.sidebar-collapse a.nav-link i {
    margin-top: 4px;
}

.rolePermissions {
    margin-right: 7px;
    margin-left: 7px;
}

.rolePermissions ul {
    margin: 0;
    padding: 0;
}

.rolePermissions ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 33%;
}

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

.form-group.roleInput input.inputFildPopUp {
    display: inline-block;
    width: auto;
}

.form-group.roleInput input.inputFildPopUp.input300 {
    width: 300px;
}

.nav-sidebar .menu-open>.nav-treeview {
    height: auto !important;
}

.container-fluid .card.card-default.card-default.noteComm .footerOtherBtn.modal-footer.footerBgNone {
    background: none !important;
    padding: 30px 7px 20px;
}

.rolsCheckboxList {
    margin-right: 7px;
    margin-left: 7px;
}

.form-group input.normalInput,
.form-group textarea.normalTextArea,
.form-group select.normalSelect {
    padding: 6px 10px 6px 12px;
}

.card .cardBoxBg.cardBoxcollapsible {
    padding: 30px 0px 10px;
}

.checkboxLi.checklistPopup li {
    display: block;
}

.menuUrl {
    position: absolute;
    left: 40px;
    top: -28px;
    font-size: 1rem;
}

.iconSelect {
    max-height: 320px;
    overflow: auto;
    padding: 10px 0;
}

.workExpBtn.row {
    text-align: right;
}

.modal-footer.justify-content-between1 {
    justify-content: flex-end;
    width: 100%;
}

.wdt100 {
    width: 100%;
}

.modal-footer {
    justify-content: flex-end;
}

span.errorAutoUpdate {
    font-size: 0.9em;
}


/* Subscription Plan css */


/*switch on-off */

.toggle-label {
    position: relative;
    width: 300px;
    height: 30px;
}

.toggle-label input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.toggle-label input[type=checkbox]+.back {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    top: 0;
    border-radius: 50px;
    border: 1px solid #3f7a2f;
    transition: background 150ms linear;
}

.toggle-label input[type=checkbox]:checked+.back {
    border: 1px solid #3f7a2f;
    cursor: pointer;
}

.toggle-label input[type=checkbox]+.back .toggle {
    display: block;
    position: absolute;
    content: ' ';
    background: #3f7a2f;
    width: 50%;
    height: 100%;
    transition: margin 150ms linear;
    border: 1px solid #3f7a2f;
    border-radius: 50px;
}

.toggle-label input[type=checkbox]:checked+.back .toggle {
    margin-left: 150px;
}

.toggle-label .label {
    display: block;
    position: absolute;
    width: 50%;
    color: #fff;
    line-height: 38px;
    text-align: center;
}

.toggle-label .label.on {
    left: 0px;
}

.toggle-label .label.off {
    right: 0px;
}

.toggle-label input[type=checkbox]:checked+.back .label.on {
    color: #3f7a2f;
}

.toggle-label input[type=checkbox]+.back .label.off {
    color: #3f7a2f;
    cursor: pointer;
}

.toggle-label input[type=checkbox]:checked+.back .label.off {
    color: #fff;
}


/*switch on-off */

.bg-gradient {
    background: #C9D6FF;
    background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF);
    background: linear-gradient(to right, #E2E2E2, #C9D6FF);
}


/* ul li {
                margin-bottom: 1.4rem;
            } */

.pricing-divider {
    border-radius: 20px;
    background: #3f7a2f;
    padding: 1em 0 4em;
    position: relative;
    overflow: hidden;
}

.col-4.princing-item.tier1 .pricing-divider {
    background: #666;
}

.blue .pricing-divider {
    background: #3f7a2f;
}

.green .pricing-divider {
    background: #3f7a2f;
}

.red b {
    color: #C64545
}

.blue b {
    color: #2D5772
}

.green b {
    color: #1AA85C
}

.pricing-divider-img {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 80px;
}

.deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.btn-custom {
    background: #3f7a2f;
    color: #fff;
    border-radius: 20px
}

.btn-custom:hover {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    background: #4E3396 !important;
    border: 1px solid #4E3396 !important;
    color: #fff;
}

.img-float {
    width: 50px;
    position: absolute;
    top: -3.5rem;
    right: 1rem
}

.princing-item {
    transition: all 150ms ease-out;
}

.princing-item:hover {
    transform: scale(1.05);
}

.princing-item:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}

.princing-item:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
}

.freeDays {
    top: 25px;
    left: -50px;
    font-size: .8125rem;
    font-family: Proxima Nova Bold, sans-serif;
    padding: 10px 0;
    position: absolute;
    width: 200px;
    transform: rotate(-40deg);
    text-align: center;
    background: #f2b127;
    text-transform: uppercase;
    top: 14px;
    left: -62px;
}

iframe {
    width: 100%;
}

.alert.alert-warning.docNotes {
    border: 0;
    padding: 0;
}

.form-groupPopUp.addIndustry {
    margin-bottom: 0;
}

.form-group.form-groupPopUp {
    margin-left: 0;
    margin-right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 0;
}

.cardBoxBg.cardBoxcollapsible .alert {
    padding-top: 0 !important;
}

select.selectInfo {
    width: auto;
    display: inline-block;
    padding: 5px 10px 4px 10px;
    color: #0b2e4e;
    font-size: 1em;
    border: 1px solid #999;
    border-radius: 5px;
    height: 1.9rem;
    background: #f4f6f9;
}

.card .cardBoxBg.cardBoxMsg .alert {
    margin-bottom: 19px;
    margin-top: 0px;
    display: none;
}

.modal-footer.footerOtherBtn .btn.btn-default {
    margin-bottom: 0;
    margin-top: 0;
}

.modal-footer.footerOtherBtn a {
    margin-bottom: 0;
    margin-top: 10px;
}

li.paginate_button.page-item {
    margin: 0 4px 0 0;
}

li.paginate_button.page-item.previous {
    margin-right: 4px;
}

li.paginate_button.page-item.next {
    margin-right: 0;
    margin-left: 0px;
}

a button.btn.btn-default {
    margin-right: 1px;
}

.popUpBody .modal-footer.footerOtherBtn .btn.btn-default {
    margin-top: 10px;
}

.button.btmLm1 {
    margin-left: 1px;
}

.card .cardBoxBg .alert {
    margin-bottom: 14px;
    font-size: 16px;
    margin-top: -7px;
}

.progressBar h3 {
    line-height: normal;
    font-size: 1.2em;
    margin-top: 8px;
}

.alert.alert-warning.alert-dismissible.progressBar .btn-default.exitBtn,
.alert.alert-warning.alert-dismissible.progressBar .btn-default {
    margin-bottom: 10px;
}

.toast {
    color: #0b2e4e;
    top: 43% !important;
    position: fixed;
    right: 0;
    z-index: 1111;
    left: 0;
    margin: 0 auto;
    display: block;
    opacity: 1;
    background: rgba(0, 0, 0, 0.4);
    max-width: 100%;
    height: 100%;
    top: 0 !important;
    backdrop-filter: initial;
    font-size: 16px;
}

.toast .close {
    position: absolute;
    right: 0;
    top: 1px;
    opacity: 1;
    border-radius: 40px;
    width: 25px;
    border: 0px solid #ccc;
    padding-left: 1px;
    padding-top: 0;
}

.toast-body {
    padding: .75rem;
    /*max-width: 520px;*/
    background: #fff;
    margin: 0 auto;
    top: 45%;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 4px;
    border: 1px solid #666;
    width: fit-content;
    padding: 0;
}

.form-group.radioBtn.roleInfo {
    display: block;
    background: none;
    padding: 6px 10px 6px 36px;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    line-height: normal;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    border: 1px solid #999;
    border-radius: 5px;
    font-weight: 700;
    color: #0b2e4e;
}

.form-group.radioBtn.roleInfo.profilebrd {
    width: auto;
}

.modal-dialog.modalCheckbox.modal-dialog-centered .modal-footer.footerOtherBtn a {
    margin-top: 0px;
}

.btnML0 {
    margin-left: 0 !important;
}

.btnMR0 {
    margin-right: 0 !important;
}

.col-lg-7.col-md-12.col-sm-12.col-pad-0.align-self-center {
    max-width: 58%;
    margin: 0 auto;
}

.topUserName {
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.timePeriod1 {
    font-size: 1rem;
    position: absolute;
    top: -22px;
}

.timePeriodMain .form-group select {
    padding: 6px 10px 5px 32px;
}

.formsTable table tr td:last-child {
    width: 110px;
}


/* .cardBoxBg.cardBoxcollapsible.educationCard {
    padding: 0px 0px 10px;
} */

input.is_current {
    margin-right: 4px;
}

input.is_current:last-child {
    margin-left: 10px;
}

.dropdown-toggle::after {
    vertical-align: .150em;
}

.dropdown.user.user-menu .dropdown-toggle::after {
    vertical-align: .550em;
}

#reason-block label.col-form-labelName {
    width: 100%;
}

#reason-block label.col-form-labelName a {
    float: right;
}

#country {
    display: block;
}

.custom-errors,
#flashMsgTxt {
    font-weight: normal;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto;
    padding-bottom: 0px;
}

#citizenship {
    font-size: 0.95rem;
}

.cardBoxBg.userProfileCard {
    padding-left: 0;
    padding-right: 0;
}

.cardBoxBg.userProfileCard .userInfoCard {
    padding: 34px 20px 10px;
}

.userProfileBody {
    padding: 34px 20px 10px;
}

.userInfoCardBtn {
    padding: 0px 20px 0px 27px;
}

#citizenship .panel-body {
    padding: 20px 30px 20px;
}

.placBirth {
    padding: 34px 20px 10px;
}

.placBirth .form-group,
#general_information .form-group {
    margin-bottom: 20px;
}

.marginTop0 {
    margin-top: 0 !important;
}

#notes-popup button.btn.btn-default {
    margin-right: 6px;
}

.reference_item {
    border-top: 1px solid #ccc;
    padding-top: 44px;
    position: relative;
}

.reference_item:first-child {
    border-top: 0px solid #ccc;
    padding-top: 0px;
}

.reference_item a.remove_me {
    position: absolute;
    right: 3px;
    top: 10px;
}

.reference_item:nth-child(even) {
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-left: 0;
}

.innerH3 {
    color: #0b2e4e;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 30px;
    padding: 7px 7px 5px;
    margin-top: -30px;
    background: #e3e8ec;
}

.addAnotherBtn {
    padding: 0px 13px 0px;
    margin-top: 0px;
}

.expiringDate {
    width: auto;
    display: inline-block;
}

.toastTop {
    background: #3f7a2f;
    border-radius: 2px 2px 0 0;
    padding: 2px 10px;
    color: #fff;
    /* font-size: 18px; */
    font-size: 20px;
    margin-top: -1px;
}

#flashMsgTxt {
    font-weight: normal;
    /* padding: 24px; */
    padding: 20px 24px;
    display: inline-block;
    font-size: 17px;
    text-align: left;
}

.message-content-center-left {
    display: block;
    text-align: center;
    margin: 0px;
}


/* for input error messages */

.form-group.errorMessageform .errorMessage {
    position: absolute;
    color: #e31c3d;
    padding-left: 30px;
    font-size: 1rem;
    bottom: -25px;
    left: -26px;
}

.form-group.errorMessageform input {
    border: 1px solid #e31c3d;
}

.toast .close {
    color: #fff;
}

.val_error,
.error {
    color: #ba3838;
    font-size: 0.9rem;
    display: none;
    position: absolute;
}

#documents_filter .form-control,
.dataTables_filter input.form-control.form-control-sm {
    background: url(../img/search.png) no-repeat;
    background-size: 18px;
    background-position: 5px 6px;
    padding-left: 30px;
}

.personalCollap .collapsible {
    padding: 2px 8px 2px;
}

.personalCollapIn {
    padding: 0 18px;
    width: 100%;
}

.personalCollapIn .form-groupGI {
    margin-top: 26px;
}

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

.personalCollap .upDownArrow {
    margin-right: 12px;
}

.personalCollap .collapsible {
    background: none;
}

.toast.toastHide {
    display: none;
}

.descriptionTable {
    /* overflow: hidden;
        max-height: 90px; */
}

.descriptionTable>*:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}

.descriptionMore {
    float: right;
    font-size: 16px;
    cursor: pointer;
}

.descriptionPopUp .modal-content {
    margin-left: 0;
    padding: 0;
    padding-bottom: 20px;
}

.descriptionPopUp .close {
    position: absolute;
    right: 7px;
    top: 3px;
    color: #fff;
    opacity: 1;
}

.descriptionPopUp .header {
    background: #3f7a2f;
    border-radius: 4px 4px 0px 0;
    padding: 2px 10px 0;
    color: #fff;
}

.descriptionPopUp .descriptionIn {
    padding: 10px;
}

.select2-selection__choice__display {
    color: #0b2e4e;
}

.userInof .collapsibleOpen {
    padding: 0px 0px 0px;
}

.collapsibleOpen.row .card-body {
    padding: 0;
    border: 1px solid #ccc;
}

.collapsibleOpen .table-responsive {
    border: 1px solid #ccc;
}

.personalCollap .addDetails {
    margin-left: 0;
}

.personalCollap .personalCollapIn {
    padding: 0 7px;
}

.personalCollap .addDetails {
    margin-left: 0;
}

.panelGroupBox h4.panel-title {
    background: none !important;
    padding-right: 9px !important;
}

.panelGroupBox .panel-group {
    margin: 0 14px;
}

.panelGroupBox .placBirth {
    padding: 34px 7px 10px;
}

#citizenship .panel-body {
    padding: 20px 14px 20px;
}

.panelGroupBox .userProfileBody {
    padding: 34px 7px 10px;
}

#add_specialty_section .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

#add_specialty_section .alert {
    display: none;
}

#add_specialty_section .alert {
    display: none;
}

#add_specialty_section .alert.alert-danger {
    display: block;
}

div#add_specialty_section {
    margin-top: 50px;
}

#add_specialty_section {
    margin-top: 50px;
}

#citizen_country_cont i {
    font-size: 1em;
    top: 5px;
}


/*modal box css */


/* .modal-body {
    padding: 0;
}

.modal .card-body {
    padding: 0 10px;
}

.modal .card-header {
    margin-left: 0;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Questrial', sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding: 3px 10px;
    border-radius: 2px 2px 0 0;
    background: #3f7a2f;
    color: #fff;
}

.modal .card-title.popUpTitle.otherTitle {
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
}

.modal-dialog.modal-dialog-centered .modal-footer.footerOtherBtn {
    padding: 0 0px;
    margin-bottom: 10px;
}

.card-title.popUpTitle {
    margin-left: 0;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Questrial', sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding: 3px 10px;
    border-radius: 2px 2px 0 0;
}

.card-header.cardHeaderPop {
    padding: 2px 0 0px 0;
    background: #3f7a2f;
    color: #fff;
}

.modal-dialog.modal-dialog-centered .modal-footer {
    padding: 0 10px;
} */


/*modal box end css */

.cardBoxBg.recentActWelcome .control-label .proAddWel {
    margin-left: 0px;
    padding-left: 40px;
    display: block;
}

.cardBoxBg.recentActWelcome .control-label i {
    margin-right: 10px;
    vertical-align: top;
    float: left;
    margin-top: 5px;
}

.addSpecialtyBtn {
    text-align: right;
}

.userVha {
    margin: 0 20px;
}

.userVha .collapsibleOpen {
    padding: 0px 2px 0px;
}


/* .sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link:hover:after,
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link.actNav:after {
    transition: margin-left .3s ease-in-out, width .3s ease-in-out!important;
    width: 100%;
    -webkit-transition: margin-left .3s ease-in-out, width .3s ease-in-out!important;
    -moz-transition: margin-left .3s ease-in-out, width .3s ease-in-out!important;
    -ms-transition: margin-left .3s ease-in-out, width .3s ease-in-out!important;
    -o-transition: margin-left .3s ease-in-out, width .3s ease-in-out!important;
} */

.main-sidebar,
.main-sidebar::before {
    transition: margin-left .3s ease-in-out, width .1s ease-in-out;
    -webkit-transition: margin-left .3s ease-in-out, width .1s ease-in-out;
    -moz-transition: margin-left .3s ease-in-out, width .1s ease-in-out;
    -ms-transition: margin-left .3s ease-in-out, width .1s ease-in-out;
    -o-transition: margin-left .3s ease-in-out, width .1s ease-in-out;
}


/* .form-group.errorMessageform .control-label {
        color: red;
    } */

.citizenshipInfoUser .personalCollapIn {
    padding: 0 14px;
}

.citizenshipInfoUser .form-groupGI {
    margin-bottom: 5px;
}

.citizenshipInfoUser label.form-check-label {
    font-size: 1rem;
}

.generalInfoUser .personalCollapIn {
    padding: 0 0;
}

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

.referencesInfoUser .personalCollapIn {
    padding: 0 0;
}

.referencesInfoUser .addAnotherBtn {
    padding: 0px 15px 0px;
}

.userBackbtn.userInfoCardBtn {
    padding: 0px 0px 0px 27px;
}

.placeBirthInfoUser .form-groupGI {
    margin-top: 26px;
    margin-bottom: 8px;
}

.userVha .upDownArrow {
    margin-right: -10px;
}

.specialtiesInput .csInfo {
    height: auto;
}

.specialtiesInput {
    margin-bottom: 20px;
}

.otherPerInfo .userInof .form-group.specialtiesInput {
    margin-bottom: 10px;
}

.specialtiesListForm .form-group {
    margin-bottom: 0px;
}

.cardBoxBg.userProfileCard h4.panel-title {
    margin-bottom: 0;
    font-size: 21px;
}

.otherPerInfo .personalCollap {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    margin-right: 0;
    border-right: 0;
}

.otherPerInfo .personalCollap .form-group {
    margin-bottom: 16px;
}

.otherPerInfo div.dataTables_info {
    margin-left: 10px;
}

.cardBoxBg.otherCaradBg.userInfoCS div.dataTables_paginate {
    margin-right: 10px;
}

.otherPerInfo .collapsibleOpen {
    padding: 0px 0px 0px;
}

.otherPerInfo input[type=radio] {
    height: auto;
    width: 12px;
}

.otherPerInfo .form-check.form-check-inline {
    font-size: 0.95rem;
}

.citizenshipRadio .form-groupGI {
    margin-top: 4px;
}

.submitChangPassBtn {
    margin-left: 1px;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
a:focus,
input:focus {
    outline: 0px solid #001f3f;
}

.timePeriodInfo {
    position: relative;
}

.time_period_error {
    color: rgb(255, 0, 0);
    position: absolute;
    bottom: 38px;
    font-size: 0.9rem;
}

.userVha.userVhaLB .personalCollap {
    border-right: 1px solid #ccc;
}

.userVha.userVhaLB .personalCollap .upDownArrow {
    margin-right: -5px;
}

.userProBtn .bottomBtn {
    margin-right: 0;
}

.userVha .personalCollap .addDetails {
    margin-left: -2px;
}

.userVha label.control-label {
    margin-left: -1px;
}

.reference_item {
    margin-left: 7px;
    margin-right: 7px;
}

.generalInfoUser .form-group.form-groupGI {
    margin-left: 14px;
    margin-right: 14px;
}

.csPersonalinfo.otherPerIn .form-group .control-label {
    left: -2px;
}

.csPersonalinfo.otherPerIn .personalCollap .addDetails {
    margin-left: -1px;
}

.dataTables_scrollHeadInner,
.dataTables_scrollBody {
    width: 100% !important;
}

select#citizen_country {
    margin-bottom: 14px;
}

.citizenshipRadio .form-group.form-groupGI {
    margin-bottom: 0;
}

.userInfoCS .table-striped tbody tr.highLightRowGreen {
    /* background: #3f7a2f!important; */
    background: rgba(75, 154, 52, 0.6) !important;
    color: #fff;
}

.userInfoCS .table-striped tbody tr.highLightRowGreen .descriptionMore {
    color: #fff;
}

.descriptionPopUp .descriptionIn {
    max-height: 100%;
    overflow: auto;
}

.form-group.zipCode input {
    width: 30px;
}

.citizenshipInfoUser .form-check.form-check-inline {
    margin-bottom: 10px;
}

.citizenshipRadio .form-check.form-check-inline {
    margin-bottom: 10px;
}

.personalCollapIn.citizenshipRadio div#citizen_country_cont {
    margin-left: 0 !important;
}

.collapsibleOpen div.dataTables_wrapper div.dataTables_info {
    margin-left: 10px;
}


/* .btn {
    line-height: normal;
}

.button {
    line-height: normal;
} */

.bottomBtn button {
    line-height: normal;
}

.delIndustries {
    margin: 0 0 0 19px;
}

.bootbox .modal-header {
    background: #3f7a2f;
    border-radius: 4px 4px 0px 0;
    padding: 2px 10px 0;
    color: #fff;
}

.bootbox .modal-header .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.bootbox .modal-body {
    /* padding: 10px 6px 10px 6px; */
    padding: 20px 24px;
}

.bootbox .bootbox-body {
    margin: 0px 6px 0px;
    margin: 0;
}

.bootbox .modal-footer {
    /* padding: 0 10px; */
    padding: 0 24px;
}

.table-bordered thead th {
    vertical-align: top;
}

button#cancel_adding_specialty {
    margin-right: 2px;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.dataTables_scrollHeadInner table {
    width: 100% !important;
}


/* #industryList_wrapper .dataTables_scrollHeadInner table thead tr th:first-child:before,
#industryList_wrapper .dataTables_scrollHeadInner table thead tr th:first-child:after {
    display: none;
} */

.tableCheckInput table thead tr th:first-child:before,
.tableCheckInput table thead tr th:first-child:after {
    display: none;
}

.addDocCredential .form-group.formPopup label.control-label {
    font-size: 1.04em;
}

.addDocCredential .radio.radioDef label {
    display: table;
}

.addDocCredential .radio.radioDef input[type="radio"] {
    margin-top: 10px;
}

.addDocCredential .radio.radioDef span {
    width: calc(100% - 16px);
    display: table-cell;
    padding-left: 10px;
}

.addDocCredential .checkboxLi.form-radio.row.addDocRadio {
    margin-bottom: 0;
    margin-top: 0;
}

.modal-dialog {
    min-height: calc(100% - 3.5rem);
    align-items: center;
    display: flex;
}

.card .cardBoxBg .alert.alert-success {
    display: none;
}

.alert {
    display: none;
}

.loginBg .alert {
    display: block;
}

input#delButton {
    margin-top: 10px;
}

#descriptionInfo.modal.show .modal-dialog.modal-dialog-centered {
    margin: 0 auto !important;
}

.btnM0 {
    margin: 0;
}

.adminUserMenu {
    margin: 20px 0;
}


/* .tableCheckBox table tr th:first-child:before,
.tableCheckBox table tr th:first-child:after {
    content: initial;
} */

.tableCheckBox table.dataTable thead>tr>th.sorting_asc:first-child {
    padding-right: 10px;
}

.dataTables_filter .form-control-sm {
    color: #0b2e4e;
}

a.user_link.es_form_submit.nextAct {
    color: #fff;
    /* font-weight: bold; */
    background: #3f7a2f;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 14px;
    -webkit-appearance: none;


}

a.user_link.es_form_submit.nextAct:hover {
    background: #4E3396;
    color: #fff !important;
}

a.user_link.es_form_submit:hover {
    color: #4E3396 !important;
}

.modal-dialog .modal-footer {
    padding: 0px 24px;
}

.modal .formPopUp {
    padding-bottom: 24px;
}

.modal .formPopUp .card-body {
    padding: 0;
    padding: 44px 24px 0px;
}

.alert.alert-warning.alert-dismissible.progressBar {
    display: block !important;
}

.welcomeH1 a {
    color: #3f7a2f;
    text-decoration: underline;
}

.welcomeH1 a:hover {
    color: #4E3396;
}

.alert.alert-warning.alert-dismissible {
    display: block;
}

.upLoadIcon {
    margin-top: 5px;
    vertical-align: inherit;
}

.uploadDocBtn {
    text-align: center;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
    content: "\25B2";
    top: 12px;
    right: 9px;
    font-size: 12px;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_desc:after {
    content: "\25BC";
    top: 24px;
    right: 9px;
    font-size: 12px;
}


/* .recentActWelcome .dataTables_scrollBody table.dataTable thead tr th:last-child.sorting:before,
.recentActWelcome .dataTables_scrollBody table.dataTable thead tr th:last-child.sorting:after {
    display: none;
} */

.noteBtnBtm .footerOtherBtn button {
    margin-bottom: 0;
}

.container-fluid .card.card-default .noteBtnBtm.cardBoxBg.otherCaradBg .footerOtherBtn.modal-footer {
    background: none !important;
}

.timeSelect .time_period_error {
    position: inherit;
}

.docApprove table {
    /* min-width: 1800px!important;
        width: initial!important; */
}

.docApprove table tr td,
.docApprove table tr th {
    /* width: 150px!important; */
}

table tr td {
    word-break: break-word;
}

.card .cardBoxBg.cardBoxcollapsible.collapsibleCS {
    padding: 0px 0px 10px;
}

.addDocInfo .alert.alert-danger {
    margin-top: -36px;
}

.addDocInfo .error_items {
    margin-left: 0;
}

.addDocInfo .form-group {
    margin: 0;
}

.expiringDocTable table {
    width: 2200px !important;
}

.industriesTable .dataTables_scrollHeadInner table thead tr th:first-child:after,
.industriesTable .dataTables_scrollHeadInner table thead tr th:first-child:before,
.UsersTableInfo .dataTables_scrollHeadInner table thead tr th:first-child:after,
.UsersTableInfo .dataTables_scrollHeadInner table thead tr th:first-child:before,
.archivedTable .dataTables_scrollHeadInner table thead tr th:first-child:after,
.archivedTable .dataTables_scrollHeadInner table thead tr th:first-child:before,
.staffManTable .dataTables_scrollHeadInner table thead tr th:first-child:after,
.staffManTable .dataTables_scrollHeadInner table thead tr th:first-child:before {
    display: none;
}

.industriesTable .dataTables_scrollHeadInner table thead tr th:last-child:after,
.industriesTable .dataTables_scrollHeadInner table thead tr th:last-child:before {
    display: none;
}

#assignmentsToUsers .card-body {
    padding-top: 14px;
}

.affixJobTitle p {
    margin: 0;
    display: inline-block;
}

.affixJobTitle .autoupdate {
    width: 200px;
    padding-left: 10px;
    display: inline-block;
    margin-left: 10px;
}

#lastLogin {
    position: relative;
}

#lastLogin .dateHover {
    display: none;
}

#lastLogin:hover .dateHover {
    display: block;
    position: absolute;
    width: 228px;
    text-align: center;
    background: #fff;
    color: #0b2e4e;
    border-radius: 4px;
    padding: 0 10px;
    margin: 0 auto;
    right: 0;
    left: -33px;
    z-index: 1;
    top: 32px;
    border: 1px solid #ccc;
}

.fileTypes {
    font-size: 16px;
    margin-top: 7px;
}

.activityLog.small-box {
    background: #A16AD9 !important;
}

.activityLog.small-box:hover {
    background: #5c3682 !important;
}

.notesBg.small-box {
    background: #955251 !important;
}

.notesBg.small-box:hover {
    background: #6f3b3a !important;
}

div#formsAssigned_filter {
    /* margin-bottom: 14px; */
}

.esPacketForms table {
    min-width: 1150px;
}

.modal .formPopUp.uploadResumePop .card-body {
    padding: 20px 24px 0px;
}

.modal .formPopUp.uploadResumePop .form-group-fileUpload {
    margin: 0 0px;
}

.modal .formPopUp.uploadResumePop .select2-container {
    width: 100% !important;
    display: block;
}

.modal .formPopUp.uploadResumePop .form-group.specialFromGroup {
    margin-bottom: 0;
}

.modal .formPopUp.uploadResumePop .form-group {
    margin-right: 0;
    margin-left: 0;
}

.downloadDrop {
    margin: 10px 0;
    text-align: right;
}

.nav-sidebar .nav-item>.nav-link:hover .nav-icon {
    color: #fff;
}

.dropdownReportR {
    text-align: right;
    margin-top: 2px;
}

select#days {
    margin-bottom: 0;
    vertical-align: middle;
    padding-top: 2px;
}


/* .sidebar-mini.sidebar-collapse .nav.nav-treeview .nav-item .nav-icon {
    display: none;
} */

div#verifyParsedData {
    margin-top: 36px;
}

.onBoardingOr {
    padding: 10px;
    line-height: 40px;
    font-weight: bold;
}

.affixJobTitle .affixInput {
    width: 260px;
    padding-left: 10px;
    margin-right: 10px;
    display: inline-block;
    margin-left: 10px;
}

.affixJobTitle .npiNumberInput {
    width: 130px;
    padding-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

.form-group.affixJobTitle {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 40px;
    margin-bottom: 0;
}

.activitiesLast {
    display: inline-block;
    margin-left: 12px;
    margin-top: -1px;
}

.activitiesLast.activitiesFilter {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 0px;
}

.filterBtn {
    margin-top: 10px;
}

.activitiesLast input#filteractivities {
    margin: 0;
    padding: 5px 14px;
    font-size: 1em;
    line-height: normal;
    height: auto;
}

.activitiesLast select#days {
    margin-bottom: 0;
}

#fileUploadArea .form-group-fileUpload {
    margin-top: 8px;
}

.allactivPag .pagination {
    float: right;
}

.activitiesLast select.selectInfo {
    width: auto;
    max-width: 500px;
    /* display: inline-block!important; */
    padding: 4px 10px 4px 10px;
    height: 1.97rem;
}

.table thead tr th:hover {
    background: #f4f4f4;
}

li.page-item {
    margin-left: 4px;
}

#docDatepicker .form-group .iconInput {
    top: 8px;
}

.formFildPL10 {
    padding-left: 10px;
}

.actionLoader img {
    max-width: 22px;
}

table.dataTable thead .sorting_disabled.sorting::before,
table.dataTable thead .sorting_disabled.sorting::after {
    display: none;
}

table.dataTable thead .sorting_disabled::before,
table.dataTable thead .sorting_disabled::after {
    display: none;
}

table.dataTable thead .sortDisabled::before,
table.dataTable thead .sortDisabled::after {
    display: none;
}

#bullHornActivitiesCont ul.bh_steps li {
    list-style: none;
    text-align: left;
    font-size: 16px;
}

#process_msg {
    width: 100%;
}

.collapsibleOpen.row .bullHornPopUp .card-body {
    padding: 0;
    border: 0px solid #ccc;
}

.bullHornPopUp .popUpBody {
    padding: 24px;
    padding-bottom: 0;
    padding-top: 12px;
}

.form-group .iconInput {
    bottom: initial;
    top: 6px;
}

#changePassForm .form-group {
    margin-bottom: 40px;
}

.form-group.inputPL10 .form-control,
.form-group.inputPL10 select {
    padding-left: 10px;
}

.titleInput .form-group input {
    padding-left: 10px;
}

.typeInput .form-radio input {
    width: auto;
    opacity: 1;
    position: initial;
    left: 0;
    display: inline-block;
    vertical-align: bottom;
    float: left;
}

.typeInput .radio.radioDef span {
    padding-left: 8px;
    vertical-align: top;
    display: flex;
}

#dropZone input#documentFile {
    padding-left: 4px;
    padding-top: 3px;
}

#dropZone {
    border: 1px dashed #999 !important;
    padding: 20px !important;
    width: 100%;
    margin-top: 20px;
    margin-left: 2px !important;
}

.formDisplay .form-group {
    position: relative;
    margin-top: 6px;
    margin-bottom: 0px;
    margin-right: 16px;
}

.dragDropFile .subTitle.popUpSubTitle {
    padding-left: 1px;
}

.col-md-12.dragDropFile {
    padding-left: 6px;
}

.activitiesLast .activitiRole {
    font-size: 22px;
    font-weight: bold;
}

.activitiesLastH3 {
    margin-top: 0px;
}

.activitiesLastH3.h3 {
    display: block;
}

.activitiesLastH3.h3 {
    display: block;
    float: initial;
}

.activitiesLastH3 select.selectInfo {
    height: 32px;
}

#viewDocument .card.card-default img {
    max-width: 100%;
}

#viewDocument .modal-footer.justify-content-between1 {
    display: block !important;
}

.h3SpanNormal {
    font-weight: normal;
}

.tabMenuGreen.userInfoMenu {
    margin-top: 20px;
}

.tabMenuGreen.userInfoMenu .nav-link {
    height: 40px;
}

.tabMenuGreen.nav-tabs.userInfoMenu .nav-link.active,
.tabMenuGreen.nav-tabs.userInfoMenu .nav-link:hover {
    border: 0;
    border-bottom: 3px solid #3f7a2f;
    color: #3f7a2f;
}

.tabMenuGreen.nav-tabs.userInfoMenu .nav-link {
    border: 0;
    border-bottom: 1px solid transparent;
}

.emailView {
    margin-bottom: 10px;
}


/* user dropdown menu */

.userDropdown {
    display: none;
    position: absolute;
    right: 10px;
    top: 120px;
    z-index: 24;
    background: #f4f6f9;
}

.userDropdown button:focus {
    outline: none;
}

.userDropdown button {
    border: none;
    background: transparent;
    width: 100%;
    outline: none;
    text-align: left;
    font-weight: 600;
    font-size: 21px;
    position: relative;
    padding: 17px 20px 15px 20px;
}

.userDropdown .card-header {
    padding: 0;
}

.userDropdown .card i.fa {
    float: right;
    transition: all 0.5s;
    position: absolute;
    right: 20px;
    font-size: 32px;
}

.userDropdown>h2 {
    text-align: center;
    font-size: 50px;
    padding: 48px 10px;
}

.userDropdown a {
    display: block;
    padding: 5px 0px;
}

.userDropdown .card-body {
    padding: 0;
}

.userDropdown a {
    font-size: 20px;
    font-weight: 600;
}

.userDropdown .card i.useMenuArrowL.fa {
    left: 4px;
    font-size: 24px;
}

.userDropdown .card-body a {
    padding-left: 20px;
}

.userDropdown .collapsed i.fa.fa-angle-down {
    transform: rotate(-90deg);
}

.userDropdown .accordion {
    /* width: 330px; */
    width: 260px;
    padding: 0px 10px;
    box-shadow: 0 0px 8px #ccc;
}

/* a.userDropdownIcon {
    background: #3f7a2f;
    color: #fff;
    width: 50px;
    border-radius: 4px;
    text-align: center;
    height: 40px;
    padding-top: 8px;
    float: right;
    margin-right: 2px;
} */
a.userDropdownIcon {
    background: #3f7a2f;
    color: #fff;
    width: 50px;
    border-radius: 4px;
    text-align: center;
    height: 40px;
    padding-top: 8px;
    float: right;
    margin-right: 2px;
    position: absolute;
    right: 35px;
    cursor: pointer;
    z-index: 1;
    line-height: 20px;
}

a.userDropdownIcon i {
    color: #fff;
    display: block;
    line-height: 40px;
    margin-top: -6px;
}

input#updateButton {
    float: right;
}

.btn.btn-default.popUpClose {
    position: absolute;
    right: -18px;
    z-index: 1;
    top: -27px;
    border-radius: 50%;
    height: 34px;
    width: 34px;
    text-align: center;
    padding: 3px;
    border: 1px solid #ccc;
    background: #fff;
}

.btn.btn-default.popUpClose:hover {
    background: #ccc;
}

.expiringUploadBtn input.delIndustries {
    height: auto;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: top;
    margin-top: -2px;
    margin-left: 0;
}

.expiringUploadBtn {
    text-align: right;
    margin: 20px 0;
}

input#updateButton {
    float: right;
    margin-left: 5px;
    margin-top: 10px;
}

tbody tr td a:hover {
    color: #3f7a2f !important;
}

a:hover {
    color: #3f7a2f !important;
}

.sidebar-mini.sidebar-collapse .searchForm {
    position: relative;
    width: 51%;
}

.sidebar-mini .searchForm {
    width: 42%;
}

#search-result {
    display: block;
    width: 100%;
    position: absolute;
    background: #F4F6F9;
    max-height: 300px;
    overflow: auto;
    padding: 0px;
    color: #0b2e4e !important;
    font-size: 16px;
    top: 40px;
    box-shadow: 0.1em 0.1em 1em rgb(0 0 0 / 10%);
}

#search-result ul {
    margin: 0;
    padding: 0px 10px 10px 10px;
}

#search-result ul li {
    display: block;
    border-bottom: 1px solid #cccc;
    padding: 5px 0;
    vertical-align: top;
    word-break: break-all;
}

#search-result ul li .searchInfo li {
    display: inline-block;
    width: 31%;
    border: 0;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#search-result ul li .searchInfo li.userResult {
    display: inline-block;
    width: 5%;
}

.input-group.input-group-sm.topSearch {
    width: 100%;
}

.searchForm input[type=text] {
    width: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url(../img/searchicon.png);
    /*background-image: url('searchicon.png');
        */
    background-position: 10px 12px;
    background-repeat: no-repeat;
    padding: 10px 0px 8px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    border: 0;
}

.searchForm input[type=text]:focus {
    width: 100%;
    padding-left: 40px;
}

#search-result ul li .searchInfo li span {
    padding-left: 6px;
    padding-right: 16px;
}

.searchSpin {
    width: 100%;
    text-align: center;
}

:not(.layout-fixed) .main-sidebar {
    top: 68px;
}

.content-wrapper {
    padding-top: 60px !important;

}

#accordionExample.accordion.accordionDb {
    margin-bottom: 24px;
}

nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    position: fixed;
    width: 100%;
    left: 0;
    margin-left: 0 !important;
}

table.table-bordered.dataTable td {
    word-break: break-word;
}

.docApprove table tr th.checkBox30 {
    width: 30px !important;
    text-align: left;
    /* text-align: center; */
}

#expiring_docs_wrapper div.dataTables_scrollBody table tr td:first-child,
#expiring_docs_wrapper div.dataTables_scrollBody table tr th:first-child {
    /* text-align: center; */
    text-align: left;
}

table tr th.checkBox30 {
    width: 30px !important;
}

.searchForm form.form-inline.ml-311 {
    margin-bottom: 0;
}

input#delButton {
    padding: .3rem .75rem;
    height: 32px;
    font-size: 1em;
    margin: 0;
    line-height: normal;
    vertical-align: top;
    margin-top: -2px;
}

#delusers {
    display: inline-block;
}

.archiveBtn {
    margin-top: 15px;
}

.font1rem {
    font-size: 1rem !important;
}

.selectuserBtn {
    margin: 0;
    height: 30px;
    line-height: normal;
    padding: .3rem .75rem;
    font-size: 0.9em;
}

.mrgT10 {
    margin-top: 10px;
}

.topLeftBtn {
    padding: .75rem 1.25rem 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.topBtnAfterHeading {
    padding: 10px 1.25rem 0;
}

#process_msg a {
    color: #0b2e4e !important;
}

#process_msg a:hover {
    color: #fff !important;
}

.bullhornInfo hr:last-child {
    display: none;
}

.bullhornInfo ul {
    margin-bottom: 0;
}

input.placeholderBlue::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    /* color: #4E3396; */
    opacity: 1;
    /* Firefox */
    font-weight: normal;
}

input.placeholderBlue:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    /* color: #4E3396; */
    font-weight: normal;
}

input.placeholderBlue::-ms-input-placeholder {
    /* Microsoft Edge */
    /* color: #4E3396; */
    font-weight: normal;
}

.ck.ck-placeholder:before,
.ck .ck-placeholder:before {
    cursor: text;
    color: #939ba2;
    font-weight: normal;
    font-size: 1rem;
}

.ck.ck-editor__editable_inline {
    font-size: 1rem;
}

.tableOtherDoc tr th,
.tableOtherDoc tr th {
    font-size: 1.2em;
}

.tableOtherDoc table.dataTable thead .sorting:before,
.tableOtherDoc table.dataTable thead .sorting_asc:before,
.tableOtherDoc table.dataTable thead .sorting_desc:before {
    top: 8px;
}

.tableOtherDoc table.dataTable thead .sorting_asc:after,
.tableOtherDoc table.dataTable thead .sorting_asc:after,
.tableOtherDoc table.dataTable thead .sorting:after,
.tableOtherDoc table.dataTable thead .sorting_desc:after {
    top: 20px;
}

input#send_password {
    padding: .3rem .75rem;
    height: 32px;
    font-size: 1em;
    margin: 0;
    line-height: normal;
    vertical-align: bottom;
    margin-top: -2px;
}

.template-download.fade1 td {
    vertical-align: middle;
}

.template-download.fade1 p {
    margin-bottom: 0;
}

.template-download.fade1 td .btn.btn-warning {
    background: #4E3396;
    color: #fff;
    border: #4E3396;
    margin: 0;
}

.template-download.fade1 td .btn.btn-warning:hover {
    background: #3f7a2f;
    color: #fff;
    border: #3f7a2f;
}

.template-upload.fade1 td .btn.btn-warning {
    background: #4E3396;
    color: #fff;
    border: #4E3396;
    margin: 0;
}

.template-upload.fade1 td .btn.btn-warning:hover {
    background: #3f7a2f;
    color: #fff;
    border: #3f7a2f;
}

.template-upload.fade1 td {
    vertical-align: middle;
}

.template-upload.fade1 td.sendRemoveBtn {
    vertical-align: middle;
    text-align: center;
}


/*
            .template-download.fade1 td .btn.btn-warning.cancel {
                background: red;
                color: #fff;
                border: red;
                margin: 0;
            }

            .template-download.fade1 td .btn.btn-warning.cancel:hover {
                background: #3f7a2f;
                color: #fff;
                border: #3f7a2f;
            }

            .template-upload.fade1 td .btn.btn-warning.cancel {
                background: red;
                color: #fff;
                border: red;
                margin: 0;
            }

            .template-upload.fade1 td .btn.btn-warning.cancel:hover {
                background: #3f7a2f;
                color: #fff;
                border: #3f7a2f;
            } */

.btn-success {
    color: #fff;
    background-color: #3f7a2f;
    border-color: #3f7a2f;
    box-shadow: none;
}

.btn-success:hover {
    background: #4E3396;
    color: #fff;
    border: #4E3396;
    box-shadow: none;
}

.btn.btn-success.fileinput-button {
    height: 38px;
    width: 100px;
    line-height: 27px;
}

.btn.btn-success.fileinput-button:hover {
    line-height: 28px;
}

.fileIconPDF {
    font-size: 40px;
    color: #ff0000;
}

.fileIconWord {
    font-size: 40px;
    color: #2b579a;
}

.fileIconFile {
    font-size: 40px;
    color: #15388C;
}

.documentImg img {
    max-width: 100%;
    max-height: initial;
}

.documentImg {
    max-height: inherit;
    padding-bottom: 10px;
}

.sidebar-mini.sidebar-collapse a.nav-link i {
    margin-top: 0;
}

.sidebar-mini a.nav-link i {
    margin-top: 0;
}

.formDisplay .documentInfo .form-group {
    margin-right: 0px;
}

.formDisplay .dragDropFile .form-group {
    margin-right: 2px;
}

.cardBoxBg.otherCaradBg.addDocInfo .form-group.row .col-sm-8 {
    padding-right: 0;
}

.cardBoxBg.otherCaradBg.addDocInfo input#updateButton {
    margin-right: 0;
}

.errorMsg {
    color: #e31c3d;
}

.sidebar {
    background: #eee;
    border-radius: 3px solid #222;
}

.nav-item.burgericon {
    position: sticky;
    top: 0;
    background: #eeeeee;
    z-index: 1;
}

.leftMenuM {
    margin-top: 0;
}

.form-group.csTextBox.editorMsg.emailTextarea {
    margin-bottom: 22px;
}

.row.fileupload-buttonbar.emailFileUpload {
    margin-bottom: 18px;
}

a.play-pause.imagePopUp {
    display: none;
}

a.close.imagePopUp {
    border: 2px solid #fff;
    border-radius: 50%;
    background: #222;
    text-align: center;
    color: #c1c1c1;
    opacity: 0.6;
    text-shadow: none;
    font-size: 17px;
    line-height: 28px;
}

a.close.imagePopUp:hover {
    opacity: 0.8 !important;
    color: #fff !important;
}

.container-fluid .card.card-default.card-default.noteComm .footerOtherBtn.modal-footer.footerPdL7.sendMailFooterBtn {
    padding-right: 27px;
}

.template-upload.fade1.image.in tr td:nth-child(3) {
    width: 200px;
}

body.sidebar-mini.sidebar-collapse .tooltip.show {
    /* left: 68px !important; */
    display: block;
}

body.sidebar-mini .tooltip.show {
    display: none;
}

.tooltip-inner {
    background-color: #3f7a2f;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #3f7a2f !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: #3f7a2f !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #3f7a2f !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-right-color: #3f7a2f !important;
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    left: 0;
    right: initial;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-width: 7px 7px 7px 0;
}

.form-group.documentsGropu .icontextarea.iconInput {
    top: 38px;
}

.form-group.specInformation span.val_error.specialties_val_error {
    font-weight: normal;
    left: 2px;
}

#addUser .modal-dialog {
    max-width: 800px;
}

#editUserBlock .modal-dialog {
    max-width: 800px;
}

a#popupSearchUpdateResume {
    margin-left: 0px;
}

.activitiesLastH3.h3.bullhornH3 {
    display: inline-block;
}

.bullhornFilter {
    display: inline-block;
    margin-top: 0;
}

.bullhornFilter #filteractivities {
    margin-top: -4px !important;
}

.activitiesLast.activitiesFilter.bullhornFilter {
    margin-top: 0px;
    vertical-align: top;
}

.otherIconInput {
    position: relative;
}

.otherIconInput input {
    padding-left: 35px !important;
}

.otherIconInput .otherInputFa {
    position: absolute;
    left: 8px;
    bottom: 7px;
    color: #ccc;
    z-index: 1;
    top: 5px;
}

a#popupAddNewUser {
    margin: 0;
}

.table tr>td .progress {
    width: 190px;
}

span.asigningFormText {
    position: absolute;
    top: -16px;
    right: 7px;
    font-size: 11px;
    color: #4E3396;
    text-align: right;
}

.assignPacket label.control-label {
    font-size: 1rem;
}

.form-group.otherForm.assignPacket textarea {
    margin-top: 54px;
}

.assignPacket label.control-label {
    top: -36px !important;
    font-size: 1rem !important;
}

.modal-body .form-group.assignPacket .icontextarea.iconInput {
    top: 7px;
}

#assignFormToUser li.select2-selection__choice {
    font-size: 1rem !important;
    background: none;
}

#assignFormToUser li.select2-selection__choice {
    background: none !important;
}

#assignFormToUser button.select2-selection__choice__remove {
    border: 0 !important;
}

span.label-desc {
    display: inherit;
    font-size: 11px;
    color: #4E3396;
    text-align: right;
}

input#delButton {
    margin-top: 0px;
}

.archiveBtn a.button.delIndustries {
    margin-bottom: 14px;
    display: inline-block;
    height: 32px;
    vertical-align: top;
    padding-top: 2px;
}

.dataTables_scrollBody #dataTable thead tr th:after,
.dataTables_scrollBody #dataTable thead tr th:before {
    content: "";
}

.formDisplay .documentInfo .form-group.documentsGropu textarea {
    padding-left: 36px;
}

.form-group.documentsGropu .icontextarea.iconInput {
    top: 41px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-link:hover p {
    display: inline-block !important;
    position: initial;
}

div.dataTables_scrollBody table tbody tr td:first-child.checkBoxTd30 {
    width: 30px;
    text-align: left;
}

.popUpScroll {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 18px;
    padding-right: 10px;
}

.mobLogoWeb {
    display: inline-block;
    width: 150px;
}

.mobLogoNew {
    display: none;
}

.navbar-light .navbar-nav.navRes .nav-link:focus,
.navbar-light .navbar-nav.navRes .nav-link:hover {
    color: #fff !important;
}

#assignFormToUser .modal-dialog.modal-dialog-centered {
    max-width: 700px;
}

#add_document_cont .card-body {
    padding-top: 0px;
}

button#btnUpdateResume {
    background: #4E3396 !important;
    border-color: #4E3396 !important;
}

.multiSelectDrop .select2:after {
    background: url(../img/arrow-down.png) no-repeat;
    background-size: 14px 7px;
    content: "";
    position: absolute;
    right: 0px;
    z-index: 0;
    top: 18px;
    width: 22px;
    height: 14px;
}

.multiSelectDrop .select2-container--default .select2-selection--multiple {
    background: url(../img/down-arrows.png) no-repeat;
    background-size: 34px 17px;
    background-position: 99% 13px;
}

.activitiesLast select.selectInfo.bullhornEmail {
    max-width: 170px;
    margin-right: 10px;
}

h3.card-title.bullhornActH3 {
    margin-top: 10px;
}

.workExpBtn a {
    display: inline-block;
}

.dashboardBox .work_experience_item::after {
    content: initial;
}

.dashboardBox .work_experience_item::before {
    content: initial;
}

.dashboardBox .work_experience_item {
    border-top: 0px solid #eaf0f7;
    padding-top: 1px;
}

.dashboardBox .collapsibleOpen {
    padding: 0px 0px 0px;
}

.card-title ul {
    margin: 0;
    padding: 0;
}

.card-title ul li {
    list-style: none;
    display: inline-block;
    margin-right: 12px;
}

#viewDocument .popUpClose {
    font-weight: 700;
}

/* td.sorting_1, */

th.sorting_asc,
th.sorting_desc {
    background: #3f7a2f2e;
}

table.table-bordered.dataTable th:hover {
    background: #3f7a2f2e;
}

.userDetails .uploadBtn {
    display: inline-block;
}

.bullhornPullPush {
    margin-top: -2px;
}

.bullhornPullPush select#days {
    margin-bottom: 0;
    /* vertical-align: top; */
    padding-top: 3px;
    /* margin-top: -2px; */
    height: 28px;
}

.filterBtn.bullhornFilter input#filteractivities {
    line-height: normal;
    height: 32px;
    margin: 0 !important;
    vertical-align: bottom;
}

.bullhornPullPush .filterBtn.bullhornFilter {
    margin-left: 7px;
}

.bullhornPullPush select#status.selectInfo {
    vertical-align: middle;
    height: 29px;
    padding-top: 3px;
}

.menuSlider {
    transition: width .5s;
    width: 310px;
    float: right;
    overflow: hidden;
    height: 27px;
}

.menuSlider:hover {
    width: 100%;
}

.menuSlider .moreOption {
    animation: blinker 1s linear infinite;
    color: #3f7a2f;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#add_document_cont #client_side_error_document {
    position: absolute;
    bottom: -66px;
}

.menuSlider div#selectedUserName {
    display: inline-block;
}

.menuSlider button.button {
    color: #0b2e4e !important;
    background: none;
    border: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.menuSlider button.button:hover {
    color: #3f7a2f !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none;
}

.menuSlider button.button span {
    color: #0b2e4e !important;
    font-size: 1.1em;
}

.menuSlider button.button:hover span {
    color: #3f7a2f !important;
}

.menuSlider.menuSliderBtn {
    width: 210px;
    transition: width .5s;
}


/*
.menuSlider.menuSliderBtn:hover {
    width: 100%;
} */


/*bullhorn animation text*/

.bullhornBtnSlider {
    /* overflow: hidden; */
    position: relative;
    height: auto;
    margin-top: 12px;
    /* text-align: center; */
}

.bullhornBtnSlider .bullhornBtnSlider .notification-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    display: none;
    height: 100%;
    overflow: hidden;
    background: #107b10;
    z-index: 999;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.bullhornBtnSlider .selected {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
    width: auto;
    top: 0;
    text-align: right;
    right: 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #0b2e4e !important;
    font-size: 1.1em;
    font-weight: normal;
    padding: 0;
}

.bullhornBtnSlider .dismiss {
    /* animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards; */
    width: auto;
    /* margin-right: 160px; */
    /* float: right; */
    text-align: right;
}

.bullhornBtnSlider div#selectedUserName {
    display: inline-block;
}

.bullhornBtnSlider button.button {
    color: #0b2e4e !important;
    background: none;
    border: 0;
    height: auto;
    padding: 0;
    margin: 0;
    line-height: 27px;
    font-size: 0.8em;
}

.bullhornBtnSlider button.button:hover {
    color: #3f7a2f !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none;
}

.bullhornBtnSlider button.button span {
    color: #0b2e4e !important;
    font-size: 1.1em;
}

.bullhornBtnSlider button.button:hover span {
    color: #3f7a2f !important;
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes slide-in {
    0% {
        transform: translateX(100%);
        -webkit-transform: ;
        -moz-transform: ;
        -ms-transform: ;
        -o-transform: ;
    }

    100% {
        transform: translateX(0%);
        -webkit-transform: ;
        -moz-transform: ;
        -ms-transform: ;
        -o-transform: ;
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(100%);
    }
}

.archivTopBtn .archiveBtn {
    display: inline-block;
}

.archivTopBtn .archiveBtn a.button.delIndustries {
    margin-left: 0;
}

.archivTopBtn .archiveBtn {
    margin-top: 11px;
}

.notification-container.selected a#showFilePanel {
    display: none;
}

.moreOption {
    animation: blinker 1s linear infinite;
    color: #3f7a2f;
}


/*bullhorn animation text end*/


/*multiselect*/


/*
.multiselect .selectBox {
    position: relative;
}

.multiselect .selectBox select {
    width: 100%;
    font-weight: bold;
    padding-top: 6px;
}

.multiselect input {
    display: inline-block;
    width: auto;
    margin-right: 8px;
    padding: 0;
    line-height: normal;
    height: auto;
}

.multiselect #checkboxes {
    display: none;
    border: 1px #000 solid;
    position: absolute;
    width: 100%;
    z-index: 10;
    background: #fff;
}

.multiselect #checkboxes label {
    display: block;
    padding-left: 30px;
    font-size: 1rem;
    margin-bottom: 0;
}

.multiselect #checkboxes label:hover {
    background-color: #1e90ff;
}

.multiselect input {
    display: inline-block;
    width: auto;
    margin-right: 8px;
} */

.form-group.multiselect .dropdown-toggle {
    background: none !important;
    width: 100%;
    display: block;
    font-size: 1rem;
    height: 1.9rem;
    border: 1px solid #999 !important;
    color: #0b2e4e;
    padding-left: 33px;
    font-weight: 600;
    line-height: 20px;
}

.form-group.multiselect .dropdown-menu.show {
    display: block;
    width: 100%;
    box-shadow: none;
    border: 1px solid #000;
}

.form-group.multiselect input {
    display: inline-block;
    width: auto;
    margin-right: 8px;
    height: auto;
}

.form-group.multiselect .dropdown-menu .dropdown-item {
    border-bottom: 0px solid #fff;
    background: #fff;
}

.form-group.multiselect .dropdown-menu .dropdown-item:hover {
    border-bottom: 0px solid #fff;
    background: #fff;
    color: #0b2e4e !important;
}

.form-group.multiselect .dropdown-toggle::after {
    vertical-align: .150em;
    right: 10px;
    position: absolute;
    top: 15px;
}

.bullhornBtnSlider i {
    padding: 0 20px;
    font-style: normal;
}


/*
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    font-size: 1.2em;
} */

.pagination li.paginate_button.page-item.next.disabled a.page-link,
.pagination li.paginate_button.page-item.previous.disabled a.page-link {
    background: transparent;
    color: #444;
    border: 1px solid #3f7a2f;
}


/*multiselect end*/

.scriptionSelect .select2-container {
    width: 100%;
    display: block;
}

.scriptionSelect input.select2-search__field {
    height: auto;
    margin: 0 !important;
}

.scriptionSelect .select2-selection {
    padding-bottom: 0;
}

.scriptionSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: none;
    font-weight: 700 !important;
    font-size: 14px;
    padding-top: 0;
    vertical-align: top;
    margin-top: 3px;
}

.scriptionSelect .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
    padding: 0;
}

.scriptionSelect .select2-container--default .select2-selection--multiple {
    padding-bottom: 0;
}

.cancelBtnB.btn.btn-default {
    margin-right: 4px;
    cursor: pointer;
}

.cancelBtnB.btn.btn-default:hover {
    color: #fff !important;
}

.paymentPending.cardBoxBg.otherCaradBg {
    background: #fd5d5d2e !important;
    border: 1px solid #ff00004f;
}

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

.formCostInp {
    background: none;
    padding: 4px;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    line-height: normal;
    width: auto;
    color: #0b2e4e !important;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    border: 1px solid #999;
    border-radius: 5px;
    height: 1.9rem;
}

.categoryList select.categoryDropdown {
    width: auto;
    max-width: 110px;
}

.manageFormCost i.fas.fa-pen {
    margin-right: 10px;
}

th.formCost {
    width: 120px !important;
}

#span_packet_cost {
    color: #4E3396;
}

.packetCastInfo i {
    color: #4E3396;
}

.popUpFooter.modal-footer {
    padding: 0;
}

.popUpFooter.modal-footer .button {
    margin-bottom: 0;
}

.alert-warning.paymentPending.cardBoxBg.otherCaradBg {
    margin-bottom: 20px;
    background: #fef5d8 !important;
    border-color: #f7dc85 !important;
}

.display-2 {
    font-size: 2rem;
    font-weight: bold !important;
}


/* subsciption radio button css */

.radio-toolbar {
    margin: 10px;
}


/*
.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.radio-toolbar label {
    display: block;
    /* border-bottom: 1px solid #fff;      */

cursor: pointer;
margin-bottom: 10px;

}

.radio-toolbar label:last-child {
    border-top: 1px solid #ffffff42;
    padding-top: 10px;
}

.radio-toolbar label:hover {
    color: #4E3396 !important;
}

*/ button.button.btnMT0 {
    margin-top: 0;
}

.radio-toolbar .display-2 i {
    display: none;
}

.radio-toolbar input[type="radio"]:checked+label .display-2 i {
    display: inline-block;
    font-size: 20px;
    color: #ffffff9c;
}

.radio-toolbar label:hover h4.display-2 {
    color: #f2b127 !important;
}

.radio-toolbar input[type="radio"]:checked+label .display-2 {
    color: #f2b127 !important;
}

.pricing-divider {
    padding-top: 0;
}

.pricing-divider h3 {
    background: #4E3396;
    padding: 10px;
    /* font-weight: 600; */

    margin-bottom: 20px;
}

.otherPerInfo .personalCollap .otherNameInfo.form-group {
    margin-top: 40px;
}

.otherPerInfo .personalCollap .otherNameInfo.form-group label.control-label {
    top: -45px !important;
}

/* ADA css */
/* [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background: #3f7a2f;
    color: #fff!important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus .nav-icon,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus i {
    color: #fff !important;
} */

.navbar-light .navbar-nav.navRes .nav-link.menuBars:focus {
    color: #000;
}

.sidebar-mini a.nav-link i {
    font-size: 1.4rem;
}

h1.card-title {
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    color: #0b2e4e;
}

.dropdown.user.user-menu a.dropdown-toggle:focus {
    color: #000;
}

.loginReg .login-inner-form h2 {
    margin: 0 0 50px;
    font-size: 22px;
    font-weight: 400;
    color: #717171;
}

.loginReg .login-inner-form h2 span {
    display: block;
    font-size: 16px;
    /* font-weight: bold; */

    margin-top: 10px;
}

.loginReg .login-inner-form h2.loginH3 {
    margin: 0 0 20px;
}

/* ADA css */
.navbar-white {
    background: #3f7a2f;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link:hover,
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link.actNav {
    background: #3f7a2f !important;
}

.bullhornBtnSlider .button {
    background: transparent !important;
    border: 0px solid #3f7a2f;
}

.button {
    background: #3f7a2f !important;
    border: 1px solid #3f7a2f;
}

.button:hover {
    /* background: #3f7a2f!important; */

    border: 1px solid #3f7a2f;
}

#scroll:hover {
    background-color: #3f7a2f;
}

.dropdown-toggle {
    background: #3f7a2f !important;
}

.progress-bar {
    background-color: #3f7a2f !important;
}

footer.main-footer {
    color: #333 !important;
    font-size: 0.8em;
}

.page-item.disabled .page-link,
.page-item .page-link {
    background: #3f7a2f;
}

/* menuBars top left */
span.nav-link.menuBars {
    cursor: pointer;
}

li.select2-selection__choice:first-child {
    /* background: #3f7a2f!important; */
}

/* .specialtiesList .select2-container--default .select2-selection--multiple .select2-selection__choice:first-child {
    background: #3f7a2f!important;
} */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #000 !important;
}

.iconSelect2green {
    color: #000 !important;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link:hover p {
    background: #3f7a2f;
}

#template_ducument {
    font-weight: normal;
    padding-top: 3px;
}

#template_message {
    padding-top: 3px;
}

.everSignTem {
    font-size: 17px;
    background: #3f7a2f1f;
    padding: 10px;
    font-weight: 400;
}

button:hover {
    transition: none !important;
    transform: none !important;
}

body .clock button#resume-timer {
    text-transform: none !important;
    font-weight: normal !important;
    margin-top: 15px !important;
    padding: 4px 15px !important;
    width: auto !important;
}

body .clock #timer .clock-wrapper {
    background: #d8e4d5 !important;
    width: auto !important;
    display: inline-block !important;
    margin: 0 auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-top: 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 9px 2px #ccc !important;
    border: 2px solid #fff !important;
}

div#timer {
    text-align: center;
}

#es_form_category_id {
    font-weight: 100;
    font-family: Arial, sans-serif;
}

.eversignBtn {
    margin-top: 10px;
    margin-bottom: 10px;
}

label#endmonth {
    display: none;
}

/*::selection {
    background: transparent!important;
    color: initial!important;

}*/
.checklist.statementUser label {
    margin-bottom: 0;
}

#resume_file_up {
    display: none;
}

#method_info {
    display: none;
}

.fileUploadIn {
    display: none;
}

.labelNone {
    display: none;
}

.col-lg-3 .small-box h3,
.col-md-3 .small-box h3,
.col-xl-3 .small-box h3 {
    word-break: break-word;
    display: inline-block;
    white-space: break-spaces;
    font-size: 1.4rem;
}

#notification-bell {
    cursor: pointer;
}

.primarySpecialtyBtn {
    z-index: 1 !important;
}

.esTimeTaken {
    display: inline-block;
}

.esTimeTaken input {
    margin-right: 10px;
    margin-left: 7px;
    font-size: 14px;
    border: 1px solid #999;
    border-radius: 5px;
    padding-left: 4px;
}

#assignmentsToUsers table th:last-child {
    width: 60px !important;
}

.reqForm input.form-control {
    padding-left: 3px;
    padding-top: 4px;
}

.orcreat {
    margin-bottom: 42px;
    padding-left: 9px;
    background: #3f7a2f;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
}

.requestForm .form-group.csTextBox {
    margin-bottom: 42px;
}

.requestForm .collapsibleOpen {
    padding: 10px 20px 0px;
}

.form-group.reqForm {
    margin-bottom: 20px;
}

.requestForm {
    margin-top: 10px;
}

.requestForm .form-group .icontextarea.iconInput {
    top: 6px;
}

.clickHere:hover {
    text-decoration: underline !important;
}

.form-group .control-label {
    font-size: 1rem !important;
}

.verifyForm .select2-container--default .select2-selection--single {
    padding-left: 24px;
    padding-top: 4px;
}

.verifyForm .form-group .iconInput {
    top: 5px;
}

.verifyForm .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 25px;
    font-size: 0.87em;
}

#newTemplateDetail {
    display: block;
    margin-top: 10px;
    background: #f4f4f4;
    padding-left: 13px;
    padding-right: 13px;
}

.categoryList select.categoryDropdown {
    line-height: normal;
    padding-top: 2px;
    padding-left: 0;
    padding-right: 0px;
}

.collapsed.userPacketm span.float-right.collM {
    display: none;
}

.userPacketm span.float-right.collP {
    display: none;
}

.collapsed.userPacketm span.float-right.collP {
    display: inline-block;
}

.userPacketm span.float-right.collM {
    display: inline-block;
}

.toast.msgPopUpCenter .toast-body {
    top: 43%;
}

tr td select.categoryDropdown {
    line-height: normal;
    padding: 3px 10px 5px 4px;
    font-weight: normal;
    max-width: 180px;
}

tr td select.categoryDropdown:focus-visible {
    outline: 0px;
}

ul.pricePlan {
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.pricePlan li {
    list-style: none;
    display: inline-block;
    text-align: center;
}

ul.pricePlan li a {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px 10px;
    color: #3f7a2f;
    background: #fff;
}

ul.pricePlan li a:hover {
    color: #fff !important;
    background: #4E3396;
}

ul.pricePlan li a.selectAct {
    color: #fff !important;
    background: #4E3396;
    border: 1px solid #ffffff78;
}

.priceTotal {
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 10px;
}

.pricestart {
    color: #fff;
}

.toast.msgPopUpCenter .toast-body {
    /* top: 27%; */

    width: max-content !important;
    max-width: 500px;
    min-width: 330px;
}

.samePacket {
    margin-left: 11px;
}

.paymentText {
    text-align: left;
    font-weight: bold;
    margin: 20px;
}

.form-group.new_packet_div.mt-5.likePacket {
    margin-left: 0;
    margin-top: 40px !important;
}

.pricing-divider {
    border-radius: 20px 20px 0px 0px;
}

.list-unstyled li {
    text-align: left;
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 10px;
}

.list-unstyled li h2 {
    font-size: 18px;
    font-weight: 600;
    color: #3f7a2f;
}

.priceBox {
    position: relative;
}

.priceBoxPopUp {
    position: absolute;
    right: 20px;
    top: 28px;
    width: 360px;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    vertical-align: middle;
    height: auto;
    padding: 10px;
    text-align: left;
    box-shadow: 0px 0px 12px 0px #ccc;
    font-size: 18px;
    background: #fff;
    display: none;
}

.priceBoxPopUp h2 {
    font-size: 18px;
    font-weight: 600;
}

.priceBoxshow,
.priceBoxshow1 {
    display: block;
}

a.priceBoxClose {
    position: absolute;
    right: -10px;
    border: 1px solid #ccc;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    background: #fff;
    top: -10px;
    cursor: pointer;
}

.priceBox .card-body {
    margin-top: 0;
    padding-top: 0;
}

.list-unstyled li:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.card .cardBoxBg.otherCaradBg {
    padding: 24px 20px 30px 24px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    height: 440px;
}

.cardBoxBg.otherCaradBg.priceBox {
    position: relative;
}

.moreDetail {
    transform: rotate(45deg);
    background: #4E3396;
    top: 10px;
    position: absolute;
    right: -47px;
    width: 140px;
    text-align: center;
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
    color: #fff !important;
    height: 27px;
    vertical-align: middle;
    padding-top: 5px;
    border: 1px solid #ffffff;
    cursor: pointer;
    box-shadow: 0px 0px 9px 0px #fff;
}

.moreDetail:hover {
    background: #3f7a2f;
    color: #fff !important;
}

.radio-toolbar {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.pricing-divider h3 {
    margin-bottom: 0;
}

.pricing-divider h3 {
    margin-bottom: 0;
    background: #4E3396;
    color: #fff !important;
    border-bottom: 1px solid #ffffff80;
}

.radio-toolbar {
    margin: 0;
    overflow: initial;
    position: relative;
    padding-top: 00px;
    padding-bottom: 0px;
}

.pricing-divider.priceingFeatures {
    padding-bottom: 0;
}

.card-body.featuresInfo {
    padding-top: 20px;
}

.list-unstyled.planPrice {
    padding-left: 0;
    list-style: none;
    min-height: 370px;
    height: auto;
}

.subscriptionBox {
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin-bottom: 20px;
    font-size: 16px;
}

.subscriptionBox h2 {
    font-size: 18px;
    font-weight: 600;
    color: #3f7a2f;
}

.detailsPlanLink {
    border-radius: 4px;
    padding: 1px 10px;
    background: #fff;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    color: #fff !important;
    background: #4E3396;
    border: 1px solid #ffffff78;
}

.detailsPlanLink:hover {
    color: #4E3396 !important;
    background: #fff;
    border: 1px solid #ffffff78;
}

/* .priceBoxTable */
.priceBoxTable table {
    width: 100%;
}

.priceBoxTable tbody tr {
    display: none;
}

.priceBoxTable tr.parent {
    display: table-row;
}

.priceBoxTable tr.open {
    display: table-row;
}

.priceBoxTable .pricing-divider {
    border-radius: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
}

.priceBoxTable h3 {
    margin-bottom: 0;
    color: #fff !important;
    border-bottom: 1px solid #ffffff80;
    background: none;
    padding: 5px;
}

.priceBoxTable .radio-toolbar {
    margin: 0;
    overflow: initial;
    position: relative;
    padding: 10px 10px 20px 10px;
}

.priceBoxTable .pricestart {
    color: #fff;
}

.priceBoxTable .display-2 {
    font-size: 2rem;
    font-weight: bold !important;
}

.priceBoxTable .priceTotal {
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 10px;
}

.priceBoxTable ul.pricePlan {
    margin: 0;
    padding: 0;
    text-align: center;
}

.priceBoxTable ul.pricePlan li {
    list-style: none;
    display: inline-block;
    text-align: center;
}

.priceBoxTable ul.pricePlan li a {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px 10px;
    color: #3f7a2f;
    background: #fff;
}

.priceBoxTable ul.pricePlan li a:hover {
    color: #fff !important;
    background: #4E3396;
}

.priceBoxTable ul.pricePlan li a.selectAct {
    color: #fff !important;
    background: #4E3396;
    border: 1px solid #ffffff78;
}

.priceBoxTable .featuresInfo h2 {
    font-size: 18px;
    font-weight: 600;
    color: #3f7a2f;
    margin: 0;
}

.priceBoxTable .table-bordered td,
.priceBoxTable .table-bordered th {
    border: 1px solid #dee2e6;
}

.priceBoxTable .featuresInfo {
    padding: 10px;
}

.priceBoxTable .table-striped tbody tr:nth-child(2) {
    background-color: rgba(69, 105, 131, 0) !important;
}

.priceBoxTable tr td:nth-child(even) {
    background: #cccccc1f
}

.priceBoxTable tr td:nth-child(odd) {
    background: #FFF
}

.priceBoxTable .subscriptionBox {
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin-bottom: 0;
    font-size: 16px;
    padding: 10px 10px 0 10px;
    position: relative;
}

.priceBoxTable a.closeTr {
    position: absolute;
    right: 10px;
}

.list-unstyled.planPriceCheck li {
    height: 92px;
    /* display: table-cell; */

    text-align: center;
    width: 100%;
    vertical-align: middle;
}

.list-unstyled.planPriceCheck li i {
    font-size: 26px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 28px;
}

.list-unstyled.planPriceCheck li i.checkGeen {
    color: #3f7a2f;
}

.list-unstyled.planPriceCheck li i.checkRed {
    color: red;
}

.selectSubPU1 {
    display: block;
}

.selectSubPU2 {
    display: block;
}

/**/
.priceBoxOther .pricing-divider {
    border-radius: 10px 10px 0px 0px;
    padding-top: 54px;
    overflow: initial;
    background: #4E3396;
    padding-bottom: 0px;
}

.priceBoxOther .pricing-divider h3 {
    position: absolute;
    top: -16px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 80%;
    border-radius: 14px 14px 1px 0px;
    box-shadow: 0 5px 0px 0px #2a1b54;
    background: #fff;
    color: #4E3396 !important;
    border: 1px solid #4E3396;
}

.priceBoxOther .startingAt {
    background: #8361e0;
}

.priceBoxOther .plandDate {
    background: #8361e0;
    padding-bottom: 5px;
}

.priceBoxOther .moreDetail {
    transform: initial;
    background: #4E3396;
    top: 10px;
    position: initial;
    right: -47px;
    width: auto;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    color: #fff !important;
    height: inherit;
    vertical-align: middle;
    padding: 3px 8px;
    border: 1px solid #ffffff70;
    cursor: pointer;
    box-shadow: initial;
    border-radius: 4px;
    margin-top: 0px;
    display: inline-block;
}

.priceBoxOther .moreDetail:hover {
    color: #4E3396 !important;
    background: #ffffff96;
}

.priceBoxOther ul.pricePlan {
    margin: 0;
    padding: 0;
    text-align: center;
    /* background: #8361e0; */

    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* premiumBox */
.priceBoxOther .premiumBox .pricing-divider h3 {
    position: absolute;
    top: -16px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 80%;
    border-radius: 14px 14px 1px 0px;
    box-shadow: 0 5px 0px 0px #3b5833;
    background: #fff;
    color: #3f7a2f !important;
    border: 1px solid #3f7a2f;
}

.priceBoxOther .premiumBox .startingAt {
    background: #6ca05e;
}

.priceBoxOther .premiumBox .plandDate {
    background: #6ca05e;
    padding-bottom: 5px;
}

.priceBoxOther .premiumBox .pricing-divider {
    border-radius: 10px 10px 0px 0px;
    padding-top: 54px;
    overflow: initial;
    background: #3f7a2f;
    padding-bottom: 0px;
}

.priceBoxOther ul.pricePlan li a {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px 10px;
    color: #3f7a2f;
    background: #ffffff96;
}

.premiumBox ul.pricePlan li a.selectAct {
    color: #fff !important;
    background: #3f7a2f;
    /* border: 1px solid #ffffff78; */
}

.premiumBox ul.pricePlan li a.selectAct:hover {
    color: #3f7a2f !important;
    background: #ffffff96;
}

.priceBoxOther .premiumBox .moreDetail {
    background: #3f7a2f;
    color: #3f7a2f;
}

.priceBoxOther .premiumBox .moreDetail:hover {
    color: #3f7a2f !important;
    background: #ffffff96;
}

.priceBoxOther .list-unstyled.planPriceCheck li:nth-child(even) {
    background: #cccccc1f
}

.priceBoxOther .list-unstyled.planPriceCheck li:nth-child(odd) {
    background: #fff
}

.priceBoxOther.priceBox .card-body {
    padding: 0;
    position: relative;
}

.priceBoxOther .list-unstyled li {
    margin: 0;
}

.priceBoxOther .btn-custom {
    background: #4E3396;
    color: #fff;
    border-radius: 0;
}

.priceBoxOther .premiumBox .btn-custom {
    background: #3f7a2f;
    color: #fff;
    border-radius: 0;
}

.priceBoxOther .premiumBox .pricing-divider .btn-custom {
    /* background: #3f7a2f; */

    color: #fff;
    width: auto;
    border-radius: 7px;
    border: 1px solid #7fad71;
    float: initial;
    margin: 10px auto 0;
    line-height: normal;
    font-size: 14px;
    /* background: #193f0e ; */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f7a2f+0,193f0e+100 */

    background: rgb(63, 122, 47);
    /* Old browsers */

    background: -moz-linear-gradient(top, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3f7a2f', endColorstr='#193f0e', GradientType=0);
    /* IE6-9 */
}

.priceBoxOther .premiumBox .pricing-divider .btn-custom:hover {
    background: #193f0e !important;
    border: 1px solid #7fad71 !important;
}

.priceBoxOther .premiumBox .btn-custom:hover {
    background: #193f0e !important;
    border: #193f0e !important;
}

.priceBoxOther .premiumList .pricing-divider .btn-custom {
    /* background: #4E3396; */

    color: #fff;
    width: auto;
    border-radius: 7px;
    border: 1px solid #ffffff61;
    float: initial;
    margin: 10px auto 0;
    line-height: normal;
    font-size: 14px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d1d5a+6,160059+99 */

    background: rgb(45, 29, 90);
    /* Old browsers */

    background: -moz-linear-gradient(top, rgba(45, 29, 90, 1) 6%, rgba(22, 0, 89, 1) 99%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(45, 29, 90, 1) 6%, rgba(22, 0, 89, 1) 99%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(45, 29, 90, 1) 6%, rgba(22, 0, 89, 1) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2d1d5a', endColorstr='#160059', GradientType=0);
    /* IE6-9 */
}

.priceBoxOther .premiumList .btn-custom:hover {
    background: #21124b !important;
    border: 1px solid #ffffff61 !important;
}

.priceBoxOther .featuresList .pricing-divider {
    border-radius: 10px 10px 0px 0px;
    padding-top: 6px;
    overflow: initial;
    background: #4E3396;
    padding-bottom: 7px;
}

.subscribeBtnGreen {
    background: #3f7a2f;
    padding: 1px 0px;
    margin-bottom: 10px;
}

.subscribeBtnBlue {
    background: #4E3396;
    padding: 1px 0px;
    margin-bottom: 10px;
}

/* .princing-item.tier11.featuresList {
    margin-top: 260px;
} */

/* .priceBoxOther .featuresList .pricing-divider h3{
    position: initial;
    background: none;
    box-shadow: initial;
    border: 0;
    color: #fff!important;
} */
.priceBoxOther .featuresList .pricing-divider h3 {
    position: absolute;
    top: -16px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 80%;
    border-radius: 14px 14px 1px 0px;
    box-shadow: 0 5px 0px 0px #3b5833;
    background: #5fb248;
    color: #fff !important;
    border: 1px solid #3f7a2f;
}

.priceBoxOther .featuresList .pricing-divider {
    border-radius: 10px 10px 0px 0px;
    padding-top: 44px;
    overflow: initial;
    background: #3f7a2f;
    padding-bottom: 10px;
    /* height: 327px; */
}

.priceBoxOther .featuresList .list-unstyled li {
    margin: 0;
    padding: 14px;
    padding-top: 20px;
    height: 88px;
    line-height: 20px;
    background: #3f7a2f;
    cursor: pointer;
    /* color: #fff; */
}

.priceBoxOther .list-unstyled li {
    margin: 0;
    text-align: left;
    padding: 14px;
    height: auto;
    height: 86px;
}

.priceBoxOther .standardList .list-unstyled.planPriceCheck li:nth-child(odd) {
    background: #c3e6b9;
}

.priceBoxOther .standardList .list-unstyled.planPriceCheck li:nth-child(even) {
    background: #d8f0d1;
}

.priceBoxOther .premiumList .list-unstyled.planPriceCheck li:nth-child(odd) {
    background: #beaaf6;
}

.priceBoxOther .premiumList .list-unstyled.planPriceCheck li:nth-child(even) {
    background: #d8ccfa;
}

.priceBoxOther .premiumList .list-unstyled li h2 {
    color: #4E3396;
}

.priceBoxOther .premiumList ul.pricePlan li a {
    color: #4E3396;
}

.priceBoxOther .premiumList ul.pricePlan li a.selectAct {
    color: #fff !important;
    background: #4E3396;
    /* border: 1px solid #ffffff78; */
}

.priceBoxOther .premiumList ul.pricePlan li a.selectAct:hover {
    color: #4E3396 !important;
    background: #ffffff96;
    /* border: 1px solid #ffffff78; */
}

.priceBoxOther .priceTotal {
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 10px;
    padding: 0 10px;
    height: 40px;
}

.priceBoxOther .list-unstyled.planPrice {
    margin-bottom: 0 !important;
}

.priceBoxOther .priceBoxPopUp {
    position: initial;
    width: auto;
    border-radius: 4px;
    height: auto;
    display: none;
    left: 0;
    right: 0;
    margin: 0 auto 24px;
    /* max-width: 25%;
    flex: 0 0 25%; */
}

.priceBoxOther .selectSubPU1 {
    display: block;
}

.priceBoxOther .selectSubPU2 {
    display: block;
}

a.priceBoxClose {
    color: #0b2e4e !important;
    top: 8px;
    right: 8px;
    background: #ffffff75;
}

.premiumList a.priceBoxClose:hover {
    color: #fff !important;
    top: 8px;
    right: 8px;
    background: #4E3396;
}

.priceBoxOther .selectSubPU1 {
    display: block;
    background: #3f7a2f;
    color: #fff;
    position: relative;
}

.priceBoxPopUp.selectSubPU1 h2 {
    font-size: 26px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.priceBoxOther .selectSubPU2 {
    display: block;
    background: #4E3396;
    color: #fff;
    position: relative;
}

.priceBoxPopUp.selectSubPU2 h2 {
    font-size: 26px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.priceBoxOther .radio-toolbar label {
    cursor: initial;
    margin-bottom: 0;
}

.priceBoxOther .radio-toolbar label:hover {
    color: #fff !important;
}

.priceBoxOther .radio-toolbar label:hover h4.display-2 {
    color: #fff !important;
}

.princing-item {
    border: 1px solid #cccc;
    border-radius: 9px;
    padding-top: 26px;
    background-color: #fff;
    margin: 0 6px;
    max-width: 31.5%;
    padding-bottom: 0px;
}

.featuresdetails:hover .scroller-scrollbar.vertical {
    display: block;
}

/*new changes */
.priceBoxOther .featuresList .card-body {
    height: 1011px;
    background: #c3e6b9 !important;
    margin-bottom: 11px;
}

.featuresList .sidebar {
    height: calc(100% - 10px);
}

.priceBoxOther .featuresList .list-unstyled h2 {
    font-size: 18px;
    font-weight: 600;
    color: #3f7a2f;
    margin-bottom: 0;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.priceBoxOther .featuresList .list-unstyled span {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.priceBoxOther .featuresList .list-unstyled li:nth-child(odd) {
    background: #c3e6b9;
}

.priceBoxOther .featuresList .list-unstyled li:nth-child(even) {
    background: #d8f0d1;
}

#subBoxInfo {
    color: #fff;
    width: 100%;
    height: 1px;
}

.card .cardBoxBg.otherCaradBg.csCardBg.selectPlanAdmin.subPlan {
    padding-top: 0;
}

.selectPlanAdmin .form-group .control-label {
    font-weight: bold !important;
}

.form-group.premPlanInfo {
    border: 1px solid #999;
    padding: 3px;
    border-radius: 4px;
    font-size: 1rem;
    margin-bottom: 0;
}

.scrollTopBtn {
    text-align: right;
}

.scrollTopBtn a {
    color: #0b2e4e;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #0b2e4e;
}

.scrollTopBtn a:hover {
    background: #4E3396;
    color: #fff !important;
}

.standardSubNew2 .scrollTopBtn a:hover {
    background: #3f7a2f;
    color: #fff !important;
}

li.overme1.subMoreInfo {
    /* white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; */

    cursor: pointer;
}

li.overme1.subMoreInfo.subMoreInfoOpen {
    height: auto;
    overflow: auto;
}

li.overme1.subMoreInfo.subMoreInfoOpen {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f4f6f9 !important;
    cursor: initial;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 9px #9a9393;
}

.priceBoxOther .featuresList .list-unstyled li {
    width: 103%;
    cursor: pointer;
}

.priceBoxOther .featuresList .list-unstyled li .featureDis {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.overme1.subMoreInfo .subMoreRemove {
    display: none;
}

li.overme1.subMoreInfo.subMoreInfoOpen .subMoreRemove {
    display: inline-block;
    cursor: pointer;
}

.featuresdetails {
    display: none;
}

li.overme1.subMoreInfoOpen.info_2_shadow {
    box-shadow: inset 0 0 10px #2dac2b;
    cursor: pointer;
}

/*Panel tabs*/
.priceBoxOther .panel-tabs {
    display: block;
}

.priceBoxOther .panel-tabs>li {
    margin-bottom: -1px;
    display: inline-block;
}

.priceBoxOther .panel-tabs>li>a {
    border: 1px solid #fff;
    border-radius: 18px;
    padding: 4px 16px;
    color: #4E3396;
    background: #ffffff96;
}

.priceBoxOther .panel-tabs>li>a.active {
    color: #fff !important;
    background: #4E3396;
}

.priceBoxOther .panel-tabs>li>a:hover {
    color: #fff !important;
    background: #4E3396;
}

.priceBoxOther .panel-tabs>li.active>a,
.priceBoxOther .panel-tabs>li.active>a:hover,
.priceBoxOther .panel-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .23);
    border-bottom-color: transparent;
}

.priceBoxOther .premiumList .pricestart {
    background: #8361e0;
    border-bottom: 1px solid #ffffff42;
}

.priceBoxOther .premiumList .display-2 {
    font-size: 2rem;
    font-weight: bold !important;
    background: #8361e0;
    padding-top: 8px;
    padding-bottom: 6px;
    margin-bottom: 10px !important;
}

.priceBoxOther .premiumList .panel-heading {
    background: #8361e0;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* blue */
.priceBoxOther .premiumList .pricestart {
    background: #8361e0;
    border-bottom: 1px solid #ffffff42;
}

.priceBoxOther .premiumList .display-2 {
    font-size: 2rem;
    font-weight: bold !important;
    background: #8361e0;
    padding-top: 8px;
    padding-bottom: 6px;
    margin-bottom: 10px !important;
}

.priceBoxOther .premiumList .panel-heading {
    background: #8361e0;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* green */
.priceBoxOther .standardList .pricestart {
    background: #6ca05e;
    border-bottom: 1px solid #ffffff42;
}

.priceBoxOther .standardList .display-2 {
    font-size: 2rem;
    font-weight: bold !important;
    background: #6ca05e;
    padding-top: 8px;
    padding-bottom: 6px;
    margin-bottom: 10px !important;
}

.priceBoxOther .standardList .panel-heading {
    background: #6ca05e;
    padding-top: 10px;
    padding-bottom: 10px;
}

.priceBoxOther .standardList .panel-tabs>li>a {
    color: #3f7a2f;
}

.priceBoxOther .standardList .panel-tabs>li>a:hover {
    color: #fff !important;
    background: #3f7a2f;
}

.priceBoxOther .standardList .panel-tabs>li>a.active {
    color: #fff !important;
    background: #3f7a2f;
}

.priceBoxOther .premiumBox .pricing-Sdivider .btn-custom {
    margin: 0px auto 0;
}

.pricing-divider button.btn.btn-lg.btn-block.btn-custom {
    display: block;
    width: calc(100% - 20px);
    border-radius: 10px;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.featuresdetailsOpen .featuresdetails {
    display: block;
    text-align: left;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 30px #9a9393;
    padding: 14px;
    font-size: 16px;
    line-height: 24px;
    min-height: 476px;
}

.premiumList .featuresdetailsOpen .featuresdetails {
    background: #beaaf6;
    box-shadow: inset 0 0 30px #5f42ae;
}

.premiumList .featuresdetails h2 {
    font-size: 18px;
    font-weight: 600;
    color: #4E3396;
}

.priceBoxOther .premiumList .list-unstyled li h2 {
    color: #4E3396;
}

.featuerShowHide.featuresdetailsOpen .planPriceCheck {
    display: none;
}

.standardList .featuerShowHide.featuresdetailsOpen .featuresdetails {
    background: #c3e6b9;
    box-shadow: inset 0 0 30px #2dac2b;
}

.standardList .featuresdetails h2 {
    font-size: 18px;
    font-weight: 600;
    color: #3f7a2f;
}

.priceBoxOther .standardList .list-unstyled li h2 {
    color: #3f7a2f;
}

.priceBoxOther .featuresList .list-unstyled li.subMoreInfo {
    background: #c3e6b9;
}

.premiumList a.priceBoxClose:hover {
    color: #fff !important;
    top: 8px;
    right: 8px;
    background: #c3e6b9;
}

.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 30px #2dac2b;
    height: 88px;
}

li.overme1.subMoreInfo.subMoreInfoOpen {
    background: #c3e6b9 !important;
    box-shadow: inherit;
}

.premiumList li.overme1.subMoreInfo.subMoreInfoOpen {
    background: #beaaf6 !important;
    box-shadow: inherit;
}

ul.list-unstyled.mb-5.position-relative.planPrice.planPriceCheck {
    background: #d8f0d1;
    min-height: 460px;
}

.premiumList ul.list-unstyled.mb-5.position-relative.planPrice.planPriceCheck {
    background: #d8ccfa;
}

.cardBodySubRes {
    display: none;
}

/* invoice css */
.invoiceBox {
    width: 80%;
    margin: 0 auto;
}

.invoiceInfo .invoice-title h2,
.invoice-title h3 {
    display: inline-block;
}

.invoiceInfo .table>tbody>tr>.no-line {
    border-top: none;
}

.invoiceInfo .table>thead>tr>.no-line {
    border-bottom: none;
}

.invoiceInfo .table>tbody>tr>.thick-line {
    border-top: 2px solid;
}

/* invoice css end */

/* scroll css */

/* .container-example1 {
    height: 300px;
    width: 300px;
    max-width:100%;
    padding: 5px 10px;
    margin: auto;
    background: #ccc;
  }

  .container-example2 {
    max-height: 300px;
    padding: 5px 10px;
    background: #ccc; */

}

/* scroll css end */
#premiumPlanInfo,
#standardPlanInfo {
    background: #e9ecef;
    padding: 7px 10px;
}

.seltDuration {
    position: relative;
}

.seltDuration::after {
    position: absolute;
    content: "";
    top: 10px;
    right: 5px;
    width: 10px;
    height: 10px;
    background: #fff;
}

.userSubLists table p.description {
    text-align: left;
}

#deleteFeature button.btn.btn-default {
    margin-right: 6px;
}

.notesList.list-unstyled {
    height: auto;
}

.emiPlan ul {
    margin: 0;
    padding: 0;
}

.emiPlan ul li {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
}

.emiPlan ul li label {
    color: #fff;
    cursor: pointer;
}

.emiPopUp {
    display: none;
}

.emiPopUp.emiPopUpShow {
    display: block;
}

.emiPlan ul li label:hover {
    color: #fff !important;
    cursor: pointer;
}

.emiPopUp.emiPopUpShow {
    display: block;
    background: #f4f6f9;
    width: 98%;
    margin: 0 auto;
    border: 1px solid #999;
    padding: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin-top: 10px;
    z-index: 1111;
}

.emiHeading {
    background: #3f7a2f;
    color: #fff;
    position: relative;
}

.emiTable {
    padding: 10px;
}

.emiTable table {
    width: 100%;
}

a.emiPopUpHide {
    position: absolute;
    right: 6px;
}

.emiPlan {
    border-top: 1px solid #ffffff6e;
    padding: 5px 0;
}

.emiPlan small {
    font-size: 66%;
}

.featureText textarea {
    height: 100px;
    resize: auto;
}

.form-group.premPlanInfo {
    background: #e9ecef;
}

.page-item .page-link {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

.requestForm .form-group.csTextBox {
    margin-left: 0;
    margin-right: 0;
}

.form-group.reqForm {
    margin-left: 0;
    margin-right: 0;
}

.toast.msgPopUpCenter.fade.hide button.ml-2.mb-1.close {
    display: none;
}

.subscriptionAccr .panel-title .collapsed i {
    transform: rotate(0deg);
}

.subscriptionAccr .panel-title i {
    transform: rotate(90deg);
    float: right;
}

.subscriptionAccr .panel-heading.n_panel-heading {
    background: #e3e8ec;
    padding: 13px 10px 1px;
}

.subscriptionAccr .panel-collapse {
    padding: 14px;
}

.subscriptionAccr .panel.panel-default.n_panel-default {
    margin-bottom: 1px;
}

.subscriptionAccr h4.panel-title.n_panel-title {
    font-size: 1em;
    font-weight: 600;
}

.priceBoxCart {
    border-radius: 10px 10px;
    padding: 20px;
    background: #3f7a2f;
    padding-bottom: 0px;
    color: #fff;
}

.priceBoxCart:hover {
    color: #fff !important;
    /* border: 1px solid #ffffff6b !important; */
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 14%),
        0 1px 18px 0 rgb(0 0 0 / 12%),
        0 3px 5px -1px rgb(0 0 0 / 20%);
}

.priceBoxCart h2 {
    font-size: 1.5rem;
    font-weight: 300;
}

.priceBoxCart .button {
    color: #3f7a2f !important;
    background: #c3e6b9 !important;
    border: 1px solid #c3e6b9 !important;
    margin-top: 15%;
    display: block;
    width: 100%;
    border-radius: 50px;
    /* box-shadow: inset 0 0 30px #2dac2b; */
}

.priceBoxCart .button span {
    color: #3f7a2f !important;
}

.priceBoxCart .button:hover {
    color: #fff !important;
    border: 1px solid #ffffff6b !important;
    box-shadow: 0 6px 10px 0 rgb(255 255 255 / 14%),
        0 1px 18px 0 rgb(255 255 255 / 12%),
        0 3px 5px -1px rgb(255 255 255 / 20%);
}

i.fas.fa-angles-right.fa-fw:after {
    content: "\f101";
}

.priceBoxCart label:hover {
    text-decoration: underline;
}

.priceBoxCart h3 {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 20px;
}

.col-md-12.viewFeaturesShow {
    display: none;
}

.col-md-12.viewFeaturesShow.featuresShow {
    display: block;
    margin-top: 20px;
}

a.btn.btn-default.viewFeatures {
    cursor: pointer;
}

a.btn.btn-default.viewFeatures:hover {
    background: #3f7a2f !important;
    border: 1px solid #3f7a2f;
    color: #fff !important;
}

span.payIcon {
    font-family: Arial;
}

.priceBoxCart.priceBoxCartPremium {
    background: #4E3396;
}

.priceBoxCart.priceBoxCartPremium {
    background: #4E3396;
}

.priceBoxCart.priceBoxCartPremium .button {
    color: #3f7a2f !important;
    background: #beaaf6 !important;
    border: 1px solid #beaaf6 !important;
    margin-top: 15%;
    display: block;
    width: 100%;
    border-radius: 50px;
    /* box-shadow: inset 0 0 30px #2dac2b; */
}

.priceBoxCart.priceBoxCartPremium .button span {
    color: #4E3396 !important;
}

.priceBoxCart.priceBoxCartPremium .button:hover {
    color: #fff !important;
    border: 1px solid #ffffff6b !important;
    box-shadow: 0 6px 10px 0 rgb(255 255 255 / 14%),
        0 1px 18px 0 rgb(255 255 255 / 12%),
        0 3px 5px -1px rgb(255 255 255 / 20%);
}

.viewFeatures.downIconShow i {
    transform: rotate(90deg);
    vertical-align: middle;
}

.subscriptionAccr h4.panel-title.n_panel-title a {
    display: block;
}

.createdAtCol {
    width: 110px !important;
}

.card-body.requestFormInfo {
    padding-bottom: 0;
}

.priceBoxCart.cartSmallBox {
    background: rgb(91,
            153,
            74);
    /* Old browsers */
    background: -moz-linear-gradient(top,
            rgba(91, 153, 74, 1) 1%,
            rgba(42, 119, 21, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(91, 153, 74, 1) 1%,
            rgba(42, 119, 21, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(91, 153, 74, 1) 1%,
            rgba(42, 119, 21, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b994a',
            endColorstr='#2a7715',
            GradientType=0);
    /* IE6-9 */
    margin: 30px auto;
    box-shadow: 0 0 18px 0 rgba(25,
            42,
            70,
            .5);
    border: 1px dashed #fff;
    color: #fff;
    width: 60%;
    border-radius: 10px;
    padding: 0;
}

.priceBoxCart.cartSmallBox .cardSmallBg {
    padding: 40px 40px;
    background-image: url(../img/db_bg1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.priceBoxCart.cartSmallBox .button {
    margin-top: 0;
}

.priceBoxCart.cartSmallBox a {
    text-decoration: none;
    color: #fff;
}

.priceBoxCart.cartSmallBox a:hover {
    text-decoration: underline;
    color: #fff !important;
}

.payableAmt {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 15px;
}

.priceBoxCart.cartSmallBox .button {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
    height: auto;
}

.priceBoxCart.cartSmallBox .button:hover {


    background: rgb(63, 122, 47) !important;
    background: -moz-linear-gradient(top, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f7a2f', endColorstr='#193f0e', GradientType=0) !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.priceBoxCart.cartSmallBox .button:hover span {
    color: #fff !important;
    /* background: rgb(63,
    122,
    47)!important;
    background: -moz-linear-gradient(top,
    rgba(63, 122, 47, 1) 0%,
    rgba(25, 63, 14, 1) 100%)!important;
    background: -webkit-linear-gradient(top,
    rgba(63, 122, 47, 1) 0%,
    rgba(25, 63, 14, 1) 100%)!important;
    background: linear-gradient(to bottom,
    rgba(63, 122, 47, 1) 0%,
    rgba(25, 63, 14, 1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f7a2f',
    endColorstr='#193f0e',
    GradientType=0)!important;
    color:#fff !important;
    border:1px solid #fff!important; */
}

.priceBoxCart.cartSmallBox .button:hover span {
    color: #fff !important;
}

.priceBoxCart.cartSmallBox form {
    margin-bottom: 0;
}

.priceBoxCart label {
    text-decoration: none;
}

.priceBoxCart label:hover {
    text-decoration: underline;
    color: #fff !important;
}

.toastTop.toastError {
    background-color: #f90000;
}

.subscriptionNot {
    height: 45vh;
    text-align: center;
    margin-top: 18%;
    font-size: 22px;
    font-weight: bold;
    color: #0b2e4e;
}

.emiPlan ul li:last-child {
    margin-right: 0;
}

.princing-item form {
    margin-bottom: 0px;
}

.priceBoxOther .panel-tabs {
    display: block;
    margin-top: 1 !important;
}

.sidebar-mini.sidebar-collapse .nav.nav-pills.nav-sidebar.flex-column .nav-link.actNav i {
    color: #fff;
}

#notification-bell a.nav-link {
    padding-top: 8px;
}

#cartIcon a.nav-link {
    padding-top: 8px;
}

li#cartIcon {
    margin-left: 8px;
    margin-right: 6px;
}

.navbar-badge {
    padding-top: 3px;
}

.emiPlan {
    padding: 10px 0;
    position: relative;
}

.emiPlan span.val_error {

    color: #ff9191;
    position: absolute;
    bottom: 0;
    line-height: normal;
    left: 0;
    right: 0;
}

.emptyCard {
    height: 43vh;
    text-align: center;
    margin-top: 15%;
    font-size: 22px;
    font-weight: bold;
    color: #0b2e4e;
}

.form-group.passwordFild.genPassMB10 span.val_error {
    margin-top: 16px;
}

.row.text-center.priceBoxOtherMax {
    display: block;
}

.princing-item {
    display: inline-block;
    vertical-align: top;
}

.col-sm-4.shoppingCartRRes {
    width: 50%;
}

.col-sm-8.shoppingCartLRes {
    width: 50%;
}

.princing-item.tier11.featuresList .scroller-content {
    background: #c3e6b9;
}

a.nav-link.linkInactive {
    cursor: no-drop;
}

.tabMenuSub .nav.nav-pills {
    border-bottom: 1px solid #ccc;
}

.tabMenuSub .nav.nav-pills a {
    background-color: #fff !important;
    border: 1px solid #fff;
    border-bottom: 0;
    padding: 5px 10px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    display: block;
    margin-right: 5px;
}

.tabMenuSub .nav.nav-pills a.active,
.tabMenuSub .nav.nav-pills a:hover {
    background-color: #FAFBFC !important;
    /* border: 1px solid #ccc;
    border-bottom: 0; */
    /* padding: 5px 10px; */
    /* border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    display: block; */
    border-bottom: 1px solid #fff;
    font-weight: 600;
}

.tabMenuSub .nav.nav-pills li {
    margin-bottom: -1px;
}

.tabMenuSub .nav.nav-pills li:first-child a {
    padding-left: 0;
}

.tabMenuSub .tab-content {
    margin-top: 10px;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused.menuInActive,
.sidebar-mini.sidebar-collapse .main-sidebar.menuInActive:hover {
    width: 4.6rem !important;

}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused.menuInActive .nav-link p,
.sidebar-mini.sidebar-collapse .main-sidebar.menuInActive:hover .nav-link p {
    display: none !important;

}

.sidebar-mini.sidebar-collapse .main-sidebar.menuInActive .nav-sidebar .nav-item>.nav-link {
    cursor: no-drop;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4.menuInActive .sidebar .nav-sidebar>.nav-item {
    position: relative;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4.menuInActive .sidebar .nav-sidebar>.nav-item:after {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    content: "";
    z-index: 1;
    top: 0;
    right: 0;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4.menuInActive .sidebar .nav-sidebar>.nav-item.navSubscription:after {
    content: initial;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4.menuInActive .sidebar .nav-sidebar>.nav-item.navSubscription a {
    cursor: pointer;
}

#cartIcon a.nav-link {
    padding-top: 8px;
    cursor: pointer;
}

#cancelSubscriptionModal form#canceSubscriptionForm {
    margin-bottom: 0;
}

#cancelSubscriptionModal .form-group {
    margin-bottom: 0px;
}

.modal#cancelSubscriptionModal .formPopUp .card-body {
    padding: 0;
    padding: 30px 24px 0px;
}

.form-group textarea {
    resize: auto;
    width: 100% !important;
}

#followUpModal form#followUpForm {
    margin-bottom: 0;
}

#followUpModal .form-group {
    margin-bottom: 0px;
}

#followUpModal .formPopUp .card-body {
    padding: 0;
    padding: 30px 24px 0px;
}

a {
    cursor: pointer;
}

.form-group.passwordFild.genPassMB10 span.val_error {
    margin-top: 0;
}

.tabMenuSub table tr th {
    text-align: left !important;
}

.CongratulationBox {
    margin: 16px 0 0;
    background: #ebffe6 !important;
    border: 1px solid #3f7a2f !important;
}

.alert.alert-warning.alert-dismissible.CongratulationBox button {
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 2.2em;
}

.alert.alert-warning.CongratulationBox {
    background: #e9ffdf !important;
    border: 1px solid #3f7a2f !important;
    margin: 14px 0 0;
}

.alert.alert-warning.alert-dismissible.CongratulationBox button {
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 30px;
    position: absolute;
    right: -14px;
    top: -18px;
    border-radius: 50%;
    background: #fff;
    width: 34px;
    height: 34px;
    line-height: 15px;
    padding: 0;
    text-align: center;
    opacity: 1;
    border: 1px solid #ccc;
}

#upgradeplan_popup .modal-dialog {
    max-width: fit-content;
}

#upgradeplan_popup .modal-dialog .modal-content {
    width: 605px;
}

#upgradeplan_popup .modal-dialog .modal-content p {
    margin-bottom: 0;
}

a.plan-tag img {
    width: 16px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    height: 1em;
    width: 1em;
    margin-top: -10px;
    border: .1em solid white;
    background-color: #3f7a2f;
    line-height: 1em;
    right: initial;
    left: 12px;
}

.activitiesRec .dataTables_scrollBody {
    height: 244px !important;
}

/* .table-responsive {
    display: block!important;

} */
table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: inherit;
    vertical-align: top;
}

table.dataTable th,
table.dataTable td {

    vertical-align: top;
}

span.dropdown-item.dropdown-header {
    cursor: initial;
    background: #3f7a2f;
}

.andSym {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.upgradePlan button.button {
    margin-top: 0;
}

.sidebarGreen.sidebar1Non {
    display: none;
}

.sidebarDes {
    display: none;
}

.sidebarDes.sidebarDesAdd {
    display: block;
}

.sidebarBlue.sidebar1Non {
    display: none;
}

.sidebarDesPre {
    display: none;
}

.sidebarDes.sidebarDesAdd {
    display: block;
}

#textStan {
    display: none;
}

#textPre {
    display: none;
}

.subScripMainInfo {
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 0px;
    padding: 10px 10px 0px 10px;

}

.subScripMainInfo .subScripShowhide .scroller-content {
    padding-right: 10x !important;
    height: 70px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.subScripMainInfo.showSub .subScripShowhide .scroller-content {

    max-height: 110px;
    overflow: auto;
    text-overflow: initial;
    display: block;
    -webkit-line-clamp: initial;
    /* number of lines to show */
    -webkit-box-orient: initial;
    padding-right: 10x !important;
}

.subScripMainInfo .hideBtn {
    display: none;
}

.subScripMainInfo.showSub .hideBtn {
    display: inline;
}

.subScripMainInfo.showSub .showBtn {
    display: none;
}

.subScripMainInfo.showSub .scroller-content {
    height: 150px !important;
}

a.showBtn,
a.hideBtn {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px 10px;
}

a.showBtn:hover,
a.hideBtn:hover {
    background: #21124b !important;
    border: 1px solid #ffffff61 !important;
    color: #fff !important;
}

.subScripShowhide {
    margin-bottom: 10px;
}

/**/
.subScripMainInfoGr {
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 0px;
    padding: 10px 10px 0px 10px;

}

.subScripMainInfoGr .subScripShowhideGr .scroller-content {
    padding-right: 10x !important;
    height: 70px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;

}

.subScripMainInfoGr.showSubGr .subScripShowhideGr .scroller-content {

    max-height: 110px;
    overflow: auto;
    text-overflow: initial;
    display: block;
    -webkit-line-clamp: initial;
    /* number of lines to show */
    -webkit-box-orient: initial;
}

.subScripMainInfoGr .hideBtnGr {
    display: none;
}

.subScripMainInfoGr.showSubGr .hideBtnGr {
    display: inline;
}

.subScripMainInfoGr.showSubGr .showBtnGr {
    display: none;
}

.subScripMainInfoGr.showSubGr .scroller-content {
    height: 150px !important;
}

a.showBtnGr,
a.hideBtnGr {
    border: 1px solid #7fad71 !important;
    border-radius: 4px;
    padding: 4px 10px;
}

/* a.showBtnGr:hover{
        background: #21124b !important;
    border: 1px solid #ffffff61 !important;
    color: #fff!important;
    } */
a.showBtnGr:hover,
.hideBtnGr:hover {
    background: #193f0e !important;
    border: 1px solid #7fad71 !important;
    color: #fff !important;
}

.subScripShowhideGr {
    margin-bottom: 10px;
}

.subScripMainInfoGr .scroller-scrollbar.scroller-active,
.subScripMainInfo .scroller-scrollbar.scroller-active {
    display: block;
}


input#standard_desc,
input#premium_desc {
    width: auto;
    position: absolute;
    top: -32px;
    z-index: 10;
}

span.val_error_upload_resume {
    font-size: 0.9rem;
    color: #e31c3d;
}

.dtr-control .dt_tooltip {
    display: none;
}

.scroller-content {
    padding-right: 9px;
}

.upgradePlan a.button {
    padding: 10px;
    margin-bottom: 0;
    display: inline-block;
    line-height: normal;
    margin-top: 10px;
}

.upgradePlan button.button {
    margin-top: 10px;
    margin-bottom: 0;
}

.priceBoxOtherMax .scroller-content {
    padding-right: 10px;
}

.priceBoxOtherMax .subScripShowhideGr .scroller-content {
    padding-right: 14px;
}

.priceBoxOtherMax .subScripShowhide .scroller-content {
    padding-right: 14px;
}

#recycleInfo .modal-content {
    width: 90%;
    margin: 0 auto;
}

#cancelSubscriptionModal .modal-content {
    width: auto;
}

.assignFrm .modal-content {
    width: 86%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {

    min-width: auto !important;
    padding: 0 0 !important;
    margin: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px !important;
}

.page-item.active .page-link {
    background-color: #4E3396 !important;
    border-color: #4E3396 !important;
    height: 39px !important;
    margin-top: 0px !important;
    border: 0px solid #4E3396 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #fff !important;
    background: none !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box !important;
    display: inline-block !important;
    min-width: 1.5em !important;
    padding: 0 !important;
    margin-left: 2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px !important;
}

.dataTables_paginate li.paginate_button.page-item.previous {
    margin-right: 0 !important;
}

.dataTables_paginate li.paginate_button.page-item.next {
    margin-right: 0 !important;
    margin-left: 2px !important;
}

.pagination li.paginate_button.page-item.next.disabled a.page-link,
.pagination li.paginate_button.page-item.previous.disabled a.page-link {
    height: 39px;
    margin: 0;
    line-height: 24px;
}

.page-item .page-link {

    margin: 0;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    line-height: 24px;
}

.respCust {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    position: relative;
}

.mobileResTable tr td {
    position: relative;
}

.mobileResTable .dtr-control:hover .dt_tooltip,
.mobileResTable td:hover .dt_tooltip {
    border-radius: 6px;
    display: inline-block;
    position: absolute;
    max-width: 200px;
    background: #3f7a2f;
    left: 0px;
    /* right: 0; */
    /* margin: 0 auto; */
    top: 40px;
    font-size: 14px;
    padding: 8px 10px;
    color: #fff;
    z-index: 10;
    white-space: break-spaces;
}

.dtr-control:hover .dt_tooltip:after,
.mobileResTable td:hover .dt_tooltip::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3f7a2f;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -3px;
    transform: rotate(45deg);
}

.packetViewBtn {
    position: absolute;
    right: 20px;
    top: 10px;
}

.mobileResTable div.dataTables_scrollBody table {
    width: 100%;
    min-width: initial;
}

.mobileResTable .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: top;
}

a.button.viewUpgrade.downIconUpgradeShow i {
    transform: rotate(93deg);
}

a.button.viewUpdate.downIconUpdateShow i {
    transform: rotate(93deg);
}

a.button.viewUpdate.downIconUpdateShow,
a.button.viewUpgrade.downIconUpgradeShow {
    background: #4E339C !important;
    border: 1px solid #4E339C !important;
}

.updatePlan {
    margin-top: 10px;
    font-weight: bold;
    font-size: 22px;
}

.col-md-12.viewUpdateShow.updateShow,
.col-md-12.viewUpgradeShow.updgradeShow {

    background: #eaf0f799;
    margin-top: 0px;
    padding: 10px;
}

a.button.viewUpdate {
    color: #fff !important;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 20%);
    /* background: #4E3396 !important;
        border: 1px solid #4E3396 !important; */
}

a.button.viewUpgrade {
    color: #fff !important;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 20%);
    /* background: #4E3396 !important; */
    border: 1px solid #4E3396 !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4e3396+0,4a7adb+100 */
    background: #4e3396;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4e3396 0%, #4a7adb 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4e3396 0%, #4a7adb 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4e3396 0%, #4a7adb 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e3396', endColorstr='#4a7adb', GradientType=1);
    /* IE6-9 */


}

a.button.viewUpgrade:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#46b73e+0,3f7a2f+100 */
    background: #46b73e;
    /* Old browsers */
    background: -moz-linear-gradient(left, #46b73e 0%, #3f7a2f 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #46b73e 0%, #3f7a2f 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #46b73e 0%, #3f7a2f 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b73e', endColorstr='#3f7a2f', GradientType=1);
    /* IE6-9 */



}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.animated-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #ff3f3f;
    position: relative;
}

.animated-btn::before,
.animated-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: rgba(255,
            63,
            63,
            0.8);
    animation: ripple-1 2s infinite ease-in-out;
    z-index: -1;
}

.animated-btn::after {
    background: rgba(255,
            63,
            63,
            0.6);
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: 0.5s;
}

@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/
#status_modal .modal-content {
    width: 100%;
}

#status_modal span.update_note {
    display: block;
    margin-bottom: 10px;
}

#status_modal p {
    margin-bottom: 0px;
}

#status_modal .modal-dialog {
    max-width: 540px;
}

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

a.upDownAction {
    margin-right: 36px;
}

.collapsible .addDetails {
    margin-top: 7px;
    margin-left: 7px;
    display: inline-block;
}

.userVha.userVhaLB a.upDownAction {
    margin-right: 6px;
}

.mobileResTable .tabMenuSub .nav.nav-pills li a {
    padding: 5px 20px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.mobileResTable .tabMenuSub .nav.nav-pills li a.active,
.mobileResTable .tabMenuSub .nav.nav-pills li a:hover {
    background-color: #FAFBFC !important;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

.noRecords {
    text-align: center;
    color: #ccc;
    margin-top: 70px;
    margin-bottom: 70px;
}

i.fas.fa-chevron-right.recActDownArrrow {
    transform: rotate(90deg);
}

#assignFormToUser .multiSelectDrop .select2:after {
    display: none;
}

.mobileResTable .dtr-control:hover .dt_tooltip a {
    color: #fff !important;
}

.rolePermissions span.val_error.permValError {
    position: absolute;
    left: 41px;
    margin-top: 50px;
}

.form-group.roleInput span.val_error.name_val_error {
    margin-top: 5px;
    margin-left: 10px;
}

.bootbox.modal.fade.bootbox-confirm.show button.bootbox-close-button.close {
    /* position: absolute;
    right: 10px;
    top: 3px; */
    display: none;
}

table tr td span.error {
    white-space: normal;
    position: initial;
}

li.nav-item.csHelp a {
    color: #fff;
    margin-right: 10px;
    margin-top: 8px;
    display: block;
}

li.nav-item.csHelp a:hover {
    color: #fff !important;
    background: #15388C !important;
    border-radius: 20px;
}

i.csNameLink {
    font-style: normal;
    border: 2px solid #fff;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    height: 28px;
    width: 28px;
    display: block;
    text-align: center;
}

.essPopUp {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
    z-index: 1111111;
}

.essPopUp select {
    position: absolute;
    z-index: 1;
}

a.iconLink.checkIcon.assignCS.assignCSAct i.fa.fa-copyright {
    background: #4E3396;
    color: #fff;
    border-radius: 20px;
    padding: 1px 2px 0px 2px;
    line-height: normal;
    width: 21px;
    height: 22px;
}

/* card loading  */
.cardLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 46%;
    background: rgba(0,
            0,
            0,
            0.5);
    z-index: 1111;
}

.cardSpinnerLoader {
    color: official;
    position: absolute;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    top: 42%;
    z-index: 111111111;
    left: 0;
    right: 0;
}

.cardSpinnerLoader div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.cardSpinnerLoader div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #4E3396;
}

.cardSpinnerLoader div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.cardSpinnerLoader div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.cardSpinnerLoader div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.cardSpinnerLoader div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.cardSpinnerLoader div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.cardSpinnerLoader div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.cardSpinnerLoader div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.cardSpinnerLoader div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.cardSpinnerLoader div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.cardSpinnerLoader div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.cardSpinnerLoader div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.cardSpinnerLoader div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

.cardSpinnerLoader .loaderText::after {
    background: none;
}

.loaderText {
    position: absolute;
    top: 90px;
    font-size: 16px;
    color: #000;
    width: 100%;
    font-weight: bold;
}

.cardLoaderR {
    position: absolute;
    top: 40%;
    width: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@keyframes cardSpinnerLoader {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* end */
.cartOption h2,
.cartOption h3 {
    margin: 0;
    font-size: 1.1em;
}

.cartOption label:hover {
    text-decoration: none;
    color: #fff !important;
}

.cardPayment {
    background: #ffffff4a;
    border-radius: 6px;
    padding: 13px;
    margin-top: 20px;
}

.cardPayment ul {
    padding: 0;
    margin-bottom: 0;
}

.cardPayment ul li {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin-right: 10px;
}

.cardPayment ul li span {
    font-size: 16px;
}

.cardPayment h2 {
    margin-bottom: 10px;
    font-weight: 800;
    border-bottom: 1px solid #ffffff82;
    padding-bottom: 10px;
}

.cardPayment {
    background: #ffffff4a;
    border-radius: 6px;
    padding: 13px;
    margin-top: 20px;
    box-shadow: inset 0 0 30px #ffffff42;
}

span.icon_cls {
    right: 20px !important;
}

.card-body.noteDoc.documentInfo .cardBoxBg.otherCaradBg {
    padding-bottom: 10px;
}

.cart_note {
    /* color: transparent; */
    -webkit-appearance: none;
    filter: blur(0.6px);

}

.content-wrapper h1 center {
    margin-top: 130px;
}

a.cartBtn {
    display: inline-block;
    width: auto;
    /* font-weight: bold; */
}

a.cartBtn i {
    color: #fff;
    font-weight: bold;
    background: #3f7a2f;
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 20px;
    font-style: normal;
    line-height: 14px;
    width: 24px;
    height: 23px;
    text-align: center;
}

a.cartBtn.collapsed .showIcon {
    display: inline-block;
}

a.cartBtn .hideIcon {
    display: inline-block;
}

a.cartBtn.collapsed .hideIcon {
    display: none;
}

a.cartBtn .showIcon {
    display: none;
}

.collapseShowInfo ul {
    margin-top: 10px;
    line-height: 26px;
}

a.multicartLink:hover {
    text-decoration: none !important;
}

.cardSmallBg i.fas {
    font-weight: normal;
}

.totalLeft {
    text-align: left;
}

.card .cardBoxBg.otherCaradBg.duePayment {
    padding-bottom: 24px;
}

.methodPay h5 {
    font-weight: 600;
    margin-top: 10px;
}

#user-listing-cont option {
    display: table;
    width: 100%;
    margin: 2px 0;
}

.userListSelect {
    margin-bottom: 14px;
}

#userListCont .userUploadRes {
    margin-bottom: 0px;
}

#userListCont .userUploadRes:last-child {
    margin-left: 30px;
}

#reminderNotes .modal-content {
    width: 100%;
}

.sidebar-mini .searchForm {
    position: relative;
}

#addUser .modal-content {
    width: 100%;
}

.permissionCheck span.val_error.rolesChk {
    top: 33px;
}

.emailBox {
    width: 50%;
    margin: 0 auto;
}

.emailBox .form-group {
    margin-bottom: 12px;
}

.emailBox .form-group textarea {
    height: 200px;
}

.generatePass.form-group {
    margin-top: -2px;
}

i.plusIcon {
    font-style: inherit;
    font-weight: bold;
}

ul.nav.nav-treeview .nav-link ion-icon.nav-icon.md.hydrated {
    width: 20px;
    margin-left: 6px;
    margin-right: 6px;
}

.mobileResTable td:hover .dt_tooltip {
    white-space: normal;
}

div#expSubs .modal-content .checkbox label {
    padding-left: 0;
}

div#expSubs .modal-content .checkbox {
    margin-top: 0;
}

div#expSubs .modal-content .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 28px;
}

div#expSubs .modal-content .form-group label.control-label {
    font-weight: bold !important;
    font-size: 1em !important;
}

.form-group.frmBtn.generatePassAuto.passwordFild span#password_val_error_msg {
    margin-top: 0;
}

/*PayPal css*/
.payPalBox {
    background: #ffffff9c;
    padding: 30px 30px 20px;
    border-radius: 6px;
    border: 1px solid #fff;
    margin-top: 14px;
    font-size: 20px;
    color: #0b2e4e;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 0 0 18px 0 rgb(25 42 70 / 50%);
}

.payPalBox p {
    font-weight: 700;
    border-bottom: 1px solid #0b2e4e;
    line-height: 24px;
    display: table;
    font-size: 20px;
}

.removePlan {
    position: absolute;
    right: 24px;
    top: -8px;

}

.priceBoxCart h2 {
    font-size: 1.5rem;
    font-weight: 300;
    padding-right: 50px;
}

.row.payPalBox.paypalBoxErr p {
    color: #c02929;
    margin-bottom: 3px;
    text-align: center;
}

.editSubs {
    margin-top: 10px;
}

a.editSubs {
    margin-top: 6px !important;
    display: inline-block;
}

.paymentOpt {
    margin-right: 20px;
}

.payment_option_div span {
    margin-right: 20px;
}

/*Paypal css end*/
.bootbox .bootbox-body {
    margin: 0px 6px 0px;
    margin: 0;
    font-size: 17px;
}

.paypal_dev {
    -webkit-transition: 2s;
    transition: 2s;
    width: 100%;
    float: left;
}

label.paymentTab {
    margin-right: 30px;
}

.row.payPalBox label:hover {
    text-decoration: underline;
    color: #0b2e4e !important;
}

.braintree-method__check-container {
    margin-left: 10px;
}

/*30-01-2023*/
.row.payPalBox label.paymentTab {
    width: 186px;
    display: inline-block;
    background: rgb(63, 122, 47) !important;
    background: -moz-linear-gradient(top, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f7a2f', endColorstr='#193f0e', GradientType=0) !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 4px;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.row.payPalBox label.paymentTab:hover {
    background: #4E3396 !important;
    color: #fff !important;
    text-decoration: none !important;

}

.row.payPalBox label.paymentTab.paymentAct {
    color: #fff !important;

    background: #4E3396 !important;
}

label.paymentTab .fa {
    display: none;
}

label.paymentTab.paymentAct .fa {
    display: inline-block;
    margin-right: -12px;
}

label.paymentTab input[type=radio] {
    opacity: 0;
}

.braintree-method__label {
    font-size: 14px !important;
}


.savecard_align {
    width: 30%;
    float: right;
    margin-top: 30px;
    text-align: right;
    position: absolute;
    right: 40px;
    top: 70px;
}

.braintree-upper-container:before {
    background-color: #FAFAFA;
    border: 0px solid #B5B5B5;
    border-radius: 4px;
    bottom: 5px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -3;
}


.braintree-loaded .braintree-sheet__container {
    margin-left: 12px !important;
}

.payPalBox p {
    border-bottom: 0px solid #0b2e4e;
}

table.dataTable .row_checked_bg {
    background-color: #c9f3d3 !important;
}

.closePopUp {
    position: absolute;
    right: -13px;
    top: -11px;
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 33px;
    font-size: 16px;
    color: #999;
}

.braintree-loaded .braintree-sheet__container {
    margin-left: -10px;
}

.braintree-upper-container {
    margin-left: -10px;
}

.priceBoxCart h2,
.priceBoxCart h3 {
    font-size: 1.2rem;
}

.methodPay h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.priceBoxCart h3 {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 12px;
}

.priceBoxCart.cartSmallBox .button {
    background: rgb(63, 122, 47) !important;
    background: -moz-linear-gradient(top, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(63, 122, 47, 1) 0%, rgba(25, 63, 14, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f7a2f', endColorstr='#193f0e', GradientType=0) !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.priceBoxCart.cartSmallBox .button span {
    color: #fff !important;
}

.priceBoxCart.cartSmallBox .button:hover {
    background: #4E3396 !important;
}

#opt .form-group {
    margin-top: 30px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

#clientSideErrorsOTP ul.error_items {
    margin-bottom: 0;
    margin-left: 0;
}

.modal-footer.justify-content-between1.modalFooterOTP {
    padding-left: 0;
    padding-right: 0;
}

.modal-footer.justify-content-between1.modalFooterOTP button {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
}

#opt .modal-body {
    padding-bottom: 10px;
}

.modal-title {
    font-size: 20px;
}

.confirmWidth.modal-content {
    width: auto;
    margin: 0 auto;
    max-width: 100%;
}

.row.payPalBox {
    position: relative;
}

.scroll-hide {
    position: fixed;
    bottom: 30px;
    right: 2px;
    z-index: 1;
}

.scroll-hide .button {
    color: #fff !important;
    background: #4e3396b0 !important;
    border: 1px solid #4E3396 !important;
}

.scroll-hide .button:hover {
    color: #fff !important;
    background: #3f7a2f !important;
    border: 1px solid #3f7a2f !important;
}

div#referralInfo .modal-dialog {
    max-width: 300px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

table#pendingLists.dataTable .row_checked_bg {
    background-color: #c9f3d3 !important;
}

table#pendingLists.dataTable td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.braintree-methods--active .braintree-method--active:last-of-type {
    margin-bottom: 0;
    margin-top: 0 !important;
}

.braintree-dropin {

    margin-top: 2px !important;
}

table#upgradePlanTable.table-bordered.dataTable tbody td {
    vertical-align: top;
}

table#upgradePlanTable.table-bordered.dataTable tbody td h4 {
    line-height: normal;
    font-size: inherit !important;
    /* margin-top: -7px; */
}

table#upgradePlanTable.table-bordered.dataTable tbody td h4 a {
    cursor: default;
    color: #0b2e4e;
}

table#upgradePlanTable.table-bordered.dataTable tbody td h4 a span:first-child {
    font-size: inherit !important;
}

table.table-bordered.dataTable tbody td h4 a:hover {
    color: #0b2e4e !important;
}

/* multiSelect css  add */
.ms-container {
    background: none;
    width: 100%;
}

.ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {

    float: left;
    width: 41%;
    height: 320px;

}

.ms-container .ms-devider {
    width: 17.9%;
    float: left;
}

.ms-container .ms-list {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    height: 100%;
    padding: 0;
    overflow-y: auto;
}

.ms-container .ms-selectable {
    /*margin-right: 10%;*/
    height: 320px;
}

.ms-container .ms-list.ms-focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.ms-container .ms-optgroup-container {
    width: 100%;
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0px 0px 5px;
    cursor: pointer;

}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 0px #eee solid;
    padding: 2px 10px;

    font-size: 16px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    cursor: pointer;

    text-decoration: none;

}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {

    cursor: text;
}

/* multiSelect css  end */
.rejectionAdd {
    margin-top: 10px;
    text-align: left;
}

.rejectionAdd input {
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    height: auto;
}

.topLeftBtn .backBtnSm {
    margin-top: 0;
    display: inline-block;
    height: 31px;
    padding: .3rem .75rem;
    line-height: normal;
}

.boxOrderCont {
    display: inline-block;
}

.boxOrderCont input {
    margin-right: 10px;
    margin-left: 10px;
    height: 34px;
}

@media not all and (min-resolution:.001dpcm) {
    @media {

        /* Safari 5+ ONLY */
        input#standard_desc {
            top: -24px;
        }

        input#premium_desc {
            top: -24px;
        }
    }
}

/* ipad css hack */
_::-webkit-full-page-media,
_:future,
:root input#standard_desc,
_::-webkit-full-page-media,
_:future,
:root input#premium_desc {

    top: -24px;

}

_::-webkit-full-page-media,
_:future,
:root .radioBtn input[type="radio"] {
    padding: 2px;
}

/* ipad css hack  end*/
.selectPlanRadio {
    display: inline-block;
    margin-right: 10px;
}

.bootbox.modal.fade.bootbox-confirm.show .modal-content {
    width: 470px;
}

.rejectionAdd button.btn.btn-default {
    margin: 0;
    padding: 5px 10px;
    height: 39px;
}

.cardBoxBg.recentActWelcome.recentActInfo a.recActLink:hover {
    color: #0b2e4e !important;
}

.cardBoxBg.recentActWelcome.recentActInfo a.recActLink {
    cursor: none;
}

.form-group.zipCode label.control-label {
    min-width: 180px;
}

/* payPal box css */
.payPalCcBox .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.payPalCcBox .nav-tabs .nav-link {
    width: 200px;
    border-radius: 4px !important;
    height: 70px;
    color: #0b2e4e;
    line-height: normal;
    position: relative;
    background: #ffffffba;
    border: 2px solid #89af92 !important;
    box-shadow: 0px 0px 8px #999;
}

.payPalCcBox .nav-tabs .nav-link.active {
    /* color: #3f7a2f; */
    background-color: #fff;
    border: 2px solid #3f7a2f !important;
    background: #ffffffba;
}

.payPalCcBox .nav-tabs .nav-link.active .ccNumber,
.payPalCcBox .nav-tabs .nav-link.active .payMentCheck {
    display: inline-block;
}

.payPalCcBox .nav-tabs .nav-link .ccNumber,
.payPalCcBox .nav-tabs .nav-link .payMentCheck {
    display: none;
}

.payPalCcBox .ccNumber {
    font-size: 14px;
    font-weight: bold;
    /* line-height: normal; */
}

.payPalCcBox .ccNumber i.fa {
    margin-right: 6px;
}

.payPalCcBox .payMentCheck {
    position: absolute;
    right: 3;
    top: 3;
}

.payPalCcBox .payMentCheck i {
    color: #3f7a2f;
    border: 2px solid #3f7a2f;
    border-radius: 50%;
    padding: 2px;
    font-size: 12px;
}

.payPalCcBox .tab-content {
    margin-top: 20px;
}

.payPalCcBox .nav-tabs .nav-item:last-child {
    margin-left: 40px;
}

.payPalCcBox .payPalIcon {
    width: 90px;
}

.grid-square {
    cursor: move;

}

.blue-background-class:focus {

    cursor: move;

}

.highlight {}

.blue-background-class .small-box {

    border: 2px double #0b2e4e;
}

label.savecard_align_multi {
    position: absolute;
    bottom: 0;
    top: initial;
}

label.savecard_align {
    position: absolute !important;
    bottom: 0 !important;
    top: initial !important;
}

.verticalLinePP {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.modal-body .verticalLinePP:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.permissionsScroll {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.popUpBody.permissionsScroll {
    padding-top: 20px;
}

#confirmModal:after {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    content: "";
    background: #0606064a;
    z-index: -1;
}

#confirmModal p {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* change password css */
#pswd_info {
    border: 1px solid red;
    border-radius: 4px;
    padding: 10px;
    margin-top: 60px;
}

#pswd_info h4 {
    font-size: 16px;
    font-weight: 600;
}

#pswd_info ul {
    font-size: 16px;
    margin: 0;
    padding-left: 20px;
}

.loginReg #pswd_info {
    margin-top: 20px;
    text-align: left;
    position: absolute;
    top: 0;
    right: -210px;
    width: 200px;
    background: #fff;
    box-shadow: 0 0 18px 0 rgba(25, 42, 70, .5);
    border: 0;
}

.topRightBtn {
    padding: .75rem 1.25rem 0;
}

td.dataTables_empty {
    text-align: center !important;
}

.alert.alert-danger.setPass {
    position: absolute;
    right: -220px;
    width: 210px;
    background: #fff;
    border: 1px solid red;
    top: 58px;
    padding: 10px;
    text-align: left;
}

.loginReg .alert.alert-danger.setPass li {
    text-align: left;
    list-style: disc;
    margin-left: 20px;
}

.loginReg .alert.alert-danger.setPass ul {
    margin: 0;
}

.dataTables_scroll table.dataTable thead .sorting_asc:hover,
.dataTables_scroll table.dataTable thead .sorting_asc {
    background-image: initial !important;
}

.cardBoxBg.recentActWelcome.recentActInfo table.dataTable thead>tr>th,
.cardBoxBg.recentActWelcome.recentActInfo table.dataTable tr>td {
    width: 50% !important;
}

div#strength {
    /* color: #42A813; */
    color: #3f7a2f;
    line-height: 30px;
    text-align: center;
    border: 0;
}

.updownTable table tr td:first-child {
    background: url(../img/up-and-down-arrows.png);
    background-size: 25px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.updownTable table tr:first-child>td:first-child {
    background: url(../img/down-arrows.png);
    background-size: 25px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.updownTable table tr:last-child>td:first-child {
    background: url(../img/up-arrows.png);
    background-size: 25px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.ui-sortable tr.ui-sortable-placeholder {
    background-color: #c6ddbf !important;
    visibility: visible !important;
}

.dataTables_scroll table .ui-sortable tr.ui-sortable-helper {
    background-color: #dcf9d4 !important;
}

div#saveResetBtnSubmenu {
    position: absolute;
    left: 25px;
    top: 60px;
}

#adminSubMenu button.close {
    position: absolute;
    right: 10px;
    top: -3px;
}

div#adminSubMenu .modal-content {
    width: 80%;
}

.table100Per table {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

#updateDescriptionModal.modal .card-body {

    padding: 0px 24px 0px;
}

#updateDescriptionModal .form-group {

    margin-bottom: 0;
}

/* .pricing-divider h3 i  {
    font-size: 18px;
    animation: animate 1.8s linear infinite;
    -webkit-animation: animate 1.8s linear infinite;
}

@keyframes animate {
0% {
    opacity: 0;
}

50% {
    opacity: 0.9;
}

100% {
    opacity: 0;
}
} */

#updateDescriptionModal .modal-content {
    width: 100%;
}

#updateDescriptionModal .modal-content textarea#descriptions_perm {
    padding-left: 10px;
}

.description {
    text-align: left;
}

.iconSelect ul li label i {
    font-size: 24px;
}

.iconSelect ul li label i:hover {
    font-size: 30px;
}

/* #accordion.accordionDb
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\2212";
    float: right;
    color: grey;
}
#accordion.accordionDb
.panel-heading a.collapsed:after {
    content: "";
    background: url(../img/right-arrows.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right 0px bottom 17px;
    width: 40px;
    height: 40px;
}
#accordion.accordionDb
.panel-heading a:after {
    content: "";
    background: url(../img/downa-arrows.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right 0px bottom 17px;
    width: 40px;
    height: 40px;
}
#accordion.accordionDb
.panel-heading a.collapsed:after {
    content: "";
    background: url(../img/right-arrows.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right 0px bottom 17px;
    width: 40px;
    height: 40px;
}
#accordion.accordionDb .panel-heading {
    margin: 0 20px;
    background: #e3e8ec;

        padding: 2px 22px 2px;
        font-weight: 700;
        color: #0b2e4e;
        height: 44px;
    }
    #accordion.accordionDb .panel-heading h4 {
        margin: 8px 0 0 0;
        font-weight: 700;
        font-size: 20px;
    }
    #accordion.accordionDb .panel-heading h4 a {
        display: block;
    }
    #accordion.accordionDb .panel.panel-default{
        margin-bottom: 2px;

    }
    #accordion.accordionDb .card{
        width: 100%;
    } */

/*accordion*/
#accordionExample .card-header {
    margin: 0 20px;
    background: #e3e8ec;
    margin-bottom: 1px;
    padding: 2px 22px 2px;
    font-weight: 700;
    color: #0b2e4e;
    height: 44px;
}

#accordionExample .card-header button.btn.btn-link {
    display: block;
    width: 100%;
    text-align: left;
    color: #0b2e4e;
    font-size: 20px;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;

}

#accordionExample .card-header button.btn.btn-link i {
    float: right;
    font-size: 32px;
}

#accordionExample table#system-notes tr td:first-child {
    padding-left: 30px;
}

#accordionExample table#system-notes tr.impNote td:first-child:before {
    left: 8px;
}

#accordionExample .modal .card-header {
    /* padding: 7px 0 20px 0; */
    background: #3f7a2f;
    border-radius: 2px 2px 0 0;
    padding: 6px 10px !important;
    color: #fff;
    font-size: 18px;
    margin: 0;
    height: auto;
}

.checkbox.sendCheckBox {
    margin-bottom: 0;
}

.checkbox.sendCheckBox label {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: top !important;
}

#notesAdd .modal-content {
    min-width: 330px;
    width: 100%;
    margin: 0 auto;
}

#userDropdown #accordionExample {
    padding: 0;
}

#userDropdown #accordionExample .card-header {
    margin: 0;
    height: auto;
}

/* Subscription Plans new color */
/*Subscription Plans new color 1*/
/*
 .priceBoxOther .featuresList .pricing-divider {
    background: #ac019d;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #b726aa;
    background: #e959dd;
    border: 1px solid #c963c0;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 10px #ac019d;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: #cb56c0;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #ac019d;
}
.list-unstyled li {
    border-bottom: 1px solid #e68fde;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen h2 {
    color: #ac019d;
}
*/


/*Subscription Plans new color 2*/
/*
.priceBoxOther .featuresList .pricing-divider {
    background: #ac019d;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #821178;
    background: #c963c0;
    border: 1px solid #c963c0;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 30px #ac019d;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: #79096f;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #ac019d;
}
.priceBoxOther .featuresList .list-unstyled li.subMoreInfo {

}
.list-unstyled li {
    border-bottom:1px solid #c92fbb;
}
.princing-item.tier11.featuresList .scroller-content{
    background: rgb(255,181,249)!important;
    background: linear-gradient(180deg, rgba(255,181,249,1) 0%, rgba(223,62,209,1) 100%)!important;
} */


/*Subscription Plans new color 3*/
/*
 .priceBoxOther .featuresList .pricing-divider {
    background: #fd6701;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #ba6a33;
    background: #e08d57;
    border: 1px solid #fd6701;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 10px #fd6701;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: #b37449;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #fd6701;
}
.list-unstyled li {
    border-bottom: 1px solid #fd6701;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen h2 {
    color: #8e400b;
}
*/

/*Subscription Plans new color 4*/
/* .priceBoxOther .featuresList .pricing-divider {
    background: #fd6701;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #8b3e09;
    background: #cb8a5f;
    border: 1px solid #fd6701;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 30px #fd6701;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: #8e400b;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #fd6701;
}
.list-unstyled li {
    border-bottom: 1px solid #fd6701;
}
.princing-item.tier11.featuresList .scroller-content{
    background: rgb(255,196,155)!important;
background: linear-gradient(180deg, rgba(255,196,155,1) 0%, rgba(255,133,50,1) 100%) !important;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen h2 {
    color: #146c7c;
}
 */


/*Subscription Plans new color 5 top text color change*/
/*
 .priceBoxOther .featuresList .pricing-divider {
    background: #146c7c;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #349baf;
    background: #36c7e2;
    border: 1px solid #36c7e2;
    color: #fff;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 10px #36c7e2;
}

.priceBoxOther .featuresList .list-unstyled h2 {
    color: #469aa9;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #36c7e2;
}
.list-unstyled li {
    border-bottom: 1px solid #36c7e2;
}
.priceBoxOther .premiumBox .pricing-divider h3 {

    color: #1c4a0f!important;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen h2 {
    color: #146c7c;
}
*/

/*Subscription Plans new color 6*/
/* .priceBoxOther .featuresList .pricing-divider {
    background: #146c7c;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #36c7e2;
    background: #36c7e2;
    border: 1px solid #36c7e2;
    color: #146c7c;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 30px #36c7e2;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: #146c7c;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #36c7e2;
}
.list-unstyled li {
    border-bottom:1px solid #3996a7;
}
.priceBoxOther .premiumBox .pricing-divider h3 {

    color: #1c4a0f!important;
}
.princing-item.tier11.featuresList .scroller-content{
    background: rgb(146,238,255)!important;
    background: linear-gradient(180deg, rgba(146,238,255,1) 0%, rgba(41,166,189,1) 100%)!important;
}
*/



/*Subscription Plans new color 7 top text color change*/
/*.priceBoxOther .featuresList .pricing-divider {
    background: #831053;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #831053;
    background: #d95da5;

    border: 1px solid #831053;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 10px #831053;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: #b33d82;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #831053;
}
.list-unstyled li {
    border-bottom: 1px solid #ebb7d5;
}
.priceBoxOther .premiumBox .pricing-divider h3
{
    background: rgb(146,241,120);
background: linear-gradient(180deg, rgba(146,241,120,1) 0%, rgba(63,122,47,1) 100%);
}
.priceBoxOther .pricing-divider h3
{
    background: rgb(168,141,240);
background: linear-gradient(180deg, rgba(168,141,240,1) 0%, rgba(78,51,150,1) 100%);
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen h2 {
    color: #84255c;
}
*/


/*Subscription Plans new color 8 top text color change*/
/*
.priceBoxOther .featuresList .pricing-divider {
    background: #792f7a;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #792f7a;
    background: #a551a6;

    border: 1px solid #792f7a;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 10px #792f7a;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: #ad5fae;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #831053;
}
.list-unstyled li {
    border-bottom: 1px solid #ebb7d5;
}
.priceBoxOther .premiumBox .pricing-divider h3
{
    background: rgb(146,241,120);
background: linear-gradient(180deg, rgba(146,241,120,1) 0%, rgba(63,122,47,1) 100%);
}
.priceBoxOther .pricing-divider h3
{
    background: rgb(168,141,240);
background: linear-gradient(180deg, rgba(168,141,240,1) 0%, rgba(78,51,150,1) 100%);
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen h2 {
    color: #a33ca4;
}
*/

/*Subscription Plans new color 9 top text color change*/
/* .priceBoxOther .featuresList .pricing-divider {
    background: #a23015;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #a23015;
    background: #cb6953;

    border: 1px solid #a23015;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 30px #a23015;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: #b36654;
}
.featuresList .sidebar {
    box-shadow: inset 0 0 30px #a23015;
}
.list-unstyled li {
    border-bottom: 1px solid #ebb7d5;
}
.priceBoxOther .premiumBox .pricing-divider h3
{
    background: rgb(146,241,120);
background: linear-gradient(180deg, rgba(146,241,120,1) 0%, rgba(63,122,47,1) 100%);
}
.priceBoxOther .pricing-divider h3
{
    background: rgb(168,141,240);
background: linear-gradient(180deg, rgba(168,141,240,1) 0%, rgba(78,51,150,1) 100%);
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen h2 {
    color: #94361f;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inset 0 0 10px #ca4224;
    border-bottom: 1px solid #c3583f;
}
*/
/*Subscription Plans new color 10 top text color change*/
/*
.priceBoxOther .featuresList .pricing-divider {
    background: #5d5e5d;
}
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #999c99;
    background: #999c99;
    border: 1px solid #999c99;
}
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inherit;
    background: #edebeb!important;
}
.priceBoxOther .featuresList .list-unstyled h2 {
    color: rgb(51, 51, 51);
}
.featuresList .sidebar {
    box-shadow: inherit;
    background: #fff!important;
} */
/*Subscription Plans new color 11 top text color change*/
/* .priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #999c99;
    background: #797979;
    border: 1px solid #999c99;
} */

/* .priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #999c99;
    background: #797979;
    border: 1px solid #999c99;
} */
.priceBoxOther .featuresList .pricing-divider .featureAni {
    box-shadow: 0 5px 0px 0px #d8d8d8;
    background: #eeeeee;
    border: 1px solid #e2dede;
    width: 100%;
    color: #474747;
}

/* .priceBoxOther .featuresList .list-unstyled li:nth-child(odd) {
    background: #e0e0e0!important;
} */
.priceBoxOther .featuresList .list-unstyled li:nth-child(odd) {
    background: #fff !important;
}

/* .featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inherit;
    background: #ababab!important;
} */
.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inherit;
    background: #f7f7f7 !important;
}

/* .priceBoxOther .featuresList .list-unstyled h2 {
    color: rgb(51, 51, 51);
} */
.priceBoxOther .featuresList .list-unstyled h2 {
    color: rgb(51 51 51 / 70%);
}

.priceBoxOther .featuresList .card-body {
    box-shadow: none !important;
    border: 1px solid #ccc;
}

.featuresList .list-unstyled li.subMoreInfo.subMoreInfoOpen {
    box-shadow: inherit;
    background: #f0f0f0 !important;
    border-left: 0;
    border-top: 0;
}

.featuresList .sidebar {
    box-shadow: inherit;
    background: #fff !important;
}

.priceBoxOther .featuresList .pricing-divider {
    border-radius: 10px 10px 0px 0px;
    padding-top: 44px;
    overflow: initial;
    background: #9e9e9e;
    padding-bottom: 10px;

}

.priceBoxOther .featuresList .list-unstyled li.subMoreInfo:hover {
    background: #e0dfdf !important;
}

/*Subscription Plans new color 11 top text color change end*/
#addAffixJobTitle select#industry_name {
    padding-left: 10px;
    padding-right: 34px;
}

.systemNotes {
    margin-right: -50px;
    margin-top: 1px;
}

span.dogDr.dropdownReportR {
    display: inline-block;
}

.topBackBtn {
    margin-top: 10px;
}

.nav-sidebar .menu-open .nav-treeview>.nav-item>.nav-link.actNav>.nav-icon {
    color: #fff;
}

#descriptionInfo .modal-content {
    width: 100%;
    margin: 0 auto;
}

.viewProfile .upDownArrow {
    text-align: center;
    color: #0b2e4e;
    font-size: 30px;
    line-height: 17px;
    display: inline-block;
    margin-top: 7px;
    cursor: pointer;
    margin-right: 0;
}

.viewProfile a.upDownAction {
    margin-right: 0;
}

.work_experience_item.userInof.viewProfile .table-responsive {
    padding: 0 20px;
}

a.starred-icon.archivedStar {
    cursor: inherit;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #3f7a2f00 !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {

    border-bottom-color: #3f7a2f !important;
}

/* body.sidebar-mini.sidebar-collapse .tooltip.show {
    left: 0 !important;
} */

.specialtyPrimaryText {
    color: #0b2e4e !important;
}

div#userListCont {
    margin-bottom: 30px;
}

.generatePass.form-group div#strengthWrapper {
    margin-bottom: 44px;
}

.modalCheckbox .checkbox label,
.modalCheckbox .form-radio label {
    display: inline-block;
}

.verifyAvai {
    display: inline-block;
}

.systemSub {
    width: 300px !important;
}

#user_list_cont ul {
    padding-left: 10px;
    max-height: 300px;
    overflow: auto;
    width: 100%;
}

.modal .card-header.popOtherTitle button.close {
    color: #fff;
    opacity: 1;
    line-height: 20px;
}

/* .table-responsive.esPacketForms {
    max-height: 380px;
} */
.table-responsive.esPacketForms .dataTables_wrapper .dataTables_scroll {
    overflow: auto;
    max-height: 340px;
}

.assigToUsersPopup .col-sm-12.col-md-6:first-child {
    display: none;
}

.assigToUsersPopup #formsAssigned_filter {
    float: left;
}

.assigToUsersPopup .modal-content {
    width: 76%;
}

.popUpBody.popUpCloseBtnTop {
    position: relative;
}

.popUpBody.popUpCloseBtnTop #addClose {
    position: absolute;
    right: 0;
    top: -11px;
    padding: 1px 10px;
    height: auto;
    z-index: 1;
}

div#expSubs .modal-content .checkbox.checkBoxInline label {

    display: inline-block;
}

#canceSubscriptionForm span#err_cancel_reason {
    margin-top: 16px;
}

.ooopsInfo {
    width: 50%;
    text-align: center;
    margin: 12% auto 100px;
}

.ooopsInfo h4 {
    font-size: 40px;
}

.ooopsInfo a {
    color: #3f7a2f;
}

.ooopsInfo a:hover {
    color: #212529;
}

.archiveBtn.assignCsBtn {
    margin-top: 4px;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumb {
    display: block;
    width: 100%;
    background: none;
    margin: 0;
    float: left;
    padding: 0;
    font-size: 14px;
    margin-bottom: 10px;
}

.breadcrumb li {
    display: inline-block;
}

li.breadcrumb-item a {

    color: #3f7a2f;
}

li.breadcrumb-item a:hover {

    color: #0b2e4e !important;
}

.commentDoc span.topUserPic {
    float: left;
}

.commentDoc h2.card-title {
    display: block;
    float: inherit;
    margin-bottom: 20px;
}

.commentDoc .media-body {
    margin-left: 50px;
}

.cardBoxBg.otherCaradBg.noteBtnBtm.commentDoc {
    margin-bottom: 30px;
}

.greenLink {
    color: #3f7a2f !important;
}

.greenLink:hover {
    color: #0b2e4e !important;
}

.viewAllBtn {
    font-weight: bold;
}

.formCategoriesList {
    background: #f4f4f4;
    padding: 10px;
}

.formCategoriesList h2.card-title.pageTitle {
    float: inherit;
    margin: 4px 0px 6px;
}

.formCategoriesList ul {
    margin: 0;
    padding: 0;
}

.formCategoriesList ul li {
    list-style: none;
    display: block;
    border-bottom: 1px solid #acacac;
}

.formCategoriesList ul li:last-child {

    border-bottom: 0px solid #acacac;
}

.formCategoriesList ul li a {
    display: block;
    padding: 4px 20px 4px 10px;
    position: relative;
}

.formCategoriesList ul li:hover,
.formCategoriesList ul li.act {
    background: #3f7a2f;
    display: block;
    color: #fff !important;

}

.formCategoriesList ul li:hover a,
.formCategoriesList ul li.act a {
    color: #fff !important;
}

.formCategoriesList ul li a i {
    position: absolute;
    right: 4px;
    top: 9px;
}

.formsTableList .dataTables_scrollHead {
    overflow: inherit !important;
}

.formsTableList .dataTables_scrollHeadInner {
    width: 1250px !important;
}

.formsTableList .dataTables_scrollBody {
    width: 1250px !important;
}

.categoryName.categoryNameCont {
    padding: 0;
    z-index: 0;
    left: 10px;
}

.name_cat_edit {
    position: relative;
    line-height: normal;
}

.name_cat_edit .categoryName.categoryNameCont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 4px;
    background: #fff;
}

.name_cat_edit .categoryName.categoryNameCont select.categoryDropdown {
    max-width: 100%;
    width: 100%;
}

.editPacket.editPacketBtn {
    position: initial !important;
}

.noConversation {
    display: block;
    text-align: left;
}

.assignUsersPkt {
    position: absolute !important;
    right: 0;
    z-index: 10;
    top: 0;
}

.formCategoriesList ul li {
    list-style: none;
    display: block;
    border-bottom: 1px solid #acacac;
    position: relative;
}

.packetActionIcons {
    position: absolute;
    right: 0;
    width: 100px;
    top: 0;
}

.formCategoriesList ul li .packetActionIcons a {
    display: inline;
}

.formCategoriesList ul li a.formCateLink {
    padding-right: 110px;
}

.searchaddforms {
    margin-bottom: 20px;
}

.formCategoriesList li.act .packetActionIcons i.defPckt,
.formCategoriesList li:hover .packetActionIcons i.defPckt {
    display: inline-block !important;
    padding-left: 10px !important;
    padding-top: 0px !important;
    vertical-align: bottom !important;
    color: #fff !important;
}

.packetActionIcons>i.fa.fa-check-circle-o:last-child {
    position: absolute;
    right: 14px;
    top: 9px;
}

.formCategoriesList li .packetActionIcons i.defPckt {
    display: inline-block !important;
    padding-left: 10px !important;
    padding-top: 0px !important;
    vertical-align: bottom !important;
    position: absolute;
    right: 16px;
    top: 27px;
}

i.defPckt {
    position: relative;
}

i.defPckt:after {
    content: "DEF";
    position: absolute;
    left: 0;
    width: 30px;
    border: 1px solid #3f7a2f;
    height: 22px;
    bottom: -3px;
    font-style: normal;
    color: #fff !important;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    border-radius: 4px;
    line-height: 23px;
    background: #3f7a2f;
}

#cancellationRequest .respCust,
#otherTransactionHistory .respCust {
    max-width: 200px;
}

#menulist tbody tr td {
    cursor: move;
}

#menulist tbody tr td:first-child {
    cursor: default;
}

span.iconLink.checkIcon label {
    margin-right: 20px;
}


/*table header css start*/
.wrapper1,
.wrapper2 {
    border: none 0px RED;
    overflow-x: scroll;
    overflow-y: hidden;
}

.wrapper1 {
    height: 20px;
}

.div1 {
    min-width: 1400px;
    height: 20px;
}

.div2 {
    min-width: 1400px;
    /* background-color: #88FF88; */
    overflow: auto;
}

.wrapper1.fixed {
    width: 100%;
    position: sticky;
    top: 66px;
    height: 20px;
    z-index: 1;
}

/*table hader css end*/
a.subMenuClass {
    color: #0b2e4e !important;
}

a.subMenuClass:hover {
    color: #3f7a2f !important;
}

.specialtiesList {
    max-height: 170px;
}

.bootbox.modal.fade.bootbox-confirm.show button.bootbox-close-button.close {
    display: block;
}

.card-header button.close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 0;
}

.card-title.popUpTitle {

    margin-bottom: 0;
}

.autoSave {
    margin-top: -20px;
    margin-bottom: 0;
    /* text-align: right; */
    color: #4E3396;
    font-size: 15px;
    font-weight: bold;
}

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

.modal .formPopUp.uploadResumePop .form-group.specialFromGroup {
    margin-bottom: 10px;
}

li.nav-item.activityTop {
    margin-right: 10px !important;
}

li.nav-item.activityTop a {
    color: #fff;
    /* animation: fadeIn  ease 3s;  */
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;

}

/* li.nav-item.activityTop a i{
        color: #fff;
        animation: fadeIn  ease 3s;
    }  */
li.nav-item.activityTop a:hover {
    color: #0b2e4e !important;
}

li.nav-item.activityTop a i {
    font-size: 22px;
    padding: 3px;
    margin-top: 5px
}

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

li.nav-item.loginTop a.dropdown-item:hover {
    color: #fff !important;
}

li.nav-item.loginTop {
    margin-right: 10px !important;
}

li.nav-item.loginTop a {
    color: #fff;
    animation: fadeIn 1s;
}

li.nav-item.loginTop a:hover {
    color: #0b2e4e !important;
}

li.nav-item.loginTop a i {
    font-size: 22px;
    padding: 3px;


}

li.nav-item.loginTop button.btn.btn-secondary.dropdown-toggle {
    padding: 0;
    margin: 0;
}

li.nav-item.loginTop button.btn.btn-secondary.dropdown-toggle i {
    font-size: 24px;
    line-height: normal;
    margin-top: 5px
}

li.nav-item.loginTop button.btn.btn-secondary.dropdown-toggle::after {
    content: initial;
}

li.nav-item.loginTop .dropdown-menu.show {
    top: 55px;
}

li.dropdown.user.user-menu.show ul.dropdown-menu.show {
    margin-top: 14px;
}

.CongratulationBox button.close {
    color: #0b2e4e;
}

.specInformation .select2-selection__rendered {
    display: block !important;
    max-height: 170px;
    overflow-x: auto;
    padding-bottom: 10px !important;
}

.specialtiesList {
    max-height: initial;
}

#search-result ul li .searchInfo li span {
    padding-left: 0;
    padding-right: 0;
}

#search-result ul li .searchInfo li span {
    padding-left: 0;
    padding-right: 0;
}

#search-result ul li .searchInfo li span img.user-image {
    max-width: 100%;
}

.viewPerRolModal .card-header.popOtherTitle.popUpTitleBrd {
    margin-bottom: 0;
    padding-bottom: 0;
}

/*new changes 02-01-2024*/
.loginReg .login-inner-form h2 {

    font-weight: 600;
    color: #0b2e4e;
}

.loginBox .checkbox label,
.forgotPass {
    margin-right: 7px;
    color: #0b2e4e;
    font-size: 1rem !important;
}

/* .form-group input, .form-group select, .form-group-fileUpload .fileUpload {

        height: 42px;
    } */
.form-group-fileUpload .fileUpload {
    padding-top: 3px;
    padding-left: 4px;
    padding-bottom: 3px;
}

/* .form-group .iconInput {
        top: 12px;
    }
    .toggle-password {
        top: 38px;
    } */
span.nav-link.menuBars {
    margin-top: 7px;
    line-height: normal;
    height: 10px;
}

/* .small-box .icon {

        top: 10px;
        right: 10px;
        font-size: 40px;
    } */
.form-group input,
.form-group textarea {
    padding: 6px 10px 6px 30px;
}

.page-item.active .page-link {
    background: none !important;
    color: #4E3396 !important;
    font-weight: bold;
    border: 0 !important;
}

.page-item.disabled .page-link,
.page-item .page-link {
    background: none;
    color: #000;
}

.pagination li.paginate_button.page-item.next.disabled a.page-link,
.pagination li.paginate_button.page-item.previous.disabled a.page-link {

    border: 0px solid #3f7a2f;
}

.nav-sidebar>.nav-item .nav-icon {
    color: #0b2e4e;
}

/* .iconInput.inputPhoneIcon.fa-phone-alt {
        top: 8px;
    } */
/* .iconInput.inputPhoneIcon.fa-phone-alt span {
        top: 5px;
    } */
/* .form-group .iconInput {
        top: 14px;
        font-size: 16px;
    } */
/* .cancelBtnB.btn.btn-default, .bottomBtn button, .button, .btn-default {

        height: 32px;
        padding: .1rem .75rem;
    } */
.form-group input,
.form-group textarea,
.form-group select {
    padding: 6px 10px 6px 40px;
}

.iconInput.inputPhoneIcon.fa-phone-alt span {
    left: 31px;
}

.form-group input.mobNumber {
    padding-left: 94px;
    padding-top: 8px;
}

a.userDropdownIcon {

    width: 50px;

    height: 32px;
    padding-top: 8px;

    line-height: normal;
}

a.userDropdownIcon i {
    line-height: 30px;
}

/* .modal-footer.footerOtherBtn .btn.btn-default {
        line-height: normal;
    } */
/* .modal-footer .btn.btn-default {
        padding: .1rem .75rem;
    } */
span.nav-link.menuBars img {
    max-width: 26px;
    margin-top: -11px;
}

.expiringUploadBtn input.delIndustries {
    height: 32px;
    vertical-align: top;
    margin-top: 0;
    margin-left: 0;
    line-height: normal;
}

/* .addDocBtn.headerBtn {
        height: 32px;
        display: inline-block;
    } */
/* .form-group input[type="file"] {
        line-height: normal;
        height: 32px;
        padding: .1rem .75rem;
    } */
/* .btn.btn-success.fileinput-button {
        height: 32px;
        width: 100px;
        line-height: 20px;
    } */
/* .navbar-nav>.user-menu>.dropdown-menu>.user-footer .button {
        margin: 0;
        height: 32px;
        display: inline-block;
        line-height: 28px;
    } */
.alert.alert-warning.alert-dismissible .btn-default {
    font-size: 19px;
}

/* .tabMenuSub .nav.nav-pills li a {
        padding: 6px 20px !important;
    } */
/* button.btn.button.bootbox-accept {
        line-height: normal;
    } */
/* a.button {
        display: inline-block;
    } */
.content-header {
    padding: 11px .5rem 15px;
}

.recentAct h2 {
    font-weight: bold;
}

.cardBoxBg.recentActWelcome.recentActInfo table.dataTable thead>tr>th:last-child,
.cardBoxBg.recentActWelcome.recentActInfo table.dataTable tr>td:last-child {
    width: 27% !important;
}

.modal .card-header {
    border-radius: 4px 4px 0 0;
}

.form-group.ssnField .toggle-password {

    top: 30px;
}

table#pendingLists.dataTable td {
    font-size: 16px;
}

table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting_asc_disabled,
table.dataTable thead>tr>th.sorting_desc_disabled,
table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting_asc_disabled,
table.dataTable thead>tr>td.sorting_desc_disabled {

    font-size: 18px;
}

.dropdownReportR a#dropdownMenuLink:hover,
#dropdownMenuLink.dropdown-toggle:hover,
section.content.adminUserMenu a#userDropdownIcon:hover {
    background: #4E3396 !important;
    color: #fff !important;
}

.card-header.otherHeader h1.card-title.activitiesLastH3.h3.bullhornH3 {
    font-size: 18px;
}

.activitiesLast .activitiRole {
    font-size: 18px;
    font-weight: bold;
}

.list-unstyled {

    height: 330px;
}

#menulist .description {
    text-align: left;
    line-height: normal;
}

#menulist tbody tr td {
    cursor: move;
    padding-bottom: 5px;
    padding-top: 12px;
}

.altEmailAddress {
    left: 200px;
}

.permissionsScroll {
    max-height: 500px;
}

.work_experience_item .remove_me {

    margin-right: 14px;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 19px;
}

.table .iconLink {
    margin-right: 8px;
    padding-bottom: 0;
}

.ipadTable td:first-child a {

    line-height: normal;
}

.formCategoriesList {
    background: #e6e9ed;
    padding: 10px;
}

.card-default .nav-item:first-child .nav-link.active {
    border-left: 1px solid #dee2e6;
}

.nav-tabs .nav-link:hover {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    padding: 5px 20px;
}

.nav-tabs .nav-link:hover {
    border-bottom: 2px solid #fbfbfd;
    border-left: 1px solid #dee2e6 !important;
}

table .checkIcon {
    color: #0b2e4e !important;
    margin-right: 10px;
}

.accordionDb .card-body {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
}

.accordionDb .card.card-default {
    margin-top: 0;
    padding-top: 0;
}

.accordionDb .card.card-default .card-body {
    padding-top: 0;
}

.uploadBtn button.btnBg.button {
    width: auto !important;
}

.alert.alert-warning.alert-dismissible.progressBar {

    margin-top: 20px;
}

section.content-header.fillOutOn {
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover {
    width: 340px;
}

span.nav-link.menuBars {
    margin-top: 6px;
    height: auto;
}

.navbar-expand .navbar-nav .nav-link.menuBars {

    vertical-align: middle;
    display: list-item;
}

.dropdown.dropDownAllAct {
    display: inline-block;
    vertical-align: middle;
}

label.control-label.altEmailAddress {
    margin-left: 173px;
}

a#dropdownMenuLink.button.float-right.dropdown-toggle {
    height: 32px;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 15px;
}

.masq_dropdown.dropdown .dropdown-menu.masq_dropdown_menu.show {
    width: auto;
    right: 17px;
    left: inherit !important;
}

.changePass {

    text-decoration: underline;
}

.userDropdown .card i.useMenuArrowL.fa {
    left: 11px;
}

.form-group.fileUploadInfo {
    margin-bottom: 0;
}

.form-group.fileUploadInfo .row.fileupload-buttonbar.emailFileUpload {
    margin-bottom: 0;
}

.card-title li .h3SpanNormal {
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}

a.button.addDocBtn.headerBtn.addUser {
    vertical-align: bottom;
    line-height: 30px;
}

.card-title {
    width: calc(100% - 60px) !important;
}

.card .cardBoxBg.cardBoxcollapsible .work_experience_item {
    margin-bottom: 1px;
}

#notifications li.media.bold_li {
    padding-bottom: 10px;
}

#notifications li.media.bold_li .media-body {
    margin-top: 4px;
}

#activities ul.list-unstyled.notesList p {
    margin-bottom: 0;
}

.card-header.otherHeader h1.card-title.activitiesLastH3.h3.bullhornH3 {
    font-size: 18px;
    display: inline;
}

.bullhornBtnSlider {
    margin-top: 14px;
}

.bullhornBtnSlider i {
    padding: 0 10px;
    font-style: normal;
}

.bullhornBtnSlider .dismiss {
    text-align: left;
}

.bullhornSelect .card-title.activitiesLastH3.h3.bullhornH3 {
    display: inline-block;
    width: auto !important;
    margin-right: 12px;
}

.bullhornSelect .card-title.activitiesLastH3.h3.bullhornH3 select#days {
    min-width: 160px;
    display: block;
    margin-top: 1px;
    padding-top: 6px;
}

.bullhornSelect .activitiesLast select.selectInfo {

    padding: 6px 10px 4px 10px;

}

.bullhornSelect span.activitiRole {
    display: block;
}

.bullhornSelect span.userPullPush {
    font-size: 18px;
}

.documentsAppoval.docApprove.bullhornPushTab .card-header.otherHeader {
    margin-top: 0;
}

.emailAddInfo span.emailPrimary {

    position: absolute;
    left: 122px;
    top: -29px;
}

.form-group.specInformation .select2-selection__rendered {

    padding-bottom: 4px !important;
}

.bullhornPullPush span.userPullPush {
    margin-left: 10px;
    vertical-align: middle;
}

.filterBtn.bullhornFilter input#filteractivities {

    height: 30px;

    vertical-align: baseline;
}

.bullhornPullPush select#status.selectInfo {
    vertical-align: top;
    height: 29px;
    padding-top: 3px;
}

.bullhornPullPush select#days {
    height: 31px;
    vertical-align: initial;
}

.bullhornBtnSlider button.button span,
.bullhornBtnSlider .notification-container.dismiss a {
    color: #0b2e4e !important;
    font-size: 18px;
}

div#userDropdown #accordionExample.accordion.accordionDb {
    margin-bottom: 0px;
}

.page-item.disabled .page-link,
.page-item .page-link {

    padding: 4px;
    height: 30px !important;
}

.page-item.active .page-link {
    background: #4E3396 !important;
    color: #fff !important;

    height: 30px !important;
}

#strengthSection {
    margin-top: 20px;
}

.generatePass.form-group div#strengthWrapper {
    margin-bottom: 34px;
}

.alert-success {

    font-size: 18px !important;
}

.archivTopBtn {
    text-align: right;
}

.mobileResTable.ipadTable p {
    line-height: normal;
    vertical-align: sub;
}

.mobileResTable.ipadTable .dtr-data p {
    margin: 0;
    line-height: normal;
}

button,
input,
optgroup,
select,
textarea {
    font-family: 'Questrial', sans-serif;
}

.cardBoxBg.otherCaradBg,
.cardBoxBg.userProfileCard,
.cardBoxBg.otherPerInfo {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

a.updateTimeTaken:hover {
    color: #4E3396 !important;
}

.addDocBtn.headerBtn {

    height: 32px;
    line-height: normal;
}

.filterBtn.bullhornFilter input#filteractivities {
    height: 32px !important;
}

.emiPlan ul li:hover label {
    cursor: text !important;
}

.modal-footer.justify-content-between1.footerOtherBtn.footerPdL7.editSubscFooter {
    margin-bottom: 0;
    padding-bottom: 0;
}

.fotterBtm {
    margin-bottom: 0;
    padding-bottom: 0;
}

.modal-footer.justify-content-between1.footerOtherBtn.footerPdL7.sendMailFooterBtn.fotterBtm {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 8 !important;
}

.modal-footer.justify-content-between1.footerOtherBtn.footerPdL7.sendMailFooterBtn.fotterBtm #id_frm_submit {
    margin-top: 0 !important;


}

.cardBoxBg.recentActWelcome.userWlcInfo .upLoadIcon {
    margin-top: 0;
    vertical-align: inherit;
}

p#parsingErrorMsg {
    margin-top: -20px;
    margin-bottom: 45px;
}

input[type='file'] {

    cursor: pointer;
}

div#ORStrip {
    border-radius: 4px;
}

.multiselectPackets {
    padding: 0;
}

.multiselectPackets .ms-container {
    background: none;
    width: 100%;
}

.multiselectPackets .ms-container .ms-selectable {
    /* margin-right: 10%; */
    height: 320px;
    max-width: 41.666667%;
    width: initial;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.multiselectPackets .ms-container .ms-selectable {
    /* margin-right: 10%; */
    height: 320px;
    max-width: 41.666667%;
    width: initial;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.multiselectPackets .ms-container .ms-selectable,
.multiselectPackets .ms-container .ms-selection {
    float: left;
    width: 100%;
    height: 320px;
    max-width: 41.666667%;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.multiselectPackets .ms-container .ms-devider {
    max-width: 16.666667%;
    width: 16.666667%;
}

input[type="checkbox"] {
    accent-color: #3f7a2f;
}

.ipadTable td:first-child a {
    color: #3f7a2f;
}

.ipadTable td:first-child a:hover {
    color: #4E3396 !important;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {

    font-size: 19px;
}

table#pendingLists.dataTable td {
    font-size: 19px;
}

.cardBoxBg.recentActWelcome.userWlcInfo .upLoadIcon {
    margin-top: 0;
    vertical-align: middle;
}

.uploadDocBtn a.button.addDocBtn.headerBtn {
    height: 42px;
    display: inline-block;
    line-height: 30px;
}

.userVha.userVhaLB .personalCollap {
    border-right: 1px solid #ccc;
    border-radius: 4px;
}

.goToPackets {
    text-decoration: underline;
}

@media not all and (min-resolution:.001dpcm) {
    @media {

        span.fa.fa-fw.fa-eye.field-icon.toggle-password {
            display: none;
        }

    }
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3f7a2f;
    color: white;
}

.select2-container--default .select2-dropdown {
    border: 1px solid #323232;
}

.sidebar-mini.sidebar-collapse .nav.nav-pills.nav-sidebar.flex-column .nav-link:hover i {
    color: #fff !important;
}

button.close.closePopUpbox {
    position: absolute;
    right: 10px;
}

.emiPlan input[type=radio] {

    cursor: pointer;
}

input[type=radio] {

    cursor: pointer;
}

table tr td a,
table .checkIcon {
    color: #3f7a2f !important;
}

table tr td a:hover,
table .checkIcon:hover {
    color: #4E3396 !important;
}

a.user_link.es_form_submit.nextAct {
    color: #fff !important;

}

.form-group.ssnField input#ssn-field {
    padding-right: 40px;
}

table.dataTable thead>tr>th.sorting_asc.sortingAscNone {
    cursor: auto;
}

table.dataTable thead>tr>th.sorting_asc.sortingAscNone:before,
table.dataTable thead>tr>th.sorting_asc.sortingAscNone:after {
    display: none;
}

textarea {
    resize: none !important;
}

.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus,
.form-control:focus {

    border-color: rgba(82, 168, 236, 0.8) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    outline: 0;
    outline: thin dotted \9;
}

.list-unstyled li {
    word-break: break-all;
}

.breadcrumb-item.active {
    color: #4E3396;
}

.cardBoxBg a:focus {
    color: #3f7a2f !important;
}

.userVha.userVhaLB .personalCollap:focus {
    border-color: rgba(82, 168, 236, 0.8) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    outline: 0;
    outline: thin dotted \9;
}

.addTocartBtnb {
    text-align: center;
}

.navbar-expand .navbar-nav .nav-link.menuBars {
    vertical-align: bottom;
    display: inline-block;
}

a.goToForms {
    color: #3f7a2f;
}

a.goToForms:hover {
    color: #4E3396 !important;
}

a.goToForms i {
    vertical-align: middle;
}

.ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
.ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    position: relative;
    padding-left: 55px !important;
    padding-right: 40px;
}

.featureTitleF p.description {
    text-align: left;
}

a.btn.btn-default.cancelBtnB.actNav:focus {
    color: #fff !important;
}

.adaLabel {
    font-size: 0;
    line-height: 0;
}

.badge-success {
    color: #fff;
    background-color: #3f7a2f;
}

input#checkAll:focus,
input[type="checkbox"]:focus {
    border-color: rgba(82, 168, 236, 0.8) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    outline: 1px solid rgba(82, 168, 236, 0.8) !important;
}

a.button.addDocBtn.headerBtn.addAffixJobTitle {
    margin-top: -3px;
    display: inline-block;
}

.downloadDrop .dropdown {
    margin-top: -3px;
}

.dropdownReportR {
    text-align: right;
    margin-top: 0px;
}

table#pendingLists.dataTable td {
    text-align: left;
}

.timeSelect .timePeriod .form-group select {
    padding: 4px 0 5px 32px;
}

.masqueradeReports h3,
.currentMasqReport h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    color: #0b2e4e;
}

.currentMasqReport h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #0b2e4e;
}

.currentMasqReport .grid-square h3 {
    color: #fff;
}

.masqueradeReports ul {
    margin: 0;
    padding: 0 0 0px 2px;
    font-size: 16px;
}

.masqueradeReports ul li {
    color: #3f7a2f;
    display: inline-block;
    font-size: 18px;
    margin-right: 20px;
}

.masqueradeReports ul li i {
    color: #4E3396;
}

/* .masqueradeReports ul li:first-child {
    color: orange;
} */

/* .masqueradeReports ul li:last-child {
    color:#3f7a2f;
} */
/* .currentMasqReport {
    background: #fff;
    padding: 20px 10px 0px 10px;
    margin: 0px 20px 20px 20px;
    border: 1px solid #e2e2e2;
} */
/* .currentMasqReport .adminuser .col-lg-3 {
    flex: 0 0 25%!important;
    max-width: 25%!important;
} */
.currentMasqReport .small-box .inner {
    height: 140px;
}

.currentMasqReport .grid-square h3 {
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*remove for this*/
.masqueradeReports ul {
    margin: 0 0 0px 0px;
    padding: 0px 0 0px 0px;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 5px;
}

.masqueradeReports ul li {
    color: #3f7a2f;
    /* display: inline-block; */
    font-size: 17px;
    margin-right: 0px;
    border-radius: 4px;
    padding: 13px;
    color: #0b2e4e;
    margin-bottom: 0px;
    flex-basis: calc(25% - 4px);
}

.masqueradeReports ul li i {
    color: #0b2e4e;
    float: left;
    margin-top: 4px;
    margin-right: 6px;
}

.masqueradeReports ul li.greenBg {
    background: #abe8ab;

}

.masqueradeReports ul li.purpleBg {
    background: #c2b2ed;

}

.masqueradeReports ul li.orangeBg {
    background: #f3cca0;

}

.masqueradeReports ul li.blueBg {
    background: #a8d4f3;
}

.masqueradeReports ul li span {
    display: flex;
}

.card .masqueradeReports .cardBoxBg.otherCaradBg {
    padding: 24px 28px 20px 31px;
}

.currentMasqReport #accordionExample.accordion.accordionDb {
    margin-bottom: 0px;
}

span.userPullPush.dateRangMasq {
    display: block;
    margin-bottom: 1px;
}

#daterange.dateMasq {
    padding: 6px 10px 4px 10px !important;
    height: 1.97rem !important;
    border: 1px solid #999 !important;
    background: #f4f6f9 !important;
    color: #0b2e4e;
    font-size: 18px;
    width: 224px;
    margin-top: 5px;
}

.activitiesLast.activitiesFilter.bullhornFilter.roleMasq {
    margin-left: 0;
}

a.button.new-activity-btn span {
    color: #fff;
    position: relative;
    z-index: 1;
    top: -2px;
    display: inline-block;
    line-height: 12px;
}

.currentMasqReport #accordionExampleMsq.accordion.accordionDb {
    margin-bottom: 0px;
}

#accordionExampleMsq .card-header {
    margin: 0 20px;
    background: #e3e8ec;
    margin-bottom: 1px;
    padding: 2px 22px 2px;
    font-weight: 700;
    color: #0b2e4e;
    height: 44px;
}

#accordionExampleMsq .card-header button.btn.btn-link {
    display: block;
    width: 100%;
    text-align: left;
    color: #0b2e4e;
    font-size: 20px;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
}

#accordionExampleMsq .card-header button.btn.btn-link i {
    float: right;
    font-size: 32px;
}

.masqueradeReports ul li span a {
    display: contents;
}

#gridDemo .inner {
    cursor: move;
}

#newTemplateDetail.border.error {
    margin-top: -8px;
}

h4.totalPayAmtFrm {
    margin-left: 0px;
}

a.button.addDocBtn.headerBtn:focus {
    color: #fff !important;
}

a.btn.btn-default.cancelBtnB:focus {
    color: #fff !important;
}

.col-md-6.timeLast .col-md-6 .form-group:last-child {
    margin-left: 4px;
}

.unassignedPF hr {
    margin-top: 0;
}

.modal-footer.justify-content-between1.footerOtherBtn.unasPFBtn {
    margin-top: 0;
    padding-top: 10px;
}

.inputReadonly {
    opacity: 0.5;
}

.cardBoxBg a.cartBtn.multicartLink:focus {
    color: #fff !important;
}

a.cartBtn.collapsed .showIcon {
    display: inline-block;
    line-height: 12px;
    padding-left: 6px;
}

a.cartBtn .hideIcon {
    line-height: 14px;
}

.selectDropdown {
    position: relative;
}

.selectDropdown select {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    height: auto;
    /* max-height: 100px; */
    padding: 6px 0 5px 32px !important;
}

.form-group.selectDropdown i {
    z-index: 3;
}

.form-group.selectDropdown.selectDropdown1 i {
    z-index: 5;
}

.timePeriod .col-md-6:nth-child(2) .form-group:after {
    position: absolute;
    right: -20px;
    content: "";
    height: 2px;
    width: 10px;
    background: #999;
    top: 13px;
}

.form-group.selectDropdown #country {
    display: block;
    z-index: 4;
}

.daterangepicker {

    z-index: 1 !important;
}

.bs-tooltip-bottom.customTooltip .arrow::before {
    border-bottom-color: #333 !important;
}

.bs-tooltip-bottom.customTooltip .tooltip-inner {
    background-color: #fff;
    color: #0b2e4e;
    border: 1px solid #333;
}

.bs-tooltip-top.customTooltip .tooltip-inner {
    background-color: #fff;
    color: #0b2e4e;
    border: 1px solid #333;
}

.bs-tooltip-top.customTooltip .arrow::before {
    border-top-color: #333;
    border-right-color: transparent !important;
}

.bs-tooltip-top.customTooltip .arrow {
    left: 0 !important;
    right: 0 !important;
    margin: 0px auto;
}

.bs-tooltip-bottom.customTooltip .arrow {
    top: 0;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
}

body.sidebar-mini .tooltip.show.customTooltip {
    display: block;
    opacity: 1;
}

body.sidebar-mini .tooltip.show.customTooltip {
    display: block;
    opacity: 1;
    /* margin-top: 100px; */
}

/* body.sidebar-mini.sidebar-collapse  .bs-tooltip-bottom.customTooltip.show {
    left: 250!important;

} */
.timeTaken {
    font-size: 14px;
    font-weight: normal;
    display: block;
    line-height: normal;
    /* margin-top: -4px; */
}

.form-group.selectColderselectCust select {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    height: auto !important;
    background-color: #fff !important;
    padding-right: 30px;

}

.form-group.selectColderselectCust i {
    z-index: 6;
}

.form-group.radioBtn.selectColderselectCust select {
    z-index: 3;
}

.form-group.radioBtn.selectColderselectCust i {
    z-index: 4;
}

.selectColderselectCust {
    /* display:inline-block; */
    position: relative;
    /* width:100%; */
    height: 1.5em;
    background: #f9f9f9;
    background-color: #fff;
}

.form-group.selectColderselectCust {
    z-index: 11;
}

.form-group.radioBtn.selectColderselectCust {
    z-index: 10;
}

.timeSelect.timePeriodMain .form-group.selectColderselectCust i {
    top: 4px;
}

.timePeriodMain .form-group select {
    padding: 5px 30px 4px 32px;
}

.timeSelect .timePeriod .form-group select {
    padding: 5px 30px 4px 32px;
}

.timeLast .form-group.selectColderselectCust select {
    padding-right: 27px;
}

.form-group.selectColderselectCust.timePeriodSelt1 {
    z-index: 10;
}

.form-group.selectColderselectCust.timePeriodSelt2 {
    z-index: 9;
}

.form-group.selectColderselectCust.timePeriodSelt3 {
    z-index: 8;
}

.form-group.selectColderselectCust.timePeriodSelt4 {
    z-index: 7;
}

.specialtiesList {
    padding: 0px 0px 0px 0px !important;
}

.specialtiesList span.selection {
    padding-left: 26px;
    display: block;
    padding-right: 10px;
}

.select2-container--open .select2-dropdown {
    /* padding-left: 24px; */
}

.select2-container--default .select2-results__option {

    padding-left: 30px;
}

.form-group.selectColderselectCust select {
    background-position: right 12px top 10px;
}

table#user-subscriptions-lists .text-wrap-custom {
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.selectColderselectCust span.val_error {
    top: 30px;
}

.specInformation span.select2.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-dropdown {
    border: 1px solid #999;
}

select option:hover {
    background-color: 3f7a2f;
}

.allactivPag table tr:last-child th {
    width: 80px !important;
    min-width: 80px !important;
    ;
}

.select2-container--open .select2-dropdown {
    left: -1px;
}

.select2-results {
    width: calc(100% - -2px);
    border-right: 1px solid #999;
}

.select2-container--default .select2-dropdown.select2-dropdown--above {
    /* border-bottom: 0; */
    border-radius: 8px;
    overflow: hidden;
    margin-top: -2px;
    border-bottom: 1px solid #999;
}

.select2-container--default .select2-dropdown.select2-dropdown--below {
    /* border-top: 0; */
    overflow: hidden;
    border-radius: 4px;
    margin-top: 2px;
    border-top: 1px solid #999;
}

.leftMenuHeight {
    height: 2000px;

}

.radio.radioDef label {
    display: table-cell;
}

body.sidebar-mini.sidebar-collapse aside.main-sidebar.sidebar-dark-primary.elevation-4 .nav-sidebar .nav-item>.nav-link:hover,
body.sidebar-mini .nav-sidebar aside.main-sidebar.sidebar-dark-primary.elevation-4 .nav-item>.nav-link:hover,
body.sidebar-mini .main-sidebar aside.main-sidebar.sidebar-dark-primary.elevation-4 .nav-sidebar .nav.nav-treeview .nav-item>.nav-link:hover,
body.sidebar-mini.sidebar-collapse aside.main-sidebar.sidebar-dark-primary.elevation-4.nav-sidebar .nav-item>.nav-link:hover,
body.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item>.nav-link.actNav:hover {
    background: #3f7a2fb8 !important;
}

body.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link:hover p {
    background: transparent;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4.make_me_blue .nav-item.has-treeview .nav.nav-treeview .nav-item p,
aside.main-sidebar.sidebar-dark-primary.elevation-4.make_me_blue:hover .nav-item.has-treeview .nav.nav-treeview .nav-item p {
    display: inline-block !important;
}

.sidebar-mini .main-sidebar .nav-sidebar .nav.nav-treeview .nav-item>.nav-link:focus {
    background: #3f7a2f26 !important;
    /* color: #fff !important; */
    /* border: 1px solid #3f7a2fb8; */
    /* outline: 1px solid #3f7a2fb8; */
}

.nav-sidebar .nav-item>.nav-link:focus .nav-icon,
.sidebar-mini.sidebar-collapse .nav.nav-pills.nav-sidebar.flex-column .nav-link:focus i {
    /* color: #fff!important; */
}

.sidebar-mini.sidebar-collapse .main-sidebar.leftMenuSmll {
    width: 4.6rem !important;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    word-break: break-word;
}

.csPersonalinfo .csInfo.csInfoAdd {
    min-height: 32px;
}
div#inprogress-msg {
    background: #b3e2a6;
    padding: 2px 10px;
    display: inline-block;
    font-size: 16px;
}
div#inprogress-msg p {
    margin: 0;
}
.form-group.frmBtn.generatePassAuto span#password_val_error_msg {
    line-height: normal;
}
/* iPad css responsive */


@media (max-width: 1515px) {
    .bullhornDiv {
        text-align: left !important;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .bullhornPullPush span.userPullPush:first-child {
        padding-left: 0;
        margin-left: 0;
    }

    .bullhornBtnSlider button.button span,
    .bullhornBtnSlider .notification-container.dismiss a {
        /* color: #0b2e4e !important; */
        font-size: 1.1em;
    }

    .bullhornBtnSlider button.button {
        font-size: 1.1em;
    }
}

@media (min-width: 1600px) {
    .priceBoxOtherMax {
        max-width: 1600px;
        margin: 0 auto;
    }
}

@media (min-width: 1600px) and (max-width: 2170px) {
    .timeSelect .timePeriod .form-group select {
        padding: 4px 0 5px 32px;
    }
}

@media (min-width: 0px) and (max-width: 1700px) {
    .text-wrap-custom {
        white-space: nowrap;
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
}

@media (min-width: 1225px) and (max-width: 1400px) {
    .sidebar-mini.sidebar-collapse .main-sidebar .result.result_hover .nav.nav-treeview {
        /* max-height: 380px;
        overflow: auto;
        padding-bottom: 2px; */
    }

    .form-group select {
        padding: 2px 10px 5px 30px;
    }

    .priceBoxCart.cartSmallBox {
        width: 75%;
    }
}

@media (min-width: 0px) and (max-width: 1400px) {
    .manage-width {
        max-width: 160px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
    }

    .priceBoxCart.cartSmallBox {
        width: 75%;
    }
}

@media (min-width: 1225px) and (max-width: 1300px) {
    .onBoardingOr {
        line-height: 30px;
        display: block;
    }

    .activitiesLast {
        margin-left: 0;
        margin-top: 12px;
    }

    .form-group .iconInput {
        bottom: 4px;
        top: initial;
    }

    .form-group select~.control-label,
    .form-group input:focus~.control-label,
    .form-group input:valid~.control-label,
    .form-group input.form-file~.control-label,
    .form-group input.has-value~.control-label,
    .form-group textarea:focus~.control-label,
    .form-group textarea:valid~.control-label,
    .form-group textarea.form-file~.control-label,
    .form-group textarea.has-value~.control-label {
        font-size: 0.83rem;
    }

    .form-group .iconInput {
        bottom: 4px;
        top: initial;
    }
}

@media (min-width: 1000px) and (max-width: 1400px) {

    .cardBoxBg.otherCaradBg.priceBox.priceBoxOther.priceBoxOtherRes .featuresList.featuresResList .list-unstyled .message-window.visible,
    .cardBoxBg.otherCaradBg.priceBox.priceBoxOther.priceBoxOtherRes .featuresList.featuresResList .list-unstyled .message-window1.visible {
        left: 70px !important;
    }

    .cardBoxBg.otherCaradBg.priceBox.priceBoxOther.priceBoxOtherRes .featuresList.featuresResList .list-unstyled .message-window.visible,
    .cardBoxBg.otherCaradBg.priceBox.priceBoxOther.priceBoxOtherRes .featuresList.featuresResList .list-unstyled .message-window1.visible {
        left: 70px !important;
    }
}

@media (min-width: 1250px) {
    div.dataTables_scrollBody table {
        min-width: 1150px;
    }

    div.dataTables_scrollBody table#activities {
        min-width: auto;
    }

    div#recentActivity {
        display: block !important;
    }
}

@media (max-width: 1250px) {
    .topUserName {
        max-width: 80px;
        position: relative;
        top: -6px;
    }

    .zipCodeiPad.col-md-6 .col-md-6.zipCodeMd5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    ipad .zipCodeiPad.col-md-6 .col-md-6.zipCodeMd7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 70%;
    }

    .savecard_align_multi {

        margin-top: 0 !important;

    }

    label.savecard_align.savecard_align_change {
        position: initial !important;
        width: 100%;
    }

    .col-md-12.mobileResTable.docInfo table.dataTable {
        min-width: 100%;
    }

    span.nav-link.menuBars img {
        margin-top: 0px;
    }
}

@media (min-width: 1100px) and (max-width: 1190px) {
    .docWaiting .dataTables_scrollBody {
        max-height: 200px;
    }
}

@media (min-width: 1025px) {

    body:not(.sidebar-mini-md) .content-wrapper,
    body:not(.sidebar-mini-md) .main-footer,
    body:not(.sidebar-mini-md) .main-header {
        margin-left: 320px;
    }

    .modal-content {
        min-width: 330px;
        width: 66%;
        margin: 0 auto;
    }

    #opt .modal-content {
        width: 76%;
    }

    #addPacket .modal-content {
        width: 80%;
        margin: 0 auto;
    }

}

@media (min-width: 830px) and (max-width: 1135px) {
    .rejectRadio {
        display: inline-block;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .topUserName {
        max-width: 80px;
    }

    .loginBox {
        margin: 0 40px 0 60px;
        max-width: 900px;
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 0 18px 0 rgba(25, 42, 70, .5);
        background: #fff;
    }

    .col-lg-7.col-md-12.col-sm-12.col-pad-0.align-self-center {
        max-width: 70%;
    }

    .form-group select {
        padding: 2px 10px 5px 30px;
        /* border: 1px solid #e31c3d; */
    }

    .onBoardingOr {
        line-height: 30px;
        display: block;
        text-align: center;
    }

    .onBoardingBtn {
        width: 250px;
        float: right;
    }

    .onBoardingBtn a,
    .onBoardingBtn a button {
        display: block;
        width: 100%;
    }

    .timePeriodMain .form-group select {
        padding: 3px 10px 5px 28px;
    }

    .form-group .iconInput {
        top: 7px;
    }

    .small-box p {
        font-size: 1rem;
    }

    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3,
    .col-xl-3 .small-box h3 {
        font-size: 2rem;
        margin-bottom: 0;
        height: 70px;
    }

    .small-box .icon {
        font-size: 56px;
    }

    .small-box .icon>i.fa,
    .small-box .icon>i.fab,
    .small-box .icon>i.far,
    .small-box .icon>i.fas,
    .small-box .icon>i.glyphicon,
    .small-box .icon>i.ion {
        font-size: 40px !important;
        top: 10px !important;
        right: 0;
    }

    .documentInfo .col-md-12.col-lg-6 {
        width: 100%;
        flex: initial;
        max-width: 100%;
    }

    .iconSelect ul li {
        width: 7%;
    }

    .form-group.radioBtn label.control-label {
        font-weight: normal !important;
        font-size: 0.91rem;
    }

}

@media (min-width: 1001px) and (max-width: 1200px) {

    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3,
    .col-xl-3 .small-box h3 {
        word-break: break-word;
        display: inline-block;
        white-space: break-spaces;
        font-size: 1.2rem;
    }
}

@media (min-width: 1200px) {
    .loginBox {
        margin: 0 120px 0 150px;
        max-width: 960px;
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 0 18px 0 rgba(25, 42, 70, .5);
        background: #fff;
    }

    .loginBox.createAcc .col-lg-7.col-md-12.col-sm-12.col-pad-0.align-self-center {
        max-width: 65%;
        margin: 0 auto;
        flex: 0 0 65%;
    }

    .loginBox.createAcc {
        margin: 0 20px 0 40px;
        max-width: 960px;
        max-width: 1020px;
    }

    .loginReg .loginBox.createAcc .bg-img.col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .form-group select~.control-label,
    .form-group input:focus~.control-label,
    .form-group input:valid~.control-label,
    .form-group input.form-file~.control-label,
    .form-group input.has-value~.control-label,
    .form-group textarea:focus~.control-label,
    .form-group textarea:valid~.control-label,
    .form-group textarea.form-file~.control-label,
    .form-group textarea.has-value~.control-label {
        font-size: 0.83rem;
    }

    .form-group .iconInput {
        /* bottom: 4px;
            top: initial; */
    }
}

@media (min-width: 1025px) and (max-width: 1220px) {
    .princing-item {
        max-width: 31%;
    }
}

@media (max-width: 1280px) {
    .priceBoxCart.cartSmallBox {
        width: 85%;
    }

    .savecard_align {
        margin-top: 50px;
    }

    .row.payPalBox {
        height: auto !important;
    }

    .invoiceBox {
        width: 100%;
    }

    #cartInfoModal .modal-dialog {
        max-width: 70%;
        margin: 0 auto;
    }
}

@media (max-width: 1150px) {
    .form-group.specInformation .control-label {
        top: -43px;
    }

    .specialtiesList {
        margin-top: 20px;
    }

    .specialtyNote {
        top: -20px;
    }

    tr td select.categoryDropdown {
        max-width: 100px;
    }

    .formsTable tr td select.categoryDropdown {
        max-width: 150px;
    }

    .form-group.emailCc label.control-label,
    .form-group.emailBcc label.control-label {
        margin-top: -26px;
    }

    .form-group.emailCc input.form-control,
    .form-group.emailBcc input.form-control {
        margin-top: 32px;
    }

    .attachFile.form-control {
        margin-top: 0;
        padding-top: 3px;
    }

    .attachFile.form-control {
        padding-top: 0 !important;
    }

    .form-group select {
        padding: 6px 10px 5px 34px;
    }

    .timePeriodMain .timeLast .form-group select {
        /* padding: 2px 30px 5px 32px !important; */
    }

    .form-group select {
        padding: 6px 32px 5px 37px;
    }

    .card-title {
        float: initial;
        width: 100%;
    }

    .cardBoxBg.recentActWelcome.recentActInfo a.recActLink {
        cursor: pointer;
        display: block;
    }

    .priceBoxCart.cartSmallBox {
        width: 95%;
    }

    span.userPullPush {
        margin-bottom: 20px;
        display: inline-block;
    }

    .savecard_align {
        margin-top: 0 !important;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 197px;
    }

    .select2-container {
        width: 100% !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {

        padding: 0 0 0 4px !important;
    }

    .zipCodeMd5 span.val_error {

        min-width: 180px;
    }
}

@media (max-width: 1024px) {
    .ooopsInfo {
        width: 50%;
        text-align: center;
        margin: 12% auto 100px;
    }

    .topUserName {
        top: -6px;
        position: relative;
    }

    .loginReg .bg-img p {
        text-align: center;
    }

    tr th.categorySelect {
        width: 200px;
    }

    select.categoryDropdown {
        padding: 3px 10px 5px 10px;
        width: 170px;
    }

    .modal-content {
        margin-left: 0px;
        width: 66%;
        margin: 0 auto;
    }

    #reminderNotes .modal-content {
        width: 90%;
    }

    .topUserPic {
        /* vertical-align: middle; */
    }

    .form-group select {
        padding-top: 3px;
    }

    .dropdown-toggle::after {
        vertical-align: .250em;
    }

    .descriptionPopUp .modal-content {
        margin: 0 auto;
        width: 94% !important;
    }

    .userVha {
        margin: 0 27px;
    }

    div.dataTables_wrapper div.dataTables_info {
        text-align: right;
    }

    .onBoardingBtn {
        width: 224px;
        float: right;
    }

    .onBoardingOr {
        line-height: normal;
        display: block;
        width: 100%;
        text-align: center;
    }

    .onBoardingBtn a button {
        display: block;
        width: 100%;
    }

    .form-group select {
        padding: 6px ​10px 5px 32px;
    }

    .timePeriodMain .form-group select {
        padding: 6px 10px 5px 32px;
    }

    .onBoardingOr {
        line-height: 30px;
        display: block;
    }

    .iconSelect ul li {
        width: 10%;
    }

    .activitiesLast {
        display: inline-block;
        margin-left: 0;
        margin-top: 12px;
    }

    .topUserName {
        max-width: 80px;
    }

    .form-group select~.control-label,
    .form-group input:focus~.control-label,
    .form-group input:valid~.control-label,
    .form-group input.form-file~.control-label,
    .form-group input.has-value~.control-label,
    .form-group textarea:focus~.control-label,
    .form-group textarea:valid~.control-label,
    .form-group textarea.form-file~.control-label,
    .form-group textarea.has-value~.control-label {
        font-size: 0.83rem;
    }

    .form-group .iconInput {
        top: 5px;
        bottom: initial;
    }

    #opt i.iconInput.fas.fa-user {
        top: 4px;
    }

    #canceSubscriptionForm .form-group .iconInput {
        bottom: 5px;
        top: 6px;
    }

    .form-group.radioBtn.expiredDate .iconInput {
        bottom: initial;
        top: 5px;
    }

    .timeSelect .timeLast .form-group i.iconInput.fas.fa-calendar-alt {
        bottom: 7px;
    }

    .form-group select.normalSelect {
        padding-top: 2px;
    }

    #add_specialty_section .form-group .iconInput {
        bottom: inherit;
        top: 7px;
    }

    .form-group .specialtiesList .iconInput {
        bottom: initial;
        top: 9px;
    }

    .dataTables_wrapper.dt-bootstrap4 .col-sm-12.col-md-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: right;
        padding-right: 11px;
    }

    .dataTables_wrapper.dt-bootstrap4 .col-sm-12.col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    tr td select.categoryDropdown {
        line-height: normal;
    }

    .form-group.specInformation .control-label {
        top: -43px;
    }

    .specialtiesList {
        margin-top: 20px;
    }

    .specialtyNote {
        top: -20px;
    }

    .activitiesLast.activitiesFilter.bullhornFilter {
        margin-top: -4px;
        margin-left: -10px;
    }

    .bullhornSelect .card-title.activitiesLastH3.h3.bullhornH3 {
        margin-right: 22px;
    }

    .bootbox.modal.fade.bootbox-alert.show {
        width: 50%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .topUserName {
        top: 0;
    }

    .activitiesLast select.selectInfo {
        vertical-align: revert;
    }

    .card-title ul li:nth-child(5),
    .card-title ul li:nth-child(6) {
        display: inline-block;
    }

    .princing-item {
        max-width: 31%;
    }

    .priceBoxOther .priceTotal {
        height: 60px;
    }

    .priceBoxOther .panel-tabs>li {
        margin: 4px 4px;
    }

    .priceBoxOther .standardList .panel-heading {
        height: 90px;
    }

    .priceBoxOther .featuresList .card-body {
        height: 970px;
    }

    .list-unstyled.planPrice {
        height: 970px;
        background: #c3e6b9;
    }

    .priceBoxOther .featuresList .list-unstyled h2 {
        white-space: nowrap;
        width: 90%;
    }

    .priceBoxOther .featuresList .list-unstyled li {
        padding-top: 14px;
    }

    .premiumList .featuresdetailsOpen .featuresdetails,
    .standardList .featuerShowHide.featuresdetailsOpen .featuresdetails {
        padding-left: 9px;
        padding-right: 10px;
    }

    .emiPlan {
        height: 108px;
        margin-left: 13px;
        text-align: left;
    }

    .col-md-12.emptyCardMsg {
        display: table;
        width: 100%;
    }

    .card-body.subscriptionNotmsg {
        display: table;
        width: 100%;
    }

    .emptyCard {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .subscriptionNot {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 80vh;
    }

    .priceBoxOther .premiumList .panel-heading {
        height: 90px;
    }

    .tableResMobiPad table.dataTable {
        width: 100% !important;
        min-width: auto;
    }

    .featuresResBoxInfo {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 95%;
        white-space: nowrap;
    }

    .invoiceBox {
        width: 100%;
    }

    #cartInfoModal .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }

    label.savecard_align.savecard_align_upgr,
    label.savecard_align {
        position: initial !important;

    }

    .col-md-12.userProfileDrop {
        width: calc(100% - 100px);
        max-width: 90%;
    }

}

@media (max-height: 768px) {

    /* frame */
    .frameInfo {
        width: 100%;
        height: auto;
        padding: 0;
        overflow: hidden;

    }

    .scroll-hide {
        display: none;

    }

    iframe {
        width: 100%;
/*        height: 68vh;*/
        border: 0;
        /* -ms-transform: scale(0.25);
                    -moz-transform: scale(0.25);
                    -o-transform: scale(0.25);
                    -webkit-transform: scale(0.25);
                    transform: scale(0.5);
                    -ms-transform-origin: 0 0;
                    -moz-transform-origin: 0 0;
                    -o-transform-origin: 0 0;
                    -webkit-transform-origin: 0 0;
                    transform-origin: 0 0; */
    }
}

/* frame */
@media (max-width: 1224px) {

    /* .card .cardBoxBg.recentActWelcome.userWlcInfo .row .col-md-12 {
        display: none;
    }
    .card .cardBoxBg.recentActWelcome.userWlcInfo .row .col-md-12:nth-child(2) {
        display: block;
    }
    .card .cardBoxBg.recentActWelcome.recentActInfo .table-responsive {
        display: none;
    }
    .card .cardBoxBg.recentActWelcome.recentActInfo h3 {
        text-align: center;
        display: block;
        float: initial;
    }
    .profile-username.proWelName {
        text-align: center!important;
        display: block;
        margin-top: 0;
    } */
    .alert.alert-warning.alert-dismissible {
        text-align: left;
    }

    .alert.alert-warning.alert-dismissible .col-sm-5.text-right {
        text-align: right !important;
    }

    /* .recActLink i {
        display: inline-block;
        position: absolute;
        right: 12px;
    } */
    .currentCompany.form-group {
        margin-bottom: 28px;
    }

    .col-md-12.col-lg-6.timeSelect {
        margin-bottom: 20px;
        padding-left: 16px;
        padding-right: 16px;
    }

    table.dataTable1100 {
        width: 1100px !important;
    }

    table.dataTable1000 {
        width: 1000px !important;
    }

    .dataTables_length {
        text-align: left !important;
        padding-left: 7px;
    }

    table.dataTable {
        width: 100% !important;
        min-width: 1200px;
    }

    .iconMenuCs {
        display: block;
        position: absolute;
        border: 1px solid #3f7a2f;
        padding: 10px 20px;
        border-radius: 4px;
        background: #3f7a2f;
        color: #fff !important;
        z-index: 11;
        right: 15px;
        font-size: 30px;
        line-height: normal;
        top: -64px;
    }

    .nav.nav-tabs.csNavTabs.tabMenuGreen {
        z-index: 11;
        background: #eaf0f7;
        width: 100%;
        left: 0%;
        right: 0px;
        position: absolute;
        padding: 10px;
        display: none;
        box-shadow: 0px 0px 5px 2px #ccc;
        border-radius: 4px;
        border: 1px solid #fff;
        top: 0px;
    }

    .tabMenuGreen.nav-tabs .nav-link.active,
    .tabMenuGreen.nav-tabs .nav-link:hover {
        border-bottom: 1px solid #3f7a2f;
        background: #3f7a2f;
        color: #fff;
    }

    .nav.nav-tabs.csNavTabs.tabMenuGreen li.nav-item {
        display: block !important;
        text-align: left;
        width: 100%;
        margin-bottom: 2px;
    }

    .tabMenuGreen.nav-tabs.csNavTabs .nav-link {
        text-align: left;
        vertical-align: middle;
        height: auto;
    }

    .tabMenuGreen.nav-tabs.csNavTabs .nav-link br {
        display: none;
    }

    .tabMenuGreen.nav-tabs .nav-link.active,
    .tabMenuGreen.nav-tabs .nav-link:hover {
        border-bottom: 1px solid #ccc;
        border-radius: 4px;
    }

    .dataTables_length {
        /* display: none; */
    }

    .timeSelect .timePeriod .form-group select {
        padding: 6px 30px 5px 32px;
    }

    .radioBtn input[type="radio"] {
        padding-left: 10px;
    }

    .content-wrapper>.content.adminUserMenu {
        padding: 20px 0 0;
        margin: 0;
    }

    .content.adminUserMenu .card-header {
        padding-left: 30px;
    }

    /* .content.emailUser .card.card-default {
            width: 100%;
        } */
    section.content.emailUser {
        margin-top: 20px;
    }

    a.userDropdownIcon {
        margin-right: 34px;
        position: absolute;
        right: 1px;
        z-index: 11;
    }

    .userDropdown {
        top: 143px;
    }

    .tableResponsiveNew table.dataTable {
        width: 100% !important;
        min-width: initial;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        font-weight: bold;
        padding-left: 10px !important;
    }

    table.dataTable thead>tr>th.sorting_asc,
    table.dataTable thead>tr>th.sorting_desc,
    table.dataTable thead>tr>th.sorting,
    table.dataTable thead>tr>td.sorting_asc,
    table.dataTable thead>tr>td.sorting_desc,
    table.dataTable thead>tr>td.sorting {
        /* width: auto!important; */
    }

    .tableResponsiveNew table.dataTable.nowrap th,
    .tableResponsiveNew table.dataTable.nowrap td {
        white-space: initial;
        word-break: break-all;
    }

    .tableResponsiveNew table.dataTable>tbody>tr.child span.dtr-title {
        width: 38%;
        vertical-align: top;
    }

    .tableResponsiveNew table.dataTable>tbody>tr.child span.dtr-data {
        width: 60%;
        word-break: break-word;
        display: inline-block;
        vertical-align: top;
    }

    .tableResponsiveNew table.dataTable {
        width: 100% !important;
        min-width: 100%;
    }

    .tableResponsiveNew table.dataTable>tbody>tr.child ul.dtr-details {
        display: block;
    }
}

/* @media (min-width: 768px) {
body:not(.sidebar-mini-md) .content-wrapper,
body:not(.sidebar-mini-md) .main-footer,
body:not(.sidebar-mini-md) .main-header {
margin-left: 280px;
}
} */
@media (min-width: 768px) and (max-width: 1400px) {
    .card .cardBoxBg.recentActWelcome.userWlcInfo .row .col-md-12 {
        display: none;
    }

    .card .cardBoxBg.recentActWelcome.userWlcInfo .row .col-md-12:nth-child(2) {
        display: block;
    }

    .card .cardBoxBg.recentActWelcome.recentActInfo .table-responsive {
        display: none;
    }

    .card .cardBoxBg.recentActWelcome.recentActInfo h3 {
        text-align: center;
        display: block;
        float: initial;
    }

    .profile-username.proWelName {
        text-align: center !important;
        display: block;
        margin-top: 0;
    }

    .recActLink i {
        display: inline-block;
        position: absolute;
        right: 12px;
    }

    .rolePermissions ul li {
        width: 49%;
    }

    body:not(.sidebar-mini-md) .content-wrapper,
    body:not(.sidebar-mini-md) .main-footer,
    body:not(.sidebar-mini-md) .main-header {
        margin-left: 0px;
    }

    .loginBox {
        margin: 0 50px 0 50px;
    }

    .loginReg .bg-img {
        margin: 0px 0;
        left: 0;
        z-index: 999;
        padding: 20px 30px 0;
        box-shadow: initial;
        width: 100%;
        max-width: 100%;
        flex: inherit;
    }

    .loginReg .col-pad-0 {
        padding: 20px 20px 0px 20px;
        max-width: 100%;
        width: 100%;
        flex: inherit;
    }

    .loginBox.createAcc {
        max-width: 760px;
    }

    .col-lg-7.col-md-12.col-sm-12.col-pad-0.align-self-center {
        max-width: 90%;
    }

    .loginReg .login-inner-form .details {
        padding: 30px 0px 30px 0px;
    }

    button.btnBg.button {
        font-size: 1.2em;
    }

    .topSearch.input-group.input-group-sm {
        width: 210px;
    }

    .topSearch .input-group-append {
        position: absolute;
        right: -20px;
        top: 1px;
    }

    .card .cardBoxBg.recentActWelcome {
        height: auto;
    }

    .profileImg.welcomeProImg {
        margin: 0 auto 20px;
    }

    .profile-username.proWelName {
        /* text-align: center!important;
display: block; */

        margin-top: 0;
    }

    /* .cardBoxDB .col-lg-3 {
max-width: 33%;
} */
    .loginReg .bg-img .logo {
        width: 290px;
        max-width: 100%;
    }

    .card .cardBoxBg {
        padding: 34px 0px 10px;
    }

    .cardBoxDB .col-lg-3 {
        width: 50%;
    }

    .modal-dialog {
        max-width: initial;
    }

    iframe {
        width: 100%;
/*        height: 68vh;*/
        border: 0;
    }

    .form-group.emailCc input.form-control,
    .form-group.emailBcc input.form-control {
        margin-top: 32px;
    }

    .form-group.emailCc label.control-label,
    .form-group.emailBcc label.control-label {
        margin-top: -26px;
    }

    .attachFile.form-control {
        margin-top: 0;
        padding-top: 3px;
    }

    .searchForm input[type=text]:focus {
        width: 96%;
    }

    .navbar-expand .navbar-nav .nav-link {
        margin-top: 0px;
    }

    .dataTables_paginate ul.pagination .paginate_button:not(.previous):not(.next):not(.active) {
        display: none;
    }

    .navRes .nav-link i.fas.fa-bars {
        margin-top: 3px;
    }

    .main-header .navbar-nav .nav-item {
        margin: 0;
        display: inline-block;
    }

    img.mobLogoNew {
        width: 32px;
        margin-top: -10px;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 5px;
    }

    a.nav-link.menuBars:hover {
        color: #fff !important;
    }

    a.brand-link {
        display: none;
    }

    .nav-item.burgericon {
        display: none;
    }

    ul.navbar-nav.navRes {
        width: 150px;
        margin-left: 0;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-left: 10px;
    }

    button.btnBg.button {
        width: 240px;
    }

    ul.navbar-nav.navRes {
        width: 110px;
    }

    .sidebar-mini.sidebar-collapse .searchForm {
        position: relative;
        width: 35%;
    }

    .main-header .navbar-nav .nav-item {
        vertical-align: top;
    }

    .mobLogoNew {
        display: inline-block;
    }

    .mobLogoWeb {
        display: none;
    }

    img.mobLogoNew {
        width: 32px;
        margin-top: 0;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1100px) {


    /* responsive subscriptionBox */
    .cardBodySubRes {
        display: block;
    }

    .cardBodySubWeb {
        display: none;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled li {
        height: auto;
        padding: 0;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .featuresRes {
        width: 100%;
        min-height: 75px;
        position: relative;
        padding: 0 10px 14px 10px;
    }

    .priceBoxOther .featuresList .list-unstyled h2.featureTitleH2 {
        white-space: normal;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .featuresResBox {
        min-height: 35px;
        width: 100%;
        z-index: 1;
        position: absolute;
        padding-top: 14px;
        white-space: initial;
    }

    .featuresResBoxInfo {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 95%;
        white-space: nowrap;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window {
        width: 100%;
        z-index: 2;
        position: absolute;
        left: 100%;
        background: #beaaf6;
        box-shadow: inset 0 0 30px #5f42ae;
        padding: 14px;
        height: 0;
        white-space: initial;
        top: 40px;
        display: none !important;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window.visible {
        height: auto;
        display: block !important;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window h2 {
        font-size: 18px;
        font-weight: 600;
        color: #4E3396;
        margin-bottom: 6px;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window1 {
        width: 100%;
        z-index: 2;
        position: absolute;
        right: 100%;
        background: #c3e6b9;
        box-shadow: inset 0 0 30px #2dac2b;
        padding: 14px;
        height: auto;
        white-space: initial;
        top: 40px;
        display: none !important;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window1.visible {
        height: auto;
        display: block !important;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window1 h2 {
        font-size: 18px;
        font-weight: 600;
        color: #3f7a2f;
        margin-bottom: 6px;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled ul.resSubBtn {
        margin: 0;
        padding: 10px;
        list-style: none;
        position: relative;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled ul.resSubBtn li {
        display: inline-block;
        width: 49%;
        border: 0;
        height: auto !important;
        background: none !important;
        padding: 0 !important;
    }

    .priceBoxOther .featuresResList .list-unstyled.planPrice {

        overflow-x: hidden;
    }

    .priceBoxOther .featuresResList .resSubBtn a.blueBtn {
        border: 1px solid #fff;
        border-radius: 14px;
        padding: 4px 10px;
        color: #fff !important;
        background: #4E3396;
        font-size: 16px;
    }

    .priceBoxOther .featuresResList .resSubBtn a.blueBtn:hover {
        background: #ffffff96;
        color: #4E3396 !important;
    }

    .priceBoxOther .featuresResList .resSubBtn a.greenBtn {
        border: 1px solid #fff;
        border-radius: 14px;
        padding: 4px 10px;
        color: #fff !important;
        background: #3f7a2f;
        font-size: 16px;
    }

    .priceBoxOther .featuresResList .resSubBtn a.greenBtn:hover {
        background: #ffffff96;
        color: #3f7a2f !important;
    }

    .priceBoxOther .featuresList.featuresResList .pricing-divider h3 {
        width: 100%;
    }

    .featuresResList .lessfeatures {
        display: none;
    }

    .featuresResList.featuresResListOpen .lessfeatures {
        display: block;
    }

    .featuresResList.featuresResListOpen .morefeatures {
        display: none;
    }

    .featuresList.featuresResList {
        height: 100px;
        overflow: hidden;
        margin-bottom: 14px;
    }

    .featuresResList.featuresResListOpen {
        height: auto;
        overflow: initial;
        margin-bottom: 0;
    }

    .featuresList.featuresResList .pricing-divider {
        border-radius: 10px 10px;
    }

    .featuresResList.featuresResListOpen .pricing-divider {
        border-radius: 0px 0px;
    }

    .priceBoxOtherRes .princing-item {
        border: 0;
        margin: 0;
        text-align: center;
    }

    .priceBoxOther.priceBoxOtherRes .pricing-divider h3 {
        width: 100%;
    }

    .priceBoxOther.priceBoxOtherRes .pricing-divider {
        border-radius: 10px 10px 10px 10px;
        padding-bottom: 1px;
    }

    .priceBoxOther.priceBoxOtherRes .pricing-divider button.btn.btn-lg.btn-block.btn-custom {
        border-radius: 10px 10px;
    }

    a.morefeatures {
        color: #fff !important;
        display: block;
        cursor: pointer;
    }

    a.morefeatures:hover {
        background: #6ca05e;
    }

    a.lessfeatures {
        color: #fff !important;
        display: block;
        cursor: pointer;
    }

    a.lessfeatures:hover {
        background: #6ca05e;
    }

    .priceBoxOtherRes .princing-item {
        border: 0;
        margin: 0 0 30px 0px;
        text-align: center;
        width: 49.6%;
        max-width: initial;
    }

    .priceBoxOther.priceBoxOtherRes .featuresResListOpen .pricing-divider {
        border-radius: 10px 10px 0px 0px;
    }

    .subMoreResOpen {
        background: #ffffff75;
        width: 26px;
        height: 26px;
        border-radius: 50px;
        text-align: center;
        line-height: 28px;
        position: absolute;
        right: 10px;
        top: 8px;
        border: 1px solid #fff;
        padding-top: 4px;
    }

    .emiPlanRes {
        border-top: 1px solid #ffffff6e;
        padding: 5px 0;
        height: 68px;
        vertical-align: middle;
        display: table;
        width: 100%;
    }

    .emiPlanRes ul {
        margin: 0;
        padding: 0;
        vertical-align: middle;
        display: table-cell;
    }

    .emiPlanRes ul li {
        display: inline-block;
        color: #fff;
        cursor: pointer;
        margin-right: 10px;
    }

    .col-sm-4.princing-item.tier11.featuresList.featuresResList {
        width: 100%;
        max-width: 100%;
        height: 120px !important;
    }

    .col-sm-4.princing-item.tier11.featuresList.featuresResList .radio-toolbar {
        display: none;
    }

    .priceBoxOther .featuresList .card-body {
        height: 330px;
        overflow: auto;
    }

    .priceBoxOther .premiumList .panel-heading,
    .priceBoxOther .standardList .panel-heading {
        height: 56px;
    }

    .priceBoxOther .priceTotal {
        height: 42px;
    }


    .princing-item:hover {
        transform: inherit;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window.visible,
    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window1.visible {
        position: fixed;
        top: 25%;
        width: 80%;
        margin: 0 auto;
        left: 0px !important;
        right: 0 !important;
        height: auto;
        background: none !important;
        box-shadow: initial;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window.visible:after,
    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window1.visible:after {
        content: "";
        background: #0000007a;
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        position: fixed;
        top: 0;
        z-index: -1;
    }

    .featurePopupBlueIpad {
        background: #beaaf6;
        box-shadow: inset 0 0 30px #5f42ae;
        padding: 20px;
        max-height: 500px;
        overflow: auto;
    }

    .featurePopupGreenIpad {
        background: #c3e6b9;
        box-shadow: inset 0 0 30px #2dac2b;
        padding: 20px;
        max-height: 500px;
        overflow: auto;
    }


    .subMoreResOpen {
        background: #ffffff;
    }

    .featureTitleH2 {
        font-size: 22px !important;
    }

    .featuresList.featuresResList {
        height: 100px !important;
        overflow: hidden;
        margin-bottom: 14px;
    }

    .featuresResList.featuresResListOpen {
        height: auto !important;
    }

    .col-sm-4.princing-item.tier11.featuresList.featuresResList .radio-toolbar {
        display: block;
        padding-top: 20px;
    }

    .col-sm-4.princing-item.tier11.featuresList.featuresResList.featuresResListOpen {
        height: auto !important;
    }

    .priceBoxOther .premiumBox .pricing-divider h3,
    .priceBoxOther .pricing-divider h3 {
        height: 60px;
    }

    .featuresResList a.morefeatures,
    .featuresResList.featuresResListOpen .lessfeatures {
        margin-left: -34px;
    }

    .priceBoxOther .featuresResList .resSubBtn a.blueBtn {

        margin-right: 10px;
    }

    /* responsive subscriptionBox end */

}


@media only screen and (max-width: 1000px) {
    .navRes {
        display: inline-block;
    }

    .cardBoxDB.cardBoxDBAdmin .adminuser .col-lg-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .text-right.titleRightBtn .button {
        margin-bottom: 10px;
        display: inline-block;
    }

    .text-right.titleRightBtn .button.addDocBtn.headerBtn {
        display: inline;
        margin-top: 10px;
        vertical-align: baseline;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .alteEmail1 {
        display: none;
    }

    .invoiceBox {
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {

    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .main-sidebar::before {
        margin-left: -340px;
    }
}

.activitiesLast select.selectInfo.bullhornEmail {
    margin-bottom: 10px;
}

@media (max-width: 1020px) {
    .activitiesLast select.selectInfo.bullhornEmail {
        max-width: 150px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .bullhornActH3 {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .card .cardBoxBg.recentActWelcome.userWlcInfo .row .col-md-12 {
        display: block;
    }

    .card .cardBoxBg {
        padding: 34px 20px 10px;
    }

    .card .cardBoxBg.recentActWelcome {
        overflow: auto;
        max-height: 410px;
    }

    .activitiesRec .dataTables_scrollBody {
        height: auto !important;
    }

    .cardBoxBg.recentActWelcome .control-label .proAddWel {
        margin-left: 0px;
        padding-left: 0;
        display: inline-block;
    }

    .cardBoxBg.recentActWelcome .control-label i {
        margin-right: 10px;
        vertical-align: top;
        float: initial;
        margin-top: 5px;
        display: inline-block;
    }

    .card .cardBoxBg.recentActWelcome.userWlcInfo .row .col-md-12 {
        display: block;
        text-align: center;
    }

    .assignFrm .modal-content {
        width: 100%;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    button.btnBg.button {
        width: auto;
        height: auto;
    }

    #add_document_cont .modal-content {
        width: 100%;
    }

    .form-group.radioBtn.alternateEmail input:valid~.control-label#lblAltEmail {
        top: -40px;
        line-height: normal;
    }

    .form-group.zipCode label.control-label {
        top: -40px;
        line-height: normal;
    }

    .select2-container .select2-selection--multiple .select2-selection__rendered {
        width: 96% !important;
    }
}

@media only screen and (min-width:1100px) and (max-width: 1399px) {
    .card .cardBoxBg.recentActWelcome.userWlcInfo .row .col-md-12 {
        display: inline-block;
    }

    .card .cardBoxBg {
        padding: 34px 20px 10px;
    }

    .profile-username.proWelName {
        text-align: left !important;
        display: inline-block;
        margin-top: 30px;
    }

    .card .cardBoxBg.recentActWelcome {
        height: 410px;
    }

    .recActLink i {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .rolePermissions ul li {
        width: 100%;
    }

    .logoMob {
        display: none;
        margin-bottom: 20px;
    }

    .logoMob img {
        max-width: 80%;
    }

    .loginBox {
        margin: 0 10px 0 10px;
        max-width: 100%;
    }

    /* .loginBox .form-group {
        margin-bottom: 1rem;
        } */
    .loginReg .login-inner-form .details {
        padding: 30px 10px 30px 10px;
    }

    .loginReg .button {
        font-size: 16px;
        line-height: 28px;
    }

    .form-inline.ml-3 {
        position: absolute;
        top: 68px;
        margin-left: 6px !important;
        width: calc(100% - 28px);
    }

    .navbar-light .form-control-navbar {
        background-color: #f2f4f6;
        border: 1px solid #ccc;
    }

    .main-header.navbar .input-group-append .btn.btn-navbar {
        border-radius: 0 20px 20px 0;
        border: 1px solid #ccc;
    }

    .content-wrapper {
        background: #eaf0f7;
        /* margin-top: 30px; */
    }

    li.dropdown.user.user-menu>a {
        line-height: normal;
        font-size: 1rem;
    }

    li.dropdown.user.user-menu {
        margin-top: 4px;
    }

    .content-header h1 {
        margin-left: 0;
    }

    .dbBg {
        background-size: cover;
        height: 130px;
        width: 100%;
    }

    .resTable table {
        min-width: 500px;
    }

    li.lastLogin {
        display: block;
        position: absolute;
        bottom: 3px;
        right: 10px;
    }

    /*27-05-2020*/
    .lastLogin div {
        font-size: 12px;
    }

    li.lastLogin {
        display: initial;
        position: initial;
    }

    .card-body {
        padding: 1.25rem 0;
    }

    ul.navbar-nav {
        margin-left: -7px;
    }

    .alert-warning.alert {
        margin-left: 0;
        margin-right: 0;
    }

    .collapsibleOff .col-md-6.text-right {
        width: auto;
        position: absolute;
        right: 10px;
        top: 9px;
    }

    .addDetails {
        margin-bottom: 7px;
        width: 80%;
    }

    .timeSelect .form-group {
        margin-bottom: 20px;
        margin-left: 0;
    }

    .user-menu span.hidden-xs {
        display: none;
    }

    .loginReg .bg-img {
        margin: 0px 0;
        left: 0;
        z-index: 999;
        padding: 20px 30px 0;
        box-shadow: initial;
    }

    .profileImg.welcomeProImg {
        margin: 0 auto;
    }

    .card .cardBoxBg.recentActWelcome {
        height: auto;
    }

    .alert.alert-warning.alert-dismissible h5 {
        font-size: 18px;
        font-weight: 600;
    }

    .alert.alert-warning.alert-dismissible .col-sm-6.text-right {
        text-align: center !important;
    }

    .card .cardBoxBg {
        padding: 34px 0px 10px;
    }

    .workExpBtn.row .col-md-4.text-right {
        text-align: left !important;
    }

    .col-md-6.timePeriod {
        padding-right: 0;
    }

    .timePeriod .col-md-6:nth-child(2) .form-group:after {
        content: initial;
    }

    .timeSelect .form-group:last-child {
        margin-right: 0;
    }

    .col-md-6.timeSelect {
        margin-bottom: 20px;
    }

    .tillDate {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .checklist li {
        display: block;
        width: 100%;
    }

    .dataTables_length {
        text-align: left;
    }

    .input-group.input-group-sm.topSearch {
        display: none;
    }

    /* .cardBoxDB .col-lg-3 {
max-width: 100%;
} */
    .small-box .icon {
        display: none;
    }

    .small-box .inner {
        text-align: left;
    }

    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3,
    .col-xl-3 .small-box h3 {
        font-size: 1.1rem;
    }

    .small-box p {
        font-size: 1.2rem;
    }

    .content-wrapper>.content {
        padding: 0rem;
    }

    .content-header {
        padding: 15px 0rem;
    }

    .col-md-12.col-lg-6.timeSelect {
        margin-bottom: 20px;
        padding-right: 15px;
    }

    /* .modal-content {
        margin-left: 0;
    } */
    .timeLast.col-md-6 {
        padding-right: 0;
    }

    .collapsible {
        min-height: auto;
        height: auto;
    }

    .dataTables_filter {
        text-align: left !important;
    }

    .cardBoxDB .col-lg-3 {
        width: 50%;
    }

    .small-box .small-box-footer {
        font-size: 14px;
        display: none;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 10px 0 0;
        justify-content: center;
        float: right;
    }

    .nav-tabs .nav-item {
        width: 100%;
        margin-bottom: 20px;
        text-align: left;
    }

    .col-sm-8.shoppingCartLRes h2 {
        padding-right: 0;
    }

    .payPalCcBox.show_pmt .nav-tabs .nav-item:last-child {
        margin-left: 0;
    }

    .documentsAppoval .nav-tabs .nav-link.active {
        border-bottom: 1px solid #ccc;
        border-radius: 4px;
    }

    .nav-tabs {
        border-bottom: 0px solid #dee2e6;
    }

    .small-box {
        /* box-shadow: none; */
        /* border-radius: 50%; */

        text-align: center;
        overflow: hidden;
        height: 130px;
        width: 100%;
        margin: 0 auto 16px;
    }

    .small-box .inner {
        text-align: center;
        padding-top: 27px;
    }

    .content-header h1 {
        margin-left: 0;
        display: none;
    }

    .col-lg-7.col-md-12.col-sm-12.col-pad-0.align-self-center {
        max-width: 100%;
    }

    .addDocBtn.headerBtn.fetchUpdateBtn {
        display: inline-block;
        height: 32px;
        line-height: normal;
        margin-top: 16px;
    }

    .forgotPass {
        display: block;
        text-align: left;
        padding-left: 10px;
    }

    .dataTables_filter {
        text-align: right !important;
    }

    .toast-body {
        max-width: 310px;
    }

    .topUserPic {
        display: none;
    }

    .topUserName {
        max-width: 80px;
        max-width: 50px;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-top: 0;
    }

    .navbar-white {
        padding: 13px 0.5rem 7px;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 10px;
    }

    ul.navbar-nav.ml-auto {
        /* margin-left: 6px!important; */
    }

    ul.navbar-nav.ml-auto {
        /* margin-left: 6px!important; */

        float: right;
        margin-top: -20px;
    }

    .citizenshipInfoUser .work_experience_item {
        padding-bottom: 0px;
    }

    div#citizen_country_cont {
        margin-left: 0 !important;
    }

    .userVha.userVhaLB .personalCollap .upDownArrow {
        margin-top: 0;
    }

    .userVha .addDetails {
        margin-bottom: 7px;
    }

    .col-md-6.timeLast {
        padding-right: 0;
    }

    /* .work_experience_item .upDownArrow {
        margin-top: 0;
    } */
    .work_experience_item .upDownArrow {
        position: absolute;
        right: 40px;
    }

    .generalInfoUser label.control-label {
        top: -57px !important;
    }

    .generalInfoUser .form-group.form-groupGI {
        margin-top: 50px;
    }

    .stepComplete {
        margin-left: 0;
    }

    .alert.alert-warning.alert-dismissible {
        text-align: center;
    }

    .alert.alert-warning.alert-dismissible .col-sm-5.text-right {
        text-align: center !important;
    }

    #recentActivity div#activities_paginate {
        margin-right: 14px;
    }

    #recentActivity div#activities_info {
        margin-right: 5px;
    }

    #user-listing-cont select.form-control {
        height: 200px;
    }

    .col-md-2.btnArrowCenter br {
        display: none;
    }

    .modal-lg {
        max-width: 100% !important;
    }

    .col-md-2.btnArrowCenter {
        margin-top: 10px !important;
    }

    .col-md-2.btnArrowCenter i:nth-child(1) {
        transform: rotate(90deg);
    }

    .col-md-2.btnArrowCenter i:nth-child(2) {
        transform: rotate(90deg);
    }

    .col-md-2.btnArrowCenter i:nth-child(3) {
        transform: rotate(90deg);
    }

    .col-md-2.btnArrowCenter i:nth-child(4) {
        transform: rotate(90deg);
    }

    .form-group.frmBtn.passwordFild {
        margin-bottom: 42px !important;
    }

    .iconMenuCs {
        right: 7px;
    }

    .btnM0 {
        margin-top: 14px;
    }

    .card-title {
        margin-bottom: 10px;
    }

    .card-header.otherHeader .text-right {
        text-align: left !important;
    }

    .recycleInfoBtn {
        position: absolute;
        right: 14px;
        top: 0;
    }

    .citizenCountry .form-group {
        margin-top: 30px !important;
    }

    .titleRightBtn {
        position: absolute;
        right: 10px;
        top: 0;
    }

    footer.main-footer.text-right {
        text-align: center !important;
    }

    #scroll {
        bottom: 4px;
    }

    .industriesSelect {
        width: 250px !important;
    }

    a.iconMenuCs {
        position: absolute;
        right: 0;
        top: -10px;
    }

    .content-wrapper>.content.adminUserMenu {
        padding: 30px 0 0;
    }

    .text-right.titleBtnRight {
        text-align: right !important;
    }

    .dropdownReportR {
        text-align: right;
    }

    .onBoardingBtn {
        width: 100%;
        float: initial;
    }

    .card .cardBoxBg.otherCaradBg {
        padding: 24px 0px 10px;
    }

    .collapsibleOpen.row .card-body {
        padding: 0 10px 0;
    }

    .otherPerInfo .personalCollap {
        border-right: 1px solid #ccc;
    }

    .cardBoxBg.userProfileCard .userInfoCard {
        padding: 34px 10px 10px;
    }

    .userVha {
        margin: 0 16px;
    }

    .cardBoxBg.recentActWelcome.recentActInfo h3.card-title {
        display: block;
        text-align: center;
        float: initial;
        margin-bottom: 0;
    }

    .recActLink i {
        display: inline-block;
        padding-right: 12px;
        position: absolute;
        right: 0;
    }

    .profile-username.proWelName {
        text-align: center !important;
        display: block;
    }

    .noteDoc .form-group .col-form-label {
        padding-left: 8px;
    }

    .typeInput .form-group.formPopup {
        margin-left: 9px;
    }

    .dragDropFile .subTitle.popUpSubTitle {
        padding-left: 16px;
    }

    .col-md-12.dragDropFile .form-group {
        margin-right: 16px;
        margin-left: 16px;
    }

    .documentImg {
        margin: 0 16px;
    }

    .form-group.emailCc input.form-control,
    .form-group.emailBcc input.form-control {
        margin-top: 32px;
    }

    .form-group.emailCc label.control-label,
    .form-group.emailBcc label.control-label {
        margin-top: -26px;
    }

    .attachFile.form-control {
        margin-top: 0;
        padding-top: 3px;
    }

    .dataTables_paginate ul.pagination .paginate_button:not(.previous):not(.next):not(.active) {
        display: none;
    }

    li.nav-item.lastLogin {
        position: absolute;
        bottom: 4px;
        z-index: 1;
    }

    .card-header.otherHeader {
        padding: 0;
    }

    .card-header.otherHeader .text-right {
        text-align: center !important;
        position: initial;
    }

    .princing-item {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .priceBoxOther .list-unstyled li,
    .priceBoxOther .featuresList .list-unstyled li,
    .priceBoxOther .featuresList .card-body {
        height: auto;
    }

    .dropdown.user.user-menu .dropdown-toggle::after {
        vertical-align: .250em;
    }

    .mobileResTable .dtr-control:hover .dt_tooltip {
        left: 120px;
        max-width: 200px;
        white-space: break-spaces;
    }

    .emailBox button#id_frm_submit {
        margin-top: 0;
        margin-bottom: 0;
    }

    .savecard_align {
        width: 100%;
        float: inherit;
        text-align: left;
        position: initial;

    }

    span.icon_cls {
        right: -20px !important;
        top: 8px !important;
    }

    div#adminSubMenu .modal-content {
        width: 100%;
    }

    .removePlan {
        position: initial;

    }

    .popUpBody.popUpCloseBtnTop {
        position: relative;
    }

    .popUpBody.popUpCloseBtnTop #addClose {
        position: initial;
        float: right;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mobileResTable .dtr-control:hover .dt_tooltip {
        left: 10px;
    }
}

@media only screen and (max-width: 450px) {
    .braintree-loaded .braintree-upper-container {
        width: 270px !important;

    }
}

@media only screen and (max-width: 400px) {
    .form-control.form-control-navbar {
        width: 300px;
    }

    .alternateEmail {
        padding-top: 0px;
    }

    .alternateEmail.form-group .iconInput {
        top: 29px;
    }

    .loginReg .button {
        font-size: 16px;
        line-height: 28px;
    }

    .multipleCart3 {
        width: 43% !important;
    }

    .multipleCart1 {
        width: 47%;
    }

    .braintree-loaded .braintree-upper-container {
        width: 240px !important;
    }

    .braintree-method__icon.braintree-method__check {
        margin-right: 10px;
    }

    .form-group.frmBtn.passwordFild {
        margin-bottom: 66px;
    }
}

@media only screen and (max-width: 383px) {
    .alternateEmail {
        padding-top: 24px;
    }

    label.control-label.altEmailAddress {
        margin-left: -10px;
        margin-top: 22px;
    }

    .makePrimaryEmail .form-group.radioBtn.alternateEmail i.iconInput.fas.fa-envelope {
        top: 31px;
    }
}

#generatePasswordChange:focus {
    border: 1px solid rebeccapurple;
}

#generatePasswordChange:focus {
    border: 2px solid rebeccapurple;
}

#references .form-group.form-groupGI {
    margin-bottom: 16px;
}

@media (min-width: 900px) and (max-width: 1399px) {
    .modal-dialog {
        max-width: 800px;
    }
}

@media only screen and (max-width: 767px) {

    /*22-06-2021*/
    ul.navbar-nav {
        margin-left: 0;
        width: 94px;
    }

    li.nav-item.mobLogoNew {
        text-align: center;
    }

    img.mobLogoNew {
        width: 32px;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 6px;
        padding-left: 10px;
        margin-top: 2px;
    }

    .searchForm {
        margin-top: -7px;
    }

    :not(.layout-fixed) .main-sidebar {
        top: 62px;
        left: -20px;
    }

    .main-header .navbar-nav .nav-item {
        margin: 0;
        display: inline-block;
    }

    img.mobLogoNew {
        width: 32px;
        margin-top: -2px;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 5px;
    }

    a.nav-link.menuBars:hover {
        color: #fff !important;
    }

    a.brand-link {
        display: none;
    }

    .nav-item.burgericon {
        display: none;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-left: 2px;
        margin-left: 4px;
    }

    .cardBoxDB {
        padding: 0px 6px 0px;
    }

    #search-keyword:placeholder-shown {
        text-overflow: ellipsis;
    }

    .archiveBtn {
        text-align: center;
    }

    .archiveBtn a.button.delIndustries {
        margin-bottom: 14px;
        display: inline-block;
    }

    a.button.addDocBtn.headerBtn.addUser {
        margin-bottom: 14px;
        display: inline-block;
        height: 34px;
        padding-top: 2px;
    }

    input#all_docs_delButton {
        margin-bottom: 14px;
    }

    input#pending_docs_delButton {
        margin-bottom: 14px;
    }

    .searchForm input[type=text]:focus {
        width: 93%;
        padding-left: 40px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
    }

    .searchForm {
        position: initial;
    }

    .filesUpload {
        width: 700px;
    }

    .mobLogoWeb {
        display: none;
    }

    .mobLogoNew {
        display: inline-block;
    }

    ul.navbar-nav {
        width: 156px;
    }

    .bullhornPushTab .nav-tabs .nav-item {
        width: 32%;
        text-align: center;
    }

    .card-header {
        padding: 0;
    }

    .activitiesLast.activitiesFilter.bullhornFilter {
        margin-left: -7px;
    }

    .bullhornFilter {
        margin-top: 20px;
        margin-left: 10px;
    }

    .bullhornH3 .selectInfo {
        margin-top: 10px;
    }

    .content.adminUserMenu .card-header {
        padding-left: 0;
    }

    a.userDropdownIcon {
        margin-right: 7px;
    }

    .card-title ul li {
        margin-bottom: 8px;
        display: block;
    }

    /*header button center */
    .delIndustries {
        margin: 0 0 0 0;
    }

    .addDocBtn.headerBtn.fetchUpdateBtn {
        display: block;
        height: 32px;
        line-height: normal;
        margin-top: 16px;
    }

    .col-sm-4.text-right.titleRightBtn.uploadResp .addDocBtn.headerBtn {
        display: inline-block;

    }

    .col-sm-4.text-right.titleRightBtn.uploadResp .addDocBtn.headerBtn {
        display: inline-block;
        height: 32px;
        line-height: normal;
    }

    .addDocBtn.headerBtn {
        display: block;
        height: 32px;
        line-height: normal;
    }

    .uploadDocBtn a.button.addDocBtn.headerBtn {
        max-width: 200px;
        margin: 0 auto;
    }

    input#delButton {
        display: block;
        width: 100%;
        margin-bottom: 14px;
    }

    .archiveBtn a.button.delIndustries {
        display: block;
    }

    .documentsAppoval .nav-tabs .nav-link.active {
        background: #3f7a2f !important;
        color: #fff;
    }

    select#user_id {
        margin-left: 10px;
    }

    .topLeftBtn {
        padding-left: 0;
        padding-right: 0;
    }

    a.button.addDocBtn.headerBtn.addUser {
        display: block;
        height: 34px;
        line-height: 29px;
        text-align: center;
    }

    input#delButton {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .topBtnAfterHeading {
        padding-left: 0;
        padding-right: 0;
    }

    input#send_password {
        display: block;
        width: 100%;
    }

    .topBtnAfterHeading {
        padding-top: 0;
    }

    .upLoadIcon {
        margin-top: 0;
    }

    .addDetails {
        min-height: 30px;
    }

    .bullhornPull {
        display: block;
        margin-top: 10px;
    }

    .archivedUsersBtn {
        margin-top: 0;
    }

    input#delButton.archiveUsersBtn {
        margin-bottom: 14px;
    }

    .bootbox.modal.fade.bootbox-alert.show {
        width: 100%;
    }

    .card .cardBoxBg.otherCaradBg {
        padding: 24px 10px 10px;
    }

    #search-result {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        top: 68px;
    }

    .searchForm input[type="text"]:focus {
        position: fixed;
        left: 0px;
        right: 0px;
        z-index: 1;
        margin: 0px auto;
    }

    .bullhornBtnSlider {
        height: auto;
        text-align: center;
    }

    .bullhornBtnSlider .dismiss {
        width: auto;
        text-align: center;
    }

    .bullhornBtnSlider button.button,
    .bullhornBtnSlider a {
        margin-left: 10px;
        margin-right: 10px;
    }

    .bullhornBtnSlider i {
        display: none;
    }

    .expiringUploadBtn {
        text-align: center;
        margin: 20px 0;
    }

    a.button.addDocBtn.headerBtn.addUser {
        display: inline-block;
        text-align: center;
    }

    .documentsAppoval.docApprove .nav-tabs .nav-item {
        width: auto;
        display: contents;
    }

    .expiringUploadBtn input.delIndustries {
        height: 32px;
        display: inline-block;
        margin-bottom: 14px;
    }

    .documentsAppoval .nav-tabs .nav-link {
        border: 1px solid #ccc !important;
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 10px;
        border-radius: 4px;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    input#delButton.archiveUsersBtn {
        margin-bottom: 0;
    }

    .archivTopBtn .archiveBtn a.button.delIndustries {
        margin-left: 0;
        margin-right: 0;
        width: auto;
        display: inline-block;
    }

    .activitiesLast.activitiesFilter.bullhornFilter {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .dropdownReportR {
        margin-right: 20px;
    }

    .filterBtn.bullhornFilter input#filteractivities {
        height: 31px;
        margin-top: -2px !important;
    }

    .documentsAppoval.docApprove1 .nav-tabs .nav-item {
        width: auto;
        display: inline-block;
    }

    .expiringUploadBtn a.button.addDocBtn.headerBtn.addUser.uplaodNewDoc {
        margin-bottom: 14px !important;
    }

    .activitiesLastH3 select#days {
        margin-top: 0;
    }

    li.overme1.subMoreInfoOpen.info_2_shadow {
        box-shadow: inset 0 0 10px #2dac2b;
    }

    /* responsive subscriptionBox */
    .cardBodySubRes {
        display: block;
    }

    .cardBodySubWeb {
        display: none;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled li {
        height: auto;
        padding: 0;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .featuresRes {
        width: 100%;
        min-height: 55px;
        /* position: relative; */

        position: initial;
        padding: 0 10px 14px 10px;
        /* overflow: hidden; */
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .featuresResBox {
        min-height: 35px;
        width: 100%;
        z-index: 1;
        position: absolute;
        padding-top: 14px;
        white-space: initial;
        display: block;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window {
        width: 100%;
        z-index: 2;
        position: absolute;
        left: 100%;
        background: #beaaf6;
        box-shadow: inset 0 0 30px #5f42ae;
        padding: 14px;
        /* height: 543px; */

        height: auto;
        white-space: initial;
        /* top: 0; */
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window h2 {
        font-size: 18px;
        font-weight: 600;
        color: #4E3396;
        margin-bottom: 6px;
        white-space: initial;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window1 {
        width: 100%;
        z-index: 2;
        position: absolute;
        right: 100%;
        background: #c3e6b9;
        box-shadow: inset 0 0 30px #2dac2b;
        padding: 14px;
        /* height: 543px; */

        height: auto;
        white-space: initial;
        /* top: 0; */
        /* bottom: 0; */
    }

    li.overme1:last-child .message-window1 {
        bottom: 0;
        top: initial;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window1 h2 {
        font-size: 18px;
        font-weight: 600;
        color: #3f7a2f;
        margin-bottom: 6px;
        white-space: initial;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled ul.resSubBtn {
        margin: 0;
        padding: 10px;
        list-style: none;
    }

    .priceBoxOther .featuresList.featuresResList .list-unstyled ul.resSubBtn li {
        display: inline-block;
        width: 49%;
        border: 0;
        height: auto !important;
        background: none !important;
        padding: 0 !important;
    }

    .priceBoxOther .featuresResList .list-unstyled.planPrice {
        overflow: hidden;
        max-height: initial;
        min-height: initial;
        height: auto;
    }

    .priceBoxOther .featuresResList .resSubBtn a.blueBtn {
        border: 1px solid #fff;
        border-radius: 14px;
        padding: 4px 10px;
        color: #fff !important;
        background: #4E3396;
        font-size: 13px;
    }

    .priceBoxOther .featuresResList .resSubBtn a.blueBtn:hover {
        background: #ffffff96;
        color: #4E3396 !important;
    }

    .priceBoxOther .featuresResList .resSubBtn a.greenBtn {
        border: 1px solid #fff;
        border-radius: 14px;
        padding: 4px 10px;
        color: #fff !important;
        background: #3f7a2f;
        font-size: 13px;
    }

    .priceBoxOther .featuresResList .resSubBtn a.greenBtn:hover {
        background: #ffffff96;
        color: #3f7a2f !important;
    }

    .priceBoxOther .featuresList.featuresResList .pricing-divider h3 {
        width: 100%;
    }

    .featuresResList .lessfeatures {
        display: none;
    }

    .featuresResList.featuresResListOpen .lessfeatures {
        display: block;
    }

    .featuresResList.featuresResListOpen .morefeatures {
        display: none;
    }

    .featuresList.featuresResList {
        height: 100px;
        overflow: hidden;
        margin-bottom: 14px;
    }

    .featuresResList.featuresResListOpen {
        height: auto;
        overflow: initial;
        margin-bottom: 0;
    }

    .featuresList.featuresResList .pricing-divider {
        border-radius: 10px 10px;
    }

    .featuresResList.featuresResListOpen .pricing-divider {
        border-radius: 0px 0px;
    }

    .priceBoxOtherRes .princing-item {
        border: 0;
        margin: 0;
        text-align: center;
    }

    .priceBoxOther.priceBoxOtherRes .pricing-divider h3 {
        width: 100%;
    }

    .priceBoxOther.priceBoxOtherRes .pricing-divider {
        border-radius: 10px 10px 10px 10px;
        padding-bottom: 1px;
    }

    .priceBoxOther.priceBoxOtherRes .pricing-divider button.btn.btn-lg.btn-block.btn-custom {
        border-radius: 10px 10px;
    }

    a.morefeatures {
        color: #fff !important;
        display: block;
        cursor: pointer;
    }

    a.morefeatures:hover {
        background: #6ca05e;
    }

    a.lessfeatures {
        color: #fff !important;
        display: block;
        cursor: pointer;
    }

    a.lessfeatures:hover {
        background: #6ca05e;
    }

    .priceBoxOtherRes .princing-item {
        border: 0;
        margin: 0 0 30px 0px;
        text-align: center;
    }

    .priceBoxOther.priceBoxOtherRes .featuresResListOpen .pricing-divider {
        border-radius: 10px 10px 0px 0px;
    }

    .subMoreResOpen {
        background: #ffffff75;
        width: 26px;
        height: 26px;
        border-radius: 50px;
        text-align: center;
        line-height: 28px;
        position: absolute;
        right: 10px;
        top: 8px;
        border: 1px solid #fff;
        padding-top: 4px;
    }

    /* responsive subscriptionBox end */
    /* invoice css */
    .invoiceBox {
        width: 90%;
        margin: 0 auto;
    }

    .invoiceBox .text-right {
        text-align: left !important;
    }

    .invoiceBox table.table {
        width: 800px;
    }

    .invoiceBox .radio-toolbar {
        padding-top: 6px;
    }

    .form-group.premPlanInfo {
        margin-bottom: 30px;
    }

    .modal-content {
        width: 94%;
    }

    .featuresRes h2:nth-child(3) {
        font-size: 14px !important;
    }

    .priceBoxCart.priceBoxCartPremium .button {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .col-sm-6.text-right.upgradePlan,
    .col-md-6.viewFeaturesbtn {
        width: 100%;
    }

    .col-md-6.viewFeaturesbtn a.btn.btn-default.viewFeatures {
        display: block;
        width: 100%;
    }

    button#id_frm_submit {
        margin-top: 0;
    }

    .col-sm-6.text-right.upgradePlan button {
        display: block;
        width: 100%;
    }

    .subscriptionDetails .col-sm-3 {
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .subscriptionDetails .col-sm-3.dueDate {
        width: 100%;
    }

    a.btn.btn-default.viewFeatures {
        padding-left: 3px;
        padding-right: 3px;
    }

    .card .cardBoxBg.recentActWelcome {
        padding: 20px;
    }

    .col-sm-3.dueDate100 {
        width: 100%;
    }

    .priceBoxCart.cartSmallBox {
        width: 100%;
        margin-top: 0;
    }

    .priceBoxCart.cartSmallBox .cardSmallBg {
        padding: 20px 20px;
        background-size: cover;
    }

    .col-sm-4.princing-item.tier11.featuresList.featuresResList.featuresResListOpen {
        width: 100%;
        flex: initial;
    }

    .subscriptionDetails button {
        font-size: 16px;
    }

    .subscriptionDetails a {
        font-size: 16px;
        line-height: 31px;
    }

    .priceBoxOtherRes .princing-item {
        border: 0;
        margin: 0 0 30px 0px;
        text-align: center;
        width: 100%;
        flex: initial;
    }

    .emiPlanRes {
        border-top: 1px solid #ffffff6e;
        padding: 5px 0;
    }

    .emiPlanRes ul {
        margin: 0;
        padding: 0;
    }

    .emiPlanRes ul li {
        display: inline-block;
        color: #fff;
        cursor: pointer;
        margin-right: 10px;
    }

    .emiPlanRes small {
        font-size: 66%;
    }

    .emiPlanRes label:hover {
        color: #fff !important;
    }

    .priceBoxOther .standardList .panel-heading {
        height: auto;
    }

    .priceBoxOther .priceTotal {
        height: auto;
    }

    .dropdown.user.user-menu a.dropdown-toggle {
        margin-top: 2px;
        display: inline-block;
    }

    ul.navbar-nav.ml-auto {
        margin-right: 20px;
    }

    .subscriptionDetails .col-sm-3 strong {
        width: 100%;
        display: block;
        vertical-align: top;
    }

    /* .subscriptionDetails .col-sm-3 p {
        width: 47%;
        display: inline-block;
    } */
    .subscriptionDetails .col-sm-3 p {
        width: 100%;
        display: block;
    }

    ul.navbar-nav {
        width: auto;
    }

    ul.navbar-nav.ml-auto {
        margin-right: 0px;
    }

    li#cartIcon {
        margin-left: 0;
    }

    ul.navbar-nav.navRes {
        margin-left: 0;
        width: 140px;
    }

    .tabMenuSub .nav.nav-pills li {
        margin-bottom: -1px;
        width: 50%;
        line-height: normal;
    }

    span.badge.badge-warning.float-right {
        float: inherit !important;
        margin-bottom: 20px;
    }

    .tabMenuSub table {
        width: 1000px;
    }

    .tableResponsiveNew table.dataTable.nowrap th:first-child {
        padding-left: 30px;
    }

    /* .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window.visible  i.fas.fa-times ,  .priceBoxOther .featuresList.featuresResList .list-unstyled .message-window1.visible  i.fas.fa-times
    {
        display: none;
    } */
    .toast.msgPopUpCenter .toast-body {
        max-width: 90%;
        width: fit-content !important;
    }

    h1.card-title.cardTitleRes {
        width: 83%;
    }

    .recycleInfoBtn {
        right: -6px;
    }

    .table-responsive.tableResponsiveNew .dataTables_scrollHeadInner,
    .table-responsive.tableResponsiveNew .dataTables_scrollBody {
        width: 100% !important;
        height: initial !important;
        overflow: initial !important;
    }

    .table-responsive.tableResponsiveNew .dataTables_scrollHead {
        /* display: none; */
    }

    .tableResPopUp table {
        width: 1000px;
    }

    .respCust {
        max-width: 100px;
    }

    td.dtr-control {
        position: relative;
    }

    .dtr-control .dt_tooltip {
        display: none;
    }

    .dtr-control:hover .dt_tooltip {
        border-radius: 6px;
        display: block;
        position: absolute;
        max-width: 240px;
        background: #3f7a2f;
        left: 80px;
        top: 40px;
        font-size: 14px;
        padding: 4px 10px;
        color: #fff;
        z-index: 1;
    }

    .dtr-control:hover .dt_tooltip:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background: #3f7a2f;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -3px;
        transform: rotate(45deg);
    }

    #template_ducument {
        height: 2.3rem;
    }

    .upgradePlan a.button {
        display: block;
        text-align: center;
    }

    .workExpBtn.row button#id_frm_submit {
        margin-top: 10px;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::after {
        left: 47px !important;
    }

    .tableResponsiveNew table.dataTable>tbody>tr.child ul.dtr-details {
        margin-left: 38px;
    }

    .tableResponsiveNew table.dataTable>tbody>tr.child span.dtr-title {
        width: 106px;
    }

    .princing-item:hover {
        transform: initial;
    }

    li.nav-item.csHelp a span {
        display: none;
    }

    li.nav-item.csHelp a i.fas {
        font-size: 1.4rem;
        margin-top: 5px;
    }

    .sbmt_btn {
        margin-top: 0 !important;
    }

    .timeSelect .time_period_error {

        margin-top: 23px !important;
    }

    .loginReg .alert {
        margin-top: -37px;
        margin-bottom: 40px;
    }

    div#saveResetBtnSubmenu {
        position: initial;

        margin-top: 30px;
        margin-right: 35px;
    }

    .suggestpage-activity .col-1 {
        width: 100%;
    }
}

@media only screen and (min-width: 400px) and (max-width:767px) {
    .respCust {
        max-width: 300px;
    }

    span.icon_cls {
        right: 0px !important;
    }

    .col-md-8.text-right.upgradePlan {
        width: 50%;
    }

    .col-md-4.viewFeaturesbtn {
        width: 50%;
    }

    .upgradePlan a.button {
        display: inline-block;
        text-align: center;
        margin-top: 10px;
        line-height: 22px;
    }

    .col-sm-3.dueDate100 {
        width: 100%;
        flex: initial;
        max-width: initial;
    }

    button.button.cancelSubscriptionModal {
        vertical-align: bottom;
    }

    a.btn.btn-default.viewFeatures {
        padding-left: 14px;
        padding-right: 14px;
        display: inline-block;
        width: auto;
    }

    .col-sm-4.text-right.titleRightBtn.uploadResp {
        width: 50%;
    }

    .col-md-8.docResp {
        width: 50%;
    }

}

@media only screen and (min-width: 660px) and (max-width:767px) {
    .upgradePlan a.button {
        /* display: inline-block;
        text-align: center;
        vertical-align: top;
        margin-top: 0; */
    }

    button#id_frm_submit {
        margin-top: 0;
        display: inline-block;
        width: auto;
        vertical-align: top;
    }

    .loginReg .login-inner-form button#id_frm_submit {
        width: 100%;
    }

    table.dataTable.nowrap th:first-child input {
        margin-left: 0;
    }

    table.dataTable thead>tr>th,
    table.dataTable tr>td {
        width: 30px !important;
    }

    .col-sm-6.text-right.upgradePlan button {
        display: inline-block;
        width: auto;
        margin-top: 0;
        vertical-align: top;
    }

    .col-sm-6.text-right.upgradePlan,
    .col-md-6.viewFeaturesbtn {
        width: 100%;
        flex: initial;
        max-width: initial;
    }

    .col-md-6.viewFeaturesbtn a.btn.btn-default.viewFeatures {
        display: inline-block;
        width: auto;
        max-width: initial;
        padding-left: 10px;
    }

}

@media only screen and (max-width: 350px) {
    ul.navbar-nav {
        width: 180px;
    }

    .tableResponsiveNew .respCust {
        max-width: 105px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 560px) {
    .tableResponsiveNew .respCust {
        max-width: 140px;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 561px) and (max-width: 767px) {
    .tableResponsiveNew .respCust {
        max-width: 330px;
        margin-left: 86px;
    }

    .tableResponsiveNew table.dataTable>tbody>tr.child span.dtr-title {
        width: 30%;
    }

    .tableResponsiveNew table.dataTable>tbody>tr.child span.dtr-data {
        width: 68%;
    }
}

@media (min-width: 768px) and (max-width: 1400px) {

    .tableResponsiveNew table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        right: initial;
        left: 10px;
        top: 23px;
    }

    .tableResponsiveNew table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        padding-left: 50px !important;
    }

    .tableResponsiveNew .respCust {
        width: 90%;
    }

    .tableResponsiveNew table.table-bordered.dataTable th:first-child {
        padding-left: 50px !important;
        /* width: 50%!important; */
    }

    .tableResponsiveNew table.dataTable.dtr-inline.collapsed>tbody>tr>td {
        /* width: 50%!important; */
    }

    .dtr-control:hover .dt_tooltip {
        border-radius: 6px;
        display: block;
        position: absolute;
        max-width: 240px;
        background: #3f7a2f;
        left: 80px;
        top: 40px;
        font-size: 14px;
        padding: 4px 10px;
        color: #fff;
        z-index: 1;
    }

    .tableResponsiveNew table.dataTable>tbody>tr.child ul.dtr-details {
        margin-left: 38px;
    }
}

#search-keyword:placeholder-shown {
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    max-width: 220px;
}

.page-item.disabled .page-link,
.page-item .page-link {
    margin: 0;
    padding-bottom: 9px;
}

/* responsive table start css */
.dt_tooltip {
    display: none;

}

.toottip3Line {

    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.dtr-details:hover .dt_tooltip {
    border-radius: 6px;
    display: block;
    position: absolute;
    max-width: 240px;
    background: #3f7a2f;
    left: 80px;
    top: 40px;
    font-size: 14px;
    padding: 4px 10px;
    color: #fff;
    z-index: 1;
}

.mobileResTable table.dataTable>tbody>tr.child span.dtr-data .dt_tooltip {
    display: none;
}

.mobileResTable table.dataTable>tbody>tr.child span.dtr-data:hover .dt_tooltip {
    display: block;
    position: absolute;
    left: 0;
    z-index: 11;
    width: auto;
    background: red;
    top: 30px;
}

.mobileResTable table.dataTable>tbody>tr.child span.dtr-data {
    width: 85%;
    word-break: break-word;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    overflow: initial;
    text-overflow: ellipsis;
    position: relative;
}

.mobileResTable table.dataTable>tbody>tr.child span.dtr-data:hover .dt_tooltip {
    border-radius: 6px;
    display: block;
    position: absolute;
    max-width: 240px;
    background: #3f7a2f;
    left: 0px;
    top: 40px;
    font-size: 14px;
    padding: 4px 10px;
    color: #fff;
    z-index: 10;
    word-break: break-word;
    white-space: break-spaces;
}

.mobileResTable table.dataTable>tbody>tr.child span.dtr-data:hover .dt_tooltip:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3f7a2f;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -3px;
    transform: rotate(45deg);
}

.dtr-control:hover .dt_tooltip:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3f7a2f;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -3px;
    transform: rotate(45deg);
}

.dropdown-menu-lg .dropdown-item {
    padding: .9rem 1rem .5rem;
    width: 260px;
    white-space: normal;
}



@media (max-width: 767px) {
    .mobileResTable table.dataTable>tbody>tr.child span.dtr-data:hover .dt_tooltip {
        min-width: 100px;
        text-align: center;
    }

    .payPalCcBox .nav-tabs {
        max-width: 210px !important;
    }


}

@media (max-width: 1756px) {

    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        height: 1em;
        width: 1em;
        margin-top: -5px;
        border: .1em solid white;
        background-color: #3f7a2f;
        line-height: 0.8em;
        right: initial;
        left: 12px;
        content: "+";
        position: absolute;
        color: white;
        border-radius: 1em;
        box-shadow: 0 0 0.2em #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        top: 18px;
        line-height: 16px;
    }

    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
        content: "-";
        background-color: #d33333;
        position: absolute;
        color: white;
        border-radius: 1em;
        box-shadow: 0 0 0.2em #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        line-height: 19px;
    }

    .mobileResTable table.dataTable>tbody>tr.child span.dtr-title {
        width: 140px;
        vertical-align: top;
        display: inline-block;
        min-width: 75px;
        font-weight: bold;
    }

    .mobileResTable table.dataTable>tbody>tr.child span.dtr-data {
        width: 85%;
        word-break: break-word;
        display: inline-block;
        vertical-align: top;
        white-space: initial;
        /* overflow: hidden; */
        text-overflow: ellipsis;
        position: relative;
    }

    .mobileResTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        border-bottom: 1px solid #efefef;
        padding: .5em 0;
        list-style: none;
    }

    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        font-weight: normal;
        padding-left: 178px !important;
        padding-left: 55px !important;
        padding-right: 40px;
        cursor: pointer;
    }
}

@media (max-width: 1024px) {

    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        top: 22px;
    }

    table#user-subscriptions-lists {
        min-width: 1200px;
    }

    #updateDescriptionModal.updateDesPopUp .modal-content.updateDesPopUpMod {
        max-width: 80%;
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 1356px) {

    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        position: relative;
        padding-left: 55px !important;
        padding-right: 40px;
    }

    .mobileResTable table.dataTable>tbody>tr.child span.dtr-data {
        width: 60%;
    }

    .respCust {
        /* font-weight: bold; */
    }

    #lastLogin {
        position: relative;
        margin-top: 0;
        display: block;
        line-height: normal;
        width:220px;
    }

    .bullhornBtnSlider .dismiss {
        text-align: left;
    }
}

@media (max-width: 767px) {

    /* .mobileResTable thead  tr th{
        display: none;
    } */
    .mobileResTable table.dataTable>tbody>tr.child span.dtr-data {
        width: 90px;

    }

    span.icon_cls {
        right: 0px !important;
        background: #e9edf2;
        padding: 0 7px;
    }

    .mobileResTable .collapse {
        position: relative;
        left: -178px;
        word-break: break-word;
        width: calc(100% - -219px);
    }

    .mobileResTable .collapse .table {
        width: 100%;
        min-width: 100%;
        word-break: break-all;
        text-overflow: ellipsis;
    }

    .recentActTh {
        width: 280px !important;
    }

    .form-group.affixJobTitle {
        margin-top: 56px;
    }

    .collapsible {
        padding: 2px 22px 2px 10px;
    }

    .mobileResTable table.dataTable>tbody>tr.child span.dtr-data:hover .dt_tooltip {
        white-space: normal;
    }

    .mobileResTable.docInfo table.dataTable>tbody>tr.child span.dtr-data:hover .dt_tooltip {

        width: 100px;
    }

    .userVha.userVhaLB .personalCollap .upDownArrow {
        right: 10px;
        top: 8px;
    }

    button.button.topRBtn.we_arch_show {
        margin-top: 14px;
    }

    .col-md-2.text-right.recycleInfoBtn button.button.topRBtn.we_arch_show {
        margin-top: -7px;
    }

    #recentActivity {
        overflow: auto;
        max-height: 250px;
    }

    li.overme1:last-child .message-window-prem-65.message-window.visible {
        bottom: 0;
        top: initial;
    }

    .priceBoxCart.cartSmallBox {
        margin-top: 30px;
    }

    .multipleCart1 {
        width: 60%;
    }

    .multipleCart2 {
        width: 10%;
    }

    .multipleCart3 {
        width: 30% !important;
    }

    .multicartLink .collapseShowInfo ul {
        padding-left: 20px;
    }

    .shoppingCartLRes.totalLeft {
        width: 70%;
    }

    .shoppingCartRRes.totalRight {
        width: 30%;
    }

    .row.multipleCartTotal {
        margin-top: 30px;
        border-top: 1px solid #fff;
        padding-top: 18px;
    }

    #userListCont .userUploadRes:last-child {
        margin-left: 0px;
        display: block;
    }

    .emailBox {
        width: 90%;
        margin: 0 auto;
    }

    .tabMenuSub.tabMenuSubOther ul.nav.nav-pills li {
        width: 100%;
    }

    .tabMenuSub.tabMenuSubOther ul.nav.nav-pills li a.active {
        background: #3f7a2f !important;
        color: #fff !important;
    }

    .tabMenuSub.tabMenuSubOther ul.nav.nav-pills li a {
        padding: 10px !important;
        height: auto;
        border-radius: 4px;
    }

    .savecard_align {
        margin-top: 0px;
    }

    .savecard_align_multi {
        margin-top: 0 !important;
        position: initial !important;
        width: 100%;
        text-align: left;
    }

    label.savecard_align.savecard_align_upgr {
        position: initial;

    }

    label.savecard_align.savecard_align_change {
        position: initial !important;
        width: 100%;
    }

    .row.payPalBox label.paymentTab {
        margin: 0 auto 16px;
        width: 100%;
    }

    .row.payPalBox label.paymentTab:last-child {
        margin: 0 auto 0px;

    }

    label.savecard_align.savecard_align_change {

        position: initial;

    }

    .loginReg #pswd_info {
        margin-top: 20px;
        text-align: left;
        position: absolute;
        top: 440px;
        right: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 18px 0 rgba(25, 42, 70, .5);
        border: 1px solid red;
        z-index: 1;
    }

    .braintree-dropin {

        max-width: 210px !important;
    }

    .priceBoxCart h2 strong {
        margin-left: 0px;
        display: block;
    }

    .shoppingCartLRes .removePlan {
        position: absolute;
        left: 7px;
        top: -8px;

    }
}

@media (min-width: 676px) and (max-width: 767px) {

    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        position: relative;
        padding-left: 55px !important;
        padding-right: 40px;
    }
}

@media (max-width: 675px) {

    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        padding-left: 178px !important;
    }

    .content-wrapper h1 center {
        margin-top: 30px;
    }
}


@media only screen and (max-width: 400px) {

    .multipleCart3 {
        width: 43% !important;
    }

    .multipleCart1 {
        width: 47%;
    }
}


@media (max-width:500px) {
    .subscriptionDetails .col-sm-3 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-groupGI.otherName {
        margin-bottom: 40px !important;
    }

    .form-groupGI.otherName .csInfo {
        top: 20px;

    }

    .shoppingCartRRes.totalRight {
        width: 43%;
    }

    .shoppingCartLRes.totalLeft {
        width: 57%;
    }
}

/* @media (max-width: 552px){
    .mobileResTable thead  tr th{
    display: none;
}
    .respCust {
    max-width: 100px;
}
} */
/* responsive table start end */
/*reward css*/
.vertical_line {
    border-top: 1px solid #fff;
}

.vertical_line h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 2px;
    /* text-align: right; */
}

.shoppingCartLRes.totalLeft.vertical_line {
    padding-top: 8px;
}

.vertical_line h3 {
    margin-bottom: 4px;
    margin-top: 8px;
}

.removeCoupon {
    margin-top: 11px;
    display: inline-block;
}

.row.coupon_div.vertical_line.vertical_line {
    background: #ffffff9c;
    color: #0b2e4e;
    padding: 10px;
    border: 2px dashed #0b2e4e;
    border-radius: 6px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
}

.btn.btnRedeem {
    border: 2px solid #4E3396;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 2px;
    margin-left: 20px;
    background: #4E3396;
    margin-top: -1px;
}

input#coupn_code {
    background: none;
    border: 2px solid #4E3396;
    padding-left: 10px;
    width: 300px;
}

.coupon_div h2 {
    margin-top: 7px;
    display: inline-block;
    padding-right: 10px;
}

.row.coupon_div.vertical_line.vertical_line {
    text-align: right;
}

.priceBoxCart h3 {
    text-align: right;
}

.color_red {
    color: #f7807f !important;
    font-weight: bold;
}

.color_red {
    color: #f7807f !important;
    font-weight: bold;
}

.color_pink {
    color: #f516f5 !important;
    font-weight: bold;
}

.color_pink {
    color: #f516f5 !important;
    font-weight: bold;
}

.color_orange {
    color: #ff9900 !important;
    font-weight: bold;
}

.color_orange {
    color: #ff9900 !important;
    font-weight: bold;
}

.pagination .disabled {
    pointer-events: none;
    opacity: 0.6;
}

/* Background color with Bold for new notification */
.color-indication {
    font-size: 14px;
    border: 0px solid #afadad;
    padding: 7px;
    font-weight: 700;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}

.new-notification-color {
    background-color: #03a9f521;
}

.new-notification-color1 {
    background-color: #ffebdf;
}

.new-notification-color2 {
    background-color: #f7807f;
}

.new-notification-color3 {
    background-color: #ff74ff;
    margin-left: 20px;
}

.new-notification-color4 {
    background-color: #ff9900;
    margin-left: 20px;
}

/* end */
.modal-body .card-header.cardHeaderPop .card-title {
    margin-bottom: 0px;
}

.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    height: 1em;
    width: 1em;
    margin-top: -5px;
    border: .1em solid white;
    background-color: #3f7a2f;
    line-height: 0.8em;
    right: initial;
    left: 12px;
    content: "+";
    position: absolute;
    color: white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    top: 18px;
    line-height: 16px;
}

.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    content: "-";
    background-color: #d33333;
    position: absolute;
    color: white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 19px;
}

.mobileResTable table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0;
    list-style: none;
}

.mobileResTable table.dataTable>tbody>tr.child span.dtr-title {
    width: 140px;
    vertical-align: top;
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
}

.mobileResTable table.dataTable>tbody>tr.child span.dtr-title {
    width: 160px;
    vertical-align: top;
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
}

.mobileResTable table.dataTable>tbody>tr.child span.dtr-data a.iconLink.checkIcon {
    width: auto !important;
}

.bootbox-accept.btn:hover {
    color: #fff;
    background: #4E3396 !important;
    border: 1px solid #4E3396 !important;
}
#cs-listing-cont .essPopUp {
    margin-bottom: 10px;
}
.cancelBtnB.btn.btn-default {
    margin-right: 1px;
    cursor: pointer;
}
/*ipad table css start*/

@media (max-width: 1300px) {
    .ipadTable table.dataTable {
        width: 100% !important;
        min-width: auto;
    }

    .ipadTable .respCust {
        max-width: 210px;
    }

    .ipadTable td a.iconLink.checkIcon {
        width: auto !important;
        margin-right: 20px;
    }

    .ipadTable.mobileResTable table.dataTable>tbody>tr.child span.dtr-title {
        width: 180px;
        vertical-align: top;
        display: inline-block;
        min-width: 75px;
        font-weight: bold;
    }

    .ipadTable.mobileResTable .detail_in_desc,
    .ipadTable.mobileResTable .description {
        width: auto !important;
        overflow: initial !important;
        position: relative;
        display: inline-block !important;
        text-decoration: none;
        text-overflow: initial !important;
        white-space: initial !important;
        min-width: 200px;
        text-align: left;
        margin-left: -10px;
        line-height: normal;
    }

    .ipadTable td a.iconLink.checkIcon {
        width: auto !important;
    }

    .ipadTable table.dataTable {
        width: 100% !important;

    }

    .ipadTable td:first-child a {
        /* width: 200px!important; */
        width: 100% !important;
        max-width: 100% !important;
        padding: 0;
        overflow: initial !important;
        position: relative;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        text-overflow: initial !important;
        white-space: initial !important;
        vertical-align: middle;
        text-align: left !important;
    }

    .ipadTable.formDesTableRes td:first-child a {
        width: auto !important;

    }

    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control .name_cat_edit>a {
        display: block;
    }

    .ipadTable .respCust {
        width: 110px;
        max-width: 110px;
    }

    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        top: 22px;
        height: 1em;
        width: 1em;
        margin-top: -10px;
        border: 0.1em solid white;
        background-color: #3f7a2f;
        line-height: 0.8em;
        right: initial;
        left: 12px;
        content: "+";
        position: absolute;
        color: white;
        border-radius: 1em;
        box-shadow: 0 0 0.2em #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        /* line-height: normal; */
    }

    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
        content: "-";
        background-color: #d33333;
        position: absolute;
        color: white;
        border-radius: 1em;
        box-shadow: 0 0 0.2em #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        line-height: normal;
    }

    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        position: relative;
        padding-left: 55px !important;
        padding-right: 40px;
    }

    .ipadTable.mobileResTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        border-bottom: 1px solid #efefef;
        padding: .5em 0;
        list-style: none;
    }

    .ipadTable.mobileResTable table.dataTable>tbody>tr.child span.dtr-data {
        width: 70%;
        white-space: break-spaces;
    }
    .ipadTable.mobileResTable table.dataTable>tbody>tr.child span.dtr-data a {
        display: inline-block;
        width: auto!important;
    }
    .work_experience_item.userInof.viewProfile .table-responsive table {
        min-width: 1500px;
    }

    .check_all input#check_all {
        float: right !important;
    }

}

@media (max-width: 1000px) {
    .archivedSysBtn {

        height: 42px !important;
        margin-top: 10px !important;
    }

    .dropdown-toggle.archivedSysBtn {
        height: 42px !important;
        margin-top: 10px;
        vertical-align: bottom;
        display: inline-block;
    }
}

@media (max-width: 767px) {

    .ipadTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .ipadTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        font-weight: normal;
        padding-left: 138px !important;
        padding-right: 40px;

    }

    .ipadTable .table-responsive.tableResponsiveNew .dataTables_scrollHead {
        display: none;
    }

    .ipadTable .respCust {
        max-width: 300px;
    }

    .loginReg .alert {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .payPalCcBox .tab-content {
        margin-top: 0;
    }

    .shoppingCartLRes .removePlan {
        position: absolute;
        left: initial;
        right: -30px;
    }

    .zipCodeiPad.col-md-6 .col-md-6.zipCodeMd5,
    .zipCodeiPad.col-md-6 .col-md-6.zipCodeMd7 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .form-group.radioBtn i.iconInput.fas.fa-envelope {
        top: 6px;
        bottom: initial;
    }

    h1.welcomeH1 {
        display: block;
        text-align: left;
        margin-left: 10px;
    }

    .onBoardingBtn {
        width: 224px;
        float: initial;
        margin: 0 auto;
        margin-top: 16px;
    }

    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        top: 16px;
    }

    #terms_conditions h3.card-title.popUpTitle {
        margin-bottom: 0;
    }

    #terms_conditions button.close {
        position: absolute;
        right: 10px;
        top: 0px;
    }

    #documents ul.dtr-details {
        margin: 0;
        padding-left: 0;
    }

    .mobileResTable table.dataTable>tbody>tr.child span.dtr-data {
        width: 120px !important;
        /* overflow: hidden!important; */
    }

    .ipadTable.mobileResTable table.dataTable>tbody>tr.child span.dtr-title {
        width: 150px;
    }

    table tr td ul.dtr-details {
        padding-left: 0;
    }

    #references i.iconInput.fas.fa-map-marked {
        top: 10px;
    }

    #work_experience_items.requestForm i.iconInput.fas.fa-map-marked {
        top: 10px;
    }

    .mobileResTable table.dataTable>tbody>tr.child ul.dtr-details>li:last-child span.dtr-data {
        width: 120px;
    }

    nav.main-header.navbar.navbar-expand.navbar-white.navbar-light .dropdown-menu-right {
        right: -130px;
        left: auto;
        top: 60px;
    }

}

@media (min-width: 550px) and (max-width: 767px) {


    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        padding-left: 48px !important;
    }

}

@media (max-width: 549px) {
    .ipadTable.mobileResTable thead tr th {
        display: none;
    }

    .ipadTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::after {
        left: 30px;
        top: 8px;
        content: "Posted On";
        position: absolute;
        font-weight: bold;
    }

    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .ipadTable.mobileResTable table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        padding-left: 174px !important;
    }

    .ipadTable .respCust {
        max-width: 100px;
    }
}

@media (min-width: 1025px) and (max-width: 1100px) {
    .card .cardBoxBg.recentActWelcome.recentActInfo .table-responsive {
        display: block !important;
    }

    .recActLink i {
        display: none;
    }

    .card .cardBoxBg.recentActWelcome {
        max-height: 336px;
    }

    .profile-username.proWelName {
        margin-top: 20px;
        text-align: left !important;
        margin-left: 20px;
    }

    span.text-muted.text-left.proViewMore {
        text-align: left !important;
    }
}

@media (max-width: 1099px) {
    .autoSave {
        margin-top: 10px;

    }
}

@media (min-width: 1101px) and (max-width: 1238px) {
    .priceBoxOther .panel-tabs>li:last-child {

        margin-top: 8px;
    }
}

@media (min-width: 1000px) and (max-width: 1220px) {

    .cardBoxDB .col-lg-3 .small-box h2,
    .cardBoxDB .col-md-3 .small-box h2,
    .cardBoxDB .col-xl-3 .small-box h2 {
        font-size: 2rem;
        margin-bottom: 18px;
    }

    .small-box .icon {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 49px;
    }
}

@media (min-width: 1025px) {
    .card .cardBoxBg.recentActWelcome.recentActInfo .table-responsive {
        display: block !important;
    }

    #recycleInfo .respCust {
        max-width: 360px !important;
        width: initial !important;
    }
}

@media (min-width: 1025px) and (max-width:1144px) {
    .makePrimaryEmail .form-group.radioBtn.alternateEmail {
        margin-top: 30px;
    }

    .makePrimaryEmail label.control-label.altEmailAddress {
        margin-top: 0px;
        margin-left: -10px;
    }

    .makePrimaryEmail label#email2 {
        top: -52px;
    }

    .form-group input:valid~.control-label#email2,
    .form-group.radioBtn label.control-label#lblEmail {
        top: -50px;
    }

    .makePrimaryEmail label.control-label.altEmailAddress {
        margin-top: 0px;
        margin-left: -10px;
    }

    .emailAddInfo span.emailPrimary {
        left: -8px;
        top: -9px;
    }

    input#email.autoupdate {
        margin-top: 30px;
    }

    .emailAddInfo span.emailPrimary {
        left: -8px;
        top: -30px;
        font-size: 1rem !important;
    }

    button.btnBg.button {
        font-size: 1em;
    }

    .timeSelect .row:first-child {
        width: auto;
    }

    .col-md-6.timePeriod,
    .col-md-6.timeLast {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .timePeriod .col-md-6:nth-child(2) .form-group:after {
        content: initial;
    }

    .form-group.selectColderselectCust.timePeriodSelt18,
    .form-group.selectColderselectCust.timePeriodSelt28 {
        margin-bottom: 20px;
    }
    .col-md-6.timeLast .col-md-6 .form-group:last-child {
        margin-left: 0;
    }
}




/*ipad table css end*/

.personalCollap.focused {
    border-color: rgba(82, 168, 236, 0.8) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    outline: 0;
    outline: thin dotted \9;
}



a.viewFeatures:focus,
a.viewUpgrade:focus,
a.viewUpdate:focus {
    color: #fff !important;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    background: #4E3396 !important;
    border: 1px solid #4E3396 !important;
}

/* Code start - Code for the side anvigation tooltip */
.sidebar-mini .nav-sidebar .nav-link {
    overflow: visible;
}

.tooltip-sh {
    position: relative;
    display: block;
    overflow: visible !important;

}

.tooltip-sh .tooltip-shtext {

    visibility: hidden;
    position: absolute;
    width: 100%;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    background-color: transparent;
    left: 62px;
    /*top:50%;*/
    top: auto;
    bottom: 7px;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
    border: solid 0px red;
    height: 1px;
    background-image: url(../img/triangle.png);
    background-position: center -1px;
    background-repeat: no-repeat;
    line-height: 16px;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom .tooltip-contents::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    DISPLAY: NONE;
}

.tooltip-contents {
    width: auto;
    display: inline-block;
    max-width: 100%;
    rgin: 0 auto;
    background-color: #ffffff;
    color: #000000;
    border: solid 1px black;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 12px;
}

.tooltip-sh .tooltip-shtext::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    /*display: none;*/
}

.tooltip-sh:hover .tooltip-shtext {
    visibility: visible;
    opacity: 1;
}
.form-group select {
    padding: 6px 34px 6px 40px;
}
#displaySelectedUsers form#delUsersPopup span#allCSListAssignError {
    margin-top: -12px;
}
#displaySelectedUsers form#delUsersPopup  div#user_list_cont {
    margin-top: 24px;
}
#user-listing-cont .multiSelectDrop .select2.select2-container span.select2-selection.select2-selection--multiple {
    padding-right: 36px;
}
@media (max-width: 767px) {
    .col-md-12.col-lg-6.timeSelect.timePeriodMain .col-md-6.timePeriod .form-group.selectColderselectCust.timePeriodSelt18 {
        margin-bottom: 19px;
    }
    .col-md-12.col-lg-6.timeSelect.timePeriodMain #start_month.timePeriod1 .time_period_error.val_error {
        margin-top: -7px!important;
        margin-left: 0px;
        display: block;
    }
    .col-md-12.col-lg-6.timeSelect.timePeriodMain {
        margin-top: 20px;
    }
    .col-md-12.col-lg-6.timeSelect.timePeriodMain #start_month.timePeriod1 {
        top: -32px;
    }
}

.details.otp_msg p {
    margin-bottom: 35px !important;
    color: #3f7a2f;
}

.details.otp_msg h3 {
    margin-bottom: 10px;
}

.resend_link{
    font-size: 16px;
    color: #3f7a2f;
    font-weight: bold;
}
/* Code end */



/*classes added on 26th aug 2024*/

.form-group.frmBtn.generatePassAuto {

    margin-bottom: 0;
}
.mobileResTable table.dataTable>tbody>tr.child span.dtr-data {
    /*width: auto;*/
    word-break: break-word;
    display: inline-block;
    vertical-align: top;
    white-space: initial;
    text-overflow: ellipsis;
    position: relative;
    left: 138px;
}

/*classes added on 26th aug 2024*/

/* .form-group.frmBtn.generatePassAuto {
    margin-bottom: 0;
}

.generatePass.form-group {
    margin-top: -15px;
}

@media only screen and (max-width: 400px) {
    .form-group.frmBtn.passwordFild {
        margin-bottom: 42px;
    }
}

.bm0{
	margin-bottom: 0 !important;
}
.mt0{
	margin-top: 0 !important;
}


#password_val_error_msg{
	position: relative !important;
}
    margin-bottom: 0 !important;
}
.mt0{
    margin-top: 0 !important;
}
#password_val_error_msg{
	position: relative !important;
}
.fileUpload {
    height:35px;
}

@media (max-width: 767px) {
    .mobileResTable table.dataTable>tbody>tr.child span.dtr-data {
        left: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .changePassInfo div#pswd_info {
        position: absolute !important;
        height: auto !important;
        / top: 297px !important; /
        right: initial !important;
        left: 0 !important;
        max-width: 100% !important;
        bottom: -122px !important;
    }
}

@media only screen and (max-width: 767px) {
    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 5px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .loginReg #pswd_info {
        height: 200px !important;
        margin-top: 365px !important;}


  .passwordFild{
    margin-top: 50px !important;}

.fileUpload {
height:35px !important;
}

}


@media (min-width: 1025px) and (max-width: 1100px){
    .card .cardBoxBg.recentActWelcome.userWlcInfo .row .col-md-12 {
        display: block !important;
        text-align: left !important;
    }
}

@media (min-width: 1025px) and (max-width: 1100px){

	.form-group.frmBtn.generatePassAuto {
        margin-bottom: 40px !important;
    }
    .loginReg #pswd_info {
        height: 200px !important;
        margin-top: 365px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {

    .form-group{
        margin-bottom: 0 !important;
    }

}

.checkbox label, .form-radio label{
	display: inline-block !important;
}

@media (min-width:1024px) {

    .form-group{
        margin-bottom: 42px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1100px){

    .loginReg #pswd_info {
        height: 200px !important;
        margin-top: 365px !important;
    }
}

@media (min-width: 767px) and (max-width: 400px) {
	.form-group.frmBtn.generatePassAuto {
		margin-bottom: 42px !important;
	}
} */

.dropdown.user.user-menu a.dropdown-toggle:focus {
    color: #ffffff !important;
}
.navbar-expand .navbar-nav .notiMenu a.nav-link:hover {
    color: #ffffff !important;
}
a.dropdown-toggle:hover {
    color: #ffffff !important;
}

.rejectAvai{
    background-color: #cc2255 !important;
}