@charset "UTF-8";
body {
  font-family: Arial !important;
}

.body-content {
  min-height: 50vh;
}

.sidebar .nav {
  scrollbar-width: thin;
  scrollbar-color: #ddd #eee;
}
.sidebar .nav li {
  border-radius: 0 10px 10px 0;
}
.sidebar .nav li a svg {
  width: 24px;
  margin-bottom: -6px;
  margin-right: 0.8em;
}
.sidebar .nav li ul.collapse li {
  padding-left: 2em;
  background: #fff;
}
.sidebar .nav li ul.collapse li a.sidebar-content {
  padding: 1em;
  padding-left: 2em;
  border-bottom: none !important;
  border-left: 2px solid #ddd;
}
.sidebar .nav li ul.collapse li a.sidebar-content:hover {
  background: none;
  border-left: 3px solid #4990ee;
  color: #4990ee;
  font-weight: 600;
}
.sidebar .nav:not(:hover) {
  overflow-y: hidden !important;
}
.sidebar .nav::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #eee; /* or add it to the track */
}
.sidebar .nav::-webkit-scrollbar-thumb {
  background: #ddd;
}

ul.breadcrumb {
  background: none !important;
  margin-top: 0.5em;
  padding-left: 0;
  font-size: 110%;
  border-radius: 0;
}
ul.breadcrumb li.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f105" !important;
  font-weight: 900 !important;
  margin-right: 0.5em;
}
ul.breadcrumb li {
  margin-right: 0.5em;
  color: #eee;
}

.select2.select2-container {
  width: 100% !important;
}
.select2.select2-container .select2-selection {
  border: 1px solid #ccc;
  height: 3.7em;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.select2.select2-container .select2-selection .select2-selection__arrow {
  margin-top: 0.7em;
}

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

.table-bottom {
  padding: 0em 1em 0.5em 0em;
}

.top-bar.fixed {
  border-radius: 0;
  background: #fff !important;
  z-index: 100;
  margin-top: 15px;
  margin-left: auto !important;
  padding-left: 0.5em !important;
  border-radius: 6px 6px 0 0;
}

.btn-primary {
  background: #234b9f;
}

.top-bar {
  align-items: center;
  padding: 1.5em 0 !important;
  margin-bottom: 0.5em;
  background: #f9f9f9;
  border-radius: 10px;
}
.top-bar h3 {
  padding-left: 7px;
}
.top-bar .search-ele {
  display: inline;
}
.top-bar .search-ele input[type=text] {
  width: 100%;
  height: 3.7em;
  border-radius: 8px;
}
.top-bar .search-ele .search-btn {
  position: absolute;
  border: none;
  background: none !important;
  margin-top: 0.8em;
  width: 55px;
  margin-left: -50px;
  top: 22px;
}
.top-bar .search-ele .search-btn .fa {
  font-size: 13pt;
}
.top-bar .search-ele .search-btn:focus {
  outline: none !important;
  border: none !important;
}
.top-bar .add-btn::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  margin-right: 1em;
}
.top-bar .add-btn {
  font-size: 10pt;
  text-decoration: none;
  border-radius: 30px;
  padding: 1em 1.5em;
  font-weight: 600;
}
.top-bar .content-tab {
  text-align: right !important;
}
.top-bar h3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

input[type=text] {
  height: 3.2em;
  border-radius: 5px;
}

table.basic-table {
  margin-top: 0em !important;
}
table.basic-table thead {
  border-bottom: none !important;
}
table.basic-table tr {
  border-bottom: none !important;
}
table.basic-table tr th {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: none;
  background: #f8f8f8;
  border-bottom: none !important;
}
table.basic-table tr td {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  border-bottom: 1px solid #eee;
}

