/* TABLE CSS 18:34 30.12.2019 */ 

/* Filters */
//.tablefilter div { background: #14C2A3; color: #ffffff; }

.tablefilter .componentheading { color: #1B1363; }
.tablefilter h3 { color: #ffffff; }

.tablefilter .card-header {padding-top: 0; background: #14C2A3; color: #ffffff;}
@media(max-width:800px){
    .tablefilter .mobileTogglePanel {
    display: inline-block;
    float: right;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-image: url(/components/com_jlgb/assets/programming/open-white-transparentbg.png);
    background-size: 35px 35px;
    background-position: center center;
    background-repeat: no-repeat;
    }
    .tablefilter .mobileTogglePanel.closedfa {
        background-image: url(/components/com_jlgb/assets/programming/close-white-transparentbg.png);
    }

}
.tablefilter .card-body {padding-top: 0; background: #14C2A3; color: #ffffff; /*border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);*/ }
@media(max-width:425px){
   .tablefilter .card-header { padding: 5px 5px 0px 5px; }
   .tablefilter .card-header [class^="col-"] { padding-left: 5px; padding-right: 5px; }
   .tablefilter .card-header .componentheading { padding-bottom: 0; }
   .tablefilter .card-body { padding: 5px; }
   .tablefilter .card-body [class^="col-"] {padding-left: 5px !important;padding-right: 5px !important;}
   .tablefilter .row.container-fluid { padding-left: 0; padding-right: 0; }
}

.tablefilter hr {border-top: 2px solid #ffffff;}

.tablefilter label {color: #ffffff; margin-bottom: 0px; }
.tablefilter li.token-input-token { color: #000000; font-weight: normal; }

.tablefilter .field-calendar input {width: 76%; float:left; }

.tablefilter .field-calendar { display: inline-block;}
.tablefilter .field-calendar input {width: 190px; /*! float:left; */ display: inline-block; }
.tablefilter .starthour, .tablefilter .startmin,.tablefilter .endhour,.tablefilter .endmin { display: inline-block;  width: 150px !important;}
.field-calendar .btn {background-color: var(--navy);}


.tablefilter .field-calendar .btn {margin-bottom:0;}
.tablefilter .btn.dropdown-toggle {margin-bottom: 0;border:1px solid #ced4da;}


@media(max-width: 860px){
   .tablecontrols-container br { display: none; }
   .tablecontrols { float: none !important; }
   .tablecontrols a { display: inline-block; margin-bottom: 5px; }
   .tablecontrols span:last-of-type { display: block; }
}
@media(max-width: 600px){
   .tablecontrols span { display: block; }
}

.tablecheckboxcontrols div {display: inline-block;margin-right: 10px;}

.standardtable {background-color:white;}
.standardtable label {color: var(--navy);}
.standardtable { border: 1px solid grey; }
.standardtable  th, .standardtable  td  { border-top: none !important; }
 
.noteForm {border: none !important;}
.noteForm.noteFormState-closed .standardtable { border: 1px solid #e0dfdf; }
.noteForm.noteFormState-active .standardtable { border: 1px solid #14C2A3; }
.noteForm.noteFormState-overdue .standardtable { border: 1px solid #f84e50; }

.noteForm .tablefilter .btn-open  { background-color:  #14C2A3 !important; color: #ffffff; border: 1px solid #14C2A3}
.noteForm .tablefilter .btn-close  { background-color:  #f84e50 !important; color: #ffffff; border: 1px solid #f84e50}

.tablefilter .description li { list-style:disc; }
.tablefilter .description ul {margin-left: 50px !important;}

.tablefilter .btn-warning {background: #ffffff;color:#1B1363;border: none;/* float: left; */}

/* Show checkboxes as normal */
/* FOR TESTING ONLY */
//.tablefilter input[type=checkbox] {opacity: 1;-webkit-appearance: checkbox;position: static;}

.checkboxlabel { cursor: pointer; }

/* Select filters */
.selectFilters {margin-bottom: 10px;}
.selectFilters label {padding-right: 40px;}
.selectFilters label:last-of-type {padding-right: 0;}

/* Tables */
.table thead th { color: #1B1363; border-bottom: 3px solid #14C2A3; white-space: nowrap;  padding: .5rem;}
.table tbody td { color: #1B1363; padding: .5rem;}
.table-hover tbody tr[class^="sectiontableentry"]:hover,
[data-view="notes"] .table-hover tbody tr:hover { background: #B9EDE3; }
.table-hover tbody tr.sectiontableheader:hover { background: transparent; }
.table th { color: #1B1363; }

table.sortable th:hover { cursor: pointer; }

.table-outercontainer {background: #f0f1f3;border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px);}
@media(max-width:425px){
    .table-outercontainer { padding: 0px 5px 0px 5px; }
}
.table-innercontainer {padding: 1.25rem;}
@media(max-width:425px){
    .table-innercontainer { padding: 0px 0px 0px 0px; }
}


/* Table standardisation */
.table th, .table td { font-size: 0.85rem; }
/* Allow wrapping for table headers if necessary */
.table thead th { white-space: normal; }

.largetable th, .largetable td { font-size: 1rem; }


@media(min-width:800px){
    .table td[data-label="Actions"] {padding: 0 0.5rem !important;}
    .table td[data-label="Checkbox"] label {display: none;}
    .table td {vertical-align: middle;}	

    .largetable td[data-label="Checkbox"] label {display: block;}
}

/* End table standardisation */

.addnewperson .jumptoform {margin-top: 10px;}
.addnewperson .jumptoform .card-body { background-color: #f0f1f3; padding-top: 20px; }

/* DofE admin - Assign Volunteers pages */
[data-view="dofe"][data-layout="assessededit"] .table td, [data-view="dofe"][data-layout="assessededit"] .table th,
[data-view="dofe"][data-layout="practiceedit"] .table td, [data-view="dofe"][data-layout="practiceedit"] .table th {border-top: none;}

[data-view="dofe"] .assignVolunteer { margin-top: 1rem; }
[data-view="dofe"] .assignVolunteer th, [data-view="dofe"] .assignVolunteer td { color: #ffffff;  }
[data-view="dofe"] .assignVolunteer th.column1, [data-view="dofe"] .assignVolunteer td.column1 {padding-left: 0 !important;}

.pageactions div { display: block; padding: 10px 0px 25px 0px; }
.pageactions div a {display: inline-block;margin-right: 5px;}
.pageactions div a i { margin-right: 5px; }