/* ------------------------------------------------------------------------------
 *
 *  # Default/Login Page/Rggister/Header CSS
  
 * ---------------------------------------------------------------------------- */

:root{--pink: #e91e63;}
:root, [data-color-theme=light] {
    --body-font-size-lg: 1rem;
    --body-font-size-sm: 0.75rem;
    --body-font-size-xs: 0.625rem;
    --body-line-height-computed: calc(1375rem / 1000);
    --body-line-height-lg: 1.375;
    --body-line-height-sm: 1.8334;
    --body-line-height-xs: 2.2;
    --component-active-bg: #db0400;
    --component-active-bg-rgb: 209,4,0;
    --component-active-color: #fff;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(12, 131, 255, 0.25);
    --spacer-1: 0.3125rem;
    --spacer-2: 0.625rem;
    --spacer: 1.25rem;
    --spacer-4: 1.875rem;
    --spacer-5: 3.75rem;
    --icon-font-family: Phosphor;
    --icon-font-size: 1.25rem;
    --icon-font-size-lg: 1.5rem;
    --icon-font-size-sm: 1rem;
    --box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.125);
    --box-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
    --box-shadow-lg: 0 6px 12px rgba(0, 0, 0, 0.15);
    --transition-base-timer: 0.15s;
    --transition-collapse-timer: 0.3s;
    --gray-100: #F9FAFB;
    --gray-200: #F3F4F6;
    --gray-300: #E5E7EB;
    --gray-400: #D1D5DB;
    --gray-500: #9CA3AF;
    --gray-600: #6B7280;
    --gray-700: #4B5563;
    --gray-800: #374151;
    --gray-900: #1F2937;
    --indigo: #5C6BC0;
    --purple: #8e70c1;
    --pink: #e91e63;
    --teal: #26A69A;
    --yellow: #ffd648;
    --primary: #0c83ff;
    --secondary: #247297;
    --success: #059669;
    --info: #049aad;
    --warning: #f58646;
    --danger: #EF4444;
    --light: #F3F4F6;
    --dark: #252b36;
    --black: #000;
    --white: #fff;
    --indigo-rgb: 92,107,192;
    --purple-rgb: 142,112,193;
    --pink-rgb: 243,92,134;
    --teal-rgb: 38,166,154;
    --yellow-rgb: 255,214,72;
    --primary-rgb: 12,131,255;
    --secondary-rgb: 36,114,151;
    --success-rgb: 5,150,105;
    --info-rgb: 4,154,173;
    --warning-rgb: 245,134,70;
    --danger-rgb: 239,68,68;
    --light-rgb: 243,244,246;
    --dark-rgb: 37,43,54;
    --black-rgb: 0,0,0;
    --white-rgb: 255,255,255;
    --body-color-rgb: 51,51,51;
    --body-bg-rgb: 241,244,249;
    --font-sans-serif: Roboto,"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --body-font-family: var(--font-sans-serif);
    --body-font-size: 0.8125rem;
    --body-font-weight: 400;
    --body-line-height: 1.5715;
    --body-color: #333333;
    --body-bg: #f1f4f9;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #D1D5DB;
    --border-color-translucent: rgba(0, 0, 0, 0.125);
    --border-radius: 0.375rem;
    --border-radius-sm: 0.25rem;
    --border-radius-lg: 0.5rem;
    --border-radius-xl: 1rem;
    --border-radius-2xl: 2rem;
    --border-radius-pill: 50rem;
    --link-color: #0c83ff;
    --link-hover-color: #0962bf;
    --code-color: #f35c86;
    --highlight-bg: rgba(0, 0, 0, 0.15);
}
body {
    margin: 0;
    font-family:roboto;display: block !important; overflow-y:auto !important; 
 }

.border-warning-400 {
    border-color: #ff7043;
}
.text-warning-400 {
    color: #ff7043;
}
.rounded-round {
    border-radius: 100px!important;
}
.border-3 {
    border: 3px solid;
}
.p-3 {
    padding: 1.25rem!important;
}
.btn-block {
    display: block;
    width: 100%;
}
.form-control {
    background-clip: border-box;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.4375rem 0.875rem;
    font-size: .8125rem;
    line-height: 1.5385;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.re-register {    padding: 0px 0px 95px 0px;
}
button, input {
    overflow: visible;
}
.form-group {
    margin-bottom: 1.25rem;
}
.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 0;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}

 .icon-2x {
    font-size: 32px;
}
.bg-pink {
    background-color: #e91e63;
}
.btn-outline.disabled, .btn-outline:disabled, .btn-outline:not(:hover):not(:active):not(.active):not([aria-expanded=true]) {
    background-color: transparent!important;}

 .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):hover, .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):not([disabled]):not(.disabled).active, .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):not([disabled]):not(.disabled):active, .show>.btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]).dropdown-toggle {
    color: #fff! important;
}