.roundy-modal .modal-content {
  border-radius: 10px !important;
}
.roundy-modal .modal-dialog.sm {
  max-width: 450px;
}
.roundy-modal .modal-dialog.md {
  max-width: 550px;
}
.roundy-modal .modal-body {
  height: 70vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 30em;
  max-height: 450px;
}
.roundy-modal .modal-body input.error {
  border: 1px solid #e11 !important;
}
.roundy-modal .modal-body .form-group {
  margin-bottom: 1em !important;
}
.roundy-modal .modal-body .form-group label {
  font-weight: 600 !important;
}
.roundy-modal .modal-foot {
  border-top: 1px solid #ddd;
  padding: 0.9em;
  padding-right: 0;
}
.roundy-modal .modal-header {
  border-bottom: none !important;
  margin-bottom: 0;
}
.roundy-modal .modal-header .modal-title {
  font-weight: 600;
}
.roundy-modal .modal-header .close {
  font-size: 18pt;
  color: #000 !important;
  padding: 0.3em 0.4em !important;
  border-radius: 5px;
}
.roundy-modal .modal-header .close:hover {
  background: #eee;
  color: #000;
}
.roundy-modal .form-vertical .form-group .control-label {
  text-align: left !important;
  margin-bottom: 5px;
}
.roundy-modal .form-vertical .select2.select2-container {
  width: 100% !important;
}
.roundy-modal .form-vertical .select2.select2-container .select2-search__field {
  max-width: 100% !important;
}
.roundy-modal select, .roundy-modal input, .roundy-modal textarea {
  max-width: 100% !important;
}
.roundy-modal input.select2-search__field {
  max-width: none !important;
}

.select2-search.select2-search--dropdown .select2-search__field {
  max-width: 100%;
}
.select2-search.select2-search--dropdown .select2-search__field::placeholder {
  content: "Search list";
}

.nomargin {
  margin-bottom: 0 !important;
}

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

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

.s-padding {
  padding-left: 7px;
  padding-right: 7px;
}

.nav-sidebar, .sidebar {
  background: #fff !important;
}

.navbar-fixed-top {
  background: #234b9f !important;
  border: none;
}
.navbar-fixed-top .navbar-brand {
  color: #fff;
}

.form-horizontal.on-bg {
  margin-top: 4em;
}
.form-horizontal.on-bg .control-label {
  text-align: right !important;
}
.form-horizontal.on-bg .buttons-section {
  margin-top: 2em;
  border-top: 1px solid #ddd;
  padding-top: 2em;
}
.form-horizontal.on-bg .buttons-section button, .form-horizontal.on-bg .buttons-section input[type=submit] {
  min-width: 10em;
}
.form-horizontal.on-bg .form-group {
  display: flex;
  align-items: center;
}
.form-horizontal.on-bg .form-group input.error {
  border: 1px solid #e11;
}
.form-horizontal.on-bg .form-group span.required {
  margin-left: 0px !important;
  margin-top: 0 !important;
  color: #aaa;
}

.form-vertical.white-on-grey .form-group {
  background: #fff;
  border-radius: 7px;
  padding: 1.5em 1.5em !important;
  display: none;
}
.form-vertical.white-on-grey .form-group .ro {
  margin-bottom: 0.9em;
}
.form-vertical.white-on-grey .form-group .ro .text-mimi {
  height: 3.7em;
}
.form-vertical.white-on-grey .form-group .row.ro {
  padding-left: 15px;
  padding-right: 15px;
}
.form-vertical.white-on-grey .form-group input[type=text]:disabled {
  background: #f9f9f9;
}
.form-vertical.white-on-grey .header-panel {
  background: #eee;
  padding: 1em 1em;
  cursor: pointer;
  border: 1px solid #e9e9e9;
}
.form-vertical.white-on-grey .header-panel h4 {
  font-size: 120%;
}
.form-vertical.white-on-grey .header-panel i {
  float: right;
  margin-top: -1.2em;
  margin-right: 0em;
}

input.form-control, select.form-control {
  width: 100% !important;
  max-width: none !important;
  height: 3.4em;
  font-size: 108%;
}

button.roundy, input[type=submit].roundy, a.btn.roundy, input[type=button].roundy {
  height: 3.5em;
  font-size: 100%;
  border-radius: 10px;
  min-width: 6em;
  vertical-align: center;
  background: #f7f7f7;
}
button.roundy img, input[type=submit].roundy img, a.btn.roundy img, input[type=button].roundy img {
  width: 20px;
  margin-right: 0.4em;
  margin-bottom: 0.4em;
}

button.roundy:hover, input[type=submit].roundy:hover, a.btn.roundy:hover, input[type=button].roundy:hover {
  background: #234b9f;
  color: #fff;
}

a.btn.roundy {
  padding-top: 0.9em;
}

a.btn.sm.roundy {
  min-width: 2em !important;
}

.btn.btn-primary.roundy {
  border-radius: 30px;
  padding: 1em 1.7em;
  background: #234b9f;
}

