body {
    overflow-x: hidden;
}

div.dataTables_filter,
div.dataTables_length {
  display: inline-block;
 /* margin-left: 1em;*/
}


.soall{
    border: 1px solid black !important;
 }
 .so{
    border: 1px solid #C0C0C0 !important;
    background-color: #C0C0C0 !important;
    border-radius: 15px;
 }
 
 .sa{
    border: 1px solid #DCDCDC !important;
    background-color: #DCDCDC !important;
   
 }
 
 .sov{
    border: 1px solid black !important;
 }
 
 .sok{
    border: 1px solid #C0C0C0 !important;
 }
 .sop{
    border: 1px solid black !important;
    border-radius: 15px;
    margin:5px;
 }
 
 .slr{
   border-right: 1px solid black !important;
 }
 .sll{
   border-left: 1px solid black !important;
 }
 .slb{
   border-bottom: 1px solid black !important;
 }
 .slt{
   border-top: 1px solid black !important;
 }
 


#table {
    display: block;
}


.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
   /* background-color: #2196F3;*/
    padding: 10px;
  }
  .grid-item {
    /*background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);*/
    padding: 20px;
    font-size: 30px;
    text-align: center;
  }

.modal-full {
    min-width: 90%;
    margin-left: 150px;
    margin-right: 5px;
   
}

.modal-full .modal-content {
    min-height: 100vh;
}
/*
#details-vente{
    max-width: 80%;

}

.mt-vente{
    max-width: 80%;

}
*/


.invoice-box {
    max-width: 90%;
    margin: auto;
    padding: 10px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    line-height: 24px;
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    color: #555;
}

.invoice-box table {
    width: 100%;
    line-height: inherit;
    text-align: left;
}

.invoice-box table td {
    padding: 5px;
    vertical-align: top;
}

.invoice-box table tr td:nth-child(2) {
    text-align: right;
}

.invoice-box table tr.top table td {
    padding-bottom: 20px;
}

.invoice-box table tr.top table td.title {
    font-size: 45px;
    line-height: 45px;
    color: #333;
}

.invoice-box table tr.information table td {
    padding-bottom: 40px;
}

.invoice-box table tr.heading td {
    background: #eee;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.invoice-box table tr.details td {
    padding-bottom: 20px;
}

.invoice-box table tr.item td {
    border-bottom: 1px solid #eee;
}

.invoice-box table tr.item.last td {
    border-bottom: none;
}

.invoice-box table tr.total td:nth-child(2) {
    border-top: 1px solid #eee;
    font-weight: bold;
}

@media only screen and (max-width: 1024px) {
    .invoice-box table tr.top table td {
        width: 100%;
        display: block;
        text-align: center;
    }

    .invoice-box table tr.information table td {
        width: 100%;
        display: block;
        text-align: center;
    }
}

/** RTL **/
.invoice-box.rtl {
    direction: rtl;
    font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

.invoice-box.rtl table {
    text-align: right;
}

.invoice-box.rtl table tr td:nth-child(2) {
    text-align: left;
}




/* 
.otm-btn-right {
    float: right;
}

.otm-text-align {
    text-align: right;
}

.otm-lib-btn {
    padding: 0px 11px;
    margin: -1px -11px 0px 0px;
}

.otm-col-3 {
    width: 24%;
    overflow-y: hidden;
}

.otm-div-float-left {
    float: left;
}

.otm-jumb-p {
    font-size: 16px !important;
}

.otm-jumbotron-margin {
    margin: 7px 0px 9px 0 !important;
    padding: 7px;
}

.otm-lib-btn-save {
    float: right;
    margin-right: 41px !important;
}

.otm-image-dash {
    width: 188px;
    margin: 3px 21px;
    padding: 8px 33px 0px 10px;
    object-fit: cover;
    height: auto;
}

.otm-panel-head {
    height: 180px;
}

.otm-inner-row {
    width: 94%;
    margin: 6px 1px 1px 0px;
}

.otm-btn-top {
    margin: -7px -11px 0px 14px;
}

.otm-lib-breadcrumb-top {
    margin-top: 25px;
    margin-left: -41px;
    width: 99%;
}

.wpotm-lib-cont #wpotm-lib-frm-create-new-student label.error,
#wpotm-lib-frm-create-new-staff label.error,
#frm-book-category label.error,
#wpotm-frm-add-type label.error,
#wpotm-frm-book-issue label.error,
#wpotm-lib-frm-create-new-book label.error,
#wpotm-frm-bookcase label.error,
#wpotm-frm-bookcase-section label.error,
#wpotm-frm-add-issue-days label.error,
#wpotm-frm-settings-panel label.error {
    color: red;
}

.otm-lib-label {
    display: block;
    font-weight: normal;
}

.otm-lib-label span {
    position: relative;
    top: 3px;
}

.otm-lib-st-by-area {
    display: block;
}

.otm-lib-st-by-area label {
    font-weight: normal;
}

.otm-lib-st-by-area label span {
    position: relative;
    top: 1px;
}

.wpotm-lib-img-prev {
    height: 100px;
    width: 100px;
    display: block;
}

#wpotm-frm-add-frm label.error {
    color: red;
}

.wpotm-lib-bg {
    color: #fff !important;
    background-color: #5e5e5e !important;
    border-color: #5e5e5e !important;
}

.wpotm-lib-btn {
    color: #fff !important;
    background-color: #292d34 !important;
    border-color: #292d34 !important;
}

.wpotm-label-bold {
    font-weight: bold;
}

ol.breadcrumb {
    background: #5d5d5d38;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #111010;
    content: "/\00a0";
}

.wpotm-p-feature {
    font-size: 15px;
}

.wpotm-pro-message {
    margin: -14px 0px 11px 0px
}

.wpotm-add-frm-point {
    cursor: not-allowed;
    opacity: 0.5;
}

.otm-lms-header-alert {
    width: 94%;
} */
.grey-bg {  
    background-color: #F5F7FA;
}