[class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) {
    color: #fff;
}
.page-header-light {
    border-bottom: 1px solid #ddd;
}

.h5, h5 {
    font-size: 1.0625rem;font-weight: 400;
}

.re-register .btn:hover {
    color: auto inherit;
    background-color: #03a9f4;
    border-color: inherit;
}
.re-register .card{--card-box-shadow:0}
.btn {
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    font-size: .8125rem;
    line-height: 1.5385;
    border-radius: 0.1875rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

label {
    display: inline;
    margin-bottom: 0.4rem;
}


.form-group-feedback {
    position: relative;
}

.form-group-feedback .form-control-feedback{position: absolute; top: 32px;}

.re-form .btn:hover {
    color: auto inherit;
    background-color: #03a9f4;
    border-color: inherit;
}
.text-muted {
    color: #999!important;
}

.dropdown-content-body {
    padding: 0.0rem 1.0rem;
}
.line-height-sm {
    line-height: 1.6667;
}
.font-size-sm {
    font-size: .75rem;
}
.font-weight-semibold {
    font-weight: 500;
}
.text-uppercase {
    text-transform: uppercase!important;
}
.mt-1, .my-1 {
    margin-top: 0.3125rem!important;
}
.text-default {
    color: #333;
}
.form-check .custom-control label {display: inline;}

/* ------------------------------------------------------------------------------
 *
 *  # search/birth CSS
  
 * ---------------------------------------------------------------------------- */


.show { 
    display: block !important ; visibility: visible ;
}
.nav-item-submenu>.nav-link:after {
    content: "\e9c9";
    font-family: icomoon;}

.text-danger-800 {
    color: #c62828 !important;
}
.mt-3, .my-3 {
    margin-top: 1.25rem!important;
}
.ml-2, .mx-2 {
    margin-left: 0.625rem!important;
}
.mt-3, .my-3 {
    margin-top: 1.25rem !important;
}
.ml-2, .mx-2 {
    margin-left: 0.625rem !important;
}
.pl-3, .px-3 {
    padding-left: 1.25rem!important;
}
.pr-3, .px-3 {
    padding-right: 1.25rem!important;
}

.pb-1, .py-1 {
    padding-bottom: 0.3125rem!important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    letter-spacing: -0.015em;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    letter-spacing: -.015em;
}

.h2, h2 {
    font-size: 1.4375rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.625rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.5385;
    color: inherit;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.w-80{width: 80%}
.card-body label{ display:inline-block; }



/* ------------------------------------------------------------------------------
 *
 *  # CSS for Fix Menu/Navigation and Header
  
 * ---------------------------------------------------------------------------- */

.navbar-nav [class^="icon-home5"], .navbar-nav [class*=" icon-home5"] {
    font-size: 25px;
    color: #fff !important;
}

.dropdown-user .navbar-nav-link > span {
    display: inline-block;
    padding-right: 6px !important;
}
.navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar {
     padding: 0 0.4rem;}

.navbar-brand img { width: 80%;
    height: auto !important;}
 .navbar-nav {
    padding: 4px 0px 1px 0px;
    font-size: 14px;
}
.flags,.notifications{ position:relative; }
.flags .dropdown-menu-right{ right:0px }
.notifications .dropdown-menu-right {
    left: -155%;top:-10px;
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--dropdown-spacer);
}.rounded-pill {
    border-radius: var(--border-radius-pill)!important;
}
.p-1 {
    padding: 0.3125rem!important;
}
#notifications .offcanvas-body { display: block; height: 600px; overflow-y: scroll;
}
.navbar-expand-xl .offcanvas .offcanvas-header {
  display: flex;
}
.flags .mt-1,.flags .my-1 {
    margin-top: 0.6125rem!important;
}

.notifications .mt-1,.notifications .my-1 {
    margin-top: 0.6125rem!important;
}
/* ------------------------------------------------------------------------------
 *
 *  # Media query starts for mobile navigation
  
 * ---------------------------------------------------------------------------- */