a.roundy.nude-btn, button.roundy.nude-btn {
  border: 2px solid #0957a0;
  color: #0957a0;
  padding: 0.6em 2em !important;
  border-radius: 30px;
}

.roundy.nude-btn:hover {
  background: #0957a0;
  color: #fff;
}

.roundy.btn {
  border-radius: 30px;
}

button.full-width, input[type=submit].full-width, input[type=button].full-width {
  width: 100%;
  max-width: 35em !important;
}

.form-horizontal.plain-bg {
  padding: 3em 0 !important;
}
.form-horizontal.plain-bg input {
  width: 100%;
}

.pad-bottom {
  padding-bottom: 1em;
}

.data-panel {
  padding: 1em;
}

.data-panel {
  border-radius: 4px;
  padding: 1em;
}
.data-panel .figure {
  font-size: 170% !important;
  font-weight: 600;
  color: #232323;
  margin-top: 0.4em !important;
}
.data-panel .icon {
  font-size: 200%;
}
.data-panel .iconor {
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}
.data-panel .iconor svg {
  color: black;
  max-width: 35px;
}
.data-panel p {
  color: #808080;
  font-weight: 600;
  font-size: 120%;
}

.chat-container {
  background: #fff;
  border-radius: 5px;
  padding: 0.4em;
}

.rounded {
  border-radius: 5px;
}

.dash-table {
  padding-top: 2em;
}
.dash-table p {
  margin-bottom: 1.5em;
}
.dash-table table tr td:last-child, .dash-table table tr th:last-child {
  text-align: center;
}
.dash-table table tr td:last-child {
  font-size: 105%;
}

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

hr {
  border-top: 1px solid #ddd !important;
}

/*.dataTables_length, .dataTables_filter {
    display: none !important;
}*/
.dataTables_filter {
  display: none !important;
}

.dtsp-panesContainer {
  background: #fff;
  padding: 0.5em !important;
  margin-bottom: 0 !important;
}

button.dt-button {
  display: none !important;
}

.dtb-collection-closeable {
  max-width: 800px !important;
  position: fixed !important;
  z-index: 1000;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, 0%);
}

#data-table.small-colsx tr th:first-child {
  min-width: 3em;
  text-align: center !important;
}
#data-table.small-colsx tr td:first-child {
  text-align: center !important;
  padding-right: 2em;
}

.small-colsx th {
  vertical-align: middle !important;
}

#data-table.fines-table tr th {
  min-width: 1em !important;
}
#data-table.fines-table tr td {
  min-width: 1em !important;
}

#data-table {
  width: 100% !important;
}
#data-table thead {
  margin-left: -15px !important;
  background: #fff;
}
#data-table thead th {
  min-width: 10em;
  border-bottom: none !important;
  vertical-align: middle !important;
}
#data-table thead td {
  border-bottom: none !important;
}
#data-table tbody tr td {
  padding: 0.9em;
  background: #fff;
  vertical-align: middle;
}
#data-table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 6px;
}
#data-table tbody tr:last-child td:last-child {
  border-radius: 0 0 6px 0;
}
#data-table tbody tr.has-buttons td {
  height: 1.8em !important;
}
#data-table tbody tr.has-buttons td a.action-btn, #data-table tbody tr.has-buttons td button.action-button {
  text-decoration: none;
  display: none;
}
#data-table tbody tr.has-buttons td a.action-btn svg, #data-table tbody tr.has-buttons td button.action-button svg {
  width: 20px;
}
#data-table tbody tr.has-buttons td:last-child {
  width: 5em !important;
  min-width: 5em !important;
  text-align: right;
  padding-right: 2em !important;
}
#data-table tbody tr.has-buttons:hover td a.action-btn {
  display: block;
}

#data-table.small-cols thead th {
  min-width: 4em !important;
}

