#my-spinner { width: 100%; height: 100%; top: 0; left: 0; display: none; opacity: .6; background: silver; position: fixed; z-index: 49; }
#my-spinner div { width: 100%; height: 100%; display: table; }
#my-spinner span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner img { background: white; padding: 1em; border-radius: .7em; margin: auto;}

.theme-color-picker button {
    transition: background-color 0.3s ease;
}

#chooseImage {
    visibility: hidden;
}

#image-zone{
    outline: 2px dashed #92b0b3 ;
    outline-offset:-10px; 
}



.btn-box-right {text-align: right; margin-top: 24px;}
.img-history-list {margin-block: 24px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 12px;}
.img-history-list > div {width: calc(20% - 11.3px); height: auto; cursor: pointer;}
.img-history-list > div > img {width: 100%;}


.form-row {
    display: flex;
    flex-wrap: wrap;
}  
.table2>tbody>tr>td,.table>tbody>tr>th {
    padding: 6px 8px !important;
}
.table2>tfoot>tr>td,.table>tfoot>tr>th {
    padding: 6px 12px!important;
}

.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap
}

.divider .divider-text {
    position: relative;
    display: inline-block;
    font-size: .9375rem;
    padding: 0rem 1rem;
    color: #433c50
}

.btn-sm2 {
    font-size: 11px;
    padding: 5px 13px;
}
.card{
    margin-bottom: 15px !important;
}
.card .card-search{
    border-top:0px !important;
    padding-top:35px;
}
.daterangepicker td.off.disabled  {
    color: 	#c0c0c0;
    background: #fafad2;
    text-decoration: none;
}
.breadcrumbs {
    display : none;
}
.card-body{
    overflow:auto;
}
.dataTables_length {
    width: 12%;
    min-width: 170px;
    float: left;
}

.dataTables_filter {
    width: 40%;
    float: right;
    text-align: right;
}

.btn-gray {
    background: #808080 !important;
    border-color: white !important;
    color : white !important;
}