/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 4.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('../variables.css');
@import url('../dataTables.bootstrap5.min.css');

html{
  font-size: 16px;
}
body{
  background:var(--white) ;
}
.tabs-autheight{
	height:auto;
	margin-bottom: 20px;
 }

 .input-field .select_all .select-dropdown label{
    transform: translateY(0);
 }

 .main-container{
  padding: 26px 0;
 }

.container-type-2{
  max-width: 830px !important;
}

.overflow-visible{
  overflow: visible;
}

.main-title{
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 16px 0;
  font-weight: 500;
}
.sub-title{
  font-size: 18px;
  margin: 0 0 16px 0;
  font-weight: 500;
}
 .mb-0{
	margin-bottom: 0 !important;
 }

 .mb-16{
	margin-bottom: 16px !important;
 }
 .text-right{
  text-align: right !important;
 }
 .text-left{
  text-align: left !important;
 }
 
.line-height-27{
  line-height: 27px!important;
}
.line-h-small{
 line-height: 28px!important;
}
.materialize-textarea.two-line{
  padding: .8rem 0 0rem 0;
}

.line-height-26{
  min-height: auto!important;
  line-height: 26px!important;
  height: auto;
}

.pb-100{
  padding-bottom: 100px;
}
.no-clickable a{
  pointer-events: none;
}
.stepper-type-one{
  background-color:#b3e5fc
}
 /* button styles */

/* materialize css */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
button:focus{
  background: transparent;
}
.btn, .btn-floating{
	background-color: var(--primary);
	border: 1px solid var(--primary);
	color: var(--white);
	text-transform: none;
  white-space: nowrap;
   }

   .btn svg, .btn-floating svg{
	fill:var(--white) ;
   }

.btn span{
	display: flex;
	align-items: flex-start;
	text-wrap: nowrap;
}
  
  .btn:hover, .btn-floating:hover{
	background-color: var(--white);
	color: var(--primary);
  }

  .btn:hover svg, .btn-floating:hover svg, .btn:hover i, .btn-floating:hover i{
  fill: var(--primary);
  color: var(--primary);
  }
  .btn:focus, .btn-large:focus, .btn-floating:focus{
	background-color: var(--white);
	color: var(--primary);
  fill: var(--primary);
  }

  .btn:focus i, .btn-large:focus i, .btn-floating:focus i{
    fill: var(--primary);
    color: var(--primary);
  }
  
  .btn-large {
    height: 50px;
    line-height: 50px;
}

   .btn-small{
	font-size: 12px;
	font-weight: normal;
	padding: 0 1rem;
   }
   .btn-space-wrap{
    white-space: wrap;
    height: auto;
  }
   
 /* end materialized  */


 .btn-primary {
    background-color: var(--primary);
    color: var(--white);
  }
  
  .btn-primary:hover,
  :not(.btn-check)+.btn-primary:hover,
  .btn-primary:first-child:hover {
    background-color: var(--white) !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  
  .btn-primary svg {
    fill: var(--white);
  }
  
  .btn-primary:hover svg, .btn-primary:active svg {
    fill: var(--primary);
  }
  
  .btn-secondary, .btn.green {
    background-color: var(--secondary) !important;
    color: var(--white) !important;
	border-color: var(--secondary) !important;
  }
  
  .btn-secondary:hover,
  :not(.btn-check)+.btn-secondary:hover,
  .btn-secondary:first-child:hover, .btn.green:hover {
    background-color: var(--white) !important;
    color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  
  .btn-secondary svg {
    fill: var(--white);
  }
  
  .btn-secondary:hover svg {
    fill: var(--secondary);
  }
  
  .btn-outline-primary {
    background-color: var(--white);
    color: var(--primary);
    border-color: var(--primary);
  }
  
  .btn-outline-primary:hover,.btn-outline-primary.active,
  :not(.btn-check)+.btn-outline-primary:hover,
  .btn-btn-outline-primary:first-child:hover, .btn-outline-primary:first-child:hover {
    background-color: var(--primary);
    color: var(--white);
    border-color: transparent;
  }
  
  .btn-outline-primary svg {
    fill: var(--primary);
  }
  
  .btn-outline-primary:hover svg {
    fill: var(--white);
  }
  
  .btn-outline-secondary {
    background-color: var(--white);
    color: var(--secondary);
    border-color: var(--secondary);
  }
  
  .btn-outline-secondary:hover,
  :not(.btn-check)+.btn-outline-secondary:hover,
  .btn-outline-secondary:first-child:hover {
    background-color: var(--secondary);
    color: var(--white);
    border-color: transparent;
  }
  
  .btn-outline-secondary svg {
    fill: var(--secondary);
  }
  
  .btn-outline-secondary:hover svg {
    fill: var(--white);
  }

  .btn-danger {
    background-color: var(--error);
    color: var(--white);
  }
  
  .btn-danger:hover,
  :not(.btn-check)+.btn-danger:hover,
  .btn-danger:first-child:hover {
    background-color: var(--white) !important;
    color: var(--error) !important;
    border-color: var(--error) !important;
  }
  
  .btn-danger svg {
    fill: var(--white);
  }
  
  .btn-danger:hover svg, .btn-danger:active svg {
    fill: var(--error);
  }

  .btn-danger:hover svg, .btn-danger:hover i{
    fill: var(--error) !important;
    color: var(--error) !important;
  }
  
  .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .icon-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--primary);
    transition: var(--tran-03);
  }
  .btn-medium {
    font-size: var(--font-size-16);
    padding: 6px 14px;
	line-height: inherit;
    min-height: 40px;
  }

  .btn-md {
    font-size: var(--font-size-16);
    padding: 6px 14px;
	line-height: inherit;
    min-height: inherit;
    height: inherit;
  }
  
  .btn-small {
    font-size: var(--font-size-14);
    padding: 4.5px 10px;
    border-radius: 4px;
    line-height: 1;
  }

  .btn:disabled, .btn.disabled, fieldset:disabled .btn, .btn[disabled]{
    background: var(--black-50);
    border: 1px solid var(--black-50);
    color: var(--white);
  }

  .btn-link{
    text-decoration: underline;
    font-size: var(--font-size-16);
    color: var(--primary);
  }

  .btn-floating{
    border-radius: 50%;
    padding:0;
  }

  .nowrap{
    white-space: nowrap;
  }

 /* end btn styles */
 .card-shadow-type-2 {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06) !important;
}

 .page-title{
	margin:0 0 20px;
	font-size: 22px;
	font-weight: 500;
 }

 .page-subtitle{
  margin:0 0 20px;
	font-size: 20px;
	font-weight: 500;
 }

 .wd-250 {
	width: 250px !important;
 }
 .wd-300 {
	width: 300px !important;
 }
 .wd-400 {
	width: 300px !important;
 }
 .wd-550{
  width: 550px!important;
 }
 .wd-650{
  width: 650px!important;
 }
 .w-100 {
	width: 100% !important;
 }
 .bdr-0{
  border: 0;
 }
 .box-sw-0{
  box-shadow: none;
 }
 .box-sw{
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
 }
 .height-auto{
  height: auto!important;
 }