table.dataTable {
  border-bottom: none !important;
  margin-bottom: 2em;
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length {
  margin-top: 2em;
}
.dataTables_wrapper .dataTables_length {
  padding-top: 0.65em;
  padding-left: 2em;
}
.dataTables_wrapper .dataTables_paginate {
  margin-top: 2em;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button {
  border-radius: 50%;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
  background: #f8f8f8;
  color: #234b9f !important;
  border: 1px solid #234b9f;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  border-radius: 50%;
  background: #234b9f !important;
  color: #fff !important;
  border: none !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover {
  border: 1px solid transparent !important;
  color: #234b9f;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover {
  border: 1px solid transparent !important;
  color: #234b9f;
}

.user-profile-c {
  background: #fff;
  text-align: center;
  padding: 2em 1em;
  border-radius: 7px;
  font-size: 10.5pt;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.user-profile-c dd {
  text-align: left;
  padding: 0.2em 0;
}
.user-profile-c dt {
  padding: 0.2em 0;
}
.user-profile-c .ro {
  margin-top: 1em;
}
.user-profile-c span.name {
  font-size: 130%;
}
.user-profile-c span.duty-station {
  background: #eee;
  padding: 0.2em 1em;
  border-radius: 20px;
}
.user-profile-c button.menu-btn {
  right: 25px;
  top: 15px;
  width: 2em;
  background: none;
  border: none;
}

.btn.round-btn {
  border-radius: 20px;
}

.options-menu {
  min-width: 10em;
  position: absolute;
  background: #fff;
  right: 25px;
  top: 50px;
  border-radius: 7px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 0.3em;
  display: none;
}
.options-menu .btn {
  background: none;
  width: 100% !important;
  border-radius: 7px;
  color: #232323;
}
.options-menu .btn i {
  float: left;
  margin-top: 0.2em;
}
.options-menu .btn:hover {
  background: #f8f8f8;
  color: #234b9f;
}

.prompt-modal {
  text-align: center;
}
.prompt-modal .modal-dialog {
  max-width: 400px;
}
.prompt-modal .modal-header {
  border-bottom: none;
}
.prompt-modal p {
  font-size: 120%;
  padding-bottom: 1em;
}
.prompt-modal .buttons-section {
  padding-bottom: 0em;
}
.prompt-modal .modal-title {
  font-size: 150%;
}

#copyrightss {
  position: absolute !important;
  bottom: 5em;
  left: 0;
  width: 100%;
  color: #666;
}

button.menu-btn {
  position: absolute;
  right: 25px;
  top: 15px;
  width: 2em;
  background: none;
  border: none;
}

.main-back-btn {
  margin-right: 1em;
}

.container {
  margin-top: 3em !important;
}

.edit-form {
  border-radius: 7px;
}
.edit-form .form-header {
  border-bottom: 1px solid #ddd;
  font-size: 150%;
  padding: 0.7em 1em;
}
.edit-form .form-body {
  padding-top: 1em;
}

button.btn.dropdown-btn, a.btn.dropdown-btn {
  border: none !important;
  border-radius: 9px !important;
  width: 100% !important;
  text-align: left;
}
button.btn.dropdown-btn i.fa, a.btn.dropdown-btn i.fa {
  float: right;
  margin-left: 3em;
  margin-top: 0.4em;
}

a.btn.dropdown-btn {
  background: #fff;
}

ul.dropdown-menu {
  padding: 0.3em !important;
}
ul.dropdown-menu li.empty-actions {
  padding: 0.5em !important;
  text-align: center !important;
  color: #666;
}
ul.dropdown-menu li a {
  padding: 0.4em;
  padding-left: 1em;
}
ul.dropdown-menu li a:hover {
  border-radius: 7px;
}

.daterangepicker th {
  background: none;
}
.daterangepicker select {
  border: none !important;
  background: none !important;
}

button.calendar-filter-btn {
  padding: 0 !important;
  width: 20%;
  min-width: 2.5em;
}

.receipt-table tr th {
  padding: 0.7em 0 !important;
}
.receipt-table tr td {
  padding: 0.7em 0 !important;
}

.search-ele2 {
  width: 100%;
}
.search-ele2 input[type=text] {
  width: 100% !important;
  height: 3.7em;
  border-radius: 8px !important;
}
.search-ele2 .search-btn {
  position: absolute;
  right: 0;
  border: none;
  background: none !important;
  margin-top: 0.8em;
  z-index: 1000;
}

.docket-btnz {
  margin-bottom: 1.5em;
  margin-top: 0.5em;
}
.docket-btnz i {
  margin-right: 0.5em;
}

a.docket-btnz {
  padding-top: 0.8em;
}

.details-bubbles {
  background: #f1f1f1;
  padding: 0.4em 1em;
  border: 1px solid #ddd;
  border-radius: 20px;
  float: left;
  margin-top: 1em;
  margin-left: 1em;
  font-size: 90%;
}

.rw-number-notification {
  box-shadow: none !important;
}

ul.nav-tabs {
  border-bottom: none !important;
  padding-top: 1em;
}
ul.nav-tabs li a {
  color: #232323;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  margin: -1px !important;
  border-radius: 0 !important;
}
ul.nav-tabs li a:focus {
  border: none !important;
  outline: none !important;
}
ul.nav-tabs li.active a {
  background: none !important;
  border: none !important;
  border-bottom: 2px solid #609acc !important;
}

.tab-inside-table {
  margin-top: 0em;
}
.tab-inside-table table tr th {
  border-top: none !important;
  border-bottom: none !important;
  color: #232323;
  font-weight: 700;
  padding: 0.8em 0.4em;
  background: #f8f8f8 !important;
}
.tab-inside-table table tr td {
  padding: 0.8em 0.4em;
}
.tab-inside-table table tr:last-child td {
  border-bottom: none !important;
}
.tab-inside-table table tbody {
  border-top: none !important;
}

.white-form {
  background: #fff;
  margin-top: 4em;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  margin-bottom: 2em;
  max-width: 600px !important;
  padding: 14px;
}
.white-form .form-header {
  padding: 0.8em;
}
.white-form .form-header h3 {
  font-size: 14pt;
  font-weight: 600;
}
.white-form .form-body {
  padding: 0.8em;
  padding-top: 0;
}
.white-form .form-body label {
  margin-left: 0 !important;
  padding: 0 !important;
  font-weight: 600;
}
.white-form .form-body .group-cn div:nth-child(2n+1) {
  padding-right: 0.5em !important;
}
.white-form .form-body .group-cn div.col-md-6:nth-child(2n) {
  padding-left: 0.5em !important;
  padding-right: 0 !important;
}
.white-form .form-body .group-cn .n-padding {
  margin-bottom: 1em;
}
.white-form .form-body .form-group.twoed {
  background: #e11 !important;
}
.white-form .form-body textarea {
  max-width: 100% !important;
}
.white-form .form-body input {
  border: 1px solid #ddd;
  padding: 1.2em 1em !important;
  height: 3.5em;
  width: 100%;
  max-width: 100% !important;
  border-radius: 8px;
}
.white-form .form-body input.error {
  border: 1px solid #e11 !important;
}
.white-form .form-body .text-danger {
  color: #e11 !important;
}
.white-form .form-footer {
  margin-top: 2em;
  padding: 0.8em !important;
}
.white-form .error-msg {
  color: #e11 !important;
}
.white-form input.error {
  border: 1px solid #e11;
}

body.login-page::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-image: url("../images/beach.jpg");
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

body.login-page .outer-container {
  background: #234b9f !important;
  color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  min-height: 42em;
  padding: 0 !important;
  max-width: 850px;
  margin: 0 auto;
}
body.login-page .outer-container .login-header h4 {
  line-height: 1.8;
}
body.login-page .outer-container .login-body {
  color: #232323;
}
body.login-page .outer-container .login-body .validation-summary-errors {
  margin-top: 1em;
  text-align: center !important;
  color: #e11;
}
body.login-page .outer-container .login-body .validation-summary-errors ul {
  padding-left: 0 !important;
}
body.login-page .outer-container .login-body .validation-summary-errors ul li::marker {
  content: "" !important;
  display: none !important;
}
body.login-page .outer-container .white-half {
  background: #fff;
  min-height: 42em;
  border-radius: 0 8px 8px 0;
}
body.login-page .outer-container .white-half input.form-control {
  border: 1px solid #ddd;
  border-radius: 6px;
  height: 4em;
}
body.login-page .outer-container .white-half .field-validation-error {
  color: #e11 !important;
}
body.login-page .outer-container .white-half button.submit-btn {
  padding: 1em;
}
body.login-page .outer-container .classy-divider {
  width: 4em;
  height: 5px;
  background: #fff;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border-radius: 10px;
}

#data-table tr.Returned_Docket_OC td:first-child, #data-table tr.Returned_Docket_DPO td:first-child, #data-table tr.Returned_Docket_DPP td:first-child, #data-table tr.Retured_Docket_Courts td:first-child {
  border-left: 3px solid #faad14;
}
#data-table tr.Returned_Docket_OC:hover td:first-child, #data-table tr.Returned_Docket_DPO:hover td:first-child, #data-table tr.Returned_Docket_DPP:hover td:first-child, #data-table tr.Retured_Docket_Courts:hover td:first-child {
  background: #faad14 !important;
  color: #fff;
}
#data-table tr.Completed_Docket_IO td:first-child, #data-table tr.Completed_Docket_DPP td:first-child, #data-table tr.Approved_Docket_OC td:first-child, #data-table tr.Completed_Docket_DPO td:first-child {
  border-left: 3px solid #78bd5d;
}
#data-table tr.Completed_Docket_IO:hover td:first-child, #data-table tr.Completed_Docket_DPP:hover td:first-child, #data-table tr.Approved_Docket_OC:hover td:first-child, #data-table tr.Completed_Docket_DPO:hover td:first-child {
  background: #78bd5d !important;
  color: #fff;
}
#data-table tr.Closed_Docket_OC td:first-child {
  border-left: 3px solid #ff4d4f;
}
#data-table tr.Closed_Docket_OC:hover td:first-child {
  background: #ff4d4f !important;
  color: #fff;
}
#data-table tr.Assigned_Docket_DPP td:first-child, #data-table tr.Assigned_Docket_Courts td:first-child, #data-table tr.Allocated_Case_Manager td:first-child {
  border-left: 3px solid #1890ff;
}
#data-table tr.Assigned_Docket_DPP:hover td:first-child, #data-table tr.Assigned_Docket_Courts:hover td:first-child, #data-table tr.Allocated_Case_Manager:hover td:first-child {
  background: #1890ff !important;
  color: #fff;
}

