div#tabel_id_wrapper.form-inline {
    display: block;
}

.opacity_1 {

	opacity: 1 !important;
}

.fs-options {

    font-size: 1.5rem;;
}

.aside-fixed {

    z-index: 1049;
}
 
.content-components {

    margin-right: 0px;
}

.content-body {

    overflow-y: hidden;
}

.min-ht-100v {

    min-height: 100vh;
}

.seccondary-save-btn {

    position: fixed;
    top: 1.5%;
    left: 50%;
    z-index: 999999;
}

.app {

    padding: 2rem;
    margin-bottom: 1rem;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {

    color: #fff;
    background-color: #31b131;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {

    content: '-';
    background-color: #d33333;
}

/**
* UPLOAD MULTIPLE FILES DRAG AND DROP
*/
.upload-area{
    width: 70%;
    height: 200px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
    background-color: #fff;
}

.upload-area:hover{
    cursor: pointer;
}

.upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    color: darkslategray;
}

#file {

    display: none !important;
}

/* Thumbnail */
.thumbnail{
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

.size{
    font-size:12px;
}

/**
* END UPLOAD MULTIPLE FILES DRAG AND DROP
*/

.w-md-25 {
    
    width: 25%;
}

@media screen and (max-width: 640px) {

    .seccondary-save-btn {

        left: 30%;
    }

    .content, .content-components, .content-body {

        padding: 0px;
        padding-top: 20px;
    }
}

@media screen and (max-width: 768px) {

    .w-md-25 {

        width: 100%;;
    }
}

td.details-control {
	
   background: url('../images/details_open.png') no-repeat center center;
	cursor: pointer;


}
tr.details td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}