@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
html, body {
margin: 0;
padding: 0;
height:100% !important;
font-size: 12px !important;
font-family: 'Inter', sans-serif !important;
font-weight: 500;
overflow-x: hidden !important;
scroll-behavior: smooth !important;
overscroll-behavior: none !important;
animation: none !important;
-webkit-animation: none !important;
transition: none !important; /* if it's a transition */
transform: none !important;
-webkit-overflow-scrolling: auto;
}
/* Ensure consistent box-sizing everywhere */
*, *::before, *::after {
box-sizing: border-box !important;;
}
*::-webkit-scrollbar {
width: 3px !important;
height: 3px !important;
}
*::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
*::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.3);
}
a.disabled {
pointer-events: none;
cursor: default;
}
.preloading {
width: 10%;
height: 10%;
position: fixed;
margin: 0 auto;
top: 50%;
left: 50%;
bottom: 50%;
display: flex;
justify-content: center;
display:block;
z-index: 9999;
}
#page-sidebar * {
animation: none !important;
transform: none !important;
transition: none !important;
}
#page-sidebar {
overflow-y: scroll; /* or auto */
-ms-overflow-style: none;  /* IE & Edge */
scrollbar-width: none;     /* Firefox */
}
#page-sidebar::-webkit-scrollbar {
display: none;
animation: none !important;
transform: none !important;
transition: none !important;
}
.font-size-11{
font-size:11px;
}
.h-200{
height:200px;
overflow: auto;
}
img {
display: block;
height: auto;
max-width: 100%;
image-rendering: auto;
image-rendering: smooth;
object-fit: cover;
}
.avatar-upload {
position: relative;
max-width: 150px;
margin: 10px auto;
}
.avatar-upload .avatar-edit {
position: absolute;
right: 12px;
z-index: 1;
top: 10px;
}
.avatar-upload .avatar-edit input {
display: none;
}
.avatar-upload .avatar-edit input + label {
display: inline-block;
width: 34px;
height: 34px;
margin-bottom: 0;
border-radius: 100%;
background: #676666;
border: 1px solid transparent;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
background: #676666;
}
.avatar-upload .avatar-edit input + label:after {
content: "\f030";
font-family: 'FontAwesome';
color: #fff;
position: absolute;
top: 8px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.avatar-upload .avatar-preview {
width: 125px;
height: 125px;
position: relative;
border-radius: 100%;
}
.avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.avatar-preview .status-preview{
position:absolute;
display: block;
font-size:16px;
width:100%;
height:100%;
text-align: center;
border-radius: 100%;
background-color: hsla(0, 0%, 0%, 0.4);
}
.avatar-preview .photoupload{
margin-top:36%;
font-size:25px;
display: block;
}
.photoupload{color:#fff !important;}
@media screen and (max-width:620px){
.table tr td{font-size:11px !important;}
}
.table-td-img{
width:40px;
height:40px;
border-radius: 20px;
}
.table-image tr td {
vertical-align: middle !important;
}
.form-group-password {
position: relative;
display: block;
}
.toggle-password {
position: absolute;
right: 10px;
font-size: 16px;
top: 9px;
opacity: 0.5;
cursor: pointer;
}
.toggle-password:hover {
opacity: 1;
}
.spinner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 50vh;
}
.spinner-modal {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 30vh;
}
.spinner-dropzone {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 20vh;
border:1px solid #eee;
}
/*******************\
Loading Roller
\*******************/
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}
.lds-roller {
position: relative;
display: inline-block;
height: 64px;
width: 64px;
div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 32px 32px;
&:after {
position: absolute;
display: block;
background: #00539f;
border-radius: 50%;
content: " ";
margin: -3px 0 0 -3px;
height: 6px;
width: 6px;
}
&:nth-child(1) {
animation-delay: -0.036s;
&:after {
top: 50px;
left: 50px;
}
}
&:nth-child(2) {
animation-delay: -0.072s;
&:after {
top: 54px;
left: 45px;
}
}
&:nth-child(3) {
animation-delay: -0.108s;
&:after {
top: 57px;
left: 39px;
}
}
&:nth-child(4) {
animation-delay: -0.144s;
&:after {
top: 58px;
left: 32px;
}
}
&:nth-child(5) {
animation-delay: -0.18s;
&:after {
top: 57px;
left: 25px;
}
}
&:nth-child(6) {
animation-delay: -0.216s;
&:after {
top: 54px;
left: 19px;
}
}
&:nth-child(7) {
animation-delay: -0.252s;
&:after {
top: 50px;
left: 14px;
}
}
&:nth-child(8) {
animation-delay: -0.288s;
&:after {
top: 45px;
left: 10px;
}
}
}
}
.check{
position: relative !important;
float: left !important;
}
.textarea{
padding:5px 5px !important;
border:1px solid #5d6d7e !important;
}
.ws-textarea{
padding:5px 5px !important;
border:1px solid #D5D5D5 !important;
}
.section-padding-10{
float: left;
width:100%;
height:100%;
padding-top:5px;
padding-bottom:20px;
}
.section-padding-10 .title{
margin-left: 5px;
font-weight: 600;
}
.radio-material{
margin-top:10px;
}
@media only screen and (max-width: 600px) {
.panel .panel-body{
padding:0px 0px !important;
}
.section-padding-10{
float: left;
width:100%;
height:100%;
padding-top:5px;
padding-bottom:20px;
box-shadow: none !important;
}
.section-padding-10 .title{
margin-left: 5px;
font-weight: 400;
}
.radio-material{
margin-top:16px;
}
}
.height-200{
height:200px !important;
}
.input-group .form-control{
height:36px;
border:1px solid #eeebeb;
}
.font-weight-bold{
color:#000000;
}
.line-margin-bottom-20{
width:100%;
font-size:12px;
padding:10px 0px;
border-bottom:1px solid #a0a3a5;
margin-bottom:20px;
margin-top:10px;
display: block;
font-weight: 600;
}
.line-margin-bottom-22{
width:100%;
font-size:14px;
padding:10px 0px;
border-bottom:3px solid #a0a3a5;
margin-bottom:20px;
margin-top:10px;
display: block;
font-weight: 600;
}
.form-check-input[type="checkbox"]{
border-radius: .10em !important;
height: 15px !important;
width: 15px !important;
font-weight: 400 !important;
}
#table tr td .nav li a{
font-size:12px !important;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.10rem 1rem;
}
#loading{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 50vh;
width: 100%;
}
.loader{
display: inline-block;
width: 50px;
height: 50px;
border: 3px solid rgba(25,255,255,.3);
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
to { -webkit-transform: rotate(360deg); }
}
.labelcheck{
margin-left:27px;
font-size:12px;
display:flex;
margin-top:-24px;
}
/* Hide default checkbox */
input[type="checkbox"].custom-size {
appearance: none; /* For modern browsers */
-webkit-appearance: none; /* For Safari */
-moz-appearance: none; /* For Firefox */
width: 20px;
height: 18px;
border: 1px solid green;
border-radius: 1px;
cursor: pointer;
position: relative;
text-align: center;
}
/* Checked state style */
input[type="checkbox"].custom-size:checked::after {
content: "✓";
color: #fff;
left: 0px;
top: 0px;
border: 0px;
border-radius: 1px;
position: absolute;
width: 19px;
height: 18px;
font-size: 16px;
background:green;
}
select:focus option:checked {
background-color: lightblue;
color: black;
}
.img-cover {
width: 100%;
height: 100%;
object-fit: cover !important;
object-position: center !important;
}
.dots-circle-spinner {
display: inline-block;
height: 1em;
width: 1em;
margin-right:3px;
line-height: 1;
vertical-align: middle;
border-radius: 1em;
transition: all 150ms linear 0s;
transform: scale(0);
opacity: 0;
box-shadow: 2em 0em 0 0em, 1.41421356em 1.41421356em 0 -0.4375em, 0em 2em 0 -0.375em, -1.41421356em 1.41421356em 0 -0.3125em, -2em 0em 0 -0.25em, -1.41421356em -1.41421356em 0 -0.1875em, 0em -2em 0 -0.125em, 1.41421356em -1.41421356em 0 -0.0625em;
}
.dots-circle-spinner.loading {
transform: scale(0.25);
opacity: 1;
-webkit-animation: 1.5s linear 150ms normal infinite forwards running dots-circle-rotation;
animation: 1.5s linear 150ms normal infinite forwards running dots-circle-rotation;
}
@-webkit-keyframes dots-circle-rotation {
100% {
box-shadow: 2em 0em 0 0em, 1.41421356em 1.41421356em 0 -0.4375em, 0em 2em 0 -0.375em, -1.41421356em 1.41421356em 0 -0.3125em, -2em 0em 0 -0.25em, -1.41421356em -1.41421356em 0 -0.1875em, 0em -2em 0 -0.125em, 1.41421356em -1.41421356em 0 -0.0625em;
}
87.5% {
box-shadow: 2em 0em 0 -0.4375em, 1.41421356em 1.41421356em 0 -0.375em, 0em 2em 0 -0.3125em, -1.41421356em 1.41421356em 0 -0.25em, -2em 0em 0 -0.1875em, -1.41421356em -1.41421356em 0 -0.125em, 0em -2em 0 -0.0625em, 1.41421356em -1.41421356em 0 0em;
}
75% {
box-shadow: 2em 0em 0 -0.375em, 1.41421356em 1.41421356em 0 -0.3125em, 0em 2em 0 -0.25em, -1.41421356em 1.41421356em 0 -0.1875em, -2em 0em 0 -0.125em, -1.41421356em -1.41421356em 0 -0.0625em, 0em -2em 0 0em, 1.41421356em -1.41421356em 0 -0.4375em;
}
62.5% {
box-shadow: 2em 0em 0 -0.3125em, 1.41421356em 1.41421356em 0 -0.25em, 0em 2em 0 -0.1875em, -1.41421356em 1.41421356em 0 -0.125em, -2em 0em 0 -0.0625em, -1.41421356em -1.41421356em 0 0em, 0em -2em 0 -0.4375em, 1.41421356em -1.41421356em 0 -0.375em;
}
50% {
box-shadow: 2em 0em 0 -0.25em, 1.41421356em 1.41421356em 0 -0.1875em, 0em 2em 0 -0.125em, -1.41421356em 1.41421356em 0 -0.0625em, -2em 0em 0 0em, -1.41421356em -1.41421356em 0 -0.4375em, 0em -2em 0 -0.375em, 1.41421356em -1.41421356em 0 -0.3125em;
}
37.5% {
box-shadow: 2em 0em 0 -0.1875em, 1.41421356em 1.41421356em 0 -0.125em, 0em 2em 0 -0.0625em, -1.41421356em 1.41421356em 0 0em, -2em 0em 0 -0.4375em, -1.41421356em -1.41421356em 0 -0.375em, 0em -2em 0 -0.3125em, 1.41421356em -1.41421356em 0 -0.25em;
}
25% {
box-shadow: 2em 0em 0 -0.125em, 1.41421356em 1.41421356em 0 -0.0625em, 0em 2em 0 0em, -1.41421356em 1.41421356em 0 -0.4375em, -2em 0em 0 -0.375em, -1.41421356em -1.41421356em 0 -0.3125em, 0em -2em 0 -0.25em, 1.41421356em -1.41421356em 0 -0.1875em;
}
12.5% {
box-shadow: 2em 0em 0 -0.0625em, 1.41421356em 1.41421356em 0 0em, 0em 2em 0 -0.4375em, -1.41421356em 1.41421356em 0 -0.375em, -2em 0em 0 -0.3125em, -1.41421356em -1.41421356em 0 -0.25em, 0em -2em 0 -0.1875em, 1.41421356em -1.41421356em 0 -0.125em;
}
0% {
box-shadow: 2em 0em 0 0em, 1.41421356em 1.41421356em 0 -0.4375em, 0em 2em 0 -0.375em, -1.41421356em 1.41421356em 0 -0.3125em, -2em 0em 0 -0.25em, -1.41421356em -1.41421356em 0 -0.1875em, 0em -2em 0 -0.125em, 1.41421356em -1.41421356em 0 -0.0625em;
}
}
@keyframes dots-circle-rotation {
100% {
box-shadow: 2em 0em 0 0em, 1.41421356em 1.41421356em 0 -0.4375em, 0em 2em 0 -0.375em, -1.41421356em 1.41421356em 0 -0.3125em, -2em 0em 0 -0.25em, -1.41421356em -1.41421356em 0 -0.1875em, 0em -2em 0 -0.125em, 1.41421356em -1.41421356em 0 -0.0625em;
}
87.5% {
box-shadow: 2em 0em 0 -0.4375em, 1.41421356em 1.41421356em 0 -0.375em, 0em 2em 0 -0.3125em, -1.41421356em 1.41421356em 0 -0.25em, -2em 0em 0 -0.1875em, -1.41421356em -1.41421356em 0 -0.125em, 0em -2em 0 -0.0625em, 1.41421356em -1.41421356em 0 0em;
}
75% {
box-shadow: 2em 0em 0 -0.375em, 1.41421356em 1.41421356em 0 -0.3125em, 0em 2em 0 -0.25em, -1.41421356em 1.41421356em 0 -0.1875em, -2em 0em 0 -0.125em, -1.41421356em -1.41421356em 0 -0.0625em, 0em -2em 0 0em, 1.41421356em -1.41421356em 0 -0.4375em;
}
62.5% {
box-shadow: 2em 0em 0 -0.3125em, 1.41421356em 1.41421356em 0 -0.25em, 0em 2em 0 -0.1875em, -1.41421356em 1.41421356em 0 -0.125em, -2em 0em 0 -0.0625em, -1.41421356em -1.41421356em 0 0em, 0em -2em 0 -0.4375em, 1.41421356em -1.41421356em 0 -0.375em;
}
50% {
box-shadow: 2em 0em 0 -0.25em, 1.41421356em 1.41421356em 0 -0.1875em, 0em 2em 0 -0.125em, -1.41421356em 1.41421356em 0 -0.0625em, -2em 0em 0 0em, -1.41421356em -1.41421356em 0 -0.4375em, 0em -2em 0 -0.375em, 1.41421356em -1.41421356em 0 -0.3125em;
}
37.5% {
box-shadow: 2em 0em 0 -0.1875em, 1.41421356em 1.41421356em 0 -0.125em, 0em 2em 0 -0.0625em, -1.41421356em 1.41421356em 0 0em, -2em 0em 0 -0.4375em, -1.41421356em -1.41421356em 0 -0.375em, 0em -2em 0 -0.3125em, 1.41421356em -1.41421356em 0 -0.25em;
}
25% {
box-shadow: 2em 0em 0 -0.125em, 1.41421356em 1.41421356em 0 -0.0625em, 0em 2em 0 0em, -1.41421356em 1.41421356em 0 -0.4375em, -2em 0em 0 -0.375em, -1.41421356em -1.41421356em 0 -0.3125em, 0em -2em 0 -0.25em, 1.41421356em -1.41421356em 0 -0.1875em;
}
12.5% {
box-shadow: 2em 0em 0 -0.0625em, 1.41421356em 1.41421356em 0 0em, 0em 2em 0 -0.4375em, -1.41421356em 1.41421356em 0 -0.375em, -2em 0em 0 -0.3125em, -1.41421356em -1.41421356em 0 -0.25em, 0em -2em 0 -0.1875em, 1.41421356em -1.41421356em 0 -0.125em;
}
0% {
box-shadow: 2em 0em 0 0em, 1.41421356em 1.41421356em 0 -0.4375em, 0em 2em 0 -0.375em, -1.41421356em 1.41421356em 0 -0.3125em, -2em 0em 0 -0.25em, -1.41421356em -1.41421356em 0 -0.1875em, 0em -2em 0 -0.125em, 1.41421356em -1.41421356em 0 -0.0625em;
}
}
.labelcheckIn {
margin-left: 8px;
font-size: 12px;
color: #333;
}
.li-labelcheck {
margin-left: 20px;
font-size: 12px;
display: flex;
margin-top: -21px;
}
.overflow-250{
height: 250px !important;
overflow: auto;
}
.li-list-group-item {
position: relative;
display: block;
padding: 2px 8px;
margin-bottom: -1px;
background-color: #fff;
border-radius:0px !important
}
.margin-top-minus-30{
margin-top: -35px !important;
}
.shadow-none{
box-shadow: none !important;
}
.button-height-32{
line-height:16px;
height:32px !important;
}
.ws-plugin{
display: inline-block;
margin-right: 2px;
margin-bottom:5px;
position: relative;
}
.plugin-img{
display: flex;
align-items: center;    /* Vertical center */
justify-content: center;/* Horizontal center */
background: #D6D3D1;
border: 1px solid #D6D3D1;
border-radius: 4px;
cursor: pointer;
height: 70px;
position: relative;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.plugin-img img{
max-width: 50%;
max-height: 40px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.plugin-img:hover{
border: 1px solid #F5E9E6;
background:#F5E9E6;
}
.tools-img{
display: flex;
align-items: center;    /* Vertical center */
justify-content: center;/* Horizontal center */
background: #D6D3D1;
border: 1px solid #D6D3D1;
border-radius: 4px;
cursor: pointer;
height: 70px;
position: relative;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.tools-img img{
max-width: 50%;
max-height: 60px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.tools-img:hover{
border: 1px solid #F5E9E6;
background:#F5E9E6;
}
.bg-ws-color{
background: #CBF5D8;
}
.bg-ws-color-1{
background: #E3EAFA;
}
.padding-ws-5px{
padding-left:5px;
}
.padding-ws-5px-5px{
padding:5px;
}
.ws-plugin label input {
position: absolute;
left: -9999px;
}
.ws-plugin label input:checked + span:before {
box-shadow: inset 0 0 0 0.4375em #00005c;
}
.ws-plugin label span {
display: flex;
align-items: center;
padding: 0.375em 0.75em 0.375em 0.375em;
border-radius: 99em;
transition: 0.25s ease;
}
.ws-plugin label span:before {
display: flex;
flex-shrink: 0;
content: "";
background-color: #fff;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
margin-right: 0.375em;
transition: 0.25s ease;
box-shadow: inset 0 0 0 0.125em #00005c;
}
.font-size-20{
font-size:20px !important;
}
.ws-head-fa{
padding:18px 5px;
font-size:16px;
}
.ws-encryption label input {
position: absolute;
left: -9999px;
}
.ws-encryption label input:checked + span:before {
box-shadow: inset 0 0 0 0.4375em #00005c;
}
.ws-encryption label span {
display: flex;
align-items: center;
padding: 0.375em 0.75em 0.375em 0.375em;
border-radius: 99em;
transition: 0.25s ease;
}
.ws-encryption label span:before {
display: flex;
flex-shrink: 0;
content: "";
background-color: #fff;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
margin-right: 0.375em;
transition: 0.25s ease;
box-shadow: inset 0 0 0 0.125em #00005c;
}
.ws-shadow-none{
box-shadow: none !important;
}
.note-toolbar {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#gallery {
/* Prevent vertical gaps */
line-height: 0;
-webkit-column-count: 4;
-webkit-column-gap:   2px;
-moz-column-count:    4;
-moz-column-gap:      2px;
column-count:         4;
column-gap:           2px;
}
#gallery img {
width: 100% !important;
height: auto !important;
}
#gallery img:hover{
opacity: .7;
}
@media (max-width: 1200px) {
#gallery {
-moz-column-count:    4;
-webkit-column-count: 4;
column-count:         4;
}
}
@media (max-width: 1000px) {
#gallery {
-moz-column-count:    3;
-webkit-column-count: 3;
column-count:         3;
}
}
@media (max-width: 800px) {
#gallery {
-moz-column-count:    2;
-webkit-column-count: 2;
column-count:         2;
}
}
@media (max-width: 400px) {
#gallery {
-moz-column-count:    1;
-webkit-column-count: 1;
column-count:         1;
}
}
.image-box {
position: relative;
display: inline-block;
overflow: hidden;
border-radius: 5px;
transition: transform 0.3s ease;
}
.image-box img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
transition: filter 0.3s ease;
}
/* Dim the image slightly on hover */
.image-box:hover img {
filter: brightness(70%) blur(0.5px);
}
/* Hover overlay */
.hover-box {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease-in-out;
pointer-events: none; /* prevents blocking before hover */
text-align: center;
}
.image-box:hover .hover-box {
opacity: 1;
pointer-events: all;
}
/* Content inside the hover box */
.hover-content {
padding: 10px;
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
}
.hover-content .image-title {
font-size: 0.9rem;
font-weight: 500;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
word-break: break-all;
}
.hover-actions {
display: flex;
gap: 10px;
}
.hover-actions button {
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
border-radius: 2px;
padding: 7px 9px;
font-size: 12px;
cursor: pointer;
transition: background 0.3s ease;
}
.hover-actions button:hover {
background: rgba(0, 255, 128, 0.4);
}
.hover-actions .btn-remove:hover {
background: rgba(255, 64, 64, 0.5);
}
.hover-actions .btn-edit:hover {
background: rgba(67, 255, 100, 0.85);
}
/*  toast container */
.toast_container{
font-family: 'Poppins', sans-serif;
padding:1rem;
margin:0 auto;
width:100%;
height:auto;
border-radius:0.5rem;
background-color:#eff2fb;
}
.btngp_container{
margin-top:2rem;
display:flex;
justify-content:center;
align-items:center;
}
#btnSuccess{
background-color:#1bc5bd;
border-color:#1bc5bd;
}
#btnInfo{
background-color:#187de4;
border-color:#187de4;
}
#btnWarning{
background-color:#ee9d01;
border-color:#ee9d01
}
#btnError{
background-color:#ee2d41;
border-color:#ee2d41;
}
#btnSuccess,#btnInfo,#btnWarning,#btnError{
color:#fff;
border-radius:0.5rem;
font-weight:400 !important;
font-size:0.765rem;
width:90px;
height:36px;
margin:3px;
cursor:pointer;
}
/*Change Font in Toast Message */
.toast-success,.toast-info,.toast-warning,.toast-error{
width:310px !important;
font-family: 'Poppins', sans-serif;
font-size:0.95rem;
border-radius:2px !important;
background-color:#edf1fd;
color:#01081e !important;
border-color:transparent !important;
}

