/*
	Table defaults for standard CRUD / search functionality
*/
table {
    border-collapse: collapse;
    width: 100%;
}

table.clickable tbody tr:hover,
tr.clickable:hover {
    background: #a6d8d5;
    cursor: pointer;
    transition: all ease 0.7s;
}

th.stretch-content,
td.stretch-content {
    padding: 0 !important;
    position: relative;
    line-height: unset !important;
    border-bottom: 1px solid transparent !important;
}

th.stretch-content > *,
td.stretch-content > * {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*
	=======================================================================================================================================
*/
.popup.overlay.assign_to_team.confirm h2 .close {
    position: absolute;
    right: -20px;
    top: -20px;
    font-size: 48px;
    cursor: pointer;
    color: #FFFFFF;
}

.confirm .section {
    width: 49%;
    box-sizing: border-box;
    padding: 20px;
    background: #FFFFFF;
}

.confirm .section:first-of-type {
    margin-right: 2%;
}

.confirm .section.existing {
    background: #009ddc;
}

.confirm .section.new {
    background: #23b0a5;
}

.assign_to_team ul li {
    padding: 5px;
}

.assign_to_team ul li.selected {
    background: #23b0a5;
    color: #FFFFFF;
}

.assign_to_team label {
    font-weight: 600;
    font-size: 17px;
}

.popup.overlay.assign_to_team .content .btn {
    color: #FFFFFF;
    background: #23b0a5;
}

.popup.overlay.assign_to_team .content .btn.disabled {
    opacity: 0.25;
    background: #909090;
    color: #000000;
    cursor: default;
}

.popup.overlay.assign_to_team .content .btn:hover {
    background: #009ddc;
    cursor: pointer;
    transition: all ease 0.5s;
    color: #FFFFFF;
}

.confirm .section input,
.confirm .section textarea {
    font-size: 20px;
    font-weight: 400;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: Open Sans, Helvetica, sans-serif;
    border: none;
    background: #ededed;
    margin: 10px 0 5px 0;
}

.confirm .section input.search {
    width: 90%;
}

.confirm .section input.search + i.material-icons {
    font-size: 36px;
    vertical-align: middle;
}

.search_input {
    position: relative;
}

.search_input a.autocomplete_search {
    position: absolute;
    right: 0;
    bottom: 6px;
    padding: 10px 20px;
    cursor: pointer;
    color: #23b0a5;
}

.search_input a.autocomplete_search:hover {
    background: #23b0a5;
    color: #FFFFFF;
}

button.lightbox_button {
    background: #009ddc;
    color: #FFFFFF;
}

.lightbox {
    box-sizing: border-box;
    padding: 0 10px 0 10px;
    position: relative;
}

.lightbox-items li {
    display: inline-block;
    padding: 5px 15px 5px 5px;
    background: rgba(0, 0, 0, 0.03);
}

.remove_item {
    color: #c70750;
    padding: 5px;
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
}

.remove_item:hover {
    transition: all ease 0.2s;
    background: #c70750;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.search-unit th {
    border: none;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    padding: 8px 8px 5px 8px;
    position: relative;
}

.search-unit th:last-child {
    padding: 10px;
}

.search-unit tr.advanced-filters th {
    font-size: 14px;
}

.search-unit tr.advanced-filters input[type=text] {
    padding: 2px 5px 2px 5px;
}

.search-unit td {
    padding: 5px 10px 5px 10px;
    border: none;
    border-left: 1px solid #dddddd;
    font-size: 15px;
    line-height: 15px;
}

.search-unit td.link_cell {
    padding: 0;
    text-align: center;
}

.search-unit table .icon_cell {
    text-align: center;
}

.search-unit table .icon_cell a,
.search-unit td.link_cell a {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    color: #009ddc;
}

.search-unit table .icon_cell a:hover,
.search-unit td.link_cell a:hover {
    transition: all ease 0.2s;
    background: #009ddc;
    color: #FFFFFF;
    cursor: pointer;
}

.search-unit td i.material-icons {
    /* font-size: 1em; */
}

.search-unit td > i.fa,
.search-unit td > span > i.fa,
.search-unit td > i.material-icons,
.search-unit td > span > i.material-icons {
    display: block;
    text-align: center;
}

.search-unit tr.even {
    background: rgba(0, 0, 0, 0.03)
}

.search-unit table thead th {
    background: #a6d8d5;
    color: #000000;
    white-space: nowrap;
}

.search-unit table {
    border-bottom: 1px solid #dddddd;
}

.search-unit table thead .pager-row th {
    background: #b9e0de;
}

.search-unit table thead th.icon_cell i {
    padding: 11px 5px 5px 5px;
}

.search-unit table thead input {
    padding: 5px 25px 5px 5px;
    outline: none;
    border: none;
    background: rgba(255, 255, 255, 0.21);
    color: #FFFFFF;
    font-size: 18px;
    margin-left: 5px;
}

.search-unit table thead input:first-child {
    margin-right: 0;
}

.search-unit table thead select {
    padding: 2px 5px;
    outline: none;
    border: none;
    background: #b9e0de;
    color: #000000;
    font-size: 18px;
    position: relative;
    top: 5px;
}

.search-unit table thead .micro select {
    width: 70px;
}

.search-unit table thead .micro button {
    width: 70px;
}

.search-unit table thead button.filter {
    height: 32px;
    width: 32px;
    padding: 0;
}

.search-unit table thead button.filter.active {
    background: #23b0a5
}

.search-unit table thead select option {
    color: #000000;
}

.search-unit table thead select.populated option {
    background: #b0b0b1;
    color: #000000;
}

.search-unit table thead tr.advanced-filters input {
    font-size: 16px;
}

.search-unit table thead input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000;
    text-shadow: none;
    text-transform: none;
}

