/*
 * THIS FILE ONLY APPLIES FOR SCREENS (NOT PRINT)
*/

.hidden-from-screen {
    display: none;
}

.overflow-hide {
    overflow-x: auto;
    /*white-space: nowrap;*/
}

.horizontal-scrollbar-hide {
    overflow: auto;
}

.expand-icon {
    font-size: large;
    text-align: center;
    cursor:pointer;
}

.collapse-icon {
    font-size: large;
    text-align: center;
    cursor:pointer;
}

.activityGrid-overflow {
    min-height: 50px;
}

/* Media queries for showing element only on given screensize */

@media screen and (max-width: 1200px) {
    .visible-lg-custom {
        display:none !important;
    }
}

@media screen and (max-width: 992px) {
    .visible-md-custom {
        display:none !important;
    }
}

@media screen and (max-width: 765px) {
    .visible-sm-custom {
        display:none !important;
    }
}

@media screen {
    .visible-none-custom {
        display:none !important;
    }
}


/* Media queries for hidding element below given screensize */

@media screen and (min-width: 1201px) {
    table .hidden-lg-custom {
        display:none !important;
    }
}

@media screen and (min-width: 993px) {
    table .hidden-md-custom {
        display:none !important;
    }
}

@media screen and (min-width: 766px) {
    table .hidden-sm-custom {
        display:none !important;
    }
}

@media screen {
    table .hidden-xs-custom {
        display:none !important;
    }
}

/* 
----------------------------------------------------------------------------------------------
ROSTER PAGE 
----------------------------------------------------------------------------------------------
*/

.activityGrid-row-expanded {
    font-weight: bold;
    border: 1px solid #9d9d9d;
}

.activityTableStyle {
    background-color: #eee;
}

.activityTableStyle thead {
    background-color: white;
}

.activityTableStyle tbody {
    background-color: white;
}

.activityTableStyle td {
    padding-top: 5px;
}

.activityDivRow {
    display: table-row;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #9d9d9d;
}

.activityDivRow:last-child {
    display: table-row;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

.activityDivRowHorizontal {
    display: table-row;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #9d9d9d;
    display: flex;
    display: flexbox;
    display: box; 
    display: -webkit-flex;
}

.activityDivRow > td {
    padding-bottom: 4px !important;
}

.activityDivHeader {
    display:table-cell;
    font-weight: bold;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 1px;
}

.activityDivHeaderHorizontal {
    padding-top: 5px;
}

.activityDivCell {
    display: table-cell;
}

.rosterDetails {
    background-color: #eee;
    border-bottom-width: 1px;
    border-bottom-color: #9d9d9d;
    border-bottom-style: solid;
}