* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

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

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

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

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

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

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

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

.wrapper,
body,
html {
    min-height: 100%;
}

html{
    font-size: 16px;
}

body {
    font-family: 'Avenir Next LT Pro', sans-serif !important;
    font-weight: normal;
    font-size: 1rem;
    overflow-y: scroll;
}
.btn{padding: 0.375rem 0.25rem;min-width: 38px;}

.hide{
    display: none !important;
}

/* Sidebar Styling */

.layout-fixed .main-sidebar {
    height: calc(100vh - 50px);
    min-height: auto;
}

[class*=sidebar-dark-] {
    background-color: #fff;
    box-shadow: 0px 3px 28px rgba(0, 0, 0, 0.08);
}

[class*=sidebar-dark] .brand-link {
    text-align: center;
    background-color: #dce5ee;
    border: 0;
    padding: 14px 0 0.65rem;
    height: 60px;
    line-height: 38px;
    transition: width 0.3s ease-in-out;
}

.brand-link .brand-image {
    float: none;
}

.main-sidebar a {
    color: #9999ab;
    font-size: 1rem;
}

.main-sidebar a:hover,
.main-sidebar a:focus,
.main-sidebar a:active,
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
    color: #000000;
}

.main-sidebar,
.main-sidebar::before,
.layout-fixed .brand-link {
    width: 260px;
}
.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before{
    margin-left: -260px;
}
body:not(.sidebar-mini-md) .content-wrapper,
body:not(.sidebar-mini-md) .main-header {
    margin-left: 260px;
}

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

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

.grayText {
    color: #9999ab;
}

#error-msg {
    color: #ff0000;
}
.resendCode {
    opacity:0.3;
    cursor: pointer
}

[class*='sidebar-dark-'] .sidebar a {
    color: #9999AB;
}

[class*=sidebar-dark] .user-panel {
    border-bottom: 0;
    /* display: table !important; */
    width: 100%;
    margin: 12px 0;
}

.user-panel .image {
    /* display: table-cell; */
    padding-left: 1.2rem;
    vertical-align: middle;
    /* width: 46px; */
}

.user-panel .info {
    /* display: table-cell; */
    padding: 5px 5px 5px 10px;
    /* vertical-align: middle; */
}
[class*='sidebar-dark-'] .sidebar .info a, [class*='sidebar-dark-'] .designation {
    white-space: normal;
    line-height: 1.2;
    text-transform: none;
}
[class*='sidebar-dark-'] .designation {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
hr.sidebarSeparator {
    height: 2px;
    margin: 0 -7px;
    border-top: 2px solid rgba(182, 182, 198, 0.22);
}

.sidebar-mini .main-sidebar .brand-image {
    width: 100%;
    max-width: 145px;
    margin: 0;
    max-height: 40px;
    transition: width 0.3s ease-in-out;
}
.brand-link .logo-mini{display: none;}
.sidebar-collapse .brand-link .logo-lg{display: none;}
.sidebar-collapse .brand-link .logo-mini{display: block;}
.sidebar-mini.sidebar-collapse .main-sidebar .brand-image,
.sidebar-mini.sidebar-collapse .main-sidebar::before .brand-image,
.sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
    width: 50px;
    padding: 1.1rem 0 !important;
}

.sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 0 !important;
}



.sidebar-mini .main-sidebar .user-panel,
.sidebar-mini .main-sidebar .user-panel+hr {
    display: block;
}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel,
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel+hr,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p {
    display: none;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel>.info,
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p,
.sidebar-mini.sidebar-collapse [class*='sidebar-dark-'] .nav-sidebar>.nav-item>.nav-treeview {
    display: none !important;
}

.navigationText {
    font-size: 12px;
    text-transform: uppercase;
    padding: 1rem 1.45rem 0;
}

.sidebar-collapse .navigationText {
    display: none;
}

.user-panel img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border: 3px solid #E3E3E3;
    padding: 1px;
}

.LtName {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 80px);
}

span.designation {
    font-weight: 500;
    display: block;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 5px;
}

.sidebar-dark-primary .os-content {
    padding-left: 0 !important;
}

.nav-sidebar .nav-item>.nav-link {
    position: relative;
    margin: 0;
    display: table;
    width: 100%;
}

.nav-sidebar .nav-item>.nav-link>svg {
    width: 30px;
    margin-right: 5px;
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    height: 18px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    box-shadow: none;
    border-radius: 0;
    color: #000000;
    font-weight: 600;
    background-color: transparent;
    position: relative;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active::before,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 0;
    width: 7px;
    height: 100%;
    border-radius: 20px;
    background-color: #0F33E7;
}

.nav-sidebar .nav-item>.nav-link>p {
    display: table-cell;
    vertical-align: middle;
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    line-height: 1.55;
}

.nav-sidebar .has-treeview .nav-item {
    margin-bottom: 2px;
}

.nav-sidebar .has-treeview .nav-item>.nav-link>p {
    font-weight: 500;
    line-height: 1.2;
    padding-top: 2px;
    margin-bottom: -2px;
    font-size: 12px;
}

.nav-sidebar>.nav-item>.nav-link.active svg path {
    fill: #0F33E7;
}

.nav-sidebar .nav-link>.right,
.nav-sidebar .nav-link>p>.right {
    font-size: 10px;
    top: 0.75rem;
    right: 0.7rem;
}

.nav-sidebar .menu-open>.nav-link i.right {
    transition: transform 0.1s ease-in-out;
    top: 0.85rem;
    transform: rotate(-180deg);
}

.nav.nav-treeview>.nav-item>.nav-link {
    background-color: #ffffff;
    /* width: 75%; */
    width: auto;
    white-space: nowrap;
    padding-left: 3.2rem;
    border-radius: 0px 18px 18px 0;
    color: #333;
}

.nav.nav-treeview>.nav-item>.nav-link:hover,
.nav.nav-treeview>.nav-item>.nav-link:focus,
.nav.nav-treeview>.nav-item>.nav-link:active,
.nav.nav-treeview>.nav-item>.nav-link.active:hover,
[class*='sidebar-dark-'] .nav-treeview>.nav-item>.nav-link.active {
    background-color: rgba(14, 109, 203, 0.09);
    color: #333333;
}


/* Header Styling */

.main-header.navbar {
    padding: 0.22rem 0;
    border: 0;
    box-shadow: none;
    background-color: #DCE5EE;
    height: 60px;
    position: fixed;
    right: 0;
    width: calc(100% - 260px);
    transition: width 0.1s ease-in-out;
}

.sidebar-mini.sidebar-collapse .main-header {
    width: calc(100% - 74px);
    transition: width 0.1s ease-in-out;
}

.wrapper .content-wrapper {
    padding-top: 60px;
}

.hamburger {
    width: 15px;
}

li.pushLink a {
    line-height: 1;
    padding: 0.3rem 1.35rem !important;
    height: auto !important;
}

/*.user-menu .dropdown-menu {
    left: unset;
    right: 1.32rem;
}*/
.user-menu .dropdown-menu {
    left: unset;
    right: 1.32rem;
    max-height: 70vh;
    overflow: auto;
}

.main-header .user-menu .nav-link {
    color: #333333;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 0;
    line-height: 3.25;
    padding-right: 1.36rem;
}

.main-header .user-menu .nav-link i {
    font-size: 11px;
    display: inline-block;
    padding-left: 12px;
}

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

.main-header .user-menu .nav-link:hover,
.main-header .user-menu .nav-link:focus,
.main-header .user-menu .nav-link:hover {
    color: #333333;
}

[class*='sidebar-dark-'] .sidebar .info a {
    font-size: 15px;
    color: #333333;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sidebar .info span{
    font-size: 12px;
}
.info a:hover,
.info a:focus,
.info a:active {
    color: #333333 !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto;
    padding: 18px 10px 15px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    font-weight: 500;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    font-size: 15px;
    font-weight: bold;
    margin: 7px 0;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    padding: 2px;
    border-radius: 100%;
    border-color: #d7d7e9;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btnBlue {
    font-size: 11px;
    font-weight: 500;
    padding: 0 15px;
    height: 36px;
    line-height: 38px;
    text-transform: uppercase;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #dce5ee;
    padding: 12px;
}


/* Dashboard Styling */

.content-wrapper {
    margin-bottom: 50px;
}

.content-wrapper>.content.dashBoardPage {
    padding: 0 0.95rem;
}

.dashBoardPage .card {
    box-shadow: none;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 1.5rem;
    height: 100%;
    margin-bottom: 0;
}

.dashBoardPage>.container-fluid>.row {
    margin-right: -12px;
    margin-left: -12px;
}

.dashBoardPage>.container-fluid>.row>div {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 25px;
}

.pageTitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #000000;
    margin: 0;
    /* padding: 1.4rem 1.35rem 1.32rem; */
    padding: 2rem 1.875rem 1.625rem;
}

.blockTitle {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.dashboardBlockOuter>ul {
    margin: 0 -15px 20px;
}

.dashboardBlockOuter>ul>li {
    padding: 0 15px;
    width: auto;
    display: inline-block;
}

.colorCover {
    display: block;
}

.colorBox {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 8px;
    border-radius: 3px;
    padding-right: 10px;
}

.colorRepresent {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #0a1433;
    padding-left: 5px;
}

.greenCode {
    background-color: #75C75E;
}

.yellowCode {
    background-color: #F6C563;
}

.seaGreenCode {
    background-color: #5CD5D1;
}

.redCode {
    background-color: #FF7575;
}

.blueCode {
    background-color: #63C9F6;
}

.dashboardBlockOuter>ul>li.blockNote,
.dashboardBlockOuter>ul>li.blockNote span {
    display: block;
    font-style: italic;
    font-size: 12px;
    color: #0a1433;
    line-height: 22px;
}

.main-footer {
    background-color: #323643;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1040;
    height: 50px;
    left: 0;
}

body:not(.sidebar-mini-md) .main-footer {
    margin-left: 0;
}

.footerCover {
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 1.2;
}

/*.footerCover>a {
    position: absolute;
    left: 10px;
    top: -5px;
    line-height: 1;
}*/
.footerCover>a {
    position: static;
    float: left;
    margin: -5px 0 0;
}

.main-footer .inCenter {
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}
.infoText{display:inline-block;width:100%;color:#000000;padding:1rem;font-size:14px;text-align:center;font-weight:600;}
.modal-dialog .infoText{text-align:left;padding:0;font-weight:500;margin: 1rem 0;}
.modal-dialog .infoText b{font-weight:600;}


/* Auth Screens Styling */

.login-page {
    width: 100%;
    min-width: 450px;
    /* display: table; */
    background-color: #f1f1f1;
    position: relative;
    padding-top: 62px;
    margin: 0;
    font-weight: normal;
    -ms-flex-pack: start;
    justify-content: start;
    overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;
}

.authHeader {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 62px;
    background-color: #ffffff;
    box-shadow: 0px 3px 14px rgba(136, 117, 117, 0.07);
}

.login-box {
    width: 450px;
    padding: 100px 0 30px;
    /* height: 100%; */
    /* display: table-cell; */
    /* vertical-align: middle; */
}

.login-box-body {
    max-width: 450px;
    width: 450px;
    border-radius: 15px;
    background-color: #fff;
    padding: 2rem 2.5rem;
    margin: 0 auto;
}

.login-logo {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
}

.login-logo img {
    display: table-cell;
    vertical-align: middle;
    margin: 0.65rem auto;
}
.login-logo .imgLogo {
    max-height: 40px;
}
.loginUpper {
    text-align: center;
}

.authWelcone {
    font-size: 30px;
    color: #0f33e7;
    line-height: 40px;
    font-weight: 600;
}

.authAbout {
    font-size: 13px;
    line-height: 30px;
}

.authBody {
    margin-top: 30px;
}

.authFooter {
    display: block;
    margin: 1rem 0;
}

.btnBlue {
    padding: 0rem 2rem;
    color: #ffffff;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    border: 0;
    font-weight: 500;
    border-radius: 5px;
    background-color: #0F33E7;
    box-shadow: 0px 7px 20px rgba(14, 109, 203, 0.26);
}

.btnBlue:hover,
.btnBlue:focus,
.btnBlue:active {
    outline: 0;
    color: #ffffff;
    box-shadow: 0px 7px 20px rgba(14, 109, 203, 0.26);
}

.authFooter .withoutBg {
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 500;
    color: #0F33E7;
    padding: 0;
    margin-left: 1rem;
}

.authFooter .withoutBg:hover,
.authFooter .withoutBg:focus,
.authFooter .withoutBg:active {
    color: #0F33E7;
    outline: 0;
}

.formGroupCover {
    border: 1px solid #E8E8E8;
    padding: 12px 20px 0;
    position: relative;
}

.formGroupCover .form-group {
    margin-bottom: 0.65rem;
}

.formGroupCover label {
    font-size: 11px;
    line-height: 15px;
    color: #B6B6C6;
    margin-bottom: 0;
    font-weight: 600 !important;
}

div.form-control.disabled {
    cursor: not-allowed;
    opacity: 0.5;
    padding: 12px;
    height: auto;
}

.formGroupCover .form-control {
    border: 0;
    padding: 0;
    font-size: 13px;
    color: #000000;
    line-height: 17px;
    height: 30px;
}

.formGroupCover .form-control:focus,
input:-internal-autofill-selected {
    outline: 0;
    box-shadow: none;
    background-color: #fff !important;
    /* box-shadow: inset 0 0 0 1.2rem #f1f1f1  !important; */
}

.formGroupCover .form-control::placeholder {
    font-size: 13px;
/*    color: #000000;*/
    line-height: 17px;
}

.formGroupCover:not(:first-of-type) {
    border-top: 0;
}

.onInputFocus::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    height: calc(100% + 1px);
    border-left: 4px solid #0F33E7;
}

.onInputFocus label {
    color: #0F33E7;
}

.formGroupCover .form-control+svg {
    width: 20px;
    position: absolute;
    top: 49.5%;
    right: 15px;
    transform: translateY(-50%);
}

.formGroupCover .form-control:focus+svg>path,
.formGroupCover .form-control:active+svg>path {
    fill: #0f33e7 !important;
}

.checkCover {
    margin: 1.2rem 0 0.8rem;
}

.checkCover .custom-control-label {
    font-size: 13px;
    font-weight: normal;
    font-weight: 500 !important;
    line-height: 23px;
    color: #000000;
}

.custom-control-label::before {
    background-color: #fff;
    border: #B6B6C6 solid 1px;
    box-shadow: none;
}
.custom-checkbox .custom-control-label{cursor: pointer;}
.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
    width: 14px;
    height: 14px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    /* background-image: none;
left: -20px;
top: 6px;
width: 5px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); */
    left: -25px;
    top: 3px;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #0f33e7;
    background-color: #0f33e7;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #b6b6b6;
}

.recentvideos_loadmore_text {
    color: #B6B6C6;
}

.error-message {
    font-size: 12px;
    color: #dc3545;
    font-weight: 500;
}

.formGroupCover .invalid-feedback {
    margin-top: 0;
}


/* Listing Page Styling */

.titleWithBtns {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

ul.titleBtnsRight {
    margin: 0 -2px;
    position: relative;
    z-index: 4;
}

ul.titleBtnsRight>li {
    padding: 0 2px;
    display: inline-block;
    vertical-align: top;
}

.btnBasic {
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    border: 0;
    color: #ffffff;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: normal;
    box-shadow: 0px 7px 10px rgba(14, 109, 203, 0.26);
    padding: 0 15px;
}

.themeBtnDark {
    background-color: #0f33e7;
}

.btn-lg.btnBasic {
    padding: 5px 30px !important;
    height: auto !important;
}

.bootbox .modal-footer .btn.btn-success:hover,
.bootbox .modal-footer .btn.btn-success:focus,
.bootbox .modal-footer .btn.btn-success:active,
.btn-success {
    box-shadow: 0px 7px 10px rgba(14, 109, 203, 0.26);
    background-color: #0f33e7;
}

.btnBasic:hover,
.btnBasic:focus,
.btnBasic:active {
    color: #ffffff;
    box-shadow: 0px 7px 10px rgba(14, 109, 203, 0.26);
    outline: 0;
}

.themeBtnLight {
    background-color: #5DAEFF;
}

.btn-blue-light {
    background-color: #5DAEFF !important;
}

.btnBasic span,
.modal-footer #cancelImg span {
    display: inline-block;
    padding: 0 1px;
    font-weight: 500;
}

.btnBasic span svg {
    max-height: 15px;
}

.btnBasic span.exportSvg svg {
    margin-top: -2px;
}

.btnBasic.newAdd {
    padding-right: 20px;
}

.gridPageCover {
    position: relative;
    margin-top: 0rem;
    padding: 0 1rem;
}

.rightFlagBlock {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 260px;
    /* min-height: calc(100vh - 192px); */
    height: calc(100vh - 210px);
    background-color: #ffffff;
    box-shadow: 0px 3px 28px rgba(0, 0, 0, 0.08);
    transition:right .5s ease-in-out;
    -webkit-transition:right .5s ease-in-out;
    -moz-transition:right .5s ease-in-out;
    -ms-transition:right .5s ease-in-out;
    -o-transition:right .5s ease-in-out;
}


.flagHeader {
    font-size: 13px;
    color: #ffffff;
    background-color: #0A1433;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
}

.flagHeader span {
    display: inline-block;
}

.flagHeader i {
    display: inline-block;
    font-size: 13px;
    padding-right: 12px;
}

.rightFlagBlock>ul {
    background-color: #ffffff;
    padding: 0 15px;
    display: inline-block;
    width: 100%;
    /* height: auto; */
    height: calc(100% - 40px);
    margin-bottom: 0;
    padding-bottom: 3rem;
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
/*Custom Scrollbar For Right Sidebar*/
/* .rightFlagBlock>ul{scrollbar-width:thin;scrollbar-color:#f7f8fa;}
.rightFlagBlock>ul::-webkit-scrollbar{width:12px;}
.rightFlagBlock>ul::-webkit-scrollbar-thumb{background-color:#d5dde9;border-radius:20px;border:3px solid #f7f8fa;}
.rightFlagBlock>ul::-webkit-scrollbar-thumb:hover{background-color:#acacac;} */
.customExportBtn{margin-left: 14px;margin-right: 0;}

.rightFlagBlock>ul>li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #E7E7F2;
}

.flaggedDetails {
    display: table;
    width: 100%;
    font-weight: 500;
    position: relative;
}

.imgFlag,
.contentFlag {
    display: table-cell;
    vertical-align: middle;
}

.imgFlag {
    width: 40px;
    text-align: center;
    padding-right: 10px;
}

.imgFlag em {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    color: #e93d3d;
    font-size: 10px;
    margin: 0 auto;
    background-color: rgba(138, 138, 138, 0.15);
}
.contentFlag {
    width: calc(100% - 42px);
    text-align: left;
    padding-right: 12px;
    word-break: break-all;
    word-break: break-word;
}

.contentFlag>div, .contentFlag .yellowTitle,.contentFlag .graySubtitle, .contentFlag .graySubtitle .text-btn-link{
    font-size: 13px;
    line-height: 18px;
}

.redTitle {
    color: #E93D3D;
    margin-bottom: 2px;
}

.graySubtitle {
    color: #9999AB;
}

.leftGrid {
    width: calc(100% - 260px);
}

.filterOptions {
    width: 100%;
    height: 42px;
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.selectAll {
    width: auto;
    display: inline-flex;
    padding: 0 15px;
}

.selectAll ul {
    margin: 0 -5px;
    margin-left: 20px;
    max-width: 25rem;
    display: inline-block;
}
.assessment_custom{
    max-width: inherit !important;
}

.selectAll ul>li {
    display: inline-block;
    padding: 0 5px;
}

.filterOptions .selectAll .custom-control-label {
    font-weight: 500;
    font-size: 13px;
    color: #B6B6C6;
    vertical-align: text-top;
    line-height: 2.18;
}

.filterOptions .selectAll .custom-control-label::before,
.filterOptions .selectAll .custom-control-label::after {
    top: 0.4rem;
}

.filterOptions .selectAll .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    top: 5px;
}

.btnGray, .modal-footer #cancelImg {
    display: inline-block;
    background-color: #B6B6C6;
    border-radius: 3px;
    color: #ffffff;
    height: 28px;
    padding: 0 12px;
    /* padding-right: 15px; */
    line-height: 28px;
    font-size: 13px;
    box-shadow: none;
    font-weight: 500;
}

.btnGray svg {
    width: 13px;
    margin-right: 3px;
    margin-top: -3px;
}

.btnGray i {
    display: inline-block;
    font-size: 12px;
    margin-right: 3px;
}

.btnGray:hover,
.btnGray:focus,
.btnGray:active {
    outline: 0;
    color: #ffffff;
    box-shadow: none;
}
.clearSelectionActionBtn{
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    color: #0F33E7 !important;
    text-decoration: underline !important;
    font-size: 12px !important;
    cursor: pointer; margin-left: 10px;
}
.filterOptions .themeBtnDark {
    color: #ffffff;
    height: 28px;
    line-height: 25px;
    font-size: 13px;
    padding: 0 12px;
    font-weight: 500;
    border-radius: 3px;
}

.filterDate {
    border-left: 1px solid #E5E5E5;
    padding: 0 15px;
    height: 100%;
    line-height: 41px;
}

.filterDate .fa-calendar-alt {
    color: #0f33e7;
    font-size: 12px;
    margin-right: 5px;
}

.filterDate .fa-chevron-down {
    font-size: 10px;
    display: inline-block;
    padding-left: 12px;
}

.filterDate>a {
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    font-weight: 500;
}

