@media handheld, only screen and (max-width: 760px) {
    .planningtable tr, .WeekPlanningTable tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 10px solid #fff !important;
        display: block;
    }

    .planningtable td, .planningtable th, .WeekPlanningTable td, .WeekPlanningTable th, #e2eRegistrationsmobiletable td, .resFormCheckbox td {
        display: block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        flex-basis: auto;
    }

    .planningtable td, .WeekPlanningTable td, #e2eRegistrationsmobiletable td {
        float: left\9;
        width: calc(100% - 20px);
        margin: 0px !important;
        padding: 10px !important;
    }

    .planningtable .table-responsive-stack-thead, .WeekPlanningTable .table-responsive-stack-thead {
        font-weight: bold;
    }
	#e2eRegistrationsmobiletable td {
		text-align: left !important;	
	}
	#e2eRegistrationsmobiletable td .table-responsive-stack-thead{
		display: block;
		/*width: 100%;*/
		font-weight: bold;
	}
	#e2eRegistrationsmobiletable td .table-responsive-stack-thead::after{
		content: ":";
		display: inline-block
	}
	#e2eRegistrationsmobiletable > tbody > tr:last-child td > .table-responsive-stack-thead, #e2eRegistrationsmobiletable > tbody > tr td:last-child > .table-responsive-stack-thead{display: none !important;}
    .planningtable td > table > tbody > tr:first-child td {
        width: calc(50% - 20px);
        display: inline-block;
    }

    .planningtable .reservation .table-responsive-stack-thead {
        display: none !important;
    }

    .planningtable .reservation {
        border: 0px !important;
        padding: 10px 10px 0 !important;
    }

    .planningtable > tbody > tr > td:first-child .table-responsive-stack-thead {
        display: none !important;
    }

    .planningtable > tbody > tr > td:first-child {
        background-color: #f7f7f7;
    }

    .planningtable td > table > tbody > tr:first-child {
        display: none;
    }

    .planningtable tbody + tbody tr {
        display: none !important;
    }

    .planningtable .spans .day {
        height: 25px !important;
        border: 0px solid !important;
    }
	
	.rgMasterTable tr, .rgMasterTable tr{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /*border-bottom: 10px solid #fff !important;*/
        display: block;
		border: 1px solid #ccc !important;
margin-bottom: 20px;
		padding-bottom: 10px;
    }
	.rgMasterTable tr.rcbReadOnly{
		border: 0px solid #ccc !important;
margin-bottom: 10px;
		padding-bottom: 0px;
	}
	.rgMasterTable tr.rcbReadOnly .rcbInputCellLeft{
		display: inline-block;
width: calc(100% - 28px) !important;
	}
	.rgMasterTable tr.rcbReadOnly .rcbArrowCellRight{
		display: inline-block;
padding: 0 !important;
	}
    .rgMasterTable td, .rgMasterTable th, .rgMasterTable td, .rgMasterTable th {
        display: block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        flex-basis: auto;
    }

    .rgMasterTable td, .rgMasterTable td {
        float: left\9;
        width: calc(100% - 20px);
        margin: 0px !important;
        padding: 3px 10px !important;
		clear: inline-start;
    }
	.rgMasterTable td.tdIcons {
		display: inline-block;
		width: auto !important;
	}

    .rgMasterTable .table-responsive-stack-thead {
        font-weight: bold;
	
    }
	

    .rgMasterTable td > table > tbody > tr:first-child td {
        width: calc(50% - 20px);
        display: inline-block;
    }

    .rgMasterTable .reservation .table-responsive-stack-thead {
        display: none !important;
    }

    .rgMasterTable .reservation {
        border: 0px !important;
        padding: 10px 10px 0 !important;
    }

    .rgMasterTable > tbody > tr > td:first-child .table-responsive-stack-thead {
        display: none !important;
    }

    .rgMasterTable > tbody > tr > td:first-child {
        background-color: #f2f2f2;
		width: calc(100% - 20px) !important;
    }

    .rgMasterTable td > table > tbody > tr:first-child {
        display: none;
    }

    .rgMasterTable tbody + tbody tr {
        display: none !important;
    }

    .rgMasterTable .spans .day {
        height: 25px !important;
        border: 0px solid !important;
    }
	.RadGrid_Default .rgRow > td {
  border-color: #fff;
  width: auto !important;
  text-align: left;
}
	.RadGrid_Default .rgAltRow > td {
  border-color: #f2f2f2;
		width: auto !important;
  text-align: left;
}

    .rgMasterTable .headernavigation > td:first-child {
        width: 1px !important;
    }

    .rgMasterTable .headernavigation td {
        padding-bottom: 15px !important;
    }

    table.rtWrapper.rtShadow {
        width: 100% !important;
    }

    .WeekPlanningTable td.FacilityTimeIntervalField {
        vertical-align: top;
        /*width: 3.125%;*/
        display: inline-block;
        border: 0px solid #f7f7f7 !;
        padding: 0px !important;
        border-top: 0.5pt solid black !important;
        border-left: 0px !important;
        border-bottom: 0.5pt solid black !important;
		min-height: 50px;
    }

        .WeekPlanningTable td.FacilityTimeIntervalField > div, .WeekPlanningTable td.FacilityTimeIntervalStartField > div {
            border-left: 0px solid silver !important;
            border-right: 1px solid silver !important;
            padding: 5px 0px !important;
            width: 100%;
        }

    .WeekPlanningTable td.FacilityTimeIntervalStartField {
        vertical-align: top;
        /*width: 3.125%;*/
        border: 0px solid #f7f7f7 !important;
        display: inline-block;
        padding: 0px !important;
        border-top: 0.5pt solid black !important;
        border-left: 0px !important;
        border-bottom: 0.5pt solid black !important;
		min-height: 50px;
    }

    .WeekPlanningTable td div.HourContent {
        font-size: 11px !important;
    }

    .WeekPlanningTable .colspanWidth17 {
        width: calc(16.6% - 2px) !important;
    }

    .WeekPlanningTable .colspanWidth6 {
        width: calc(5.56% - 2px) !important;
    }

    th.HourField {
        display: none !important;
    }

    .WeekPlanningTable {
        padding: 5px;
    }

    /*.ListItem {
        border: 1px solid #CECECE;
        float: left;
        height: 370px;
        margin: 10px 10px 10px 0 !important;
        padding: 10px !important;
        position: relative;
        overflow: auto;
        -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
        box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');
        width: calc(100% - 20px) !important;
    }*/

    
    .RadGrid .rgRow td.tdIcons, .RadGrid .rgAltRow td.tdIcons, .RadGrid .rgEditRow td.tdIcons {
        padding: 5px !important;
        margin: 0;
        width: auto !important;
    }
	.planningtable, .planningtable thead, .planningtable tr {
    	border: 0px solid gray !important;
		width: calc(100% - 1px) !important;
	}
	.WeekPlanningTable td div.HourContent {
  text-align: center;
  overflow: hidden;
  height: 100%;
  min-height: 55px;
  display: flex;
  align-items: center;
}
	.tdIcons.fade{
		background-color: transparent !important;
		width: 100% !important;
	}
	.tdIcons.fade > input{float: right;}
	.resFormItem > label {
  width: auto;
  float: left;
}
		.RadGrid.RadGrid_Default{
		border: 0px solid white !important;
	}
	.RadGrid_Default .rgSelectedRow > td {
  border-bottom-color: #6c6c6c;
  border-bottom: 0px solid white !important;
}
	div.RadGrid .rgSelectedRow {
  background: None;
  color: Black !important;
  -webkit-box-shadow: 0px 0px 0px 4px #91221B;
  box-shadow: 0px 0px 0px 4px #91221B;
}


.navigationtablecolspacer {
	display:none;
	}
}