@media only screen and (max-width:1024px){

	/* overrides */
	body
	{
		font-size:16px;		
	}

	#DivHeader
	{
		background-image: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066CB', endColorstr='#FFFFFF');
		background-image: -ms-linear-gradient(bottom right, #FFFFFF 0%, #0066CB 100%);	/* IE10 */
		background-image: -moz-linear-gradient(bottom right, #FFFFFF 0%, #0066CB 100%); /* Mozilla Firefox */ 
		background-image: -o-linear-gradient(bottom right, #FFFFFF 0%, #0066CB 100%); /* Opera */ 	
		background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #0066CB)); /* Webkit (Safari/Chrome 10) */ 	
		background-image: -webkit-linear-gradient(bottom right, #FFFFFF 0%, #0066CB 100%); /* Webkit (Chrome 11+) */ 
		background-image: linear-gradient(bottom right, #FFFFFF 0%, #0066CB 100%);	/* Proposed W3C Markup */ 	
		height: 40px;
		border-bottom: 1px solid white;
		box-shadow: 0px 2px 1px 0px #999;	
	}

	#DivUserID
	{
		display:none;
	}
	
	#HeaderRainbow
	{
		top:0px;
		height: 40px;
		display:inline-table;
	}
	
	#HeaderRainbow span
	{
		height:40px;
		display:table-cell;
		vertical-align:middle;
	}
	
	#HeaderRainbow span a
	{
		font-size: 20px !Important;				
	}

	#ImgHeaderLogo
	{
		display:none;
	}

	#DivFooter
	{
		margin-top:30px;
	}


	.FrameBoxGrid .FrameHeader
	{
		border:0;
		text-align:left;
		margin:0;
		margin-left:30px;
	}
	.FrameBox
	{
		background: none;
		border: none !important;
		padding:0 !Important;
		margin:0 auto !Important;
		display:block;
	}
	

	.FrameHeader
	{
		font-size: 14px;
		height : 25px;
		background-image:none;
		background-color: transparent;	
		border-bottom: 1px solid #eee;
	
		color :#369;
		padding: 0;
		text-shadow : 1px 1px 0px rgba(255,255,255,1);	
		margin:15px;	
	}
	
	
	.FrameBoxContent
	{
		display:block;
		width:95%;
		margin:0 auto;
		padding:0;
	}
	
    .cadastro-button-export
    {
    	/*
    	position:absolute;
        top:4px;
        right:83px;
        left:auto;
		*/
        width: 32px !Important;
        height: 32px !Important;
    }
        	
    .cadastro-button-pdf
    {
    	/*
    	position:absolute;
        top:3px;
        right:123px;
        left:auto;
		*/
        width: 32px !Important;
        height: 35px !Important;
    }
        	

    #DivLeftContentHolder
    {
        padding:0 !Important;
    }
        	
	/* BEGIN OF UI CONTROLS STYLES  */
	
	input[type="text"],
	input[type="password"], 
	select 
	{
		padding-bottom:9px;	
		padding-top:9px;	
		font-size: 14px;	
		margin-left: 0 auto !important;	
		/*background-color:Red;*/
	
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	
		border:1px solid #ccc;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fefefe), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		box-shadow:inset 0px 1px 0px 0px #ffffff;
	}


	span[kind="composite-control"]
	{
		border: 0  !important;	
		display:block;
		margin-bottom: 10px;
		vertical-align:middle;
	}

	span[kind="composite-control"] .DisplayName
	{
		display:block;
		width:auto;
		text-align:left;
	}

  	input[kind="composite-control-date-picker"]
	{
		width: 90px !Important;
	}
	
	input[kind="composite-control-month-picker"]
	{
		width: 60px !Important;
	}
	
	input[kind="composite-control-cpf"]
	{
		width: 120px !Important;
	}
	
	input[kind="composite-control-hora"]
	{
		width: 50px !Important;
	}
	
	input[kind="composite-control-cgc"]
	{
		width: 160px !Important;
	}
	
	input[kind="composite-control-cep"]
	{
		width: 90px !Important;
	}
	
	input[kind="composite-control-textbox"]
	{
		width: 95% !Important;
	}
	
	input[kind="composite-control-textbox-autoInc"]
	{
		width: 110px !Important;
	}
	
	select[kind="composite-control-dropdownlist"]
	{
		width: 95% !Important;
		padding-top:0 !Important;
		padding-bottom:0 !Important;
		height: 41px !Important;
	}
	
	input[kind="composite-control-consEdit"]
	{
		width: 90% !Important;
	}
	
	input[kind="composite-control-consedit-icon"]
	{
		display:none;
	}
	
	input[kind="composite-control-consEdit-clear-icon"]
	{
		width:25px;
		height:auto;
	}
	
	input[kind="composite-control-date-picker-icon"]
	{
		display:none;
	}

	input[kind="composite-control-textbox-button"]
	{
		display:inline;
		width:30px !Important;
		height:30px !Important;
		vertical-align:middle;
	}
	
	span[kind="cadastro-form-column"]
	{
		display:block !important;
		width:100% !Important;
	}
	
	.LeftColumnDivider
	{
		font-size: 14px !important;
	}
	
	.CheckBoxList
	{
		font-size: 14px !important;
	}

	.rnbwbutton,
	#xls-uploader-holder .qq-upload-button
	{
		font-size:16px;
		height: 40px;
	}
	
	#xls-uploader-holder .qq-uploader 
	{
		width:60%;
	}
	
	#xls-uploader-holder .qq-upload-button
	{
		line-height:37px;
		width:100%;
	}
	
    .Button
    {
        display:none !important;
    }
	
	/* MODAL POPUP STYLES */

	.ModalFormLoading
	{
	  width:70%;
	  overflow-y:auto;
	  text-align:center;
	  -moz-border-radius :10px;
 	  -webkit-border-radius:10px;
	  border-radius:10px;
  	}
	
	.ModalFormLoading img
	{
		margin:26px auto;
	}
	
	/* End of Modal PopUp Style */

	.centered
	{
		margin-left: 0 auto;	
	}
	
	.CenteredTextMobileOnly
	{
		text-align:center;
	}
	
	.Padding10pxMobileOnly
	{
		padding:10px;
	}
	
    #search-wrapper  
    {
    	display:inline-block;
    	width:100%;
    }

    #label-search-wrapper 
    { 
        display:none !Important; 
    }

    .WaterMarkSearchTextBox
    { 
        width:80% !Important;
    }

	#DivTopMenu
	{
		height: auto;
	}
       		
    #DivTopMenu input[type="text"],
    #DivTopMenu .SearchTextBoxFocus
    {
        background:none !Important;
        border:none !Important;
        width:90% !Important;
        box-shadow:none;
        margin-left:10px;
    }
                    	             
	#search-wrapper
	{
		position:inherit;
		color:#000;
		right:10px;
		background-color:#eee;
	}

	#search-wrapper .DisplayName
	{
		display:none;
	}

    #system-button-container-logout
    {    
        top:5px;
        right:2px;
        left:auto;
        width:30px;
                
    }
           
    #system-button-container-logout a
    {
        text-decoration:none !Important;
    }
           
    #system-button-container-logout img
    {
        width:30px !Important;
        height:30px !Important;
    }
           
    #system-button-container-report
    {    
        top:5px;
        right:40px;
        left:auto;
        width:30px;
    }
           
    input[kind="system-button-report"]
    {
        width:30px !Important;
        height:30px !Important;
    }

    input[kind="system-button-fav"],
    img[kind="system-button-help"]
    {
        display:none;
    }
           
    div[kind="modal-popup-dialog"]
    {
	    border: 1px solid #369;
	    padding-bottom: 10px;
	    margin-bottom: 15px;
	    background-image: url('../images/pnl-bg.png');
	    background-repeat:repeat-x;
	    background-color: #FFF;		
        -moz-border-radius :10px;
        -webkit-border-radius:10px;
        border-radius:10px;	            
		max-height:90% !Important;
		overflow-y:auto !Important;
    }
           
    div[kind="modal-popup-dialog"] .FrameHeader
    {
	    margin: 0 0 10px 0;
	    padding: 6px 0 2px 10px;	
	    text-align:left;
	    vertical-align:baseline;	
	    font-family: Verdana;
	    font-size: 14px;	
	    font-weight:bold;
	    min-height: 25px;
	    border-bottom:1px dotted #369;
	    text-align:center;
        display:block !important;
        height:auto !Important;
    }
    
    div[kind="modal-popup-dialog"] .FrameHeader .FloatLeft
    {
    	float:none;
    }

    .FrameAppMsgWarning,
    .FrameAppMsg,
    .FrameAppMsgConf
    {
        background-image:none;
        margin:0 auto;
        padding:0;
        text-align:center;
        display: table;
    }

    .FrameAppMsgWarning span,
    .FrameAppMsg span,
    .FrameAppMsgConf span
    {
        padding:0;
        margin:0 auto;
        font-size:16px;
        height:120px;
		display: table-cell;
		vertical-align: middle;
    }
    
          
    #mainColumn 
    {
        width:100% !Important;     	    
        margin:0 !important;
        padding:0 !important;
        min-height:inherit !important;
    }
    
    #leftColumn
    {
    	padding:0;
    	float:none;
    	width:auto;
    }
           
	
	.ButtonReportBuilderXls,
	.ButtonReportBuilderPdf,
	.ButtonReportBuilderHTML
	{
		background-color:#ebf3fa;
		background-image:none;
		-moz-border-radius :10px;
 		-webkit-border-radius:10px;
		border-radius:10px;
		border:1px solid #dcdcdc;
		padding:0;
		width:80px;
		height:24px;
		
	}            	              

	.ButtonReportBuilderXls:Hover,
	.ButtonReportBuilderPdf:Hover,
	.ButtonReportBuilderHTML:Hover
	{
		background-color:#dfebf5;	
		border-color:#7ea5cc;	
	}
	
	.ModalFormClose
	{
		width:25px;
		height:25px;
	}
	
	.GridViewContainerBlue,
	.GridViewContainerRed
	{
		margin-left:30px;
		margin-right:30px;
		margin-bottom:20px;
		max-height:none !Important;
		overflow-x:auto;
	}
	
	.GridHeaderBlue,
	.GridHeaderRed
	{
		font-size:14px;
	}

	.GridViewContainerBlue td,
	.GridViewContainerRed td
	{
		word-wrap: normal !Important;
	}
	
	.GridViewContainerBlue tr,
	.GridViewContainerRed tr
	{
		 height: 40px;
		 vertical-align:middle;
	}

	
	.InputControl
	{	
		font-size: 16px !Important;
	}
	
	.InputControlRequired
	{	
		font-size: 16px !Important;
	}
	
	.PagerItensPerPageDisplayName,
	.PagerItensPerPageDropDownList
	{
		display:none !Important;
	}
	
	.GridPager input[type="submit"]
	{
		font-size:16px !Important;
		height:30px !Important;
		width:30px !Important;
	}
	
	.ModalFormActionButtonArea
	{
	}
	
	.ModalFormActionButtonArea input[type="submit"]
	{
		width:80% !Important;
		height:auto;
		padding: 9px;
		white-space:normal;
	}
	
	td[kind="gridview-template-row"]
	{
		display:none;
	}
	
	#DivPageHeaderDetailHolder 
	{
		margin:0;
		margin-top:10px;
		display:inline-block;
		width:100%;
	}        	               
	
	#DivPageHeaderDetailHolder h2
	{
		background-color:inherit;
		border:0;
		text-align:left !important;
		font-size:14px;
		margin-left:10px;
		height:auto !Important;
	}   
	
	#search-wrapper span[kind="composite-control"]
	{
		margin-bottom:0px !important;
	}
	
	.form-button-container
	{
		text-align:center;
		margin-top:20px !Important;
		margin-bottom:20px !Important;
		padding-left:0 !Important;
	}
	
    .DesktopOnly
	{
		display:none;
	}
	
	.MobileOnly
	{
		display:inherit !Important;
	}
	
	.InnerFormButtonContainer
	{
		padding-left:0;
	}
	
	.InnerGrid
	{
		
	}
		
	.InnerContainer
	{
		padding-left:0;
		display:block;
		width:auto;
	}
	
	.InnerContainer div
	{
		height:auto !important;
	}
	
	.InnerContainer .FrameBox .FrameBoxContent
	{
		width:100% !important;
	}
	
	.FrameBox .FrameBoxContent hr
	{
		display:none;
	}
	
	.form-button-container input[type="submit"]
	{
		max-width:none;
	}
	
	div[kind="modal-popup-dialog"] .form-button-container input[type="submit"]
	{
		min-height:40px !Important;
		height:auto !Important;
		word-wrap:break-word !important;
		white-space: normal;
	}
	

	.OneColumnButton input[type="submit"]
	{
		width:60%;
		max-width:none;
	}
	
	.TwoColumnsButton input[type="submit"]
	{
		width:40%;		
	}
	
	.GridActionBar
	{
		margin-top:20px;
		margin-left:30px;
		margin-right:30px;
		border:none;
	}
	
	.WarningBox
	{
		margin-top:20px;
		display:block;
		color: Red;
		background-color:#FCDCE4;
		text-align:center;
	}
	
	/**************   RNBWCompositeConsEdit  ****************/
	.ConsEditMenuListItem
	{
		display: block;	
		min-height:32px;
		background-color:#fff;
		vertical-align:middle;
		color: #369;
		padding : 1px;
		font-family: Tahoma;
		font-size : 15px;
		width:100%;
	}

	.ConsEditMenuListItemHL
	{
		display: block;	
		min-height:32px;
		background-color: #369;
		vertical-align:middle;
		color: White;
		padding: 1px;
		font-family: Tahoma;
		font-size : 15px;
		width:100%;
	}
	
	.warning_list li
	{
		list-style-type: none;
	}
	
	.Foto
	{
		position:inherit;
		display:block;
		width:80%;
		height:auto;
		margin:0 auto;
		margin-bottom:20px;
	}
	
	.TextOnTopMobileOnly
	{
		width:auto;
		text-align:left;
		display:block;
	}
	
	.FixedHeight100px
	{
		height:auto;
	}
	
	.ShowMobile
	{
		display:inherit !Important;
	}
	
}

@media only screen and (max-width:480px)
{

	#HeaderRainbow span a
	{
		font-size: 15px !Important;				
	}
	
	.FotoControlBig
	{
		display:none;
	}
		
}

@media only screen and (max-width:370px)
{

	#HeaderRainbow span a
	{
		display:none;
	}
	
	.MainMenuButton
	{
		position:absolute;
		display:inline-block;
		top:5px;
		left:5px;
		width:30px;
		height:30px;
	}

		
}