.filterDate>a:hover,
.filterDate>a:focus,
.filterDate>a:active {
    color: #000000;
}
.nav-link:hover, .nav-link:focus {
    outline: 0;
}
.text-underline
{
    text-decoration: underline;
}
.infoText.footerText {
    display: inline-block;
    width: 100%;
    color: #000000;
    padding: 1rem;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    /*font-style: italic;    */
}
.infoText p{
    margin-bottom: 10px;
}
.infoText a {
    color: #0F33E7;
    text-decoration: underline;
}
.error-message:empty {
    display: none;
}
.gridBlocks {
    display: flex;
    /* flex-flow: column nowrap; */
    flex-wrap: wrap;
    padding-bottom: 80px;
    flex-direction: column;
}

.eachGridBlock {
    width: 100%;
    border-radius: 10px;
    background-color: #ffffff;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    font-weight: 500;
    position: relative;
}

.innerLeft {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    border-right: 1px solid #E5E5E5;
    width: 100%;
}

.checkInGrid {
    display: table-cell;
    vertical-align: top;
    padding: 12px 15px;
    padding-right: 0px;
    width: 40px;
    overflow-x: hidden;
}

.contentLeft {
    display: table-cell;
    vertical-align: top;
}

.contentLeft>a {
    width: 100%;
    cursor: pointer;
    height: 100%;
    display: inline-block;
}

.content-wrapper {
    min-height: calc(100vh - 50px) !important;
    background: #f1f1f1;
}

.content-wrapper>.content.gridPageCover {
    padding: 0 0.88rem;
}

.topRow {
    height: 46px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
}

.weightunit {
    height: 40px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    right: 10px !important;
}

.labelLeft label,.labelLeft p {
    font-size: 13px;
    color: #000000;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500 !important;
    /*max-width: 175px;*/
    /*width: 140px;*/
    padding-top: 5px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    min-width: 165px;
}
.labelLeft label a{color: #000000;}
span.risk {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 3px;
    height: 23px;
    line-height: 24px;
    font-size: 12px;
    width: auto;
    padding: 0 7px;
    text-align: center;
    font-weight: 600;
}

.grayLabel {
    color: #000;
    background-color: #DCE5EE;
}

.riskRed {
    color: #E93D3D;
    background-color: rgba(255, 156, 156, 0.22);
}

.riskGreen {
    color: #3A8425;
    background-color: rgba(114, 183, 98, 0.22);
}

.dateFlagRight {
    max-width: 15rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.editHistory{
    background-color: #5DAEFF;
    padding: 5px 10px;
    color:#fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    align-self: center;
 }

.datePart {
    padding: 0 15px;
    padding-left: 8px;
}

.datePart span {
    display: inline-block;
    font-size: 13px;
}

.blackText, .blackText a {
    color: #000000;
}


.greenText, .greenText a {
    color: #3A8425;
}

.suspectName.greenText{
    font-weight: 600;
}

.contentLeft .blackText {
    font-weight: 600;
}

.flagPart {
    padding: 0 15px;
    line-height: 46px;
    font-size: 12px;
    border-left: 1px solid #E5E5E5;
}

.redText {
    color: #E93D3D;
}

.bottomTableRow span.redText {
    font-weight: 600;
}

.innerRight {
    padding: 5px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 179px;
    /* min-height: 125px; */
    min-height: 100%;
    flex-flow: row nowrap;
}

.innerRight ul {
    height: 70px;
    width: 125px;
    float: left;
    text-align: center;
    margin: 0 auto;
}

.innerRight ul>li {
    display: inline-block;
    padding: 0;
    height: 70px;
}

.innerRight ul>li:first-child {
    position: relative;
    margin-right: -10px;
    float: left;
}

.innerRight ul>li:not(:first-child) {
    margin-left: -10px;
    float: right;
}

.innerRight ul>li>img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 100%;
    border: 2px solid #fff;
}

/*If Share Button Active*/

.eachGridBlock.gridWithShareBtn,
.gridWithShareBtn .innerLeft{
    align-items: inherit;
}
.gridWithShareBtn .innerRight{
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 170px;
}
.gridWithShareBtn .shareButton {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0 8px;
}
.gridWithShareBtn .innerRight .shareButton + ul {
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
.gridWithShareBtn .shareButton a {
    display: inline-block;
    background-color: #b6b6c6;
    color: #FFF;
    padding:4px 7px;
    border-radius: 3px;
    font-size: 12px;
}
.gridWithShareBtn .shareButton a >i {
    margin-right: 1px;
}
.gridWithShareBtn .shareButton a.viewBtn {
    width: 86%;
    background-color: #5DAEFF;
}
.gridWithShareBtnActive.gridWithShareBtn .shareButton a.viewBtn {
    width: auto;
}


/*If Share Button Active*/

.bottomTableRow>ul {
    padding: 0.35rem 0 0.85rem;
    margin: 0;
    list-style-type: none;
    float: left;
    width: 100%;
}

.bottomTableRow>ul>li {
    width: 38%;
    padding: 0.35rem 0;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.contentLeft .bottomTableRow>ul>li:first-child {
    width: 27%;
}

.contentLeft .bottomTableRow>ul>li:last-child {
    float: right;
    width: 35%;
}

.arrestlist .contentLeft .bottomTableRow>ul>li{
    width: 38%;
}
.arrestlist .contentLeft .bottomTableRow>ul>li:first-child ,
.arrestlist .contentLeft .bottomTableRow>ul>li:nth-child(2),
.arrestlist .contentLeft .bottomTableRow>ul>li:last-child {
    
    width: 20%;
}
.doubleDetailCover {
    float: left;
    max-width: 400px;
    width: 100%;
    position: relative;
}
.badgeIconInline .blackText{display:inline-block;min-width:50px;}
/*.badgeIconInline .badge{position:static;display:inline-block;}*/

.navbar-nav > .user-menu > .dropdown-menu > .user-body.emailBody{border:0;border-top:1px solid #dce5ee;font-size:14px;font-weight:500;}
div.hartAssessmentsMain .contentLeft .bottomTableRow>ul>li{width:25%;padding-right:10px;}
div.hartAssessmentsMain .contentLeft .bottomTableRow>ul>li:nth-child(4n+5), div.hartAssessmentsMain .contentLeft .bottomTableRow>ul>li:last-child{float:left;}
div.hartAssessmentsMain .doubleDetailCover.badgeIcon{padding:0;}
.hartAssessmentsMain .contentLeft .bottomTableRow>ul>li .doubleDetail{padding:0;width:100%;}
.hartAssessmentsMain .contentLeft .bottomTableRow .blackText{overflow:hidden;text-overflow:ellipsis;white-space: nowrap !important; max-width:calc(100% - 95px);display:inline-block;vertical-align:middle;}
.hartAssessmentsMain .contentLeft .bottomTableRow .blackText.suspectName.blackText{max-width:100%;}
.hartAssessmentsMain .doubleDetailCover{width:100%;}

div.hartAssessmentsMain .contentLeft .bottomTableRow>ul.ifFiveColumn>li{width:33.3333%;}
div.hartAssessmentsMain .contentLeft .bottomTableRow>ul.ifFourColumn>li{width:25%;}
div.hartAssessmentsMain .contentLeft .bottomTableRow>ul.ifFourColumn{display:flex;flex-wrap:wrap;}
div.hartAssessmentsMain .contentLeft .bottomTableRow>ul.ifFourColumn>li .blackText{position:absolute;left:0;top:4px;width:100%;z-index:1;}
.hartAssessmentsMain .contentLeft .bottomTableRow>ul.ifFourColumn>li .doubleDetail{position:relative;min-height:24px;}





.doubleDetailCover span {
    white-space: nowrap;
}

.doubleDetailCover .doubleDetail:first-of-type {
    padding-right: 15px;
}
.doubleDetailCover.badgeIcon {
    padding-right: 15px;
}
.badge {
    position: absolute;
    right: 0;
    top: 5px;
    display: inline-block;
    width: 15px;
    text-align: left;
    padding: 0.1rem 0.1rem;
}

.badge svg {
    height: 14px;
}

.bottomTableRow span {
    font-size: 13px;
    margin: 0;
    line-height: 1.4;
    white-space: nowrap;
}

.grayTextFlag {
    color: #D8D8D8;
}

.upload-btn-wrapper {
    overflow: hidden;
    display: inline-block;
    border-radius: 100%;
}

.uploadPic {
    border: 0;
    color: gray;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 70px;
    height: 70px;
    border-radius: 100%;
}

input[type=file],
input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.daterangepicker .ranges li.active {
    background-color: #0d33e7;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #0d33e7;
}

.criminalPic {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    object-fit: cover;
    border: 2px solid #fff;
    cursor: pointer;
}

.mediumBold {
    font-weight: 600;
}

.noRecord {
    font-size: 25px;
    font-weight: 500;
    color: #333333;
    text-align: center;
    justify-content: center;
    border: 0;
    margin: 4rem 0 0.5rem;
}

.deleteIcon {
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: auto;
    line-height: 1.1;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.rightFlagBlock>ul>li:hover .deleteIcon {
    /*display: inline-block;
    text-align: center;
    cursor: pointer;*/
}

.rightFlagBlock>ul>li .deleteIcon em {
    width: 12px;
    height: 15px;
    line-height: normal;
    color: #e93d3d;
    font-size: 12px;
    cursor: pointer;
    background-color: transparent;
}

.leftGrid.leftGridWithoutFlagged {
    width: 100%;
}

.gridWithoutPictures .topRow {
    padding: 0 18px;
}

.editDeactivate span {
    display: inline-block;
    vertical-align: middle;
}

.editDeactivate .fas {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    margin-right: 5px;
    margin-top: -2px;
}

.editDeactivate .fa-trash, .editDeactivate .fa-user-times {
    color: #e93d3d;
}

.editDeactivate .fa-lock-open {
    color: #75c75e;
    font-size: 13px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

ul.editOrDeact {
    max-width: 27rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 -18px;
    padding: 0;
    list-style-type: none;
}

li.editDeactivate {
    padding: 0 18px;
    padding-right: 22px;
    border-left: 1px solid #E5E5E5;
    line-height: 46px;
    cursor: pointer;
    /*min-width: 125px;*/
    text-align: center;
}

.gridBlockCustom .topRow {
    height: auto !important;
    min-height: 46px;
    align-items: stretch;
}

.gridBlockCustom .contentLeft .topRow > .labelLeft {
    display: flex;
    align-items: center;
}

.gridBlockCustom ul.editOrDeact {
    align-items: stretch;
}

.gridBlockCustom li.editDeactivate {
    align-items: center;
    display:flex;
}

.editDeactivate svg {
    max-height: 15px;
    margin-top: -2px;
    margin-right: 4px;
}

.editDeactivate .blackText {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
}

.bottom3columns>ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0.3rem 0 0.8rem;
    margin: 0;
    list-style-type: none;
    width: 100%;
}

.bottom3columns>ul>li {
    padding: 0.35rem 1.2rem;
    display: inline-block;
    vertical-align: top;
    min-width: 33%;
}

.bottom3columns span {
    font-size: 13px;
    margin: 0;
    line-height: 1.4;
    white-space: nowrap;
}

.leftGridWithoutFlagged .eachGridBlock {
    /* margin: 0;
    margin-bottom: 12px; */
}

.keySvg svg {
    display: inline-block;
    margin-right: 12px;
}

.gridWithoutPictures .innerLeft {
    border: 0;
}

.bottom3columns.with4cols>ul {
    display: flex;
    flex-flow: row nowrap;
}

.bottom3columns.with4cols>ul>li {
    min-width: auto;
    width: 25%;
    float: left;
    white-space: nowrap;
}

.bottom3columns.with4cols>ul>li:nth-child(2) {
    width: 30%;
}

.bottom3columns>ul>li:last-child {
    /*min-width: 220px;*/
    min-width: auto;
}

.bottom3columns.with4cols>ul>li:last-child {
    float: right;
    width: 200px;
    min-width: auto;
}

.addPageBlock {
    padding: 22px 30px 30px;
    border-radius: 10px;
    background-color: #ffffff;
}

.addForm .form-control {
    height: 40px;
    background-color: #f1f1f1;
    border: 0;
    border-radius: 5px ;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
}

.addForm textarea.form-control {
    height: 100px;
    line-height: 1.5;
    resize: none;
    padding-top: 10px;
}

.formBody .row {
    margin: 0 -10px;
}

.formBody .row>div {
    padding: 0 10px;
}

.addForm .form-control::placeholder {
    font-size: 13px;
    font-weight: 400;
/*    color: #000000;*/
}

.addForm label {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #000000;
}

.formFooter {
    border-top: 1px solid #E5E5E5;
    padding: 28px 0 0;
    margin-top: 15px;
}

.formFooter ul {
    margin: 0 -3px;
}

.formFooter ul>li {
    display: inline-block;
    vertical-align: top;
    padding: 0 3px;
}

.formFooter button svg {
    height: 11px;
    width: 13px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
}

.modal-footer .btnBasic,
.formFooter .btnBasic,
.modal-footer #cancelImg {
    height: 35px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    line-height: 32px;
    padding: 0 15px;
    padding-right: 20px;
    border-radius: 5px;
    border: 0;
}
.modal-footer #cancelImg, .modal-footer #crop {
    min-width: 80px;
    font-weight: 500;
}
.modal-footer .btnGray,
.formFooter .btnGray,
.modal-footer #cancelImg {
    box-shadow: 0px 7px 10px rgba(182, 182, 198, 0.37);
}

.formFooter .themeBtnDark {
    box-shadow: 0px 7px 10px rgba(14, 109, 203, 0.26);
}
.formFooter .themeBtnDark.themeBtnDark-yellow, .themeBtnDark.themeBtnDark-yellow {
    box-shadow: 0px 7px 10px rgba(229, 166, 40, 0.30);
}
.formFooter .btnBasic span {
    display: inline-block;
    vertical-align: middle;
}

.passwordRules {
    margin: 35px 0 0;
    color: #000000;
    font-family: 'Avenir Next LT Pro', sans-serif;
}

.passwordRules h3 {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 10px;
    font-family: 'Avenir Next LT Pro', sans-serif;
}

.passwordRules p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

.passwordRules ul {
    margin: 6px 0 0;
    margin-left: 16px;
}

.passwordRules ul>li {
    font-size: 12px;
    font-weight: 500;
}
.pwRulesonChangePw {
    /*display: none;*/
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    padding: 20px 15px;
    margin-top: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.pwRulesonChangePw .passwordRules {
    margin: 0;
}
.forReset {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
}

.forReset>.btn {
    margin-right: 10px;
}

.maxChar {
    width: 160px;
    /* white-space: nowrap; */
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
    word-break: break-word;
}
.arrestlist .contentLeft .bottomTableRow>ul>li .doubleDetail {
    display: block;
    width: 100%;
    padding-right: 5px;
}
.has-treeview.menu-open .nav-link.active+ul {
    position: relative;
}

.has-treeview.menu-open .nav-link.active+ul::before {
    content: "";
    position: absolute;
    left: -3px;
    top: -3px;
    width: 7px;
    height: calc(100% + 7px);
    z-index: 9;
    border-radius: 20px;
    background-color: #0F33E7;
}

.sidebar-mini .nav-sidebar .has-treeview.menu-open .nav-link {
    overflow: visible !important;
}


/* .modal-header {
justify-content: center;
} */

.modal-title {
    font-size: 19px;
    line-height: 1.2;
    font-weight: 600;
}

.modal-footer .btnBasic,
.modal-footer #cancelImg {
    line-height: 36px;
}

.bootbox:not(.bootbox-body-custom) .modal-footer .btn {
    height: 35px;
    line-height: 36px;
    border-radius: 3px;
    border: 0;
    color: #ffffff;
    font-size: 13px;
    text-transform: capitalize;
    box-shadow: 0px 7px 10px rgba(14, 109, 203, 0.26);
    display: inline-block;
    padding: 0 15px;
    font-weight: 600;
}

.bootbox:not(.bootbox-body-custom) .modal-footer .btn:hover,
.bootbox:not(.bootbox-body-custom) .modal-footer .btn:focus,
.bootbox:not(.bootbox-body-custom) .modal-footer .btn:active {
    color: #ffffff;
    outline: 0;
}

.bootbox:not(.bootbox-body-custom) .modal-footer .btn-default {
    background-color: #B6B6C6;
    box-shadow: 0px 7px 10px rgba(182, 182, 198, 0.37);
}

.bootbox:not(.bootbox-body-custom) .modal-footer .btn-primary,
.bootbox:not(.bootbox-body-custom) .modal-footer .btn-primary:hover,
.bootbox:not(.bootbox-body-custom) .modal-footer .btn-primary:focus,
.bootbox:not(.bootbox-body-custom) .modal-footer .btn-primary:active {
    background-color: #0F33E7;
    box-shadow: 0px 7px 10px rgba(14, 109, 203, 0.26);
}

.gridWithoutPictures .labelLeft label {
    max-width: 100%;
}

.custom-control.custom-radio {
    padding-left: 1.65rem;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    /* border-color: rgba(14, 109, 203, 0.22); */
    border: 0;
    background-color: rgba(14, 109, 203, 0.22);
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    background-color: #0F33E7;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 8px;
    left: -22px;
}

.custom-radio .custom-control-label {
    margin: 0;
    line-height: 2;
    font-weight: 500 !important;
}

.custom-radio .custom-control-label::before {
    width: 17px;
    height: 17px;
    left: -1.65rem;
    border: 0;
    background-color: #eeeeee;
}

ul.radioUL {
    max-width: 35rem;
    margin-bottom: 0.5rem;
}

ul.radioUL>li {
    display: inline-block;
    width: 49.5%;
}

#modal .img-container {
    max-height: 250px;
}

.custom-control-input {
    height: 1.75rem;
}

.bottom3columns.with4cols.withcol2Small>ul>li:nth-child(2) {
    width: 20%;
}

.bottom3columns.with4cols.withcol2Small>ul>li:first-child {
    width: 30%;
}

.custom-control-label {
    display: inline-block;
}

.addForm select.form-control {
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../img/arrowDown.png');
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 10px;
    line-height: 1.1;
    padding-right: 30px;
}
.addForm select.form-control:disabled {
    background-image: none;
}
.form-control:disabled ~ .input-group-append{display: none}
#tooltip-right>.tooltip-inner {
    background-color: #EAF2FB;
    padding: 6px 12px;
}

.rightFlagBlock>ul>li.noFlagRecords {
    border: 0;
    margin-top: 1rem;
}

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

label{
    text-transform: capitalize;
}

.no-transform {
    text-transform: none !important;
}

.notCapitalize label,.notCapitalize .btnBasic{
    text-transform: none;
}

.invalid-feedback {
    font-size: 13px;
    font-weight: normal;
    text-transform: capitalize;
}

.eachGridBlock .innerRight .fa-trash {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #E93D3D;
    font-size: 13px;
}
/* .eachGridBlock .innerRight .fa-eye {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #0f33e7;
    font-size: 15px;
}

.eachGridBlock .innerRight .viewBtn .fa-eye {
    top: 10px;
    right: 10px;
    z-index: 2;
}

.eachGridBlock .innerRight .shareButton ~ .viewBtn .fa-eye {
    top: 16px;
} */

.eachGridBlock:hover .innerRight .fa-trash {
    display: inline-block;
    cursor: pointer;
}

.btnRed {
    display: inline-block;
    border-radius: 3px;
    color: #ffffff;
    height: 28px;
    padding: 0 12px;
    background-color: #E93D3D;
    padding-right: 15px;
    line-height: 28px;
    font-size: 13px;
    box-shadow: none;
    font-weight: 500;
}

.btnRed span {
    cursor: pointer;
}

.btnRed i {
    display: inline-block;
    font-size: 12px;
    margin-right: 3px;
    margin-top: -4px;
}

.btnRed:hover,
.btnRed:focus,
.btnRed:active {
    box-shadow: none;
}

.ms-950{ max-width: 950px !important; }

.btnRed:hover span,
.btnRed:focus span,
.btnRed:active span {
    outline: 0;
    color: #ffffff;
    box-shadow: none;
    /* background-color: #E93D3D; */
}

.bootbox .modal-footer .btn.btn-danger {
    background-color: #B6B6C6;
    box-shadow: 0px 7px 10px rgba(182, 182, 198, 0.37);
}

.bootbox .modal-footer .btn.btn-danger:hover,
.bootbox .modal-footer .btn.btn-danger:focus,
.bootbox .modal-footer .btn.btn-danger:active {
    background-color: #B6B6C6;
    box-shadow: 0px 7px 10px rgba(182, 182, 198, 0.37);
}

.formFooter .themeBtnDark svg {
    margin-top: -3px;
}

.toolTipCustom {
    /* display: none; */
    
    position: absolute;
    top: 1.85rem;
    /* right: -45%; */
    padding: 0.5rem 1rem;
    background-color: #EAF2FB;
    border-radius: 5px;
    left: 100%;
    right: inherit;
    width: auto;
    /* min-width: 200px; */
    white-space: nowrap;
    font-size: 13px;
    color: #000000;
    font-weight: 700;
}
.toolTipCustom:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #EAF2FB;
    position: absolute;
    left: -9px;
    top: 11px;
}
.toolTipCustom span{
    font-weight: normal;
}
.toolTipCustom p {
    width: auto;
    line-height: 24px;
    font-size: 14px;
    margin: 0;
}

.toolTipCustom i {
    position: absolute;
    left: -8px;
    top: 11px;
    color: #EAF2FB;
    font-size: 20px;
}

.toolTipCustom p>span {
    display: inline-block;
}
select{
    cursor: pointer;
}

/* .selectOnHover:hover .toolTipCustom {
    display: inline-block;
} */

.imgPower {
    width: 40px;
    text-align: center;
    padding-right: 10px;
}

.imgPower i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    color: #E5A628;
    font-size: 10px;
    margin: 0 auto;
    background-color: rgba(138, 138, 138, 0.15);
}

.yellowTitle {
    color: #E5A628;
    margin-bottom: 2px;
}

.riskYellow {
    color: #D58E00;
    background-color: rgba(246, 197, 99, 0.22);
}