/*change close button design customize*/
.closebtn{
width:25px;
height:25px;
border-radius:50%;
font-size:12px;
background-color:#F77D63 !important;
}
.closebtn>i{
color:#000617;
font-weight:500;
}
#toast-container>.toast-success {
background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKLSURBVHgBzZZNbtpAFMffjMFRQY28hFKpzg1gGZFKWGkqdZX2BHVOUHIC4AQ0J6g5QZVVpDTUqC10V3GDelGqSF3UG1cqgZm+GYIVbPAHoCp/CWY89sxP78289wbgP4tAShW+XugwyeiiP6Xc/VV9PkwzPxao2e+1fHbXBEqOgfEyztDCq5AecN4ZVQ+tuPUigY8H9hvOWHMpZLkc/LWiwEuBwqqcqrUJMBPWk+WN6alrGG4sULpQfWjjqzJsJDL0xsQIQmnws7y6294cJsTLeZW1g6MLwFK/a2JjwvZkFgfd+kogqgFbFuXQ0GxbCwFvrdNhHXHew3+Lz05pUNqD7MQMAYGT17AebTg6eGZMx+PWqhijVDme9zP+KOE1SItCixhVXom+oqp4sld4iHP/EEoLS/3LcsSqrnQVtsFXaFHret9wHvXtBkRvh1b81n3iA6eMrM4kBNw/Y1qZKrSyuEf8TGSUwucPNUwQTYiR4rE9HxgjPb/DGsISytiJRCHYyynNgn2hK5S+gxSaATMZJ/IrDvXip6uXP54e9QjjZ4xSw60YLu5bnCt9/cXKIlr/YGFY/MYmKkm7eBIr18YLRzzIxM7ZW0godL9k3Q2LuLqmKTs70n3ClbKKJBWRcQqLQJiex07kvFYafLRlCCQvWcKYjs+ed3RMPzcq+w6QYqEkLDxgP6uHe/Nn30JHlBEOLdiyRKwGnhdV+nJl4ZVhzTQXkoWH5eTuQCgOszdKXRRP2Fh86OXoaXA0BBSuzWKlFpciWJvFO5gYZKwGX0VeokTJwk1vkKRlS+Zb1hodHK2Mz0T3UlkrRflaVlEkhOMWkHMvT61lVqUGLsIvy+Q22WcyE8fZn2Wee6t/lXrvcWjggekAAAAASUVORK5CYII=')!important;
}

