@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap");

body {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
}

.h2, h2{font-size: 1.5rem;}
body,
.brand-link,
p,
li {
  font-size: 12px;
  line-height: 18px;
}

.clear {
  clear: both;
}

label {

    margin-bottom: 0.3rem;
}

.transction,
.custom_card::after,
.block .custom_card .item .icon,
.block .custom_card .item p,
.block .custom_card .item h4,
.block .custom_card .postion_right_link {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.main-footer {
  border: none !important;
}

.primary-color {
  color: #0f4774;
}

.nav-sidebar .nav-item>.nav-link span.material-symbols-outlined {
  font-size: 18px;
  margin-right: 3px;
}

.nav-sidebar .nav-item>.nav-link p {
  font-size: 11px;
  
}

.nav-sidebar .nav-item>.nav-link span.material-symbols-outlined,
.nav-sidebar .nav-item>.nav-link p {
  display: inline-block;
  vertical-align: top;
}



.brand-link {
  padding-top: 20px;
  padding-bottom: 25px;
  border: none !important;
}

.brand-text {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  color: #0f4774;
}

.main-section {
  padding: 50px 30px;
}

.navbar {
  padding-top: 18px;
  padding-bottom: 18px;
}

.hamburger {
  display: inline-block;
  left: 0px;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 26px;
  z-index: 999;
}

.hamburger .line {
  background: #0f4774;
  display: block;
  height: 3px;
  border-radius: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}




.hamburger .line:nth-child(3) {
  width: 22px;
}

.hamburger:hover .line {
  width: 26px;
}











.content-wrapper {
  background: #f9f9f9;
}

.main-header {
  border-bottom: none !important;
}

.box-shadow {
  box-shadow: 0px 0px 10px rgba(120, 130, 140, 0.13);
  -o-box-shadow: 0px 0px 10px rgba(120, 130, 140, 0.13);
  -webkit-box-shadow: 0px 0px 10px rgba(120, 130, 140, 0.13);
  -moz-box-shadow: 0px 0px 10px rgba(120, 130, 140, 0.13);
}

.card {
  box-shadow: 0px 12px 23px 0px rgba(160, 44, 250, 0.04) !important;
  -o-box-shadow: 0px 12px 23px 0px rgba(160, 44, 250, 0.04) !important;
  -webkit-box-shadow: 0px 12px 23px 0px rgba(160, 44, 250, 0.04) !important;
  -moz-box-shadow: 0px 12px 23px 0px rgba(160, 44, 250, 0.04) !important;
  border: none !important;
  border-radius: 0.75rem;

}

.card .card-footer {
  background: #ffffff;
  border-bottom-left-radius: 1.25rem !important;
  border-bottom-right-radius: 1.25rem !important;
  padding: 0 0 0 0;
}

.card .card-body {
  padding: 30px;
}

.card-header {
  padding: 30px;

}

.nav-sidebar .nav-item>.nav-link::before {
  content: "";
  height: 100%;
  position: absolute;
  border-radius: 4px;
  width: 4px;
  background: #0f4774;
  top: 0;
  right: -8px;
  opacity: 0;

  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 2;
}

.nav-sidebar .nav-item>.nav-link::after {
  content: "";
  height: 100%;
  position: absolute;
  opacity: 0;
  width: 6px;
  background: rgba(11, 42, 151, 0.2);
  top: 0;
  right: -6px;
  z-index: 1;
}

.nav-sidebar .nav-item>.nav-link {
  border-radius: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: none !important;
}

.nav-sidebar .nav-item.active.menu-open>.nav-link.active {
  background: rgba(11, 42, 151, 0.2) !important;
}

.nav-sidebar .nav-item.active.menu-open>.nav-link.active::before,
.nav-sidebar .nav-item.active.menu-open>.nav-link.active::after,
.nav-sidebar .nav-item.menu-open>.nav-link::before,
.nav-sidebar .nav-item.menu-open>.nav-link::after,
.nav-sidebar .nav-item:hover>.nav-link::before,
.nav-sidebar .nav-item:hover>.nav-link::after {
  opacity: 1;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active{    background: none;}

.nav-sidebar .nav-item.menu-open>.nav-link::after,
.nav-sidebar .nav-item:hover>.nav-link::after {
  background-color: rgba(0, 0, 0, 0.1);
}

.nav-sidebar .nav-item.active.menu-open>.nav-link.active {
  color: #0f4774 !important;
  font-weight: 700;
}

.custom_card {
  position: relative;
  overflow: hidden;
}

.custom_card .item {
  position: relative;
  padding: 20px 0 20px 120px;
}

.custom_card .item .icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
}

.custom_card .item .icon span {
  color: #000000;
  font-size: 40px;
  line-height: 80px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
}

.custom_card .item p {
  color: #7e7e7e;
  margin: 0;
  font-size: 14px;
}

.custom_card .item h4 {
  font-size: 28px;
  font-weight: 600;
  margin: 0;
}

.fillter p {
  font-weight: bold; color: #0f4774; padding: 8px 5px 0  5px; font-size: 18px;
}

.green_card .custom_card .item .icon {
  background: rgba(0, 128, 0, 0.3);
}

.green_card .item .icon span,
.green_card .postion_right_link {
  color: rgba(0, 128, 0, 1);
}

.purple_card .custom_card .item .icon {
  background: rgba(160, 44, 250, 0.3);
}

.purple_card .item .icon span,
.purple_card .postion_right_link {
  color: rgba(160, 44, 250, 1);
}

.pink_card .custom_card .item .icon {
  background: rgba(249, 70, 135, 0.3);
}

.pink_card .item .icon span,
.pink_card .postion_right_link {
  color: rgba(249, 70, 135, 1);
}

.pink_card .custom_card::before {
  background: rgba(249, 70, 135, 1);
}

.yellow_card .custom_card .item .icon {
  background: rgba(255, 188, 17, 0.3);
}

.yellow_card .item .icon span,
.yellow_card .postion_right_link {
  color: rgba(249, 188, 17, 1);
}

/* .table thead th {
  border: none !important;
} */

.table td .btn-xs {
  display: inline-block;
  font-size: 10px;
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 100% !important;
  box-shadow: none !important;
  margin: 0 10px;
}

.table td .btn-xs:first-child {
  margin-left: 0;
}

.table td .btn-xs:last-child {
  margin-right: 0;
}

.table td .btn-xs span {
  font-size: 14px;
  line-height: 30px;
}

.card-title {
  font-weight: 700;
  color: #0f4774;
}

.material-symbols-rounded {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
}

.postion_right_link {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.full_link {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  display: block;
  z-index: 999;
}

.custom_card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: transparent;
  z-index: 1;
}

.block .custom_card:hover::after {
  height: 100%;
}

.green_card .custom_card::after {
  background: rgba(0, 128, 0, 1);
}

.purple_card .custom_card::after {
  background: rgba(160, 44, 250, 1);
}

.pink_card .custom_card::after {
  background: rgba(249, 70, 135, 1);
}

.yellow_card .custom_card::after {
  background: rgba(249, 188, 17, 1);
}

.blue_card .custom_card::after {
  background: rgba(132, 191, 255, 1);
}

.orange_card .custom_card::after {
  background: rgba(223, 157, 29, 1);
}

.red_card .custom_card::after {
  background: rgba(255, 0, 0, 1);
}

.three_blocks .custom_card::before {
  display: none !important;
}

.three_blocks .custom_card .item {
  padding: 10px 0 10px 75px;
}

.three_blocks .block .custom_card .item .icon {
  top: 7px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.three_blocks .block .custom_card .item .icon span {
  font-size: 20px;
  line-height: 50px;
}

.blue_card .custom_card {
  border: solid 1px rgba(132, 191, 255, 1) !important;
}

.blue_card .custom_card .item .icon {
  background: rgba(132, 191, 255, 0.3);
}

.blue_card .item .icon span,
.blue_card .postion_right_link {
  color: rgba(132, 191, 255, 1);
}

.orange_card .custom_card {
  border: solid 1px rgba(223, 157, 29, 1) !important;
}

.orange_card .custom_card .item .icon {
  background: rgba(223, 157, 29, 0.3);
}

.orange_card .item .icon span,
.orange_card .postion_right_link {
  color: rgba(223, 157, 29, 1);
}

.red_card .custom_card {
  border: solid 1px rgba(255, 0, 0, 1) !important;
}

.red_card .custom_card .item .icon {
  background: rgba(255, 0, 0, 0.3);
}

.red_card .item .icon span,
.red_card .postion_right_link {
  color: rgba(255, 0, 0, 1);
}

.block .custom_card:hover .card-body {
  z-index: 999;
}

.block .custom_card:hover .item .icon {
  background: #ffffff;
}

.block .custom_card:hover .item p,
.block .custom_card:hover .item h4,
.block .custom_card:hover .postion_right_link {
  color: #ffffff;
}

.form-control {
  border-radius: 1.25rem;
  background: #fff;
  border: 1px solid #d7d7d7;
  color: #000000;
  height: 35px;
  padding: 10px 20px;
  font-size: 12px;

}

.form-control,
.select2-container .select2-selection--single {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.03);
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000 !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000000 !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000000 !important;
}

.custom-file-label {
  border-radius: 1.25rem;
  background: #fff;
  border: 1px solid #d7d7d7;
  color: #000000;
  height: 35px;
  padding: 10px 20px;
     font-size: 12px;
    line-height: 14px;
}

.custom-file-label::after {
    height: 35px;
    line-height: 23px;
}

.input-group {
  height: 60px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 12px;
}

.select2-container .select2-selection--single {
  height: 35px;
  border-radius: 1.25rem;
  border-color: #d7d7d7;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 22px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 40px;
}



.form-group label.postion_label {
  position: absolute;
  background: #ffffff;
  padding: 0px 5px;
  border-radius: 10px;
  left: 25px;
  top: -10px;
  font-size: 11px;
  font-weight: bold;
  color: #0f4774;
  z-index: 9;
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;

  top: 0px;
  right: 10px;

}



.form-card {
  /* padding-top: 50px !important; */
}

.form-card .card .card-body {
  padding-top: 15px;
  padding-bottom: 15px;

}

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

.btn {
  padding: 0.5em 1.5rem;
  border-radius: 1.25rem;
  font-weight: 500;
     font-size: 0.75rem;
  margin-right: 15px;
}

.btn:last-child {
  margin-right: 0;
}

.btn-primary {
  background-color: #0f4774;
  border-color: #0f4774;
}

.btn-primary:hover {
  background-color: #135d9a;
  border-color: #135d9a;
}

textarea.form-control {
  max-height: 80px;
  padding-top: 20px;
}

.form-group {
  margin-bottom: 1rem;
}

.table-btn {
  font-size: 12px;
  padding: 5px 15px;
}

.form-control:focus-visible,
.form-control:focus,
.select2-container .select2-selection--single:focus-visible,
.select2-container .select2-selection--single:focus {
  box-shadow: none !important;
  border-color: #135d9a !important;
  outline: none !important;
}

.parsley-errors-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.parsley-errors-list li {
  font-size: 10px;
  color: #dc3545;
  padding: 3px 0 0 10px;
}

.form-control.parsley-error {
  border-color: #dc3545 !important;
}

.form-search {
  margin-bottom: 30px;
}

.form-search .form-inline .form-control,
.form-search.form-inline .form-control {
  min-width: 350px;
  height: 35px;
}


.form-search .search-date {
  min-width: 500px;
}

.ui-widget.ui-widget-content {
  z-index: 9999 !important;
}

.form-search .search-date .form-control {
  min-width: 200px;
  margin-right: 25px;
}

.form-search .select2-container .select2-selection--single {
  height: 35px;
}

.form-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 24px;
}

