/*  __Reports.css    Sections: LIST, REPORT    */

/*#region ________________________________________ LIST ___________________________________________*/

/* format the search box for all datatables */
.dataTables_filter label { font-family: 'Segoe UI Light', 'Segoe UI', Arial; color:#444444; }
.dataTables_filter label input { border: 1px solid #666666; padding: 5px; border-radius: 3px; margin-right:10px; color:#444444; font-size:14px }

/* Any Popup list - hide row count list */
#divPopupDialog_Content .dataTables_wrapper .dataTables_length { display: none }

/* Popup desk list - Hide footer on  */
#tblBookingDeskList_info { display:none }
#tblBookingDeskList_paginate { display:none }

/* Popup Desk List - select floor list */
#lstBookingFloors { border: none; margin-top:5px; font-size:20px; }

/* Popup employee list - Hide footer on  */
#tblBookingEmpList_info { font-family: 'Segoe UI Light', 'Segoe UI', Arial; color:#888888; }
#tblBookingEmpList_paginate { font-family: 'Segoe UI Light', 'Segoe UI', Arial; color:#888888; }


/* Fix so that line under first column heading extends 100% */
/*#tblBookingDeskList_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner {width:auto!important}
#tblBookingDeskList_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .dataTable { width:100%!important }*/ 
.dataTables_scrollHeadInner {width:auto!important}
.dataTables_scrollHeadInner .dataTable { width:100%!important } 

/* List header icon */
.ListHeadingIcon {
    cursor: pointer;
    margin-left:1px;
    margin-right:1px;
    width:26px;
    height:26px;
}

.StaffmapList {
    font-family: 'Segoe UI Light','Segoe UI',Arial;
}

.StaffmapList tbody tr td .dragpanel {
    height: 16px;
    width: 20px;
    border-radius: 3px;
    opacity: .3;
    cursor: pointer;
    background-color: #12b426;
}

.StaffmapList tbody tr td .onMap {
    background-image: url(../_engine/images/mapicon.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-color: #cccccc;
}

.StaffmapList tbody tr td .onFloor {
    background-image: url(../_engine/images/pinicon_white.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 3px 2px;
    background-color: #000000;
}

/* Set list content to avoid wrapping */
#divListBody { white-space: nowrap }

#divListBody .dataTables_wrapper .dataTables_length { display: none }
#divListBody .dataTables_wrapper .dataTables_filter { display: none }
#divListBody .dataTables_wrapper .dataTables_info .select-info { display: none }
#divListBody .dataTables_wrapper .dataTables_info { font-size:11px; margin-left:4px; float: left !important }
#divListBody .dataTables_wrapper .dataTables_paginate { font-size:11px; float: right !important; margin-top: 0px !important}
#divListBody .dataTables_wrapper .dataTables_paginate .paginate_button{ padding-left:6px!important; padding-right:6px!important }
#divListBody .dataTables_wrapper .dataTables_scrollBody { border-bottom:1px solid #eeeeee!important }

#divListBody .dataTable thead th {padding-left:10px!important;border-bottom: 1px solid #eeeeee!important; font-size: 12px; font-family: 'Segoe UI Light', 'Segoe UI', Arial; font-weight: lighter !important; color:#888888;}

/* List Row Selection */
#divListBody .row-border tbody tr.selected { color: white; font-weight:bold; }
#divListBody .row-border tbody tr td { border-top:1px solid #f5f5f5!important; cursor:pointer }
#divListBody .row-border tbody tr td:nth-child(1) { padding-left:10px!important; }

/*.row-border tbody tr.selected { color: white; font-weight:bold; }
.row-border tbody tr td { border-top:1px solid #f5f5f5!important; cursor:pointer }
.row-border tbody tr td:nth-child(1) { padding-left:10px!important; }*/

/* Rightmost list column that shows floor or map icon */
#mapcolumn {width:16px; padding-right:10px!important; }

/* Map Icon */
.ListStaticIcon { height:18px; }
.ListMapIcon { height:18px; opacity:.2; cursor:pointer; }
.ListMapIcon:hover { opacity:1; }

/* Report */
#divReportRecords { margin-top:15px; }
/*#divReportRecords .dataTable thead th { padding-top:10px!important; padding-bottom:10px; margin-bottom:4px; border-bottom: 1px solid #555555!important; font-size: 14px; font-family: Segoe UI Light; color:#555555;}*/
#divReportRecords .row-border tbody tr td { border-top:1px solid #f5f5f5; padding-top:4px; padding-bottom:4px; }
#divReportRecords .row-border th { padding-bottom:10px; }
/*#divReportRecords .dataTables_wrapper .dataTables_filter { font-family: 'Segoe UI Light', 'Segoe UI', Arial; color:#888888; }
#divReportRecords .dataTables_wrapper .dataTables_filter input { padding:5px; border-radius:4px;border:1px solid #cccccc; }*/

/*.glyphicon-plus-sign:hover { color: rgb(92, 184, 92) !important; }
.glyphicon-minus-sign:hover { color: rgb(217, 83, 79) !important; }
.glyphicon-search:hover { color: cornflowerblue !important }*/


/*#endregion*/
/*#region _____________________________________ REPORT __________________________________________*/

#spanReportHeader {
    font-size: 30px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
}

#divSystemReportList {
    padding: 20px;
    overflow: auto;
    height: calc(100vh - 100px)
}

.SystemReportCategory {
    font-family: 'Segoe UI', Arial;
    font-size: 18px !important;
    color: #444444;
    margin-top: 20px;
}

.SystemReportLink {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    cursor: pointer;
    color: #4285f4;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Unused Images */
.UnusedImage {
    max-height: 24px;
    max-width: 24px;
    margin-right: 10px;
    margin-left: 10px;
}

.UnusedImageRow {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    font-family: 'Segoe UI',Arial;
    font-size: 11pt;
    color: #444444;
}


/* Activity Log */
LogContainer {
    width: 100%;
    height: calc(100vh - 258px);
    overflow: auto;
}

.LogTable {
    width: 100%;
    font-family: 'Segoe UI LIght', 'Segoe UI', Arial;
    font-size: 14px;
    color: #222222;
}

    .LogTable tr {
        border-bottom: 1px solid #eeeeee;
        height: 35px;
    }

    .LogTable td:nth-child(1) {
    }

    .LogTable td:nth-child(3) input {
        width: 100%;
        border: none;
        padding: 5px;
    }

.LogSMTPSettings {
    width: calc(100% - 10px);
    font-family: 'Segoe UI LIght', 'Segoe UI', Arial;
    font-size: 13px;
    color: #222222;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .LogSMTPSettings input[type=text] {
        width: 100%;
        padding: 4px;
        margin-bottom: 15px;
        margin-top: 3px;
    }

    .LogSMTPSettings input[type=password] {
        width: 100%;
        padding: 4px;
        margin-bottom: 15px;
        margin-top: 3px;
    }

    .LogSMTPSettings input[type=checkbox] {
        display: block;
        margin-left: 2px;
    }



.LogTableMsg {
    font-family: 'Segoe UI LIght', 'Segoe UI', Arial;
    font-size: 14px;
    color: #222222;
    margin-top: 10px;
    margin-bottom: 15px;
}


/* Export to PDF & Print Floor */
#divExportFloors .checkbox { border-bottom:1px solid #ffffff; }
#divExportFloors label { padding-top:5px; padding-bottom:10px; font-size:17px; line-height:17px; }

/* Heading displayed when exporting floorplan to JPG */
.PrintFloorsHeading {
    width:100%;
    padding:10px; 
    color:#222222;
    font-family:'Segoe UI Light', 'Segoe UI', Arial;
    font-size:16px;
    border-bottom:1px solid #666666;
}

.PrintFloorsHeading div { margin-right:10px; padding-left:20px; padding-right:20px; }


/*#endregion*/