﻿.field-validation-error{
    color:#ff0000;
}

.toast-top-center{
    top:20px !important;
}

.toast {
    opacity: 1 !important;
}

#toast-container > div {
    opacity: 1 !important;
    box-shadow: 0 0 12px #000 !important;
    -webkit-box-shadow: 0 0 12px #000 !important;
}

.form-group.basic .form-control{
    height :25px !important;
}

.e-input-group .no-border {
    border-width: 0px !important;
}

.e-input-group .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

.e-icons.e-scan:before {
    content: "\e345";
}


.e-rowcell {
    text-align: right !important;
}

.e-headercelldiv {
    text-align: right !important;
}

.pl-5 {
    padding-left:5px;
}
.e-input {
    padding-right: 5px !important;
}

.e-input-group.e-control-wrapper.e-ddl .e-input[readonly], .e-float-input.e-control-wrapper.e-ddl input[readonly] {
    background: #e9ecef !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
    color: #0d6efd !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
    color: #0d6efd !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-icons {
    color: #0d6efd !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:focus .e-icons {
    color: #0d6efd !important;
}

.required:after {
    content: "*";
    position: relative;
    color: #ff0000;
    font-weight: 700;
    padding-right: 5px;
    font-size: 20px;
}

.e-selectionbackground {
    background-color: #b9ddfd !important;
}

.bg-light-yellow {
    background-color: #fff3d1 !important;
}

.bg-light-red {
    background-color: #f7e2ff !important;
}

.bg-dark-red {
    background-color: #d18d8d !important;
}

.round-icon {
    min-width: 36px;
    max-width: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    font-size: 22px;
    border-radius: 400px;
    margin-right: 0;
    margin-left: 16px;
}

.fs-15 {
    font-size: 15px !important;
}

.brs15 {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
}

.mg-15 {
    margin-right: 5px;
    margin-left: 5px;
}

.border-b {
    border-bottom: 1px solid #DCDCE9;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(220, 220, 233);
}


.text-magenta {
    color: #6236FF !important;
}
/*.e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled]{
    display: none !important;
}

.e-input-group:has(input.e-disable) {
    display: none !important;
}*/

.e-float-text {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: black !important;
    line-height: 0.9;
}

.e-float-text:after {
    /*content: "*";*/
    position: relative;
    color: #ff0000;
    font-weight: 700;
    padding-right: 5px;

}

.e-filterdiv.e-fltrinputdiv:has(input.e-filtertext.e-input.e-disable:disabled) {
    display: none !important;
}

.highlight {
    background-color: yellow !important;
    font-weight: bold !important;
    color:black !important;
}

.btn-outline-red {
    background: transparent;
    border-color: #ff0000;
    color: #ff0000;
    transition: 0.2s all;
}

.btn-outline-green {
    background: transparent;
    border-color: #52ffa7;
    color: #52ffa7;
    transition: 0.2s all;
}