.form-search .select2-container--default .select2-selection--single .select2-selection__clear {
  height: 30px;
}

.form-search .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
}

.form-search .col-md-12 {
  font-weight: bold;
  padding-left: 15px;
}

.custom-select {
  border-radius: 1.25rem;
  padding: 0 20px;
  background: url("../images/select_icon.svg") transparent no-repeat;
  background-position: bottom 10px right 20px !important;
  background-position: right 3em bottom 10px !important;
  background-position: bottom 10px right !important;
  background-position: center right 10px !important;

}

.login-page {
  background: rgb(15, 71, 116);
  background: linear-gradient(180deg, rgba(15, 71, 116, 1) 0%, rgba(15, 71, 116, 0.9) 35%, rgba(15, 71, 116, 0.7) 80%);
}

.login-box,
.register-box {
  width: 450px;

}

.login-card-body,
.register-card-body {
  padding: 50px 30px !important;
  border-radius: 1.25rem;
}

.login-box-msg,
.register-box-msg {
  color: #000;
  font-weight: 700;
}


.nav-sidebar .nav-treeview .nav-item>.nav-link span.material-symbols-outlined {
  font-size: 12px;
  color: #0f4774;
  position: relative;
  top: 4px;
}

.mob-show {
  display: none;
}

.mob_fixed_button .material-symbols-rounded {
  display: none;
}