.btn-icon-align-left{
    display: inline-flex;
    align-items: center;
    justify-content: left;
}
.btn-icon-align-left i{
  margin-right: 5px;
}
ul.list-type-one{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-type-one li{
	margin-bottom: 15px;
}

ul.list-type-one li:after{
	clear: both;
	display: table;
	content: '';
}

 .tabs.tabs-autheight .indicator{
	background-color: #0288d1;
 }
.autheight{
height: auto;
}
.alert-danger .helper-text{
  color:var(--error);
}

/* action icon buttons */

ul.action-icon-btns {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  ul.action-icon-btns li {
    margin-right: 14px;
  }
  ul.action-icon-btns .action-btn,td .delete-icon-button,td .edit-icon-button,td .doc-icon-button,td .view-icon-button{
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    background: none;
    transition: var(--tran-03);
    display: inline-block;
  }
  ul.action-icon-btns .view-icon-button:before,.view-icon-button:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9987 10.3359C11.0404 10.3359 11.9258 9.97135 12.6549 9.24219C13.3841 8.51302 13.7487 7.6276 13.7487 6.58594C13.7487 5.54427 13.3841 4.65885 12.6549 3.92969C11.9258 3.20052 11.0404 2.83594 9.9987 2.83594C8.95703 2.83594 8.07161 3.20052 7.34245 3.92969C6.61328 4.65885 6.2487 5.54427 6.2487 6.58594C6.2487 7.6276 6.61328 8.51302 7.34245 9.24219C8.07161 9.97135 8.95703 10.3359 9.9987 10.3359ZM9.9987 8.83594C9.3737 8.83594 8.84245 8.61719 8.40495 8.17969C7.96745 7.74219 7.7487 7.21094 7.7487 6.58594C7.7487 5.96094 7.96745 5.42969 8.40495 4.99219C8.84245 4.55469 9.3737 4.33594 9.9987 4.33594C10.6237 4.33594 11.1549 4.55469 11.5924 4.99219C12.0299 5.42969 12.2487 5.96094 12.2487 6.58594C12.2487 7.21094 12.0299 7.74219 11.5924 8.17969C11.1549 8.61719 10.6237 8.83594 9.9987 8.83594ZM9.9987 12.8359C7.97092 12.8359 6.1237 12.27 4.45703 11.138C2.79036 10.0061 1.58203 8.48872 0.832031 6.58594C1.58203 4.68316 2.79036 3.1658 4.45703 2.03385C6.1237 0.90191 7.97092 0.335938 9.9987 0.335938C12.0265 0.335938 13.8737 0.90191 15.5404 2.03385C17.207 3.1658 18.4154 4.68316 19.1654 6.58594C18.4154 8.48872 17.207 10.0061 15.5404 11.138C13.8737 12.27 12.0265 12.8359 9.9987 12.8359ZM9.9987 11.1693C11.5681 11.1693 13.0091 10.7561 14.3216 9.92969C15.6341 9.1033 16.6376 7.98872 17.332 6.58594C16.6376 5.18316 15.6341 4.06858 14.3216 3.24219C13.0091 2.4158 11.5681 2.0026 9.9987 2.0026C8.42925 2.0026 6.98828 2.4158 5.67578 3.24219C4.36328 4.06858 3.35981 5.18316 2.66536 6.58594C3.35981 7.98872 4.36328 9.1033 5.67578 9.92969C6.98828 10.7561 8.42925 11.1693 9.9987 11.1693Z' fill='%23246793'/%3E%3C/svg%3E%0A");
  }
  ul.action-icon-btns .edit-icon-button:before,td .edit-icon-button:before{
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.16667 13.8333H3.35417L11.5 5.6875L10.3125 4.5L2.16667 12.6458V13.8333ZM0.5 15.5V11.9583L11.5 0.979167C11.6667 0.826389 11.8507 0.708333 12.0521 0.625C12.2535 0.541667 12.4653 0.5 12.6875 0.5C12.9097 0.5 13.125 0.541667 13.3333 0.625C13.5417 0.708333 13.7222 0.833333 13.875 1L15.0208 2.16667C15.1875 2.31944 15.309 2.5 15.3854 2.70833C15.4618 2.91667 15.5 3.125 15.5 3.33333C15.5 3.55556 15.4618 3.76736 15.3854 3.96875C15.309 4.17014 15.1875 4.35417 15.0208 4.52083L4.04167 15.5H0.5ZM10.8958 5.10417L10.3125 4.5L11.5 5.6875L10.8958 5.10417Z' fill='%23246793'/%3E%3C/svg%3E%0A");
  }
  ul.action-icon-btns .delete-icon-button:before,td .delete-icon-button:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3346 7.5V15.8333H6.66797V7.5H13.3346ZM12.0846 2.5H7.91797L7.08464 3.33333H4.16797V5H15.8346V3.33333H12.918L12.0846 2.5ZM15.0013 5.83333H5.0013V15.8333C5.0013 16.75 5.7513 17.5 6.66797 17.5H13.3346C14.2513 17.5 15.0013 16.75 15.0013 15.8333V5.83333Z' fill='%23246793'/%3E%3C/svg%3E%0A");
  }
  ul.action-icon-btns .download-icon-button:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0002 12.4987V14.9987H5.00016V12.4987H3.3335V14.9987C3.3335 15.9154 4.0835 16.6654 5.00016 16.6654H15.0002C15.9168 16.6654 16.6668 15.9154 16.6668 14.9987V12.4987H15.0002ZM14.1668 9.16536L12.9918 7.99036L10.8335 10.1404V3.33203H9.16683V10.1404L7.0085 7.99036L5.8335 9.16536L10.0002 13.332L14.1668 9.16536Z' fill='%23246793'/%3E%3C/svg%3E%0A");
  }
  ul.action-icon-btns .doc-icon-button:before,td .doc-icon-button:before{
    content: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66585 13.9993H10.3325V12.3327H3.66585V13.9993ZM3.66585 10.666H10.3325V8.99935H3.66585V10.666ZM1.99919 17.3327C1.54085 17.3327 1.14849 17.1695 0.822103 16.8431C0.495714 16.5167 0.33252 16.1243 0.33252 15.666V2.33268C0.33252 1.87435 0.495714 1.48199 0.822103 1.1556C1.14849 0.82921 1.54085 0.666016 1.99919 0.666016H8.66585L13.6659 5.66601V15.666C13.6659 16.1243 13.5027 16.5167 13.1763 16.8431C12.8499 17.1695 12.4575 17.3327 11.9992 17.3327H1.99919ZM7.83252 6.49935V2.33268H1.99919V15.666H11.9992V6.49935H7.83252Z' fill='%23246793'/%3E%3C/svg%3E%0A");
  }
  ul.action-icon-btns .add-icon-button:before,td .add-icon-button:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5H9V9H5V11H9V15H11V11H15V9H11V5ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z' fill='%23246793'/%3E%3C/svg%3E%0A");
  }
  ul.action-icon-btns .action-btn:hover,td .action-btn:hover,.icon-link:hover{
    transform: scale(1.2);
  }


 .data-table-wrapper {
    width: 100%!important;
    border: 1px solid var(--black-40) !important;
    border-radius: 4px;
    margin-bottom: 16px !important;
  }
  .data-table-wrapper th {
    border: 0;
    border-bottom: 1px solid var(--black-40) !important;
    font-weight: 600;
    color: var(--black) !important;
    background: var(--black-20) !important;
    vertical-align: middle;
	padding: 15px;
  }

  table.dataTable{
	margin: 0 !important;
	border: 0;
  }
  table.dataTable thead tr>.dtfc-fixed-right{
    background: var(--black-20);
  }
  .data-table-wrapper td {
    padding: 15px 15px;
    font-size: var(--font-size-16);
    color: var(--black);
    vertical-align: middle;
    border: 0;
    background-color: var(--white);
  }
  .data-table-wrapper tr {
    background: var(--white);
  }
  .data-table-wrapper tr:nth-child(odd) td,table.dataTable tbody tr:nth-child(even)>.dtfc-fixed-right {
    background: var(--black-200);
  }
  

  
  .dataTables_wrapper table.dataTable thead .sorting, .dataTables_wrapper table.dataTable thead .sorting_desc{
    background-image: none !important;
  }
  .dataTables_wrapper table.data-table-wrapper td {
    padding: 25px 15px;
    font-size: var(--font-size-14);
    color: var(--black);
    vertical-align: middle;
    border-bottom-width: 0;
    background-color: var(--white);
  }
  .dataTables_wrapper table.data-table-wrapper tr {
    background: var(--white);
  }
  .dataTables_wrapper table.data-table-wrapper tr:nth-child(even) td,table.dataTable tbody tr:nth-child(even)>.dtfc-fixed-right {
    background: var(--black-200);
  }
  
  body table.dataTable thead th, body table.dataTable thead td {
    padding-top: 20px;
	padding-bottom: 20px;
    line-height: 16px;
  }
  .dataTables_wrapper table.data-table-wrapper thead>tr>th.sorting.sorting_asc:before,
  .dataTables_wrapper table.data-table-wrapper thead>tr>th.sorting.sorting_desc:after {
    opacity: 1;
  }
  .dataTables_wrapper table.data-table-wrapper .dataTables_empty{
    padding: 70px 0 85px;
    font-size: var(--font-size-16);
    color: var(--black-70);
    font-weight: 600;
  }
  .dataTables_wrapper table.data-table-wrapper .dataTables_empty:before, .data-table-wrapper table.dataTable .dataTables_empty:before{
    content: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 39' width='51' height='39'%3E%3Ctitle%3Eview_list-svg%3C/title%3E%3Cstyle%3E .s0 %7B fill: %23dcdcdc;stroke: %23ffffff %7D %3C/style%3E%3Cg id='view_list'%3E%3Cpath id='Vector' fill-rule='evenodd' class='s0' d='m1.6 38v-37h47.8v37zm4.4-15.3h6.4v-6.4h-6.4zm0 4.4v6.4h6.4v-6.4zm38.9 6.4v-6.4h-28.1v6.4zm0-10.8v-6.4h-28v6.4zm0-10.8v-6.5h-28.1v6.5zm-32.5-6.5h-6.4v6.5h6.4z'/%3E%3C/g%3E%3C/svg%3E");
    display: block;
    margin-bottom: 5px;
  }
  
  .dataTables_wrapper .table-action-wrapper,
  .dataTables_wrapper th.table-action-thead {
    border-left: 1px solid var(--black-40) !important;
    position: sticky;
    right: 0;
    z-index: 1;
  }

  .dataTables_wrapper .dataTables_processing{
	margin-top: 0 !important;
  }

  /* Data Table Pagination and Length  */
  .dataTables_wrapper .bottom {
    display: flex;
    margin-top: 10px;
    align-items: center;
  }
  .dataTables_wrapper .bottom .float-start{
    display: flex;
    float: none !important;
    align-items: center;
  }
  .dataTables_wrapper .bottom .dataTables_info,
  .dataTables_wrapper .bottom .dataTables_length,
  .dataTables_wrapper .bottom .dataTables_paginate{
    padding: 0;
    color: var(--black);
    font-size: var(--font-size-14);
  }
  .dataTables_wrapper .bottom .dataTables_paginate{
    display: flex;
    align-items: center;
  }
  .dataTables_wrapper .bottom .dataTables_length select{
    border: 1px solid var(--gray-03);
    background-color: var(--white);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='keyboard_arrow_right' d='M5 3.72973L8.83333 -5.09966e-08L10 1.13514L5 6L-4.96183e-08 1.13513L1.16667 -3.86117e-07L5 3.72973Z' fill='%23D3D3D3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    padding: 0px 20px 0 10px;
    background-position: right 4px top 9px;
    cursor: pointer;
    font-size: inherit;
    margin: 0 5px;
	color: var(--black);
	height: 23px;
  }
  .dataTables_wrapper .bottom .dataTables_paginate{
    margin: 0 15px;
  }
  .dataTables_wrapper .bottom .dataTables_paginate span .paginate_button {
    margin: 0 2px;
	padding:2px 8px !important;
    cursor: pointer;
  }

  .dataTables_wrapper .bottom .dataTables_paginate span .paginate_button:focus,   .dataTables_wrapper .bottom .dataTables_paginate span .paginate_button:focus{
	background: none !important;
	outline: none !important;
	box-shadow: none !important;
  }
  
  body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: none !important;
	color: var(--black) !important;
	border-color: rgba(0,0,0,0) !important;
  }

  .dataTables_wrapper .bottom .dataTables_paginate span .paginate_button.current{
    border: 1px solid var(--primary);
    border-radius: 4px;
    color: var(--primary) !important;
    padding: 1.5px 7px;
    font-weight: 700;
    background: none;
  }

  .dataTables_wrapper .bottom .dataTables_paginate span .paginate_button.current:hover{
    border: 1px solid var(--primary) !important;
  }
  .dataTables_wrapper .bottom .dataTables_paginate span{
    margin: 0;
  }
  .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.previous,
  .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.next{
    position: relative;
    cursor: pointer;
    color: var(--black);
    width: 12px;
    display: inline-block;
    height: 23px;
    line-height: 18px;
    text-align: center;
    padding-top: 2px;
  }
  .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.next.disabled{
    opacity: 0.5;
  }
  .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.previous:after{
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Left'%3E%3Cpath id='keyboard_arrow_right' d='M5.27027 6L9 9.83333L7.86486 11L3 6L7.86487 1L9 2.16667L5.27027 6Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.next:after{
    content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='keyboard_arrow_right' d='M3.72973 5L0 1.16667L1.13514 0L6 5L1.13514 10L0 8.83333L3.72973 5Z' fill='%23222222'/%3E%3C/svg%3E%0A");
  }

  .dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom: 0 !important;
	margin-top: -1px;
  }

  .data-table-wrapper.custom-scrollabletable{
    width: 100%;
    overflow-x: auto;
  }
  .data-table-wrapper.custom-scrollabletable .dataTable{
    min-width: 1100px;
  }
  .tcw-150 table th{
    min-width: 150px;
  }
  .tcw-180 table th{
    min-width: 180px;
  }
  .data-table-wrapper.custom-scrollabletable .fix-column{
    position: sticky;
    right: 0;
    z-index: 1;
  }

  .data-table-wrapper.custom-scrollabletable .fix-column{
    border-left:1px solid var(--black-40) !important;
  }
  /* .data-table-wrapper.custom-scrollabletable th{
    min-width: 100px;
  }

  .data-table-wrapper.custom-scrollabletable th:not(:first-child){
    min-width: 200px;
  } */
  /* Data Table Pagination and Length */
  /* Data Table Scroll */

  .dataTables_wrapper .table-first-wrapper{
    z-index: 1;
    position: sticky;
    left: 0;
  }
  
  .dataTables_scroll{
    border: 1px solid var(--black-40);
    overflow: hidden;
    border-radius: 6px;
  }

  .dataTables_scroll .data-table-wrapper{
    border: none !important;
    margin-top: 0 !important;
  }

  .dataTables_scroll .data-table-wrapper{
	border-bottom: none;
  }

  .dataTables_scroll .dataTables_scrollHeadInner{
    min-width: 100% !important;
  }
  .dataTables_scrollBody tr th:first-child,.data-table-bottom-features tr td:first-child{
    min-width: 100px;
  }
  .dataTables_scrollBody tr th,.data-table-bottom-features tr td{
    min-width: 200px;
  } 
  
  .dataTables_scrollBody::-webkit-scrollbar,.notification .offcanvas-body::-webkit-scrollbar,.custom-scroll::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }
  .dataTables_scrollBody::-webkit-scrollbar-thumb:hover,.notification .offcanvas-body::-webkit-scrollbar-thumb:hover,.custom-scroll::-webkit-scrollbar-thumb:hover{
    background: var( --gray-01);
  }
  .dataTables_scrollBody::-webkit-scrollbar-thumb,.notification .offcanvas-body::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb {
    background: var( --gray-01);
    border-radius: 50px;
  }
  .dataTables_scrollBody::-webkit-scrollbar-track,.notification .offcanvas-body::-webkit-scrollbar-track,.custom-scroll::-webkit-scrollbar-track {
    background: var(--white);
  }
  .no-data-found-table-wrapper .dataTables_scrollBody{
   overflow: hidden!important;
  }
  .no-data-found-table-wrapper .dataTables_scrollHeadInner{
   width: 100%!important;
  }
  .dataTables_scrollBody table.dataTable td.dataTables_empty{
    text-align: left;
    padding: 70px 20px 85px;
  }
  /* Data Table Scroll */