.dateFlagRight.emailRight {
    max-width: 20rem;
}

.innerRight.userList {
    min-height: 125px;
}

.innerRight.userList ul {
    height: 85px;
    float: none;
}

.innerRight.userList ul>li {
    position: relative;
    margin-right: 0;
    height: 85px;
    float: none;
}

.userList .criminalPic {
    width: 85px;
    height: 85px;
}

.contentLeft .bottomTableRow.inUserList>ul>li:first-child {
    width: 37%;
}

.contentLeft .bottomTableRow.inUserList>ul>li:last-child {
    width: 25%;
}

.inUserList .maxChar {
    width: 220px;
}

.bottomTableRow.inUserList>ul {
    padding: 0.35rem 0 0.5rem;
}
.input-group-text{
    border: none;
    background: #F1F1F1;
}
.add-assment-title{
    font-size: 15px;
    color: #0F33E7;
    font-family: 'Avenir Next LT Pro', sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 17px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.add-access-type-white-box .form-group {
    margin-bottom: 0;
}

.add-access-type-white-box  .error-message {
    margin-top: 0;
}

.add-access-type-white-box .btn-save {
    margin-top: 1rem;
}
/*.fa, .far, .fas {
    color: #000000;
}*/
.gap-20{
    margin-top: 20px;
}
.add-access-type-white-box{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.26);
    padding: 20px;
    margin-bottom: 15px;
}
.radioBtns{
    width: 100%;
    display: inline-block;
    margin: 0px;

}
.radioBtns .radio .radio{
    display: inline-block;
    width: 49.5%;
    position: relative;
}
/* .custom-control.custom-radio {
    padding-left: 1.65rem;
} */
.radioBtns .radio .access-type-user {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.radioBtns .radio .two-fa-radio {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.radio .checkmark{
    position: absolute;
    left: 0;
    top: 4px;
    width: 17px;
    height: 17px;
}
.radio .checkmark::before {
    width: 17px;
    height: 17px;
    left: 0;
    border: 0;
    border-radius: 30px;
    display: inline-block;
    content: "";
    background-color: #eeeeee;
    /* box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); */
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



.containerCheck{
    margin: 0;
    line-height: 2;
    font-weight: 500 !important;
    padding-left: 1.65rem;
    position: relative;
}
.radio .checkmark::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

.radioBtns .radio .access-type-user:checked + .checkmark::after {
    background-image: none;
    background-color: #0F33E7;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 4px;
}

.radioBtns .radio .two-fa-radio:checked + .checkmark::after {
    background-image: none;
    background-color: #0F33E7;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 4px;
}
.radioBtns .radio .access-type-user:checked + .containerCheck .checkmark:before{background-color: #CADFF4;}
.radioBtns .radio .two-fa-radio:checked + .containerCheck .checkmark:before{background-color: #CADFF4;}
/*.radioBtns .radio .access-type-user:checked + .error-message + .containerCheck .checkmark::after{
    background: #f00;
}*/
.radioBtns .radio .access-type-user:checked + .containerCheck  .checkmark::after,
.radioBtns .radio .access-type-user:checked + .error-message + .containerCheck  .checkmark::after,
.radioBtns .radio .access-type-user[disabled]:checked + .containerCheck .checkmark:after {
    background-image: none;
    background-color: #0F33E7;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 4px;
}

.radioBtns .radio .two-fa-radio:checked + .containerCheck  .checkmark::after,
.radioBtns .radio .two-fa-radio:checked + .error-message + .containerCheck  .checkmark::after,
.radioBtns .radio .two-fa-radio[disabled]:checked + .containerCheck .checkmark:after {
    background-image: none;
    background-color: #0F33E7;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 4px;
}

.radioBtns .radio .access-type-user:disabled + .containerCheck, .radioBtns .radio .access-type-user:disabled ~ .containerLabel  {
    /* color: #B4B4B4; */
    cursor: not-allowed;
}

.radioBtns .radio .two-fa-radio:disabled + .containerCheck, .radioBtns .radio .two-fa-radio:disabled ~ .containerLabel  {
    /* color: #B4B4B4; */
    cursor: not-allowed;
}

.radioBtns .radio .access-type-user[disabled]:checked + .containerCheck .checkmark:after, .radioBtns .radio .access-type-user[disabled]:checked ~ .checkmark:after{background-color: #C8C8C8;}

.radioBtns .radio .two-fa-radio[disabled]:checked + .containerCheck .checkmark:after, .radioBtns .radio .two-fa-radio[disabled]:checked ~ .checkmark:after{background-color: #C8C8C8;}

.radioBtns .radio .access-type-user[disabled]:checked + .containerCheck .checkmark:before, .radioBtns .radio .access-type-user[disabled]:checked ~ .checkmark:before{background-color:#EEEEEE}

.radioBtns .radio .two-fa-radio[disabled]:checked + .containerCheck .checkmark:before, .radioBtns .radio .two-fa-radio[disabled]:checked ~ .checkmark:before{background-color:#EEEEEE}
.radio_checkbox_container{
    width:auto;min-width:100px;
}
.checkbox .checkmark{
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}
.checkbox .containerCheck,.checkbox .selected{
    margin: 0;
    line-height: 2;
    font-weight: 500 !important;
    padding-left: 25px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox input{
    position: absolute;
    opacity: 0;
}
.checkbox .checkmark::before {
    width: 14px;
    height: 14px;
    left: 0;
    border: 1px solid #B6B6C6;
    border-radius: 3px;
    display: inline-block;
    content: "";
    background-color: #fff;
    /* box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); */
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.checkbox .checkmark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    content: "";
    
}
.checkbox input:checked + .checkmark:before{
    background: #0F33E7;
    border: 0;
}
.checkbox input:checked + .checkmark::after {
    background-image: none;
    width: 9px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 0px;
    left: -2px;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
}
.info-icon{
    float: right;
}
.btn-save, .btn-blue-outline{
    height: 35px;
    font-weight: 600;
    color: #0F33E7;
    text-align: center;
    line-height: 35px;
    padding: 0 20px;
    padding-right: 20px;
    border-radius: 5px;
    background: none;
    border: 1px solid #0F33E7;
}
.add-user-field-arrest{
    font-size: 13px;
    color: #0F33E7;
    font-family: 'Avenir Next LT Pro', sans-serif;
    font-weight: 600;
}
.add-user-field-arrest a{
    float: right;
}
.add-user-field-list{
    padding: 0;
    margin: 0px;
    list-style: none;
}
.add-user-field-list li{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #9999AB;
    background: url(../img/check-icon.svg) no-repeat;
    font-family: 'Avenir Next LT Pro', sans-serif;
    padding-left: 20px;
        background-position: 3px center;
    
}
.add-user-field-arrest-border{
    border-right: 2px solid #dcdce2;
    padding-right: 15px;
    margin-bottom: 15px;
}
.default-img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.default-img-cover{
    width: 143px;
    height: 143px;
    border-radius: 5px;
    border: 1px solid #ebebf4;
    text-align: center;
    background: #ebebf4;
    overflow: hidden;
    margin: 0 !important;
    padding: 0;
    vertical-align: middle;

}

.add-user-profile-border{
    border-left: 2px solid #E0E0E3;
    padding-left: 30px;
}
.themeBtnDark-yellow{
    background: #E5A628
}
ul.list-inline.Upload-Suspect-img {
    width: 320px;
    /*float: left;*/
}
.btnCenterinProfile {
    margin-left: 90px;
}
.Upload-Suspect-img li{
    position: relative;
    overflow: hidden;
    width: 153px;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 0px;
}
.clearSuspectPic {
    position: absolute;
    left: 0;
    cursor: pointer;
    bottom: 0;
    width: 35px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #ebebf4;
    border-radius: 0 10px 0 0;
    box-shadow: 2px -1px 3px rgba(0, 0, 0, 0.20);
    transition: all .5s ease-in-out;
    transform: translate(-35px, 35px);
    -webkit-transform: translate(-35px, 35px);
    -moz-transform: translate(-35px, 35px);
    -ms-transform: translate(-35px, 35px);
    -o-transform: translate(-35px, 35px);
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -ms-border-radius: 0 10px 0 0;
    -o-border-radius: 0 10px 0 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.clearSuspectPic:hover {
    background-color: #FFF;
}

.Upload-Suspect-img li:hover .clearSuspectPic {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}
.picUploadWithClaerBtn li {
    position: relative;
}
.picUploadWithClaerBtn .clearSuspectPic {
    width: 25px;
    height: 25px;
    line-height: 22px;
    display: none;
    background-color: #FFF;
    transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.picUploadWithClaerBtn li:hover .clearSuspectPic {
    display: block;
}

.picUploadWithClaerBtn .clearSuspectPic .fa-trash.redText {
    display: inline-block;
    text-align: center;
    position: static;
    font-size: 11px;
}
.add-assment-resonse{
    width: 100%;
    display: inline-block;
}
.add-assment-resonse-first{
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    position: relative;
    
    padding: 7px 0px 20px;
    justify-content: space-between;
}
.add-assment-resonse-first:last-child{
    border: none;
}
.add-assment-resonse-que-num{
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    top: 10px;
    margin: auto;
    
}
.add-assment-resonse-text{
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    display: inline-block;
    width: 75%;
    vertical-align: middle;
    padding-left: 36px;
    text-transform: capitalize;
}
.add-assment-resonse-input-cover{
    width: 244px;
    vertical-align: middle;
    display: inline-block;
    float: right;
}
.add-assment-resonse-input-cover .radioBtns .radio .radio{
    width: 33.33%;
}
.add-assment-resonse-input-cover .containerCheck{
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    margin: 0px;
}
/* .add-assment-page .addForm textarea.form-control{
    height: 125px;
    resize: none;
} */
.add-assment-relationship-input.radioBtns .radio .radio{
    width: 33.33%;
    position: static;
}

.add-assment-page .radioBtns .radio .radio{
  width: 33.33%;
  position: static;
}

.add-assment-page .questionUpdate .radioBtns .radio .radio {
    width: 50%;
}

.add-assment-page .questionUpdate .radioBtns .radio .radio:not(:last-child) {
    width: 25%;
}

.add-assment-resonse-textarea{
    margin-top: 30px;
}
.read-only{
    opacity: .5;
    cursor: not-allowed;
}
.input.radio{
    position: relative;
}
.input.radio .error-message{
    
    position: absolute;
    bottom: -17px;
    left: 0;
}
.input-group-text .fa,.input-group-text .far,.input-group-text .fas{
    color: #000;
}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div,
.btn-primary:not(:disabled):not(.disabled),
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle { 
    background-color: #0F33E7 !important;
}
.gj-datepicker-bootstrap [role=right-icon] button,
.input-group-append  button{
    border: 1px solid #f1f1f1 !important;
    background: #f1f1f1 !important;
}
.gj-datepicker .input-group-append{
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 99;
}

.assessment-view-table .table-bordered th,.assessment-view-table .table-bordered td{
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    border: none;
    border-bottom: 1px solid #dee2e6;
}
.assessment-view-table .table-bordered tr.new td {
    border-bottom: 0;
}
.assessment-view-table .table-bordered tr:hover{
    background: none;
}
.assessment-view-table .table-bordered th{
    font-weight: bold;white-space: nowrap;
}
.add-assment-page .addForm textarea.form-control {
    height: 125px;
    resize: none;
}
.view-textarear{
    background-color: #f1f1f1;
    border: 0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
    height: 125px;
    resize: none;
    padding: 0.375rem 0.75rem;
}
.prefilled_row{
    background-color: #cbd3ef;
}
.userlist ul.editOrDeact{
    margin: 0px;
}
.userlist .bottomTableRow>ul>li{
    width: 50% !important
}
.add-arrest-note-textarea{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.add-arrest-note-textarea textarea{
    height: 80px !important;
    resize: none;
}
.blue-color{
    color: #0F33E7 !important
}
.add-arrest-bottom-box{
    border: 1px solid #D2D2D2;
    width: 100%;
    border-radius: 5px;
    padding: 15px 40px 15px 20px;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.add-arrest-bottom-box.bg{
    background-color: #f1f1f1;
}

.add-arrest-bottom-title{
    font-size: 13px;
    color: #0F33E7;
    font-weight: 600;
    max-width: 100%;
    display: inline-block;
    /* text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; */
    vertical-align: middle;
    margin-right: 5px;
}

#pdWarningNote{
    font-size: small;
    color: red;
    margin-bottom: 10px;
}

.add-arrest-bottom-box span.risk {
    margin: 0;
    height: auto;
    line-height: normal;
    padding: 6px;
    text-align: left;
}
.add-arrest-badge, .add-arrest-email{
    width: 100%;
    float: left;
    font-size: 13px;
    color: #9999ab;
}
.add-arrest-badge span, .add-arrest-email span{
    color: #000000;
    font-weight: 600;
}
.add-arrest-badge span em, .add-arrest-email span em{
    color: #0F33E7;
    cursor: pointer;
}
.add-assment-trash{
    position: absolute;right: 20px;
    top: 0px;
    bottom: 0px;
    height: 20px;
    margin: auto;
    z-index: 99;
}
.add-arrest-email .fa-envelope{
    color: #0F33E7;
}
/*.userlist .doubleDetail{
    float: left;
    padding-right: 10px;
}
.userlist .contentLeft .blackText{
    white-space: nowrap;
}
.userlist .bottomTableRow>ul>li{
    padding: 0px;
}*/
.flagPart .fa-trash{
    cursor: pointer;
}
.userlist .editDeactivate .fas{
    margin-right: 0px;
}
.userlist li.editDeactivate{
    padding-right: 18px;
}
.welcomeTitle {
    font-weight: 600;
    font-size: 30px;
    line-height: 27px;
    color: #000000;
    margin: 0;
    text-align: center;
    padding: 3.4rem 1.35rem 1.32rem;
}
.add-arrest-border{
    height: calc(100% + 45px)
}
.add-assment-trash .fas{
    cursor: pointer;
}
.addarrest-button{
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 13px;
    color: #0F33E7;
    font-weight: 500;
    float: right;
    padding:6px 10px;
    background: none;
}
.addarrest-button svg{
    margin-right: 5px;
}
.addarrest-top-div{
    position: relative;
    width: 100%;    
    display: inline-block;
}

.addassessor-button{
    border-radius: 5px;
    font-size: 13px;
    color: #FFF;
    font-weight: 500;
    background: #0F33E7;
    margin-bottom: 4px;
    margin-left: 10px;
    border: 0;
    box-shadow: 0px 4px 10px rgb(14 109 203 / 26%);
}

.addassessor-button svg{
    margin-right: 5px;
}

.add-assment-page .radioBtns .radio .contactType {width: 20%;}

/*HART 2.0 CSS*/
/* input[type=file],input[type=file]::-webkit-file-upload-button{cursor:pointer;} */
.addTabPageBlock .addPageBlock{margin-bottom:25px;display:inline-block;width:100%;}
.addForm .form-control:disabled,.addForm .form-control[readonly],.form-control:disabled,.form-control[readonly], .form-control:disabled ~ .input-group-append, input:disabled ~ .input-group-append, .checkbox input[type="checkbox"]:disabled ~ .checkmark{cursor:not-allowed;opacity: 0.5;}
.checkbox input[type="checkbox"]:disabled ~ .checkmark:before{background-color:#777;border-color:#777;}
.checkbox input[type="checkbox"]:disabled ~ .checkmark:after{border-color:#FFF;}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: #777;border-color: #777;}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {color: #000;opacity: .5;cursor:not-allowed;}
.btnBasic > span{position:relative;top:1px;}
.btnBasic > span b{font-weight: 500;}
.addarrest-top-div .titleWithBtns{padding:2rem 1.875rem 1.625rem;}
.addarrest-top-tabs{ margin:-.5rem 0 1rem; width:100%; padding:0 2rem; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center;}
.add-arrest-tab{border: 0;display: flex;}
.add-arrest-tab-circle{ background-color:#D4D4E4; border:6px solid #f1f1f1; box-shadow:0 0 0 10px #f1f1f1; width:26px; height:26px; position:relative; z-index:2; display:inline-block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; }
.add-arrest-tab.nav-tabs .nav-link{background:none;text-align:center;border:none;padding:0;position:relative;  min-width: 146px;}
.add-arrest-tab-text{width:100%;display:inline-block;text-align:center;color:#9999AB;font-size:13px;font-weight:600;}
.add-arrest-tab.nav-tabs .nav-link.active .add-arrest-tab-circle,.add-arrest-tab.nav-tabs .completed .nav-link .add-arrest-tab-circle{background-color:#0f33e7;border-color:#bfd4e9;}
.add-arrest-tab.nav-tabs .nav-link.active .add-arrest-tab-text,.add-arrest-tab.nav-tabs .completed .nav-link .add-arrest-tab-text{color:#000000;}
.add-arrest-tab.nav-tabs .nav-item{position:relative;-ms-flex-preferred-size: 0;flex-basis: 0; -ms-flex-positive: 1;flex-grow: 1; max-width: 100%;}
.add-arrest-tab.nav-tabs .nav-item .nav-link:before{content:'';position:absolute;left:-50%;width:100%;border-top:3px solid #d4d4e4;top:12px;z-index:1;}
.add-arrest-tab.nav-tabs .nav-item .nav-link.active:before,.add-arrest-tab.nav-tabs .nav-item.completed .nav-link:before{border-top-color:#0f33e7;}
.add-arrest-tab.nav-tabs .nav-item:first-child .nav-link:before{display:none;}
.add-arrest-tab.nav-tabs .completed .nav-link .add-arrest-tab-circle:before{content:"";position:absolute;top:5px;left:9px;width:8px;height:13px;border-bottom:solid 3px #FFF;border-right:solid 3px #FFF;transform:rotate(45deg);}
.add-arrest-tab.nav-tabs .completed .nav-link .add-arrest-tab-circle{border:0;}
.mh-40{min-height:40px;}
.login-box-body input:-webkit-autofill,.login-box-body input:-webkit-autofill:hover,.login-box-body input:-webkit-autofill:focus,.login-box-body input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important;}
button:focus{outline:0;}
.hartModal .modal-header{padding:13px 40px;border-color:#E8E8E8;position:relative;text-align:center;display:inline-block;width:100%;}
.hartModal .modal-header .modal-title{font-size:17px;font-weight:600;color:#0F33E7;}
.hartModal .modal-content{ border-color:#707070; box-shadow:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.hartModal .modal-header .close{position:absolute;right:0;top:0;padding:0 20px 0 5px;margin:0;height:100%;opacity:1;color:#B1B1B1;}
.hartModal .modal-body{padding:15px 30px 0;}
.hartModal .modal-body .form-group{margin-bottom:18px;}
.hartModal .modal-body .addForm .form-control{font-weight:normal;}
.hartModal .modal-footer {padding: 10px 30px 10px;text-align: center;display: inline-block;border-top: 1px solid #e8e8e8;margin: 20px 0 0 !important; width: 100%;}
.hartModal .modal-footer .list-inline{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -5px;-ms-flex-pack:justify;justify-content:space-between;width: calc(100% + 10px);}
.hartModal .modal-footer .list-inline li .btnBasic{padding:0 15px;width: 100%;}
.hartModal .modal-footer .list-inline li{padding:0 5px;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.hartModal .modal-footer .list-inline li:first-child{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;}
.hartModal .modal-footer .list-inline li:last-child{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;text-align:center;margin-top:5px;}
.btnGray.btnBasic-link{background-color:transparent;box-shadow:none;color:#B6B6C6;font-weight:500;}
.hartModal .modal-footer .list-inline li.col-auto:last-child{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;}


/* Arrest Suspect Detail */
.col-p-5 > .row{margin-left:-5px;margin-right:-5px;}
.col-p-5 > .row div[class*="col-"]{padding-left:5px;padding-right:5px;}
.suspectDetailTop{display:inline-block;width:100%;border-bottom:1px solid #E5E5E5;margin-bottom:20px;padding-bottom:14px;}
.form-group.genderFields .radioBtns .radioFullWidth,.form-group.genderFields .radioBtns .radioFullWidth .containerCheck, .form-group.raceFields .radioBtns .radioFullWidth,  .form-group.raceFields .radioBtns .radioFullWidth .containerCheck{width:100%;}
.radio.radioWithInput .checkmark{top:11px;}
.form-group.genderFields .input.radio, .eqRadioFields .radioBtns .input.radio{width: 100%}
.form-group.genderFields .radio{width:34%;display:inline-block;}
.form-group.genderFields .radio .containerCheck{margin-bottom:8px;}
.raceFields .radio{float: left;}
.raceFields .radio:nth-child(odd){width:100px; clear: both;}
.raceFields .radio .containerCheck{margin-bottom:14px;}
.raceFields .radio:last-child .containerCheck, .form-group.genderFields .radio:last-child .containerCheck{margin-bottom:0;}
.suspectDetailMain .Upload-Suspect-img li{width:143px;padding:0;}
.suspectDetailMain .Upload-Suspect-img li + li{margin-left:8px;}
.suspectDetailMain .add-user-profile-border{height:100%;}
.suspectMidContent{display:inline-block;width:100%;padding-top:22px;}
.suspectMidContent .add-assment-title{padding-bottom:20px;margin-bottom:22px;}
.suspectMidContainer{display:inline-block;width:100%;}
.suspectMidContainer textarea.form-control{height:80px;}
.suspectMidContainerHr{float:left;width:100%;height:1px;background-color:#E5E5E5;position:relative;margin:8px 0 10px;}
.suspectAlertMidContainerHr{width:100%;height:1px;background-color:#E5E5E5;position:relative;margin:8px 0 10px;}

/* Arrest Charges */
.eqRadioFields .radioBtns .radio{width:195px;display:inline-block;position: relative;}
.arrestChargesContainer{max-width:740px;display:inline-block;width:100%;}
.chargeSummeryTblHader h4{font-size:15px;margin:0;display:inline-block;color:#0F33E7;font-weight:600;}
.btn-light-fill,.btn-light-fill:hover{outline:0;display:inline-block;padding:8px 21px 6px;background-color:#DDE8F2;border:1px solid #DDE8F2;color:#0F33E7;font-size:13px;font-weight:500;text-align:center;border-radius:5px;}
.chargeSummeryTblHader{padding:20px 0 12px;}
.chargeSummeryTblData{display:inline-block;width:100%;font-size:13px;color:#62626B;padding-bottom:20px;border-bottom:1px solid #E5E5E5;margin-bottom:20px;}
.chargeSummeryTblData th{font-weight:600;color:#0A1433;}
.chargeSummeryTblData .table-borderless th{border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.chargeSummeryTblData .table th:first-child,.chargeSummeryTblData .table td:first-child{padding-left:0;}
.chargeSummeryTblData table th:nth-child(1),.chargeSummeryTblData table td:nth-child(1){width:200px;}
.chargeSummeryTblData table th:nth-child(3),.chargeSummeryTblData table td:nth-child(3){width:150px;}
.chargeSummeryTblData table th:nth-child(4),.chargeSummeryTblData table td:nth-child(4){width:95px;}
.chargeSummeryTblData td{padding-top:10px;padding-bottom:10px;}
.chargeSummeryTblData td a{color: #0038F1;}
.chargeSummeryTblData .table tr:first-child td{padding-top:20px;}
.eqRadioFields > label{margin-bottom:10px;position:relative;}
.paragraphTextRedLbl{font-size:13px;color:#000000;font-weight:500;line-height:1.15;}
.paragraphTextRedLbl > label{font-weight:500 !important;color:#E93D3D;}
.hartModal .eqRadioFields .radioBtns .radio{width:122px;}
.hartModal .eqRadioFields .radioBtns .radio.callRadio{width:80px;}
.hartChargeModel.hartModal .modal-footer {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.hartChargeModel.hartModal .eqRadioFields .radioBtns .radio {width: 100px;}
.hartChargeModel.hartModal .modal-footer .list-inline li .btnBasic {padding: 0 25px;}
.arrestChargesContainer .blue-color{font-size:14px;text-decoration:underline;display:inline-block;margin-top:5px;}
.arrestChargesContainer .blue-color:hover{text-decoration:none;}

/*Alert List*/
.alertPageCoverMain .filterDate .fa-filter{font-size:13px;color:#0F33E7;margin-right:5px;}
.personPageCoverMain .filterDate .fa-filter{font-size:13px;color:#0F33E7;margin-right:5px;}
.alertPageCoverMain .filterDate{min-width:175px;text-align:center;}
.alertPageCoverMain .innerMiddle{position: relative; -ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;padding:0 20px;border-right:solid 1px #E5E5E5;}
.alertPageCoverMain .hartMyAlertListMain .innerLeft{width:54%;}
/* .alertPageCoverMain .hartMyAlertListMain .innerMiddle{padding-right:70px;} */
.alertPageCoverMain .hartMyAlertListMain .innerMiddle{padding-right:100px;}
.addFlagPositioned{position:absolute;top:50%;transform:translateY(-50%);right:10px;z-index:1;display:flex;align-items:center;}
.addFlagPositioned .flagPart{border:0;line-height:normal;height:inherit;font-size:14px;padding:5px 6px;position:static;cursor: pointer;}
.addFlagPositioned .flagPart i,.addFlagPositioned .flagPart svg{max-width:17px;}
.addFlagPositioned .flagPart a{display:inline-block;vertical-align:middle;}
.alertPageCoverMain .addFlagPositon .flagPart{position:absolute;right:8px;top:0;border:0;line-height:46px;height:inherit;font-size:16px;padding:0 8px;}
.alertPageCoverMain .eachGridBlock{-ms-flex-align:inherit;align-items:inherit;}
.alertPageCoverMain .catAlertLblTitle{font-size:13px;margin-top:16px;}
.catAlertLbl{display:inline-block;width:100%;}
.catAlertLbl li{margin-right:6px;margin-bottom:10px;background-color:#E8E8ED;color:#646472;display:inline-block;font-size:13px;font-weight:500;padding:2px 13px;text-align:center;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.alertPageCoverMain .contentLeft .bottomTableRow>ul>li:last-child{float:left;width: 100%;}
.alertPageCoverMain .innerLeft{min-width:340px;width:auto;-ms-flex-align: start; align-items: start;}
.alertPageCoverMain .innerRight{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;}
.alertPageCoverMain .topRow{padding-right:1rem;}
.alertPageCoverMain .labelLeft label{min-width:inherit;}
.alertPageCoverMain .bottomTableRow>ul{padding-bottom:.15rem;}
.alertPageCoverMain span.risk{font-size:13px;font-weight:500;}




/* New / Modify – Active Alert */
.badgesList{list-style:none;padding:0;margin:0;display:inline-block;width:100%;}
.badgesList li{float:left;clear:both;background-color:#E8E8ED;color:#646472;font-size:13px;font-weight:500;padding:5px 12px;margin:0 0 10px 0;border-radius:3px;}
.badgesList li a{margin-left:19px;display:inline-block;vertical-align:middle;color:#E93D3D;}
.rightWidgetBlock{display:inline-block;width:100%;margin-bottom:15px;}
.activAlertMain .add-user-profile-border{height:calc(100% - 32px);}
.activAlertMain.enhancedAlertMain .add-user-profile-border{height:calc(100% - 5px);}
.form-group{padding-bottom:2px;}
.btn-blue-outline{font-size:13px;font-weight:500;padding:0 22px;}
.mt-10{margin-top:10px;}
.midValueWithLable{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;width:100%;margin-top:30px;height:40px;font-size:25px;color:#9999AB;}
.midValueWithLable > label{margin: 0;}
.midValueWithLable .btnBasic{height:40px;width:40px;line-height:38px;padding:0 5px;text-align:center;}
.hart-alert{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;width:100%;background-color:#f1f1f1;border:1px solid #E5E5E5;padding:13px 12px;font-size:13px;font-weight:normal;color:#000000;line-height:1.4;border-radius:9px;}
.activAlertMain .addPageBlock{padding:18px 30px 30px;}
.hart-alert-icon{padding:0 22px 0 15px;color:#868686;}
.hart-alert.hart-alert-info{background-color:#F5F9FD;border-color:#DCEDFD;}
.hart-alert.hart-alert-info .hart-alert-icon{color:#0F33E7;}
.activAlertMain .hart-alert{max-width: 325px;margin-left: auto;}
.enhancealertAddDelete.modal-footer{padding:0;-ms-flex-pack:start;justify-content:start;border: 0;}
.top-0{top: 0 !important;}
.text-btn-link{font-size:14px;}
.ehAlertFieldsModal label{width:100%;margin:0;}
.ehAlertFieldsModal.hartModal .modal-body .form-group{font-size:13px;margin-bottom:10px;}



/*Custom Dropdown as DatePicker*/
.dropdownAsDatePicker .dropdown-toggle:after{display: none;}
.dropdownAsDatePicker .dropdown-menu.show .daterangepicker{position:relative;top:0;left:0;display:inline-block;width:100%;}
.dropdownAsDatePicker .dropdown-menu.show{margin:0;padding:0;background:transparent;border:0;outline:0;box-shadow:none;border-radius:0;min-width:inherit;}


/* Manage Teams */
.distributionGroupInner .row div[class*="col-"]{margin-bottom:20px;}
.distributionGroupBox{ background-color:#FFF; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:15px; font-weight:500; line-height:1.2; color:#000000; position:relative; overflow:hidden; padding:4px 100px 4px 20px; min-height:60px; height: 100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.dGroupBoxFilters{position:absolute;right:0;top:50%;padding-right:12px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);/*display: none;*/}
.dGroupBoxFilters .dGroupEditBtn,.dGroupBoxFilters .dGroupDeleteBtn{display:inline-block;margin:0 6px;padding:0 6px;}
.dGroupBoxFilters .dGroupEditBtn{color:#75C75E}
.dGroupBoxFilters .dGroupDeleteBtn{color:#E93D3D}
.distributionGroupBox:hover .dGroupBoxFilters{display: block;}
.addbtnWithInput .input{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0;}
.addbtnWithInput .btnBasic{height:40px;width:40px;margin-left:10px;padding:0;box-shadow: none;}
.wForAddbtn{max-width:300px;}
.addbtnWithInput{max-width:350px;}
.dGroupEmails{list-style:none;display:inline-block;width:100%;padding:0;margin:5px 0 0;word-break: break-word; overflow-wrap: break-word;}
.dGroupEmails li{ display:inline-block; position:relative; font-size:13px; color:#4E4E4E; background-color:#EFEFEF; border:1px solid #E3E3E3; padding:4px 25px 3px 15px; margin:0 10px 10px 0; border-radius:48px; -webkit-border-radius:48px; -moz-border-radius:48px; -ms-border-radius:48px; -o-border-radius:48px; }
.dGroupEmails li a{ position:absolute; right:0; padding:5px 10px; top:50%; color:#4E4E4E; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.dGroupEmails li a:hover{color:black;}
.distributionGroupInner{padding-bottom:25px;}

.listingPagination{position:fixed;text-align:center;left:50%;font-size:13px;bottom:50px;transform:translateX(-50%);z-index:9;background-color:#9b9ba7;color:#ffffff;padding:3px 15px;border-radius:3px 3px 0 0;}
.listingPagination:empty{display: none;}


/*Listing Changes*/
.labelLeft label{padding-right: 5px;}
.innerRight ul>li:not(:first-child){position:absolute;right:0;z-index:1;}
.innerRight ul{position:relative;}
.hartArrestListMain .labelLeft label{max-width:300px;}
.hartArrestListMain.hartOuAdminList .labelLeft label{max-width:175px;}

/*User Image Upload*/
.hrmUserImgmain{width:50px;height:50px;position:relative;overflow:hidden;display: inline-block;vertical-align: middle;}
.hrmUserImgmain .hrmUserImg{width:100%;height:100%;line-height:100%;border-radius:100%;margin: 0;background-color:#FFF;border:2px solid #E3E3E3;padding:2px;overflow:hidden;}
.hrmUserImgmain .hrmUserImg img{width:100%;height:100%;object-fit:cover;padding:0;border:0;}
.hrmUserImgFileUpload,.hrmUserImgFileDelete{position:absolute;margin:0;bottom:-40px;cursor:pointer;font-size:10px;width:22px;height:22px;background-color:#FFF;display:flex;align-items:center;justify-content:center;border-radius:100%;border:1px solid #dce5ee;transition:all .5s ease-in-out;}
.hrmUserImgFileUpload{right:0;color:#0F33E7;}
.hrmUserImgmain .hrmUserImg input[type="file"]{width:100%;height:100%;background-color:transparent;border:0;opacity:0;font-size:0;position:absolute;top:0;left:0;}
.hrmUserImgFileDelete{left:0;color:#E93D3D;}
.hrmUserImgFileUpload:hover,.hrmUserImgFileDelete:hover{opacity:.8;}
.hrmUserImgmain:hover .hrmUserImgFileUpload,.hrmUserImgmain:hover .hrmUserImgFileDelete{bottom:0}
.hrmUserImgmain.hrmUserImgmainLarge{width:90px;height:90px;margin:0 auto;}
.hrmUserImgmainLarge.hrmUserImgmain .hrmUserImg{border-width:3px;}
.hrmUserImgmainLarge .hrmUserImgFileUpload,.hrmUserImgmainLarge .hrmUserImgFileDelete{width:30px;height:30px;font-size:11px;}


/*Custom Select Box*/
.w100 + .select2-container{width:100% !important;}
.select2-container{/*width:100% !important;*/font-size:13px;outline:0;}
.select2-container .select2-selection--single{height:40px;background-color:#f1f1f1;border:0;border-radius:5px;font-size:13px;font-weight:500;color:#000000;width:100%;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px;}
.select2-container .select2-selection--single .select2-selection__rendered{padding:0 25px 0 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px;right:10px;}
.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--focus .select2-selection--multiple{outline:0;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:0;width:7px;height:7px;border-right:2px solid #393939;border-bottom:2px solid #393939;transform:rotate(45deg);margin-top:-5px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border:0;border-right:2px solid #393939;border-bottom:2px solid #393939;transform:rotate(-135deg);margin-top:-4px;}
.w100 + .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field{margin-top:2px;}
.mt4 + .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field{margin-top:4px;}
.w100 + .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top: 2px;}
.select2-container--default.select2-container--disabled .select2-selection--multiple{cursor:not-allowed;opacity:0.5;}
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered li{cursor:not-allowed;}

/* multiple */
.select2-container--default .select2-selection--multiple{background-color:#f1f1f1;border:0;border-radius:5px;font-size:13px;font-weight:500;color:#000000;width:100%;min-height:40px;margin-bottom: 0px;border-width: 2px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:0;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#B6B6C6;border-color:#B6B6C6;}
.select2-container .select2-selection--multiple .select2-selection__rendered{padding-right: 0;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#ffffff;position: relative;z-index: 1;padding-right: 6px;}


.reduceSpacingForLongDate .selectAll ul{margin-left:10px;}
.reduceSpacingForLongDate .btnGray{padding:0 8px;}
.reduceSpacingForLongDate .filterDate .fa-chevron-down{padding-left:8px;}
.reduceSpacingForLongDate .filterDate{padding:0 12px;cursor: pointer;}
.ounit_filter.addForm select.form-control {
    border: 1px solid #000;
    height: 34px;
}
.ounit_filter.addForm {
    display: flex;
    align-items: center;
}
.ounit_filter.addForm label {
    margin-right: 10px;
    margin-bottom: 0;
    font-weight: 500;
}
.ounit_filter select{
    max-width: 100px;
}
#shared_ounit_main_div,#referral_partner_main_div {
    border: 1px solid #D2D2D2;
    width: 100%;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: inline-block;
}

#shared_ounit_main_div .add-arrest-bottom-box ,#referral_partner_main_div .add-arrest-bottom-box{
    border: 0;
    border-bottom: 1px solid #D2D2D2;
    padding: 0 20px 15px 0;
    border-radius: 0;
    margin-bottom: 15px;
}
#shared_ounit_main_div .add-arrest-bottom-box .add-arrest-badge{
    margin-bottom: 6px;
}
#shared_ounit_main_div .add-arrest-bottom-box .data_share_cls {
    width: 100%;
    display: inline-block;
    color: #000;
    font-weight: 600;
}

#shared_ounit_main_div .add-arrest-bottom-box span {
    font-weight: normal;
    color: #9999ab;
}
#referral_partner_main_div .add-arrest-bottom-box .add-arrest-badge{
    margin-bottom: 6px;
}
#referral_partner_main_div .add-arrest-bottom-box .data_share_cls {
    width: 100%;
    display: inline-block;
    color: #000;
    font-weight: 600;
}
#referral_partner_main_div .add-assment-trash {
    right: 0;
}
#referral_partner_main_div .add-arrest-bottom-box span {
    font-weight: normal;
    color: #9999ab;
}

#shared_ounit_main_div .add-arrest-bottom-box .add-assment-trash {
    right: 0;
}
#shared_ounit_main_div{
    height: 690px;
    max-height: 740px;
    overflow: auto;
    display: block;
}
#referral_partner_main_div{
    max-height: 764px;
    overflow: auto;
    display: block;
}
.data_share_main_div .radioBtns .containerCheck {
    margin-bottom: 0;
    line-height: normal;
}

.data_share_main_div .radioBtns .containerCheck .checkmark {
    top: 0;
}
.data_share_main_div .form-group {
    margin-bottom: 10px;
}
#shared_ounit_counter{
    float: left;
    margin-left: -1000px;
}
.shared_trucate{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 105px;
    padding: 0 5px!important;
    /*font-size: 10px !important;*/
}
.received_trucate{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    padding: 0 5px!important;
    /*font-size: 10px !important;*/
}
.layout-fixed .wrapper .sidebar {
    height: calc(100vh - 125px);
}
.deviceType {
    padding: 10px 8px 0 0;
    color: #1033e7;
    position: absolute;
    left: 40px;
    top: 1px;
}
.deviceType + .contentLeft .topRow .labelLeft {
    padding-left: 25px;
}
.deviceType svg {
    max-width: 16px;
    max-height: 16px;
}
a{
    outline: 0;
    color: #0F33E7;
}

.hartModal .chargeSummeryTblData{margin-bottom:0;border:0;padding-bottom:10px;}
.hartModal .chargeSummeryTblData .table th:first-child,.hartModal .chargeSummeryTblData .table td:first-child{padding-left:10px;}
.hartModal .chargeSummeryTblData table th:nth-child(1),.hartModal .chargeSummeryTblData table td:nth-child(1){width:auto;}
.hartModal .chargeSummeryTblData table th:nth-child(3),.hartModal .chargeSummeryTblData table td:nth-child(3){width:auto;}
.hartModal .chargeSummeryTblData table th:nth-child(4),.hartModal .chargeSummeryTblData table td:nth-child(4){width:auto;}
.hartModal .chargeSummeryTblData .table th{border-bottom:0;}
.hartModal .chargeSummeryTblData .table th,.hartModal .chargeSummeryTblData .table td{padding:8px 10px;}


.hartModal .chargeSummeryTblData.supportingDocumentsTblData table th:nth-child(1),.hartModal .chargeSummeryTblData table td:nth-child(1){width:auto;}
.hartModal .chargeSummeryTblData.supportingDocumentsTblData table th:nth-child(2),.hartModal .chargeSummeryTblData table td:nth-child(2){width:160px;}
.hartModal .chargeSummeryTblData.supportingDocumentsTblData table th:nth-child(3),.hartModal .chargeSummeryTblData table td:nth-child(3){width:110px;}

.hartModal .relatedAssessmentsTblData.supportingDocumentsTblData table th:nth-child(1),.hartModal .relatedAssessmentsTblData table td:nth-child(1){width:110px;}
.hartModal .relatedAssessmentsTblData.supportingDocumentsTblData table th:nth-child(2),.hartModal .relatedAssessmentsTblData table td:nth-child(2){width:auto;}
.hartModal .relatedAssessmentsTblData.supportingDocumentsTblData table th:nth-child(3),.hartModal .relatedAssessmentsTblData table td:nth-child(3){width:160px;}
.hartModal .relatedAssessmentsTblData.supportingDocumentsTblData table th:nth-child(4),.hartModal .relatedAssessmentsTblData table td:nth-child(4){width:110px;}


/*Custom Switch Toggle Button*/
.adminSwitchBtn{position:relative;display:inline-block;width: 30px;height: 19px;margin: 0;}
.adminSwitchBtn input{opacity:0;width:0;height:0;}
.adminSwitchSlider{ position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; border-radius:34px; background-color: #fff; border: 1px solid #CBCBCB; -webkit-transition:.4s; transition:.4s; -moz-transition:.4s; -ms-transition:.4s; -o-transition:.4s; -webkit-border-radius:34px; -moz-border-radius:34px; -ms-border-radius:34px; -o-border-radius:34px; }
.adminSwitchSlider:before{position:absolute;content:"";height: 15px;width: 15px;left: 2px;bottom: 1px;border-radius:50%;background-color: #CBCBCB;-webkit-transition:.4s;transition:.4s;}
.adminSwitchBtn input:checked + .adminSwitchSlider{background-color: #ffffff;border-color: #0F33E7;}
.adminSwitchBtn input:focus + .adminSwitchSlider{box-shadow:0 0 1px #2196F3;}
.adminSwitchBtn input:checked + .adminSwitchSlider:before{ -webkit-transform: translateX(9px); -ms-transform: translateX(9px); transform: translateX(9px); background-color: #0F33E7; -moz-transform: translateX(9px); -o-transform: translateX(9px); }

/*Search Page*/
.searchSectionMain{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-height:calc(100vh - 110px);padding:30px;transition:all .5s ease;}
.searchSectionInner{display:block;width:100%;}
.searchHeader{display:inline-block;width:100%;padding:0 0 16px;transition:all .5s ease;}
.searchHeader .searchText1{font-size:24px;color:#646472;font-weight:600;display:inline-block;width:100%;text-align:center;transition: all .5s ease;}
.searchHeader .searchText2{margin:0;font-weight:600;font-size:0;color:#000000;display:inline-block;transition: all .5s ease;}
.searchBarBox{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding-bottom:25px;max-width:510px;margin:0 auto;transition: all .5s ease;}
.searchBarBox .searchBoxContent{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;position:relative;}
.searchBarBox .searchBoxContent .searchBoxIcon{position:absolute;left:20px;top:18px;pointer-events:none;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;}
.searchBarBox .searchBoxContent .form-control{height:50px;padding-left:50px;padding-right:120px;font-size:14px;color:#000000;outline:0;border-color:#FFFFFF;box-shadow:none;transition:all .5s ease;}
.searchBarBox .searchBoxContent .btn{position:absolute;z-index:1;right:10px;top:8px;font-weight:500;min-width:98px;}
.searchBarBox .searchBoxContentClear{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;margin-left:25px;display: none;}
.searchBarBox .searchBoxContentClear .searchResultClearBtn{outline:0;border:0;padding:0;margin:15px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#9999AB;font-weight:500;background: transparent;}
.searchBarBox .searchBoxContentClear .searchResultClearBtn .clearIcon{margin-right:10px;}
.searchBarBox .searchBoxContentClear .searchResultClearBtn .clearIcon svg{display:block;}
.searchBarBox .searchBoxContentClear .searchResultClearBtn:hover{color:#7e7e92;}
.searchBarBox.maxchange { max-width: 625px; }
.searchBarBox.templateMaxSize { max-width: 800px; }
select.showcontent.form-control{ padding-right:20px !important;}
.w-250 { width: 250px; }
.searchResultArea{display:none;width:100%;padding:0 5px;}
.searchResultArea .searchCounterText{display:inline-block;width:100%;font-size:14px;color:#9999AB;font-weight:500;}
.searchResultArea .searchCounterText span{color:#0F33E7;}
.searchResultArea .searchAccordionMain{display:inline-block;width:100%;padding-top:30px;}
.searchResultArea .searchAccordionMain .accordionList{display:inline-block;width:100%;}
.searchResultArea .searchAccordionMain .accordionList .card{box-shadow:none;border:0;background:transparent;z-index:1;margin-bottom:30px;}
.searchResultArea .searchAccordionMain .accordionList .card:last-child{margin-bottom: 0;}
.searchResultArea .searchAccordionMain .accordionList .card .card-header{border:0;padding:0;border-radius:0;}
.searchResultArea .searchAccordionMain .accordionList .card .card-header:after{content:"";position:absolute;z-index:-1;left:0;top:50%;transform:translateY(-50%);height:1px;width:100%;background-color:#D8D8D8;}
.searchResultArea .searchAccordionMain .accordionList .card .card-header .card-link{position:relative;font-size:18px;font-weight:500;color:#000000;padding-left:35px;padding-right:10px;background-color:#f1f1f1;}
.searchResultArea .searchAccordionMain .accordionList .card .card-header .card-link:after, .searchResultArea .searchAccordionMain .accordionList .card .card-header .card-link.collapsed:after{content:"";position:absolute;left:5px;top:8px;border-right:7px solid transparent;border-left:7px solid transparent;border-top:8px solid #0F33E7;border-radius:5px;transform:rotate(-90deg);transform:rotate(0);transition: all .5s ease;}
.searchResultArea .searchAccordionMain .accordionList .card .card-header .card-link.collapsed:after{transform:rotate(-90deg);}
.searchResultArea .searchAccordionMain .accordionList .card .card-header .card-link.collapsed + .cardShowAllBtn{opacity:0;pointer-events:none;}
.searchResultArea .searchAccordionMain .accordionList .card .card-header .cardShowAllBtn{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:#f1f1f1;border:0;outline:0;font-size:14px;color:#0F33E7;font-weight:500;padding-left:7px;transition: all .5s ease;}
.searchResultArea .searchAccordionMain .accordionList .card .card-header .cardShowAllBtn:hover{color:#0d2dce;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body{padding:0;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner{display:inline-block;width:100%;padding-left:35px;margin-top:10px;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner .searchRowRepeater{display:block;width:100%;margin:0 0 20px;cursor: pointer;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner .searchRowRepeater.showLess{display:none;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner .searchRowRepeater:nth-child(-n+2){display:block;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner .searchRowRepeater:last-child{margin-bottom:0;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner .searchRowRepeater ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;list-style:none;padding:0;margin:0;background-color:#FFFFFF;border-radius:5px;font-size:13px;color:#000000;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner .searchRowRepeater ul li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width: 100%;padding:15px 20px;border-right:1px solid #E9E9E9; border-bottom: 1px solid #f1f1f1;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner .searchRowRepeater ul li:first-child{border-bottom-left-radius: 5px;}
.searchResultArea .searchAccordionMain .accordionList .card .card-body .searchCollapseInner .searchRowRepeater ul li:last-child{border-right:0;}
.demiBold{font-weight:600;}
.bold{font-weight:bold;}
.regularLight{font-weight:normal;color:#9999AB;}
.showSearchList.searchSectionMain{display: block;}
.showSearchList .searchHeader .searchText1{font-size:0;text-align:left;}
.showSearchList .searchBarBox{max-width: 100%;}
.showSearchList .searchBarBox .searchBoxContentClear{display:block;}
.showSearchList .searchHeader{padding-bottom: 10px;}
.showSearchList .searchHeader .searchText2{font-size:20px;}
.showSearchList .searchResultArea{display:block;}
/*End of Search Page*/
.activeLink{text-decoration:underline;cursor:pointer;}

.checkMultiSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline{margin:0;}
.checkMultiSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field{margin-top:4px;cursor: pointer;}
.checkMultiSelect .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top:7.5px;margin-bottom: 0;padding-left: 5px;margin-left:12px;}
.checkMultiSelect .input-group .input.select{width:100%;}
.checkMultiSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered{min-height: 40px;}
.mw50{min-width:50%;}
.select2-container--default .select2-results>.select2-results__options{word-break:break-word;overflow-wrap:break-word;}

.filterOptions .audit-log-custom.addForm .custom-control-label{margin:0;}
.audit-log-custom.addForm{align-items:center;}
.audit-log-custom .input.select{width:100px;}
.audit-log-custom .input.select .form-control{height:28px;}
.audit-log-custom li.audit-search{display:inline-flex;align-items:center;}
.audit-search .form-control{width:150px;height:28px;font-size:14px;margin-right:5px;}

.filterBtn{outline:0;border:0;background-color:#B6B6C6;border-radius:3px;color:#ffffff;line-height:30px;font-size:13px;box-shadow:none;font-weight:500;width:34px;height:28px;padding:0 5px;min-width:34px;margin:0 12px;display: none;}

/*Icon Changes*/
.innerRight ul.customRightSidebarBtns{margin:0 0 10px;max-width:100%;width:100%;height:46px;border-bottom:1px solid #E5E5E5;}
.innerRight ul.customRightSidebarBtns>li:first-child{margin: 0 auto;float:none;border:0;}
.innerRight ul.customRightSidebarBtns li{position: static;height:46px;/*padding:0 8px*/; padding:0 15px; margin: 0 auto;line-height:normal;display:flex;align-items:center;justify-content:center;}
.innerRight ul.customRightSidebarBtns em.fa-trash{display:inline-block;position:static;}
.innerRight ul.customRightSidebarBtns .customRightSidebarBtnsIcon{margin-right: 8px;}
.innerRight ul.customRightSidebarBtns .customRightSidebarBtnsIcon em, .innerRight ul.customRightSidebarBtns .customRightSidebarBtnsIcon svg{margin: 0;vertical-align: middle;}
.gridWithShareBtn .shareButton.shareButtonStyele2{padding:0;margin-top:8px;border:0;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;}
.gridWithShareBtn .shareButton.shareButtonStyele2 a{background:transparent;color:#000;font-weight: 500;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:13px;border-radius:0;border-right:1px solid #e5e5e5;padding:10px 5px;/*width:auto;*/}
.gridWithShareBtn .shareButton.shareButtonStyele2 a:last-child{border-right:0;}
.gridWithShareBtn .shareButton.shareButtonStyele2 a >em{margin-right:8px;color:#0F33E7;}
.gridWithShareBtn .shareButton.shareButtonStyele2 a >svg{margin-right:8px;color:#0F33E7;max-height: 15px; width: auto;}
.gridWithShareBtn .innerRight{align-content:space-between;}
.gridWithShareBtn .innerRight.userList{align-content:inherit;margin-bottom:5px;}
.userlist ul.editOrDeact{max-width:100%;}
.shelternam{top: 5px;display: inline-block;text-align: left;color: #ffffff;border-radius: 4px;padding: 0 10px;background-color: #B6B6C6;border-color: #B6B6C6;}



.data-share-eye{
    color: #1133e7;
}



.top-gap-same{
    padding-bottom: 49px;
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after{
    
    border:none;
    border-radius: 5px;
}
.custom-file-label::after {
   
    background-color: #9999AB;
    color: #fff;
    font-weight: normal;
    top: 4px;
    right: 4px;
    height: 31px;
    padding:7px 22px;
    
}
.custom-file-label{
    background: #F1F1F1;
    padding: 10px;
    height: 40px;
    margin-right: 10px;
    padding-right: 102px;
    overflow: hidden;
    line-height: 25px;
}
.main-blue{
    height: 40px;
    width: 40px;
    border-radius: 5px;
    padding: 5px;
    background: #0038F1;
    display: flex;
    justify-content: space-around;
    align-content: space-around;
    align-items: center;
    cursor: pointer;
}
.pick-image-cover{
    display: flex;
    flex-wrap: wrap;
    word-break: break-word;
}
.pick-image-cover .dGroupEmails li{
    max-width: 100%
}
.pick-image-cover .dGroupEmails li > span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pick-image{
    background: #d9dee6;
    border-radius: 3px;
    font-size: 13px;
    color: #646472;
    padding: 5px 10px; 
    margin-right: 10px;

}
.pick-image img{
    margin-left: 5px;
}

.header-search-bar{
    margin-left: 22px;
}

.head-short-select{
    margin-left: 19px;
    font-size: 12px;
    color: #0038F1;
    display: flex;
    align-items: center;
}
.head-short-select select{
    width: 123px;
    padding: 4px 20px 4px 5px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
}

.short-icon{
    margin-left: 13px;
    
}
.short-icon img{
    width: 100%;
    height: 100%;
}
.s-title{
    margin-right: 8px;
}
.header-search-bar:placeholder{
/*    color: #000;*/
    font-size: 12px;
}

.header-search-bar input::-webkit-input-placeholder { 
/*  color: #000;*/
    font-size: 12px; 
}

.header-search-bar input:-ms-input-placeholder { 
/*  color: #000;*/
    font-size: 12px;
}

.header-search-bar input::placeholder {
/*  color: #000;*/
    font-size: 12px;
}

.upload-place{
    font-weight: normal !important;
}
.pick-image{
    outline: 0;
    border:none;
}
.header-search-bar .form-control{
    height: 28px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    width: 185px;
    background: url(../img/search-icon.svg) no-repeat;
    background-position: center right 8px;
}
.head-short-select .form-control{
    background:#fff;
    height: 28px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    width: 123px;
}
.new .checkbox .containerCheck{
    font-weight: 600 !important;
    cursor: pointer;
}
.blue-plus-new .btnBasic {
    height: 40px;
    width: 40px;
    padding: 0;
    box-shadow: none;
}
.short-icon .btn{
    background-color: none;
    
    border: 1px solid #E5E5E5;
    padding: 0px 5px;
    border-radius: 5px;
}
.short-icon .btn img{
    width: 15px;
    height: 15px;
}
.short-icon .dropdown-toggle::after{
    display: none;
}
.short-icon i{
    float: right;
}
.short-icon .active{
    background-color: #0d33e7;
}

.short-icon a:after{
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}
.new-dropdown {
    
    
    margin-left: 5px;
    
    
}
.new-dropdown .dropdown-toggle{
    padding: 0px 7px;
    border: 1px solid #E5E5E5;
    background: #fff;
    height: 28px;
    border-radius: 5px;
    color: #000;
    width: 185px;
    font-size: 12px;
    text-align: left;
}
.new-dropdown .dropdown-toggle::after{
    display: none;
}

.new-dropdown i{
    float: right;
    margin-top: 4px;
}
.dropdown-menu-arrow{
    position: relative;
    margin-top: 17px;
    width: 185px;
    min-width: 185px;
}
.new-dropdown .dropdown-item {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.dropdown-menu-arrow:before{
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    content: '';
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    top: -6px;
    left: 15px;
    background: #fff;

}
.new-dropdown .dropdown-item.active,.new-dropdown .dropdown-item:active{
    background-color: #0d33e7;
    color: #FFF;
}
.nc-class{
   display: flex;
   align-items: center;
   font-size: 13px;
   color: #333333; 
   font-weight: 600;
}
.short-icon .second-box{
    font-size: 12px;
    color: #000;
    margin-top: 18px;
}
.nc-class .span-left-icon{
    margin-right: 5px;
    vertical-align: text-bottom;
}
.nc-class li{
    margin-right: 30px;
}
.nc-class i{
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 5px;
}
.checkbox.end-date-checkbox {
    
    float: right;
}
.checkbox.end-date-checkbox label{
    padding-left: 20px;
}
.radio-width .radioBtns .radio .radio{
    width: 33.33%;
}
.pop-up-noti{
    font-size: 13px;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 5px;
}

.noti-pop-up-cover .pop-inner{
    width: 309px;
    margin-top: 15px;
    border:1px solid #E5E5E5;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 25%);
    border-radius: inherit;
}
.dropdown-menu-arrow-contact{
    border:1px solid #E5E5E5;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 25%);
    border-radius: inherit;
}

.noti-pop-up-cover .pop-inner:before {
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    content: '';
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    top: -7px;
    background: #fff;
    right: 15px;
}
.notification-list-cover {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
}
.notification-client-text span{
    float: right;
    font-size: 12px;
    font-weight: normal;
    color: #000;
}
.notification-list-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.notification-client-text {
    width: 89%;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    
}
.notification-client-text span {
    display: inline-block;
    width: 100%;
}
.noti-listing-box{
    display: block;
    width: 100%;
    padding: 0px 10px;
    
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.notification-client-name{
    color: #BDC2CB;
    font-size: 9px;
    font-weight: 400;
    margin-top: 4px;
}
.noti-listing-box{
    background: #fff;
}
.noti-listing-box.unread{
    background: #F3F8FC;
}
.notification-list-left{
    margin-right: 10px;
}
.blue-notification{
    padding: 10px;
    text-align: center;
    background:#0038F1;
    

}
.blue-notification a{
    color: #fff;
    font-size: 13px;

}
.pop-inner{
    padding-bottom: 0;
}
.noti-listing-box:last-child .notification-list-cover {
    border:none;
}
.main-cover-no-noti{
    padding: 0px 10px;
    padding-bottom: 25px;
    border-bottom:1px solid #E8E8E8;
}
.main-cover-no-noti .pop-up-noti{
    float: left;
}
.main-cover-no-noti .pop-up-noti-right{
    float: right;
}
.no-notification-content-cover{
    padding: 15px;
}
.no-notification-content{
    padding: 10px;
    background-color: #aee69f;
    font-size: 12px;
    border-radius: 5px;
    border-left: 5px solid #2fa20f;
    box-shadow: 3px 4px 5px rgb(27 32 41 / 7%);
    font-weight: normal;

}
.dropdown-menu-arrow-contact{
    width: 309px;
    margin-top: 10px;
    padding: 10px;

}
.dropdown-menu-arrow-contact:before{
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    content: '';
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    top: -7px;
    background: #fff;
    right: 15px;
}
.name-client{
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}
.client-phone{
    font-size: 12px;
    color: #000;
    margin-bottom: 6px;
    font-weight: normal;
}
.client-email{
    font-size: 12px;
    color: #000;
    margin-bottom: 6px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 10px;
    font-weight: normal;
}
.dropdown-menu-arrow-contact strong{
    font-weight: 600;
}
.con {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 8px;
    margin-top: 8px;
    color: #0038F1;
    font-weight: normal;
    font-size: 12px;
}
.con span{
    margin-right: 10px;
}
.all-notification-cover{
    background-color: #fff;
    padding: 20px 0px;
    border-radius: 10px;
}
.all-notification-inner {
    padding: 5px 30px 0 30px;
    margin-top: 3px;
}
.new-notification{
    border-bottom: 1px solid #E8E8E8;
    padding: 15px 0px;
}
.all-notification-inner.unread{
    background: #F3F8FC;
}
.all-notification-inner .noti-listing-box{
    background: transparent;
}
.new-client-text{
        margin-bottom: 5px;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #000;
    font-weight: normal;  
}
.blue-dot{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #0038F1;
    float: right;
    display: none;
}
.unread .new-client-text{
    font-weight: bold;
}
.all-notification-inner.unread .blue-dot{
    display: block;
}
.all-pic {
    width: 18px;
    height: 18px;
}
.all-pic img{
    width: 100%;
    height: 100%;
    display: block;
}
.notification-client-text .all-page{
    font-size: 13px;
    color: #000;
    font-weight: 600;
}
.notification-client-name span{
    margin-right: 5px;
}
.new-notification{
    white-space: normal;
}

.second-box:before{
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    content: '';
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    top: -6px;
    background: #fff;
    right: 0;
    left: 15px;
}
.no-notification-content i{
    cursor: pointer;
}
.second-box {
    min-width: 90px;
    border:1px solid #E5E5E5;
}
.dropdown-menu-arrow{
    border:1px solid #E5E5E5;
}
.pop-title{
    font-size: 13px;
    color: #000;
    font-weight: 600;
}
.upload-place span{
    color: #000 !important;
    opacity: 50%;
}
.short-text{
    color: #0038F1;
    font-weight: 600;
    font-size: 12px;
    margin-top: 5px;
}
.last-b-none a:last-child{
    border:none;
}
/*.all-add-changes .default-img-cover{
    width: 135px;
    height: 172px;
}*/
.right-things{
    padding: 6px 11px;
    background: #0F33E7;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-top: -6px;
    float: right;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #0F33E7;
}
.right-things span{
    margin-right: 5px;
}
.new-width{
    display: inline-block;
    width: 100%;
}
.modal-custom.hartModal .modal-body{
    padding: 18px;
}
.table-modal-cover .table thead th,.table-modal-cover .table tbody td{padding:8px 20px;height:54px;vertical-align:middle;}
.table-modal-cover .table thead th{white-space:nowrap;}
.table-modal-cover th{
    background: #F6F6F6;
    border-top: none;
    border-bottom: 1px solid #707070;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}
.table-modal-cover td{
    
    border-top: none;
    border-bottom: 1px solid #E5E5E5;
    font-size: 13px;
    color: #000;
    
}
.table-modal-cover td a{
    color: #0F33E7;
    font-size: 15px;
}
.image-gap{
    margin-right: 5px;
}
.all-cover-sd{
    background-color: #fff;
    padding: 29px;
    border-radius: 10px;
}
.all-cover-sd .custom-file{
    max-width: 350px;
}
.all-cover-sd label{
    font-size: 13px;
    color: #000;
}
.btn-upload{
    padding: 9px 17px;
    color: #fff;
    background: #0038F1;
    font-size: 12px;
    display: inline;
    width: 100%;
    border-radius: 5px;
}
.btn-up-load {
    margin-bottom: 60px;
    margin-top: 40px;
}

.upload-inner-table {
    border-top: 1px solid #ddd;
    padding-top: 35px;
}
.upload-table-title{
    vertical-align: -webkit-baseline-middle;
}
.max-wi{
    max-width: 1127px;
}
div.hartAssessmentsMain .contentLeft .bottomTableRow>ul.ifThreeColumn{
    display: flex;
    flex-wrap: wrap;
}
div.hartAssessmentsMain .contentLeft .bottomTableRow>ul.ifThreeColumn>li{
    width: 50%;
    

}
.person-filter-wisth .daterangepicker .ranges ul {
    width: 116px;
}

div.hartAssessmentsMain .contentLeft .bottomTableRow>ul.ifThreeColumn>li .blackText {
    white-space: normal !important;
}
/*.demi-cover .Upload-Suspect-img li{
    width: 153px;
}*/
/*.add-person-demo-image .Upload-Suspect-img li{
    width: 148px;
}*/
.new-search-width{
    width: 240px !important;
}


/*New Changes 22-07-2021*/
.formInputWithBtnCover{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative;}
.formInputWithBtnCover > .input{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;padding-right:3px;}
.formInputWithBtnCover .formInputWithBtn{display:-webkit-box;display:-ms-flexbox;display:flex;}
.formInputWithBtn .btnBasic{width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;box-shadow: none;margin-left: 5px;}
.formInputWithBtnCover.formInputWithBtnCoverInside{padding-right: 0;}
.hartModal .modal-footer.footerStyle2{padding-bottom:30px;}
.hartModal .modal-footer.footerStyle2 .list-inline li .btnBasic{width: auto;}
.hartModal .modal-footer.footerStyle2 .list-inline li .btnBasic svg{margin-right: 2px;}
.hartModal .modal-footer.footerStyle2 .list-inline li .btnBasic > span{top:0;}
.topBoxFiledsColRight .formInputWithBtn{margin-top:30px;}
.disabledCheckmark:before {
    background-color: #eeeeee !important;
}
.disabledCheckmark:after {
    background-color: #c8c8c8 !important;
}
li.notificationCls {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    background-color: #dce5ee;
}

li.notificationCls h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 2px 0 0;
}
.hartModal .chargeSummeryTblData.relatedAssessmentsTblData table th:nth-child(1), .hartModal .chargeSummeryTblData.relatedAssessmentsTblData table td:nth-child(1) {width:80px; text-align:center;}
.hartModal .chargeSummeryTblData.relatedAssessmentsTblData table th:nth-child(4), .hartModal .chargeSummeryTblData.relatedAssessmentsTblData table td:nth-child(4) {width:100px; text-align:center;}
.hartModal .chargeSummeryTblData.relatedArrestsTblData table th:nth-child(1), .hartModal .chargeSummeryTblData.relatedArrestsTblData table td:nth-child(1) {width:80px; text-align:center;}
.hartModal .chargeSummeryTblData.relatedArrestsTblData table th:nth-child(4), .hartModal .chargeSummeryTblData.relatedArrestsTblData table td:nth-child(4) {width:100px; text-align:center;}
.hartModal.hartModalMidScroll .modal-content {overflow: hidden;}
.hartModal.hartModalMidScroll .modal-content .modal-body {max-height: 70vh;overflow: auto;}
.group_select2 ~ .select2-container{width: 100% !important;}

/*Homeless Assessment Add Form*/
.hassessmentFormCover .addPageBlock{margin-bottom:25px;display:inline-block;width:100%;}
.hassessmentFormCover .add-assment-title{padding-top:35px;}
.hassessmentFormCover .radioBtns .radio .radio{width:34%;}
.hassessmentFormCover .radioBtns{margin-top:7px;}
.hassessmentFormCover .custom-checkbox{margin-top:8px;}
.hassessmentFormCover .custom-control-label{font-weight:500 !important;line-height:1.8;}
.hassessmentFormCover .radioBtnsAutoWidth .radio .radio{width:auto;min-width:34%;padding-right:10px;}
.row-gap-2{margin-left: -2px !important;margin-right: -2px !important;}
.row-gap-2 > div[class*="col"]{padding-left: 2px !important;padding-right: 2px !important;}
.radio .checkmark{cursor:pointer;}
.radioBtns .radio .access-type-user:disabled + .containerCheck .checkmark{cursor:no-drop;}
.radioBtns .radio .two-fa-radio:disabled + .containerCheck .checkmark{cursor:no-drop;}
.listViewImgBoxCover ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;margin-bottom:0;margin-top:0px;padding:2px 0 12px;list-style:none;}
.listViewImgBoxCover{display:block;width:100%;}
.listViewImgBoxCover ul li{padding-left:5px;padding-right:5px;position:relative;width:100%;min-height:1px;-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;margin-bottom:10px;}
.listViewImgBoxInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;background-color: #FFF; border:1px solid #BAC2D2;border-radius:5px;padding:10px;}
.listViewImgBoxInner a{position:absolute;right:0;top:0;z-index:1;color:#B1B1B1;line-height:9px;display:inline-block;padding:12px;}
.listViewImgBoxInner .listViewImg{background-color:#F1F1F1;width:60px;height:60px;min-width:60px;border-radius:5px;overflow:hidden;}
.listViewImgBoxInner .listViewImg img{width:100%;height:100%;object-fit:cover;}
.listViewImgBoxInner a:hover{color:#0f33e7;}
.listViewImgBoxInner .listViewImgTitle{font-size:14px;font-weight:500;word-break:break-word;overflow-wrap:break-word;padding:10px;}
.hartModalStyle2 .addForm textarea.form-control{height:126px;}
.hartModalStyle2 .modal-footer{padding-top:10px;padding-bottom:45px;}
.hartModalStyle2 .modal-footer .btnBasic{min-width:95px;}
.hartModalStyle2 .modal-footer .btnBasic svg{margin-top:-2px;}
.hassessmentFormCover .formFooter .btnBasic{padding:0 10px;min-width:98px;}
.addNewImgbtn {margin-top: 5px;}

/* Log Database Table List */
.hartTableListCover{display:block;width:100%;font-size:13px;color:#000000;font-weight:normal;padding-top: 3px;}
.hartTableListCover .table{margin:0;border:0;}
.hartTableListCover .table thead th{background-color:#F1F1F1;border:0;padding:5px 15px;height:40px;vertical-align:middle;font-weight: bold;}
.hartTableListCover .table thead th:first-child{border-top-left-radius:5px;}
.hartTableListCover .table thead th:last-child{border-top-right-radius:5px;}
.hartTableListCover .table tbody td{border-top:0;border-bottom:1px solid #E5E5E5;padding:5px 15px;height:40px;vertical-align:middle;}
.hartTableListCover .table tbody tr:last-child td {border-bottom: 0;}
.hartTableListPage .formFooter .btnBasic{min-width:96px;}
.hartTableListPage .add-assment-title{padding-top:4px;}
.hartTableListPage .addPageBlock{margin-bottom:30px;display:inline-block;width:100%;}
.hartLogListPage .titleBtnsRight .btnBasic{min-width: 114px;}
.hartLogListPage .titleBtnsRight .btnBasic > span svg{top:-1px;position:relative;margin-right:1px;}
.logDbCol1,.logDbCol2{width:140px;}
.logDbCol4{text-align:right;}
.bckBtnRight{margin-top: -7px;float: right;}

/* Applicant Signature */
.hartAppSignDesc{display:block;width:100%;font-size:13px;line-height:1.8;color:#000000;padding:0 0 30px;font-weight:500;}
.hartAppSignBoxMain{display:block;width:100%;}
.hartAppSignBoxHeader{display:inline-block;width:100%;text-align:right;padding-bottom:8px;}
.hartAppSignBoxHeader a{font-size:13px;font-weight:600;color:#0038F1;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.hartAppSignBoxBody{display:inline-block;width:100%;margin-bottom:20px;}
.hartAppSignBoxBodyInner{display:block;width: 100%;background-color:#F1F1F1;border-radius:5px;border: 2px solid #F1F1F1;}
.hartAppSignBoxFooter{display:block;width:100%;text-align:center;font-size:15px;color:#000000;font-weight:500;padding-bottom: 15px;}
.hartAppSignBoxFooterInner{display:inline-block;min-width:200px;padding-bottom:5px;}
.hartAppSignTitle{display:block;width:100%;border-bottom:1px solid #DCDCDC;padding-bottom:8px;margin-bottom:8px;}
.hartAppSignDate{display:block;width:100%;}
.jSignature{border-radius:5px;}
.hartAppSignBoxFooterupload{display:block;width:100%;margin-bottom:30px;}
.hartAppSignBoxuploadInner{display:inline-block;position:relative;width:100%;max-width:200px;padding:10px;}
.hartAppSignBoxuploadInner:before{position:absolute;left:0;top:50%;content:"";width:100%;height:1px;background-color:#CCC;}
.hartAppSignBoxuploadInner span{background-color:#FFF;position:relative;z-index:1;padding:10px;font-weight:500;font-size:18px;}
.hartAppSignBoxuploadbox{display:inline-block;width:100%;padding:10px;}
.signUploadDiv.hartAppSignBoxBody{display:inline-block;width:100%;margin-bottom:20px;position:relative;padding-top:24.92%;}
.signUploadDiv .hartAppSignBoxBodyInner{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#F1F1F1;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.filebtnCover{display:inline-block;margin:0 auto;}
.filebtnCover{position:relative;display:inline-block;}
.filebtnCover input[type=file]{position:absolute;left:0;top:0;z-index:-1;width:0;height:0;opacity:0;}
.filebtnCover .btnBasic{margin:0;}

.treeviewSubchild.nav.nav-treeview>.nav-item>.nav-link{width:calc(100% - 10px);background-color:transparent !important;}
.treeviewSubchild.nav.nav-treeview>.nav-item>.nav-link i{top:12px;}
.treeviewSubchild.nav.nav-treeview>.nav-item>.nav-link.active>p{font-weight:600;}
.treeviewSubchild.nav.nav-treeview>.nav-item > .nav-treeview > .nav-item >.nav-link{padding-left:4.5rem;background-color:transparent;}
.treeviewSubchild.nav.nav-treeview>.nav-item > .nav-treeview > .nav-item >.nav-link.active>p{font-weight:600;color: #000;}
.treeviewSubchild.nav.nav-treeview>.nav-item>.nav-link.active{background-color:rgba(14,109,203,0.09) !important;}

.lh-24{line-height: 24px;}

/*New*/
.footerCover span {
    color: #fff !important;
    font-size: 15px;
}
.footerCover span a, .footerCover span a:hover {
    color: #5daeff;

}
.addPageBlock input[name="language_othertext"] {
    margin: 0 0 20px;
}

.oneLineArea{
    display: flex;
    align-items: center;
}
.oneLineArea label{
    min-width: 100px;
    margin: 0;
}
.filterAssessor {
    padding: 0 12px 0 0;
}
.protocolResultcol {
    position: absolute;
    right: 0;
    top: 5px;
    color: #0F33E7;
    font-weight: 500;
}
.contactMethodInputCls .select2 {
    width: 100% !important;
}
.lowMargin {
    margin: 0 0 4px;
}
.lowMarginWithLabel label{
    margin: 0;
}
.imageSliderMian {
    text-align: center;
    height: 380px;
    position: relative;
}
.imageSliderMian img {
    display: inline-block !important;
    max-width: 100%;
    max-height: 380px;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.carousel .carousel-control-next span, .carousel .carousel-control-prev span {
    background-color: #0f33e7;
    height: 40px !important;
    width: 40px !important;
    border-radius: 100%;
    z-index: 1;
    background-size: 15px;
}

.weekday.view {
    opacity: 0.5;
    height: auto;
    padding: 10px;
    min-height: 40px;
}
.reactivateIcon {
    color: green;
    cursor: pointer;
}

/*Attachment Modal - Start*/

.attachMain {
    display: inline-block;
    width: 100%;
}
.attachmentModal .modal-dialog{
    max-width: 960px;
}
.attachmentModal .modal-body{
    padding-bottom: 15px;
}
.attachmentInner {
    max-height: 500px;
    overflow: auto;
    display: inline-block;
    width: 100%;
}
.attachmentInner table th, .attachmentInner table td {
    min-width: 155px;
    vertical-align: top;
    border: 1px solid #e7e7e7;
    padding: 10px 15px;
    font-size: 14px;
}
.attachmentInner table .descp {
    width: 265px;
}
.attachmentInner table .action i {
    margin: 0 8px 0 0;
}
.attachmentInner table .action {
    width: 120px !important;
    min-width: 120px !important;
    color: #0F33E7;
}
.attachmentInner table th.action {
    color: inherit;
}
.attachmentInner table .action a {
    color: inherit;
}
.attachmentInner table{
    width: 100%;
}
.actiontext span {
    color: #0F33E7 !important;
    margin: 0 0 0 3px;
}

/*Attachment Modal - End*/

/*Add Attachment Page - Start*/

.uploadFileCover button {
    padding: 9px 10px;
    color: #FFF;
    background-color: #0F33E7;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.uploadFileCover button:hover {
  background-color: #0F33E7;
}

.uploadFileCover .fileNameTxt {
    margin-left: 10px;
    font-family: sans-serif;
    color: #aaa;
    font-size: 13px;
}
.addAttachmentCover .formFooter {
    padding: 5px 0 0;
    margin: 0;
    border: 0;
}

span.badgenew {
    border: 1px solid #DDD;
    padding: 4px;
    border-radius: 4px;
    margin-right: 4px;
}
/*Add Attachment Page - End*/

/* Share assessment popup - start */

.advanceShareModal .custom-control {
    padding-top: 5px;
    padding-bottom: 5px;
}
.advanceShareModal li {
    padding: 10px 0;
    color: #666;
    border-bottom: 1px solid #f3f3f3;
    font-size: 13px;
}
.advanceShareModal li:last-child {
    border-bottom: 0;
}
.advanceShareModal ul {
    list-style: none;
}
.advSharingBtn {
    -webkit-appearance: none;
    appearance: none;
    height: 35px;
    font-weight: 600;
    color: #0F33E7;
    text-align: center;
    line-height: 35px;
    padding: 0 20px;
    padding-right: 20px;
    border-radius: 5px;
    background: none;
    border: 1px solid #0F33E7;
}
.yesGreen{
    font-weight: 600 !important;
    color: #008000 !important;
}
.noRed{
    font-weight: 600 !important;
    color: #ff0000 !important;
}
/* Share assessment popup - end */

/*Top Buttons Area*/
.filterByTxt {
    margin-top: 4px;
}
.auditLogsFilter {
    display: flex !important;
}
.advSharingLabel {
    width: 100%;
    display: flex;
    padding: 5px 0 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px !important;
}
.alignItems {
    align-items: center;
}
.paddingCover {
    padding-top: 36px !important;
}
.addContact.paddingCover button {
    min-height: 40px;
}
.removeContact.paddingCover a {
    height: 40px !important;
    text-align: center;
    display: inline-block;
}
.removeContact.paddingCover a svg {
    margin: 0;
}
.timeInputCls.paddingCover {
    padding-right: 0 !important;
    max-width: 100px;
}
.max-w-100{
    max-width: 100px;
}
.max-w-110{
    max-width: 110px;
}
.max-w-150{
    max-width: 150px;
}
.max-w-250 {
    max-width: 250px;
}
/* .timeInputCls.addContact.paddingCover {
    max-width: inherit;
} */
.contactMethodCls .error-message {
    line-height: 14px;
}

.contactMethodInputCls.alignItems {
    align-items: flex-start;
}

.timeInputCls.addContact.paddingCover {
    max-width: inherit;
    padding-top: 28px !important;
}
.removeContact.paddingCover {
    padding-top: 28px !important;
}
.topDetailFlow li {
    width: 33% !important;
    padding: 8px 15px !important;
}
.topDetailFlow li .doubleDetail {
    width: 100% !important;
}
.addToggleBtn {
    font-size: 13px;
    padding: 0;
    font-weight: 500;
}
.addToggleBtn:hover {
    color: #007bff;
}
.addToggleBtn i {
    margin: 0 0 0 5px;
}
.topDetailFlow {
    padding: 0 !important;
}
#accordionAssessmentDetail .card-header {
    padding: 5px 0px;
}
.logAttachmentDetailMain .container-fluid {
    padding: 0 15px;
}
.logAttachmentDetailMain .add-assment-title {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

.assessorRepeater:not(:last-child) {
    padding-bottom: 1rem;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 1.5rem;
  }
  
/* Add Animal Assessment */
.font-weight-medium{font-weight: 500 !important;}
.font-weight-semi{font-weight: 600 !important;}
.fs-10{font-size: 10px !important;}
.fs-11{font-size: 11px !important;}
.fs-12{font-size: 12px !important;}
.fs-13{font-size: 13px !important;}
.fs-14{font-size: 14px !important;}
.fs-15{font-size: 15px !important;}
.fs-17{font-size: 17px !important;}
.fs-18{font-size: 18px !important;}
.fs-20{font-size: 20px !important;}
.fs-22{font-size: 22px !important;}
.fs-25{font-size: 25px !important;}
.fs-30{font-size: 30px !important;}
.mw-300{max-width: 300px !important;}
.mw100{min-width: 100px !important;}
.mw-1{min-width: 1px !important;}
.lh-normal{line-height: normal !important;}
.lh-sm{line-height: 1 !important;}
.forsetiTbleBorder {font-size: 13px;}
.forsetiTbleBorder .table-bordered th, .forsetiTbleBorder .table-bordered td {border-color: #D6D6D6;line-height: normal;}
.forsetiTbleBorder .table-bordered th {background-color: #DCE5EE;border-bottom: 1px solid #D6D6D6;}
.forsetiTbleBorder .table th {padding: 8px 20px;}
.forsetiTbleBorder .table td {padding: 6px 20px;font-weight: 500;vertical-align: middle;}
.animalAssQues .add-assment-resonse-first textarea {max-width: 490px !important;}
.animalAssQues .add-assment-resonse-first {margin-bottom: 8px;padding-bottom: 16px;}
.animalAssQues .add-assment-resonse-text{vertical-align: text-top;}
.animalAssQues .add-assment-resonse-input-cover .input.radio{display: flex;}
.forsetiFileUpload {height: 40px;}
.forsetiFileUpload .custom-file-label {background: transparent;border: 0;margin: 0;padding: 9px 9px 9px 113px;display: block;align-items: center;pointer-events: none;color: #aaa;font-size: 13px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-family: sans-serif;}
.forsetiFileUpload .custom-file-label::after {right: auto;left: 0;top: 0;content: "Choose a file";background-color: #f1f1f1;width: 100px;padding: 0;color: #000;border-radius: 5px;cursor: pointer;height: 40px;display: flex;align-items: center;justify-content: center;border: 0;font-family:'Avenir Next LT Pro', sans-serif;}
.forsetiFileUpload .custom-file-input:hover ~ .custom-file-label::after {background-color: #e3e3e3;}
.forsetiFileUpload .custom-file-input {width: 100px;height: 40px;}

.formListPage li.editDeactivate {min-width: 90px;}
.labelLeftIcon{min-width: 30px;}
.linkBlockArea {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.forsetiDropdown {margin: -2px 0 0;background-color: #DCEDFF;border-color: #DCEDFF;box-shadow: 0 7px 10px rgba(14, 109, 203, .26);border-radius: 5px;}
.forsetiDropdown .dropdown-item {font-weight: 600; font-size: 13px;padding: 6px 14px;line-height: normal;color: #000000;}
.forsetiDropdown::before {content: "";border-right: 7px solid transparent; border-left: 7px solid transparent;border-bottom: 11px solid #DCEDFF; position: absolute; top: -12px;right: 10px; z-index: 1;}
.dropdown-item.active, .dropdown-item:active{background-color: #FFF;border-color: #FFF;color: #000000;}
.mw-inherit{min-width: inherit !important;}
.mh-17{max-height: 17px !important;}
.mr-10{margin-right: 10px !important;}
.threeColumnTemplate.bottom3columns.bottom3columnsOneRow>ul>li {width: auto !important; min-width: auto !important; flex: 0 0 auto !important;padding: 0.35rem 1.2rem !important;}
.radioW120 .radio .radio{width: 120px !important;}
.forsetiListing li {padding: 10px 8px;font-size: 13px;font-weight: 600;border-bottom: 1px solid #EEEEEE;}
.forsetiListing li:last-child {border-bottom: 0;}
.templateColumnAuto.bottom3columns>ul>li {min-width: 270px;max-width: 270px;width: 100% !important;}
.accordionLink ~ span .accordionIcon {transform: rotate(180deg);transition: all .5s ease;}
.accordionLink[aria-expanded="true"] ~ span .accordionIcon {transform: rotate(0deg);}
.forsetiTableCondensed .table th, .forsetiTableCondensed .table td {border-top-color: #D9D9D9;border-bottom-color: #D9D9D9;padding-left: 20px;padding-right: 20px;color: #000000;}
.forsetiTableCondensed .table tr:last-child td {border-bottom: 1px solid #D9D9D9;}
.bgHeading {background-color: #F9FCFF;padding: 11px;border-top: 1px solid #E5E5E5;color: #000000;}
.multi-collapse .accordionLink {color: #0F33E7;border-color: #D9D9D9 !important;width: 90px;height: 25px;border-radius: 6px 6px 0 0;}
.actionLinks {padding-right: 12px;}

/* Chrome, Safari, Edge, Opera */
.forsetiTbleBorder input::-webkit-outer-spin-button,
.forsetiTbleBorder input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* Firefox */
.forsetiTbleBorder input[type=number] {-moz-appearance: textfield;}

/*Flow 2 Design Style*/
.gx-0{margin-left: 0 !important;margin-right: 0 !important;}
.gx-0 > div[class*="col"]{padding-left: 0 !important;padding-right: 0 !important;}
.forsetiPageTabMenu {padding-left: 6px;width: 250px;}
.forsetiPageTabMenu .nav-link {border-radius: 5rem 0 0 5rem; min-height: 35px;color: #000000;margin-top: 6px;line-height: normal;display: inline-flex;}
.forsetiPageTabMenu.nav-pills .nav-link.active, .forsetiPageTabMenu.nav-pills .show > .nav-link {background-color: #E7EFF8;color: #000000;font-weight: 600;}
.forsetiPageTabMenu.nav-pills .nav-link:not(.active):hover {color: #0F33E7;}
.mw110AndAuto.radioBtns .radio .radio{width: auto !important;min-width: 110px;padding-right: 2rem;}
.supplementalAQues .add-assment-resonse-first {padding-top: 0;}
.supplementalAQues .add-assment-resonse-que-num{top: 2px;}
.supplementalAQues .add-assment-resonse-text{vertical-align: text-top;}

/* 2 Step Verification */
.gx-10{margin-left: -10px;margin-right: -10px;}
.gx-10 > div[class*="col"]{padding-left: 10px;padding-right: 10px;}
.two-step-div .inputInner{border: 1px solid #E8E8E8;}
.two-step-div .form-control {height: 70px; color: #000;}

.checkBoxInline .checkbox {
    display: inline-block;
    margin-right: 1.5em;
}

/* Condition Page CSS*/
.forsetiBg{
    background-color: #DCE5EE;
}
.conditionsRepeatChild:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
}

.maxWidthInherit {
    max-width: inherit !important;
}

.orSeperator {
    position: relative;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.orSeperator span {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 14px;
    font-weight: 600;
    transform: translate(-50%, -50%);
    background-color: #FFF;
    padding: 5px 10px;
}

.customEmbedCanvas {
    position: relative;
    padding-top: 96.40%;
}

.customEmbedCanvas > .canvas-container,
.customEmbedCanvas > .canvas-container > canvas {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Map Form Fields Table */
.mapFormFieldMain tr td:first-child, .mapFormFieldMain tr th:first-child {
    padding-left: 30px;
}

.mapFormFieldMain tr td:last-child, .mapFormFieldMain tr th:last-child {
    text-align: center;
}

.mapFormFieldMain tr td, .mapFormFieldMain tr th {
    vertical-align: middle;
}

.mapFormFieldMain tr th {
    white-space: nowrap;
    border-bottom: 1px solid #E5E5E5;
    padding-top: 15px;
    padding-bottom: 15px;
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2;
}

.mapFormFieldMain thead {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 0 0 1px #E5E5E5;
}

.mapFormFieldMain tr td {
    padding-top: 9px;
    padding-bottom: 9px;
}

.mapFormFieldMain .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

.mapFormFieldMain .select2-container .select2-selection--single {
    font-weight: normal;
}
.singleSelectDropdown .select2-results__option::before {
    display: none !important;
}
.mapFormFieldMain {
    margin: 0 -30px;
}
.mapFormFieldMain > h6 {
    padding-left: 30px;
}

.mapFormFieldMain .mapFormFieldTable {
    max-height: 280px;
}

.mw-20{min-width: 20px;}
.titleWithBtns .searchBarBox {
    margin-right: 0;
    padding: 0;
}
.titleWithBtns .searchBarBox .searchBoxContent .form-control {
    font-size: 13px;
    height: 35px;
}
.titleWithBtns .searchBarBox .searchBoxContent .searchBoxIcon {
    left: 14px;
    top: 9px;
}

.assessment_question_radio_option{
    width: 30% !important;
}

.text-alignment {
    padding-top: 10px !important;
}

.ds-file-element{
    min-width: 100px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    margin-right:10px;
    margin-bottom: 15px;
}
.ds-delete-file{
    border-left:1px solid #ccc;
    padding-left: 10px;
    cursor: pointer;
}
.ds-file-name-link{
    text-decoration: none;
    color:#000 !important;
}
.ds-file-name{
    padding-right: 10px;
}
.text-enclose {
    inline-size: 300px !important;
}

/* Add Log changes */
.theme-log-content-full img[id*="body_canvas"] {max-width: 100%;height: auto;}
.numberCls{padding-top: 36px;}

.dropdown-menu-right  .daterangepicker.opensright::before {
    left: auto;
    right: 9px;
}

.dropdown-menu-right .daterangepicker.opensright::after {
    left: auto;
    right: 10px;
}

.daterangepicker .ranges li a {
    color: #212529;
    font-weight: normal;
}

.daterangepicker, .base-font-family {
    font-family: 'Avenir Next LT Pro', sans-serif !important;
}

.alertListingLabelCls{
    background-color: rgba(246, 197, 99, 0.22);
    color: #646472;
}

.control-with-text {
    line-height: 3.5;
}

.map-type-radio.radioW120 .radio .radio{
    width: 15% !important;
    vertical-align: top;
}

.btnBasic:disabled, .btnBasic[disabled] {
    opacity: 0.6;
}

.step-number {
    color: #7A7A7A;
    font-size: 12px;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.step-title {
    font-size: 14px;
    color: #000000;
}
div.active .step-number {
    color: #000000;
}
div.active .step-title {
    font-size: 14px;
    color: #0F33E7;
}
.api-permission-add.radioW120 .radio .radio{
    width: 50% !important;
    vertical-align: top;
}
.api-permission-add.radioW120 .radio .radio .col-xl-6{
    max-width: 100% !important;
}
.api-permission-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view-label {
    color: #000;
    opacity: 0.5;
    font-size: 14px;
}

.view-info {
    color: #000;
    font-size: 16px;
    margin-top: 2px;
}
/* Remove password eye icon for all browsers */
input[type="password"]::-webkit-contacts-auto-fill-button,
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none !important;
}

/*New dropdown*/
.newDropdown li a {
    background: #0f33e7;
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    font-size: 13px;
    width: auto;
    box-shadow: 0px 7px 10px rgba(14, 109, 203, 0.26);
}

.newDropdown {
    min-width: 200px !important;
    left: 0px !important;
}

.newDropdown .filter_btn {
    padding: 1px 0 8px !important;
}

.newDropdown .opensright {
    padding: 12px;
}

.newDropdown .filter_btn:last-child {
    padding-bottom: 0 !important;
}
.newDropdown .ranges {
    width: 100%;
}

.newDropdown .ranges ul {
    margin: 0;
    width: 100%;
}

.dashboardOptionButtons {
    display: inline-block;
    width: auto;
}

.dashboardOptionButtons .dropdownAsDatePicker {
    display: inline-block;
    width: auto;
    margin: 0 0 0 10px;
}

.dashboardOptionButtons .dropdownAsDatePicker button {
    display: flex;
    align-items: center;
}

.dashboardOptionButtons .dropdownAsDatePicker button svg {
    margin: 0 6px 0 0;
}
.dashboardOptionButtons .dropdownAsDatePicker button .buttonIco {
    display: flex;
    align-items: center;
}
.dashboardOptionButtons .daterangepicker .ranges li:hover {
    background: none;
}
.dashboardOptionButtons .daterangepicker:before, .dashboardOptionButtons .daterangepicker:after{
    display: none;
}
.attachmentCls{
    font-size: 16px !important;
    color: #1133e7;
}
/*New dropdown*/

.cal-input-group .input-group-append {
    z-index: 99;
}

.control-datetimepicker.cal-input-group .input-group-append {
    top: -14px;
}

pre {
    font-family: 'Avenir Next LT Pro', sans-serif !important; 
    font-size: 14px !important;
}

.radio-w-13{
    width: 13% !important;
}

.disabled-input{
    opacity: 0.5;
}

.theme-text-color{
    color:#0F33E7 !important;
}
.pendingedit{
    padding: 2px 8px;
    background-color: #FFFF00;
}


.infoIcon{
    right: 0;
    padding: 2px 10px;
}

.pr-34{
    padding-right: 34px !important;
}


/*Auto adjustable contact fields CSS*/
.contactMethodCls .row.alignItems,
.viewContactMethodCls .row.alignItems {
    padding-left: 1.55rem;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1.25rem;
}
.contactMethodCls .row.alignItems .custom-checkbox,
.viewContactMethodCls .row.alignItems .custom-checkbox{
    margin-top: 0;
}
.contactMethodCls .row.alignItems .col-md-1.timeInputCls,
.viewContactMethodCls .row.alignItems .col-md-1.timeInputCls,
.contactMethodCls .row.alignItems .col-md-2.timeInputCls:not(.removeContact, .addContact),
.viewContactMethodCls .row.alignItems .col-md-2.timeInputCls:not(.removeContact, .addContact) {
    min-width: 100px;
    max-width: 100px;
}
.contactMethodCls .row.alignItems .addContact,
.viewContactMethodCls .row.alignItems .addContact {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    min-width: inherit;
    padding-right: 10px !important;
}

.contactMethodCls .row.alignItems .addContact .btnBasic, 
.contactMethodCls .row.alignItems .removeContact .btnBasic,
.viewContactMethodCls .row.alignItems .addContact .btnBasic, 
.viewContactMethodCls .row.alignItems .removeContact .btnBasic {
    margin-left: 0;
    margin-bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
}
.contactMethodCls .row.alignItems .addContact .btnBasic,
.viewContactMethodCls .row.alignItems .addContact .btnBasic{    
    line-height: normal;
}
.contactMethodCls .row.alignItems .col-md-3.timeInputCls, 
.contactMethodCls .row.alignItems .col-md-5.timeInputCls,
.viewContactMethodCls .row.alignItems .col-md-3.timeInputCls, 
.viewContactMethodCls .row.alignItems .col-md-5.timeInputCls {min-width: 270px;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}

.contactMethodCls .row.alignItems .timeInputCls.removeContact,
.viewContactMethodCls .row.alignItems .timeInputCls.removeContact {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    min-width: inherit;
    padding-right: 10px !important;
}

.contactMethodCls .row.alignItems > .col-md-3:first-child,
.viewContactMethodCls .row.alignItems > .col-md-3:first-child {
    min-width: 300px;
}
/*End of auto adjustable contact fields CSS*/

/*Pre description form CSS*/
.control-with-text-cover {
    white-space: normal;
    padding: 0;
    line-height: 2.25;
}
.addForm .control-with-text-cover .form-control {
    background-color: transparent;
    border-bottom: 1px solid #7e7e7e;
    border-radius: 0;
    height: 30px;
}
.addForm .control-with-text-cover .control-datetimepicker .form-control[readonly]{
    opacity: 1;
    cursor: pointer;
}

.control-with-text-cover .control-datetimepicker.cal-input-group .input-group-append {
    top: -8px;
    pointer-events: none;
}
.control-with-text-cover .control-datetimepicker.cal-input-group .input-group-append .input-group-text {
    background: transparent;
}
/*End of pre description form CSS*/
.responsive-image-section > .input.text{
    padding: 0;
}
.add-log-auto-adjust{
    min-width: 320px;
}
.body-mark-content-auto-adjust{
    min-width: 250px;
}
.gap-8{
    gap: 8px;
}
.gap-16{
    gap: 16px;
}
.w-150{
    width: 150px;
}
.min-w-220{
    min-width: 220px;
}
.max-w-180{
    max-width: 180px;
}
.px-18{
    padding-left: 18px;
    padding-right: 18px;
}
.min-h-40{
    min-height: 40px;
}
/*Auto width radio boxes*/
.radioBtns-autowidth .radioBtns .radio .radio {
    width: auto;
    margin-right: 1rem;
}
.radioBtns-autowidth .radioBtns .radio .radio > label {
    margin: 0;
}
.radioBtns-autowidth .input.radio {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
/*End of auto width radio boxes*/


.flexMain {
    display: flex;
    align-items: center;
}

.flexRight {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-assment-title:not(:first-child) {
    margin-top: 25px;
    margin-bottom: 25px;
}
.selectMulti .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 0;
}
.selectMulti  ul.select2-selection__rendered {
    display: flex !important;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.readOnlyNormal input {
    background: #f1f1f1;
    opacity: 9 !important;
}span.copyIco {
    position: absolute;
    right: -40px;
    bottom: 10px;
    cursor: pointer;
}

.switchCover {
    display: flex;
    align-items: center;
}

.switchCover label {
    margin: 6px 8px 0 0;
}

.switchCover .custom-switch {
    padding-top: 0 !important;
}

.btnGray.blueColor {
    background: #0f33e7;
}


.verify-cell-container{
    display: block !important;
}
.verify-cell-container button{
    border: 1px solid #0F33E7 !important;
    background: #0F33E7 !important;
    border-radius: 0px 5px 5px 0px !important;
    padding-left: 10px;
    padding-right: 10px;
}
#editCellBtn{
    color:#0F33E7 !important;
    cursor: pointer;
}
#removeCellBtn{
    color:red !important;
    cursor: pointer;
}
#cancelEditCellBtn{
    color:red !important;
    cursor: pointer;
}

a.viewBtn.disabled {
    opacity: 50%;
}

.deleteeveryone{
    display: block;
    margin: 0;
    padding: 0 0px 0px 30px;
    color: red;
}

a.viewBtn.disabled {
    opacity: 50%;
}

.textcapitlize{
    text-transform: uppercase;
}

.deleteounit{
    display: block;
    margin: 0;
    padding: 0 0px 0px 30px;
    color: red;
}

.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: transparent;
}
.select2-container .select2-search--inline .select2-search__field{
    margin-top: 10px;
    margin-left: 12px;
}

.alert-secondary-custom{
    right: 6px;
    top: 0px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.max-w-500{max-width:500px}
.btn-outline-blue {
    color: #0f33e7;
    border-color: #0f33e7;
}
.btn-outline-blue:hover,.btn-outline-blue:focus {
    color: #fff;
    border-color: #0f33e7;
    background-color: #0f33e7;
}
.ounitFilter .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border-left: 1px solid #E5E5E5;
    display: flex;
    padding-bottom: 0;
    padding-left: 33px;
    width:200px;
    cursor: pointer;
}

.ounitFilter .select2-search__field:placeholder{
    color:#000;
}

.ounitFilter .select2-search__field::-webkit-input-placeholder { 
    color:#000;
}

.ounitFilter .select2-search__field:-ms-input-placeholder { 
    color:#000;
}

.ounitFilter.checkMultiSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    margin: 0;
}
.ounitFilter .select2-container { width:100% !important; }
.ounitFilter .fa-filter{
    z-index: 1;
    pointer-events: none;
    top: 14px;
    left: 0;
}
.ounitFilter em.fas.fa-chevron-down.fs-10.position-absolute {
    right: 10px;
    top: 17px;
    pointer-events: none;
}
.ounitFilter .select2-container .select2-search--inline .select2-search__field{
    margin-left: 0; 
    cursor: pointer;   
}
.ounitFilter .checkbox input {
    opacity: 2;
}
.ounitFilter .dropdown-toggle::after{
    display: none;
}

/* Custom Multiselect Start */
.custom-multiselect .multiselect {background:#FFF; border-radius:0 10px 10px 0; border-width:0 0 0 1px; min-height:41px; font-size:13px; text-align:left; z-index:0 !important; padding: 10px 1.5rem 8px 2rem !important; color: #000;font-weight: 500;}
.custom-multiselect .multiselect span:last-of-type{display: block !important;}
.custom-multiselect .multiselect-container {box-shadow:0 3px 6px 3px rgba(0, 0, 0, .16); border-color:#ced4da; max-height:200px; overflow:auto; font-size:13px; padding-top:0;}
.custom-multiselect .multiselect-container li a {display:block;}
.custom-multiselect .multiselect-container li a .checkbox {margin:0; font-weight:normal; display:flex; align-items:center; padding:6px 12px; position:relative; cursor:pointer;}
.custom-multiselect .multiselect-container li a .checkbox input[type="checkbox"] {opacity:0; position:absolute; top:0; left:0; width:0; height:0; z-index:-1;}
.custom-multiselect .multiselect-container li a .checkbox::before {content:""; display:block; height:20px; width:20px; border:1px solid #B6B6C6; border-radius:4px; background-color:#fff; margin-right:10px; margin-top:-1px;}
.custom-multiselect .multiselect-container li a .checkbox:has(input:checked)::before {background-color:#0F33E7; border:0; background-position:center; background-size:10px; background-repeat:no-repeat;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}
.custom-multiselect .multiselect-container .multiselect-item.filter {position:sticky; top:0; background:#FFF; z-index:9; padding:.5rem .75rem;}
.custom-multiselect .multiselect-container .multiselect-item .input-group .input-group-addon {display:none;}
.custom-multiselect .multiselect-container .multiselect-item .input-group .form-control {background-color:#f1f1f1; border:0; border-radius:5px; font-size:13px; font-weight:500; color:#000000;}
.custom-multiselect .multiselect-container .multiselect-item .input-group .input-group-btn {position:absolute; top:0; right:0; height:100%;display: none;}
.custom-multiselect .multiselect-container .multiselect-item .input-group .input-group-btn .multiselect-clear-filter {height:100%; border:0; background:transparent; display:flex; align-items:center; justify-content:center;}
.custom-multiselect .multiselect-container .multiselect-item .input-group .input-group-btn .multiselect-clear-filter .glyphicon-remove-circle {width:12px; display:block; height:2px; background-color:#939ba2; transform:rotate(45deg); position:relative;}
.custom-multiselect .multiselect-container .multiselect-item .input-group .input-group-btn .multiselect-clear-filter .glyphicon-remove-circle::before {content:""; width:12px; height:2px; background:#939ba2; transform:rotate(90deg); display:block;}
/* End of Custom Multiselect */

/* Data Table */
.min-w-60{min-width: 60px;}
.text-black-color{color: #000;}
.rounded-10{border-radius: 10px;}
.rounded-5px{border-radius: 5px;}
.w-20{width: 20px;}
.h-20{height: 20px;}
.w-31{width: 31px;}
.h-31{height: 31px;}
.w-50px{width: 50px;}
.h-50px{height: 50px;}
.lh-md{line-height: 1.25;}
.opacity-50{opacity: .50;}
.opacity-100{opacity: 1;}
.common-data-table-cover {font-size:14px;}
.common-data-table-cover .sorting::after,.common-data-table-cover .sorting::before,.common-data-table-cover .sorting_disabled::before,.common-data-table-cover .sorting_disabled::after{display:none !important}
.common-data-table-cover .sorting_disabled .sorting-arrows, .common-data-table-cover .serial-number-column .sorting-arrows{display: none;}
.common-data-table-cover .sorting .sorting-cover .sorting-arrows, .common-data-table-cover .sorting_asc .sorting-cover .sorting-arrows, .common-data-table-cover .sorting_desc .sorting-cover .sorting-arrows {color:#E3E1E1;}
.common-data-table-cover .sorting_asc .sorting-cover .sorting-arrows .sorting-asc, .common-data-table-cover .sorting_desc .sorting-cover .sorting-arrows .sorting-desc {color:#858585;}
.common-data-table-cover .top, .common-data-table-cover .bottom {padding: 1rem;float: left;width: 100%;}
.common-data-table-cover .top label{margin: 0;font-weight: normal;font-size:13px;}
.common-data-table-cover .top select, .common-data-table-cover .top input {height:40px; border-color:#E8E8E8; border-radius:5px; font-size:13px;}
.common-data-table-cover .top input{margin-left: 8px;padding-left: 12px;width: 300px; max-width: 100%;}
.common-data-table-cover .top select {-webkit-appearance:none; appearance:none; padding-left:8px; margin-right: 8px; background-image:url('../img/arrowDown.png'); background-position:right 14px center; background-repeat:no-repeat; background-size:10px; line-height:1.1; padding-right:30px;}
.common-data-table-cover table.dataTable thead th, .common-data-table-cover table.dataTable thead td, .common-data-table-cover table.dataTable.no-footer, .common-data-table-cover .dataTables_wrapper.no-footer .dataTables_scrollBody {border-color:#E8E8E8;}
.common-data-table-cover table.dataTable thead th, .common-data-table-cover table.dataTable thead td, .common-data-table-cover table.dataTable tbody th, .common-data-table-cover table.dataTable tbody td {padding:11px 8px;}
.common-data-table-cover table.dataTable thead th.serial-number-column, .common-data-table-cover table.dataTable tbody td.serial-number-column{padding-right: 0;}
.common-data-table-cover .table-striped tbody tr:nth-of-type(odd) {background-color:#FFF;}
.common-data-table-cover .table-striped tbody tr:nth-of-type(even) {background-color:#FBFBFF;}
.common-data-table-cover .bottom {padding-top:1.5rem; padding-bottom:1.5rem;}
.common-data-table-cover .dataTables_wrapper .dataTables_paginate .paginate_button {font-size:13px; min-width:24px; padding:2.25px; color:#717B85 !important; border-radius:3px; border:0; margin-left:1.25rem;}
.common-data-table-cover .dataTables_wrapper .dataTables_paginate .paginate_button.current, .common-data-table-cover .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background:#0F33E7; color:#FFF !important;  border:0;}
.common-data-table-cover .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .common-data-table-cover .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .common-data-table-cover .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { opacity:.5; pointer-events:none;}
.common-data-table-cover .dataTables_wrapper .dataTables_paginate .paginate_button:hover {border:0; background:#717B85;color: #FFF !important; }
.common-data-table-cover .bottom .dataTables_info {padding-top:4px;font-size: 13px;}
.common-data-table-cover .dataTables_wrapper .dataTables_length, .common-data-table-cover .dataTables_wrapper .dataTables_filter, .common-data-table-cover .dataTables_wrapper .dataTables_info, .common-data-table-cover .dataTables_wrapper .dataTables_processing, .common-data-table-cover .dataTables_wrapper .dataTables_paginate, .common-data-table-cover .table{color:#000;}
.common-data-table-cover .top input[type="search"]::-webkit-search-decoration, .common-data-table-cover .top input[type="search"]::-webkit-search-cancel-button, .common-data-table-cover .top input[type="search"]::-webkit-search-results-button, .common-data-table-cover .top input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}
/* End of Data Table */

/* KPI Board Dashboard */
:root{
    --custom-primary: #0F33E7;
    --custom-success: #248A0B;
    --custom-danger: #D92A52;
    --custom-gray : #717B85;
    --custom-blue : #0095FF;
    --custom-blue-subtle : #D6EEFF;
    --custom-light-blue : #28C4E3;
    --custom-pink: #FA5A7D;
    --custom-dark-pink: #E617EA;
    --custom-pink-subtle: #FFE2E5;
    --custom-light-green: #3CD856;
    --custom-light-green-subtle: #DCFCE7;
    --custom-light-brown: #FF947A;
    --custom-light-brown-subtle: #FFF4DE;
    --custom-green: #00E096;
    --custom-dark-sky: #22D2A9;
    --custom-orange: #FFA800;
    --custom-purple: #612ACB;
    --custom-light-purple: #5E76ED;
    --custom-dark-purple: #BF83FF;
    --custom-light-yellow: #FFCF00;
    --custom-dark-yellow: #D3990C;
}
.text-custom-gray {color:var(--custom-gray);}
.text-custom-blue {color:var(--custom-blue);}
.text-custom-pink {color:var(--custom-pink);}
.text-custom-light-green {color:var(--custom-light-green);}
.text-custom-light-brown {color:var(--custom-light-brown);}
.text-custom-green {color:var(--custom-green);}
.bg-custom-blue {background-color:var(--custom-blue);}
.bg-custom-blue-subtle {background-color:var(--custom-blue-subtle);}
.bg-custom-pink {background-color:var(--custom-pink);}
.bg-custom-pink-subtle {background-color:var(--custom-pink-subtle);}
.bg-custom-light-green {background-color:var(--custom-light-green);}
.bg-custom-light-green-subtle {background-color:var(--custom-light-green-subtle);}
.bg-custom-light-brown {background-color:var(--custom-light-brown);}
.bg-custom-light-brown-subtle {background-color:var(--custom-light-brown-subtle);}
.bg-custom-green {background-color:var(--custom-green);}
.bg-custom-orange {background-color:var(--custom-orange);}
.bg-custom-purple {background-color:var(--custom-purple);}
.bg-custom-dark-purple {background-color:var(--custom-dark-purple);}
.bg-custom-light-purple {background-color:var(--custom-light-purple);}
.bg-custom-light-blue {background-color:var(--custom-light-blue);}
.bg-custom-yellow {background-color:var(--custom-yellow);}

/* Draggable Items Layout */
.gutter-sizer{width: 1.33%;}
.grid-item {width: 49%;}
.grid-item-half, .grid-sizer {width: 24%}
.grid-item--width2{width: 100%}
.grid-item.is-dragging,.grid-item.is-positioning-post-drag {background: #EA0; z-index: 2;}
.packery-drop-placeholder {outline: 2px dashed #444;outline-offset: -4px; -webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;}
.toggle-icon{cursor: pointer;}
/* End of KPI Board Dashboard */

.table-layout-fixed{table-layout: fixed;}
.map-reload{
    z-index: 1;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Responsive CSS*/
@media (min-width: 1200px) {
.image-section-theme ul.list-inline.Upload-Suspect-img {
    max-width: 320px;
}
}
@media (max-width: 1899px) {
.addForm label {
    font-size: 12px;
}
.addContact.paddingCover button {
    padding: 0 8px;
}
}

@media (max-width: 1888px) {
    ul.list-inline.Upload-Suspect-img {
         max-width: 320px; 
    }

}

@media (max-width: 1536px) {
    
    /*Top Buttons Area*/
    .filterByTxt {
        margin: 2px 0 0;
    }

    .titleBtnsRight .addForm {
        margin-left: 0px !important;
    }
    .titleBtnsRight .filterAssessor {
        padding: 0 !important;
    }
    .titleBtnsRight .addForm label {
        margin-right: 5px;
        margin-left: 5px !important
    }
    ul.titleBtnsRight {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }

    ul.titleBtnsRight>li {
        margin: 0 0 10px;
    }
    .titleWithBtns {
        align-items: start;
    }

}

@media (min-width: 1500px) {
    .filter-style-2 .FilterInnerDiv{display: block !important;}
    /* .new-dropdown .dropdown-toggle{width: 123px;} */

}

@media (max-width: 1499px) {
.short-text{
    width: 44%;
}    
.new-dropdown{
    margin-left: 0;
}
.header-search-bar .form-control{
    width: 100%;
}
.head-short-select .form-control{
    width: 100%;
}
.filterBtn.filter-2{display: inline-block;}
.filter-style-2{position:relative;display:inline-block;}
.filter-style-2 .FilterInnerDiv{display: none;}
.filter-style-2 .assessment_custom{position:absolute;z-index:9; left:0; top:100%;background-color:#FFF; border:1px solid #E5E5E5;  border-radius:4px; padding:10px 5px; margin-top:10px; width:260px; display:flex; flex-wrap:wrap; box-shadow: 0px 5px 20px rgba(0, 0, 0, .25); }
.filter-style-2 .assessment_custom:before{content:"";position:absolute;top:-8px;left:12px;border-bottom:solid 8px #b6b6c6;border-left:solid 6px transparent;border-right:solid 6px transparent;}
.filter-style-2 .assessment_custom .input.select{width:100%;}
.filter-style-2 .assessment_custom li{width:100%;margin-bottom:7px;}
.filter-style-2 .assessment_custom li.audit-search{width:100%;margin-top:5px;}
.filter-style-2 .assessment_custom li.audit-search .form-control{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:inherit;}
.filter-style-2 .assessment_custom li.audit-search .themeBtnDark{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
.header-search-bar{margin-left: 0;}
.header-search-bar input{
    width: 100%;
}
.head-short-select select{
    width: 100%;
}
.head-short-select {
    margin-left: 0;
    width: 100%;
}
.s-title {
    margin-right: 8px;
    width: 20%;
}

/* Add Animal Assessment */
.animalAssQues .add-assment-resonse-first .add-assment-resonse-text:not(.add-assment-resonse-textarea) {max-width: 530px;}
.forsetiTbleBorder .table th {padding: 8px 10px;}
.forsetiTbleBorder .table td {padding: 6px 10px;}

}




@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link,
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel,
    .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
        width: 74px;
    }
    .sidebar-mini.sidebar-collapse.layout-fixed .brand-link .brand-image {
        width: 60px;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image,
    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-image {
        margin: 0;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item>.nav-link {
        /* padding-left: 22px; */
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item>.nav-link svg{margin: 0 auto;}
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel {
        margin: 12px 0;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
        float: none;
        /* padding: 12px; */
        padding: 0;
        width: 74px;
        text-align: center;
        display: inline-block;
    }
    .sidebar-mini.sidebar-collapse .sidebar-dark-primary .os-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sidebar-mini.sidebar-collapse .sidebar .user-panel>.info {
        margin-left: 0;
        display: none;
    }

}
@media only screen and (max-width: 1199px) {
    .grid-item {width: 100%;}
    .grid-item-half, .grid-sizer {width: 49%}

    .image-section-theme ul.list-inline.Upload-Suspect-img {
        max-width: 100%;
        width: 100%;
    }
    .default-img-cover{
        width: 125px;
        height: 125px;
    }
    .Upload-Suspect-img li {
        width: 120px;
    }
    .btnCenterinProfile {
        margin-left: 0;
        margin-bottom: 1rem;
    }
    .add-assment-resonse-text{
        width: 60%;
    }
    .complate-ipad{
        width: 81%;
    }

    .pl-below-lg-36{padding-left: 36px;}
    .tab-header  .nav-tabs .nav-link {
        padding-left: .50rem;
        padding-right: .50rem;
    }
}
@media only screen and (max-width: 992px) {
    .default-img-cover{
        width: 125px;
        height: 125px;
    }
    .Upload-Suspect-img li {
        width: 130px;
    }
    .add-assment-resonse-text{
        width: 60%;
    }
    .addPageBlock{
        padding: 20px 20px 30px
    }
    .received_trucate{
        max-width: 140px;
    }
    .complate-ipad{
        width: 80%;
    }
    .main-footer .inCenter {
        position: static;
    }
    .mapFormFieldMain {
        margin: 0 -20px;
    }
    .mapFormFieldMain > h6 {
        padding-left: 20px;
    }
    .mapFormFieldMain tr td:first-child, .mapFormFieldMain tr th:first-child {
        padding-left: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .toolTipCustom {
        position: relative;
        left: 0;
        top: 10px;
        margin-bottom: 4px;
    }

    .toolTipCustom:before {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 10px solid #EAF2FB;
        left: 14px;
        top: -14px;
    }
    .gridWithShareBtn .shareButton.shareButtonStyele2 a,
    .editDeactivate .blackText{
        font-size: 12px;
    }
    .innerRight ul.customRightSidebarBtns .customRightSidebarBtnsIcon{
        margin-right: 4px;
    }
    .add-assment-resonse-text {
        width: 100%;
    }
    .navbar-nav>.user-menu .user-image{
        margin-top: 2px;
    }
    .add-assment-resonse-input-cover{
        float: left;
        padding-left: 33px;
    }
    .btnBasic > span b{display: none;}
    .shared_trucate,.received_trucate {
        max-width: 100px;
        font-size: 11px!important;
        margin-bottom: 3px !important;
    }
    .reduceSpacingForLongDate .selectAll ul{margin-left: 8px;}
    .shared_heading .titleLeft{
        max-width: 200px;
    }
    .pick-image{
        font-size: 11px;
    }
        .custom-file-label::after {
    
            padding: 7px 15px;
        }
        .main-blue{
            width: 32px;
        }
        .conditionsRepeaterMain .main-blue {
            width: 100%;
        }
        .main-blue img{
            max-width: 80%;
        }
    .main-footer span {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .footerCover > a {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 0 0 10px;
    }
    .footerCover .inCenter {
        margin: 0 0 10px;
    }
    .main-footer {
        height: auto;
    }
    .content-wrapper {
        padding-bottom: 80px;
    }
    .assessorRepeater .btnBasic {
        width: 40px;
    }
    .assessorRepeater:not(:last-child) {
        padding-bottom: .25rem;
        margin-bottom: 1rem;
    }

}

@media only screen and (max-width: 600px) {
    .shared_trucate, .received_trucate{
        max-width: 65px;
    }
}
@media only screen and (max-width: 575px) {
    .addAttachmentCover .oneLineArea {
        display: inline-block;
        width: 100%;
    }
    .addAttachmentCover .oneLineArea label {
        margin-bottom: 6px;
    }

    /*New*/
    .titleWithBtns {
        display: inline-block;
        width: 100%;
    }
    .pageTitle {
        padding-left: 22px;
        padding-right: 22px;
        padding-bottom: 8px;
    }
    .titleWithBtns .titleLeft {
        width: 100%;
        margin: 0 0 10px;
        max-width: 100%;
    }
    .titleWithBtns .titleBtnsRight {
        white-space: inherit;
        width: 100%;
        display: inline-block;
        text-align: left !important;
    }
    .titleBtnsRight li {
        width: auto;
        text-align: left !important;
        float: left;
        margin: 0px !important;
    }
    .titleBtnsRight li .ounit_filter.addForm {
        display: inline-block;
        width: 100%;
        padding: 0;
    }
    .titleBtnsRight li .input.select {
        width: 100%;
        margin: 0 0 10px;
    }
    .titleBtnsRight li .select2-container.filterSelect {
        min-width: 100% !important;
    }
    .ounit_filter.addForm label {
        margin: 0 0 5px !important;
    }
    .titleBtnsRight .btnBasic {
        margin: 0 0 10px;
    }
    .leftGrid.leftGridFullWidth {
        padding-right: 0 !important;
    }
    .innerLeft {
        display: inline-block;
        padding: 5px 0 0;
    }
    .eachGridBlock {
        display: inline-block;
    }
    .doubleDetail span {
        width: 100% !important;
        display: inline-block;
        max-width: 100% !important;
    }
    .gridWithShareBtn .innerRight {
        min-width: 100% !important;
    }
    .topRow {
        height: auto !important;
        align-items: flex-start;
    }
    .hartAssessmentsMain .labelLeft label {
        padding-top: 0;
    }
    .deviceType {
        position: static;
    }
    .deviceType + .contentLeft .topRow .labelLeft {
        padding-left: 0;
    }
    .hartAssessmentsMain .contentLeft .bottomTableRow>ul>li {
        width: 50%;
        padding-top: 0;
    }
    .bottom3columns.bottom3columnsOneRow>ul>li:last-child {
        min-width: auto !important;
        flex: auto !important;
    }
    .contentLeft .bottom3columns.bottom3columnsOneRow>ul>li {
        width: 100% !important;
        min-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 6px;
    }
    .bottom3columns.bottom3columnsOneRow>ul {
        display: inline-block !important;
    }
    .bottom3columns>ul {
        padding-bottom: 0;
    }
    #referral_partner_main_div, #shared_ounit_main_div {
        max-height: 470px;
        height: inherit;
    }
    .hartOunitList .contentLeft .bottom3columns>ul>li, .bottom3columns.with4cols>ul>li {
        width: 100% !important;
        padding-bottom: 6px;
    }
    .filterBtn {
        margin: 0px;
    }
    .labelLeft {
        max-width: 80%;
    }
    .FilterMainDiv {
        display: flex !important;
        align-items: center !important;
    }
    .FilterMainDiv .filterBtn {
        margin: 0 0 0 6px;
    }
    .assessmentLogs {
        width: 100%;
    }
    .custom-pagination {
        width: 100%;
        text-align: center;
        display: inline-block !important;
        margin: 10px 0 0;
    }
    .pagination {
        justify-content: center;
    }
    .tableMain {
        width: 100%;
        overflow: auto;
        max-height: 400px;
        white-space: nowrap;
    }
    .add-assment-title {
        margin-top: 10px;
    }
    .customRightSidebarBtns .editDeactivate {
        padding: 0 0 0 15px !important;
        display: inline-block;
        border: 0;
    }
    .labelLeft label {
        padding-top: 10px;
    }
    .searchSectionMain {
        min-height: calc(100vh - 190px);
    }
    .filterSelect{
        width: 100% !important;
    }



}

@media only screen and (max-width: 480px) {
    .add-assment-page .radioBtns .radio .radio{
        width: 100%;
    }
    .add-assment-resonse-text {
        width: 100%;
    }
    .footerCover>a{
        position: static;
    }
    .footerCover>a img{
        width: 120px;
    }
    .add-assment-resonse-input-cover .radioBtns .radio .radio{
        width: 33.33%;
    }
    .modal-footer .btnBasic, .formFooter .btnBasic{
        margin-top: 10px;
    }
    /*New*/
    .filterOptions {
        height: auto;
        display: inline-block;
        padding: 10px 0;
    }
    .filterOptions .selectAll {
        width: 100%;
        justify-content: space-between;
    }
    .filterOptions .forReset {
        justify-content: flex-start;
        padding: 0 10px;
    }
    .filterOptions .filterDate {
        border: 0;
        width: 100%;
    }

    div.hartOuAdminList .bottom3columns>ul>li, .bottom3columns.with4cols>ul>li {
        padding-bottom: 5px !important;
        width: 100% !important;
    }
    .FilterMainDiv .assessment_custom {
        left: auto !important;
        right: 0 !important;
    }
    .FilterMainDiv .assessment_custom:before {
        left: auto !important;
        right: 12px !important;
    }



}

@media only screen and (max-width: 379px) {
    /*New*/
    .topRow {
        display: flex;
        width: 100%;
    }
    .hartAssessmentsMain .labelLeft label {
        max-width: 100%;
    }
    .hartAssessmentsMain .contentLeft .bottomTableRow>ul>li {
        width: 100% !important;
    }

    .labelLeft label{
        white-space: inherit;
        width: 100% !important;
    }
    .FilterMainDiv .assessment_custom {
        width: 275px !important;
    }

}


/** Sunil Css **/

.dateFlagRight.daterightlables {
    flex-direction: column-reverse;
    align-items: start!important;
}

.topRowContent label+span.risk {
    margin-left: 0px;
}

.innerLeftCard .checkInGrid {
    padding-top: 2px;
}
.innerLeftCard .deviceType {
    padding-top: 0px;
}
.innerLeftCard .topRow {
    min-height: 61px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: inherit;
}
.labelLeft.topRowContent label {
    margin-bottom: 5px;
}
.dateFlagRight.daterightlables .datePart{
    margin-bottom: 5px;
}

.labelBox {
    word-break: break-all;
}
.referrals-box{
    background: #fff;
    padding: 15px !important;
    border-radius: 10px;
}
.referrals-grid-page{
    padding: 0rem 1.875rem 0rem !important;
}
.referrals-label{
    min-width: 105px;
    float: left;
    font-weight: 600;
    font-family: 'Avenir Next LT Pro', sans-serif;
    display: inline-block;
}

.referrals-text{
    font-size: 13px;
    float: left;
    width: calc(100% - 105px);
    color: #9999AB !important;
    font-family: 'Avenir Next LT Pro', sans-serif;
    padding-left: 10px;
    word-break: break-word;
}
.referrals-grid-page .container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}
.referrals-box .add-arrest-badge{
    margin-bottom: 10px !important;
}
.referrals-data-sharing{
    border-bottom: 1px solid #ddd;
    color: #0F33E7;
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 10px;
    font-weight: 600;
    font-family: 'Avenir Next LT Pro', sans-serif;
}

.assessmentLogs table th{
    background: #F6F6F6;
    font-size: 13px;
    color: #000000;
    font-family: 'Avenir Next LT Pro', sans-serif;
    font-weight: bold;
    box-shadow: #00000029;
    border-top: none;
    padding: 15px;
}
.assessmentLogs table td{
    
    font-size: 13px;
    color: #000000;
    font-family: 'Avenir Next LT Pro', sans-serif;
    padding: 15px;
}
.assessmentLogs table th a{
    color: #000000;
}
.assessmentLogs-box {
    padding: 17px 17px 17px;
    border-radius: 10px;
    background-color: #ffffff;
}
.custom-pagination{
    display: flex;
    justify-content: space-between;
}
.custom-pagination p{
    font-size: 13px;
    color: #000000;
    font-family: 'Avenir Next LT Pro', sans-serif;
}
.pagination a{
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-transform: capitalize;
}
.pagination a:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.pagination .disabled a {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.add-log-text{
    font-size: 13px;
    color: #000000;
    font-family: 'Avenir Next LT Pro', sans-serif;
}
.add-log-cover .containerCheck{
    font-weight: normal !important;
}
.add-log-cover .custom-checkbox .custom-control-label{
    font-weight: normal;
}
.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}
.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid #B6B6C6;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 10px;
  top:4px;
}
.select2-results__option.select2-results__option--selected:before {
  font-family:fontAwesome, sans-serif;
  content: "";
  color: #fff;
  background-color: #0F33E7;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
  border: 0;
  background-position: center; 
  display: inline-block;
  padding-left: 3px;
  background-size: 10px;
    background-repeat: no-repeat;
}

.select2-container--default .select2-results__option.select2-results__option--selected {
    background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #FFF;
    color: #272727;
} 
.select2-container--default .selectCheckWithImg .select2-results__option{
    display: flex;
}
.mh52{min-height: 52px !important;}
.select2-selection .bodyColor{color: #272727;}
.select2-container--default .selectCheckWithImg .select2-results__option::before{
    margin-top: 20px;
}
.select2-container--default .selectCheckWithImg .select2-results__option.select2-results__message {
    padding-top: 15px;
    padding-bottom: 15px;
}
.select2-container--default .selectCheckWithImg .select2-results__option.select2-results__message::before {
    display: none;
}
.selectCheckWithImage{
    width: 47px;
    height: 47px;
    object-fit: cover;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:not(:hover) .text-gray-select{
    color: #606060;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}
.select2-container--open .select2-dropdown--below {
    box-shadow: 0 3px 6px 3px rgba(0, 0, 0,.16);
}
.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}

.log_feedback_sp {
    padding-left: 26px;
}

.log_create_date {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.log_create_date .cal-input-group{
    width: 80%;
}

.listcover ul{
    padding-left: 17px;
}
.filterSelect .select2-results__option{
    white-space: nowrap;
    /*border: 1px solid red;*/
}
.filterSelect .select2-dropdown--below{
        width: auto !important;
    min-width: 100px !important;
}
.select2-container .select2-selection--single.customFilterSelectContainer{
    
}
.select2-container .select2-selection--single.customFilterSelectContainer
 .select2-selection__arrow{
    height: 32px;
 }
.select2-container .select2-selection--single.customFilterSelectContainer{
    border: 1px solid #000;
    height: 34px;
    min-width: 100px;
    text-align: left;

 }
 .select2-container.filterSelect{
    min-width: 100px !important;
 }
.select2-container .select2-selection--single.customFilterSelectContainer .select2-selection__rendered {
    line-height: 25px;
}
.filterSelect .select2-results__option:before{
    display: none;
}

button.addassessor-button.btnBasic.add.exclude.disabled {
    opacity: 0.5;
    background: gray;
}
button.addMorInputterBtn.disabled {
    opacity: 0.5;
    background: gray;
}

.searchBoxContent.o-unit .select2-container .select2-selection--single{
    background-color: #FFF;
}


/* Hide Delete functionlity  */
.removeDelete {
    display: none !important;
}
/*
div#infscr-loading {
    position: absolute;
    opacity: 1;
    display: block !important;
    left: 0;
    right: 0;
    bottom: 27px;
    z-index: 9;
}*/

.check-uta-wrapper .checkbox input{
    opacity: 1;
    right: 165px;
    top: 5px;
    margin-top: 35px;

}

.checkbox-update .checkbox input {
    left: 0px !important;
    position: static;
    margin-right: 10px;
    margin-top: 3px;
    vertical-align: top;
}

.check-uta-wrapper label{
    font-weight: normal !important;
    margin-top: 37px;
}
.uta-menu{
    position: relative;
}

.treeviewSubchild.nav.nav-treeview.uta-menu .arrow-menu.active {
    position: absolute !important;
    top: 0;
    right: 13px;
    width: 10px;
    height: 30px;
    background: none !important;
}
.treeviewSubchild.nav.nav-treeview.uta-menu .arrow-menu {
    position: absolute !important;
    top: 0;
    right: 13px;
    width: 10px;
    height: 30px;
    background: none !important;
}
.bg-input-disable-custom{
    background-color: #f1f1f1;
    opacity: 0.5;
}
.pointer {
    cursor: pointer;
}

.bootbox .modal-header h4 {
    float: none;
}

.bootbox .modal-header .close {
    position: absolute;
    right: 15px;
}

.bootbox .modal-body .bootbox-body {
    padding-bottom: 2px;
    margin-bottom: 1rem;
}

.signatureCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

span.disabled {
    font-size: 14px;
    color: #777;
}

.radio.readonly {
    opacity: 0.5 !important; /* not necessary */
    pointer-events: none !important;
}

.tableRowError {
    display: none !important;
}

.tableRowError:not(:empty) {
    display: block !important;
}

.tableRowError:not(:empty) ~.tableRowError{
    display: none !important;
}

.info-message {
    font-size: 12px;
    color: #721c24;
    background: #fff3cd;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #ffeeba;
}

.legend-margin {
    margin-bottom: 0px !important;
}

li.filter_btn.alert-mnu {
    padding: 0;
}

li.filter_btn.alert-mnu a {
    padding: 8px 12px;
    display: inline-block;
    width: 100%;
}

.verified-data .form-group{
    margin-bottom: 0;
}

.input_custom_disabled {
    background-color: #fff !important;
    cursor:pointer !important;
    /* padding: 10px; */
}

.top-12 {
    top: 12px !important;
}

.p-xy-4-12{
    padding: 4px 12px !important;
}

.right-0 {
    right: 0 !important;
}

.modal-full-width {
    max-width: max-content !important;
}

.alert-fix{
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-fix.alert-warning{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

span.select2-dropdown.filterSelect {
    width: auto !important;
}


.kpi-toggle-label {
  display: inline-block;
  padding: 0px 5px 0px 2px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 4px;
  border: 2px solid #007bff;
  color: #007bff;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.25s ease;
  user-select: none;
  position: relative;
  max-height: 20px;
  width: 20px;
  display: none;
}

.kpi-toggle-label:hover {
  background-color: #e9f2ff;
}

.kpi-toggle-label input[type="checkbox"] {
  display: none;
}

.kpi-toggle-label .checkmark-text::before {
  content: '✓';
  font-weight: bold;
  display: inline-block;
  color: inherit;
  width: 8px;
}

.kpi-toggle-label:not(.active) .checkmark-text::before {
  content: '+';
  color: #888;
}

.kpi-toggle-label.active {
  background-color: #FFF;
  color: #007bff;
}

.kpi-toggle-label:not(.active) {
  border-color: #AAA;
  color: #555;
}

span.checkmark-text {
    font-size: 18px;
    width: 15px;
    margin-top: -4px;
    padding-left: 0px;
    display: inline-block;
    position: absolute;
}
.content-text-wrap {
    max-width: 70%;            /* or 100%, or any fixed/relative size */
    word-break: break-word;      /* handle long unbreakable strings */
    overflow-wrap: break-word;   /* standard-compliant wrapping */
    white-space: normal !important;         /* ensure wrapping is allowed */
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{
    border: none !important;
}

/* Target only widget selection modal */
.widget-selection-modal .modal-body div{
    overflow-x: hidden !important;  /* remove horizontal scrollbar */
}

/* To handle MAP DRAG */
.card-body, .grid {
  overflow: visible !important;
}


.leaflet-container {
  pointer-events: auto !important;
}

#AssessmentIncidentHeatMap:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
}

.dev-drag-title{
    cursor: move;
}