.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}
/*form.customform .row [class*="col-md-"]:first-child{padding-left: 0px;}*/

.input-group-append .form-group{margin-bottom: 0;}

.btn.btn-lg{font-size: 20px; font-weight: normal; line-height: 40px;}
.table thead tr th{font-size: 13px; font-weight: 600;}

.page-sidebar .sidebar-menu .menu-items > li > a > .title{width:65%;}

.page-sidebar .sidebar-menu .menu-items li > a{text-overflow:inherit; white-space:inherit;}
.page-sidebar .sidebar-menu .menu-items > li > a > .title{white-space: inherit; line-height: 30px;}

.icon-thumbnail{line-height: 30px; height: 30px;}

.starmark{position: relative; width: 100%; padding-right: 10px; display: block;}
.starmark:after {
    color: #D83C31;
    content: "*";
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 20px;
    position: absolute;
    right:0;
    top:0;
}
.starmark.green:after{color:#10932c; }

.table tbody tr.outrow td{background: #ffcece;}
.table tbody tr.inrow td{background: #d2ffe5;}


/*---------------------------------------------------------------------
                               Sign In
-----------------------------------------------------------------------*/
.sign-in-page { height: 100%; }
.sign-in-detail { padding:50px; /*height: 100vh;*/ border-radius: 40px; }
.sign-in-logo { display: inline-block; width: 100%; }
.sign-in-logo img { /*height: 100px;*/ }
.sign-in-from { padding: 25px; border-radius: 10px; position: relative; left: 0; right: 0; background-color: #252A3E; border: 1px solid #5A5A72; }
.sign-in-from h1{margin: 0;}
.sign-info { border-top: 1px solid #cdd1f3; margin-top: 30px; padding-top: 20px; }
.iq-social-media { margin: 0; padding: 0; float: right; }
.iq-social-media li { list-style: none; float: left; margin-right: 10px; }
.iq-social-media li:last-child { margin-right: 0; }
.iq-social-media li a { height: 30px; width: 30px; text-align: center; font-size: 18px; line-height: 30px; display: inline-block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #eff7f8; color: #089bab !important; }
.iq-social-media li a:hover { text-decoration: none; }
.sign-in-page .sign-in-page-bg { position: relative; overflow: hidden; }
/*.sign-in-page .sign-in-page-bg::after { position: absolute; content: ""; top: 0; bottom: 0; width: 100%; left: 0; right: 270px; z-index: -1; border-radius: 40px; background: rgba(8, 155, 171, 1); background: -moz-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(8, 155, 171, 1)), color-stop(100%, rgba(13, 181, 200, 1))); background: -webkit-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%); background: -o-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%); background: -ms-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%); background: linear-gradient(to right, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#089bab', endColorstr='#0db5c8', GradientType=1); }*/

.form-group-default.form-group-default-select2.nolabel .select2-container .select2-selection--single{padding-top: 0;}
.form-group-default.form-group-default-select2.nolabel .select2-container .select2-selection .select2-selection__arrow{top: 12px;}

.requiredcustom{position: relative; padding-right: 25px;}
.requiredcustom:after{color: #D83C31;  content: "*"; font-family: -apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 20px; position: absolute; right: 10px; top: 2px;}
.form-control[readonly]{color:#fff;}
.pagination{padding: 20px 0; margin: 0; background-color: #2E344A; border-radius: 0 0 10px 10px; display: flex; justify-content: center;}
.pagination .page-link, .pagination .page-item .page-link{
  font-size: 18px;
  background-color: transparent;
  border: none;
  color: #475467;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .page-item .page-link span{
  position: relative;
  top: -2px;
}

.page-link.pagination-previous i{
  margin-right: 8px;
}

.page-link.pagination-next i{
  margin-left: 8px;
}

.pagination .page-item:first-child{
  position: absolute;
  left: 15px;
  padding: 0;
}
.pagination .page-item:last-child{
  position: absolute;
  right: 15px;
  padding: 0;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{
  width: inherit;
  height: 36px;
  background-color: #252A3E;
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  min-width: 110px;
  border: 1px solid #5A5A72;
}
.page-item.active .page-link{
  border-radius: 10px;
  color: #fff;
  background-color: #252A3E;
}
.form-group-default.timepick{overflow: inherit;}
.form-group-default.timepick .bootstrap-datetimepicker-widget table td span{width: 34px; height: 24px; line-height: 24px;}
.form-group-default.timepick .bootstrap-datetimepicker-widget table td{width: 34px; height: 24px;}
.form-group-default.timepick .bootstrap-datetimepicker-widget.dropdown-menu{width: 140px; padding: 15px;}

.glyphicon.glyphicon-chevron-down,.glyphicon.glyphicon-chevron-down:hover{background:url(../img/down-arrow.png) no-repeat center center;}
.glyphicon.glyphicon-chevron-up,.glyphicon.glyphicon-chevron-up:hover{background:url(../img/up-arrow.png) no-repeat center center;}
.notificationtime{min-width: 120px;}
.notificationseen{background: #e2e2e2;}
.notificationcount{position: relative;}
.notificationcount:before{font-size: 18px; background: #e2e2e2; padding: 5px; border-radius: 20px;}
.notificationcount:hover:before{ background: #d2d2d2;}
.notificationcount:after{position: absolute; top:-7px; right:-7px; content: attr(data-descr); background: #D83C31; min-width: 14px; min-height: 14px; line-height: 16px; color: #fff; font-size: 14px; z-index: 1;border-radius: 10px; padding: 0 5px; display: block; text-align:center;}

.nonotification.notificationcount:after{display: none;}
.icon-thumbnail > i.fa{font-size: 16px; color: #929aac;}
.page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail > i.fa, .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail > i.fa,.page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail > i.fa{color: #fff;}

.userinfo{float: left; margin-top: 8px; margin-left: 5px; text-transform: capitalize;}
.header .profile-dropdown-toggle:hover{border-radius: 5px; box-shadow: none;}
.header .profile-dropdown-toggle{padding: 5px;}
.header .profile-dropdown-toggle:after{top: -1px; bottom: none; display: none;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
  cursor: text;
}
.pointer-events-none{
    cursor: not-allowed;
    position: relative;
}
.pointer-events-none:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#fff; opacity: 0; content: ''; z-index: 99;}
/*.pointer-events-none .form-group,.pointer-events-none .form-group *{
  pointer-events: none;
}
.pointer-events-none .form-group,.pointer-events-none .form-input-group *{
  pointer-events: none;
}
.pointer-events-none *{
  pointer-events: none;
}*/
.table-responsive.stickythead{height: 1000px;}
.table-responsive.stickythead table.table {
  position: relative;
  margin-top: 0;
}
.table-responsive.stickythead table.table thead th {
  position: sticky;
  top: 0; 
  background: #fff;
}
.select2-results__option[aria-disabled="true"] {display: none;}
.checkboxmt{margin-top:5px;}
.customselect select{border:1px solid rgba(33, 33, 33, 0.14); padding:8px; margin-bottom:10px;}
.customselect label,label.leftlabel{text-align: left; width: 100%; display: block;}


/* new theme 20-03-2024 */
.list-view li{
  background-color: #d3eeff;
}
.white-color{
  color: #fff !important;
}
textarea.form-control{
  border-radius: 10px;
}
.form-group-btn{
  display: flex;
  align-items: center;
}
/* .btn-large .btn2{
  padding: 20px 10px;
  font-size: 18px;
  min-width: 120px;
} */
.form-control{
  min-height: 40px;
  border-radius: 10px;
}
.form-group-btn-right{
  justify-content: flex-end;
}
.form-group-btn .btn2 + .btn2{
  margin-left: 15px;
}
.btn2{
  box-shadow: none;
  border: 1px solid transparent;
  border-radius: 10px;
  color:#fff;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  line-height: 36.4px;
  min-width: 85px;
}
.btn2 span{
  font-weight: 600;
}

.btn2 span + span{
  margin-left: 10px;
}

.btn2-btn-bg1{
  background-color: #2E344A;
}
.btn2-btn-bg1-1{
  background-color: #252A3E;
}
.link{
  color:#46A66D ;
}

.link:hover{text-decoration: underline; color: #46A66D;}
.btn2-green{
  background-color: #46A66D;
}
.btn2-orange{
  background-color: #FB6666;
}
.btn2:hover,.btn2:focus{
  color: #fff;
}

.btn-iconbase{
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  display: flex;
  height: 36px;
  width: 36px;
  flex: 0 0 36px;
}

.btn-iconbase span{font-size: 16px;}
.btn-iconbase:hover{
  opacity: 0.9;
}
.btn-iconbase-edit{
  background-color: #46A66D;
}
.btn-iconbase-edit:hover{
  background-color: #46A66D !important;
}
.btn-iconbase-delete{
  background-color: #FB6666;
}
.btn-iconbase-delete:hover{
  background-color: #FB6666 !important;
}
.btn-iconbase-active{
  background-color: #007bff;
}
.btn-iconbase-active:hover{
  background-color: #007bff !important;
}

.btn-iconbase-inactive{
  background-color: #4B5675;
}
.btn-iconbase-inactive:hover{
  background-color: #4B5675 !important;
}
.btn-iconbase-view{
  background-color: #4B5675;
}
.btn-iconbase-view:hover{
  background-color: #4B5675 !important;
}
.btn-iconbase + .btn-iconbase{
  margin-left: 15px;
}

.ic-value {
  padding: 4px 10px;
  color: #33363F;
  display: inline-flex;
  align-items: center;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
}
.ic-value span{
  color: #101828;
  font-weight: 600;
}
.ic-value span + span{
  margin-left: 5px;
}
.ic-value .svg-icon{
  width: 10px;
}
.ic-value .svg-icon svg{
  fill: #33363F;
  max-width: 100%;
}
.ic-value-amount{
  border-color: #EFABAB;
  background-color: #FDECEC;
}
.ic-value-number{
  background-color: #EDFDFF;
  border-color: #13CFEC;
}

.round-btn{
  height: 36px;
  border-radius: 100%;
  width: 36px !important;
  position: relative;
}

.round-btn + .round-btn{
  margin-left: 10px;
}

.for-icon{
  font:normal normal normal 14px/1 FontAwesome ;
  font-size: 18px;
}

.for-icon::before{
  position: absolute;
  inset: 0;
  margin: auto;
  height: 18px;
}


.icon-add::before{
  content: "\f067";
}
.icon-active{
  background-color: #46A66D !important;
  border: none;
}

.icon-inactive{
  background-color: #545454 !important;
  border: none;
}

.icon-active::before{
  content: "\f170";
}

.icon-inactive::before{
  content: "\f05e";
}

.icon-reject::before{
  content: "\f05e";
}
.icon-approve::before{
  content: "\f00c";
}

.icon-delete::before{
  content: "\f014";
}

.icon-send-to::before{
  content: "\f1d8";
}

.icon-view::before{
  content: "\f06e";
}

.icon-edit::before{
  content: 
  "\f044";
}

.ic-value-discount{
  border-color: #ABEFC6;
  background-color: #ECFDF3;
  color: #ABEFC6;
}

.ic-value-discount span{
  color: #067647;
}

.div-top + .div-top{
  margin-top: 10px;
}

.bg-contrast-lowest{
  background-color: #2E344A !important;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}
.bg-contrast-lowest p{
  margin: 0;
}
.bg-contrast-lowest p + p{
  margin-top: 15px;
}


.lpo_amount_approval_value_text{
  color:#13CFEC;
}