.subtleBackground {
    background-color: unset !important;
    background-image: url("/images/interlaced.png") !important;
    background-repeat: repeat-y repeat-x !important;
}

.panelGroup {
    margin-top: 30px;
}
.select2-container{
    width:100% !important;
}


.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 136px;
    height: 136px;
    padding-top: 42px;
    background: #42d439;
    border: 1px solid black;
    color: black;
    text-align: center;
    font: 42px Arial, sans-serif;
    display: inline-block;
}
.modal-body {
    overflow: auto !important;
    max-height: calc(60vh) !important;
}
.adminOnly {
    display: none !important;
}

.branchManagerOnly {
    display: none !important;
    visibility: hidden;
}
.checklistMenu {
    display: none !important;
}

.companyAdminOnly {
    display: none !important;
}
.advertiserOnly{
    display:none !important;
}
.superAdminOnly {
    display: none !important;
}
.full-width {
    width: 100% !important;
}

.ui-menu-item-wrapper {
    padding: 10px !important;
}

.nowrap {
    white-space: nowrap;
}

td {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .numberCircle {
        margin-right: 15px;
        margin-left: 15px;
    }


}
img {
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.maxColumn {
    max-width: 150px;
    /*word-wrap: break-word;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.modal-bigtime {
    max-height: calc(75vh);
    overflow-y: auto;
}
.dataTables_length{
    color:white;
}

.width-100{
    max-width:100px;
}
.circleNumber {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #fff;
    /*    border: 3px solid #000;
*/
    color: #000;
    text-align: center;
    font: 12px Arial, sans-serif;
    display: inline;
}

/*.contactsTable {
    overflow-y: auto;
}*/


/*This is for the pages with search and filter at top and datatable */

.top-bar {
    padding: 8px 12px;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: start;
}

.cover-wrapper-search {
    width: 400px;
    /*top right bottom left*/
    margin: 10px 0px 10px 10px;
    /*padding: 12px 12px;*/
    min-width: 220px;
    max-width: 614px;
    height: 60px;
    /*border-radius: 16px;*/
    /*background-color: #fff;*/
    display: flex;
    align-items: center;
    justify-content: normal;
}

.filter-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 550px;
    /*top right bottom left*/
    margin: 10px 0px 10px 10px;
}


/*Screen size less than 992px*/
@media screen and (max-width: 992px) {

    .cover-wrapper-search {
        width: 350px;
    }
}



/*Screen size less than 768px*/
@media screen and (max-width: 768px) {


    .cover-wrapper-search {
        width: 325px;
    }
}

/*Screen size less than 576px*/
@media screen and (max-width: 576px) {

    .cover-wrapper-search {
        width: 260px;
        /*top right bottom left*/
        margin: 10px 0px 10px 10px;
        /*padding: 6px 6px;*/
        max-width: 614px;
        height: 40px;
        /*border-radius: 16px;*/
        /*background-color: #fff;*/
        display: flex;
        align-items: center;
        justify-content: normal;
    }
    .filter-wrapper {
        min-width: 260px;
        max-width: 280px;
    }
}


@media screen and (max-height: 800px) {
    #myTabContent {
        max-height: 500px;
    }
}

@media screen and (max-height: 750px) {
    #myTabContent {
        max-height: 450px;
    }
}

@media screen and (max-height: 700px) {
    #myTabContent {
        max-height: 400px;
    }
}

/*@media screen and (max-width: 500px) {
    #myTabContent {
        max-height: 500px;
    }
}*/