@media (min-width: 1199px){
.d-md-none {
  display: block !important;}
  .navbar-expand-md .navbar-toggler {
    display: block;
}
}
@media (min-width: 768px){
.d-md-none {
    display: block!important;
}
  .navbar-expand-md .navbar-toggler {
    display: block;
}
}
@media (min-width: 1200px){
.d-md-none {
  display: none !important;}
  .navbar-expand-md .navbar-toggler {
    display: none;
}
}

/* ------------------------------------------------------------------------------
 *
 *  # Media query ends for mobile navigation
  
 * ---------------------------------------------------------------------------- */
.slide-right {
  animation: 0.5s slide-right;
}
@keyframes slide-right {
  from {
    margin-left: 600px;
  }
  to {
    margin-left: 0px;
  }
}

.sidebar-content{ overflow:visible; }
.media-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.ml-2, .mx-2 {
    margin-left: 0.625rem!important;
}

.mr-2, .mx-2 {
    margin-right: 0.625rem!important;
}
.mr-3, .mx-3 {
    margin-right: 1.25rem!important;
}
.nav-sidebar .nav-link .badge {
    transition: background-color ease-in-out .15s,border-color ease-in-out .15s;
}
.badge-float {
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
}
.badge-info {
    color: #fff;
    background-color: #00bcd4;
}
.badge-pill {
    padding-right: 0.4375rem;
    padding-left: 0.4375rem;
    border-radius: 10rem;
}
.mr-0, .mx-0 {
    margin-right: 0!important;
}
.sidebar {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.875rem;
    z-index: 1040;
}
.bg-grey2{ background:#e5e5e5 }
.sidebar i{ font-size:16px; }
.re-user-profile .nav-item-submenu > .nav-link::after {
/*    font-size: 16px !important;*/
    top: 7px !important;
}
.nav-item-submenu.nav-item-open>.nav-link:after {transform: rotate(-90deg);}

.re-user-profile .nav-sidebar .nav-link:not(.disabled):hover {
    color: #db0400 !important;
}
.sidebar-light .nav-sidebar .nav-link:not(.disabled):hover {
    color: #333;
    background-color: #f5f5f5;
}
.sidebar-light .dropdown-toggle::after{ content:none; }
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
        margin-top: 1.25rem;
}


.dropdown-item > i, .dropdown-item > img, .dropdown-header > i, .dropdown-header > img {
    margin-right: 1rem;
}
ul.nav-group-sub .card-body{ padding:0px } 
.nav-group-sub {
    display: none;
}
.sidebar-expand-lg.sidebar-main {
    z-index: 99;
}
@media (min-width: 992px)
.sidebar-expand-lg {
    --sidebar-box-shadow: none;
    position: static;
}
.sidebar-dark {
    --sidebar-bg: #252b36;
    --sidebar-color: #fff;
    --sidebar-border-color: transparent;
    color-scheme: dark;
}

.content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    min-width: 0;
}
.profile-cover .media {
    bottom: 1.25rem;
}
.profile-cover .media {
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    -webkit-transform: none;
    transform: none;
}
.profile-thumb img {
    border: 3px solid #fff;
    box-shadow: 0 0 0.1875rem rgb(0 0 0 / 50%);
    width: 6.25rem;
    height: 6.25rem;
}
.mr-md-3, .mx-md-3 {
    margin-right: 1.25rem!important;
}
.profile-cover .media-body {
    text-shadow: 0 0 0.1875rem rgb(0 0 0 / 50%);
}
.text-md-left {
    text-align: left!important;
}
.mr-1, .mx-1 {
    margin-right: 0.3125rem!important;
}
.sidebar-expand-md-collapsed>:not(.btn-sidebar-expand) {
    display: none!important;
}
.multiselect-native-select .btn{border: 1px solid #d1d5db;text-align: left;}

.multiselect-native-select .form-check{padding-left:30px;}
/* ------------------------------------------------------------------------------
 *
 *  # Media query starts
  
 * ---------------------------------------------------------------------------- */

@media (min-width: 992px){
.ml-lg-auto, .mx-lg-auto {
    margin-left: auto!important;
}
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    right: 0;
}
}




/* ------------------------------------------------------------------------------
 *
 *  # Media query ends 
  
 * ---------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------
 *
 *  # Add Image links css starts
  
 * ---------------------------------------------------------------------------- */
.add-img a{ 
    background: #EF4444; color: #fff; padding: 8px 15px;
    text-align: center;
}
.float-left{ float:left; }




/* ------------------------------------------------------------------------------
 *
 *  # Add Image links css ends
  
 * ---------------------------------------------------------------------------- */


