.search-clear {
    margin-top: 30px !important;
}

.close-padding {
    padding: 8px;
    align-items: center;
    margin-top: 8px;
}

.my-col-2 {
    width: 15%;
    padding-right: 5px;
    padding-left: 5px;
}

.my-col-sm-padding {
    padding-right: 1px !important;
    padding-left: 1px !important;
}

.area-bottom {
    padding-bottom: 50px;
}

.col-actions {
    min-width: 90px;
}

.small-padding-left {
    padding-left: 5px;
}

.sm-padding-top {
    padding-top: 5px;
}

.modal-dialog-lg {
    width: 850px;
}

.modal-dialog-xlg {
    width: 1050px;
}


/* @media screen and (max-width:776px){
            .content-header {
                top:95px;
              }
          } */

@media screen and (max-width: 767px) {
    .content-area {
        max-height: 62vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .content-area-sm {
        max-height: 51vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .content-area-md {
        max-height: 60vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 640px) {
    .content-area {
        max-height: 57vh;
        overflow-y: auto;
        overflow-x: auto;
    }
    .content-area-sm {
        max-height: 47vh;
        overflow-y: auto;
        overflow-x: auto;
    }
    .content-area-md {
        max-height: 56vh;
        overflow-y: auto;
        overflow-x: auto;
    }
    /* .content-area-lg {
                max-height: 60vh;
                overflow-y: scroll;
             } */
}