/*******************************
********************************
Parsley Validation CSS --- BEGINS
/*******************************
********************************
*/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    /*
    color: #468847 !important;
    background-color: #DFF0D8 !important;
    border: 1px solid #D6E9C6 !important;
    */
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48 !important;
  background-color: #F2DEDE !important;
  border: 1px solid #EED3D7 !important;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.95rem;
  line-height: 1.2em;
  opacity: 0;
  color: #F64E60;
  

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

/*******************************
********************************
Parsley Validation CSS --- ENDS
/*******************************
********************************
*/



/*******************************
********************************
sCodezy CSS --- BEGINS
/*******************************
********************************
*/

/** Error message text in red color for form fields */
.scodezy-error-msg{
    color: #F64E60;
    margin-top: 0.5rem;
}

.scodezy-success-msg{
    color: #F64E60;
    margin-top: 0.5rem;
}

.hidden{
    display: none;
}

.text-left{
    text-align: left !important;
}

.overflow-wrap-anywhere{
    overflow-wrap: anywhere !important;
}

.overflow-wrap-break-word{
    overflow-wrap: break-word !important;
}

.blink {
  animation: blinker 1.2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/*******************************
********************************
sCodezy CSS --- ENDS
/*******************************
********************************
*/



/*******************************
********************************
Override SweetAlert --- BEGINS
/*******************************
********************************
*/

/** Display text on the SweetAlert dialog **/
.swal2-popup .swal2-html-container, .swal2-popup .swal2-content {
    line-height: 1.5rem;
    letter-spacing: 0.02rem;
}

/** Swal Modals should be always on the top most **/
.swal2-container{
    z-index: 99999 !important;
}

/*******************************
********************************
Override SweetAlert --- ENDS
/*******************************
********************************
*/




/*******************************
********************************
Override Metronic Menu --- BEGINS
/*******************************
********************************
*/
.aside-menu .menu-item .menu-link.active {
    background-color: #79204e;
}

/*******************************
********************************
Override Metronic Menu --- ENDS
/*******************************
********************************
*/






/*******************************
********************************
Add-on to .page-loader --- BEGINS
/*******************************
********************************
*/

/** To add a loading animation to Div */
.section-loader{
    /*position: absolute; */
    position: relative; 
}
/*******************************
********************************
Add-on to .page-loader --- ENDS
/*******************************
********************************
*/




/*******************************
********************************
Override Metronic Form Classes --- BEGINS
/*******************************
********************************
*/
.form-switch .form-check-input{
    border-radius: 3.25rem;
}

.rounded {
    border-radius: .475rem !important;
}

.rounded-top {
    border-top-left-radius: .475rem !important;
    border-top-right-radius: .475rem !important;
}

.form-floating label{
    color: var(--bs-gray-500);
}

.form-floating label::after{
    background-color: transparent !important;
}

.no-z-index{
    z-index: 0;
}

/*******************************
********************************
Override Metronic Form Classes --- ENDS
/*******************************
********************************
*/



/*******************************
********************************
Override Kanban Board --- BEGINS
/*******************************
********************************
*/
.kanban-container .kanban-board {
    border-radius: .475rem;
}

.kanban-item {
    padding: 10px !important;
    border-radius: .475rem;
}

/*******************************
********************************
Override Kanban Board --- ENDS
/*******************************
********************************
*/



/*******************************
********************************
File Uploading --- BEGINS
/*******************************
********************************
*/

.scodezy-selected-files{}

.scodezy-selected-files .file-item .file-image{
    height: 100px;
}

.scodezy-selected-files .file-item{
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
    background-color: var(--bs-gray-100);
}

.scodezy-selected-files .file-item .file-name{
    font-size: 1rem;
    font-weight: 500;
    color: var(--bs-gray-600);
    text-overflow: ellipsis;
    margin-right: 0.5rem;
}

.scodezy-selected-files .file-item .file-size{
    font-weight: 700;
}

/*******************************
********************************
File Uploading --- BEGINS
/*******************************
********************************
*/


/*******************************
********************************
Override Metronic Logo --- BEGINS
/*******************************
********************************
*/

img.logo{
    height: 25px !important
}

/*******************************
********************************
Override Metronic Logo --- ENDS
/*******************************
********************************
*/