.show-entities select {
  width: 75px;
  border-radius: 1.25rem;
  background: #fff;
  border: 1px solid #d7d7d7;
  color: #000000;
  height: 35px;
  padding: 0 20px;
  font-size: 10px;
  margin: 0 10px 15px 10px;
  color: #000;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 20px;
  background: url(../images/select_icon.svg) transparent no-repeat;
  background-position: bottom 10px right 20px !important;
  background-position: right 3em bottom 10px !important;
  background-position: bottom 10px right !important;
  background-position: center right 10px !important;
}


.fa-sort-alpha-asc::before,
.fa-sort-asc::before {
  content: "\f0de";
}

.fa-sort-alpha-desc::before,
.fa-sort-desc::before {
  content: "\f0dd";
}

.sortablelink {
  position: relative;
}

.sortablelink a {
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
  z-index: 2;
  padding-left: 25px;
}

.sortablelink i {
  color: #0f4774;
  font-size: 10px;
  position: relative;
  z-index: 1;
}

.sortablelink i.fa-sort-alpha-asc,
.sortablelink i.fa-sort-alpha-desc,
.sortablelink i.fa-sort-asc,
.sortablelink i.fa-sort-desc {
  color: #0f4774;
}

.mob-show_column {
  display: none;
}

.btn-xs i {
  font-size: 10px;
}