/* Table Title Filter */
.table-title-filter .table-title{
	margin:0;
	font-size: 22px;
	font-weight: 500;
}

.table-title-filter .float-start, .table-title-filter .float-end{
  float: none !important;
  display: flex;
  align-items: center;
}
.table-title-filter .float-end{
	justify-content: flex-end;
	gap: 16px;
}

.table-title-filter .dt-buttons{
  display: flex;
  align-items: center;
  flex:1;
  justify-content: flex-end;
  gap: 16px;
}

.table-title-filter .dt-buttons .btn{
	box-shadow: none;
}
/* Table Title Filter */
/* Search Input */
.dataTables_filter label{
  position: relative;
  display: inline-block;
}
.search-input-wrapper:after, .dataTables_filter label:after{
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon-wrapper'%3E%3Cpath id='Union' d='M15.1022 14.1183L10.4647 9.4808C11.1844 8.55045 11.5737 7.41295 11.5737 6.21652C11.5737 4.78438 11.0147 3.44152 10.004 2.42902C8.9933 1.41652 7.64687 0.859375 6.21652 0.859375C4.78616 0.859375 3.43973 1.4183 2.42902 2.42902C1.41652 3.43973 0.859375 4.78438 0.859375 6.21652C0.859375 7.64687 1.4183 8.9933 2.42902 10.004C3.43973 11.0165 4.78437 11.5737 6.21652 11.5737C7.41295 11.5737 8.54866 11.1844 9.47902 10.4665L14.1165 15.1022C14.1301 15.1158 14.1463 15.1266 14.164 15.134C14.1818 15.1414 14.2009 15.1452 14.2201 15.1452C14.2393 15.1452 14.2584 15.1414 14.2761 15.134C14.2939 15.1266 14.3101 15.1158 14.3237 15.1022L15.1022 14.3254C15.1158 14.3118 15.1266 14.2957 15.134 14.2779C15.1414 14.2602 15.1452 14.2411 15.1452 14.2219C15.1452 14.2026 15.1414 14.1836 15.134 14.1658C15.1266 14.148 15.1158 14.1319 15.1022 14.1183ZM9.04509 9.04509C8.28795 9.80045 7.28437 10.2165 6.21652 10.2165C5.14866 10.2165 4.14509 9.80045 3.38795 9.04509C2.63259 8.28795 2.21652 7.28438 2.21652 6.21652C2.21652 5.14866 2.63259 4.1433 3.38795 3.38795C4.14509 2.63259 5.14866 2.21652 6.21652 2.21652C7.28437 2.21652 8.28973 2.6308 9.04509 3.38795C9.80045 4.14509 10.2165 5.14866 10.2165 6.21652C10.2165 7.28438 9.80045 8.28973 9.04509 9.04509Z' fill='%23919191'/%3E%3C/g%3E%3C/svg%3E%0A");
  top: 11px;
  right: 12px;
  position: absolute;
}
.search-input-wrapper.form-floating input, .dataTables_filter input[type="search"]{
 border:1px solid var(--gray-03) !important;
 min-height: 40px;
 height: 40px;
 padding: 0.5rem 0.75rem !important;
 padding-right: 35px !important;
 background: var(--white);
 outline: none;
 border-radius: 0.375rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom: 0;
}
.search-input-wrapper.form-floating input:focus, .dataTables_filter input[type="search"]:focus{
	border: none;
	box-shadow: none !important;
	color: var(--black);
}
.search-input-wrapper label{
  color: var(--gray-05);
  padding: 0.5rem 0.75rem;
}
.search-input-wrapper.form-floating>.form-control:not(:placeholder-shown)~label::after{
  background: none;
}

