/* Font-size adjustment for entire site */

@media (min-width: 100px) {
    html { font-size: 66%; }
}
@media (min-width: 600px) {
    html { font-size: 70%; }
}
@media (min-width: 700px) {
    html { font-size: 80%; }
}
@media (min-width: 820px) {
    html { font-size: 90%; }
}
@media (min-width: 960px) {
    html { font-size: 95%; }
}
@media (min-width: 1200px) {
    html { font-size: 100%; }
}
@media (min-width: 1400px) {
    html { font-size: 105%; }	
	html .IconButton { font-size: 95.24%; }
}
@media (min-width: 1600px) {
    html { font-size: 110%; }
	html .IconButton { font-size: 90.90%; }
}
@media (min-width: 1800px) {
    html { font-size: 115%; }	
	html .IconButton { font-size: 86.96%; }
}
@media (min-width: 2000px) {
    html { font-size: 120%; }	
	html .IconButton { font-size: 83.33%; }
}


@media (min-width: 960px) and (max-width: 1199px)
{
	body .WidgetWrapper .LinkBox > a, .WidgetWrapperDark .LinkBox > a { font-size: 90%; }
	body .WidgetWrapper { padding: 0.1em; }
}


@media (min-width: 1200px) and (max-width: 1399px) {
	/* .FilterTabs .rtsLevel1 > .rtsUL { font-size: 95%; } */
}


@media (max-width: 1394px)
{
	/* Widget Adjustments for smaller sized screens */
	body .WidgetWrapper { padding: 0.1em; }
	body .RadDockZone  .RadDock { margin-left: 0.2em !important; margin-right: 0.2em !important; }
	.ResponsiveRadDock_WidgetSizeMedium
	{
		width: 308px !important;
	}
}


/*When resizing down to a smaller window we need to keep the jobno search field at the top next to the username.*/
@media (max-width: 1029px) { /*10-26-15 Eric says we really only should be supporting a res down to 1024x768 */
    #MenuWrapper .RadTabStrip {
        width:470px !important;
    }
    .RevoTabMenu .rtsLevel1 .rtsTxt {
        font-size: 85% !important;
    }
    .RevoTabMenu .rtsLevel2 .rtsTxt {
        font-size: 75% !important;
    }
}
@media (min-width: 1030px) and (max-width: 1179px) { /*Short of full screen on a large monitor, this is an intermediary viewport. */
    #MenuWrapper .RadTabStrip {
        width:500px !important;
    }
    .RevoTabMenu .rtsLevel1 .rtsTxt {
        font-size: 110% !important;
    }
    .RevoTabMenu .rtsLevel2 .rtsTxt {
        font-size: 85% !important;
    }
}
@media (min-width: 1180px) { /*Larger viewport */
    .RevoTabMenu .rtsLevel1 .rtsTxt {
        font-size: 130% !important;
    }
}

/* EXPERIMENTAL CSS FOR RESPONSIVE GRID */

.RadGrid .rgDataDiv .rgMasterTable .rgRow > td,
.RadGrid .rgDataDiv .rgMasterTable .rgAltRow > td,
.RadGrid .rgHeaderDiv .rgMasterTable th
{
	padding-left: 0.8em !important;
	padding-right: 0.8em !important;
}

/* Optimize RadGrid for vertical space ... this doesn't really work right on Unit List
@media (max-height: 760px)
{
	
	.RadGrid .rgDataDiv .rgMasterTable .rgRow,
	.RadGrid .rgDataDiv .rgMasterTable .rgAltRow
	{
		height:	calc(1.42857em + 12px) !important;
	}

	.RadGrid .rgDataDiv .rgMasterTable .rgRow td,
	.RadGrid .rgDataDiv .rgMasterTable .rgAltRow td	
	{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.RadGrid .rgHeaderDiv th
	{
		padding-top: 0.25em !important;
		padding-bottom: 0.25em !important;
	}

	.RadGrid .rgMasterTable .rgCommandRow { display: none !important; }
}*/

/*Keep rating donuts hidden if small screen*/
@media (max-width: 767px) {
    .DonutDisplay .RadHtmlChart {
        display:none !important;
    }    
}

/*Adjust main home screen widget container if small screen*/
/*@media (max-width: 1000px) {   
    .SplitterScrollIssue {
        width: 400px !important;
        
    }    
}

@media (max-width: 1800px) and (min-width: 1001px) {   
    .SplitterScrollIssue {
        width:auto;
        min-width:350px;
        max-width:900px;
    }    
}*/

@media not print
{
	.PrintMediaOnly
	{
		display: none;
	}
}

@media print
{
	.NotFitToPrint
	{
		display: none;
	}
}