.search-unit table thead input::-moz-placeholder { /* Firefox 19+ */
    color: #000000;
    text-shadow: none;
    text-transform: none;
}

.search-unit table thead input:-ms-input-placeholder { /* IE 10+ */
    color: #000000;
    text-shadow: none;
    text-transform: none;
}

.search-unit table thead input:-moz-placeholder { /* Firefox 18- */
    color: #000000;
    text-shadow: none;
    text-transform: none;
}

.search-unit table thead input::placeholder {
    color: #000000;
    text-shadow: none;
    text-transform: none;
}

/* 
	These two classes set the color for filters that have a value other than the default - - - - - - - - - - - 
*/
.search-unit table thead input:not(:placeholder-shown) {
    background: #23b0a5;
    color: #ffffff;
}

.search-unit table thead select.populated {
    background: #23b0a5;
    color: #ffffff;
}
/*
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

.search-unit table thead .icon_datepicker {
    padding-left: 5px;
}

.search-unit table .group-header td {
    background: #e0ebe5;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 18px;
    position: relative;
    font-weight: 100;
}

.search-unit table .group-header.super td {
    font-weight: 400;
    font-size: 24px;
}

.search-unit table th .material-icons {
    padding-top: 5px
}

.search-unit th.tools {
    padding: 0;
}

.search-unit th.tools > span {
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
}

.search-unit th .primary-actions {
    margin: 0 10px 0 0;
    float: right;
}

.search-unit th .primary-actions button {
    font-size: 16px;
    background: #13492c;
}

.search-unit th .state-filter {
    background: #1b6940;
    color: #ffffff;
    margin-right: 5px;
    padding: 2px 5px 2px 5px;
}

.search-unit table .primary-actions {
    float: right;
}

.search-unit table .primary-actions button {
    font-size: 14px;
    background: #13492c;
    padding: 5px 10px 5px 10px;
}

.search-unit table .group-header .primary-actions button {
    font-size: 14px;
    background: #13492c;
    padding: 2px 6px 2px 6px;
}

.search-unit input[type=text].filter {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAAQIDBwgJDg8RExcdICMzPUJERUdMUVJcX2F5e36FiZigoqWrtcPF2eDi5Obp6+/z+fuRCq6wAAAAiklEQVQYGVXBRwKCMABFwU8QFbtgwV6wV/Dd/26GZKMzspIbUC5r8swB79mWs4VVHEbDN8+arC6MVWm8Wcpac5Q3pDSSLqTyImhJKujLC6Ej6UQmL4ampBkPI2fFXVb9Q25kjWGkSgKPrJ8egamc5IPzgomcaH4urpuuyWGqX8EeBvoV7FjoT9AzXxZnEVySl7A0AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 94% 8px;
    background-size: 16px;
}

.search-unit select.filter {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAAQIDBwgJDg8RExcdICMzPUJERUdMUVJcX2F5e36FiZigoqWrtcPF2eDi5Obp6+/z+fuRCq6wAAAAiklEQVQYGVXBRwKCMABFwU8QFbtgwV6wV/Dd/26GZKMzspIbUC5r8swB79mWs4VVHEbDN8+arC6MVWm8Wcpac5Q3pDSSLqTyImhJKujLC6Ej6UQmL4ampBkPI2fFXVb9Q25kjWGkSgKPrJ8egamc5IPzgomcaH4urpuuyWGqX8EeBvoV7FjoT9AzXxZnEVySl7A0AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 98% center;
    background-position: 94% 8px;
    background-size: 16px;
}

.search-unit th input.full {
    width: 100%;
    box-sizing: border-box;
}

.search-unit .multi-filters {
    display: inline-flex;
    flex-direction: row
}

.search-unit .multi-filters button {
    outline: none;
    border: none;
    background: #1f7a49;
    height: 43px;
    position: relative;
}

.search-unit .multi-filters button.has-tristate-flagged-icon i {
    display: inherit;
}

.search-unit .multi-filters button.has-tristate-flagged-icon i.material-icons {
    font-size: 1em;
}

.search-unit .multi-filters button.warning-filter:before,
.search-unit .multi-filters button.good-filter:before,
.search-unit .multi-filters button.has-tristate-flagged-icon:before {
    font-family: FontAwesome;
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 10px;
}

.search-unit .multi-filters button.warning-filter:before {
    content: '\f071';
}

.search-unit .multi-filters button.good-filter:before {
    content: '\f058';
}

.search-unit .multi-filters button.has-tristate-flagged-icon.tritrue:before {
    content: '\f058';
}

.search-unit .multi-filters button.has-tristate-flagged-icon.trifalse:before {
    content: '\f071';
}

.search-unit .multi-filters button.has-tristate-flagged-icon.trinull:before {
    content: '\f069'
}

.search-unit .multi-filters button.active {
    background: #41427f;
}

.search-unit .multi-filters button.tritrue {
    background: #41427f;
}

.search-unit .multi-filters button.trifalse {
    background: #41427f;
}

.search-unit .multi-filters .multistate.hasvalue {
    background: #41427f;
}

.search-unit th.micro {
    width: 20px;
}

.search-unit th.mini {
    width: 80px;
}

.search-unit th.midi {
    max-width: 200px;
}

.search-unit td.midi > span {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.search-unit th.id {
    width: 80px;
}

/* ================================================================================================================================================================ */
.pager-row th {
    padding: 0;
    position: relative;
    padding-bottom: 5px;
    padding-left: 10px;
}