/* Search Input */


/* Table Title Filter */
/* Search Input */
.search-input-wrapper:after{
	content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon-wrapper'%3E%3Cpath id='Union' d='M15.1022 14.1183L10.4647 9.4808C11.1844 8.55045 11.5737 7.41295 11.5737 6.21652C11.5737 4.78438 11.0147 3.44152 10.004 2.42902C8.9933 1.41652 7.64687 0.859375 6.21652 0.859375C4.78616 0.859375 3.43973 1.4183 2.42902 2.42902C1.41652 3.43973 0.859375 4.78438 0.859375 6.21652C0.859375 7.64687 1.4183 8.9933 2.42902 10.004C3.43973 11.0165 4.78437 11.5737 6.21652 11.5737C7.41295 11.5737 8.54866 11.1844 9.47902 10.4665L14.1165 15.1022C14.1301 15.1158 14.1463 15.1266 14.164 15.134C14.1818 15.1414 14.2009 15.1452 14.2201 15.1452C14.2393 15.1452 14.2584 15.1414 14.2761 15.134C14.2939 15.1266 14.3101 15.1158 14.3237 15.1022L15.1022 14.3254C15.1158 14.3118 15.1266 14.2957 15.134 14.2779C15.1414 14.2602 15.1452 14.2411 15.1452 14.2219C15.1452 14.2026 15.1414 14.1836 15.134 14.1658C15.1266 14.148 15.1158 14.1319 15.1022 14.1183ZM9.04509 9.04509C8.28795 9.80045 7.28437 10.2165 6.21652 10.2165C5.14866 10.2165 4.14509 9.80045 3.38795 9.04509C2.63259 8.28795 2.21652 7.28438 2.21652 6.21652C2.21652 5.14866 2.63259 4.1433 3.38795 3.38795C4.14509 2.63259 5.14866 2.21652 6.21652 2.21652C7.28437 2.21652 8.28973 2.6308 9.04509 3.38795C9.80045 4.14509 10.2165 5.14866 10.2165 6.21652C10.2165 7.28438 9.80045 8.28973 9.04509 9.04509Z' fill='%23919191'/%3E%3C/g%3E%3C/svg%3E%0A");
	top: 11px;
	right: 12px;
	position: absolute;
  }
  .search-input-wrapper.form-floating input{
   border-color: var(--gray-03);
   min-height: 40px;
   height: 40px;
   padding: 0.5rem 0.75rem;
   padding-right: 35px;
  } 
  .search-input-wrapper label{
	color: var(--gray-05);
	padding: 0.5rem 0.75rem;
  }
  .search-input-wrapper.form-floating>.form-control:not(:placeholder-shown)~label::after{
	background: none;
  }
  /* Search Input */
  
  
  /*filter accodion */
  
  .filter-accodion{
	padding:0;
	list-style: none;
	width: 260px;
	max-height: 300px;
	overflow-y: auto;
	text-align: left;
  }
  
  .filter-accodion li{
	position: relative;
	padding: 16px 24px 16px 16px;
	line-height: 1.2;
  }
  
  .filter-accodion > li:first-child:after{
	display: none;
  }
  
  .filter-accodion li:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-top: 1px solid var(--gray-03);
  }
  
  .filter-accodion ul{
	list-style: none;
	margin: 0 -16px -16px -16px !important;
	padding: 16px 0 0 0;
  }
  
  .filter-accodion li ul li{
	display: flex;
  }
  
  .filter-accodion li input[type="checkbox"]{
	flex-shrink: 0;
  }
  
  .filter-accodion .acc-toggle-btn{
	width: 24px;
	height: 24px;
  background: url(../../image/acc-arrow.svg) center center no-repeat;
	border: 0;
	outline: 0;
	position: absolute;
	right: 10px;
	top: 16px;
  }
  
  .filter-accodion .acc-toggle-btn.expand-toggle{
	transform: rotate(90deg);
  }

  


  /* custom table */
	.filter-clear-filter {
		display: none;
		font-size: var(--font-size-12);
		font-weight: 700;
		padding: 3px 0 0 0;
		margin-right: 10px;
		line-height: 1px;
		position: relative;
	}
  
	.filter-clear-filter:after{
	  content: '';
	  width: 1px;
	  height: 100%;
	  background: rgb(2 2 2 / 19%);
	  position: absolute;
	  top: 0;
	  left: 0;
	}
  
	.filter-parent-title{
	  font-weight: 600;
	}
	
	.filter-data-wrap{
	  padding: 0 !important;
	  border: 0;
	  outline: 0;
	  background: none !important;
	}
	.filter-data-wrap label{
		color: var(--black);
    height: auto;
	}
  
	.filter-data-wrap .filter-dropdown{
	  position: relative;
	}
	
	.filter-data-wrap .filter-toggle{
		padding: 8px 11px !important;
		display: inline-block;
		line-height: 34px;
		min-height: 40px;
	}
	
	.filter-data-wrap > span{
	  display: flex;
	  align-items: center;
	}
  
	.filter-clear-filter .clear-text{
	color: var(--error);
	display: flex;
	align-items: center;
	padding: 5px 0 5px 7px;
	white-space: nowrap;
	}
  
  .count {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  position: absolute;
  background-color: var(--orange-100);
  color: var(--white);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  top: -15px;
  right: -10px;
  min-height: 25px;
  min-width: 25px;
  }
  
  .filter-dropdown .filter-toggle::after {
  content: none;
  }
  
  .filter-dropdown form.dropdown-menu {
  padding: 0;
  position: absolute !important;
  transform: translate(0px, 10px) !important;
  inset: auto !important;
  right: 0 !important;
  display: none;
  background: #fff;
  border: 1px solid var(--gray-03) !important;
  z-index: 99;
  }
  
  .filter-dropdown form.dropdown-menu ul {
  min-width: 215px;
  margin: 0;
  }
  
  .filter-dropdown ul li{
  border-bottom: 1px solid var(--grey-03);
  }
  
  .filter-dropdown li:last-child, .filter-item:last-child{
  border-bottom: none;
  }

  .modal-tbl-form.data-table-wrapper td {
    padding: 24px 15px;
    position: relative;
  }
  .modal-tbl-form.data-table-wrapper .helper-text{
    position: absolute;
    bottom: 2px;
    left: 15px;
    margin: 0;
  }
  .helper-text.mt-0 label{
    margin-top: 0!important;
  }
	/* end custom table */

  /* end Data Table  */
  .wd-50{
    width: 50px !important;
	min-width: 50px !important;
  }

  .wd-100{
    width: 100px !important;
	min-width: 100px !important;
  }

  .wd-150{
    width: 150px !important;
	min-width: 150px !important;
  }
  .wd-200{
    width: 200px !important;
	min-width: 200px !important;
  }

  .wd-300{
    width: 300px !important;
    min-width: 300px !important;
  }

