/*--------------------------------------------------------------
# Font family
--------------------------------------------------------------*/

 /* @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Montserrat+Alternates:wght@400;500;600;700;800;900&family=Open+Sans:wght@300&family=Philosopher:wght@700&family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Poppins:wght@200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap'); */

 @font-face {
   font-family: 'Roboto';
   src: url('../font/Roboto-Bold.eot');
   src: url('../font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
     url('../font/Roboto-Bold.woff2') format('woff2'),
     url('../font/Roboto-Bold.woff') format('woff'),
     url('../font/Roboto-Bold.ttf') format('truetype'),
     url('../font/Roboto-Bold.svg#Roboto-Bold') format('svg');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }


 @font-face {
   font-family: 'Roboto';
   src: url('../font/Roboto-BoldItalic.eot');
   src: url('../font/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
     url('../font/Roboto-BoldItalic.woff2') format('woff2'),
     url('../font/Roboto-BoldItalic.woff') format('woff'),
     url('../font/Roboto-BoldItalic.ttf') format('truetype'),
     url('../font/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
   font-weight: bold;
   font-style: italic;
   font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src: url('../font/Roboto-Italic.eot');
   src: url('../font/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
     url('../font/Roboto-Italic.woff2') format('woff2'),
     url('../font/Roboto-Italic.woff') format('woff'),
     url('../font/Roboto-Italic.ttf') format('truetype'),
     url('../font/Roboto-Italic.svg#Roboto-Italic') format('svg');
   font-weight: normal;
   font-style: italic;
   font-display: swap;
 }



 @font-face {
   font-family: 'Roboto';
   src: url('../font/Roboto-Medium.eot');
   src: url('../font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
     url('../font/Roboto-Medium.woff2') format('woff2'),
     url('../font/Roboto-Medium.woff') format('woff'),
     url('../font/Roboto-Medium.ttf') format('truetype'),
     url('../font/Roboto-Medium.svg#Roboto-Medium') format('svg');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src: url('../font/Roboto-Regular.eot');
   src: url('../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
     url('../font/Roboto-Regular.woff2') format('woff2'),
     url('../font/Roboto-Regular.woff') format('woff'),
     url('../font/Roboto-Regular.ttf') format('truetype'),
     url('../font/Roboto-Regular.svg#Roboto-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src: url('../font/Roboto-MediumItalic.eot');
   src: url('../font/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
     url('../font/Roboto-MediumItalic.woff2') format('woff2'),
     url('../font/Roboto-MediumItalic.woff') format('woff'),
     url('../font/Roboto-MediumItalic.ttf') format('truetype'),
     url('../font/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
   font-weight: 500;
   font-style: italic;
   font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src: url('../font/Roboto-Thin.eot');
   src: url('../font/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
     url('../font/Roboto-Thin.woff2') format('woff2'),
     url('../font/Roboto-Thin.woff') format('woff'),
     url('../font/Roboto-Thin.ttf') format('truetype'),
     url('../font/Roboto-Thin.svg#Roboto-Thin') format('svg');
   font-weight: 100;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src: url('../font/Roboto-ThinItalic.eot');
   src: url('../font/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
     url('../font/Roboto-ThinItalic.woff2') format('woff2'),
     url('../font/Roboto-ThinItalic.woff') format('woff'),
     url('../font/Roboto-ThinItalic.ttf') format('truetype'),
     url('../font/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
   font-weight: 100;
   font-style: italic;
   font-display: swap;
 }

 :root {
   scroll-behavior: smooth;
   color-scheme: light dark;
   --color-light-background: hsl(0, 0%, 90%);
   --color-light-text: hsl(0, 0%, 20%);
   --color-dark-background: hsl(0, 0%, 20%);
   --color-dark-text: hsl(0, 0%, 90%);
   --color-brand: #42a5f5;
   --primary: #ffc107;
   --secondary: #673ab7;
   --font-mobile-family: "Roboto", sans-serif;
   --font-desktop-family: "Poppins", sans-serif;
 }

 ::-webkit-scrollbar-track {
   background-color: #F5F5F5;
   border-radius: 12px;
 }

 ::-webkit-scrollbar {
   width: 7px;
   background-color: #F5F5F5;
   border-radius: 20px;
   height: 6px;
 }

 ::-webkit-scrollbar-thumb {
   background-color: #8c9db9;
   border-radius: 20px;
 }

 .cursorpointer {
   cursor: pointer;
 }

 html {
   scroll-behavior: smooth;
 }


 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

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

 .modal {
   z-index: 1111;
 }

 * {
   font-family: 'Roboto', sans-serif;
 }

 body {
   font-family: 'Roboto', sans-serif;
   /* font-family: 'Poppins','Open Sans','Nunito'; */
   background: #f5f5f5;
   color: #444444;
 }

 a {
   color: #4154f1;
   text-decoration: none;
 }

 textarea:focus,
 input:focus {
   outline: none !important;
 }

 *:focus {
   outline: none;
 }

 a:hover {
   color: #717ff5;
   text-decoration: none;
 }

 input,
 select,
 input:focus,
 select:focus {
   background: #fff !important;
   outline: 0 !important;
 }

 .fpBGKh::-webkit-scrollbar,
 .hlbvEC::-webkit-scrollbar {

   height: 6px;
 }

 /* Track */
 .fpBGKh::-webkit-scrollbar-track,
 .hlbvEC::-webkit-scrollbar-track {
   background: #f1f1f1;
 }

 /* Handle */
 .fpBGKh::-webkit-scrollbar-thumb,
 .hlbvEC::-webkit-scrollbar-thumb {
   background: #ccc;
 }

 /* Handle on hover */
 .fpBGKh::-webkit-scrollbar-thumb:hover .hlbvEC::-webkit-scrollbar-thumb:hover {
   background: #555;
 }


 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: 'Roboto', sans-serif;
 }

 .pl-4 {
   padding-left: 20px !important;
 }

 /* /////////////////////loader */

 .outerloader {
   position: fixed;
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   row-gap: 10px;
   width: 100%;
   height: 100%;
 }

 .outerloader2 {
   position: relative;
   margin-top: 30px;
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   row-gap: 10px;
   width: 100%;
   height: 100%;
 }

 .loader {
   width: 48px;
   height: 48px;
   border: 5px solid #FFF;
   border-bottom-color: #5e62a1;
   border-radius: 50%;
   display: inline-block;
   box-sizing: border-box;
   animation: rotation 1s linear infinite;
 }

 .loaderwait {
   position: relative;
   font-size: 14px;
   font-weight: bold;
 }

 @keyframes rotation {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 @keyframes lqt {

   0%,
   100% {
     background-image: linear-gradient(var(--color-brand) 40px, transparent 0);
     background-position: 0% 0px;
   }

   50% {
     background-image: linear-gradient(var(--color-brand) 40px, transparent 0);
     background-position: 0% 40px;
   }

   50.1% {
     background-image: linear-gradient(var(--color-brand) 40px, transparent 0);
     background-position: 0% -40px;
   }
 }

 @keyframes lqb {
   0% {
     background-image: linear-gradient(var(--color-brand) 40px, transparent 0);
     background-position: 0 40px;
   }

   100% {
     background-image: linear-gradient(var(--color-brand) 40px, transparent 0);
     background-position: 0 -40px;
   }
 }

 @keyframes spinx {

   0%,
   49% {
     transform: rotate(0deg);
     background-position: 50% 36px;
   }

   51%,
   98% {
     transform: rotate(180deg);
     background-position: 50% 4px;
   }

   100% {
     transform: rotate(360deg);
     background-position: 50% 36px;
   }
 }


 /* /////end loader */

 /*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
 #main {
   margin-top: 60px;
   padding: 20px 30px;
   transition: all 0.3s;
 }

 @media (max-width: 1199px) {
   #main {
     padding: 20px;
   }
 }

 /*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/

 .pagetitle h1 {
   font-size: 24px;
   margin-bottom: 0;
   font-weight: 600;
   color: #424242;
 }

 .pagetitle h1 span {
   background: #9e9e9e;
   color: #fff;
   font-size: 26px;
   font-weight: bold;
   padding: 2px 10px;
 }

 /*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
 .back-to-top {
   position: fixed;
   visibility: hidden;
   opacity: 0;
   right: 15px;
   bottom: 15px;
   z-index: 99999;
   background: #4154f1;
   width: 40px;
   height: 40px;
   border-radius: 4px;
   transition: all 0.4s;
 }

 .back-to-top i {
   font-size: 24px;
   color: #fff;
   line-height: 0;
 }

 .back-to-top:hover {
   background: #6776f4;
   color: #fff;
 }

 .back-to-top.active {
   visibility: visible;
   opacity: 1;
 }

 /*--------------------------------------------------------------
# Override some default Bootstrap stylings
--------------------------------------------------------------*/
 /* Dropdown menus */

 .homemenu {
   background: #42a5f5 !important;
   color: #fff !important;
   margin: 1px 0px
 }

 .dropdown-menu {
   border-radius: 4px;
   padding: 10px 0;
   animation-name: dropdown-animate;
   animation-duration: 0.2s;
   animation-fill-mode: both;
   border: 0;
   box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
 }

 .dropdown-menu .dropdown-header,
 .dropdown-menu .dropdown-footer {
   text-align: center;
   font-size: 15px;
   padding: 10px 25px;
 }

 .dropdown-menu .dropdown-footer a {
   color: #444444;
   text-decoration: underline;
 }

 .dropdown-menu .dropdown-footer a:hover {
   text-decoration: none;
 }

 .dropdown-menu .dropdown-divider {
   color: #a5c5fe;
   margin: 0;
 }

 .dropdown-menu .dropdown-item {
   font-size: 14px;
   padding: 10px 15px;
   transition: 0.3s;
 }

 .dropdown-menu .dropdown-item i {
   margin-right: 10px;
   font-size: 18px;
   line-height: 0;
 }

 .dropdown-menu .dropdown-item:hover {
   background-color: #f6f9ff;
 }

 @media (min-width: 768px) {
   .dropdown-menu-arrow::before {
     content: "";
     width: 13px;
     height: 13px;
     background: #fff;
     position: absolute;
     top: -7px;
     right: 20px;
     transform: rotate(45deg);
     border-top: 1px solid #eaedf1;
     border-left: 1px solid #eaedf1;
   }
 }

 @keyframes dropdown-animate {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }

   0% {
     opacity: 0;
   }
 }

 /* Light Backgrounds */
 .bg-primary-light {
   background-color: #cfe2ff;
   border-color: #cfe2ff;
 }

 .bg-secondary-light {
   background-color: #e2e3e5;
   border-color: #e2e3e5;
 }

 .bg-success-light {
   background-color: #d1e7dd;
   border-color: #d1e7dd;
 }

 .bg-danger-light {
   background-color: #f8d7da;
   border-color: #f8d7da;
 }

 .bg-warning-light {
   background-color: #fff3cd;
   border-color: #fff3cd;
 }

 .bg-info-light {
   background-color: #cff4fc;
   border-color: #cff4fc;
 }

 .bg-dark-light {
   background-color: #d3d3d4;
   border-color: #d3d3d4;
 }

 /* Card */
 .card {
   margin-bottom: 30px;
   border: none;
   border-radius: 5px;
   box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
 }

 .card-header,
 .card-footer {
   border-color: #ebeef4;
   background-color: #fff;
   color: #798eb3;
   padding: 15px;
 }

 .card-title {
   padding: 20px 0 15px 0;
   font-size: 18px;
   font-weight: 500;
   color: #424242;
   font-family: 'Roboto', sans-serif;
 }

 .card-title span {
   color: #899bbd;
   font-size: 14px;
   font-weight: 400;
 }

 .card-body {
   padding: 0 20px 20px 20px;
 }

 .card-img-overlay {
   background-color: rgba(255, 255, 255, 0.6);
 }

 .user_auth {
   width: 100%;
   height: 100vh;
 }

 .user_auth_left {
   justify-content: center;
   display: inline-flex;
 }

 .user_auth_left {
   width: 45%;
   height: 100%;
   padding: 45px;
   position: fixed;
   top: 0;
   background-size: cover !important;
   background-position: top !important;
   background-repeat: no-repeat !important;
 }

 .user_auth_left:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100vh;
   left: 0;
   top: 0;
   background: #ffffffcc;
 }

 .logo_uth_user {
   position: relative;
   z-index: 11;
   text-align: center;
   overflow: auto;
   align-items: center;
   justify-content: space-around;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   row-gap: 10px;
 }

 .logo_uth_user img {
   width: 200px;
 }

 .logo_uth_user h3 {
   font-size: 28px;
 }

 .logo_uth_user p b {
   width: 100%;
   display: block;
   font-size: 20px;
   margin-bottom: 10px;
 }

 .logo_uth_user p {
   /* margin-top: 30%; */
   font-size: 16px;
   padding: 30px;
   background: #fff;
 }

 .user_auth_right {
   float: right;
   width: 55%;
   height: 100vh;
   text-align: center;
   padding: 20px 0px;
 }

 /*pdf tempale */

 .outer-tampale-pdf {
   padding: 10px;
   float: right;
   background-color: #eeeeee11;
   overflow: hidden;
 }

 .template-pdf {
   background: #fff;
   width: 100%;
   min-height: 150.7mm;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 .template-pdf-btn {
   background: #5e62a1 !important;
   color: #fff;
   border: 0px;
   padding: 10px 20px;
   border-radius: 2px;
 }

 .template-pdf .header-pdf {
   width: 100%;
   max-height: 120px;
   background: #eee;
   text-align: center;
   overflow: hidden;
 }

 .header-pdf img {
   width: 100%;
   height: 100%;
 }

 .pdf-footer .template-pdf .header-pdf img {
   max-height: 120px;
   width: 100%;
   max-width: 100%;
 }

 .template-iiner-pdf {
   padding: 20px;
 }

 .template-iiner-pdf h2 {
   font-size: 24px;
   line-height: 28px;
 }

 .template-iiner-pdf pre {
   font-family: 'Roboto', sans-serif;
   text-wrap: wrap;
 }

 .pagination-top-right {
   float: right;
 }

 .clear {
   clear: both;
 }

 .pdfwatermark {
   position: absolute;
   width: 50%;
   height: auto;
   opacity: 0.9;
   top: 23%;
   left: 0;
   right: 0;
   margin: auto;
   transform: rotate(-45deg);
   font-size: 140px;
 }

 .pdf-footer {
   width: 100%;
   max-height: 120px;
   text-align: center;
   background: #eee;
 }

 .pdf-footer h4 {
   margin: 0px;
 }

 .pdf-footer img {
   max-height: 100%;
   width: 100%;
 }

 .form-box-outer {
   width: 100%;
   display: block;
   margin: 10px 0px;
 }

 .form-box-outer label {
   font-weight: 600;
   color: #333;
   font-size: 17px;
   display: block;
   margin-top: 15px;
 }

 .form-box-outer label small {
   font-size: 12px;
   font-weight: 500;
   margin-left: 7px;
 }

 .form-box-outer h2 {
   font-weight: bold;
   color: #000;
   font-size: 21px;
   background: #eee;
   display: block;
   padding: 10px;
   margin: 40px 0px 15px;
 }

 .form-box-outer input.bx,
 .form-box-outer select.bx {
   width: 100%;
   margin: 10px 0px;
 }

 .form-box-outer textarea.bx2 {
   height: 60px;
 }

 .form-box-outer textarea {
   margin: 10px 0px;
   height: 100px;
 }

 /* Alerts */
 .alert-heading {
   font-weight: 500;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
 }

 .form-pdf {
   display: block;
   width: 100%;
 }

 /* Close Button */
 .btn-close {
   background-size: 25%;
 }

 .btn-close:focus {
   outline: 0;
   box-shadow: none;
 }

 /* Accordion */
 .accordion-item {
   border: 1px solid #ebeef4;
 }

 .accordion-button:focus {
   outline: 0;
   box-shadow: none;
 }

 .accordion-button:not(.collapsed) {
   color: #424242;
   background-color: #f6f9ff;
 }

 .accordion-flush .accordion-button {
   padding: 15px 0;
   background: none;
   border: 0;
 }

 .accordion-flush .accordion-button:not(.collapsed) {
   box-shadow: none;
   color: #4154f1;
 }

 .accordion-flush .accordion-body {
   padding: 0 0 15px 0;
   color: #3e4f6f;
   font-size: 15px;
 }

 /* Breadcrumbs */
 .breadcrumb {
   font-size: 14px;
   font-family: 'Roboto', sans-serif;
   color: #899bbd;
   font-weight: 600;
 }

 .breadcrumb a {
   color: #899bbd;
   transition: 0.3s;
 }

 .breadcrumb a:hover {
   color: #51678f;
 }

 .breadcrumb .breadcrumb-item::before {
   color: #899bbd;
 }

 .breadcrumb .active {
   color: #51678f;
   font-weight: 600;
 }

 /* Bordered Tabs */
 .nav-tabs-bordered {
   border-bottom: 2px solid #ebeef4;
 }

 .nav-tabs-bordered .nav-link {
   margin-bottom: -2px;
   border: none;
   color: #2c384e;
 }

 .nav-tabs-bordered .nav-link:hover,
 .nav-tabs-bordered .nav-link:focus {
   color: #4154f1;
 }

 .nav-tabs-bordered .nav-link.active {
   background-color: #fff;
   color: #4154f1;
   border-bottom: 2px solid #4154f1;
 }

 /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
 .logo {
   line-height: 1;
 }

 @media (min-width: 1200px) {
   .logo {
     width: 100%;
     flex-direction: column;
     max-width: 260px;
     padding: 5px;
     text-align: center;
   }
 }

 .logo img {
   max-height: 100px;
 }

 .logo span {
   font-size: 14px;
   font-weight: 600;
   color: #fff;
   font-family: 'Roboto', sans-serif;
   display: block;
   width: 100%;
 }

 .header {
   transition: all 0.3s;
   z-index: 997;
   height: 68px;
   box-shadow: 0px 3px 2px rgba(1, 41, 112, 0.1);
   background-color: #fff;
   padding: 0px 20px;
   width: calc(100% - 260px);
   left: inherit;
   right: 0;
 }

 /* .header:after{
  background: #5e62a1 !important;
  content: '';
  position: absolute;
  left: 0px;
  height: 100%;
  width: 260px;
  z-index: -1;
} */
 .align-end {
   text-align: right;
 }

 .toggle-sidebar-btn {
   font-size: 19px;
   cursor: pointer;
   color: #fff;
   position: absolute;
   right: -14px;
   bottom: 24px;
   background: #5e62a1;
   width: 30px;
   height: 32px;
   border-radius: 100%;
   text-align: center;
   display: inline-flex;
   align-items: center;
   justify-content: center
 }

 .toggle-sidebar .header {
   width: calc(100% - 100px);
 }

 .toggle-sidebar .logo img {
   max-height: 100px;
   padding: 10px;
 }

 .collap {
   display: none;
   color: #fff;
 }

 .toggle-sidebar .collap {
   display: block;
 }

 .toggle-sidebar .no-collap {
   display: none;
 }

 .header .search-bar {
   min-width: 360px;
   padding: 0 20px;
 }

 .activemenu {
   background: #5e62a1 !important;
 }

 .activemenu a {
   color: #fff !important;
   background: #5e62a1 !important;
 }

 .sidebar-nav .nav-content a:hover {
   background: #5e62a1 !important;
   color: #fff !important;
 }

 @media (max-width: 1199px) {
   .header .search-bar {
     position: fixed;
     top: 50px;
     left: 0;
     right: 0;
     padding: 20px;
     box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
     background: white;
     z-index: 9999;
     transition: 0.3s;
     visibility: hidden;
     opacity: 0;
   }

   .header .search-bar-show {
     top: 60px;
     visibility: visible;
     opacity: 1;
   }
 }

 .header .search-form {
   width: 100%;
 }

 .header .search-form input {
   border: 0;
   font-size: 14px;
   color: #424242;
   border: 1px solid rgba(1, 41, 112, 0.2);
   padding: 7px 38px 7px 8px;
   border-radius: 3px;
   transition: 0.3s;
   width: 100%;
 }

 .header .search-form input:focus,
 .header .search-form input:hover {
   outline: none;
   box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
   border: 1px solid rgba(1, 41, 112, 0.3);
 }

 .header .search-form button {
   border: 0;
   padding: 0;
   margin-left: -30px;
   background: none;
 }

 .header .search-form button i {
   color: #424242;
 }

 /*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
 .header-nav ul {
   list-style: none;
 }

 .header-nav>ul {
   margin: 0;
   padding: 0;
   column-gap: 35px;
 }

 .header-nav>ul>li {
   position: relative;
 }

 .header-nav>ul>li:after {
   position: absolute;
   content: '|';
   right: -18px;
   color: #424242;
   top: -2px;
 }

 .header-nav>ul>li:last-child::after {
   display: none;
 }

 .header-nav .nav-icon {
   font-size: 15px;
   color: #424242;
   margin-right: 7px;
   position: relative;
   margin-top: 0;

 }

 .header-nav .nav-profile {
   color: #424242;
   font-size: 15px;
 }

 .header-nav a.nav-profile:hover {
   color: #00bcd4
 }

 .header-nav .nav-profile img {
   max-height: 36px;
 }

 .header-nav .nav-profile span {
   font-size: 15px;
   font-weight: 400;
 }

 .header-nav .badge-number {
   position: absolute;
   inset: -11px -10px auto auto;
   font-weight: normal;
   font-size: 12px;
   padding: 3px 6px;
   background: #00bcd4;
 }

 .header-nav .notifications {
   inset: 8px -15px auto auto !important;
 }

 .header-nav .notifications .notification-item {
   display: flex;
   align-items: center;
   padding: 10px 10px;
   transition: 0.3s;
   border-bottom: 1px solid #eee;
 }

 .header-nav .notifications .notification-item i {
   margin: 0 20px 0 10px;
   font-size: 24px;
 }

 .header-nav .notifications .notification-item h4 {
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 5px;
 }

 .header-nav .notifications .notification-item p {
   font-size: 13px;
   margin-bottom: 3px;
   color: #919191;
 }

 .header-nav .notifications .notification-item:hover {
   background-color: #f6f9ff;
 }

 .header-nav .messages {
   inset: 8px -15px auto auto !important;
 }

 .header-nav .messages .message-item {
   padding: 15px 10px;
   transition: 0.3s;
 }

 .header-nav .messages .message-item a {
   display: flex;
 }

 .header-nav .messages .message-item img {
   margin: 0 20px 0 10px;
   max-height: 40px;
 }

 .header-nav .messages .message-item h4 {
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 5px;
   color: #444444;
 }

 .header-nav .messages .message-item p {
   font-size: 13px;
   margin-bottom: 3px;
   color: #919191;
 }

 .header-nav .messages .message-item:hover {
   background-color: #f6f9ff;
 }

 .header-nav .profile {
   min-width: 240px;
   padding-bottom: 0;
   top: 22px !important;
 }

 .header-nav .profile .dropdown-header h6 {
   font-size: 18px;
   margin-bottom: 0;
   font-weight: 600;
   color: #444444;
 }

 .header-nav .profile .dropdown-header span {
   font-size: 14px;
 }

 .header-nav .profile .dropdown-item {
   font-size: 14px;
   padding: 10px 15px;
   transition: 0.3s;
 }

 .pa-3 {
   padding-left: 11px !important;
   width: 96%;
 }


 .header-nav .profile .dropdown-item i {
   margin-right: 10px;
   font-size: 18px;
   line-height: 0;
 }

 .header-nav .profile .dropdown-item:hover {
   background-color: #f6f9ff;
 }

 /*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
 .sidebar-header {
   background: #5e62a1;
   padding: 10px 10px 30px;
   position: relative;
 }

 .sidebar {
   position: fixed;
   top: 0px;
   left: 0;
   bottom: 0;
   width: 260px;
   z-index: 996;
   transition: all 0.3s;
   padding: 0px 0px 30px;
   /* overflow-y: auto; */
   scrollbar-width: thin;
   scrollbar-color: #aab7cf transparent;
   /* box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1); */
   background-color: #fff;
 }

 @media (max-width: 1199px) {
   .sidebar {
     left: -300px;
   }
 }

 .sidebar::-webkit-scrollbar {
   width: 5px;
   height: 8px;
   background-color: #fff;
 }

 .sidebar::-webkit-scrollbar-thumb {
   background-color: #aab7cf;
 }

 @media (min-width: 1200px) {

   #main,
   #footer {
     margin-left: 260px;
     padding: 20px 20px;
   }

 }

 @media (max-width: 1199px) {
   .toggle-sidebar .sidebar {
     left: 0;
   }
 }

 @media (min-width: 1200px) {

   .toggle-sidebar #main,
   .toggle-sidebar #footer {
     margin-left: 0;
   }

   .toggle-sidebar .sidebar {
     left: -300px;
   }
 }

 #main {
   min-height: calc(100vh - 130px);
 }

 .quicklaunch {
   background: #5e62a1 !important;
   color: #90caf9;
   margin-bottom: 0px;
   font-size: 13px;
   padding: 20px;
 }

 .sidebar-nav {
   padding: 0;
   margin: 0;
   list-style: none;
   scrollbar-width: thin;
   overflow: auto;
   height: calc(100vh - 168px);
   transition: 0.4s;
 }

 .sidebar-nav:hover {
   overflow: auto;
   transition: 0.4s;
 }

 .sidebar-nav li {
   padding: 0;
   margin: 0;
   list-style: none;
   border-bottom: 1px solid #eee;
   position: relative;
 }

 .sidebar-nav .nav-item {
   margin-bottom: 0px;
 }

 .sidebar-nav .nav-heading {
   font-size: 11px;
   text-transform: uppercase;
   color: #899bbd;
   font-weight: 600;
   margin: 10px 0 5px 15px;
 }

 .sidebar-nav .nav-link {
   display: flex;
   align-items: center;
   font-size: 15px;
   font-weight: 600;
   color: #fff;
   transition: 0.3s;
   background: #42a5f5;
   padding: 10px 15px;
 }

 .sidebar-nav .nav-link i {
   font-size: 16px;
   margin-right: 10px;
   color: #fff;
 }

 .sidebar-nav .nav-link.collapsed {
   color: #424242;
   background: #fff;
   margin: 0px !important;
 }

 .sidebar-nav .nav-link.collapsed i {
   color: #899bbd;
 }

 .sidebar-nav .nav-link:hover {
   color: #fff;
   background: #42a5f5;
 }

 .sidebar-nav .nav-link:hover i {
   color: #fff;
 }

 .sidebar-nav .nav-link .bi-chevron-down {
   margin-right: 0;
   transition: transform 0.2s ease-in-out;
 }

 .sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
   transform: rotate(180deg);
 }

 .sidebar-nav .nav-content {
   padding: 5px 0 0 0;
   margin: 0;
   list-style: none;
 }

 .sidebar-nav .nav-content a {
   display: flex;
   align-items: center;
   font-size: 14px;
   font-weight: 500;
   color: #424242;
   padding: 10px 0 10px 40px;
   transition: 0.3s;
 }

 .sidebar-nav .nav-content a i {
   font-size: 16px;
   margin-right: 8px;
   line-height: 0;
   border-radius: 50%;
 }

 .sidebar-nav .nav-content a:hover,
 .sidebar-nav .nav-content a.active {
   color: #4154f1;
 }

 .sidebar-nav .nav-content a.active i {
   background-color: #4154f1;
 }

 /*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/
 /* Filter dropdown */
 .dashboard .filter {
   position: absolute;
   right: 0px;
   top: 15px;
 }

 .dashboard .filter .icon {
   color: #aab7cf;
   padding-right: 20px;
   padding-bottom: 5px;
   transition: 0.3s;
   font-size: 16px;
 }

 .dashboard .filter .icon:hover,
 .dashboard .filter .icon:focus {
   color: #4154f1;
 }

 .dashboard .filter .dropdown-header {
   padding: 8px 15px;
 }

 .dashboard .filter .dropdown-header h6 {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 1px;
   color: #aab7cf;
   margin-bottom: 0;
   padding: 0;
 }

 .dashboard .filter .dropdown-item {
   padding: 8px 15px;
 }

 /* Info Cards */
 .dashboard .info-card {
   padding-bottom: 10px;
 }

 .dashboard .info-card h6 {
   font-size: 28px;
   color: #424242;
   font-weight: 700;
   margin: 0;
   padding: 0;
 }

 .dashboard .card-icon {
   font-size: 32px;
   line-height: 0;
   width: 64px;
   height: 64px;
   flex-shrink: 0;
   flex-grow: 0;
 }

 .dashboard .sales-card .card-icon {
   color: #4154f1;
   background: #f6f6fe;
 }

 .dashboard .revenue-card .card-icon {
   color: #2eca6a;
   background: #e0f8e9;
 }

 .dashboard .customers-card .card-icon {
   color: #ff771d;
   background: #ffecdf;
 }

 /* Activity */
 .dashboard .activity {
   font-size: 14px;
 }

 .dashboard .activity .activity-item .activite-label {
   color: #888;
   position: relative;
   flex-shrink: 0;
   flex-grow: 0;
   min-width: 64px;
 }

 .dashboard .activity .activity-item .activite-label::before {
   content: "";
   position: absolute;
   right: -11px;
   width: 4px;
   top: 0;
   bottom: 0;
   background-color: #eceefe;
 }

 .dashboard .activity .activity-item .activity-badge {
   margin-top: 3px;
   z-index: 1;
   font-size: 11px;
   line-height: 0;
   border-radius: 50%;
   flex-shrink: 0;
   border: 3px solid #fff;
   flex-grow: 0;
 }

 .dashboard .activity .activity-item .activity-content {
   padding-left: 10px;
   padding-bottom: 20px;
 }

 .dashboard .activity .activity-item:first-child .activite-label::before {
   top: 5px;
 }

 .dashboard .activity .activity-item:last-child .activity-content {
   padding-bottom: 0;
 }

 /* News & Updates */
 .dashboard .news .post-item+.post-item {
   margin-top: 15px;
 }

 .dashboard .news img {
   width: 80px;
   float: left;
   border-radius: 5px;
 }

 .dashboard .news h4 {
   font-size: 15px;
   margin-left: 95px;
   font-weight: bold;
   margin-bottom: 5px;
 }

 .dashboard .news h4 a {
   color: #424242;
   transition: 0.3s;
 }

 .dashboard .news h4 a:hover {
   color: #4154f1;
 }

 .dashboard .news p {
   font-size: 14px;
   color: #777777;
   margin-left: 95px;
 }

 /* Recent Sales */
 .dashboard .recent-sales {
   font-size: 14px;
 }

 .dashboard .recent-sales .table thead {
   background: #f6f6fe;
 }

 .dashboard .recent-sales .table thead th {
   border: 0;
 }

 .dashboard .recent-sales .dataTable-top {
   padding: 0 0 10px 0;
 }

 .dashboard .recent-sales .dataTable-bottom {
   padding: 10px 0 0 0;
 }

 /* Top Selling */
 .dashboard .top-selling {
   font-size: 14px;
 }

 .dashboard .top-selling .table thead {
   background: #f6f6fe;
 }

 .dashboard .top-selling .table thead th {
   border: 0;
 }

 .dashboard .top-selling .table tbody td {
   vertical-align: middle;
 }

 .dashboard .top-selling img {
   border-radius: 5px;
   max-width: 60px;
 }

 .request-bx {
   margin-top: 10px;
   padding: 20px;
   display: block;
   width: 100%;
   background: #00bcd4;
 }

 .request-bx h3 {
   color: #fff;
   font-size: 22px;
 }

 .request-bx h3 span {
   font-size: 16px;
 }

 .request-bx p {
   font-size: 14px;
   color: #fff;
   margin: 0px;
 }

 /*--------------------------------------------------------------
# Icons list page
--------------------------------------------------------------*/
 .iconslist {
   display: grid;
   max-width: 100%;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
   gap: 1.25rem;
   padding-top: 15px;
 }

 .iconslist .icon {
   background-color: #fff;
   border-radius: 0.25rem;
   text-align: center;
   color: #424242;
   padding: 15px 0;
 }

 .iconslist i {
   margin: 0.25rem;
   font-size: 2.5rem;
 }

 .iconslist .label {
   font-family: 'Roboto', sans-serif;
   display: inline-block;
   width: 100%;
   overflow: hidden;
   padding: 0.25rem;
   font-size: 12px;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #666;
 }

 /*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
 .profile .profile-card img {
   max-width: 120px;
 }

 .profile .profile-card h2 {
   font-size: 24px;
   font-weight: 700;
   color: #2c384e;
   margin: 10px 0 0 0;
 }

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

 .profile .profile-card .social-links a {
   font-size: 20px;
   display: inline-block;
   color: rgba(1, 41, 112, 0.5);
   line-height: 0;
   margin-right: 10px;
   transition: 0.3s;
 }

 .profile .profile-card .social-links a:hover {
   color: #424242;
 }

 .profile .profile-overview .row {
   margin-bottom: 20px;
   font-size: 15px;
 }

 .profile .profile-overview .card-title {
   color: #424242;
 }

 .profile .profile-overview .label {
   font-weight: 600;
   color: rgba(1, 41, 112, 0.6);
 }

 .profile .profile-edit label {
   font-weight: 600;
   color: rgba(1, 41, 112, 0.6);
 }

 .profile .profile-edit img {
   max-width: 120px;
 }

 /*--------------------------------------------------------------
# F.A.Q Page
--------------------------------------------------------------*/
 .faq .basic h6 {
   font-size: 18px;
   font-weight: 600;
   color: #4154f1;
 }

 .faq .basic p {
   color: #6980aa;
 }

 /*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
 .contact .info-box {
   padding: 28px 30px;
 }

 .contact .info-box i {
   font-size: 38px;
   line-height: 0;
   color: #4154f1;
 }

 .contact .info-box h3 {
   font-size: 20px;
   color: #424242;
   font-weight: 700;
   margin: 20px 0 10px 0;
 }

 .contact .info-box p {
   padding: 0;
   line-height: 24px;
   font-size: 14px;
   margin-bottom: 0;
 }

 .contact .php-email-form .error-message {
   display: none;
   color: #fff;
   background: #ed3c0d;
   text-align: left;
   padding: 15px;
   margin-bottom: 24px;
   font-weight: 600;
 }

 .contact .php-email-form .sent-message {
   display: none;
   color: #fff;
   background: #18d26e;
   text-align: center;
   padding: 15px;
   margin-bottom: 24px;
   font-weight: 600;
 }

 .contact .php-email-form .loading {
   display: none;
   background: #fff;
   text-align: center;
   padding: 15px;
   margin-bottom: 24px;
 }

 .contact .php-email-form .loading:before {
   content: "";
   display: inline-block;
   border-radius: 50%;
   width: 24px;
   height: 24px;
   margin: 0 10px -6px 0;
   border: 3px solid #18d26e;
   border-top-color: #eee;
   animation: animate-loading 1s linear infinite;
 }

 .contact .php-email-form input,
 .contact .php-email-form textarea {
   border-radius: 0;
   box-shadow: none;
   font-size: 14px;
   border-radius: 0;
 }

 .contact .php-email-form input:focus,
 .contact .php-email-form textarea:focus {
   border-color: #4154f1;
 }

 .contact .php-email-form input {
   padding: 10px 15px;
 }

 .contact .php-email-form textarea {
   padding: 12px 15px;
 }

 .contact .php-email-form button[type=submit] {
   background: #4154f1;
   border: 0;
   padding: 10px 30px;
   color: #fff;
   transition: 0.4s;
   border-radius: 4px;
 }

 .contact .php-email-form button[type=submit]:hover {
   background: #5969f3;
 }

 @keyframes animate-loading {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 /*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
 .error-404 {
   padding: 30px;
 }

 .error-bdr {
   border-bottom: #f00 1px solid !important;
 }

 .error-404 h1 {
   font-size: 180px;
   font-weight: 700;
   color: #4154f1;
   margin-bottom: 0;
   line-height: 150px;
 }

 .error-404 h2 {
   font-size: 24px;
   font-weight: 700;
   color: #424242;
   margin-bottom: 30px;
 }

 .error-404 .btn {
   background: #51678f;
   color: #fff;
   padding: 8px 30px;
 }

 .error-404 .btn:hover {
   background: #3e4f6f;
 }

 @media (min-width: 992px) {
   .error-404 img {
     max-width: 50%;
   }
 }

 @media(max-width: 680px) {
   .login_outer {
     width: 100%;
     height: 100vh;
     display: block;
     position: relative !important;
     top: 0;
   }
 }

 @media (min-width: 681px) and (max-width: 1155px) {
   .login_outer {
     width: 100%;
     height: 100vh;
     display: block;
     position: relative !important;
     top: 0;
   }

   .login_outer {
     position: relative;
   }
 }

 /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
 .footer {
   padding: 20px 0;
   font-size: 14px;
   transition: all 0.3s;
   border-top: 1px solid #cddfff;
 }

 .footer .copyright {
   text-align: left;
   color: #424242;
 }

 .footer .credits {
   padding-top: 5px;
   text-align: center;
   font-size: 13px;
   color: #424242;
 }


 /* login page */

 .login_outer {
   width: 100%;
   height: 100%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   overflow-y: auto;
 }

 .login-max-width {
   max-width: 460px !important;
 }

 .login_inner {
   width: 100%;
 }

 .login_inner_header {
   display: block;
   width: 100%;
   text-align: center;
 }

 .login_inner_header h3 {
   font-size: 20px;
 }

 .login_inner_header img {
   width: 150px;
   margin-bottom: 30px;
 }

 .login_form {
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
   border-radius: 2px;
   border-color: #fcfcfc;
 }

 .login_form h5 {
   display: block;
   color: #FFF;
   background-color: #bd862b;
   border-color: #fcfcfc;
   font-size: 14px;
   padding: 15px 25px;
   margin: 0px;
   text-transform: uppercase;
 }

 .login_form_panel {
   background: #fff;
   padding: 35px 25px 30px;
   /* margin: 0 0 32px 0; */
   border-bottom: 8px solid #5e62a1;
 }

 .form-bx-radio {
   display: inline-flex;
   width: 100%;
   flex-direction: row;
   column-gap: 30px;
   position: relative;
 }

 .form-bx-radio span {
   font-size: 15px;
   margin-left: 7px;
 }

 .form-bx-radio .errormsg {
   color: #f00;
   font-size: 12px;
   bottom: -17px;
   position: absolute;
 }

 .form-bx {
   display: block;
   position: relative;
 }

 .form-bx label {
   display: block;
   position: relative;
   margin: 10px 0px;
   border-bottom: 1px solid #ccc;
   padding: 4px 0px;
 }

 .form-bx label .sspan::after {
   content: '';
   position: absolute;
   bottom: 0;
   width: 0;
   left: 0;
   right: 0;
   margin: auto;
   transition: 0.4s;
 }

 .form-bx label input {
   display: block;
   width: 100%;
   border: 0;
   font-size: 14px;
   outline: 0;
   padding: 8px 5px;
   height: 40px;
   color: #000;
 }

 .v-button {
   height: 43px;
   margin-top: 16px !important;
 }

 .form-bx label textarea {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 8px 5px;
   height: 70px;
   color: #000;
   font-size: 14px;
 }

 .form-bx label textarea:focus+.sspan::after {
   border-bottom: 1px solid #5e62a1;
   content: '';
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   transition: 0.4s;
   right: 0;
   margin: auto;
 }

 .form-bx label textarea.error+.sspan::after {
   border-bottom: 1px solid #f00;
   content: '';
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   transition: 0.4s;
   right: 0;
   margin: auto;
 }

 .advance_save .form-bx label {
   margin: 0;
   background-color: #fff;
   padding: 0 5px;
 }


 .form-bx label input[type=number]::-webkit-outer-spin-button,
 .form-bx label input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }

 .form-bx label input:focus+.sspan::after {
   border-bottom: 1px solid #5e62a1;
   content: '';
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   transition: 0.4s;
   right: 0;
   margin: auto;
 }

 .form-bx label input.error+.sspan::after,
 .form-bx label select.error+.sspan::after {
   border-bottom: 1px solid #f00;
   content: '';
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   transition: 0.4s;
   right: 0;
   margin: auto;
 }



 .form-bx .errormsg {
   color: #f00;
   font-size: 12px;
   bottom: -20px;
   position: absolute;
   left: 0;
 }

 .form-bx .errormsg2 {
   color: #f00;
   font-size: 12px;
   position: relative;
   margin-right: 6px;
 }

 .form-bx label select {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 8px 1px;
   color: #000;
   font-size: 14px;
 }

 .form-bx label select:focus+.sspan::after {
   border-bottom: 1px solid #5e62a1;
   content: '';
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   transition: 0.4s;
   right: 0;
   margin: auto;
 }

 .form-bx a {
   font-size: 14px;
   text-decoration: none;
   color: #5e62a1;
 }

 .form-footer {
   display: inline-flex;
   width: 100%;
   justify-content: space-between;
   margin-top: 35px;
 }

 .form-footer button.register,
 .form-footer a.register {
   color: #424242;
   background-color: #e1e1e1;
   border-color: #cfcfcf;
   border: 0px;
   padding: 8px 30px;
   text-transform: uppercase;
   font-size: 16px;
   text-align: center;
   min-width: 142px;
 }

 .form-footer button.login,
 .form-footer a.login {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background-color: #5e62a1;
   color: rgba(255, 255, 255, 0.84);
   border: 0px;
   padding: 8px 20px;
   text-transform: uppercase;
   font-size: 16px;
   min-width: 142px;
   text-align: center;
 }

 .form-footer button.login:hover,
 .form-footer a.login:hover {
   background-color: #19255b;
   color: #fff;
 }

 .form-footer button.login:disabled {
   background: #cbcbcb;
   color: #626262;
   opacity: 0.9;

 }

 .renewbtn {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background-color: #5e62a1;
   color: rgba(255, 255, 255, 0.84);
   border: 0px;
   padding: 4px 5px;
   text-transform: uppercase;
   font-size: 14px;
   margin: 0px 5px;
   text-align: center;
 }


 /* register listing */

 .register_outer {
   width: 90%;
   height: 100%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: relative;
   max-width: 800px;
 }

 .register_header {
   display: block;
   width: 100%;
   text-align: center;
 }

 .register_header img {
   width: 150px;
   margin-bottom: 22px;
 }

 .register_header h3 {
   font-size: 20px;
 }

 .registration_form_panel_outer {
   display: inline-flex;
   flex-direction: row;
   column-gap: 35px;
   margin-top: 20px;
   flex-wrap: wrap;
   width: 100%;
   justify-content: center;
 }

 .registration_form_panel {
   background: #fff;
   padding: 20px 25px 30px;
   margin: 0 0 32px 0;
   border-bottom: 8px solid #5e62a1;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
   border-radius: 2px;
   width: 350px;
 }

 .registration_form_panel h5 {
   color: #000;
   font-size: 16px;
   text-align: left;
   margin-bottom: 10px;
   min-height: 50px;
   font-weight: bold;
 }

 .registration_form_panel p {
   font-size: 14px;
   text-align: left;
   line-height: 25px;
   margin-top: 10px;
   display: block;
   min-height: 130px;
 }

 .modalheader {
   display: block;
   width: 100%;
   padding: 30px 0px 20px;
 }

 .modalheader h5 {
   display: block;
   width: 100%;
   text-align: center;
   font-size: 26px;
   font-weight: 600;
   color: #424242;
   margin: 0 0 14px;
 }

 .modalheader p {
   font-size: 15px;
   color: #000;
   width: 100%;
   display: block;
   text-align: center;
 }

 .modalfooter {
   display: inline-flex;
   width: 100%;
   justify-content: center;
   column-gap: 20px;
 }

 .mr-1 {
   margin-right: 12px;
 }


 .modalfooter button.register,
 .modalfooter a.register {
   color: #424242;
   background-color: #e1e1e1;
   border-color: #cfcfcf;
   border: 0px;
   padding: 8px 30px;
   text-transform: uppercase;
   font-size: 16px;
 }

 .modalfooter button.login,
 .modalfooterr a.login {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background-color: #8CD4F5;
   color: rgba(255, 255, 255, 0.84);
   border: 0px;
   padding: 8px 20px;
   text-transform: uppercase;
   font-size: 16px;
   min-width: 120px;
 }

 .modalfooter button.login:hover,
 .modalfooter a.login:hover {
   background-color: #19255b;
   color: #fff;
 }

 .passwordcheck {
   position: absolute;
   top: 5px;
   right: 11px;
   font-size: 22px;
   cursor: pointer;
 }


 /* ---------------------data table */

 .p-paginator .p-paginator-prev,
 .p-paginator .p-paginator-pages .p-paginator-page {
   min-width: 2.2rem !important;
   height: 2.2rem !important;
 }

 .datatable {
   display: block;
   width: 100%;
   padding: 20px;
   background: #fff;
   margin-top: 10px;
   border-bottom: 7px solid #5e62a1;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
 }

 .section_top_heading {
   background: #5e62a1;
   font-size: 14px;
   color: #fff;
   padding: 15px;
   margin: 0 0 5px;
   display: inline-flex;
   width: 100%;
   align-content: center;
   justify-content: space-between;
   align-items: center;
 }

 .section_top_subheading {
   padding: 9px 18px;
   margin: 0 0 18px;
   font-size: 16.25px;
   border-left: 5px solid #5e62a1;
   background: #00bcd4;
   color: #000;
   clear: both;
   font-weight: normal;
 }

 .datatable header {
   display: inline-flex;
   width: 100%;
   padding: 0;
   margin-bottom: 25px;

 }

 .tablesearch {
   display: inline-flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }

 .tablesearch .tablesearch_bx {
   display: inline-flex;
   align-items: center;
   column-gap: 16px;
 }

 .tablesearch .tablesearch_bx input {
   height: 40px;
   width: 330px;
   padding: 8px 8px 8px 15px;
   /* border-radius: 50px; */
   border: 1px solid #ccc;
   outline: 0;
 }

 .tablesearch .table-btn-bx {
   display: inline-flex;
   align-items: center;
   column-gap: 20px;
 }

 .tablesearch .table-btn-bx a {
   color: #424242;
   background-color: #e1e1e1;
   border-color: #cfcfcf;
   border: 0px;
   padding: 8px 20px;
   text-transform: uppercase;
   font-size: 16px;
 }

 .tablesearch .table-btn-bx button {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background-color: #5e62a1;
   color: rgba(255, 255, 255, 0.84);
   border: 0px;
   padding: 8px 15px;
   text-transform: uppercase;
   font-size: 16px;
 }

 .datatable .imgicon {
   width: 60px;
 }

 .kyrniT {
   padding: 19px 0;
 }

 .datatable .lnOUep {
   font-weight: 600;
   font-size: 16px;
 }

 .datatable .faZveH {
   font-size: 14px;
   /* border-right: 1px solid #ccc; */
 }

 .eXWrwD {
   /* border: 1px solid #ccc; */
   overflow: hidden;
   border-top: 0px;
   border-bottom: 0px;
 }

 .jslrzt {
   padding: 4px 0px;
 }

 .jslrzt:nth-of-type(odd) {
   background: #eeeeee2c;
 }

 .pagenotfound {
   width: 100%;
   background: #fff;
   display: inline-flex;
   padding: 150px 20px;
   flex-direction: column;
   justify-content: center;
   height: 78vh;
   text-align: center;
 }

 .pagenotfound h1 {
   width: 100%;
   font-size: 60px;
 }

 .pagenotfound h4 {
   font-size: 15px;
 }

 .datatable .hVPalX {
   font-size: 14px;
 }

 .informgserr {
   color: #f00;
 }

 .informgs {
   font-size: 14px;
   line-height: normal;
   font-weight: 400;
   color: #8d8c8c;
   font-style: italic;
 }

 .filterbx {
   position: absolute;
   width: 100%;
   left: 0;
   border: 1px solid #ccc;
   background: #fff;
   top: 41px;
   box-shadow: 0px 3px 4px #00000017;
   border-top: 0px;
   padding: 0;
   z-index: 11;
   list-style: none;
   line-height: 34px;
   max-height: 212px;
   overflow-y: auto;
 }

 .filterbx li {
   list-style: none;
 }

 .filterbx li button {
   background: #eeeeee2c;
   border: 0;
   text-align: left;
   width: 100%;
   padding: 4px 17px;
 }

 .filterbx li button:hover {
   background: #ccccccc6;
 }

 .inner_form_new {
   width: 100%;
   display: inline-flex;
   column-gap: 20px;
   margin: 0px 0px;
   align-items: center;
 }

 .inner_form_new label.controlform {
   font-size: 14px;
   line-height: 1.0875;
   color: #000;
   font-weight: 500;
   margin: 10px 0;
   background: #d9edf7;
   padding-top: 16px;
   padding-bottom: 16px;
   padding-left: 5px;
   max-width: 360px;
   padding-right: 5px;
   min-width: 360px;
 }

 .inner_form_new .form-bx {
   width: calc(100% - 360px);
 }

 .inner_form_new .form-bx-radio {
   width: calc(100% - 360px);
 }

 .border-radius0 {
   border-radius: 0px !important;
 }

 .inner_form_new .form-bx input[type="text"]:disabled,
 .inner_form_new .form-bx input[type="number"]:disabled,
 .inner_form_new .form-bx input[type="date"]:disabled,
 .inner_form_new .form-bx input[type="tel"]:disabled,
 .inner_form_new .form-bx input[type="password"]:disabled,
 .inner_form_new .form-bx select:disabled,
 .inner_form_new .form-bx textarea:disabled,
 .inner_form_new .form-bx textarea:disabled,
 .form-bx-sm input[type="text"]:disabled,
 .form-bx label input:disabled,
 .form-bx-sm label input:disabled,
 .disabled p {
   cursor: no-drop;
   color: #8d8c8c;
 }

 .inner_form_new .row {
   width: calc(100% - 360px);
 }

 .inner_form_new .row .form-bx {
   width: calc(100% - 10px);
 }

 .viewdiscription table {
   border: 1px solid #ccc;
   width: 100%;
 }

 .viewdiscription table tr td {
   border: 1px solid #ccc;
   padding: 5px;
 }

 /* ------ */

 .inner_form_new-sm {
   width: 100%;
   display: inline-flex;
   column-gap: 20px;
   align-items: flex-start;
   margin: 0px 0px;
 }

 .inner_form_new-sm label.controlform-sm {
   font-size: 14px;
   line-height: 1.0875;
   color: #000;
   font-weight: 500;
   margin: 10px 0;
   background: #d9edf7;
   padding-top: 16px;
   padding-bottom: 16px;
   padding-left: 5px;
   width: 160px;
   padding-right: 5px;
 }

 .inner_form_new-sm .form-bx-sm {
   width: calc(100% - 160px);
   position: relative;
 }

 .inner_form_new-sm .form-bx-radio-sm {
   width: calc(100% - 190px);
 }

 .form-bx-sm label input.error+.sspan::after,
 .form-bx-sm label select.error+.sspan::after {
   border-bottom: 1px solid #f00;
   content: '';
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   transition: 0.4s;
   right: 0;
   margin: auto;
 }

 .inner_form_new-sm .form-bx-sm input[type="text"]:disabled,
 .inner_form_new-sm .form-bx-sm input[type="number"]:disabled,
 .inner_form_new-sm .form-bx-sm input[type="date"]:disabled,
 .inner_form_new-sm .form-bx-sm input[type="tel"]:disabled,
 .inner_form_new-sm .form-bx-sm input[type="password"]:disabled,
 .inner_form_new-sm .form-bx-sm select:disabled {
   cursor: no-drop;
   color: #8d8c8c;
 }

 .inner_form_new-sm .row-sm {
   width: calc(100% - 190px);
 }

 .inner_form_new-sm .row-sm .form-bx-sm {
   width: calc(100% - 10px);
 }

 .form-bx-sm label select {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 14px 5px;
   color: #000;
   font-size: 14px;
 }

 .form-bx-sm label input {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 11px 5px;
   font-size: 14px;
   color: #000;
 }

 .form-bx-sm label {
   display: block;
   position: relative;
   margin: 10px 0px;
   border-bottom: 1px solid #ccc;
 }

 .form-bx-sm .errormsg {
   color: #f00;
   font-size: 12px;
   bottom: -20px;
   position: absolute;
   left: 0;
 }

 .react-datepicker-wrapper {
   display: block;
   position: relative;
   margin: 10px 0px;
   width: 100%;
   padding-bottom: 12px !important;
   border-bottom: 1px solid #ccc !important;
   margin-top: 17px;
 }

 .react-datepicker-wrapper input {
   border: 0px;
   width: 100%;
   font-size: 14px;
 }

 .react-datepicker-popper {
   z-index: 1111 !important;
   transform: translate(10px, 66px) !important;
 }

 .primrybtn {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background-color: #5e62a1;
   color: rgba(255, 255, 255, 0.84);
   border: 0px;
   padding: 7px 15px;
   text-transform: uppercase;
   font-size: 16px;
 }

 .primrybtn:hover {
   background-color: #19255b;
   color: #fff;
 }

 .attachemt_form-bx {
   display: inline-flex;
   width: 100%;
   margin-bottom: 20px;
   align-items: center;
   column-gap: 17px;
 }

 .attachemt_form-bx label {
   border-bottom: 1px solid #ccc;
   font-size: 14px;
   color: #000;
   max-width: calc(100% - 129px);
   min-width: 360px;
 }

 .attachemt_form-bx label i {
   font-size: 20px;
   font-weight: bold;
   margin-right: 7px;
 }

 .attachemt_form-bx div.browse-btn {
   position: relative;
   width: 100px;
   background: #ccc;
   padding: 6px 19px;
   color: #000;
   font-weight: 500;

 }

 .attachemt_form-bx div.browse-btn:hover {
   cursor: pointer;
 }

 .attachemt_form-bx div.browse-btn input {
   position: absolute;
   width: 100%;
   height: 100%;
   opacity: 0;
   cursor: pointer;
   left: 0;
   top: 0;
 }

 .attachemt_form-bx span.filnename {
   font-size: 14px;
   color: #000;
 }

 .addmore-btn {
   position: relative;
   border: 0px;
   background: #ccc;
   padding: 5px 12px;
   font-size: 12px;
   color: #000;
   font-weight: 500;
   margin-top: 10px;
 }

 .edit-btn {
   border: 0;
   background: none;
   font-weight: bold;
   margin-right: 1px;
   outline: 0;
 }

 .delete-btn {
   border: 0;
   background: none;
   font-weight: bold;
   margin-left: 5px;
   outline: 0;
 }

 .react-datepicker__current-month {
   margin-bottom: 15px;
 }

 .react-datepicker__header__dropdown.react-datepicker__header__dropdown--select {
   margin: 7px 0px;
 }

 .font-sizeasas {
   font-size: 22px;
   padding: 30px 0px;
   text-align: center;
 }

 .dropdownExpComName {
   position: relative;
   color: #333;
   cursor: default;
   margin-top: 15px;
 }

 .dropdownExpComName .arrow {
   border-color: #f50505 transparent transparent;
   border-style: solid;
   border-width: 5px 5px 0;
   content: " ";
   display: block;
   height: 0;
   margin-top: 0.3rem;
   position: absolute;
   right: 10px;
   top: 14px;
   width: 0;
 }

 .dropdownExpComName .arrow.open {
   border-color: transparent transparent #999;
   border-width: 0 5px 5px;
 }

 .dropdownExpComName .selected-value input {
   line-height: 1.5;
   font-size: 1rem;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 2px;
   box-sizing: border-box;
   cursor: default;
   outline: none;
   padding: 21px 52px 10px 3px;
   transition: all 200ms ease;
   width: 100%;
 }

 .dropdownExpComName .options {
   display: none;
   background-color: #fff;
   border: 1px solid #ccc;
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
   box-sizing: border-box;
   margin-top: -1px;
   max-height: 200px;
   overflow-y: auto;
   position: absolute;
   top: 100%;
   width: 100%;
   z-index: 1000;
   -webkit-overflow-scrolling: touch;
 }

 .dropdownExpComName .options.open {
   display: block;
 }

 .dropdownExpComName .option {
   box-sizing: border-box;
   color: rgba(51, 51, 51, 0.8);
   cursor: pointer;
   display: block;
   padding: 8px 10px;
 }

 .dropdownExpComName .option.selected,
 .dropdownExpComName .option:hover {
   background-color: #f2f9fc;
   color: #333;
 }

 /*export company name dropdown end */

 .borderdisplaynone {
   border-right: none !important;
   border-top: none !important;
   border-left: none !important;
 }

 .max-width-600 .modal-dialog {
   max-width: 1400px;
   width: 90%;
   padding-top: 39px;
 }

 .export-pop-heading {
   font-size: 22px;
   color: #000;
   font-weight: bold;
 }

 .max-width-600 .login_form_panel {
   overflow: auto;
   max-height: 790px;
   scrollbar-width: thin;
 }

 .dashboard .rdt_TableCol_Sortable {
   width: auto;
 }

 .form-bx .css-13cymwt-control {
   border: 0;
   border-radius: 0;
   outline: 0 !important;
   /* padding-top: 7px; */
 }

 .form-bx .css-t3ipsp-control:hover {
   border: 0;
   border-radius: 0;
   outline: 0 !important;
   outline: 0;
   min-height: 45px !important;
   box-shadow: none;
 }

 .form-bx .css-qbdosj-Input {
   margin: 0px;
 }

 .form-bx .css-qbdosj-Input,
 .form-bx .css-qbdosj-Input:hover {
   margin-left: -2px;
 }

 .selectinput input {
   padding-top: 9px !important;
   margin-left: -4px !important;
   min-width: 1px !important;
 }

 .cur-dis {
   cursor: no-drop;
 }

 .selectinput .css-1jqq78o-placeholder {
   margin-top: 3px;
   margin-left: -2px;
   font-size: 14px;
   z-index: 111;
 }

 .selectinput .css-t3ipsp-control {
   outline: 0 !important;
   box-shadow: none !important;
   border: 0px !important;
 }

 .selectinput .css-166bipr-Input {
   padding-top: 1px !important;
 }

 .selectinput .css-1dimb5e-singleValue {
   /* margin-top: 9px; */
   margin-top: 2px;
   font-size: 14px;
 }

 .css-1fdsijx-ValueContainer {
   padding-left: 4px !important;
 }

 .css-1nmdiq5-menu {
   font-size: 14px;
 }

 .selectinput .css-b62m3t-container {
   border: 0px !important;
   outline: 0 !important;
   box-shadow: none !important;
 }

 .selectinput {
   height: 50px !important;
   border: 0;
   border-bottom: 1px solid #ccc;
   border-radius: 0;
   outline: 0 !important;
   margin-top: 6px;
 }

 .selectinput span.css-1u9des2-indicatorSeparator {
   display: none;
 }

 .selectinput .css-tj5bde-Svg {
   color: #000;
   height: 17px;
 }

 .btn-collapse {
   float: right;
   color: #000;
   cursor: pointer;
   padding: 0px;
 }

 .btn-collapse_active {
   background: #42a5f5;
   color: #fff;
 }

 .btn-collapse_active span.btn-collapse {
   transform: rotate(180deg);
   color: #fff;
   margin-top: -3px;
 }

 .tatdate {
   width: 50%;
   display: flex;
   flex-direction: column;
   justify-content: center;

 }

 .header-txt {
   background: #0d6efd;
   padding: 10px 20px;
   font-size: 21px;
   color: #fff;
 }


 .customtab .nav-pills {
   background-color: #fafafa;
   border-bottom: 2px solid #42a5f5;

 }

 .customtab .nav-link {
   color: #000;
   cursor: pointer;
   padding: 10px;
   border-radius: unset;
 }

 .customtab .nav-link.active {
   border-radius: unset;
   background-color: #42a5f5;
 }

 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
   border-color: #ccc;
   z-index: 111 !important;
 }

 .react-datepicker {
   margin-bottom: 30px;
 }

 /* _______________________radio btn style-- */


 :root {
   --accent: #42a5f5;
   --accent-2: #EC2F4B;
   --text: #003f66;
   --text-hover: var(--accent);
   --text-active: #FFFFFF;
   --border-width: 0.125em;
 }

 .hidden-toggles {
   position: relative;
   overflow: hidden;
   height: 2.7em;
   width: 100%;
   display: inline-flex;
   column-gap: 20px;
 }

 /* .hidden-toggles:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; 
  pointer-events: none;
}

.hidden-toggles__input {
  display: none;
}
.hidden-toggles__input:checked + .hidden-toggles__label {
  background-color: var(--accent);
  color: var(--text-active);
} 
.hidden-toggles__input:checked + .hidden-toggles__label::after{
  content: '✓';
    position: absolute;
    color: #007ecc;
    font-size: 16px;
    left: 11px;
    background: #fff;
    width: 21px;
    height: 21px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: normal;
}

.hidden-toggles__label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-out;
  color: var(--text);
  width: 100%;
  padding: 0px 44px;
  font-size: 14px;
  text-align: center;
  justify-content: center;
}
.hidden-toggles__label:hover {
  color: var(--text-hover);
} 
  */

 .hidden-toggles input {
   position: absolute;
   opacity: 0;
   z-index: -1;
 }

 .hidden-toggles label:nth-of-type(1) {
   margin-left: 0px;
 }

 .hidden-toggles label {
   display: flex;
   align-items: center;
   margin-left: 1rem;
   padding: 0.5rem 1rem 0.5rem 2rem;
   position: relative;
   cursor: pointer;
   z-index: 1;
   transition: all 0.25s cubic-bezier(0.25, 0.25, 0.5, 1.9);
   font-size: 14px;
 }

 .hidden-toggles label::before {
   content: "";
   position: absolute;
   left: 0;
   width: 1.2rem;
   height: 1.2rem;
   background: transparent;
   border: 2px solid;
   border-radius: 0.25rem;
   z-index: -1;
   transition: all 0.25s cubic-bezier(0.25, 0.25, 0.5, 1.9);
 }

 .hidden-toggles input[type=radio]+label::before {
   border-radius: 2rem;
 }

 /* Checked */
 .hidden-toggles input:checked+label {
   padding-left: 1em;
   color: #ffffff;
   font-size: 14px;
 }

 .hidden-toggles input:checked+label::before {
   width: 100%;
   height: 92%;
   background: #42a5f5;
   border: 0;
   box-shadow: 0 0 0.2rem rgb(0 0 0 / 33%);
 }



 .updatepupouter {
   position: fixed;
   height: 100vh;
   width: 100%;
   z-index: 1111;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: #0000006e;
   left: 0;
   top: 0;
 }

 .updatepupouter_inner {
   width: 100%;
   max-width: 600px;
   padding: 20px;
   text-align: center;
   background: #fff;
   z-index: 1;
   border-radius: 6px;
   box-shadow: 0px 1px 9px #00000052;
 }

 .updatepupouter_header {
   display: block;
   width: 100%;
 }

 .updatepupouter_header i {
   font-size: 66px;
   color: #58e796;
 }

 .updatepupouter_header h3 {
   color: #535252;
   font-size: 32px;
   margin: 15px 0px;
   font-weight: bold;
 }

 .updatepupouter_header p {
   font-size: 16px;
   color: #807f7f;
   margin-top: 26px;
 }

 .updatepupouter_header button {
   background: #5e62a1;
   font-size: 18px;
   color: #fff;
   border: 0px;
   padding: 12px 50px;
   border-radius: 4px;
   margin-top: 20px;
 }

 .ql-container.ql-snow {
   border: 0px solid #ccc;
   min-height: 80px;
 }

 .ql-editor {
   min-height: 80px;
   max-height: 220px;
 }

 .c-gap {
   column-gap: 20px;
 }

 .w-50 {
   width: 50%;
 }

 .w-100 {
   width: 100%;
 }

 .m-end-4 {
   margin-right: 20px;
 }

 .header_pdf {
   display: block;
   padding: 10px;
   background: #ccc;
   margin-bottom: 30px;
 }

 .header_pdf img {
   width: 200px;
   margin-right: 20px;
 }

 .header_pdf h3 {
   font-size: 22px;
   color: #000;
   margin: 0px 0px 10px;
 }

 .header_content {
   font-size: 15px;
 }

 .pdfTable tr td {
   padding: 15px;
 }

 .return-tables tr td {
   padding: 5px 15px;
 }

 .analyst_desc {
   overflow-y: auto;
   max-height: 109px;
   margin-top: 0px;
   background: #fafafa;
   padding: 15px 6px 11px;
   border-bottom: 1px solid #ccc;
   font-size: 14px;
   color: #8d8c8c;
   line-height: normal;
 }

 .analyst_desc table {
   width: 100%;
   border: 1px solid #ccc;
   margin-bottom: 10px;
 }

 .analyst_desc table tr td {
   border: 1px solid #ccc;
   padding: 5px;
 }

 .icons-info {
   margin-left: 5px;
 }

 .text_preview {
   position: absolute;
   font-size: 190px;
   color: #cccccc2e;
   top: 40%;
   transform: rotate(318deg);
   left: 22%;
   z-index: 1;
 }

 table.return-tables tr td {
   padding-top: 0px;
   padding-bottom: 0px;
 }

 .p-datatable .p-datatable-tbody>tr>td {
   padding: 0.3rem 1rem !important;
   font-size: 14px !important;
   border-bottom: 1px solid #cccccc57 !important;
 }

 .p-dropdown-items {
   padding: 0px;
 }

 .bakgroundaction {
   background: #9d9d9d12;
   padding: 10px;
   margin-bottom: 10px;
   box-shadow: 0px 1px 4px #cccccc8f;
 }

 .bakgroundaction .form-bx label {
   padding-bottom: 0px;
 }

 .bakgroundaction input {
   /* background: #8a8cb8 !important; */
   /* color: #fff !important; */
   background: transparent !important;
 }


 /* ------ table css----- */

 .p-datatable-header {
   float: left;
   width: 50%;
   background: #fff;
   border: 0;
   padding: 8px 4px 15px 0px;
 }

 .p-paginator-top {
   float: right;
   width: auto;
   border: 0;
 }

 .p-datatable-wrapper {
   width: 100%;
 }

 .p-paginator-bottom {
   background: #eeeeee42;
 }

 .p-column-title {
   font-size: 14px;
 }

 .previewModal .modal-dialog {
   height: 100%;
   padding: 0;
   margin: 0 auto;
   max-width: 1420px;
   width: 100%;
 }

 .previewModal .modal-content {
   height: 100%;
 }

 .viewdiscription {
   max-height: 164px;
   overflow-y: auto;
   padding-right: 2px;
 }

 .bulkdelegateBtn button.login {
   padding: 12px 20px !important;
 }

 .inner_form_new label.controlformV {
   font-size: 14px;
   line-height: 1.0875;
   color: #000;
   font-weight: 500;
   margin: 10px 0;
   background: #d9edf7;
   padding-top: 16px;
   padding-bottom: 16px;
   padding-left: 5px;
   max-width: 100px;
   padding-right: 5px;
   min-width: 220px;
 }

 .max-width-400 {
   max-width: 700px;
   width: 100%;
   margin: 70px auto 0;
   left: 0;
   right: 0;
 }

 .max-width-400 .modal-dialog {
   width: 100%;
   margin: 0;
   max-width: 100%;
 }

 .bank_editname {
   width: auto;
   display: inline-block;
   text-transform: capitalize;
   margin-left: 14px;
   font-size: 22px;
   color: #5d62a1;
   font-weight: bold;
 }

 .toggle-sidebar .flex-menu {
   display: inline-block;
 }

 .flex-menu {
   display: flex;
 }

 .toggle-sidebar p.sm-hide {
   display: none;
 }

 p.sm-hide {
   margin: 0px;
 }

 .inner_form_new .form-bxV {
   width: calc(100% - 100px);
 }

 .tablehideth table tr th:nth-of-type(1),
 .tablehideth table tr td:nth-of-type(1) {
   display: none;
 }

 .form-bxV label {
   display: block;
   position: relative;
   margin: 10px 0px;
   border-bottom: 1px solid #ccc;
   padding: 4px 0px;
 }

 .form-bxV {
   display: block;
   position: relative;
 }

 .form-bxV label textarea {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 8px 5px;
   height: 70px;
   color: #000;
   font-size: 14px;
 }

 .form-bxV label select {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 8px 1px;
   color: #000;
   font-size: 14px;
 }

 .p-checkbox-box svg.p-icon.p-checkbox-icon {
   background: #5e62a1;
   margin: 0px !important;
   padding: 0px !important;
   border-radius: 2px;
   padding: 2px !important;
 }

 .previewModal #PdftargetRef {
   border: 1px solid #ada7a7;
   max-width: 940px;
   width: 100%;
 }

 .m-count {
   border-radius: 3px;
   width: 40px;
   height: 21px;
   line-height: normal;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #42a5f5 !important;
   left: 205px;
   position: absolute;
   letter-spacing: 1px;
 }

 .width-80 {
   width: calc(100% - 98px);
 }

 .not-found-view {
   font-size: 14px;
   color: #999;
 }

 small.error-decision {
   position: absolute;
   left: 12px;
   font-size: 12px;
   color: #f00;
   bottom: -10px;
 }

 .position-relative {
   position: relative;
 }

 .viewbtn {
   font-size: 14px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background-color: #5e62a1;
   color: rgba(255, 255, 255, 0.84) !important;
   border: 0px;
   padding: 4px 12px;
   min-width: 132px;
   text-align: center;
 }


 .header_content td {
   border: 1px solid #000;
 }

 .sun-editor {
   max-height: 270px;
   overflow-y: auto;
   overflow-x: hidden;
 }

 .counter-tab {
   background: #2f3150;
   display: inline-block;
   margin-left: 5px;
   color: #fff;
   padding: 1px 8px;
   border-radius: 2px;
 }

 .p-multiselect-panel {
   z-index: 111111 !important;
 }

 .p-multiselect-items {
   padding: 0px !important;
 }

 .disabled {
   cursor: no-drop;
   color: #8d8c8c;
   font-size: 14px;
 }

 .cccto {
   width: calc(100% - 360px);
   height: auto;
   display: inline-block;
   padding: 2px 1px;
   font-size: 14px;
   position: relative;
 }

 .cccto .p-multiselect-close {
   margin-left: auto !important;
 }

 .cccto .w-full {
   width: 100%;
   border-bottom: 1px solid #ccc !important;
   border: 0;
   border-radius: 0px;
 }

 .cccto .w-full .p-multiselect-label {
   padding-left: 2px;
   font-size: 14px;
   outline: 0;
 }

 .cccto .p-checkbox span {
   font-size: 14px;
 }

 .cccto .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   font-size: 14px;
 }

 .cccto .dropdown-container,
 .cccto .dropdown-content {
   z-index: 11111 !important;
   background: #fff;
 }

 .cccto .dropdown-container .dropdown-content .panel-content {
   padding: 20px;
   background: #fff;
   box-shadow: none;
   box-shadow: none;
   border: 1px solid #ccc;
 }

 .cccto .select-panel input {
   height: 40px;
   border: 1px solid #ccc;
   padding: 5px;
   margin-bottom: 7px;
 }

 .cccto .select-panel label input {
   margin: 0px;
   height: auto !important;
 }

 .cccto .select-panel .go2343601875 li {
   padding: 3px 0px;
 }

 .cccto .select-panel .item-renderer {
   margin-bottom: 0px;
 }

 .errorborder {
   border-bottom: 1px solid #f00 !important;
   transition: 0.4s;
 }

 .remove-file {
   border: 0px;
   background: #e9524f;
   color: #ffff;
   font-size: 14px;
   /* margin-left: 10px; */
 }

 .smallloader {
   border: 2px solid #f3f3f3;
   /* Light grey */
   border-top: 2px solid #3498db;
   /* Blue */
   border-radius: 50%;
   width: 13px;
   height: 13px;
   display: inline-block;
   margin-left: 4px;
   animation: spinwait 2s linear infinite;
 }

 @keyframes spinwait {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 /* .p-multiselect-header{
  display: inline-block;
  width: 100%;
} */

 /* .p-multiselect-header .p-multiselect-select-all{
  display: inline-block;
}
.p-multiselect-header .p-multiselect-close{
  float: right;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: 0px;
} */

 .listlable {
   font-size: 14px;
   color: #333;
   background: #cccccc82;
   margin: 3px;
   padding: 4px 6px;
   display: inline-block;
 }

 .viewbtn_file {
   font-size: 14px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background-color: #5e62a1;
   color: rgba(255, 255, 255, 0.84) !important;
   border: 0px;
   padding: 10px 23px;
   min-width: 132px;
   text-align: center;
 }

 .viewbtn_file:hover,
 .viewbtn_file:active,
 viewbtn_file:focus {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background: #5e62a1 !important;
   color: rgba(255, 255, 255, 0.84) !important;
 }

 .notfound {
   font-size: 14px;
   color: #8d8c8c;
   padding: 13px 0px !important;
 }

 .nalist {
   list-style: none;
   padding-left: 0px;
   margin: 0;
   padding-bottom: 4px;
   margin-bottom: 4px;
   padding-top: 4px;
 }

 ul.nalist li {
   line-height: 25px;
   list-style: inside;
   font-size: 14px;
   color: #8d8c8c;
 }

 .disabletext {
   font-size: 14px;
   color: #8d8c8c;
   list-style: none !important;
 }

 .editorFieldBox button {
   border: 0px;
   margin: 1px;
 }

 .editorFieldBox .setcolorcss {
   position: relative;
 }

 .editorFieldBox .setcolorcss input {
   position: absolute;
   width: 100%;
   height: 106%;
   opacity: 0;
 }

 .editorFieldBox .ProseMirror {
   height: 100px;
   overflow-y: auto;
   padding: 0px 10px;
 }

 .tableEditorData {
   word-spacing: 1px;
 }

 .tiptap em {
   word-spacing: 1px;
 }

 .pageloadchange {
   position: absolute;
   z-index: 1111;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #eee;
 }

 .actingrolebox {
   display: block;
   width: 100%;
   padding: 10px;
 }

 .actingrolebox h4 {
   font-size: 19px;
   margin-bottom: 30px;
   color: #000;
   background: #cccccc29;
   padding: 10px;
 }

 .labelacting {
   font-size: 14px;
   line-height: 1.0875;
   color: #000 !important;
   font-weight: 500;
   background: #d9edf7 !important;
   padding-top: 16px !important;
   padding-bottom: 16px !important;
   min-width: 280px;
 }

 .max-width-300 .modal-dialog {
   max-width: 1000px;
   width: 90%;
   padding-top: 39px;
 }


 .acting_form_new {
   width: 100%;
   display: inline-flex;
   column-gap: 20px;
   margin: 0px 0px;
   align-items: center;
 }

 .acting_form_new label.controlform {
   font-size: 14px;
   line-height: 1.0875;
   color: #000;
   font-weight: 500;
   margin: 10px 0;
   background: #d9edf7;
   padding-top: 16px;
   padding-bottom: 16px;
   padding-left: 5px;
   max-width: 360px;
   padding-right: 5px;
   min-width: 360px;
 }

 .acting_form_new .form-bxact {
   width: calc(100% - 0px);
 }

 .acting_form_new .form-bxact p {
   cursor: no-drop;
   color: #8d8c8c;
 }

 .acting_form_new .form-bxact label {
   display: block;
   position: relative;
   margin: 10px 0px;
   border-bottom: 1px solid #ccc;
   padding: 4px 0px;
 }

 .acting_form_new .form-bxact label select {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 8px 1px;
   color: #000;
   font-size: 14px;
 }

 .acting_form_new .form-bxact label input {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 8px 1px;
   color: #000;
   font-size: 14px;
 }


 /* ------ */


 .action_form_new {
   width: 100%;
   display: inline-flex;
   margin: 0px 0px;
   padding-left: 0 !important;
   padding-right: 0px !important;
   column-gap: 18px;
   align-items: flex-start;
 }

 .action_form_new label.actioncontrolform {
   font-size: 14px;
   line-height: 1.0875;
   color: #000;
   font-weight: 500;
   margin: 10px 0;
   background: #d9edf7;
   padding-top: 16px;
   padding-bottom: 16px;
   padding-left: 8px;
   min-width: 280px;
   padding-right: 5px;
 }

 .action_form_new .form-bx-action {
   width: calc(100% - 306px);
   position: relative;
 }

 .form-bx-action label {
   display: block;
   position: relative;
   margin: 10px 0px;
   border-bottom: 1px solid #ccc;
   padding: 4px 0px;
 }

 .form-bx-action label textarea {
   display: block;
   width: 100%;
   border: 0;
   outline: 0;
   padding: 8px 5px;
   height: 70px;
   color: #000;
   font-size: 14px;
 }


 .checkbox-wrapper-15 .cbx {
   -webkit-user-select: none;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
   cursor: pointer;
 }

 .checkbox-wrapper-15 .cbx span {
   display: inline-block;
   vertical-align: middle;
   transform: translate3d(0, 0, 0);
 }

 .checkbox-wrapper-15 .cbx span:first-child {
   position: relative;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   transform: scale(1);
   vertical-align: middle;
   border: 2px solid #7d7d7d;
   transition: all 0.2s ease;
 }

 .checkbox-wrapper-15 .cbx span:first-child svg {
   position: absolute;
   z-index: 1;
   top: 5px;
   left: 4px;
   fill: none;
   stroke: white;
   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-dasharray: 16px;
   stroke-dashoffset: 16px;
   transition: all 0.3s ease;
   transition-delay: 0.1s;
   transform: translate3d(0, 0, 0);
 }

 .checkbox-wrapper-15 .cbx span:first-child:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #506EEC;
   display: block;
   transform: scale(0);
   opacity: 1;
   border-radius: 50%;
   transition-delay: 0.2s;
 }

 .checkbox-wrapper-15 .cbx span:last-child {
   margin-right: 8px;
 }

 .checkbox-wrapper-15 .cbx span:last-child:after {
   content: "";
   position: absolute;
   top: 8px;
   left: 0;
   width: 100%;
   transform-origin: 0 0;
   transform: scaleX(0);
 }

 .checkbox-wrapper-15 .cbx:hover span:first-child {
   border-color: #3c53c7;
 }

 .checkbox-wrapper-15 .inp-cbx:checked+.cbx span:first-child {
   border-color: #3c53c7;
   background: #3c53c7;
   animation: check-15 0.6s ease;
 }

 .checkbox-wrapper-15 .inp-cbx:checked+.cbx span:first-child svg {
   stroke-dashoffset: 0;
 }

 .checkbox-wrapper-15 .inp-cbx:checked+.cbx span:first-child:before {
   transform: scale(2.2);
   opacity: 0;
   transition: all 0.6s ease;
 }

 .checkbox-wrapper-15 .inp-cbx:checked+.cbx span:last-child {
   color: #B9B8C3;
   transition: all 0.3s ease;
 }

 .checkbox-wrapper-15 .inp-cbx:checked+.cbx span:last-child:after {
   transform: scaleX(1);
   transition: all 0.3s ease;
 }

 .checkbox-wrapper-15 {
   display: inline-block;
 }

 @keyframes check-15 {
   50% {
     transform: scale(1.2);
   }
 }

 .oldModal-full .modal-dialog {
   max-width: 1500px;
   width: 100%;
   height: 100%;
 }

 .viewcopybtn {
   float: right;
   margin-top: 0px;
   border-radius: 0px;
   margin-right: 22px !important;
 }

 .copybtn {
   float: right;
   margin-top: -9px;
   margin-right: 22px !important;
 }

 .acting-date {
   display: inline-block;
   max-width: 50%;
   width: 100%;
   position: relative;
 }

 .date-acting {
   padding: 1.5rem 0.45rem 0.8rem;
   border-bottom: 1px solid #d1d5db !important;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   appearance: none;
   border-radius: 0px;
   margin-right: 10px;
   max-width: 100%;
 }

 .acting-date .react-datepicker-wrapper {
   border: 0px !important;
   margin-top: 0;
 }

 .errormsg {
   color: #f00;
   font-size: 12px;
   bottom: -20px;
   position: absolute;
   left: 0;
 }

 .act_btn-dashboard {
   /* float: right; */
   background: #42a5f5;
   padding: 10px 16px;
   border-radius: 2px;
   color: #fff;
   text-transform: uppercase;
   line-height: normal;
 }

 .act_btn-dashboard span {
   background: #fff;
   color: #5e62a1;
   padding: 2px 5px;
   margin-left: 10px;
   box-shadow: 0px 1px 2px #0000003b;
   border-radius: 1px;
 }

 .act_btn-dashboard:hover {
   color: #fff;
   box-shadow: 0 0 2 #00000050;
 }

 .searchtable_bx {
   display: inline-block;
   width: 100%;
   padding: 20px;
 }

 .searchtable_inner_bx {
   display: block;
   position: relative;
   max-width: 500px;
   margin: 10px auto 40px;
 }

 .searchtable_inner_bx input {
   border: 1px solid #ccc;
   padding: 10px 15px;
   width: calc(92% - 140px);
 }

 .searchtable_inner_bx-error {
   display: block;
   position: relative;
   max-width: 500px;
   margin: 10px auto 40px;
 }

 .searchtable_inner_bx-error input {
   border: 1px solid #f52b2b;
   padding: 10px 15px;
   border-radius: 5px;
   width: calc(92% - 140px);
 }

 .searchtable_inner_bx .searchButton,
 .searchtable_inner_bx-error .searchButton {
   border: 0px;
   padding: 10px 16px;
   margin-left: 10px;
   background: #5e62a1;
   color: #fff;
 }

 .searchtable_inner_bx .resetButton,
 .searchtable_inner_bx-error .resetButton {
   border: 0px;
   padding: 10px 16px;
   margin-left: 10px;
   background: #d9d7d7;
   color: #000;
 }

 .css-qbdosj-Input input {
   opacity: 0;
 }

 .css-swicq1-MultiValueGeneric {
   /* color: hsl(0deg 0% 100%) !important;
  background-color: #42a5f5 !important; */
   font-size: 14px !important;
 }

 .css-t3ipsp-control:hover {
   border-color: transparent !important;
   border-bottom: 1px solid #ccc !important;
 }

 .selectinput .css-t3ipsp-control:hover,
 .selectinput .css-13cymwt-control {
   border: 0px !important;
 }

 .css-19bb58m input {
   opacity: 0 !important;
 }

 .css-jc0r9t {
   padding-left: 2px;
 }

 .css-t3ipsp-control,
 .css-13cymwt-control {

   min-height: 45px !important;
   border-color: transparent !important;
   border-radius: 0px !important;
   box-shadow: none !important;
   border-top: 0px !important;
   border-bottom: 1px solid #ccc !important;
 }

 .css-1yvwecq-ValueContainer {
   padding: 2px 8px 2px 0px !important;
 }

 .css-gz0hkv-ValueContainer {
   padding: 2px 8px 2px 0px !important;
 }

 .css-qbdosj-Input input {
   opacity: 0 !important;
 }

 .act_sym {
   background: #5e62a1;
   padding: 2px 5px;
   color: #fff;
   border-radius: 2px;
   margin-left: 10px;
   font-size: 14px;
 }

 .coumgap-20 {
   column-gap: 20px;
 }

 .userselect {
   padding: 8px 16px;
   border: 1px solid #d1d5db;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   appearance: none;
   border-radius: 2px;
   width: 100%;
   max-width: 220px;
   position: relative;
 }

 .userselect:after {
   position: absolute;
   content: "";
   top: 14px;
   right: 10px;
   width: 0;
   height: 0;
   border: 6px solid transparent;
   border-color: #fff transparent transparent transparent;
 }

 .box-userselect {
   width: 410px;
   display: flex;
   align-items: center;
   column-gap: 10px;
 }

 .table-custom {
   margin-top: 20px;
 }

 .responsive-table {
   overflow-x: auto;
 }

 .table-custom tr th {
   background: #eee;
   padding: 3px 10px;
 }

 .table-custom>tr>td {
   border-bottom: 1px solid #ccc;
   padding: 6px;
   word-wrap: break-word;
   text-overflow: clip;
   overflow: hidden;
   font-size: 14px;
 }

 .department-reason {
   max-width: 210px;
   display: inline-block;
 }

 .department-user {
   min-width: 200px;
   display: inline-block;
 }

 .tooltip-bx {
   position: absolute;
   z-index: 11;
   background: #fff;
   padding: 20px;
   width: 100%;
   max-width: 530px;
   right: 35px;
   top: 70px;
   box-shadow: 0 1px 7px #00000040;
 }

 .toolinner {
   display: inline-flex;
   color: #000;
   width: 100%;
   font-size: 14px;
   margin-bottom: 20px;
   column-gap: 19px;
   align-items: center;
 }

 .toolinner label {
   width: 180px;
   text-align: left;
   background: #d9edf7;
   padding: 4px;
   color: #000;
   font-size: 14px;
   text-transform: capitalize;
   font-weight: 500;
   padding-top: 16px;
   padding-bottom: 16px;
   padding-left: 10px;
 }

 .toolinner p {
   margin: 0px;
   text-align: left;
   width: calc(100% - 140px);
   font-size: 14px;
   font-weight: normal;
   text-transform: none !important;
   color: #8d8c8c;
 }

 .tooltip-bx:after {
   position: absolute;
   content: '';
   border-width: 6px 6px 14px 0px;
   top: -10px;
   width: 0;
   height: 0;
   border-left: 12px solid transparent;
   border-right: 12px solid transparent;
   border-bottom: 12px solid #fff;
   right: 180px;
 }

 .green-text {
   color: #18d26e !important;
   font-weight: bold;
 }

 .red-text {
   color: #f00 !important;
   font-weight: bold;
 }

 .deparment-headertooltip {
   background: #42a5f5;
   padding: 9px 18px;
   margin: 0 0 18px;
   font-size: 16.25px;
   text-align: left;
   border-left: 5px solid #5e62a1;
   color: #fff;
   padding-top: 1rem !important;
   padding-bottom: 1rem !important;
 }

 .closedepartment_btnicn {
   position: relative;
   color: #fff;
   font-size: 15px;
   z-index: 11;
   cursor: pointer;
   float: right;
 }

 .heading-actingrole {
   font-size: 16px;
   color: #fff;
   background: #42a5f5;
   padding: 10px;
   margin-top: 30px;
 }

 .activebtn-text {
   color: #18d26e !important;
   font-weight: bold;
   border: 0px;
   font-size: 24px;
   outline: 0;
   padding: 0 !important;
   margin: 1px 5px;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
 }

 .inactivebtn-text {
   color: #f00 !important;
   font-weight: bold;
   border: 0px;
   font-size: 24px;
   border: 0px;
   outline: 0;
   margin: 1px 0px;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
 }

 .bankReportForm .inner_form_new label.controlform {
   min-width: 200px;
 }

 .bankReportForm .inner_form_new .form-bx {
   width: calc(100% - 200px);
 }

 .bankReportForm .inner_form_new-sm .form-bx-sm {
   width: calc(100% - 110px);
   position: unset;
 }

 .bankReportForm .cccto {
   width: calc(100% - 220px);
 }

 .bankReportForm .inner_form_new-sm {
   position: relative;
 }

 .bankReportForm .inner_form_new-sm label.controlform-sm {
   width: 110px;
 }

 .listlink {
   display: inline-flex;
   padding: 6px;
   justify-content: space-between;
   background: #eee;
   margin-bottom: 3px;
 }

 .p-connected-overlay-enter-done {
   z-index: 111;
   display: none;
 }

 .min-h440 {
   min-height: 711px;
 }

 .file-detail_url {
   display: block;
   width: 100%;
   padding-left: 8px;
   font-size: 14px;
 }

 .file-detail_url h6 {
   display: inline-flex;
   flex-direction: row;
   width: 100%;
   justify-content: space-between;
 }

 .file-detail_url span {
   font-size: 14px;
   text-transform: capitalize;
 }

 .file-detail_url a {
   background: #5e62a1;
   color: #fff;
   padding: 5px 10px;
   margin: 0;
 }

 .file-detail_url a:hover {
   background: #5f64ab;
   color: #fff;
 }

 .filelinkheading {
   background: #eee;
   font-size: 16px;
   font-weight: bold;
   padding: 10px 10px;
   margin-bottom: 15px;
 }

 .p-connected-overlay-enter-done {
   z-index: 111;
   display: -webkit-box;
   z-index: 11111 !important;
 }

 .p-dropdown-items {
   padding: 0px;
   width: 80px;
   text-align: center;
 }

 .view-bx {
   display: block;
   width: 100%;
   height: 69.3vh;
   overflow-y: auto;
 }

 .directivefile_view_outer {
   display: inline-flex;
   flex-direction: column;
   flex-wrap: nowrap;
   max-height: 260px;
   overflow: auto;
   width: 100%;
   padding-bottom: 5px;
 }

 .directivefile_view {
   display: inline-flex;
   margin-top: 9px;
   margin-bottom: 7px;
   align-items: flex-start;
 }

 .directivefile_view label {
   display: inline-block;
   font-size: 14px;
   line-height: 1.0875;
   color: #000;
   min-width: 360px;
   font-weight: 500;
   text-transform: capitalize;
   background: #d9edf7;
   padding: 12px 10px;
   margin-right: 10px;
 }

 .directivefile_view span {
   display: inline-block;
 }

 .directivefile_view span a {
   text-decoration: underline;
   color: #333;
   background: #eee;
   padding: 9.1px 12px;
   font-size: 14px;
   margin-right: 6px;
   float: left;
 }

 .directivefile_view span:last-child a {
   border: 0px;
 }

 .ddrbrk {
   display: inline-flex;
   flex-wrap: wrap;
   row-gap: 5px;
 }

 .multiselect input {
   grid-area: auto !important;
   min-width: 0px !important;
 }

 .tagsname {
   background: #42a5f5;
   padding: 3px;
   margin-right: 3px;
   border: 1px solid #64a8df;
   color: #fff;
   text-transform: capitalize;
 }

 .tableExcel {
   background-color: #06b6d4 !important;
 }

 .rbz-registration_form_panel {
   width: 1120px;
   margin: 20px auto 0px;
   text-align: right;
   display: block;
 }

 .rbz-registration_form_panel a {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
   background-color: #5e62a1;
   color: rgba(255, 255, 255, 0.84);
   border: 0px;
   padding: 8px 20px;
   text-transform: uppercase;
   font-size: 16px;
   min-width: 142px;
   text-align: center;
   display: inline-block;
 }

 .tablerowDisabled .p-selection-column {
   cursor: no-drop !important;
   pointer-events: auto;
 }

 .selectDayBox {
   margin: 0 !important;
   border: 1px solid #ccc;
   border-radius: 4px;
   height: 100%;
   width: 180px;
   padding-left: 5px !important;
 }

 .selectDayBox .daySelect {
   height: 100%;
   color: #4b5563;
 }

 .requierd_icons {
   color: #ff0000b5;
   font-size: 16px;
   font-weight: bold;
 }

 .css-t3ipsp-control input {
   opacity: 1 !important;
 }

 .zoom-in-out-box {
   animation: zoom-in-zoom-out 1s ease infinite;
   border-color: #f00;
   background: #ff000047;
 }

 @keyframes zoom-in-zoom-out {
   0% {
     transform: scale(1, 1);
   }

   50% {
     transform: scale(1.0, 1.05);
   }

   100% {
     transform: scale(1, 1);
   }
 }

 .nodatafound {
   font-size: 14px;
   border-bottom: 1px solid #eee;
   padding: 10px 10px;
 }


 .tatHolydayList p {
   font-size: 22px;
   margin-bottom: 0;
 }

 .letterHeadRemoveIcon {
   position: absolute;
   right: 0;
   margin: 0;
   background-color: #fff;
   width: 25px;
   height: 25px;
   border-radius: 0% 0% 0% 50%;
   cursor: pointer;
 }

 .template-pdf .header-pdf {
   position: relative;
 }


 .pdf-footer {
   position: relative;
 }

 .letterHeadAddIcon::before {
   content: "\f38b";
   font-size: 14px;
   font-weight: 500 !important;
   color: green;
   cursor: pointer;
 }


 .rollBackField .form-bx label textarea::placeholder {
   color: #d3d1d1;
 }

 .form-bx label textarea::placeholder {
   color: #90899a;
 }

 .rollbackbtn:hover {
   background-color: #5e62a1;
 }

 .rollbackbtn {
   background-color: #5e62a1;
   border: unset;
   padding: 5px;
 }

 .rollbackdrop label {
   border: 1px solid #ccc;
   padding: 2px 10px;
 }

 .resetPassBtn {
   background: transparent;
   border: unset;
   border-bottom: 1px solid #5e62a1;
 }

 .testclass {
   display: none;
 }

 .testclass:nth-last-of-type(1),
 .testclass:nth-last-of-type(2) {
   display: none;
 }

 .issueLog-box.editmodal-change .form-bx label {
   padding: 10px;
 }

 .issueLog-box.editmodal-change .form-bx label p {
   margin-bottom: 0px;
   word-break: break-word;
 }


 .issueLog-box.editmodal-change .controlform {
   font-weight: 600;
 }
 .ErrorBoundrybx{position: fixed;width: 100%;height: 100%;display: grid;}
.ErrorBoundrybx_inner{max-width: 600px;margin: auto;}
.ErrorBoundrybx_inner p{font-size: 26px;font-weight: bold;}
.ErrorBoundrybx_inner pre{font-size: 15px;}
.ErrorBoundrybx_inner button{
  background: #5e62a1;
  font-size: 14px;
  color: #fff;
  padding:10px 15px;
  margin: 0 0 5px;
  border: 0px;
}

.companyNameField .informgs {
  position: absolute;
  bottom: -14px;
  font-size: 11px;
  width: 341px;
}

.companyNameField .css-3w2yfm-ValueContainer,.companyNameField .css-13cymwt-control,.companyNameField .css-t3ipsp-control {
  max-height: 65px;
  overflow: auto;
}
.companyNameField .selectinput {
  height: auto !important;
  margin: 0;
}

.companyNameField .css-16xfy0z-control {
  border: unset;
}

.bankReportForm .inner_form_new .form-bx.companyNameField {
  width: 52%;
}

.typeExportDropdown{
  height: 45px;
}
.govFieldBox{
  width: 100%;
}

.tableEditorData h1,
.tableEditorData h2,
.tableEditorData h3,
.tableEditorData h4,
.tableEditorData h5,
.tableEditorData h6 {
  font-size: 14pt !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 2 !important;
  
}