.fileupload .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

.fileupload .btn {
   vertical-align: middle;
}

.fileupload .thumbnail > img {
    display: block;
    width: 250px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
}

.btn.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.btn.btn-file > input[type=file] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.bg-ironstone{
    background-color:#795548!important
}
a.bg-ironstone:focus, a.bg-ironstone:hover, button.bg-ironstone:focus, button.bg-ironstone:hover{
    background-color:#795548!important
}

.bg-pink{
    background-color:#FFC0CB!important
}
a.bg-pink:focus, a.bg-pink:hover, button.bg-pink:focus, button.bg-pink:hover{
    background-color:#FFC0CB!important
}

.bg-gray{
    background-color:#808080!important
}
a.bg-gray:focus, a.bg-gray:hover, button.bg-gray:focus, button.bg-gray:hover{
    background-color:#808080!important
}

.bg-purple{
    background-color:#800080!important
}
a.bg-purple:focus, a.bg-purple:hover, button.bg-purple:focus, button.bg-purple:hover{
    background-color:#800080!important
}

.bg-green{
    background-color:#008000!important
}
a.bg-green:focus, a.bg-green:hover, button.bg-green:focus, button.bg-green:hover{
    background-color:#008000!important
}

.bg-navy{
    background-color:#000080!important
}
a.bg-navy:focus, a.bg-navy:hover, button.bg-navy:focus, button.bg-navy:hover{
    background-color:#000080!important
}

.bg-red{
    background-color:#FF0000!important
}
a.bg-red:focus, a.bg-red:hover, button.bg-red:focus, button.bg-red:hover{
    background-color:#FF0000!important
}

.bg-darksalmon{
    background-color:#E9967A!important
}
a.bg-darksalmon:focus, a.bg-darksalmon:hover, button.bg-darksalmon:focus, button.bg-darksalmon:hover{
    background-color:#E9967A!important
}

.colorsvghide > input[type=color] {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.backgrounddiv {
    padding: 20px;
}

.homecard i{
    font-size: 2.5rem !important;
    color: white;
}

.table.table-head-custom thead tr, .table.table-head-custom thead th {
    letter-spacing: 0rem;
}

.swal2-container .swal2-html-container {
    max-height: initial;
}

.invalid-feedback {
    display: block !important;
}

.datepicker {
    direction: rtl !important;
}

.border-red .select2-selection {
    border-color:#F64E60 !important;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__remove {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
    left: 0 !important;
}

@media print {
    .print-content-only .logo {
      display: none !important;
    }
}