.row-wrapper{
  padding: 16px;
  background-color: var(--primary-20);
  border: 1px solid var(--black-40);
  border-radius: 5px;
}

.row-heading-title{
    margin-bottom: 12px;
}

.sub-heading-title{
    color: var(--black-13);
    font-size: var(--font-size-16);
    font-weight: 500;
    margin: 0;
}
/*Card Card Type One*/
.card-type-1 .card-body, .card .card-body{
  border:1px solid var(--gray-03);
  border-radius: 4px;
  padding: 25px 15px;
  background: var(--white);
  height: 100%;
}

.card .card-body.card-autoheight{
  height: auto;
}
.card-type-1 .card-body .icon-wrapper{
  width: 40px;
  height: 40px;
  background-color: var(--primary-30);
  border: 1px solid var(--black-30);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin-right: 13px;
  flex-shrink: 0;
}

.card-type-1 .card-body .icon-wrapper i{
  color: var(--primary);
}
.card-type-1 .card-body .card-title{
  color: var(--black-90);
  font-size: var(--font-size-14);
  margin: 0 0 5px;
}
.card-type-1 .card-body .card-sub-title{
  color: var(--black);
  font-weight: 600;
  margin: 0;
}
.card-wrapper .card-type-1{
  width: 100%;
}
/* Dashboard Card Card Type One*/
.collection{border-radius: 5px;}
.card-type-1 .cta-view{
  background: none;
  box-shadow: none;
  line-height: 16px;
  border: 0;
  outline: 0;
  transition: var(--tran-03);
}

.card-type-1 .cta-view:hover{
  transform: scale(1.2);
}

.card-type-1 .cta-view i{
  color: var(--primary);
}

.card-type-1 .cta-view-btn{
  flex-shrink: 0;
  margin-left: 5px;
  justify-self: flex-end;
  margin-left: auto;
  height: 26px;
}

.d-flex {
  display: flex;
}

.row2{
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap;
}

.flex-grow1{
  flex-grow: 1;
}

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

.justify-content-center{
  justify-content: center !important;
}

.flex-wrap{
  flex-wrap: wrap;
}