#data-table.io-table tr td:first-child, #data-table.oc-table tr td:first-child {
  border-left: 3px solid transparent;
}
#data-table.io-table tr td:first-child:hover, #data-table.oc-table tr td:first-child:hover {
  background: none !important;
  color: #232323;
}

#data-table.io-table tr.Completed_Docket_IO:hover td:first-child {
  background: none !important;
  color: #232323;
}
#data-table.io-table tr.Completed_Docket_IO td:first-child {
  border-left: 3px solid #78bd5d;
}
#data-table.io-table tr.Completed_Docket_IO:hover td:first-child {
  background: #78bd5d !important;
  color: #fff;
}
#data-table.io-table tr.New_Docket_LMPS td:first-child, #data-table.io-table tr.Returned_Docket_OC td:first-child {
  border-left: 3px solid #faad14;
}
#data-table.io-table tr.New_Docket_LMPS:hover td:first-child, #data-table.io-table tr.Returned_Docket_OC:hover td:first-child {
  background: #faad14 !important;
  color: #fff;
}

#data-table.oc-table tr.Completed_Docket_IO td:first-child, #data-table.oc-table tr.Returned_Docket_DPP td:first-child {
  border-left: 3px solid #faad14;
}
#data-table.oc-table tr.Completed_Docket_IO:hover td:first-child, #data-table.oc-table tr.Returned_Docket_DPP:hover td:first-child {
  background: #faad14 !important;
  color: #fff;
}
#data-table.oc-table tr.Approved_Docket_OC td:first-child {
  border-left: 3px solid #78bd5d;
}
#data-table.oc-table tr.Approved_Docket_OC:hover td:first-child {
  background: #78bd5d !important;
  color: #fff;
}

