.fl-danger, .fl-error, .fl-info, .fl-success, .fl-warning, .flash-msg {
    background-origin: content-box !important;
    background-size: 33px 33px !important;
    border: 0.1em solid;
    margin: 15px;
    padding: 18px 18px 15px 50px;
    background-repeat: no-repeat !important;
    background-position: -41px center !important;
    font-size: 95%;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff !important;
}

.fl-info {
    color: #000;
    border-color: #83b0d8;
    background: url(../images/info.png);
}

.fl-success {
    color: #000;
    border-color: #32bea6;
    background: url(../images/success.png);
    background-origin: content-box;
    background-size: 33px 33px;
}

.fl-warning {
    color: #000;
    border-color: #e6aa2e;
    background: url(../images/warning.png);
}

.fl-error {
    color: #000;
    border-color: #e84b4b;
    background: url(../images/error.png);
}

.fl-danger {
    color: #000;
    border-color: #e84b4b;
    background: url(../images/danger.png);
}

.mdl-danger, .mdl-error, .mdl-info, .mdl-success, .mdl-warning, .modal-msg {
    background-origin: content-box !important;
    background-size: 33px 33px !important;
    border: 0.1em solid;
    margin: 15px 0;
    padding: 18px 18px 15px 50px;
    background-repeat: no-repeat !important;
    background-position: -41px center !important;
    font-size: 95%;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff !important;
}

.mdl-info {
    color: #000;
    border-color: #83b0d8;
    background: url(../images/info.png);
    background-origin: content-box;
    background-position: -41px center;
}

.mdl-success {
    color: #000;
    border-color: #32bea6;
    background: url(../images/success.png);
    background-size: 33px 33px;
    background-origin: content-box;
    background-position: -41px center;
}

.mdl-warning {
    color: #000;
    border-color: #e6aa2e;
    background: url(../images/warning.png);
    background-size: 33px 33px;
    background-origin: content-box;
    background-position: -41px center;
}

.mdl-error {
    color: #000;
    border-color: #e84b4b;
    background: url(../images/error.png);
}

.mdl-danger {
    color: #000;
    border-color: #e84b4b;
    background: url(../images/danger.png);
}

.dropdown-menu {
    z-index: 9;
}

.jms-menu-all .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.radio label.error:before {
    border: 0 !important;
}

.text-right.checkbox label:before {
    left: 3px !important;
}

.text-right.checkbox label:after {
    left: 2px !important;
    padding-left: 0 !important;
    box-shadow: none;
    margin-left: -22px;
}

.no-padding.widget header {
    margin: 0;
    padding: 20px 20px;
    clear: both;
    min-height: 67px;
    display: block;
}

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

.jms-line {
    font-size: 15px;
    color: #303030;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #6f0857;
}

.z-indx-0 {
    z-index: 0 !important;
}

.btn-common-w {
    min-width: 65px;
}

#jms-map {
    height: 250px;
    width: 100%;
}

.width-auto {
    width: auto !important;
}

.jms-table-pad {
    padding: 10px !important;
}

