/* IRIS CUSTOM DATATABLES CSS - MOBILE FIRST */

/* FONT AWESOME */
.fa.red {color:#ff0000;}
.fa.yellow {color:#ffff00;}
.fa.darkred {color:#990000;}
.fa.small {font-size:80%;}
.fa.medium {font-size:120%;}
.fa.large {font-size:150%;}

/* DATATABLES - WRAPPER */
.dt-container {padding:0;text-align:left;width:100%;font-size:90%;margin:0 0 0 0;}

/* DATATABLE - CONFIG */
.dataTables_config {display:none;margin:10px 0;}
.dataTables_config fieldset {border:2px solid #ddd;border-radius:4px;}
.dataTables_config fieldset legend {display:inline-block;width:auto;padding:0 5px;}
.dataTables_config fieldset > div {padding:0 15px 5px 15px;}

.dataTables_config .opts {display:flex;flex-wrap:wrap;padding:3px;margin-top:8px;}
.dataTables_config .opts > label {cursor:move;background-color:#bbb;display:flex;flex-wrap:nowrap;flex:0 1 auto;margin:3px;padding:5px;border:1px solid #ddd;border-radius:4px;width:120px;min-height:50px;}
.dataTables_config .opts > label span {flex:0 1 auto;}
.dataTables_config .opts > label.hid {display:none;}

/* DATATABLES - HEADER */
.dataTables_header {padding:2px;display:flex;width:100%;flex-wrap:wrap;}
.dataTables_header .dataTables_custom {padding:0;margin:0;width:100%;display:flex;flex-wrap:wrap;}
.dataTables_header .dataTables_custom .dt-length {display:none;margin:3px;}
.dataTables_header .dataTables_custom > label {margin:3px;flex:0 1 Calc(50% - 10px);}
.dataTables_header .dataTables_custom > label.cls-title {flex:1 1 Calc(100% - 10px);}
.dataTables_header label {display:inline-block;position:relative;margin:0;vertical-align:middle;}
.dataTables_header select {height:30px;vertical-align:middle;}
.dataTables_header input {display:inline-block;width:100%;min-width:125px;height:30px;margin:0 2px;font-weight:normal;border:1px solid #ccc;border-radius:4px;}
.dataTables_header button {display:inline-block;width:100%;margin:0 !important;height:30px;padding:6px 8px;font-size:95%;box-shadow:none;outline:0 !important;background-color:#eee;text-align:center;line-height:normal;color:#444 !important;border:1px solid #ddd !important;border-radius:3px !important;}
.dataTables_header a {display:inline-block;width:100% !important;height:30px;font-size:95%;padding:6px 8px;}
.dataTables_header ul {display:inline-block;width:100%;height:30px;}
.dataTables_header .sep {display:none;width:1px;margin:3px 5px;height:30px;border-left:1px solid #ddd;vertical-align:middle;}
.dataTables_header .cls-title span {display:inline-block;font-size:120%;font-weight:bold;padding:0 0 0 5px;margin:0;line-height:30px;vertical-align:bottom;}
.dataTables_header .dt-search {padding:0;margin:4px 2px;width:100%;display:flex;flex-wrap:nowrap;}
.dataTables_header .dt-search label[for^='dt-search-'] {margin:5px 2px;}
.dataTables_header .dt-search .dataTables_filter {display:inline-block;width:100%;float:none;}
.dataTables_header .dt-search .dataTables_filter label {display:inline-block;width:Calc(100% - 5px);}
.dataTables_header .dt-search .dataTables_filter input {display:inline-block;width:100%;margin:0;}
.dataTables_header .dt-search * {display:inline-block;}

/* DATATABLES - INFO */
.dt-info {width:100%;font-size:95%;text-align:center;flex:1;display:inline-block;vertical-align:middle;padding:6px 10px !important;font-style:italic;color:#666;background-color:#eee;}

/* DATATABLES - FOOTER */
.dataTables_footer {display:flex;width:100%;padding:5px 0;}
.dataTables_footer .dt-paging {width:100%;text-align:center;flex:1;display:inline-block;}
.dataTables_footer .dt-paging ul.pagination {justify-content:center !important;}

/* DATATABLES - TOTALS */
.dataTables_totals th {font-size:95%;color:#333 !important;padding:6px 8px;background-color:#ddd !important;font-weight:bold;}

/* DATATABLES - BUTTONS */
.dataTables_buttons {}

/* DATATABLES - TABLE */
table.dataTable {width:100%;font-size:100%;border:1px solid #ddd;border:0;border-radius:0;margin:0!important;}
table.dataTable.fixed {table-layout:fixed;}
table.dataTable thead th {text-transform:none !important;position:relative;line-height:100%;font-size:100%;padding:10px 25px 10px 8px;background-color:#ccc !important;color:#000 !important;border:none !important;border-bottom:1px solid #fff !important;border-left:1px solid #fff !important;/*min-width:0 !important;*/}
table.dataTable thead th:first-child {border-left:0px !important;}
table.dataTable tbody tr td {height:30px;text-align:left;font-size:100%;padding:4px 8px;border:none !important;border-bottom:1px solid #ddd !important;border-right:1px solid #ddd !important;vertical-align:middle;}
table.dataTable tbody tr td:first-child  {border-left:1px solid #ddd !important;}
table.dataTable tbody tr td.child {padding:0 0 20px 12px;border:0 !important;}
table.dataTable tbody tr:first-child td {border-top:0px !important;}
table.dataTable tbody tr:nth-child(even) {/*background-color:rgba(43,67,91,.1);*/}
table.dataTable tbody tr:hover {background-color:#fdfdd8;}
table.dataTable tbody td.child .dtr-title {font-size:90%;padding-left:30px;}
table.dataTable td.dataTables_empty {text-align:left;padding:10px;}
table.dataTable tbody tr td.dt-nowrap {white-space:nowrap;}

/* DATATABLES SPECIAL */
table.dataTable tbody tr td.center {text-align:center;}
table.dataTable thead tr th.center {padding:0;}
table.dataTable thead tr th.center::after {transform:translate(-50%,-50%);left:50%;right:auto;}
table.dataTable tbody tr td.wrap {word-wrap:break-word;}

/* DATATABLES - SORTING */
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after {opacity:.4;font-family:FontAwesome;top:50%;bottom:auto;transform:translateY(-50%);right:8px;padding:0;font-size:110%;}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after {content: "\f0dc";}
table.dataTable thead .sorting_asc:after {content: "\f0de";opacity:1;color:#333;}
table.dataTable thead .sorting_desc:after {content: "\f0dd";opacity:1;color:#333;}
table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before {content:'';}

/* DATATABLES - PAGINATION */
.dt-paging .pagination .disabled {background-color:transparent;}
.dt-paging .pagination .disabled a {color:#ccc;}

/* DATATABLES EXPAND */
table.dataTable.dtr-inline tr td:nth-child(2), table.dataTable.dtr-inline tr th:nth-child(2) {border-left:1px solid #ddd !important;}
table.dataTable.dtr-inline.collapsed tr td:nth-child(2), table.dataTable.dtr-inline.collapsed tr th:nth-child(2) {border-left:0px !important;}
table.dataTable.dtr-inline > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline > thead > tr > th.dtr-control {padding:0 15px !important;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > thead > tr > th.dtr-control {display:table-cell;width:25px;min-width:25px;max-width:25px;padding:0 !important;}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control::before {padding:1px 4px 2px 4px;height:auto;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;font-family:FontAwesome;font-size:80%;content:'\f077';color:#888;background-color:transparent;border:none;border-radius:3px;box-shadow:none;}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent[role="row"] > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent[role="row"] > th.dtr-control::before {content:'\f078' !important;background-color:transparent !important;}
table.dataTable.dtr-inline > tbody > tr > td.dtr-control:hover,
table.dataTable.dtr-inline > tbody > tr > th.dtr-control:hover {background-color:#5c9ccc !important;}
table.dataTable.dtr-inline > tbody > tr > td.dtr-control:hover::before,
table.dataTable.dtr-inline > tbody > tr > th.dtr-control:hover::before {color:#fff !important;}
table.dataTable.dtr-inline > tbody > tr.parent[role="row"] > td.dtr-control,
table.dataTable.dtr-inline > tbody > tr.parent[role="row"] > th.dtr-control {background-color:#5c9ccc !important;}
table.dataTable.dtr-inline > tbody > tr.parent[role="row"]  > td.dtr-control::before,
table.dataTable.dtr-inline > tbody > tr.parent[role="row"]  > th.dtr-control::before {color:#fff !important;}

/* GROUP HEADER DON'T EXPAND */
table.dataTable.dtr-inline tr.no-expand td:nth-child(2) {border-left:0px !important;}
table.dataTable.dtr-inline > tbody > tr.no-expand > td.dtr-control {background-color:#eee !important;border-left:1px solid #eee !important;border-bottom:1px solid #eee !important;border-right:1px solid #eee !important;cursor:default !important;background: repeating-linear-gradient(45deg,#eee,#eee 4px,#eaeaea 4px,#eaeaea 8px);}
table.dataTable.dtr-inline > tbody > tr.no-expand.parent[role="row"] > td.dtr-control {background-color:#eee !important;background: repeating-linear-gradient(45deg,#eee,#eee 4px,#eaeaea 4px,#eaeaea 8px);}
table.dataTable.dtr-inline.collapsed > tbody > tr.no-expand[role="row"] > td.dtr-control::before {content:'';}
table.dataTable.dtr-inline.collapsed > tbody > tr.no-expand.parent[role="row"] > td.dtr-control::before {content:'' !important;}
table.dataTable.dtr-inline > tbody > tr.no-expand > td.dtr-control:hover {background-color:#eee !important;}

/* DATATABLE CHILDREN */
table.dt-child {width:100%;margin:0;border:2px solid #ccc;border-top:0px;}
table.dataTable tbody tr td table.dt-child tr td {font-size:100%;height:auto;border:none !important;border-bottom:1px solid #eee !important;vertical-align:top;white-space:normal;}
table.dataTable tbody tr td table.dt-child tr td:first-child {white-space:nowrap;}
table.dt-child tr td:first-child {color:#888;font-weight:bold;font-size:90% !important;width:10px;text-align:right;}
table.dataTable tbody tr td table.dt-child tr td p {margin:0 0 2px 0;}

/* SPECIAL - ACTION TABLE SPECIAL */
table.dataTable.dtr-inline.collapsed > thead > tr > th.col44 {display:table-cell;width:25px;min-width:25px;max-width:25px;padding:0 !important;text-align:center;}
table.dataTable.dtr-inline.collapsed > thead > tr > th.col45 {display:table-cell;width:25px;min-width:25px;max-width:25px;padding:0 !important;text-align:center;}

/* SPECIAL - DATATABLE - MAKE AVAILABLE ROW */
.ma-row {background-color:rgba(198,121,217,.1) !important;}

/* SPECIAL - DATATABLE ROJECT LIST */
#projectList_wrapper {margin:25px 0 5px 0;}
#projectList.dataTable {border:none;border-bottom:1px solid #ddd;}
#projectList.dataTable td {padding:8px;}

/* SPECIAL - DATATABLE PROGRAM LIST */
#programmeList_wrapper {margin:25px 0 5px 0;}
#programmeList.dataTable {border:none;border-bottom:1px solid #ddd;}
#programmeList.dataTable td {padding:8px;}

/*--------------------*/
/* MEDIA QUERIES 	  */
/*--------------------*/
/* Small devices (tablets, 768px and up) */
@media (min-width:769px) {
    .dataTables_header {flex-wrap:nowrap;} 
    .dataTables_header .dataTables_custom {align-self:flex-end;}
    .dataTables_header .dataTables_custom .dt-length {display:inline-block;}
    .dataTables_header .dataTables_custom > label {flex:0 1 auto;}  
    .dataTables_header .dataTables_custom > label.cls-title {flex:0 1 auto;margin:3px 10px 3px 0;}
    .dataTables_header .dataTables_custom > label.right {margin-left: auto;}
    .dataTables_header .sep {display:inline-block;}
    .dataTables_header .dt-search {width:auto;align-self:flex-end;}
    .dataTables_header .dt-search .dataTables_filter {width:auto;}
    .dataTables_header .dt-search .dataTables_filter label {width:auto;}
    .dataTables_header .dt-search .dataTables_filter input {width:auto;}
    .dataTables_header .dt-search .dt-length {display:none;}
    .dataTables_header .dt-search.rightLen .dt-length {display:inline-block;}
    .dt-info {text-align:left;}
    .dataTables_footer .dt-paging {width:auto;text-align:right;}
    .dataTables_footer .dt-paging ul.pagination {justify-content:flex-end !important;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

}