.justify-content-between{
	justify-content: space-between !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.row2 .col {
  float: none;
  box-sizing: border-box;
  padding: 0 8px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.back_btn{
  width: 28px;
  height: 28px;
  padding: 0;
  margin-right: 8px;
  line-height: 1.7;
  background: none;
  outline: none;
  border: 0;
  color: var(--black);
}
.back_btn:hover, .back_btn:focus{
  background: none;
  outline: none;
  border: 0;
}
/* custom tab design */

.theme-tabs,.link-tab-list{
  background: none;
  margin-bottom: 16px;
}
.tabs.theme-tabs .tab,.link-tab-list li{
  text-transform: none;
}
.tabs.theme-tabs .tab a,.link-tab-list li a{
  color: var(--gray-05);
  font-size: var(--font-size-16);
  position: relative;
}

.tabs.theme-tabs .tab a:after,.link-tab-list li a::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: none;
}

.tabs.theme-tabs .tab a.active::after,.link-tab-list li a.active::after{
  background-color: var(--primary) !important;
}

.tabs.theme-tabs .tab a.active,.link-tab-list li a.active{
  color: var(--black);
  font-weight: bold;
}
.tabs.theme-tabs .indicator{
  background-color: var(--primary) !important;
  height: 1px;
  display: none;
}
.link-tab-list{
  margin: 0 0 30px;
}
.link-tab-list li a{
  border-bottom: 1px solid transparent;
  padding: 0px 45px 14px;
}
.link-tab-list li a.active{
  border-color: var(--primary) ;
}
/* end custom tab design */


.small-modal{
	max-width: 400px;
}

.medium-modal{
	max-width: 600px;
}

/* Flex Property */
.ml-auto{
	margin-left: auto!important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.w-33{
  width: 33.33%;
}
/* Flex Property */
.w-40{
	width: 40%;
}
.p-24{
	padding: 24px!important;
}
.mt-24{
	margin-top: 24px;
}
.mb-24{
	margin-bottom: 24px;
}
.mb-0{
  margin-bottom: 0!important;
}
.text-center{
	text-align: center !important;
}
.table-title-wrapper{
	display: flex;
	justify-content: space-between;
}
.asterisk{
  color: var(--error);
  margin-left: 4px;
}
/*Card Type Three */
.card-type-3{
	border: 1px solid var(--black-40);
	box-shadow: none;
	border-radius:4px;
	}
	.card-type-3 .card-header {
	  background: var(--primary-30);
	  padding: 25px 16px;
	  border-color: var(--black-40);
	  display: inline-flex;
	  flex-direction: column;
	  width: 100%;
	  border-bottom: 1px solid var(--primary-50);
	}
	.card-type-3 .title{
      font-size: var(--font-size-16);
	  font-weight: 400;
	  margin-top: 0;
	}
	.card-type-3 .sub-title{
		font-size: var(--font-size-24);
		font-weight: 600;
	}
	.card-type-3 .card-header .icon-wrapper{
	  position: relative;
	  width: 80px;
	  height: 68px;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  margin-right: 20px;
	}
	.card-type-3 .card-header img{
	  position: relative;
	  z-index: 0;
	  top: -3px;
	}
	.card-type-3 .card-header .icon-wrapper:before{
	  content: '';
	  background-image: url("data:image/svg+xml,%3Csvg width='61' height='68' viewBox='0 0 61 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Rectangle 11' d='M0 10C0 4.47715 4.47715 0 10 0H51C56.5229 0 61 4.47715 61 10V48.2826C61 52.2763 58.6237 55.8871 54.9557 57.4669L34.4557 66.2963C31.9307 67.3838 29.0693 67.3838 26.5443 66.2963L6.0443 57.4669C2.37629 55.8871 0 52.2763 0 48.2826V10Z' fill='%23246793'/%3E%3C/svg%3E%0A");
	  z-index: 0;
	  position: absolute;
	  display: inline-block;
	  width: 61px;
	  height: 68px;
	}
	.card-type-3 .card-body{
	  padding: 16px 25px;
	  border: 0;
	}
	.card-type-3 .card-body .information-wrapper .label{
	color: var(--black-80);
	font-size: var(--font-size-14);
	margin: 0;
	margin-bottom: 3px;
	}
	.card-type-3 .card-body .information-wrapper .value{
	font-weight: 700;
	color: var( --black-90);
	font-size: var(--font-size-16);
	margin: 0 0 3px;
	}

  .information-wrapper .label > span{
    min-width: 64px;
    word-break: break-all;
  }
	.card-type-3 .card-footer{
	  background:var(--primary-20);
	  padding: 20px 14px;
	  text-align: center;
	  border-color: var(--black-40);
	}
	.card-type-3  .link{
	  text-decoration: underline;
	}
	/*Card Type Three */

	.custom-box{
		position: relative;
		margin: 0.5rem 0 1rem 0;
		background-color: #fff;
		transition: box-shadow .25s;
		border-radius: 2px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
		padding: 24px;
	}
	.error-message{
		color: var(--error);
	}

  .success-message{
		color: var(--green-100);
	}

  /* Form Input */
  form .form-group{
    margin-bottom: 24px;
  }
  form .form-group input[type=password],form .form-group input[type=file],form .form-group input[type=email],form .form-group input[type=text],form .form-group input[type=date],form .form-group input[type=number]{
    margin-bottom: 0;
  }
  .form-group select.invalid{
    border-bottom: 1px solid #FF5252;
    box-shadow: 0 1px 0 0 #FF5252;
    outline: 0;
  }
  .form-group input ~ .helper-text, .form-group select ~ .helper-text label, .form-group .helper-text,.form-group .helper-text label{
    position: relative;
    min-height: 18px;
    display: block;
    font-size: 12px;
    color: var(--error);
    margin-top: 4px;
    font-weight: normal;
  }
  .form-group input[type=password]:not(.browser-default).invalid ~ .helper-text:after,  .form-group input[type=email]:not(.browser-default).invalid ~ .helper-text:after,.form-group input[type=text]:not(.browser-default).invalid ~ .helper-text:after, .form-group input[type=number]:not(.browser-default) ~ .helper-text .invalid, .form-group input[type=date]:not(.browser-default) ~ .helper-text .invalid, .form-group input[type=text]:not(.browser-default) ~ .helper-text .invalid, .form-group input[type=file]:not(.browser-default) ~ .helper-text .invalid{
    color: var(--error);
  }

  .form-group .helper-text label{
	position: static;
	font-size: 12px;
  transform: inherit;
  }

  .file-field .helper-text{
	margin-left: -2rem;
	line-height: 1.6;
  }
  .form-group select{
    padding: 0;
  }
  [type="checkbox"] + label{
    padding-left: 28px;
  }
  .form-group .input-field .helper-text label{
    height: auto;
  }
  td.upload-validation{
    position: relative;
  }
  .upload-validation .helper-text {
    position: absolute;
    bottom: 1px;
    left: 16px;
    min-height: 18px;
    display: block;
    font-size: 12px;
    color: var(--error);
    margin-top: 4px;
    font-weight: normal;
  }
  .upload-validation .helper-text label{
    color: var(--error);
  }
  .upload-validation.doc{
    position: relative;
    margin-bottom: 8px;
  }
  .upload-validation.doc .helper-text{
    width: 100%;
    margin:0;
    left: 0;
    bottom: -21px;
  }
  .helper-text.second-error #filename-error{
    display: none!important;
  }
  .upload-validation.doc label{
    font-size: 12px;
    transform: translateY(0);
  }

  .invalid-error{
    border-bottom: 1px solid #FF5252!important;
    box-shadow: 0 1px 0 0 #FF5252!important;
  }
  .multi-select-wrapper .caret{
    display: none;
  }
  .multi-select-wrapper .select_all:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    display: inline-block;
    width: 1em;
    height:1em; 
    vertical-align: middle;
    position: absolute;
    top: 16px;
    right: 0;
    background-color: #fff;
  }
  .add-audit-select-wrap .select_all:after{
    pointer-events: none;
  }
  .multi-select-wrapper .dropdown-content{
    max-height: 440px;
  }
  /* Form Input */

.small-modal{
	max-width: 400px;
}

  /* Tool Tip */
  .tooltip {
      position: relative;
      display: inline-block;
      /* border-bottom: 1px dotted black; */
      top: 5px;
      cursor: pointer;
  }

  .tooltip .material-icons {
      color: #a12a2a;
  }

  .tooltip .tooltiptext {
      visibility: hidden;
      width: 370px;
      background-color: #555;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      bottom: 125%;
      left: 0%;
      margin-left: 0px;
      opacity: 0;
      transition: opacity 0.3s;
  }

  .tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
  }

  .tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1;
      margin-left: -5rem;
  }