.dashboard .table th {
  border: none !important;
}

.role_card .info {
  float: left;
}

.role_card .info_right {
  float: right;
}

.role_card .card {
  position: relative;
  height: 100%;
}


.role_card .info_bottom {
  margin-top: 10px;
}


.role_card .card .delete {
  background: #dc3545;
  border: none;
  border-radius: 100%;
  color: #ffffff;
  font-size: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}


.role_card .card h3 {
  font-size: 18px;
}


.role_card .block {
  margin-bottom: 15px;
}

.edit_button {
  color: #0f4774;
  font-size: 11px;
  font-weight: bold;

}

.edit_button span.material-symbols-outlined {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  position: relative;
  top: 3px;
}

/*


.form-floating {
  position: relative;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
  opacity: .65;
  -webkit-transform: scale(0.85) translateY(-0.4rem) translateX(0.15rem);
  -ms-transform: scale(0.85) translateY(-0.4rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.4rem) translateX(0.15rem);
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 1rem;
  overflow: hidden;
  text-align: start;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
  transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
  -o-transition: opacity .1s ease-in-out, transform .1s ease-in-out;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;

}

.form-floating>label {
  color: var(--phoenix-gray-800);
  font-weight: 700;
  font-size: .64rem;
  text-transform: uppercase;
}

.form-icon-container .form-icon-input,
.form-icon-container .form-icon-label {
  padding-left: 2.5rem;
}



.form-control::-webkit-input-placeholder {
  color: #9fa6bc;
  opacity: 0
}

.form-control::-moz-placeholder {
  color: #9fa6bc;
  opacity: 0
}

.form-control:-ms-input-placeholder {
  color: #9fa6bc;
  opacity: 0
}

.form-control::-ms-input-placeholder {
  color: #9fa6bc;
  opacity: 0
}

.form-control::placeholder {
  color: #9fa6bc;
  opacity: 0
} */


h1.card-title {
  font-size: 28px;
  line-height: 36px;
}


.column-settings {
  float: right;
}

.column-settings .nav-pills {
  position: relative;
}

.column-settings .dropdown-toggle1 {
  border: none;
  display: block;
  position: relative;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  border-radius: 15px;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  text-align: center;
  line-height: 35px;
  display: inline-block;
  background: #eeeeee;

}

.column-settings .dropdown-toggle1::before{content: "Table Column Settings";
  position: absolute;
  width: 235px;
  left: -100px;
  top: -25px;
  font-size: 10px;
  display: none;
}
.column-settings .dropdown-toggle1:hover::before{display: block;}


.column-settings .dropdown-toggle1 .material-symbols-outlined{     
  line-height: 35px;
  font-size: 20px;
  color: #dc3545;
}

.column-settings .dropdown-menu2 {
  position: absolute;
  right: 0;
  top: 40px;
  text-align: left;
  background: #fff;
  max-height: 300px;
  width: 300px;
  overflow: auto;
  border: solid 1px #eeeeee;
  padding: 15px;
  display: none;
  z-index: 99;
}

.column-settings .dropdown-toggle1 .material-symbols-outlined {
  display: inline-block;
  vertical-align: top;
}


.form-control.date-icon {
  background: url("../images/calendar_month.svg") transparent no-repeat;
  background-position: bottom 10px right 20px !important;
  background-position: right 3em bottom 10px !important;
  background-position: bottom 10px right !important;
  background-position: center right 10px !important;
  background-size: 16px 16px;
}


.form-control.time-icon {
  background: url("../images/time-icon.svg") transparent no-repeat;
  background-position: bottom 10px right 20px !important;
  background-position: right 3em bottom 10px !important;
  background-position: bottom 10px right !important;
  background-position: center right 10px !important;
  background-size: 16px 16px;
}


.form-group  .select2-selection__clear{display: none !important;}



.span-required::after,
.image_input_required>label::after {
  content: "*";
  color: #ff0000;
  font-size: 14px;
}

.select-required {
  position: relative;
}