/* Tooltip container */
td.tooltipz {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
td.tooltipz .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipz:hover .tooltiptext {
  visibility: visible;
}

.black-shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.black-shadow .notification-inner {
  background: #fff;
  width: 25em;
  padding: 1em;
  border-radius: 10px;
  text-align: center;
}
.black-shadow .notification-inner img {
  margin-left: 1em;
}

.reports-pane .col-md-3 {
  padding-top: 1.5em;
}
.reports-pane #generate-btn {
  margin-top: 2em;
}

a.dash-panel-link, .dash-panel {
  color: #666 !important;
  text-decoration: none;
}
a.dash-panel-link h4, .dash-panel h4 {
  color: #666;
}

a.dash-panel-link:hover, .dash-panel:hover {
  color: #234b9f !important;
}
a.dash-panel-link:hover h4, .dash-panel:hover h4 {
  color: #234b9f !important;
}

.navbar-right li.interactiva a {
  color: #fff !important;
}
.navbar-right li.interactiva:hover {
  color: #234b9f !important;
  background: #fff !important;
}
.navbar-right li.interactiva:hover a {
  color: #234b9f !important;
}

.details-top {
  padding: 1.5em 0 !important;
  padding-bottom: 1.5em;
}
.details-top button.roundy.btn {
  background: #fff;
  border: 1px solid #eee !important;
}

.picker__header select {
  display: inline-block !important;
}