/* Success and Warning Toast */
.bs-toast.toast-container{
  position: absolute;
  right: 20px;
  top: 45px;
}
.bs-toast .toast{
  border-radius: 12px;
  border: 0;
  background: var( --green-200);
  border: 1px solid var(--green-400);
  padding: 0;
}
.bs-toast .toast .content{
 max-width: 80%;
}
.bs-toast .toast-header{
background: none;
border: 0;
}
.bs-toast .toast-body{
padding: 24px;
}
.bs-toast .toast .title{
font-size: var(--font-size-14);
font-weight: 600;
margin-bottom: 5px;
color: var(--green-300);
margin-top: 0;
}
.bs-toast .toast .text{
color: var(--green-300);
margin: 0;
font-size: 14px;
font-weight: 400;
}
.bs-toast .toast .btn-close{
box-shadow: none;
outline: none;
opacity: 1;
border: 0;
height: 12px;
width: 12px;
position: relative;
right: -7px;
top: -7px;
}
.bs-toast .toast .btn-close:focus{
box-shadow: none;
}
.bs-toast .toast-success .btn-close{
background: transparent url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L1 11M1 1L11 11' stroke='%2312B76A' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/1em auto no-repeat;
}
.bs-toast .toast-warning{
background: var(--red-200);
border: 1px solid var(--red-100);
}
.bs-toast .toast-warning .title,.bs-toast .toast-warning .text{
color:var(--red-100)
}
.bs-toast .toast-warning .btn-close{
background: transparent url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L1 11M1 1L11 11' stroke='%23F04438' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/1em auto no-repeat;
}
.bs-toast .modal-toast{
z-index: 1056!important;
right: 20px;
}
/* Success and Warning Toast */
  /* Tool Tip */

    /* Note */
    .alert-secondary{
      background-color: #efefef;
      padding: 10px;
      border: 0;
      border-radius: 4px;
      display: flex;
      align-items: baseline;
    }
    .alert-secondary .title{
      color: var(--green-100);
      font-size: var(--font-size-14);
      font-weight: 700;
      margin-right: 7px;
    }
    
    .alert-secondary .validation-list{
      list-style: none;
      padding: 0;
    }
    .alert-secondary .text-list{
      margin-left: 25px;
      padding: 0;
    }
    .text-list.list-sty-decimal, .text-list.list-sty-decimal li{
      list-style-type: decimal;
    }
    .alert-secondary .validation-list .validation-list-item,.alert-secondary .text,.alert-secondary .text-list-item{
      font-size: var(--font-size-14);
      color: var(--black);
      font-weight: 400;
      position: relative;
      margin-bottom: 6px;
      letter-spacing: 0.1px;
    }
  
    .alert-secondary .text,.alert-secondary .text-list-item{
      margin-bottom: 3px;
    }
  
    .alert-secondary .validation-list .validation-list-item:last-child{
      margin-bottom: 0;
    }
    .alert-secondary .validation-list .validation-list-item:after{
      position: absolute;
      top: 2px;
      padding-left: 3px;
    }
    .alert-secondary .validation-list .validation-list-item.validation-error:after{
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='close'%3E%3Cpath id='Vector' d='M15.8346 5.33906L14.6596 4.16406L10.0013 8.8224L5.34297 4.16406L4.16797 5.33906L8.8263 9.9974L4.16797 14.6557L5.34297 15.8307L10.0013 11.1724L14.6596 15.8307L15.8346 14.6557L11.1763 9.9974L15.8346 5.33906Z' fill='%23DE6435'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    .alert-secondary .validation-list .validation-list-item.validation-success:after{
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check'%3E%3Cpath id='Vector' d='M7.33021 13.2307L3.85521 9.75573L2.67188 10.9307L7.33021 15.5891L17.3302 5.58906L16.1552 4.41406L7.33021 13.2307Z' fill='%2332C192'/%3E%3C/g%3E%3C/svg%3E%0A");
    }    
    /* Note phase 1 css */

.maintab{
  background-color:#b3e5fc
 }
 .tabs-autheight{
    height:auto;
  padding-top: 10px;
 }
 .tabs.tabs-autheight .indicator {
  background-color: var(--primary);
}
.tabs.tabs-autheight.tabs-transparent a, .tabs.tabs-autheight.tabs-transparent a.active, .tabs.tabs-autheight.tabs-transparent a:hover{
  color: var(--black);
  font-weight: bold;
}
  .text-dark{
    color: var(--black) !important;
  }
  /* modal*/
  .modal-type-1 {
    max-width: 734px;
  }
  .modal .modal-title{
    font-size: 20px;
    font-weight: 500;
  }
  .note-bar{
    padding: 10px;
    font-size: var(--font-size-16);
    color: var(--black);
    font-weight: 400;
  }
  .note-secondary {
      background-color: var(--black-20);
      padding: 10px;
      border: 0;
      border-radius: 4px;
      display: flex;
      align-items: baseline;
  }
  .note-order-list{
    margin: 0 0 20px 0;
  }
  ol.note-order-list{
    padding: 0 0 0 20px;
  }
  .note-order-list .order-list-item{
    position: relative;
    margin-bottom: 10px;
    letter-spacing: 0.1px;
  }
  .note-order-list:not(:last-child){
    margin: 0 0 20px 0 ;
  }
  .order-list .order-list-item:last-child{
    margin-bottom: 0;
  }
  .order-list .order-list-itemafter{
    position: absolute;
    top: 2px;
    padding-left: 3px;
  }
  .declaration-box{
    padding: 10px;
    background: var(--black-20);
  }
  
   /* alert */
.alert .card-content{
  padding: 16px;
  display: flex;
  align-items: center;
}
.alert .card-content p{
  align-items: center;
  display: flex;
}
.alert .card-content .material-icons{
  margin-right: 5px;
  flex-shrink: 0;
  line-height: 0.9;
}
[type="checkbox"]:checked + label:before{
  border-right: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
}

/* Final Declaration and Payment Step */
.hr{
  border: 1px solid var(--black-30);
  opacity: 1;
}
.amount-card{
  background-color: var(--black-20);
  padding: 24px;
  border-radius: 5px;
}
.amount-card .title{
  font-size: var(--font-size-22);
  font-weight: 700;
  color: var(--black);
}
.amount-card .title.price{
  color: var(--primary);
}
/* end alert */

/* Sub menus */
.side-nav.fixed .sub-menus .collapsible-header{
  line-height: 48px;
}
.side-nav.fixed .sub-menus button{
  border: 0;
  background: none;
  padding: 0 16px;
  line-height: 48px;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  width: 100%;
    text-align: left;
}
.side-nav.fixed .sub-menus button i{
  line-height: inherit;
    width: 2rem;
    font-size: 1.4rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 12px;
    color: rgba(0, 0, 0, 0.54);
    
}

.side-nav .collapsible-body, .side-nav.fixed .collapsible-body{
  background: none;
}
#slide-out li a i{
  margin-right: 0;
  width: 48px;
  flex-shrink: 0;
}
.sub-menus div.collapsible-body ul li{
 padding: 0!important;
}
.sub-menus div.collapsible-body ul{
  /* background:whitesmoke */
}

.sub-menus div.collapsible-body ul li a{
  padding: 0 16px!important;
 }

#slide-out li .toggle_button{
  width: 35px;
  height: 35px;
  background: rgb(0 0 0 / 8%);
  border-radius: 50%;
  padding: 8px 0 0 6px;
  text-align: center;
  margin-left: 22px;
}

#slide-out li .toggle_button i{
  margin: 0;
  float: none;
  line-height: 1;
  width: 20px;
}
/* Sub menus */

/* profile section */