.form-control-sm {
    height: calc(1.9em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 13px;
    line-height: 1.6;
    border-radius: 3px;
}

.fc-button-primary:not(:disabled).fc-button-active:focus, .fc-button-primary:not(:disabled):active:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.fc-button-primary:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.display-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

a:focus, button:focus, input:focus, option:focus, select:focus, textarea:focus {
    outline: 1px auto #5d204f !important;
    outline-offset: -2px !important;
    outline: 0 !important;
    outline-style: none !important;
}

.fa-xl {
    font-size: 1.9em;
    line-height: 0.85em;
    vertical-align: -15%;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #d6d6d6;
}

.padding-lg {
    padding: 20px !important;
}

.padding-md {
    padding: 15px !important;
}

.padding-sm {
    padding: 10px !important;
}

.padding-xs {
    padding: 5px !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.bottom-fixed {
    bottom: 0 !important;
    right: 15px;
}

.top-fixed {
    top: 0 !important;
    right: 15px;
}

.panel-default>.panel-heading {
    background-color: #eee;
}

.h4.panel-title, h4.panel-title {
    font-size: 16px;
}

.loader-wrap {
    background-color: rgba(238, 238, 238, 0.5) !important;
    z-index: 9999999 !important;
}

.jms-modal.modal-body {
    min-height: 200px !important;
}

.jms-modal-avg.modal-body {
    min-height: 300px !important;
}

.jms-modal-md-sm.modal-body {
    min-height: 400px !important;
}

.jms-modal-md.modal-body {
    min-height: 500px !important;
}

.jms-modal-fs.modal-body {
    height: calc(100vh - 165px) !important;
    overflow-y: auto;
}

.jms-modal-fs-75.modal-body {
    height: calc(75vh - 100px) !important;
    overflow-y: auto;
}

.jms-modal-fs-80.modal-body {
    height: calc(80vh - 100px) !important;
    overflow-y: auto;
}

.width-status {
    width: 110px !important;
    white-space: nowrap;
}

.width-300 {
    width: 300px;
}

.width-350 {
    width: 300px;
}

.height-500 {
    min-height: 580px;
}

.height-550 {
    min-height: 550px;
}

.height-350 {
    height: 350px;
}

.height-400 {
    height: 400px;
}

.height-450 {
    height: 450px;
}

.jms-sticky-btn-curve {
    border-radius: 0 0 5px 5px !important;
}

.jms-msg-position {
    position: fixed !important;
    z-index: 99999 !important;
    bottom: 15px !important;
    left: 15px !important;
}

.jms-height-500 {
    height: 500px;
}

.card-height {
    min-height: 62px;
}

.jms-cursor {
    cursor: pointer !important;
}

.jms-deny {
    cursor: not-allowed !important;
}

.form-control[readonly] {
    background-color: transparent;
    cursor: pointer;
}

textarea {
    resize: none;
}

input::-moz-focus-inner {
    border: 0;
}

embed, object {
    outline: 0;
}

a, a:active, a:focus, a:hover {
    outline: 0 !important;
}

.content {
    padding: 25px 20px;
    background-color: transparent;
}

.jms-border-rounded {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.jms-disabled {
    opacity: 0.5;
    pointer-events: none;
    filter: grayscale(100%);
}

.jms-disabled-trans {
    opacity: 0.5;
    pointer-events: none;
}

.jms-hide {
    display: none;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.vertical-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.loader-jms {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    margin: 0 auto;
    top: 130px;
    z-index: 0;
}

.loader-jms p {
    text-align: center;
    padding-top: 42%;
    margin: 0;
}

.loader-jms:after, .loader-jms:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 20px solid transparent;
    border-top-color: #5d204f;
}

.loader-jms:before {
    z-index: 100;
    animation: spin 1s infinite;
}

.loader-jms:after {
    border: 20px solid #ccc;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.navbar-brand {
    text-align: center;
    margin: 0 auto;
    padding: 10px 15px;
    font-size: 19px;
    line-height: 25px;
    height: 60px;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.navbar-brand img {
    height: 28px;
    padding: 0;
    margin-bottom: 3px;
}

.jms-unit-name {
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    max-width: 500px !important;
    text-align: center;
    margin: 0 auto;
}

.jms-unit-name .tooltip {
    font-weight: 500;
    color: #fff;
}

.navbar {
    background-color: #5d204f;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
    z-index: 10;
    min-height: 58px;
}

.jms-date {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin: 0 auto;
    font-weight: 400;
}

.name-separator::before {
    content: ":";
    color: #000;
    font-weight: 700;
    padding-right: 10px;
}

.navbar-left.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 4px;
}

.navbar-left .hello {
    font-size: 11px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    padding-left: 1px;
    line-height: 0;
}

.navbar-left .nav-user-name {
    font-size: 15px;
    padding: 0;
    margin: 0;
    font-weight: 500;
    line-height: 17px;
    padding-left: 1px;
}

.navbar-left h6 {
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: 500;
    line-height: 13px;
    padding-left: 2px;
}

.jms-nav {
    padding-right: 10px;
}

.jms-nav.navbar-right {
    padding-top: 5px;
}

.jms-nav .dropdown-menu {
    margin: 0;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
}

.jms-nav .dropdown-menu .divider {
    height: 1px;
    margin: 5px 0;
}

.jms-nav.nav>li>a {
    padding: 15px 10px;
}

.dropdown-menu>li>a:hover {
    color: #6f0857;
}

.navbar-default .navbar-nav>li>a {
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff0fe;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #eee;
    background-color: transparent;
}

.user-account>a {
    padding: 12px 10px !important;
}

.navbar-collapse {
    border-top: none;
    box-shadow: none;
}

.navbar-toggle {
    padding: 9px 10px;
    margin-top: 13px;
    z-index: 3;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #982068;
}

.advanced-view span {
    display: inline-block;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    margin-left: 2px;
    color: #fff;
    height: 0;
}

.jms-back {
    position: relative;
    top: 0;
    padding: 0 10px !important;
}

.jms-back span {
    position: relative;
    top: 8px;
    display: block;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}

.jms-back img {
    height: 12px;
    margin: 0;
    padding: 0;
}

.nav-badge-position {
    position: absolute;
    top: 6px;
    left: 18px;
    margin-left: 0;
    z-index: 1;
    font-size: 11px;
}

.jms-menu-all {
    padding: 5px 15px;
    background-color: #f4f4f4;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1);
    min-height: 60px;
    padding-top: 60px;
}

.jms-standard-view-menu .dropdown .caret-sub-menu {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.jms-standard-view-menu .dropdown:hover .caret-sub-menu {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.jms-sub-menu-adv-view-large-icon .dropdown .caret-sub-menu {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.jms-sub-menu-adv-view-large-icon .dropdown:hover .caret-sub-menu {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.jms-sub-menu-adv-view-small-icon .dropdown .caret-sub-menu {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.jms-sub-menu-adv-view-small-icon .dropdown:hover .caret-sub-menu {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.jms-standard-view-menu {
    margin: 0;
    padding: 0;
}

.jms-standard-view-menu ul {
    margin: 0;
    padding: 5px 0;
}

.jms-standard-view-menu li {
    position: relative;
    text-align: center;
    width: 105px;
    margin: 8px -2px !important;
    border-right: 1px solid #d4d4d4;
    display: inline-table;
    padding: 2px 5px;
    border-radius: 0;
}

.jms-standard-view-menu li a {
    font-size: 14px;
    padding: 1px 8px;
    text-transform: capitalize;
    color: #555 !important;
    font-weight: 600;
    text-decoration: none;
    display: block;
}

.jms-standard-view-menu li a span {
    width: 82px;
    display: block;
    margin: 0 auto;
    line-height: 14px;
    padding-top: 5px;
    vertical-align: middle;
}

.jms-standard-view-menu li a img {
    height: 40px !important;
    padding: 5px;
    margin-bottom: 6px;
    display: block;
    margin: 0 auto;
}

.jms-standard-view-menu li:hover a img {
    background: #d3d3d3;
    border-radius: 5px;
}

.jms-standard-view-menu ul li.active a img {
    background: #d3d3d3;
    border-radius: 5px;
    display: block;
}

.jms-standard-view-menu li.active::after {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: -5px;
    background: #95317e;
    height: 4px;
    padding: 0 10px;
    border-radius: 10px;
}

.jms-standard-view-menu .badge {
    padding: 2px 6px;
    font-size: 11px;
}

.std-menu-badge-position {
    position: absolute;
    top: -4px;
    margin-left: 11px;
    z-index: 1;
}

.jms-standard-view-menu .caret-sub-menu {
    position: absolute;
    font-size: 19px;
    font-weight: 700;
    bottom: -13px;
    left: 43%;
    width: 20px;
    color: #96327f;
}

.jms-standard-view-menu .dropdown-menu {
    padding: 0 !important;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    top: 75px;
}

.jms-standard-view-menu .dropdown-menu li {
    padding: 0 1px;
    margin: 1px 0 !important;
    float: left;
    border: 0;
    padding: 0;
    clear: both;
    min-width: 146px;
}

.jms-standard-view-menu .dropdown-menu li a {
    padding: 2px 5px !important;
    font-weight: 600;
    color: #555;
    text-align: left;
    min-width: 145px;
    display: inline-block;
}

.jms-standard-view-menu .dropdown-menu li:hover {
    box-shadow: none;
}

.jms-standard-view-menu .std.dropdown-menu ul {
    text-align: left;
    padding: 5px;
}

.jms-standard-view-menu .dropdown-menu li a img {
    height: 30px !important;
    padding: 5px;
    margin-bottom: 6px;
    display: inline-block !important;
    margin: 0 auto;
    background: #fff !important;
}

.jms-standard-view-menu .std.dropdown-menu li:hover a img {
    background: #d3d3d3;
    border-radius: 5px;
}

.dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .jms-standard-view-menu .dropdown-menu>.active>a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0;
        -webkit-overflow-scrolling: touch;
    }
}

.jms-head-menu-adv-view ul {
    margin: 0;
    padding-left: 0;
    font-size: 15px;
    font-weight: 600;
    float: left;
    padding-top: 1px;
    position: relative;
    display: inline-block;
}

.jms-head-menu-adv-view ul li {
    display: inline-block;
    position: relative;
    padding-top: 10px;
}

.jms-head-menu-adv-view a {
    display: inline-block;
    padding: 5px 0.8em 1px;
    text-decoration: none;
    color: #5f5f5f;
    word-spacing: initial;
}

.jms-head-menu-adv-view a:hover {
    color: #95317e;
}

.jms-head-menu-adv-view li.active:after {
    content: "";
    float: left;
    background: #95317e;
    width: 100%;
    height: 3px;
    border-radius: 30px;
    padding: 2px 0;
    margin: 0 auto;
}

.jms-head-menu-adv-view .badge {
    padding: 3px 5px;
    font-size: 11px;
    line-height: 9px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.jms-head-menu-adv-view .jms-head-adv-view-badge-position {
    position: absolute;
    top: 4px;
    right: 0;
    margin-left: 0;
    z-index: 1;
}

.jms-sub-menu-adv-view-large-icon {
    margin: 0;
    padding: 0;
    list-style: none;
}

.jms-sub-menu-adv-view-large-icon ul {
    margin: 0;
    padding: 5px 0 5px 0;
}

.jms-sub-menu-adv-view-large-icon li {
    text-align: center;
    margin: 1px 2px !important;
    border-right: 0 solid #e8e8e8;
    display: inline-block;
    padding: 1px 2px;
    border-radius: 0;
    display: inline-table;
}

.jms-sub-menu-adv-view-large-icon li a {
    font-size: 13px;
    padding: 1px 0;
    text-transform: none;
    color: #555 !important;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    display: -webkit-box;
    text-align: center;
    vertical-align: top;
}

.jms-sub-menu-adv-view-large-icon li a span {
    width: 82px;
    display: block;
    margin: 0 auto;
    line-height: 14px;
    padding-top: 2px;
    vertical-align: middle;
}

.jms-sub-menu-adv-view-large-icon li a img {
    height: 30px !important;
    padding: 2px 6px;
    display: block;
    margin: 0 auto;
}

.jms-sub-menu-adv-view-large-icon li:hover {
    background: #d3d3d3;
    border-radius: 3px;
    box-shadow: inset 2px 2px 10px #a5a5a5;
}

.jms-sub-menu-adv-view-large-icon li.active::after {
    content: "";
    float: left;
    background: #95317e;
    width: 100%;
    height: 2px;
    border-radius: 30px;
    padding: 1px 0;
    margin: 0x auto;
    margin-top: 5px;
}

.jms-sub-menu-adv-view-large-icon .caret-sub-menu {
    position: absolute;
    font-size: 19px;
    font-weight: 700;
    bottom: 4px;
    left: 37%;
    width: 20px;
    color: #96327f;
    top: 47px;
}

.jms-sub-menu-adv-view-large-icon .dropdown-menu {
    padding: 0 !important;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
}

.jms-sub-menu-adv-view-large-icon .dropdown-menu li {
    display: block;
    padding: 0 1px;
    margin: 4px 0 !important;
    float: none;
}

.jms-sub-menu-adv-view-large-icon .dropdown-menu li a {
    padding: 5px 20px;
    clear: both;
    font-weight: 600;
    color: #555;
}

.jms-sub-menu-adv-view-large-icon .dropdown-menu li:hover {
    box-shadow: none;
}

.jms-sub-menu-adv-view-small-icon {
    margin: 0;
    padding: 0;
}

.jms-sub-menu-adv-view-small-icon ul {
    margin: 0;
    padding: 5px 0 5px 0;
    width: auto;
}

.jms-sub-menu-adv-view-small-icon li {
    text-align: left;
    margin: 3px 3px !important;
    display: inline-block;
    float: left;
    padding: 1px 5px 1px 0;
    border-radius: 0;
    white-space: nowrap;
}

.jms-sub-menu-adv-view-small-icon li a {
    font-size: 13px;
    padding: 1px 0;
    text-transform: none;
    color: #555 !important;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
}

.jms-sub-menu-adv-view-small-icon li a span {
    line-height: 16px;
    vertical-align: middle;
}

.jms-sub-menu-adv-view-small-icon li a img {
    height: 20px !important;
    padding: 2px 3px;
    margin-bottom: 5px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
    float: left;
}

.jms-sub-menu-adv-view-small-icon li:hover {
    background: #d3d3d3;
    border-radius: 3px;
    box-shadow: inset 2px 2px 10px #a5a5a5;
}

.jms-sub-menu-adv-view-small-icon ul li.active .jms-menu-icon-small img {
    background: #d3d3d3;
    border-radius: 5px;
    display: block;
}

.jms-sub-menu-adv-view-small-icon li.active::after {
    content: "";
    float: left;
    background: #95317e;
    width: 105%;
    height: 2px;
    border-radius: 30px;
    padding: 1px 0;
    margin: 0x auto;
    margin-top: 5px;
}

.jms-sub-menu-adv-view-small-icon .caret-sub-menu {
    font-size: 15px;
    font-weight: 700;
    padding-left: 4px;
    top: 2px;
    width: 14px;
    color: #96327f;
    position: relative;
}

.jms-sub-menu-adv-view-small-icon .dropdown-menu {
    padding: 0 !important;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
}

.jms-sub-menu-adv-view-small-icon .dropdown-menu li {
    display: block;
    padding: 0 1px;
    margin: 4px 0 !important;
    float: none;
}

.jms-sub-menu-adv-view-small-icon .dropdown-menu li a {
    padding: 5px 20px;
    clear: both;
    font-weight: 600;
    color: #555;
}

.jms-sub-menu-adv-view-small-icon .dropdown-menu li:hover {
    box-shadow: none;
}

.jms-menu-icon-small img {
    height: 25px !important;
    padding: 5px 5px 5px 0;
    margin-bottom: 5px;
    display: inline-block;
    margin: 0 auto;
}

.jms-breadcrumb {
    padding: 15px 15px 0;
    z-index: -1;
    position: relative;
}

.breadcrumb {
    padding: 4px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    font-size: 13px;
    line-height: 30px;
}

.breadcrumb>.active {
    font-weight: 500;
}

.jms-breadcrumb .form-group {
    margin-bottom: 5px;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-32 {
    font-size: 32px !important;
}

.jms-menu-color {
    background-color: #f1eeeb !important;
}

.jms-bg-light-ash {
    background-color: #f5f6f8 !important;
}

.jms-bg-medium-ash {
    background-color: #eaeaea !important;
}

.jms-bg-white {
    background-color: #fff !important;
}

.txt-purple {
    color: #5d204f;
}

.txt-purple-lite {
    color: #6f0857;
}

.txt-red {
    color: #f60003;
}

.txt-success {
    color: #007730;
}

.txt-red a {
    color: #f60003;
}

.txt-ash {
    color: #c7c7c7;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.txt-ash:hover {
    color: #5d204f;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.txt-black {
    color: #000 !important;
}

.txt-white {
    color: #fff !important;
}

.bg-purple {
    background-color: #5d204f;
}

.bg-purple-lite {
    background-color: #6f0857;
}

.bg-bright-ash {
    background-color: #f9f9f9 !important;
}

.text-break-line.txt-black:hover {
    color: #5d204f !important;
}

.lh-sm {
    line-height: 20px !important;
}

.lh-md {
    line-height: 25px !important;
}

@media only screen and (max-width: 767px) {
    .jms-nav.navbar-right {
        padding-top: 0 !important;
    }
    .navbar-collapse.in {
        overflow-y: initial !important;
    }
    .jms-slide-panel {
        padding-top: 132px !important;
    }
    .jms-slide-panel .closebtn {
        padding-top: 10px;
    }
    .tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
        width: 122px;
    }
    .jms-circle-step-bar li {
        position: relative;
        float: left;
        width: 25%;
        text-align: center;
    }
    .jms-nav.navbar-right.nav>li {
        display: inline-block;
        padding: 1px 2px;
    }
    .jms-nav.navbar-right.nav>li.dropdown {
        color: #fff !important;
        border-radius: 0 0 10px 10px;
        padding-right: 15px;
    }
    .jms-nav.navbar-right.navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        padding: 10px 15px 5px;
    }
    .jms-nav.navbar-right.navbar-nav .open .dropdown-menu>li>a:hover {
        color: #f9bce1;
    }
    .jms-circle-step-bar-fix li {
        position: relative;
        float: left;
        width: 150px;
        text-align: center;
    }
}

@media only screen and (min-width: 600px) {
    .jms-circle-step-bar li {
        position: relative;
        float: left;
        width: 25%;
        text-align: center;
    }
    .jms-circle-step-bar-fix li {
        position: relative;
        float: left;
        width: 150px;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .center-flex {
        display: block;
    }
    .jms-circle-step-bar li {
        position: relative;
        float: left;
        width: 25%;
        text-align: center;
    }
    .jms-circle-step-bar-fix li {
        position: relative;
        float: left;
        width: 150px;
        text-align: center;
    }
    .p-r-0 {
        padding-right: 15px !important;
    }
    .p-l-0 {
        padding-left: 15px !important;
    }
}

@media only screen and (min-width: 992px) {
    .center-flex {
        display: -ms-flexbox;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        display: -moz-box;
        -moz-box-pack: center;
        -moz-box-align: center;
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        display: box;
        box-pack: center;
        box-align: center;
    }
    .p-r-0 {
        padding-right: 0 !important;
    }
    .p-l-0 {
        padding-left: 0 !important;
    }
    .jms-circle-step-bar li {
        position: relative;
        float: left;
        width: 25%;
        text-align: center;
    }
    .jms-circle-step-bar-fix li {
        position: relative;
        float: left;
        width: 150px;
        text-align: center;
    }
    .modal .modal-side {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 650px;
        margin: 0;
    }
    .modal .modal-dialog.modal-top-right {
        top: 185px;
        right: 10px;
    }
    .width-5-pt {
        width: 5%;
    }
    .width-10-pt {
        width: 10%;
    }
    .width-15-pt {
        width: 15%;
    }
    .width-20-pt {
        width: 20%;
    }
    .width-25-pt {
        width: 25%;
    }
    .width-30-pt {
        width: 30%;
    }
    .width-35-pt {
        width: 35%;
    }
    .width-40-pt {
        width: 40%;
    }
    .width-45-pt {
        width: 45%;
    }
    .width-50-pt {
        width: 50%;
    }
    .width-60-pt {
        width: 60%;
    }
    .width-70-pt {
        width: 70%;
    }
    .width-100-pt {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .width-30-pt {
        width: 30%;
    }
    .width-70-pt {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .table-responsive {
        border: 0 solid #ddd !important;
    }
    .modal-xl {
        width: initial;
    }
    .width-30-pt {
        width: 30%;
    }
    .width-70-pt {
        width: 70%;
    }
}

.jms-job-assigned {
    color: transparent;
    background: linear-gradient( to right, #f90 0, #f90 50%, #14ff00 50%, #14ff00 100%);
    border-radius: 50%;
    font-size: 9px;
    margin: 0;
    position: relative;
    top: -1px;
}

.jms-job-booked {
    color: transparent;
    background: #14ff00;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    font-size: 9px;
    margin: 0;
    position: relative;
    top: 2px;
}

.jms-job-completed {
    color: transparent;
    background: #9c9c9c;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    font-size: 9px;
    margin: 0;
    position: relative;
    top: -1px;
}

.jms-job-new {
    color: transparent;
    background: #f90;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    font-size: 9px;
    margin: 0;
    position: relative;
    top: -2px;
}

.jms-job-pending {
    color: transparent;
    background: FF9900;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    font-size: 9px;
    margin: 0;
    position: relative;
    top: -1px;
}

.jms-card {
    min-height: 74px;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
    padding: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border: 1px solid #eee;
    display: table;
    width: 100%;
}

.job-miles-push {
    position: absolute;
    bottom: -40px;
    right: 0;
}

.job-card {
    min-height: 74px;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
    padding: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border: 1px solid #eee;
    display: table;
    width: 100%;
}

.unread {
    background: #fde6ff !important;
}

.location-icon {
    color: #007730;
    font-size: 16px;
    margin-left: 5px;
}

.jms-calendar {
    min-width: 70px;
    min-height: 62px;
    border-radius: 5px;
    margin-top: 4px;
    margin-left: 2px;
    margin-right: 5px;
    color: #5d204f !important;
    color: #000;
    font-weight: 700 !important;
    font-size: 12px;
    display: block;
    padding: 9px 8px !important;
    background-color: #e7e7e7;
    clear: both;
    text-transform: uppercase;
}

.jms-calendar span {
    font-weight: 700;
    display: block;
    line-height: 15px;
}

.jms-calendar-date {
    padding: 5px;
    font-size: 19px;
    font-weight: 700;
}

.jms-sh-time {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    vertical-align: middle;
    margin: 3px 0;
    text-align: left;
}

.jms-sh-time i {
    vertical-align: middle;
    font-size: 5px;
    color: #5d204f;
    margin: 0 6px;
}

.jms-sub-content {
    text-align: left;
}

.jms-sub-content h1 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin: 3px 0;
}

.jms-sub-content h4 {
    font-size: 14px;
    line-height: 20px;
    margin: 3px 0;
}

.jms-sub-address {
    clear: both;
    display: contents;
    padding-bottom: 34px;
}

.jms-sub-address h4 {
    font-size: 13px;
    line-height: 13px;
    color: #000;
    margin: 3px 0;
}

.jms-shift {
    font-size: 11px;
    font-weight: 500;
    color: #000;
    vertical-align: middle;
}

.jms-sh-status-content {
    margin-top: 5px;
}

.jms-sh-status {
    font-weight: 500;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.jms-sh-status span {
    margin-bottom: 3px;
}

.jms-sh-status .status {
    padding-top: 2px;
}

.jms-sh-status .band-status {
    padding-top: 2px;
}

.jms-unit-miles {
    font-size: 14px;
    font-weight: 500;
}

.jms-bank {
    color: #1d3d8e;
}

.jms-agency {
    color: #af0303;
}

.jms-permanent {
    color: #000;
}

.ts-card {
    min-height: 74px;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
    padding: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border: 1px solid #eee;
    display: table;
    width: 100%;
}

.jms-ts-calendar {
    min-width: 58px;
    min-height: 62px;
    border-radius: 5px;
    margin-left: 0;
    margin-right: 5px;
    color: #5d204f;
    font-weight: 700 !important;
    font-size: 12px;
    display: block;
    margin: auto;
    padding: 8px !important;
    background-color: #e7e7e7;
    clear: both;
}

.jms-ts-calendar span {
    font-weight: 700;
    display: block;
    line-height: 20px;
}

.jms-ts-calendar-date {
    padding: 5px;
    font-size: 22px;
    font-weight: 700;
}

.jms-ts-sh-time {
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    color: #000;
    vertical-align: middle;
    margin: 3px 0;
}

.jms-ts-sh-time span {
    margin: 0 5px;
}

.jms-ts-sh-time i {
    vertical-align: bottom;
    font-size: 15px;
    color: #5d204f;
    margin: 2px 0;
    line-height: 16px;
}

.jms-ts-sub-content {
    text-align: left;
}

.jms-ts-sub-content h1 {
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    color: #5d204f;
    margin: 3px 0;
}

.jms-ts-sub-content h3 {
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    margin: 3px 0;
}

.jms-ts-sub-content h4 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    margin: 1px 0;
}

.jms-ts-clients h4 {
    font-size: 14px;
    line-height: 13px;
    font-weight: 500;
    color: #000;
    margin: 3px 0;
}

.jms-ts-shift {
    font-weight: 500;
    vertical-align: middle;
    padding-left: 3px;
}

.jms-ts-sh-status {
    font-weight: 500;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 21px;
    word-break: break-all;
}

.border-ash-bg {
    background-color: #f4f4f4;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #d2d2d2;
    overflow: hidden;
}

.white-accord .h5.panel-title, .white-accord h5.panel-title {
    font-size: 14px;
    font-weight: 600;
    color: #6f0a57;
}

.white-accord .panel-title>a.collapsed {
    color: #000;
}

.white-accord .panel-title>a.collapsed:hover {
    color: #6f0a57;
}

.white-accord .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #ddd;
    background: #f4f4f4;
}

.white-accord .panel-group .panel+.panel {
    margin-top: 0;
    border: 0;
}

.white-accord .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.white-accord .panel-default>.panel-heading {
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #d6d6d6;
}

.card-padding {
    padding: 10px 10px;
}

.inside-panel-body {
    padding: 15px;
}

.mar-l-10 {
    margin-left: 10 !important;
}

.mar-t-3 {
    margin-top: 3px !important;
}

.mar-t-5 {
    margin-top: 5px !important;
}

.mar-tb-5 {
    margin: 5px !important;
}

.mar-l-30 {
    margin-left: 30px;
}

.mar-l-18 {
    margin-left: 18px;
}

.pad-t-15 {
    padding-top: 15px !important;
}

.pad-tb-5 {
    padding: 5px 0 !important;
}

.pad-tb-15 {
    padding: 15px 0 !important;
}

.pad-lr-15 {
    padding: 0 15px !important;
}

.pad-lr-20 {
    padding: 0 20px !important;
}

.pad-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pad-lr-5 {
    padding: 0 5px !important;
}

.pad-lr-10 {
    padding: 0 10px !important;
}

.pad-lr-25 {
    padding: 0 25px;
}

.pad-l-25 {
    padding-left: 25px !important;
}

.pad-r-25 {
    padding-right: 25px !important;
}

.p-l-2 {
    padding-left: 2px !important;
}

.content-jms-ash {
    position: absolute;
    min-height: 100%;
    width: 100%;
    padding: 5px 15px;
    left: 0;
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding-top: 15px;
    background-color: #f5f6f8;
    z-index: -1;
}

.content-jms-white {
    position: absolute;
    min-height: 100%;
    width: 100%;
    padding: 5px 15px;
    left: 0;
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding-top: 15px;
    margin-top: 5px;
    background-color: #fff;
    z-index: -1;
}

.jms-left-side-box {
    padding: 0;
    background-color: #f4f4f4;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #d2d2d2;
    height: 750px;
}

.fc-popover .fc-header .fc-close {
    opacity: 1 !important;
}

.fc-grid thead th {
    background: #6f0957 !important;
    color: #fff !important;
    border-width: 0 !important;
    font-size: 11px;
    padding: 5px 0;
}

.fc-other-month {
    opacity: 1 !important;
    background: #f9f9f9 !important;
    color: #676767 !important;
}

#userDetailsTab .tooltip {
    min-width: 180px;
}

.jms-one-table .tooltip {
    min-width: 110px;
}

.jms-one-table th a, th a:hover {
    text-decoration: underline;
    color: #fff !important;
}

.jms-one-table table {
    margin: 8px 0 15px;
    border-collapse: collapse;
    border: 0 solid #eee;
    border-spacing: 0 !important;
}

.jms-one-table .table>tbody>tr>td {
    border: none !important;
    font-size: 14px;
    color: #000;
    text-align: center;
    padding: 8px 5px;
    vertical-align: middle;
    border-collapse: collapse;
    background-clip: border-box;
}

.jms-one-table .table>thead>tr:nth-child(odd)>th {
    border-left: solid 1px #6f0857 !important;
}

.jms-one-table .table>thead>tr:nth-child(even)>th, .jms-one-table .table>thead>tr>th:first-child, .jms-one-table .table>thead>tr>th:last-child {
    border-left: none !important;
}

.jms-one-table table tr {
    color: #999;
    border-bottom: 1px solid #eee;
    padding: 5px;
    border-collapse: separate;
}

.jms-one-table table th {
    background: #6f0857;
    color: #fff;
    text-transform: capitalize !important;
    font-size: 13px;
    text-align: center;
    vertical-align: middle !important;
    padding: 9px 0 !important;
    font-weight: 600 !important;
    border-right: 0 #6f0857 solid;
    border-left: 0 #6f0857 solid;
    border-collapse: separate;
}

.jms-one-table .table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #f0edeb;
}

.jms-one-table .table-striped>tbody>tr:nth-child(even)>td {
    background-color: #dbdbdb;
}

.jms-one-table .table-striped.table-bordered>tbody>tr:nth-child(even)>td, .jms-one-table .table-striped.table-bordered>tbody>tr:nth-child(even)>th {
    border-left: 1px solid #f0edeb;
    border-right: 1px solid #f0edeb;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.jms-one-table .table-striped.table-bordered>tbody>tr:nth-child(odd)>td, .jms-one-table .table-striped.table-bordered>tbody>tr:nth-child(odd)>th {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-top: 1px solid #f0edeb;
}

s .jms-one-table .table-striped.table-bordered>tbody>tr:nth-child(even)>td:first-child {
    border-left: 1px solid #dbdbdb !important;
}

.jms-one-table .table-striped.table-bordered>tbody>tr:nth-child(even)>td:last-child {
    border-right: 1px solid #dbdbdb !important;
}

.jms-one-table th .small, .jms-one-table th small {
    font-size: 80% !important;
    font-weight: 600;
}

.jms-one-table .table-bordered>tbody>tr>td {
    border: 1px solid #ddd;
}

.jms-one-table .table-bordered>thead>tr>th {
    border: 1px solid #6f0857 !important;
    border-bottom: 2px #6f0857 solid !important;
}

.jms-one-table .table-bordered>thead>tr>th:first-child {
    border-radius: 7px 0 0 0 !important;
    border-right: 0 #6f0857 solid;
    border-left: 0;
    border-collapse: collapse;
}

.jms-one-table .table-bordered>thead>tr>th:last-child {
    border-radius: 0 7px 0 0 !important;
    border-left: 1px #6f0857 solid;
    border-right: 0;
    border-collapse: collapse;
}

.jms-one-table .table>thead>tr>th {
    border-bottom: 1px #6f0857 solid !important;
    border-top: 0 #6f0857 solid !important;
    background-clip: border-box;
}

.jms-one-table .table>thead>tr>th:first-child {
    border-radius: 7px 0 0 0 !important;
    border-right: 0 #6f0857 solid !important;
    border-left: 0 !important;
    border-collapse: collapse !important;
    padding-left: 10px !important;
}

.jms-one-table .table>thead>tr>th:last-child {
    border-radius: 0 7px 0 0 !important;
    -moz-border-radius: 0 7px 0 0 !important;
    -webkit-border-radius: 0 7px 0 0 !important;
    -khtml-border-radius: 0 7px 0 0 !important;
    border-left: 0 #6f0857 solid !important;
    border-right: 0 !important;
    border-bottom: 1px #6f0857 solid !important;
}

.jms-one-table .table>thead>tr>th.last {
    border-left: 0 #6f0857 solid !important;
    border-right: 0 !important;
    border-collapse: collapse;
    border-bottom: 1px #6f0857 solid !important;
}

.jms-one-table .table>tbody>tr>td {
    border: none !important;
    border-collapse: collapse !important;
}

.jms-one-table .table>tbody>tr>th {
    border: none !important;
    border-collapse: collapse !important;
}

.jms-status-table-column-size {
    width: 6px;
}

.jms-one-table .checkbox label:after {
    padding-left: 0 !important;
}

.jms-one-table th .checkbox label:before {
    border: 1px solid #6f0857;
}

.jms-one-table .dropdown-menu {
    right: 0;
    left: auto;
}

.no-border-table.table>thead>tr>th {
    border: 0 solid !important;
}

.no-border-table.table {
    border-spacing: 0;
    border-collapse: collapse;
}

.no-borderline-table.table tr {
    border: 0 solid !important;
}

.jms-one-job-id, .jms-one-job-id .a {
    color: #1492e6;
    text-decoration: none;
}

.dataTables_info {
    line-height: 40px;
    font-size: 14px;
    padding-left: 5px;
    font-weight: 500;
}

.pagination {
    font-weight: 500;
}

.itemsPerPage label {
    line-height: 35px;
}

.itemsPerPage .form-control {
    display: inherit;
    width: auto;
    height: 34px;
    padding: 6px 5px;
    float: right;
}

.pagination>li>a {
    background-color: transparent;
}

.pagination>.active>a {
    color: #a5007f;
    background-color: #f1f1f1;
    font-weight: 600;
    border-radius: 50%;
    z-index: 1;
    min-width: 35px;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #a5007f;
    background-color: transparent;
}

.jms-toggle-page-default label {
    font-size: 12px;
    margin-bottom: 0;
}

.jms-toggle-page-default {
    padding-right: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 15px;
}

.jms-filter-search-area {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 5px;
}

.switch-ios {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.switch-ios input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.slider {
    background-color: #4caf50;
}

input:focus+.slider {
    box-shadow: 0 0 1px #4caf50;
}

input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.switch-jms-default label {
    cursor: pointer;
}

.switch-jms-default label input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-jms-default label input[type="checkbox"]:checked+.lever {
    background-color: #dccfe2;
}

.switch-jms-default label input[type="checkbox"]:checked+.lever:after {
    left: 1.5rem;
    background-color: #5d204f;
}

.switch-jms-default label input[type="checkbox"]:checked:not(:disabled)~.lever:active:after {
    -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(170, 102, 204, 0.1);
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(170, 102, 204, 0.1);
}

.switch-jms-default label input[type="checkbox"]:not(:disabled)~.lever:active:after {
    -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(0, 0, 0, 0.08);
}

.switch-jms-default label input[type="checkbox"]:disabled+.lever {
    cursor: default;
}

.switch-jms-default label input[type="checkbox"]:disabled+.lever:after, .switch-jms-default label input[type="checkbox"]:disabled:checked+.lever:after {
    background-color: #bdbdbd;
}

.switch-jms-default label .lever {
    position: relative;
    display: inline-block;
    margin: 0 0.625rem 0 1rem;
    vertical-align: middle;
    content: "";
    background-color: #818181;
    border-radius: 0.9375rem;
    width: 2.5rem;
    height: 0.9375rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.switch-jms-default label .lever:after {
    position: absolute;
    top: -0.1875rem;
    left: -0.3125rem;
    display: inline-block;
    content: "";
    background-color: #f1f1f1;
    border-radius: 1.3125rem;
    -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
    width: 1.3125rem;
    height: 1.3125rem;
    -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
    transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
    transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
    transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease, -webkit-box-shadow 1s ease;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.modal-header {
    border-bottom: 0;
    background: #5d204f;
    color: #fff;
    border-radius: 5px 5px 0 0;
    font-weight: 500 !important;
}

.modal-header .close {
    color: #fff;
    text-shadow: 0 0 0 #fff;
    opacity: 1;
    vertical-align: middle;
}

.modal-content {
    border: 0;
}

.modal-title {
    font-size: 15px;
    font-weight: 600;
}

.modal-body {
    max-height: calc(100vh - 165px) !important;
    overflow-y: auto;
}

body.modal-open {
    overflow: hidden;
    padding-right: 0 !important;
}

.modal-open {
    padding-right: 0 !important;
    overflow-y: auto;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 0 !important;
}

.modal {
    overflow: hidden;
}

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

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

.modal.left .modal-body, .modal.right .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.modal.left.fade .modal-dialog {
    left: -85%;
    max-width: 1100px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

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

.modal.right.fade .modal-dialog {
    right: -85%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

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

.white-modal .modal-content {
    border-radius: 0;
}

.white-modal .modal-body {
    max-height: calc(100vh - 135px) !important;
}

.modal.right .modal-body {
    overflow-y: auto;
    max-height: calc(100vh - 0px) !important;
    height: 100%;
}

.white-modal .modal-header {
    border-bottom: 1px solid #ddd;
    background: #fff;
    color: #555;
}

.white-modal .modal-header .close {
    color: #000;
    text-shadow: 0 0 0 #6f0957;
    opacity: 1;
    vertical-align: middle;
}

.white-modal .modal-content {
    border: 0;
}

.modal-backdrop+.modal-backdrop {
    opacity: 0;
}

.modal-xl {
    width: 85%;
    max-width: 1100px;
    margin: 10px auto;
}

.modal-body .widget .widget {
    box-shadow: none;
    padding: 0 !important;
}

.tooltip {
    font-size: 12px;
}

.tooltip-inner {
    padding: 8px;
}

.nav .tooltip {
    min-width: 75px;
}

.tooltip-element {
    color: #fff;
    background: #000;
    width: 14px;
    height: 14px;
    border-radius: 11px;
    display: inline-block;
    text-align: center;
    margin: 2px 10px;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    vertical-align: middle;
}

.text-truncate {
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.text-brk-line-ico {
    float: left;
}

.text-break-line {
    display: block;
    overflow: hidden;
    word-break: break-word;
    -ms-word-break: break-word;
    overflow-wrap: break-word;
}

.text-break-line>a {
    color: #000 !important;
}

#accordion-click>div>input[type="checkbox"] {
    display: none;
}

.checkbox-purple input[type="checkbox"]:checked+label:before {
    background-color: #6f0957;
    border-color: #6f0957;
}

.checkbox-purple input[type="checkbox"]:checked+label:after {
    color: #fff;
}

.radio-purple input[type="radio"]+label:after {
    background-color: #6f0957;
}

.radio-purple input[type="radio"]:checked+label:before {
    border-color: #6f0957;
}

.radio-purple input[type="radio"]:checked+label:after {
    background-color: #6f0957;
}

.jms-filter-main .modal-dialog::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    right: 2%;
    position: absolute;
    top: -8px;
}

.jms-filter-main .modal-dialog::after {
    border-bottom: 8px solid #6e0856;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    right: 2%;
    position: absolute;
    top: -7px;
}

.jms-bell-icon .dropdown-menu::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    right: 3%;
    position: absolute;
    top: -8px;
}

.jms-bell-icon .dropdown-menu::after {
    border-bottom: 8px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    right: 3%;
    position: absolute;
    top: -7px;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

.jms-filter label {
    display: block;
}

.filter-selection-multiple {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.filter-selection-multiple li {
    list-style: none;
}

.filter-selection-choice {
    background-color: #fdfdfd;
    border: 1px solid #5d204f;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 1px 8px;
    font-size: 13px;
    color: #96327f;
}

.filter-selection-remove {
    font-size: 15px;
    color: snow;
    background: #5d204f;
    width: 13px;
    height: 13px;
    padding: 0 2px;
    border-radius: 50%;
    line-height: 13px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-left: 2px;
    text-align: center;
    margin: 3px 0;
}

#notifications-dropdown-menu .close {
    float: right;
    padding: 2px 15px !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 0;
    color: #676767;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
}

.notifications .list-group-item .rmNotification {
    opacity: 0;
}

.notifications .list-group-item:hover .rmNotification {
    opacity: 1;
}

.list-group-item {
    border-radius: 0 !important;
    margin-right: -1px;
}

.jms-bell-icon .panel-footer {
    color: #000;
}

.bell-notify-date {
    display: inline-block;
    padding-right: 10px;
}

.bell-notify-time {
    display: inline-block;
}

.jms-bell-icon .help-block {
    font-size: 75%;
    color: #999;
    position: relative;
    top: -1px;
    vertical-align: middle;
    align-items: center;
    display: table-cell;
}

.jms-bell-icon time {
    padding-top: 5px;
    height: 12px;
}

.top-notification-list-head {
    display: block;
    font-weight: 600;
    color: #5d204f;
}

.custom-radio [type="radio"]:checked, .custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-radio [type="radio"]:checked+label, .custom-radio [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.custom-radio [type="radio"]:checked+label:before, .custom-radio [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.custom-radio [type="radio"]:checked+label:after, .custom-radio [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #96327f;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-radio [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-radio [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.btn-border-jms {
    color: #6f0857;
    background-color: #fff;
    border-color: #6f0857;
}

.btn-border-red {
    color: #f60003;
    background-color: #fff;
    border-color: #f60003;
}

.btn-border-red.active, .btn-border-red:active, .btn-border-red:focus, .btn-border-red:hover {
    color: red;
    background-color: #fff;
    border-color: #f60003;
}

.btn-purple {
    color: #fff;
    background-color: #5d204f;
    border-color: #5d204f;
}

.btn-purple.active, .btn-purple:active, .btn-purple:focus, .btn-purple:hover, .open>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #6f0957;
    border-color: #6f0957;
}

.btn-purple.active, .btn-purple:active, .open>.btn-purple.dropdown-toggle {
    background-image: none;
}

.btn-purple.disabled, .btn-purple.disabled.active, .btn-purple.disabled:active, .btn-purple.disabled:focus, .btn-purple.disabled:hover, .btn-purple[disabled], .btn-purple[disabled].active, .btn-purple[disabled]:active, .btn-purple[disabled]:focus, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple, fieldset[disabled] .btn-purple.active, fieldset[disabled] .btn-purple:active, fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple:hover {
    background-color: #5d204f;
    border-color: #5d204f;
}

.btn-dark {
    color: #fff;
    background-color: #272424;
    border-color: #272424;
}

.btn-dark.active, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #161515;
    border-color: #161515;
}

.btn-dark.active, .btn-dark:active, .open>.btn-dark.dropdown-toggle {
    background-image: none;
}

.btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover {
    background-color: #272424;
    border-color: #272424;
}

.btn-clear, .btn-clear.active, .btn-clear:active, .btn-clear:focus, .btn-clear:hover, .open>.btn-clear.dropdown-toggle {
    color: #000;
    background-image: none;
    background: 0 0;
    outline: 0;
}

.btn-clear.active, .btn-clear:active, .open>.btn-clear.dropdown-toggle {
    background-image: none;
    background: 0 0;
}

.btn-clear.disabled, .btn-clear.disabled.active, .btn-clear.disabled:active, .btn-clear.disabled:focus, .btn-clear.disabled:hover, .btn-clear[disabled], .btn-clear[disabled].active, .btn-clear[disabled]:active, .btn-clear[disabled]:focus, .btn-clear[disabled]:hover, fieldset[disabled] .btn-clear, fieldset[disabled] .btn-clear.active, fieldset[disabled] .btn-clear:active, fieldset[disabled] .btn-clear:focus, fieldset[disabled] .btn-clear:hover {
    background-image: none;
    background: 0 0;
    outline: 0;
}

.btn-white {
    color: #333;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    padding: 7px 15px !important;
}

.btn-white.disabled, .btn-white.disabled.active, .btn-white.disabled:active, .btn-white.disabled:focus, .btn-white.disabled:hover, .btn-white[disabled], .btn-white[disabled].active, .btn-white[disabled]:active, .btn-white[disabled]:focus, .btn-white[disabled]:hover, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white.active, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:hover {
    background-image: none;
    background: 0 0;
    outline: 0;
}

.txt-blue {
    color: #028fff !important;
}

.popover {
    max-width: 700px !important;
}

.popover-content {
    max-height: 380px;
    overflow-y: auto !important;
}

.jms-btn {
    background-color: transparent;
    border: none;
    display: inline-block;
    padding: 3px 10px 3px 0;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    display: block;
}

.jms-btn:before {
    float: left;
    margin: 0 0.3em 0 0 !important;
    padding: 0 0.8em;
    color: #6f0957;
}

.contact-type-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/contract-type.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.unit-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/unit.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.status-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/status.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.shift-type-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/shift-type.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.date-range-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/date-range.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.job-role-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/job-role.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.last-job-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/last-worked.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.app-status-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/app-status.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.ts-number-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/ts-icon.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.user-search-icon:before {
    content: " ";
    background-image: url(../images/filter-icon/user-search.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.user-stat-position {
    position: relative;
    top: -1px;
    width: 18px;
    margin-right: 5px;
    font-size: 19px;
    text-align: center;
}

.jms-one-wizard.form-wizard .tab-pane {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.jms-one-wizard-fixed.form-wizard .tab-pane {
    padding: 5px;
}

.jms-one-wizard label {
    font-size: 14px;
}

.jms-one-wizard .progress-xs {
    height: 2px;
    margin-bottom: 10px;
}

.jms-one-wizard.form-wizard .nav-pills>li {
    width: 24.5%;
    float: left;
}

.jms-one-wizard.form-wizard .nav-pills>li>a {
    padding: 5px 15px 5px 15px;
    background-color: transparent;
    color: #707070;
    cursor: default;
    font-weight: 600;
    text-align: center;
}

.jms-one-wizard.form-wizard .nav-pills>li.active>a {
    color: #6e0856;
    font-weight: 600;
    background-color: none;
}

.jms-one-wizard-fixed.form-wizard .nav-pills>li>a {
    padding: 5px 15px 5px 15px;
    background-color: transparent;
    color: #707070;
    cursor: default;
    font-weight: 600;
    text-align: left;
    min-width: 16px;
    min-width: 160px;
}

.jms-one-wizard-fixed.form-wizard .nav-pills>li.active>a {
    color: #6e0856;
    font-weight: 600;
    background-color: none;
}

.jms-circle-step-bar {
    margin: 0;
    position: relative;
    left: -9px;
    padding-top: 5px;
}

.jms-circle-step-bar ol {
    background-color: transparent;
    position: relative;
    overflow: hidden;
    counter-reset: wizard;
    list-style-type: none;
    padding-top: 0;
    height: 37px;
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 5px;
}

.jms-circle-step-bar li {
    color: #6f0957;
}

.jms-circle-step-bar li span {
    position: absolute;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    left: 44.5%;
    text-align: center;
    z-index: 18;
}

.jms-circle-step-bar .current~li {
    color: #707070;
}

.jms-circle-step-bar li:before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: #fff;
    background-color: #6f0957;
    border: 2px solid #6f0957;
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2em;
    border-radius: 2em;
    position: relative;
    left: 50%;
    margin-bottom: 1em;
    margin-left: -1em;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-weight: 700;
    pointer-events: none;
}

.jms-circle-step-bar .current~li:before {
    background-color: #dbdbdb;
    color: #bdbdbd;
    border-color: #dbdbdb;
    pointer-events: none;
}

.jms-circle-step-bar li+li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: #6f0957;
    height: 10px;
    position: absolute;
    left: -50%;
    top: 0.9em;
    z-index: 0;
}

.jms-circle-step-bar p {
    font-weight: 700;
    padding-left: 0;
    display: contents;
}

.jms-circle-step-bar .current~li:after {
    background-color: #dbdbdb;
}

.jms-circle-step-bar-fix {
    margin: 0;
    position: relative;
    left: -25px;
    padding-top: 5px;
}

.jms-circle-step-bar-fix ol {
    background-color: transparent;
    position: relative;
    overflow: hidden;
    counter-reset: wizard;
    list-style-type: none;
    padding-top: 0;
    height: 37px;
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 5px;
}

.jms-circle-step-bar-fix li {
    color: #6f0957;
}

.jms-circle-step-bar-fix .current~li {
    color: #707070;
}

.jms-circle-step-bar-fix li:before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: #fff;
    background-color: #6f0957;
    border: 2px solid #6f0957;
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2em;
    border-radius: 2em;
    position: relative;
    left: 50%;
    margin-bottom: 1em;
    margin-left: -1em;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-weight: 700;
    pointer-events: none;
}

.jms-circle-step-bar-fix .current~li:before {
    background-color: #dbdbdb;
    color: #bdbdbd;
    border-color: #dbdbdb;
}

.jms-circle-step-bar-fix li+li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: #6f0957;
    height: 10px;
    position: absolute;
    left: -50%;
    top: 0.9em;
    z-index: 0;
    pointer-events: none;
}

.jms-circle-step-bar-fix p {
    font-weight: 700;
    padding-left: 0;
    display: contents;
}

.jms-circle-step-bar-fix .current~li:after {
    background-color: #dbdbdb;
}

.jms-ni-number {
    font-size: 85%;
    color: #6f0957;
}

.width-30pct {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 30%;
}

.width-35pct {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 35%;
}

.width-25pct {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 25%;
}

.width-20pct {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 20%;
}

.width-10pct {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 10%;
}

.width-ni-number {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    width: 20%;
}

.width-ni-number:first-child {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 5px;
    float: left;
    width: 20%;
}

.width-ni-number .form-control {
    padding: 6px 3px;
}

.popover .select2-container {
    width: 180px !important;
    padding: 0;
    z-index: 2 !important;
}

.popover .width-200 {
    width: 180px !important;
}

.select2-results li {
    word-break: break-word;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}

.modal .select2-container {
    width: 100% !important;
    padding: 0;
    z-index: 2 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important;
    height: 0 !important;
    left: 8px !important;
    position: relative !important;
    top: 6px !important;
    width: 14px !important;
    outline: 0 !important;
    width: 100% !important;
    border-radius: 2px !important;
    background: url(../img/arrow.svg) right/15px 16px no-repeat #fff !important;
    background-repeat: no-repeat !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #555;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #aaa !important;
    height: 34px !important;
    padding: 6px 5px !important;
    line-height: 1.428571429 !important;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 5px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding-left: 10px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-left: -5px !important;
    width: auto !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding-left: 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none !important;
}

.jms-one-accord .panel-default>.panel-heading {
    color: #343434;
    background-color: #fff;
    border-bottom: solid 1px #6f0957;
    padding: 2px;
    border-radius: 0;
}

.jms-one-accord .panel-default>.panel-heading .form-completed {
    color: #319c33 !important;
}

.jms-one-accord .form-completed.panel-title i {
    color: #319c33 !important;
}

.jms-one-accord .form-completed.panel-title>a.collapsed {
    color: #319c33 !important;
}

.jms-one-accord .panel-heading a {
    display: block;
    padding: 5px 2px;
    text-align: right;
}

.jms-one-accord .panel-title i {
    position: relative;
    top: -4px;
    font-size: 22px;
    font-weight: 700;
    color: #95317e !important;
}

.jms-one-accord .panel-title span {
    padding-right: 15px;
}

.jms-one-wizard .panel-default>.panel-heading {
    color: #343434;
    background-color: #fff;
    border-bottom: solid 1px #6f0957;
    padding: 2px;
    border-radius: 0;
}

.jms-one-wizard .panel-default>.panel-heading .form-completed {
    color: #319c33 !important;
}

.jms-one-wizard .form-completed.panel-title i {
    color: #319c33 !important;
}

.jms-one-wizard .form-completed.panel-title>a.collapsed {
    color: #319c33 !important;
}

.jms-one-wizard .panel-heading a {
    display: block;
    padding: 5px 2px;
    text-align: right;
}

.jms-one-wizard .panel-title i {
    position: relative;
    top: -1px;
    font-size: 22px;
    font-weight: 700;
    color: #95317e !important;
}

.jms-one-wizard .panel-title span {
    padding-right: 15px;
}

.jms-one-wizard-new .panel-default>.panel-heading {
    color: #343434;
    background-color: #fff;
    border-bottom: solid 1px #6f0957;
    padding: 2px;
    border-radius: 0;
}

.jms-one-wizard-new .panel-default>.panel-heading .form-completed {
    color: #319c33 !important;
}

.jms-one-wizard-new .form-completed.panel-title i {
    color: #319c33 !important;
}

.jms-one-wizard-new .form-completed.panel-title>a.collapsed {
    color: #319c33 !important;
}

.jms-one-wizard-new .panel-heading a {
    display: block;
    padding: 5px 2px;
    text-align: right;
}

.jms-one-wizard-new .panel-title i {
    position: relative;
    top: -4px;
    font-size: 22px;
    font-weight: 700;
    color: #95317e !important;
}

.jms-one-wizard-new .panel-title span {
    padding-right: 15px;
}

.jms-one-wizard-fixed .panel-default>.panel-heading {
    color: #343434;
    background-color: #fff;
    border-bottom: solid 1px #6f0957;
    padding: 2px;
    border-radius: 0;
}

.jms-one-wizard-fixed .panel-default>.panel-heading .form-completed {
    color: #319c33 !important;
}

.jms-one-wizard-fixed .form-completed.panel-title i {
    color: #319c33 !important;
}

.jms-one-wizard-fixed .form-completed.panel-title>a.collapsed {
    color: #319c33 !important;
}

.jms-one-wizard-fixed .panel-heading a {
    display: block;
    padding: 5px 2px;
    text-align: right;
}

.jms-one-wizard-fixed .panel-title i {
    position: relative;
    top: -4px;
    font-size: 22px;
    font-weight: 700;
    color: #95317e !important;
}

.jms-one-wizard-fixed .panel-title span {
    padding-right: 15px;
}

.jms-one-wizard-new.form-wizard .nav-pills>li>a {
    background-color: transparent;
    color: #707070;
    cursor: default;
    font-weight: 600;
    margin: 2px 9px;
    padding: 10px 5px 3px 5px;
    cursor: pointer;
}

.jms-one-wizard-new.form-wizard .nav-pills>li.active>a {
    color: #6e0856;
    font-weight: 600;
    background-color: none;
    border-bottom: solid 3px #6e0856;
}

.jms-one-wizard-new.form-wizard .tab-pane {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.jms-circle-yellow {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    font-size: 9px;
    margin: 0;
    background-color: #f90;
}

.jms-circle-green {
    background-color: #0f0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
}

.jms-circle-red {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: red;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
}

.jms-circle-sky-blue {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #0494fb;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
}

.jms-divided-circle-pending {
    width: 12px;
    height: 12px;
    display: inline-flex !important;
    display: -ms-inline-flexbox;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jms-divided-circle-pending:after, .jms-divided-circle-pending:before {
    content: "";
    width: 6px;
    height: 12px;
}

.jms-divided-circle-pending:before {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background: #f90;
}

.jms-divided-circle-pending:after {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #c800e6;
}

.jms-circle-violet {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #c800e6;
}

.jms-circle-unapprove {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #dcb3b3;
}

.jms-divided-circle-assign {
    width: 12px;
    height: 12px;
    margin: 0;
    display: inline-flex !important;
    display: -ms-inline-flexbox;
}

.jms-divided-circle-assign:after, .jms-divided-circle-assign:before {
    content: "";
    width: 6px;
    height: 12px;
}

.jms-divided-circle-assign:before {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background: #f90;
}

.jms-divided-circle-assign:after {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #0f0;
}

.jms-circle-black {
    background-color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
}

.circle_green_icon {
    width: 15px;
    height: 15px;
    border-radius: 25px;
    background-color: #0f0;
    float: left;
    margin: 4px;
}

.circle_yellow_icon {
    width: 15px;
    height: 15px;
    border-radius: 25px;
    background-color: #f90;
    float: left;
    margin: 4px;
}

.circle_violet_icon {
    background-color: #c800e6;
    border-radius: 25px;
    height: 15px;
    width: 15px;
    float: left;
}

.circle_red_icon {
    width: 15px;
    height: 15px;
    border-radius: 25px;
    background-color: red;
    float: left;
}

.c-pending {
    width: 15px;
    height: 15px;
    float: left;
}

.circle_blue {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #0ff;
}

.display-inline-flex {
    display: inline-flex !important;
    display: -ms-inline-flexbox;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jms-push-bt-xs-1 {
    position: relative !important;
    top: 1px !important;
}

.jms-pull-top-xs-2 {
    position: relative !important;
    top: -2px !important;
}

.jms-push-bt-xs {
    position: relative !important;
    top: 3px !important;
}

.jms-push-top-xs {
    position: relative !important;
    top: -5px !important;
}

.jms-push-top-sm {
    position: relative !important;
    top: -11px !important;
}

.jms-push-top-md {
    position: relative !important;
    top: -16px !important;
}

.jms-push-top-sm-gt {
    position: relative !important;
    top: -10px !important;
    left: 2px;
}

.input-text-sm {
    height: 34px;
    border-radius: 5px;
    border: 1px solid #cacaca;
    width: 47px !important;
}

.fileinput-new .thumbnail {
    min-width: 100px;
    max-width: 120px;
    width: auto;
    max-height: 150px;
}

.fileinput-preview.thumbnail>img {
    max-width: 200px;
    max-height: 150px !important;
    line-height: 10px;
    object-fit: cover;
}

.jms-img-border {
    border: 2px solid #656565 !important;
}

.ts-addon {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.jms-actioned-date {
    padding-right: 8px;
}

.jms-description-text {
    text-align: left !important;
}

.shift-note-yellow {
    background: url(../images/jms-shift-note-y.svg) no-repeat center center;
    background-size: contain;
    height: 30px;
    height: 30px;
    margin: 0 auto 0 auto;
    color: #000;
    background-size: 100% 100%;
}

.shift-note-yellow span {
    position: relative;
    margin: 0 auto 0 auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    vertical-align: middle;
}

.shift-note-grey {
    background: url(../images/jms-shift-note-g.svg) no-repeat center center;
    background-size: contain;
    height: 30px;
    width: 30px;
    margin: 0 auto 0 auto;
    background-size: 100% 100%;
}

.shift-note-grey span {
    position: relative;
    margin: 0 auto 0 auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    vertical-align: middle;
}

.shift-note-yellow-q {
    background: url(../images/jms-shift-note-y-q.svg) no-repeat center center;
    background-size: contain;
    width: 30px;
    height: 30px;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.shift-note-yellow-q span {
    position: relative;
    margin: 0 auto 0 auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    vertical-align: middle;
}

a .shift-note-yellow-q {
    color: #000 !important;
}

a .shift-note-grey {
    color: #000 !important;
}

a .shift-note-yellow {
    color: #000 !important;
}

.jms-pdf-icon {
    position: absolute;
    display: block;
    height: 55px;
}

.jms-pdf-icon {
    background: url(../images/jms-pdf-icon.svg) no-repeat center center;
    background-size: contain;
    height: 38px;
    width: 38px;
    position: absolute;
    display: block;
}

.jms-icon-lg {
    width: 50px !important;
    height: 50px !important;
}

.jms-icon-md {
    width: 30px !important;
    height: 30px !important;
}

.jms-icon-md-w {
    width: 30px !important;
    height: 14px !important;
}

.jms-icon-sm {
    width: 25px !important;
    height: 25px !important;
}

.jms-icon-xs {
    width: 18px !important;
    height: 18px !important;
}

.jms-icon-xxs {
    width: 15px !important;
    height: 15px !important;
}

.jms-icon-xs-sm {
    width: 14px !important;
    height: 14px !important;
}

.jms-icon-w-sm {
    width: 22px !important;
}

.jms-chat {
    background: #eee;
    color: #5d204f;
    padding: 5px;
    height: 40px;
    width: 40px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    border-radius: 50%;
    text-transform: uppercase;
}

.jms-notes-chat {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

.jms-notes-chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #b3a9a9;
}

.jms-notes-chat li.left .jms-notes-chat-body {
    margin-left: 60px;
    margin-bottom: 5px;
}

.jms-notes-chat li.right .jms-notes-chat-body {
    margin-right: 60px;
    margin-bottom: 5px;
}

.jms-notes-chat li .jms-notes-chat-body p {
    margin: 0;
    color: #777;
}

.jms-notes-chat .glyphicon, .panel .slidedown .glyphicon {
    margin-right: 5px;
}

.jms-panel-body {
    padding: 10px 15px;
    min-height: 200px;
    margin-bottom: 25px;
}

.chat-round-box-me {
    width: 51px;
    height: 51px;
    background: #fff;
    border-radius: 100px;
    border: 5px solid #68ae39;
    text-align: center;
    vertical-align: middle;
    line-height: 42px;
    font-weight: 700;
    margin-left: 10px;
}

.chat-round-box-them {
    width: 51px;
    height: 51px;
    background: #fff;
    border-radius: 100px;
    border: 5px solid #40bcbd;
    text-align: center;
    vertical-align: middle;
    line-height: 42px;
    font-weight: 700;
    margin-right: 10px;
}

.permission-tree ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.permission-tree ul+ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.permission-tree ul li {
    margin: 0;
    padding-left: 12px;
    list-style: none;
}

.permission-tree ul>li {
    margin: 0;
    padding-left: 25px;
    list-style: none;
}

.permission-tree ul li>ul>li {
    margin: 0;
    padding-left: 25px;
    list-style: none;
}

.permission-check-align {
    padding-left: 35px;
}

@media (min-width: 768px) {
    .notifications-account {
        min-width: auto;
    }
}

#switch-account-list .list-group-item {
    cursor: pointer;
}

#switch-account-dash .list-group-item a {
    color: #000;
}

#switch-account-dash .list-group-item a:hover {
    color: #5d204f;
}

#switch-account-dash .list-group-item:hover {
    background-color: #fff;
}

#switch-account-dash .radio, .checkbox {
    display: block;
    min-height: 14px;
    margin-top: 2px;
    margin-bottom: 0;
}

.std-gateway-scroll {
    max-height: 500px;
    overflow-y: auto;
}

.jms-cellWdth-avg {
    word-wrap: break-word;
    max-width: 7em;
    vertical-align: middle !important;
    overflow: hidden;
}

.jms-cellWdth-short {
    word-wrap: break-word;
    min-width: 5.3em;
    vertical-align: middle !important;
    overflow: hidden;
}

.jms-slide-panel .widget {
    margin-bottom: 10px;
    padding: 10px 5px;
}

.jms-slide-panel {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    background-color: #f7f7f7;
    overflow: hidden;
    transition: 0.2s;
    padding-top: 60px;
    box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.1);
}

.jms-slide-panel a {
    padding: 9px;
    text-decoration: none;
    font-size: 14px;
    color: #5d204f;
    transition: 0.3s;
}

.jms-slide-panel a:hover {
    color: #5d204f;
}

.jms-slide-panel .closebtn {
    position: absolute;
    top: -5px;
    right: 12px;
    font-size: 25px;
    margin-left: 50px;
    z-index: 1;
    cursor: pointer;
}

.ash-bg-box {
    background: #f3f3f2;
    margin: 20px 0;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    display: table;
    width: 100%;
}

.disp-table {
    display: table;
    width: 100%;
}

.dropdownstyle {
    z-index: 1 !important;
}

.compli-tab .nav-tabs>li.active>a, .compli-tab .nav-tabs>li.active>a:focus, .compli-tab .nav-tabs>li.active>a:hover {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.compli-tab .nav-tabs>li>a {
    margin-right: 0;
}

.compli-tab .tab-pane {
    padding: 10px !important;
}

.jms-head-separator {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #5d204f;
}

.compliance-upload {
    margin: 15px;
}

.compliance-upload small {
    font-size: 11px;
}

.compliance-upload ol {
    counter-reset: li;
    list-style: none;
    font-weight: 500;
    padding: 0;
    margin-bottom: 2em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.rectangle-list li {
    position: relative;
    display: block;
    padding: 0.4em 0.4em 0.4em 0.8em;
    margin: 0.5em 0 0.5em 2.5em;
    background: #eee;
    color: #444;
    text-decoration: none;
    transition: all 0.3s ease-out;
    vertical-align: middle;
    border-radius: 5px;
}

.rectangle-list li:hover {
    background: #eee;
}

.rectangle-list li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    color: #fff;
    background: #6f0a57;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
}

.rectangle-list li:after {
    position: absolute;
    content: "";
    border: 0.5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -0.5em;
    transition: all 0.3s ease-out;
}

.rectangle-list li:hover:after {
    left: -0.5em;
    border-left-color: #6f0a57;
}

.rectangle-list .ts-pdf {
    width: 26px !important;
    padding: 0;
}

.ui-timepicker .ui-state-disabled, .ui-timepicker .ui-widget-content .ui-state-disabled, .ui-timepicker .ui-widget-header .ui-state-disabled {
    margin: 2px;
    border: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 10px solid red;
    background: #e6e6e6;
}

.ui-timepicker-table td span {
    padding: 0 !important;
}

.ui-timepicker-table td a {
    padding: 0.2em !important;
    text-align: center !important;
    margin: 2px;
    font-size: 13px;
    letter-spacing: -1px;
}

.ui-widget-header {
    border: 1px solid #6f0857 !important;
    background: #6f0857 !important;
    color: #fff !important;
    font-size: 13px;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #5d204f !important;
}

.ui-widget-content {
    background: #fff;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45% !important;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9em !important;
    padding: 1px 4px;
    margin: 1px 2px !important;
}

#ui-datepicker-div {
    z-index: 10000 !important;
}

.ui-datepicker td {
    min-height: 30px;
    min-width: 30px;
}

.ui-datepicker {
    z-index: 10000 !important;
}

.ui-datepicker {
    width: auto !important;
    padding: 0 !important;
}

.ui-datepicker .ui-widget-header {
    border: 1px solid #6f0857 !important;
    background: #6f0857 !important;
    color: #fff7f7 !important;
    font-weight: 400;
    width: 100%;
    position: relative !important;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker-prev:before {
    content: "\f137";
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    top: 2px;
    width: 2.5em;
    height: 2.25em !important;
    text-decoration: none;
}

.ui-datepicker .ui-widget-header a {
    color: #fff !important;
    font-size: 20px !important;
    opacity: 1;
}

.ui-datepicker table {
    padding: 5px 0 !important;
    font-size: 12px !important;
    background: #fff;
}

.ui-datepicker td a {
    padding: 0.2em;
    text-align: center !important;
    margin: 2px auto !important;
    line-height: 24px !important;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    font-weight: 500;
}

.ui-datepicker.ui-widget-content {
    border: 1px solid #d6d6d6 !important;
    border-radius: 5px !important;
    box-shadow: 1px 1px 6px 0 #0000001a;
}

.ui-datepicker-calendar .ui-state-default {
    border: 1px solid #fff !important;
    font-weight: 400;
    color: #555;
    border-radius: 50%;
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default {
    background: 0 0;
    text-align: center !important;
}

.ui-state-default {
    background-color: transparent !important;
}

.ui-datepicker td a, .ui-datepicker td span {
    text-align: center !important;
    line-height: 26px !important;
    margin: 2px auto !important;
    padding: 1px !important;
}

.ui-datepicker .ui-datepicker-header {
    padding: 10px !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background-color: #fff !important;
    color: #000;
}

.ui-datepicker select {
    border-width: 0;
    background: #fff;
    color: #000;
    background-size: 10px 9px !important;
    padding: 1px 5px;
}

.ui-datepicker-next:before, .ui-datepicker-prev:before {
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    font-weight: 400;
    align-items: center;
    justify-content: center;
}

.ui-datepicker .ui-datepicker-next:before {
    content: "\f138";
}

.ui-datepicker .ui-datepicker-header {
    padding: 10px;
}

.ui-datepicker .ui-state-focus .ui-icon, .ui-datepicker .ui-state-hover .ui-icon {
    background-image: none;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 4px;
    width: 25px;
    height: 25px;
}

.ui-datepicker .ui-state-focus .ui-icon, .ui-datepicker .ui-state-hover .ui-icon {
    background-image: none;
}

.ui-datepicker .ui-state-focus, .ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-hover {
    border: none;
    background: 0 0;
}

.ui-datepicker .ui-state-active {
    border: 0;
    background: #fff;
    font-weight: 400;
    color: #212121;
    border: 1px solid #5d204f !important;
}

.ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border: 1px solid #fff !important;
    color: #6e0756;
    background-color: transparent !important;
}

.ui-datepicker .ui-state-highlight {
    background: #ffe7f9 !important;
}

.ui-datepicker .ui-state-highlight .ui-state-default {
    border: 1px solid #5d204f !important;
    background: #ffe7f9 !important;
    border-radius: 50%;
}

.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
    border: 0 !important;
    background: 0 0 !important;
    color: #363636;
}

.slidenav-full {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    transition: 0.3s;
}

.slidenav-full a {
    transition: 0.3s;
}

.slidenav-full .header {
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
}

.slidenav-full .closebtn {
    float: right;
    font-size: 28px;
    text-decoration: none;
    color: #8e848c;
    z-index: 9;
    padding: 0;
    line-height: 20px;
    cursor: pointer;
}

.slidenav-full header {
    overflow: hidden;
    padding: 10px 10px;
}

.padding-control {
    padding: 0 8px;
}

.padding-control a {
    text-decoration: none;
}

.row-spacing {
    margin-bottom: 0.8em;
}

.jms-card-control {
    height: 6em;
    width: 100%;
    border-radius: 5px;
    display: inline-flex;
    display: -ms-inline-flexbox;
    align-items: center;
    padding: 1em;
    margin-bottom: 1em;
}

.jms-card-control:hover {
    background: linear-gradient(360deg, #6f0857, #5d204f);
    box-shadow: 0 0 12px 0 #00000040;
}

.jms-card-control img:hover {
    transition: 0.3s ease-out;
    transform: scale(1.15);
}

.jms-card-control img {
    width: 40px;
    height: 40px;
    margin: 0.5em;
}

.jms-right-text span {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}

.jms-card-control h5 {
    font-weight: 600;
    color: #fff;
    margin: 5px 0;
}

.jms-admin-card-bg-1 {
    background: #32adbd;
}

.jms-admin-card-bg-2 {
    background: #d15050;
}

.jms-admin-card-bg-3 {
    background: #f46a6a;
}

.jms-admin-card-bg-4 {
    background: #94c67e;
}

.jms-admin-card-bg-5 {
    background: #5ab4a9;
}

.jms-admin-card-bg-6 {
    background: #5f5f5f;
}

.jms-admin-card-bg-7 {
    background: #6a94f4;
}

.jms-admin-card-bg-8 {
    background: #69b1a6;
}

.jms-right-text {
    display: grid;
    margin-left: 0.5em;
}

.jms-jms-right-text-full-width {
    display: grid;
    margin-left: 1.3em;
}

.jms-jms-right-text-full-width span {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}

.icon-item, .icon-item .fa, .icon-item .glyphicon {
    width: 18px;
    margin-right: 10px;
    font-size: 18px;
    text-align: center;
}

.jms-tab .nav-tabs {
    border-bottom: 1px solid #ddd;
}

.jms-tab .nav-tabs {
    text-align: center;
    background-color: #fff;
}

.jms-tab .nav-tabs>li>a {
    margin-right: 0;
    font-size: 14px;
    padding: 10px 18px;
    font-weight: 600;
    min-height: 38px;
}

.jms-tab .tab-content>.tab-pane {
    padding: 15px;
}

.jms-tab .nav-tabs>li.active>a, .jms-tab .nav-tabs>li.active>a:focus, .jms-tab .nav-tabs>li.active>a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd;
    border-bottom: transparent;
    margin-bottom: -1px !important;
    color: #5d204f;
    box-shadow: 0 2px 12px 1px rgba(0, 0, 0, 0.2);
}

.profile-box {
    background-color: #f7f7f7;
    margin-bottom: 10px;
    padding: 10px 10px;
    text-align: center;
    border-radius: 10px;
    height: 150px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.profile-box :after, .profile-box :before {
    content: "";
    display: table;
}

.profile-box :after {
    clear: both;
}

.jms-job-number-id {
    color: #96327f;
    font-size: 13px;
    background: #f6f7f9;
    border-radius: 25px;
    padding: 7px 20px;
    margin: 1px 5px 10px 5px;
    display: block;
}

.job-id-jms {
    font-size: 14px;
    font-weight: 700;
}

.profile-box .user-avatar {
    margin-bottom: 5px;
}

.profile-box .user-avatar img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.profile-box .info {
    padding: 4px 8px 4px;
}

.profile-box .info .title {
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 1.3;
    vertical-align: middle;
    word-break: break-word;
}

.profile-box .info .desc {
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
    text-overflow: ellipsis;
}

.jobdetails {
    position: absolute;
    display: block;
    height: 55px;
}

.pdf-icon {
    background: url(../images/pdf-icon.svg) no-repeat center center;
    background-size: contain;
    height: 38px;
    width: 38px;
    position: absolute;
    display: block;
}

.jms-details-btn {
    background-color: transparent;
    border: none;
    display: block;
    padding: 1px 3px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
}

.jms-details-btn img {
    height: 20px;
    margin-bottom: 3px;
}

.jms-details-btn:before {
    float: left;
    margin: 0 0.3em 0 0 !important;
    padding: 0 0.8em;
    color: #6f0957;
}

.job-details-icon:before {
    content: " ";
    background-image: url(../images/job-details.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.job-notes-icon:before {
    content: " ";
    background-image: url(../images/job-notes.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.job-location-icon:before {
    content: " ";
    background-image: url(../images/job-location.svg);
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    width: 15px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}

.info-triangle {
    background: url(../images/tri-border-fill.svg) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 28px;
    margin: 0;
    position: relative;
    top: -5px;
    z-index: 0;
    margin-bottom: 5px;
    margin-right: 6px;
}

.info-triangle span {
    font-size: 20px;
    font-weight: 600;
    display: block;
    text-align: center;
    color: #fff;
    line-height: 30px;
}

.info-triangle-small {
    background: url(../images/tri-border-fill.svg) no-repeat center center;
    background-size: contain;
    height: 30px;
    width: 30px;
    margin: 0 auto;
    position: relative;
    top: 0;
    z-index: 0;
}

.info-triangle-small span {
    position: relative;
    margin: 0 auto 0 auto;
    top: 10px;
    left: 0;
    width: 15px;
    font-size: 12px;
    font-weight: 500;
    display: block;
    text-align: center;
}

.info-triangle-small span a {
    color: #fff;
}

.google-maps {
    position: relative;
    padding-bottom: 1%;
    overflow: hidden;
    height: 250px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.job-notes .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd !important;
    border: 0;
    border-radius: 0 !important;
}

.v-align {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 9;
}

.v-align-c {
    vertical-align: middle;
}

.scroll-new {
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

.scroll-new tbody {
    display: block;
    width: 100%;
    overflow: auto;
    height: 320px;
}

.scroll-new thead tr {
    border-bottom: 0 !important;
    padding: 0 !important;
}

.scroll-new tr {
    border-bottom: 0 !important;
}

.scroll-new td, .scroll-new th {
    width: 10%;
    padding: 10px 0 !important;
}

.scroll-new tbody tr, .scroll-new tfoot, .scroll-new thead {
    display: table;
    width: 100%;
    table-layout: auto;
}

.table-fixed thead {
    width: 97%;
}

.table-fixed tbody {
    height: 230px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed tbody, .table-fixed td, .table-fixed th, .table-fixed thead, .table-fixed tr {
    display: block;
}

.table-fixed tbody td, .table-fixed thead>tr>th {
    float: left;
    border-bottom-width: 0;
}

.navbar-login-page {
    background-color: #fff;
    box-shadow: none;
    padding: 16px 0;
}

.form-control-login-screen {
    padding: 20px 25px;
    border-radius: 5px;
    background: #f7f7f7;
    border-radius: 5px;
}

.form-control-login-screen label.error {
    display: block;
    position: absolute;
    margin-top: -25px;
    font-size: 12px !important;
    text-align: left;
    color: red !important;
}

.center-row-contents {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.pad-lr-50 {
    padding: 0 50px;
}

.custom-footer {
    text-align: center;
    color: #980072;
    font-weight: 600;
    background: #fff;
}

.form-control-login-screen .input-group .form-control:last-child, .form-control-login-screen .input-group-addon:last-child, .form-control-login-screen .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .form-control-login-screen .input-group-btn:first-child>.btn:not(:first-child), .form-control-login-screen .input-group-btn:last-child>.btn, .form-control-login-screen .input-group-btn:last-child>.btn-group>.btn, .form-control-login-screen .input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border: none;
    border-bottom: 2px solid #000;
    background: 0 0;
    height: 48px;
    font-weight: 500;
    color: #000;
}

.form-control-login-screen .input-group-addon:first-child {
    border-right: 0;
    border-bottom: 2px solid #000 !important;
    border: none;
    background: 0 0;
    padding: 9px 1px;
}

.btn-login {
    width: 80%;
    text-align: center;
    background: #980072;
    font-weight: 500;
    height: 42px;
    border-radius: 50px;
    color: #fff;
}

.btn-login:hover {
    color: #ffe4f8;
}

.request-demo-button {
    border: 2px solid #980072;
    border-radius: 50px;
    color: #980072;
    background: #fff;
    font-weight: 600;
    text-rendering: geometricPrecision;
    padding: 7px 16px !important;
    margin: 5px;
}

.request-demo-button:hover {
    outline: 0;
    background: #980072;
    color: #fff;
    transition: 0.5s ease-in-out;
}

.about-jms-txt h4 {
    text-align: center;
    font-weight: 400;
    color: #6f0857;
    line-height: 22px;
    font-size: 15px;
}

.about-jms-txt p {
    text-align: center;
    font-weight: 400;
    color: #6f0857;
    font-size: 14px;
}

.about-jms-txt ul {
    list-style: none;
    color: #6f0857;
    font-weight: 400;
    font-size: 16px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.check-icon {
    font-size: 20px;
    margin-right: 10px;
    color: #982068 !important;
}

.login-page-nav-logo img {
    text-align: center;
    margin: 0 auto;
    padding: 10px 8px;
    padding-top: 25px;
    font-size: 19px;
    /* line-height: 25px; */
    height: 95px !important;
    left: 0;
    right: 0;
}

.form-control-login-screen input {
    outline: 0 !important;
}

.form-control-login-screen input:-webkit-autofill, .form-control-login-screen input:-webkit-autofill:active, .form-control-login-screen input:-webkit-autofill:focus, .form-control-login-screen input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #f2f2f2 inset !important;
}

@media (min-width: 768px) {
    .login-nav {
        float: right;
    }
    .login-nav li {
        float: left;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .login-nav {
        float: none;
        margin: 0 auto;
        display: table;
    }
    .login-nav li {
        float: left;
        margin: 0 auto;
    }
}

.login-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
}

.login-nav li a {
    display: block;
    color: #980072;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    z-index: 99999;
    font-weight: 600;
}

.login-nav li a:hover:not(.active) {
    background-color: #980072;
    color: #fff;
}

.login-nav .active {
    background-color: #f2f2f2;
}

@media (max-width: 480px) {
    .center-row-contents {
        display: block;
    }
    .pad-lr-50 {
        padding: 0 !important;
    }
}

.fa-jms-user::before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url(../images/user.svg);
}

.fa-jms-lock::before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url(../images/lock-solid.svg);
}

.link-wrap a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

.link-wrap a:hover {
    color: #3e3e3e;
}

.button-wrappper {
    display: block;
    justify-content: center;
    text-align: center;
}

.button-wrappper button:focus {
    outline: 0 !important;
}

.custom-footer a, .custom-footer a:focus, .custom-footer a:hover {
    color: #980072;
    font-weight: 600;
}

.container-login100-form-btn {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding-top: 8%;
    padding-bottom: 5%;
}

.login100-form {
    width: 100%;
}

.validate-input {
    position: relative;
}

.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #d9d9d9;
    margin-bottom: 30px;
}

.label-input100 {
    font-size: 13px;
    color: #5e204f;
    line-height: 1.5;
    padding-left: 1px;
}

.form-control-login-screen input:focus, .form-control-login-screen textarea:focus {
    border-color: transparent !important;
}

.input100:focus+.focus-input100::before {
    width: 100%;
}

.input100 {
    font-size: 13px;
    color: #333;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 30px;
    background: 0 0;
    padding: 0 7px 0 32px;
}

.focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.focus-input100::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #980672;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.focus-input100::after {
    content: "";
    display: inline-block;
    height: 2em;
    width: 2em;
    background-image: url(../img/user.svg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: calc(100% - 25px);
    bottom: 3px;
    left: 0;
    background-repeat: no-repeat;
}

.focus-input100.password::after {
    content: "";
    display: inline-block;
    height: 2em;
    width: 2em;
    background-image: url(../img/lock-solid.svg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: calc(100% - 25px);
    bottom: 3px;
    left: 0;
    background-repeat: no-repeat;
}

.focus-input100.otp::after {
    content: "";
    display: inline-block;
    height: 2em;
    width: 2em;
    background-image: url(../img/mobile.svg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: calc(100% - 25px);
    bottom: 3px;
    left: 0;
    background-repeat: no-repeat;
}

.form-control-login-screen input {
    outline: 0;
    border: none;
}

.form-control-login-screen .btn:focus, .form-control-login-screen .btn:hover {
    color: #e2e2e2;
    text-decoration: none;
}

.manage-ac .tabs-left>.nav-tabs>li>a {
    margin-right: 0;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 0;
    border-bottom: 1px solid #737373;
}

.manage-ac .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    min-height: 48px;
    background: #fdfdfd;
}

.manage-ac .tab-content>.active {
    display: block;
    padding: 30px;
    margin: 0 20px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: none;
    z-index: 1;
}

.manage-ac .nav-tabs>li.active>a, .manage-ac .nav-tabs>li.active>a:focus, .manage-ac .nav-tabs>li.active>a:hover {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #6f0857;
    background: #fff;
    border-bottom: 1px solid #95317e;
}

.manage-ac .tab-content {
    background-color: transparent;
}

.manage-ac .tabs-left>.nav-tabs>li>a, .manage-ac .tabs-right>.nav-tabs>li>a {
    margin-bottom: 0;
}

.compliance-card {
    min-height: 54px;
    border-radius: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    padding: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border: 1px solid #eee;
}

.compliance-red {
    background: #fff !important;
    border-left: 5px solid red;
    border-radius: 5px;
    color: #000;
}

.compliance-green {
    background: #fff !important;
    border-left: 5px solid #0f0;
    border-radius: 5px;
    color: #000;
}

.compliance-orange {
    background: #fff !important;
    border-left: 5px solid #f90;
    border-radius: 5px;
    color: #000;
}

.compli-row {
    font-size: 12px;
}

.compliance-content h1 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin: 3px 0;
}

.compliance-content h1 span+span {
    font-weight: 400;
}

.jms-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.05);
    z-index: 3;
}

.jms-overlay-center {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 3;
}

.jms-spinner {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 3em;
    padding: 5px;
    border-radius: 5px;
    z-index: 50;
    background: rgba(255, 255, 255, 0.5);
}

.jms-spinner.center {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
    -ms-overflow-style: none;
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: border-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    overflow-x: hidden !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-arrow, .scroll-element .scroll-bar {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999;
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important;
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: 0;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scrollbar-outer>.scroll-element, .scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer>.scroll-element {
    background-color: #fff;
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px;
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px;
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eee;
}

.scrollbar-outer>.scroll-element .scroll-bar, .scrollbar-outer>.scroll-element .scroll-element_outer, .scrollbar-outer>.scroll-element .scroll-element_track {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d9d9d9;
}

.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}

.scrollbar-macosx>.scroll-element, .scrollbar-macosx>.scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 5;
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none;
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    display: block;
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar, .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    opacity: 0.7;
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    overflow-x: hidden;
    width: 100%;
}

.scrollbar-macosx>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

.jms-sub-menu-adv-view-large-icon .mega-dropdown-menu.dropdown-menu li {
    display: inherit !important;
    padding: 5px 1px !important;
    margin: 4px 0 !important;
    float: inherit;
}

.colorpicker:before {
    left: 80px !important;
}

.colorpicker:after {
    left: 82px !important;
}

.min-w-250 {
    min-width: 250px;
}

.jms-page-header {
    color: #6f0857;
    font-weight: 600;
}

.jms-page-header .h1, .jms-page-header .h2, .jms-page-header .h3, .jms-page-header .h4, .jms-page-header .h5, .jms-page-header .h6, .jms-page-header h1, .jms-page-header h2, .jms-page-header h3, .jms-page-header h4, .jms-page-header h5, .jms-page-header h6 {
    color: #6f0857;
    font-weight: 600;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px;
}

@keyframes slideIn {
    from {
        margin-bottom: 100%;
        width: 300%;
    }
    to {
        margin-bottom: 0;
        width: 100%;
    }
}

.slideIn {
    animation: slideIn 1s;
}

.slide-in {
    animation: slide-in 1.3s forwards ease;
}

.slide-in-slower {
    animation: slide-in-slower 1.3s forwards ease;
}

.slide-in-slowest {
    animation: slide-in-slowest 1.3s forwards ease;
}

.slide-in-bottom {
    -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rotate-vert-center {
    -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
    animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.slide-in-top {
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-left {
    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-out-right {
    -webkit-animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in {
    0% {
        transform: translate3d(0, -100%, 0);
    }
    40% {
        transform: translate3d(0, 30px, 0);
    }
    60% {
        transform: translate3d(0, -10px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slide-in-slower {
    0% {
        transform: translate3d(0, -230%, 0);
    }
    53% {
        transform: translate3d(0, 10px, 0);
    }
    76% {
        transform: translate3d(0, -10px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slide-in-slowest {
    0% {
        transform: translate3d(0, -200%, 0);
    }
    63% {
        transform: translate3d(0, 5px, 0);
    }
    80% {
        transform: translate3d(0, -5px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
}

@keyframes slide-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
}

.scrollit {
    max-height: 300px;
    margin: 0 !important;
}

.jms-member-container {
    margin: 15px 0 !important;
    margin-bottom: 20px !important;
    padding: 7px 0 7px 7px;
    border-radius: 5px;
    background-color: #f2f2f2;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.jms-member-title {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    word-break: break-all;
    margin: 6px 0;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.jms-member-content {
    padding: 10px 1px;
    margin-right: 15px;
    display: block;
    overflow: hidden;
    display: flow-root;
}

.jms-member-content p {
    margin: 0;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    word-break: break-all;
}

.jms-member-content:not(:last-child) {
    border-bottom: 1px solid #ddd !important;
}

.jms-member-content .fa {
    cursor: pointer;
}

.jms-member-thumb {
    float: left;
    padding-right: 8px;
    width: 45px;
}

.jms-member-thumb img {
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.jms-member-icon {
    font-size: 12px;
    background-color: #5d1f4f;
    color: #fff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
}

p.usernamelinkappr, p.usernamelinkdecline {
    cursor: default;
}

p.declinedDates {
    font-weight: 400;
    cursor: default;
}

.jms-seperator {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 8px;
}

.fontBold {
    font-weight: 700;
}

.dayScroll {
    max-height: 300px;
}

.cursorPoint {
    cursor: pointer;
}

.jms-div-table {
    display: table;
    width: 100%;
}

.jms-div-table-row {
    display: table-row;
}

.jms-div-table-heading {
    background-color: #eee;
    display: table-header-group;
}

.jms-div-table-head {
    background-color: #6f0857;
}

.jms-div-table-cell, .jms-div-table-head {
    border: 1px solid #999;
    display: table-cell;
    padding: 3px 10px;
}

.jms-div-table-heading {
    background-color: #eee;
    display: table-header-group;
    font-weight: 700;
}

.jms-div-table-foot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: 700;
}

.jms-div-table-body {
    display: table-row-group;
}

.jms-one-table-div .row:nth-child(odd) {
    background-color: #f0edeb;
}

.jms-one-table-div .row:nth-child(even) {
    background-color: #dbdbdb;
}

.jms-loader-lg {
    background-image: url(../images/loader/loader-lg.gif);
    width: 16px;
    height: 16px;
    content: " ";
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    z-index: 9999;
}

.jms-loader-3x {
    background-image: url(../images/loader/loader-3x.gif);
    width: 32px;
    height: 32px;
    content: " ";
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    z-index: 9999;
}

.jms-loader-5x {
    background-image: url(../images/loader/loader-5x.gif);
    width: 46px;
    height: 46px;
    content: " ";
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: relative;
    z-index: 9999;
}

.member-container-jms-ash {
    margin: 10px 0;
    border: 1px solid #e8e8e8;
    height: 62px;
    padding: 0 9px 0 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 10px;
    background-color: #f5f5f5;
    box-shadow: 1px 1px 6px 0 #0000001a;
}

.member-title-jms .fc-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding-left: 0;
}

.member-content-jms p {
    margin: 2px 0;
    font-size: 13px;
    color: #707070;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 2px;
    max-width: 78%;
}

.member-content-jms h4 {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 2px 0;
    line-height: 19px;
    padding-left: 2px;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-content-jms {
    padding: 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-thumb-jms img {
    display: block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 5px;
    object-fit: cover;
}

.member-thumb-jms {
    float: left;
}

.member-container-jms-white {
    margin: 10px 0 !important;
    border: 1px solid #dfdfdf;
    height: 62px;
    padding: 0 9px 0 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 #0000001a;
}

.bg-note-grey {
    background: #eee !important;
}

.jms-file-upload-txt {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1;
    max-height: 1 * 1;
}

.fileinput.input-group {
    display: flex;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 23px;
    height: 100%;
    width: 100%;
    direction: ltr;
    cursor: pointer;
}

.btn-file>input::-webkit-file-upload-button {
    cursor: pointer;
}

.fileinput {
    margin-bottom: 9px;
    display: inline-block;
    max-width: 100vw;
}

.fileinput .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    min-width: 75px;
}

.fileinput .form-control {
    padding-top: 7px;
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}

.fileinput .img-thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

.fileinput .img-thumbnail>img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.fileinput .btn {
    vertical-align: middle;
}

.fileinput .form-group {
    overflow: hidden;
}

.fileinput .form-group .fileinput-filename {
    width: 90%;
    width: calc(80%);
}

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none;
}

.fileinput-exists.close {
    float: none;
}

.fileinput-inline .fileinput-controls {
    display: inline;
}

.fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 65%;
}

.form-control .fileinput-filename {
    vertical-align: bottom;
    white-space: nowrap;
    width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    padding-left: 10px;
}

.form-control .fileinput-filename.with-icon {
    padding-left: 30px;
}

.fileinput.input-group {
    display: flex;
}

.fileinput.input-group>* {
    position: relative;
    z-index: 2;
}

.fileinput.input-group>.btn-file {
    z-index: 1;
}

.fileinput .input-group-append .input-group-text:hover {
    background: #d9dcdf;
    cursor: pointer;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.input-group>.input-group-append>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-append .input-group-text+.input-group-text {
    margin-left: -1px;
}

.h-filter .form-group {
    margin-right: 3px;
}

.h-filter .multiselect.btn {
    border-radius: 30px;
}

.h-filter .multiselect.btn-default.active, .h-filter .multiselect.btn-default:active, .h-filter .multiselect.btn-default:focus, .h-filter .multiselect.btn-default:hover, .h-filter .multiselect.open>.multiselect.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #95317e;
    border-color: #6f0857;
}

.filter-close {
    position: absolute;
    right: -5px;
    top: -15px;
    z-index: 99;
}

.th-head {
    font-weight: 400 !important;
}

.close-btn {
    margin-left: 567px;
    margin-top: 2px;
}

select {
    outline: 0 !important;
    width: 100%;
    border-radius: 2px;
    background: url(../img/arrow.svg) right/18px 15px no-repeat #fff !important;
    background-repeat: no-repeat !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px !important;
}

select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
}

select::-ms-expand {
    display: none;
}

.itemsPerPage select {
    background-size: 12px 10px !important;
    width: 50px !important;
}

.upload_doc {
    display: block !important;
    right: 1px;
    top: 1px;
    height: 34px;
    opacity: 0;
    width: 100%;
    background: 0 0;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}

.control-fileupload {
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 10px 2px 10px;
    overflow: hidden;
    position: relative;
}

.control-fileupload input, .control-fileupload label, .control-fileupload:before {
    cursor: pointer !important;
}

.control-fileupload:before {
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: color 0.2s ease;
    content: "Browse";
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    right: 2px;
    line-height: 20px;
    text-align: center;
}

.control-fileupload:focus:before, .control-fileupload:hover:before {
    background-color: #e6e6e6;
    color: #333;
    text-decoration: none;
    background-position: 0 -30px;
    transition: background-position 0.2s ease-out;
}

.control-fileupload label {
    width: 80%;
    word-wrap: break-word;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    margin-bottom: 0;
    cursor: text;
    text-align: left !important;
    float: left;
}

.support>tbody>tr>td {
    color: #000;
    font-size: 15px;
    text-align: center;
}

.privacy-box {
    border-radius: 3px;
    padding: 10px 25px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.privacy-box :last-child {
    border-bottom: 0;
}

.privacy-box-icon {
    background-color: #6f0957;
    border-radius: 50%;
    display: table;
    height: 50px;
    margin: 0 auto;
    width: 50px;
    margin-bottom: 15px;
}

.privacy-box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.privacy-box .fa-2x {
    font-size: 1.5em;
}

.inform>h4 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.inform>p {
    color: #000;
    padding-top: 10px;
    text-align: justify;
    line-height: 1.42857143;
}

.inform .blockquote p {
    color: #000;
    text-align: justify;
    line-height: 1.42857143;
}

.inform .blockquote {
    border-left: none;
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
}

.inform .blockquote img {
    margin-bottom: 10px;
}

.widget-login-container {
    padding-top: 7% !important;
}

.content-wrap .thumb, .content-wrap .thumb-lg, .content-wrap .thumb-sm, .content-wrap .thumb-xs, .jms-slide-panel .thumb, .jms-slide-panel .thumb-lg, .jms-slide-panel .thumb-sm, .jms-slide-panel .thumb-xs {
    border: 2px solid #ddd;
    border-radius: 50%;
}

.unlock_user {
    position: relative;
    top: 3px;
    margin-left: 10px;
}

.profile_picture, .profile_picture_pre {
    width: 60px;
    height: 60px !important;
    border-radius: 50%;
    object-fit: cover;
}

.profile_picture img, .profile_picture_pre img {
    object-fit: cover !important;
}

svg text {
    font: 500 10px Roboto, sans-serif;
    fill: #555;
}

.icon-tab-area-right {
    width: 35px !important;
    display: inline-block;
    text-align: right;
}

.ash-box {
    border: 1px solid #ddd;
    display: table;
    width: 100%;
    padding: 10px;
    background: #fbfbfb;
    border-radius: 5px;
}

.xmas-1 {
    /* background-image: url(../images/hat.png); */
    background-repeat: no-repeat;
    /* width: 54px; */
    /* height: 44px; */
    position: absolute;
    left: -100px;
    top: -2px;
}

.xmas-1 img {
    height: 60px;
}

.xmas-2 {
    /* background-image: url(../images/hat.png); */
    background-repeat: no-repeat;
    /* width: 54px; */
    /* height: 44px; */
    position: absolute;
    right: -50px;
    top: -2px;
}

.xmas-2 img {
    height: 60px;
}



/* -------------Banner Carousel------------ */

.carousel-indicators {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0px;
    width: 100%;
    z-index: 15;
    margin: 0;
    padding: 0 25px 10px 0;
    text-align: right;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    min-height: 600px;
}

.carousel .carousel-inner {
    height: 100%;
    width: 100%;
}

.carousel .carousel-inner img {
    display: block;
    object-fit: cover;
    min-height: 100vh;
    height: 100%;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    /* height: 100vh;
    width: 100vw; */
    /* min-height: 615px; */
}

.carousel-indicators li {
    width: 13px;
    height: 13px;
    margin: 1px 3px;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    background-color: #dbdbdb
}

.carousel-indicators .active {
    background-color: #6f0957;
    width: 13px;
    height: 13px;
    margin: 1px 3px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    opacity: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    opacity: 0;
}

.form-control-login-screen {
    background: #ffffff;
}

.gateway-login {
    padding: 50px;
}


.toggle-password {
    position: absolute;
    /* right: 0;
    top: 29px; */
    color: #6f0857;
}

.visible-icon {
    content: "";
    display: inline-block;
    height: 2em;
    width: 1.5em;
    background-image: url(../img/visibility.svg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: calc(100% - 25px);
    bottom: 0px;
    right: 0;
    background-repeat: no-repeat;
}

.visible-icon-off {
    content: "";
    display: inline-block;
    height: 2em;
    width: 1.5em;
    background-image: url(../img/visibility-off.svg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: calc(100% - 25px);
    bottom: 0px;
    right: 0;
    background-repeat: no-repeat;
}


/* footer social icons */

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

ul.social-network li {
    display: inline;
    margin: 0 5px;
}


/* footer social icons */



.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}


.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoVimeo:hover i,
.social-network a.icoLinkedin:hover i {
    color: #fff;
}

a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
    background-color: #CBC9C9;
}

.social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.about-jms-txt h3 {
    text-align: center;
    font-weight: 400;
    color: #7c7c7c;
    line-height: 22px;
    font-size: 20px;
}

.link-wrap a {
    color: #980072;
    font-weight: 400;
    text-decoration: none;
}

.link-wrap a:hover {
    color: #777777;
    font-weight: 400;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
    .center-row-contents {
        display: block;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 767px) {
    .center-row-contents {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }
}

.photo_slider {
    position : relative;
    display : block;
    /* overflow : hidden; */
    width : 100%;
    max-width : 100vw;
    height : 100vh;
    max-height : 100%;
    margin : 0 auto;
  }
  
  .slider {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    transition: transform 1600ms;
    transform: scale(1);
  }

 .carousel-inner{
     height:100%;
 }
 .table-container {
    display: table;
    width: 100%;
  }
  
  .table-container .table-row {
    height: 100vh;
    min-height: 100%;
    display: table-row;
  }
  
  .table-container .table-row .table-col {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
  .custom-footer {
    padding-top: 5%;
}
/* -------------hidden div-------------- */