.select-required .parsley-errors-list {
  position: absolute;
  left: 5px;
  top: 58px;
}


.parsley-errors-list.filled~.select2.select2-container .select2-selection--single {
  border-color: red !important;
}




.required-field {
  position: relative;
}

.span-required::after {
  content: "*";
  color: #ff0000;
}

.btn-group-sm>.btn,
.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.6rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.remove_field {
  margin-left: 20px;
  color: #ff0000;
}

.bulk-upload {
  text-align: left;
  margin: 15px;
  background: #f9f9f9;
  padding: 15px 15px 0 15px;
border-radius: 30px;
}

.bulk-upload .bulk-body {
  position: relative;
  height: 40px;
  width: 500px;
  display: inline-block;
  vertical-align: top;
}

.bulk-upload p {
  font-weight: 700;
  color: #0f4774;
  padding: 7px 0 0 0;
}

.bulk-upload .bulk-body .custom-file-input {
  height: 40px;
}

.bulk-upload .btn-primary {
  margin: 5px 0 0 20px;
}

.form-search .col {
  margin-bottom: 20px;
}

.form-search .search-date.search-date-single {
  min-width: 200px;
}

.form-search .search-date.search-date-single .form-control {
  margin-right: 0;
  min-width: 255px;
}

.form-group label {

  font-weight: normal !important;

}

.btn-secondary {
  background-color: #000000;
  border-color: #000000;
}

.multiple-piles {
  margin-top: 30px;
}

.multiple-piles span {
  padding: 10px 25px;
  border-radius: 15px;
  background: #4eb0ff !important;
  color: #000 !important;
  position: relative;
  margin-right: 15px;
  font-weight: normal;
  cursor: pointer;
}



.multiple-piles span:hover {
  background: #0f4774 !important;

}

.multiple-piles span:hover a {
  color: #ffffff !important;
}

.multiple-piles span a {
  color: #000 !important;
}

.multiple-piles span a.remove_field {
  color: #fff !important;
  width: 20px;
  height: 20px;
  background: #ff0000;
  position: absolute;
  right: -4px;
  top: -4px;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
}