.profile-wrapper{
  background-color: var( --blue-02);
  padding: 30px 30px 40px;
  border-radius: 5px;
  width: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.profile-wrapper .profile-image {
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.1px;
  background: var(--black-90);
  border: 1px solid var(--black-90);
  border-radius: 50%;
  font-size: 49px;
  margin-bottom: 42px;
}
.profile-wrapper .profile-initials-wrapper{
  height: 175px;
  width: 175px;
  border-radius: 50%;
  background-color: var(--black-90);
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  margin-bottom: 28px;
}
.profile-wrapper.fix-width{
  min-width: 310px;
  max-width: 310px;
  padding: 30px 10px 40px;
  flex-shrink: 0;
  width: auto;
}
.profile-wrapper img{
  height: 175px;
  width: 175px;
  object-fit: cover;
  border-radius: 50%;
}
.profile-wrapper .user-name{
  font-size: var(--font-size-22);
  font-weight: 700;
}
.profile-status-section .status-section{
  width: 75%;
  padding: 24px;
  background-color: var(--blue-01);  
  flex: 1;
}
.profile-status-section .status-section .card {
  flex: 1 1 24.8%;
}
.profile-section{
  background-color: var(--blue-02);
  padding: 24px;
  border-radius: 5px;
}
.profile-section .information-wrapper .label{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
} 
.information-wrapper .value{
  font-weight: 500;
}
.user-details-wrapper{
  border-radius: 5px;
  border: 1px solid  var(--gray-10);
}
.user-details-wrapper .card{
  border-radius: 5px; 
  width: 50%;
  border: none;
  box-shadow: none;
}
.user-details-wrapper .card-header {
  border-bottom: 1px solid  var(--gray-10);
  padding: 16px 24px;
}
.user-details-wrapper .card:last-child{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.user-details-wrapper .card-body{
  padding: 24px;
  flex-wrap: wrap;
  box-shadow: none;
  border: 0;
}
.user-details-wrapper .information-wrapper{
  border-bottom: 1px solid var(--gray-11);
  width: 100%;
  display: flex;
  padding: 16px 0;
}
.user-details-wrapper .information-wrapper:last-child{
  border: 0;
}
.user-details-wrapper .information-wrapper .label-wrapper,.user-details-wrapper .information-wrapper .value-wrapper{
  width: 50%;
}
.user-details-wrapper .information-wrapper:first-child{
  padding-top: 0;
}
.user-details-wrapper .information-wrapper p{
  margin: 0;
}
.user-details-wrapper .information-wrapper .label-wrapper{
  padding-right: 5px;
}
.profile-status-section .card-wrapper a{
  color: var(--primary);
}

.flex-grow-1{flex-grow: 1;}

/* end Profile section */

.sticky-footer-wrapper{
  position: relative;
  padding-bottom: 100px;
}

.form-action-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--black-200);
  padding: 24px;
  position: fixed;
  width: calc(100% - 240px);
  bottom: 0;
  z-index: 3;
  right: 0;
  transition: var(--tran-03);
}

.sidebar-open .form-action-wrapper{
  width: calc(100% - 84px);
}
/* Note */
.input-field.col .select-wrapper .dropdown-content [type="checkbox"] + label {
  transform: translateY(0);
  top: 0;
 }
 .input-field.col .select-wrapper .dropdown-content [type="checkbox"]{
  flex-shrink: 0;
 }
 .input-field.col .select-wrapper .dropdown-content span{
  display: flex;
 }

 .file-field .btn{
  position: relative;
 }
.fields-upload .btn .helper-text {
  margin-left: -75px;
  margin-top: 7px;
}

.file-field .file-path-wrapper{
  padding-bottom: 1px;
}

@media(max-width:1399px){
  .data-table-wrapper .file-field .btn{
    padding-left:10px;
    padding-right: 10px;
  }
}

th.tbl-column-padding{
  padding-right: 50px !important;
}

/* header css */
.header-section {
  position: sticky;
  top: 0px;
  left: 0px;
  width: 100%;
  background: var(--backgroud-01);
  padding: 12px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 4;
  border-bottom: 1px solid var(--black-40);
}
.header-section .header-right {
  display: flex;
  align-items: center;
}

.header-section .brand-logo{
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  line-height: 24px;
}

.header-section .brand-logo span{
  display: block;
}

.header-section .brand-logo img {
  margin-right: 24px;
  height: auto;
}

.header-section .dropdown-wrap {
  display: flex;
  align-items: center;
  color: var(--black);
  gap: 7px;
  font-size: var(--font-size-14);
  letter-spacing: 0.1px;
  margin-left: 16px;
}

.header-section .dropdown-wrap:after {
  font-size: 20px;
  margin-top: -10px;
}

.header-section .dropdown-wrap .icon-wrap {
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.1px;
  background: var(--gray-04);
  border: 1px solid var(--gray-06);
  border-radius: 50%;
}

.header-section .dropdown-wrap .user-account {
  line-height: 1.3;
}

.header-section .dropdown-wrap .user-name {
  font-weight: 600;
  color: var(--black);
}

.header-section .dropdown-wrap .user-type {
  color: var(--black);
  opacity: 0.5;
  display: block;
}

.header-section .link-wrapper .text {
  color: var(--black-100);
  font-weight: 600;
}

.header-section .link-wrapper .link {
  color: var(--primary);
  margin-left: 5px;
}

.header-section ul.icon-btns {
  list-style: none;
  margin: 0 -2px;
  padding: 0;
  display: flex;
}

.header-section ul.icon-btns li {
  padding: 0 2px;
}

.header-section ul.icon-btns li a {
  width: 32px;
  height: 32px;
  background: var(--gray-04);
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.header-section ul.icon-btns li a:hover {
  opacity: 0.8;
}
ul.side-nav.leftside-navigation {
  top: 0;
  padding-bottom: 85px;
  padding-top: 12px;
  background: var(--primary);
}

ul.side-nav.leftside-navigation li:not(.no-padding):hover{
  background: none;
}

ul.side-nav.leftside-navigation ul.collapsible-accordion{
  background: none;
}

/* header css */

/* custom badges */
ul.custom-badges{
  list-style: none;
  margin: 0;
  padding:0;
  display: flex;
  flex-wrap: wrap;
  gap:6px;
}
ul.custom-badges li{
  display: inline-block;
  padding: 2px 6px;
  background: var(--gray-04);
  color: var(--black);
  border-radius: 5px;
  font-size: var(--font-size-14);
}
/* end custom badges */

.upload-doc-wrapper div.btn{
  width: 50%;
}
.upload-doc-wrapper div.btn span{
  width: 100%;
  justify-content: center;
}

/* for label custom ui */ 
.form-label-up .input-field label:not(.label-icon).active{
  transform: translateY(-20px) scale(0.8);
}


.input-field label.input_lable_scale_small{
  transform: scale(0.8);
}


/* sidebar navigation */

#main.sidebar-open{
  padding-left: 80px;
}
#left-sidebar-nav.sidebar.close{
 width: 80px;
}

#left-sidebar-nav.sidebar.close ul{
  width: 80px;
}
#left-sidebar-nav.sidebar ul li span{
  display: inline-block;
  transition: var(--tran-03);
  width: 100%;
}
#left-sidebar-nav.sidebar.close ul li.bold a{
  display: inline-flex;
  width: 100%;
  justify-content: flex-start;
}
#left-sidebar-nav.sidebar.close ul li.bold a i{
 margin: 0;
}
#left-sidebar-nav.sidebar.close ul li span{
  width: 0;
  overflow: hidden;
}

#left-sidebar-nav.sidebar.close ul li a br, #left-sidebar-nav.sidebar.close ul li a .line-break{
  display: none;
}

#left-sidebar-nav.sidebar ul#slide-out ul > ul > ul > ul > li a{
  padding-left: 0 !important;
}

ul.side-nav.leftside-navigation li a, ul.side-nav.leftside-navigation li a i{
color: var(--white);
}

ul.side-nav.leftside-navigation li a:hover, ul.side-nav.leftside-navigation li.active a {
  /* background: var(--primary-80); */
  background: #1f5b83;
}

ul.side-nav.leftside-navigation li:not(.no-padding) a{
  width: 240px;
}
@media screen and (max-width: 1500px) {
  .btn-large{
    padding: 0 15px;
  }
  .line-h-small{
    line-height: 18px!important;
   }
}


.text-capitalcase {
  text-transform: capitalize;
}


.switch label input[type=checkbox]:checked + .lever{
  background-color: rgba(36, 103, 147, 0.5);
}

.switch label .lever:before{
  background-color: rgba(36, 103, 147, 0.15);
}

.switch label input[type=checkbox]:checked + .lever:after{
  background-color: var(--primary);
}

.wd-wrap{
    text-wrap: nowrap;
}