.daterangepicker {
  z-index: 1100000 !important;
}

textarea {
  min-height: 6em !important;
}

a.table-text-button:hover {
  color: #337ab7;
  background: #eee !important;
}

table.table-condensed tbody tr td button.menu-btn {
  top: 0px;
  right: 0px;
  display: none !important;
}
table.table-condensed tbody tr td .options-menu {
  top: 25px;
  right: 0;
  z-index: 100;
}
table.table-condensed tbody tr:hover td button.menu-btn {
  display: block !important;
}
.justnow {
  color: #808080;
  font-style: italic;
}

span.required {
  margin-left: 10px !important;
  color: #808080;
  font-size: 90%;
}

label.control-label.pad {
  margin-left: 15px;
}

span.line-floater {
  color: #111;
  margin-bottom: 1em !important;
  width: 100%;
  padding-bottom: 0.4em;
  text-decoration-style: dotted !important;
  text-decoration-line: underline;
  text-decoration-thickness: 0.15rem;
  text-underline-offset: 6px;
}

span.line-floater::before {
  content: "   ";
}

span.line-floater::after {
  content: "   ";
}

.daterangepicker {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.3);
  width: 490px !important;
}

.daterangepicker.ltr.single.show-calendar {
  width: auto !important;
}

.daterangepicker::before, .daterangepicker::after {
  display: none !important;
}

.panel-container {
  padding-right: 0.5em !important;
}
.panel-container .figure-panel {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  margin-right: 0 !important;
}

.dataTables_processing {
  position: fixed !important;
}

span.div {
  margin-right: 0.5em;
  margin-left: 0.5em;
  color: #234b9f !important;
}

a.download-table-link {
  text-decoration: none;
  color: #234b9f;
}
a.download-table-link i {
  margin-right: 0.5em;
}

a.btn.download-table-link {
  border: 1px solid #234b9f;
  border-radius: 20px;
}

a.btn.download-table-link:hover {
  background: #234b9f;
  color: #fff;
}

.mobile-money input[type=text], .mobile-money input[type=tel] {
  background: #f5f5f5;
  height: 3.5em;
  border: none;
  box-shadow: none;
  border-radius: 8px;
}
.mobile-money input[type=text].err, .mobile-money input[type=tel].err {
  border: 1px solid #e11;
}
.mobile-money input[type=tel].phoner {
  border-radius: 0 8px 8px 0;
}
.mobile-money label {
  color: #666;
}
.mobile-money span.text-danger {
  color: #e11 !important;
}
.mobile-money span.notifier {
  margin-bottom: -5px;
}
.mobile-money i.fa {
  position: absolute;
  font-size: 120%;
  right: 10px;
  top: 44px;
}
.mobile-money i.fa-check-circle {
  color: #5ead52;
}
.mobile-money i.fa-info-circle {
  color: #e11;
}

#loginLink {
  border: 1px solid #fff;
  border-radius: 0px;
  min-width: 10em;
  text-align: center;
  background: #fff;
  color: #234b9f;
  font-weight: 700;
}

.form-selector-radios {
  min-height: 4em;
  align-items: center;
  margin-bottom: 5em !important;
}
.form-selector-radios .col-md-6:first-child {
  padding-right: 1.6em;
}
.form-selector-radios .col-md-6:nth-child(2) {
  padding-left: 1.6em;
}
.form-selector-radios i {
  font-size: 230%;
  color: #ccc;
}
.form-selector-radios .buhtton {
  height: 6em;
  border-radius: 6px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.form-selector-radios .buhtton .title {
  font-size: 140%;
  text-align: center;
}
.form-selector-radios .buhtton.active {
  border: 1px solid #234b9f;
  color: #234b9f;
  font-weight: 500;
}
.form-selector-radios .buhtton.active i {
  color: #234b9f;
}

.big-btn {
  width: 100%;
  padding: 1em;
  font-size: 115% !important;
}

.report-container label {
  color: #666;
  font-weight: 600;
  margin-bottom: 5px;
}
.report-container button.main-btn {
  width: 100% !important;
  border: 1px solid #ddd;
  padding: 0.9em;
  height: auto;
}

#notifications-button font {
  background: #e11;
  padding: 4px;
  border-radius: 50%;
}

h1.web-h1 {
  font-size: 54px;
}

@media (max-width: 500px) {
  h1.web-h1 {
    font-size: 44px;
  }
}