.multiple-files{margin-top: 30px;}
.multiple-files .mailbox-attachment-size a{color:#0f4774}
.multiple-files .mailbox-attachment-size a.float-right{color: #ff0000;}
.multiple-files  .mailbox-attachments li{width: 150px;}

.multiple-files .mailbox-attachment-icon{
  font-size: 50px;
  max-height: 70px;
  padding: 10px 10px;}

.download-csv {
  background-color: #008001;
  border-color: #008001;
}

.download-csv i {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  position: relative;
  top: 2px;
}




.download-button{
  background-color: #684b40;
  border-color: #684b40;
}

.download-button span {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  position: relative;
  top: 1px;
  font-size: 20px;
}




.remarks-section{    background: #eee;
  padding: 15px;
  border-radius: 15px;}

  .remarks-section .label-remarks{    font-weight: 700 !important;
    color: #0f4774; font-size: 18px;}
    .remarks-section  textarea.form-control{padding: 10px;     max-height: 60px; min-height: 60px; width: 400px;}
    .remarks-section  .form-group{margin:0 0 0 0; display: inline-block; vertical-align: top;}
    .documents-received{margin-top: 40px; border-radius: 15px; padding: 10px 25px;}
    .remarks-section .btn{    border-radius: 15px;
      padding: 8px 24px;
      margin: 40px 0 0 10px;}
    .timer-section {    border: solid 1px #333333;
      padding: 8px 8px 8px 35px;
      position: relative;
      box-shadow: 3px 3px 3px #c6c6c6;
      min-height: 40px;
  }
    .timer-section   .material-symbols-outlined{position: absolute; left: 5px; top: 7px; color:#ff0000}
    .dolor-sign  .material-symbols-outlined{    display: inline-block;
      font-size: 15px;
      vertical-align: top;
      font-weight: 700;
      margin: 2px 5px 0 0;}

.stop-timer-icon {background: none; box-shadow: none; border: none; padding: 0; min-height: 20px;}
.stop-timer-icon .material-symbols-outlined{display: none;}



      .show-fields  .block{position: relative; padding-left: 160px; padding-bottom: 5px; }
      .show-fields  .block::before{content: ""; position: absolute; right: 50px; top: 0; width: 1px; height: 100%; background: #cccccc;}
      .show-fields  .block:nth-child(3n)::before{content: "";width:0px;}
      .show-fields  .block label{position: absolute; left: 0; top: 0; font-size: 12px; max-width: 155px;}
      .back-button  .material-symbols-outlined{display: inline-block;    margin: 0px 7px 0 0; vertical-align: top;     font-size: 17px;}
      .table .badge{    padding: 8px 15px;}
      .remarks-form{width:820px;}

      .inline-radio .form-group .radio{display: inline-block; margin-left: 10px; }
      .inline-radio .form-group .radio:first-child{margin-left: 0;}

      .inline-radio .form-group .radio input{position: relative; top: 1px;}
      .table tr td .followup-btn{margin-right: 15px;     font-size: 10px;
        line-height: 14px;}
      


 
      .search-div {
        -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        background-color: #fff;
      }
      input[type="file" ] {border-radius: 30px;}
      .custom-file-label{cursor: pointer;}
      .custom-file .parsley-errors-list{    position: absolute;
        left: 0;
        bottom: -47px;
    }
    .custom-file .parsley-errors-list.filled ~ .custom-file-label{    border-color:  #dc3545 !important;}


    .column-settings-row  .table-responsive .table tr th,
    .column-settings-row  .table-responsive .table tr td{min-width: 170px; font-size: 12px; }
    .column-settings-row  .table-responsive .table tr th:first-child,
    .column-settings-row  .table-responsive .table tr td:first-child{min-width: 80px; }


    .page-404{text-align: center; width: 100%; position: relative; height: 100vh;} 
    .postion-pic{position: absolute; width:200px ; top: -15px;}
    .postion-pic img{width: 100%;}
    .postion-pic.pic-left{left: -45px;}
    .postion-pic.pic-right{right: -45px;  -ms-transform: rotate(90deg); /* IE 9 */
      transform: rotate(90deg);}
    .page-404 .inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .page-404 .inner h1{font-size: 180px; line-height: 150px; margin: 0; padding: 0; font-weight: bold; color: #0F4876;}
    .page-404 .inner h2{font-size: 48px; line-height: 50px; font-weight: bold; color: #0F4876;}
    .page-404 .inner p{font-size: 20px; line-height: 28px; font-weight: normal;}
    .page-404 .inner p span{display: block;}
    .page-404 .inner .button{background: #0F4876;
      border-radius: 32px; align-items: center;
      padding: 20px 48px; text-transform: uppercase;
      display: inline-block; color: #ffffff;
      text-decoration: none;
      font-weight: bold;
      margin-top: 30px;
      }
      .page-404 .inner .fame{position: absolute; top: 0; width: 200px;}
      .page-404 .inner .fame.left{left:-400px; top: 300px;}
      .page-404 .inner .fame.right{right: -400px;}
    .page-404 .inner .fame img{width: 100%;}
    .radio-blocks{border-bottom: solid 1px #0f4774;}
  
    .radio-blocks  .form-group {display: inline-block; vertical-align: top; }
    .radio-blocks .radio-label{font-size: 20px; display: inline-block; margin-right: 20px; font-weight: bold !important; line-height: 38px;} 
    .radio-blocks  .radio label{ display: inline-block;  margin-right: 30px;  position: relative;  background: #eeeeee; border-radius: 30px; padding: 12px 45px 12px 30px; vertical-align: top;  
      font-weight: bold !important; position: relative; cursor: pointer;}
    .radio-blocks  .radio input{display: inline-block; margin-right: 10px; position: relative; top: 2px;}
    .child-table{background: #f9f9f9; padding: 30px; }
    .child-table #child-table{width: 100%;}
    .child-table #child-table td,
    .child-table #child-table th{ border: solid 1px #cccccc; padding: 10px 20px;}
    .radio-blocks  .radio {position: relative;}
    .radio-blocks  .radio .parsley-errors-list{position: absolute; left: 0; bottom: -15px;}
    .child-table .form-control.date-icon{background-color: #ffffff !important;}

    .radio-section label{     display: inline-block;
      margin-right: 15px;
      margin-top: 5px;
      position: relative;
      background: #eeeeee;
      border-radius: 30px;
      padding: 5px 25px 5px 18px;
      vertical-align: top;
      font-weight: normal !important;
      position: relative;
      cursor: pointer;
      }
    .radio-section input{display: inline-block; margin-right: 10px; position: relative; top: 2px;}
    .check.radio-section label{border-radius: 5px;  background: #dad8d8;}


    .nav-sidebar .nav-treeview{margin-left: 10px;}
.search-fitter {text-align: left;}
.deatails-card .card{padding: 30px;}
.deatails-card .card h4, .deatails-card .card h1{  float: none;    font-weight: 700;
  color: #0f4774; border-bottom: solid 1px #cccccc; padding-bottom: 15px; margin-bottom: 15px;}
  .deatails-card .card  ul{margin: 0; padding: 0;}
  .deatails-card .card  ul li{width: 48%; display: inline-block; position: relative; padding-left: 150px; margin-bottom: 15px; min-height: 17px;}
  .deatails-card .card  ul.list-full li, ul.list-full li{ width: 100%; margin-left: 0; margin-right: 0;}
  .deatails-card .card  ul li p{position: absolute; left: 0; top: 0;  font-weight: bold;}
  .deatails-card .card  ul li  span{    display: inline-block;

    font-size: 16px;
    vertical-align: top;
    margin-right: 5px;
    position: relative;
    top: 3px; }
  .deatails-card .card .inner{margin-right: 40px; border-right: solid 2px #cccccc; padding-right: 50px;}
  .custom-added .col{min-width:250px;}
  .custom-added .col h4{margin-top: 15px;     font-weight: 700; color: #0f4774; font-size: 20px;}
  .custom-added .col .btn{margin-top: 10px;}

  .deatails-card.followups-card .card ul li{padding-left: 300px;}

  .deatails-card.followups-card .card .inner{ border: none; margin-right: 0; padding-right: 0;}

  .custom-added.follow-custom-added .col{min-width: 20%;}
  .custom-added.follow-custom-added .col .form-control{min-width: 100%;}

  .login-card-body  .form-group .form-control{background: #ffffff !important; max-width: 390px;}
  .show-fields .block p{min-height: 20px; max-width: 95%;}
    .show-fields .block.view-full-block label{position: relative; max-width: 100%;}
  .show-fields .block.view-full-block {padding: 0;}
  .show-fields .view-full-block .block label{max-width: 100%; }
  .select2-selection__clear{display: none !important;}

  .form-search-inline  .form-inline{   
    display: block !important;}

  .form-search-inline  .form-inline .row{   
    display: block !important;}
    .form-search-inline  .form-search .col{display: inline-block; width: auto !important; vertical-align: top;}
    .select-permissions{display: inline-block; }
    .select-permissions input{position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0;}
    .select-permissions label{display: inline-block; background: #cccccc; padding: 15px 30px 10px 50px; border-radius: 30px;
      
      border-bottom-left-radius: 0; border-bottom-right-radius: 0;
      margin: 15px 0 5px 0; cursor: pointer; position: relative;}
    .select-permissions label::before{content: ""; position: absolute;     left: 23px;
      top: 18px; width: 15px; height: 15px; background: #ffffff;}
    .select-permissions label::after{    content: "\f00c"; position: absolute; 
      left: 26px;
      top: 16px;
 height: 15px; color: #0f4774;
      font-family: var(--fa-style-family,"Font Awesome 6 Free");
      font-weight: var(--fa-style,900);
      display: none;
    
    
    }
    .select-permissions input:checked~label{background: #0f4774; color: #ffffff;}
    .select-permissions input:checked~label:after{display: block;}

    .form-card .table-responsive .table .sub-table  tr th:first-child,
    .form-card .table-responsive .table .sub-table  tr td:first-child {font-weight: 600;     }
    .claim-card {margin-bottom: 30px;}
    .claim-card  .card {border: solid 1px #ccc !important; padding: 30px 30px 15px 30px !important; height: 100%; }
    .claim-card  .card .block::before{display: none;}
    .navbar-white{background: #f9f9f9;}

    .title-row {padding-right: 30px;}
    .title-row h1{font-weight: 700; position: relative;
      color: #0f4774;     font-size: 26px; margin: 0;
      line-height: 36px; padding:5px 0 5px 50px;}
      .title-row h1 span{font-size: 40px; display: inline-block; vertical-align: top; position: absolute; left: 0; top: 0;}
    .title-row  .btn{border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; top: 0; right: 0;}

    .column-settings-inline  .form-search{float: left;  width: calc(100% - 160px); margin-bottom: 0;}
    .column-settings-inline  .column-row .column-settings,     .column-settings-inline  .column-row form{display: inline-block !important; vertical-align: top; float: none !important; margin-bottom: 0;}
    .column-settings-inline  .column-row{float: right; width: 160px; text-align: right;}
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header{margin-left: 0;}
    .layout-fixed .main-sidebar{    top: 70px;
      padding-top: 10px;}
.custom-logo{
  position: fixed;
  left: 0;
  top: 0;
  background: #ffffff;
  box-shadow: 0px -10px 10px rgba(120, 130, 140, 0.13%);
  -o-box-shadow: 0px -10px 10px rgba(120, 130, 140, 0.13%);
  -webkit-box-shadow: 0px -10px 10px rgba(120, 130, 140, 0.13%);
  -moz-box-shadow: 0px -10px 10px rgba(120, 130, 140, 0.13%);
  padding: 0px 15px 0px 0px;
z-index: 9999;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 75%;
  max-width: 250px;
}

.custom-logo .brand-link,.custom-logo .navbar-nav{display: inline-block; vertical-align: top;}
.custom-logo .navbar-nav{    margin-top: 10px;
  margin-left: 45px;}
  .layout-fixed .main-sidebar{  box-shadow: 0px 10px 10px rgba(120, 130, 140, 0.13%);
    -o-box-shadow: 0px 10px 10px rgba(120, 130, 140, 0.13%);
    -webkit-box-shadow: 0px 10px 10px rgba(120, 130, 140, 0.13%);
    -moz-box-shadow: 0px 10px 10px rgba(120, 130, 140, 0.13%);}

.main-header{    padding-bottom: 15px;}
.layout-fixed .brand-link{width: 200px;}
 .sidebar-mini.sidebar-collapse .main-header{margin-left: 0 !important;}


 .permision-section p,  .permision-section  .select-permissions{display: inline-block; vertical-align: top;}
 .permision-section p{     font-weight: 700;
  color: #0f4774;
  font-size: 18px; padding: 30px 15px 0 0;}
  .permision-section  .select-permissions{position: relative; top: 5px;}
.inline-lable-search  .form-control{display: inline-block; max-width: 400px; margin-left: 15px;}

.form-search-inline.column-settings-inline .form-search .search-date{min-width: 50px;}
.form-search-inline.column-settings-inline .form-search.form-inline .form-control{min-width: 230px}
.form-search-inline.column-settings-inline .form-search.form-inline .search-date .form-control{min-width: 100px}
.view-dolor .material-symbols-outlined{display: inline-block; font-size: 14px; position: relative; top: 2px;}


body.sidebar-collapse .custom-logo{
  max-width: 120px;}

  .login-logo img{max-width: 150px;}
  .login-box-msg{font-size: 20px;}


  .custom-logo .navbar-nav{    position: absolute;
    left: 140px;
    top: 0;}

    .sidebar-mini.layout-fixed.sidebar-collapse  .custom-logo .navbar-nav{    left: 17px;}

#followup_time-picker-content .form-control{    padding: 0;}
#followup_time-picker-content .justify-content-between {display: block !important; width: 100%;}
#followup_time-picker-content .justify-content-between div{width: 100%;}
#followup_time-picker-content .justify-content-between div.invisible{display: none !important;}

span.show-current-date{top: -7px;position: relative;left: 5px;font-weight: bold;}

.show-fields p  .material-symbols-outlined{font-size: 16px;
  position: relative;
  top: 0px;
  display: inline-block;
  vertical-align: text-bottom;}

  .show-fields h5{    border-bottom: solid 2px #0f4774;
    padding-bottom: 10px; margin-bottom: 15px;}

    .ui-datepicker-clear {
      float: right;
    }

.details-section ul{ list-style: none; margin: 0; padding: 0;}
.details-section ul li{ padding: 0 0 0 0; position: relative;}
/* .details-section ul li::before{ content: "\f105";      font-family: "Font Awesome 6 Free";
  font-weight: 900; position:absolute; left: 0; top: 0; color: #0f4774; font-size: 10px;} */

#sales-table tbody tr{position: relative;}
.last-action{position: absolute; right: 250px; top: 30px;}
.table-responsive>#sales-table.table>tbody>tr:nth-child(2n){background: none;     border: solid 1px #eeeeee;}

.select2-results__group{
  display: none !important;
}
.mailbox-attachments{    position: relative;
  z-index: 9999;}
.mailbox-attachment-name{font-size: 9px;}
.multiple-files .material-symbols-outlined{font-size: 16px;}

.page-numbers .form-inline{width: 100%; display: block; margin-top: 15px; position: relative;} 
.page-numbers .form-inline p{display: inline-block; vertical-align: middle; margin-right: 15px; margin-top: 7px;    color: #0f4774;  font-weight: bold;}
.page-numbers .form-inline .form-control{ display: inline-block; visibility: middle;     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.03);     background: #fff;
  border: 1px solid #d7d7d7;     border-radius: 1.25rem !important; 
  color: #000000;     padding: 10px 10px 10px 10px; font-size: 12px !important;}
  .page-numbers .form-inline .input-group-append{position: absolute; right: 0; top: 0; z-index: 9999;}

  .page-numbers .input-group{max-width: 250px;}

  .page-numbers .form-inline .input-group-append .btn-primary{    border-top-right-radius: 15px;  border-bottom-right-radius: 15px;}


  .page-numbers  .parsley-errors-list {
   
    display: block;
    width: 100%;

    position: relative;
    left: 85px;
    top: -10px;
}