.shadow-0 {
    box-shadow: none!important;
}
.img-responsive{ max-width:100%; height:auto; }


.checkout ul {
    padding: 0px;
    margin: 0px;
}
.checkout ul li {
    list-style: none;
    padding: 20px 0px;
}
.checkout ul li span.checkout-title {
    float: left;
}
.checkout ul li span.checkout-ds {
    float: right;
    text-align: right;
}

.bdr-t1 {border-top: 1px solid #e5e5e5;}

.plan-footer form{ float:left; }
.fs-16{ font-size:16px; }
.fs-14{ font-size:14px; }


.float-right { float: right !important;}
a.bg-indigo-400:hover{background-color: #5c6bc0; opacity: .9}
.applyBtn:hover{    background-color: #546e7a;opacity: .9}


/* ------------------------------------------------------------------------------
 *
 *  # dropdown on Share announcements page
  
 * ---------------------------------------------------------------------------- */
.announce .btn-group .btn{ border:1px solid #bdbcbc;    text-align: left; }
.announce .input-group i.icon-search4{ float:left; position:absolute; left:10px; top:10px }
.announce .multiselect-item{ padding:10px 0px 8px 20px }
.announce .multiselect-item label input{ width:18px; height:18px; border:1px solid #d1d5db; margin-right: 7px; float: left;}
.announce .multiselect-item label { line-height:20px; font-size:14px; margin:0px }



.gen-info .form-check {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}


/* ------------------------------------------------------------------------------
 *
 *  # Search results page css
  
 * ---------------------------------------------------------------------------- */


 .search-filter{ background:#ddd; padding:10px; }

 .search-filter .nav-sidebar .nav-item:not(.nav-item-header):first-child {
    padding-top:11px !important;
    }
.search-filter .nav-sidebar .nav-item:not(.nav-item-header):last-child {
    padding-bottom: 11px !important;
}
.search-filter h3{ font-size:16px; font-weight:600; margin-bottom:8px  }

.filter-collection h4 {
    font-size: 14px;
    color: #db0400;
    margin-bottom: 5px;
    font-weight: bold;
}

.filter-collection h4 span {
    float: right;
    font-size: 12px;
    color: #717171;
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .5;
    right: 10px;
    line-height: 11px;
    font-size: .8em;
}

.dataTable thead th {
    color: #333333;
}

.dataTable .sorting_1 a {
    color: #333333;
}

.btn-secondary {
    --btn-color: #fff;
    --btn-bg: #db0400;
    --btn-border-color: #db0400;
    --btn-hover-color: #fff;
    --btn-hover-bg: #bf1a1e;
    --btn-hover-border-color: #db0400;
    --btn-focus-shadow-rgb: #db0400;
    --btn-active-color: #fff;
    --btn-active-bg: #db0400;
    --btn-active-border-color: #db0400;
    --btn-active-shadow: inset 0 0 0 0 transparent;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #247297;
    --btn-disabled-border-color: #247297;
}

.font-weight-normal{ font-size:10px }
.art-list li{ list-style:none; margin-right:8px }

.input-group>.form-control:focus {z-index: 0 !important;}


.badge-mark:empty {
    display: inline-block;
}
.badge-mark {
    padding: 0;
    min-width: 0.5rem;
    min-height: 0.5rem;
    border-radius: 100px;
}
.bg-slate-600{ background:#2196f3 }
.bg-slate-600:hover{ background:#0b76e6 }
#customer-overview table.dataTable td, #customer-overview  table.dataTable th,#customer-nature table.dataTable td, #customer-nature table.dataTable th, #customer-queries table.dataTable td, #customer-queries table.dataTable th{padding: 6px;}

#customer-overview td, #customer-overview th,
#customer-nature td, #customer-nature th, 
#customer-queries td, #customer-queries th{padding: 6px;}



.bg-blue{ background-color:#03a9f4; background:#03a9f4 !important  }
.pl-0{ padding-left: 0px;}

.dt-buttons{float: left;
    display: block !important;}

div.dataTables_wrapper div.dataTables_filter{ float:right; }


.media-chat-item-reverse .media-chat-message {
    background-color: #fff;
    border: 1px solid #0c83ff; color: #000;
}


ul#d1{ background:#fff; }



.data-dir-nation ul.reliable-list li {   background: url(../images/check-12.png) no-repeat 0px 6px !important;}




@media (min-width: 1400px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100% !important;}
}



.content-wrapper .content .container .table{--table-cell-padding-y:0.40rem;}