.generic_pager {
    position: relative;
    display: flex;
    align-items: center;
}

.generic_pager > * {
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
    height: 24px;
}

.generic_pager input[type=text] {
    width: 1.5em;
    text-align: center;
    font-size: 16px !important;
    background: rgba(255, 255, 255, 0.25);
    margin: 0;
    padding: 2px 4px;
    font-weight: bold;
}

.generic_pager a {
    background: rgba(255, 255, 255, 0.25);
    padding: 0 5px;
    cursor: pointer;
}

.generic_pager a:hover {
    background: rgba(0, 0, 0, 0.25);
}

.generic_pager .pager_pages {
    position: relative;
}

.generic_pager .pager_total_pages,
.generic_pager .pager_total_records {
    font-weight: 600;
}

.waiting tbody {
    opacity: 0.5;
}

.waiting .pager-row .generic_pager {
    opacity: 0;
}

.waiting .pager-row th {
    background: linear-gradient(315deg, #3d9292, #ffffff 0%, #3d9292);
    animation: PagerWaitingAnimation 1s ease infinite;
}

.search-unit table label {
    font-weight: 600;
    display: none;
}

/* ================================================================================================================================================================ */
@keyframes PagerWaitingAnimation {
    0% {
        background: linear-gradient(315deg, #808084, #ffffff 0%, #808084)
    }

    10% {
        background: linear-gradient(315deg, #808084, #ffffff 10%, #808084)
    }

    20% {
        background: linear-gradient(315deg, #808084, #ffffff 20%, #808084)
    }

    30% {
        background: linear-gradient(315deg, #808084, #ffffff 30%, #808084)
    }

    40% {
        background: linear-gradient(315deg, #808084, #ffffff 40%, #808084)
    }

    50% {
        background: linear-gradient(315deg, #808084, #ffffff 50%, #808084)
    }

    60% {
        background: linear-gradient(315deg, #808084, #ffffff 60%, #808084)
    }

    70% {
        background: linear-gradient(315deg, #808084, #ffffff 70%, #808084)
    }

    80% {
        background: linear-gradient(315deg, #808084, #ffffff 80%, #808084)
    }

    90% {
        background: linear-gradient(315deg, #808084, #ffffff 90%, #808084)
    }

    100% {
        background: linear-gradient(315deg, #808084, #ffffff 100%, #808084)
    }
}

@media all and (max-width: 1120px) {
    .search-unit table th,
    .search-unit table td {
        display: block;
        box-sizing: border-box;
    }

    .search-unit tr.even,
    .search-unit tr {
        background: #FFFFFF;
    }

    .search-unit table td.icon_cell {
        width: 50px;
    }

    .search-unit th.icon_cell,
    .search-unit th.micro {
        width: 90px;
        float: left;
    }

    .search-unit th.progress {
        width: calc(100% - 180px);
        float: left;
    }

    .search-unit th.micro button {
        margin: 4px 0;
    }

    .search-unit table thead select {
        padding: 0px 5px 7px 5px;
    }

    .search-unit table .icon_cell a,
    .search-unit td.link_cell a {
        padding: 0px 10px;
    }

    .search-unit table label {
        display: inline-block;
    }
}