#toast-container>.toast-info {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJaSURBVHgBvVZNbtNQEJ55idd4hSphKnOCkhM0PQHpCUhuADsWLTgkQuwQJyCcoOEEpSfAnKBW6cK0m6wb+U1nXu04bdLkTRT1kxLnOR5/b/7eNwge2Dn61ybEN4agbRFiBAjlPgFM+HfK1xSJfuXDl7/XvQtXEh1fdvnyiT8xeAEzgKKfD3ZHjz6xlOjDeYzN4IQQXsNGYOLpzUH+9VX28B+zQPbx8i0FwZ/NyQQUI7/j+dFFZ2Er8wt5wKA5gW0CoZt/jn7WyxISRvGsKojt8cGEptNWFd46pEFw6kfG+SE6KBrQ4kW27mmu4FDqoVo7wrIaY/AB2Z6U/3USpZbsey8Troed44vujBDuSt8LSDgrJs63IvwNx4HS1IB46msmObEAfUR8RkTvVDnnVDTZoEPgD5cTgG9svPrUWG7babLZntJowl8Ze5hKv/Gttr817htdg+MIucT/D6NWPnjR4/PzLyhg+Bw2ur6jLrfPj9lKH53QgBI07xVqwnkH43KiACKlcnXVrYRUuOHvTGNUFMYRsj6qD3fRTWMsnfkayA6vv0RpudoHJSQdEtKxtwHvsGZ3LaECb3hsyrEg8zGoCiZMzkMkrV5iJlxVlfa9TCym9W5xLB/wRuE4HGE+iEZ8AKRrbRpl3ibirf1OQJ5esnflnFMLcMICXGxfgN1k12ABTh4IsNxA8NM3FaHoZ1IPU/dOGnGbRfVQexgsJXLvsL2r4e69PC8fEzm8UASikTFsAK7glJrTw3nPVhLOiJ9qEF4gllGfxZPbYE/kbH7UF23kX2fS1D6j/i3BTfaqkKQ1ngAAAABJRU5ErkJggg==')!important;
}
#toast-container>.toast-warning {
background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHbSURBVHgBxZZPTsJAFMa/NxDEjYJE1/UGcgOP4BEwARNXeAP0BMSVCzWNJxBPIDfQG8COhSSwJBH7fFNbaKV/ZsA/vwVppzPz5Zt58zHAH0OwZOCisjNHgxWmBYVe9RRTm/FWgiMXzpZHz/LoBE1DUly3EVWwoOSpTkRM43hzXMACY4eBu0HCp6m4PDR1aeywzOSmfKrYuDQSHN9LkTCOFw3Mr/I7DF9JUXt0E1vqzQQVqBN5ne41UdfFop+DtkqppDpmc+Wg3SFeKL5IsGeLfSNw4+02sgrrCn5zl0mhkN83U3DiqjZgtjc+ss95LlMF9TFgj63OmCbPZapgGZbuQsRlsO/mguu6W05KnYlkbvK3BIII24TUyFsR1O50iWNDdBgkuVwR/AF3IYmRFwtvXdIF5f/9ZOGH9UwmlDB/0RPn9Y0Ge8yhiLnIp8IiZCDm9/U81Y02LBzqUpbqMhG0Zv7B9YMz6MBfOrSJMDkyV8z8YNq/WKTuUgeJAZ2hxk+1Fi5rTTSIuWc2Zhl5Sh8DG3dQtLuYh+jIdFgYeTS+w4kieoQdQ3wVTF7RxNhmdopSNlaDAhyswexd8kDfLRG5LvwWUmTX1XO5VoYNemmJYbwnNnhAf7+FPv6DT2e/n0VFnPgUAAAAAElFTkSuQmCC')!important;
}
#toast-container>.toast-error {
background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIlSURBVHgB3VbBbtNAEH2zTugFFIPgwAlzA4mK8AdrvgC+APiSKl/S9AvoH8SfEEQP3PCNAwjcA6IQeYcdYxtvbK/jNr30SVG86519npk3swvcdNCuC7880dF0Ck1QzxVMKHMGKmOYD5sNkoefknSXfQYJvz7TekJ0xIAe2CjJwSf3PybLgXXd+BzpcHZHHQP8CiPAoOWfjVn0edxJKOE7mNLKPka4HNLfG467SOkayGpSCvjF3XWSNSfV9qpbU3W0BzJBxLmkxIXj4bdD/VaBjrFH5Mzxg7MkqcaOhwHwBuOR+V4GVuHNcU0oubMK032GNh+P5Wdjsq4nGet6vh/619OXj1qEUtQeI/EiswJISXFckArZhGMRxcUFvPhJJm4REmPusQnZ0OrHXIdCIKQVmdTrwYTee2xBStV7T/7PIvQZWY/mJWlcSb1oDrdtCZH3Y6HIzOpnjIFxh2E4eofGcvarrZkz8awZXkdIXd/J6rxFyH6jzJK9rsgkjNs5hac8mMy6RRgESDyEECU6OStzKuVk30lwezXQ3NvpNN8Pte2h/bVYeuEX1zYYyb2zVbssBDljMWA+jszCEJ80xw7hv57Hp9gTCLzcPpBboqYA7+xfiqsjtc25FbEWYaG6oFBdiiuQyR7SCgcJS9LCgOHGfxfYMJ6WB2/a/X4AxRnJ9tgir3oLNdpL1KJ59l2KsIIt8ijP7TWRixqcldbn0jDGXBNvPv4C3QjuTqveJGAAAAAASUVORK5CYII=')!important;
}
.table-input input {
width:100% !important;
background: none !important;
border:0px !important;
}
.table-input select {
width:100%;
background: none !important;
border:0px !important;
}
.table-input select::-ms-expand {
display: none; /* Internet Explorer/Edge (legacy) */
}
.table-input select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}