/* for desktop site */
 @media only screen and (min-width: 600px){

  	body { 
            background:transparent !important; 
            overflow:hidden !important;
            border: 1px; !important;
            
        }
        html {
            background: #fff;
            background-attachment: fixed;
            overflow:hidden !important;    
            border: none !important;
                 
         }
         	
          .ui-page {
           width: 600px !important;
           margin: 0 auto !important;
           position: relative !important;
           border: 1px !important;
           min-height:600px !important;
           height:600px !important;
           max-height:600px !important;
           overflow: auto;
           padding-bottom: 10px;
           background: #fff;
            }
            
             .ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit
			{
				  width: 600px !important;
			}
			
			 .ui-bar-d, .ui-page-theme-d .ui-bar-inherit, html .ui-bar-d .ui-bar-inherit, html .ui-body-d .ui-bar-inherit, html body .ui-group-theme-d .ui-bar-inherit
			{
				  width: 600px !important;
			}
        }  
          
/* for button */
.ui-btn , label.ui-btn
{
	background-color:  #81848c  !important;
	color : white  !important;
	height:40px;
}

.ui-btn
{
	margin: 0px;
	text-align: center;
	padding:5px 5px;
}
 
.ui-select .ui-btn
{ 
   background-color: white !important;
    color: black !important;
    height: 30px;
    text-align: left;
    font-weight: normal;
 }
 
/* for qwik logo*/
.ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit
{

 	padding-top:2px;
	background-color: white !important;
	border : none !important;
	border-width: 0px !important;
	text-align: center !important;

 }
 
 /* for footer */
  .ui-bar-d, .ui-page-theme-d .ui-bar-inherit, html .ui-bar-d .ui-bar-inherit, html .ui-body-d .ui-bar-inherit, html body .ui-group-theme-d .ui-bar-inherit
	{
 			background-color: white !important;
			border : 1px !important;
			border-width: 0px !important;
			border-color: #cccccc;
	}

.contentPanel {
margin-top: 1%;
}

/* for content panel header */ 
.contentPanel  .ui-panel-m-titlebar
{
	background-color: #1a3c7d !important;
	font-family: arial  !important;
	color : white  !important;
	text-align: center !important;
	font-size: 18px !important;
 	padding:2px !important; 
}

.contentPanel .ui-panel-m-content
{
	padding:2px !important; 
}

.outputPanel > .ui-panel-m-titlebar
{
	display:none;
}

.outputPanel > .ui-panel-m-content 
{
	border :none;
}


.nestedPanel  .ui-panel-m-titlebar
{
	background-color: #c3c3c3 !important;
	font-family: arial  !important;
	color : #1a3c7d  !important;
	text-align: center !important;
	font-size: 18px !important;
 	padding:2px !important; 
}


/* for top button panel  */ 
.onlyHeader  .ui-panel-m-titlebar
{
	background-color: white !important;
	padding:0px !important; 
	border-bottom: none !important;
 }
 
.onlyHeader .ui-bar h3
{
	width: 100%;
}

.onlyHeader .ui-panel-m-content
{
	display : none;
}

/* for error message */ 
.ui-messages-error-summary
{
	color: red;
	text-decoration: none;
	list-style-type: none;
}
  
  /* for info message */ 
.ui-messages-info-summary
{
	color: #025e6f;
	text-decoration: none;
	list-style-type: none;
}

/* for datatable header */
.ui-table th
{
	background-color: #dbdbdb;
	color: #1a3c7d;
}

/* for tab panels */
 .ui-tabs-panels{
 	border : solid;
	border-width: 1px !important;
	border-color: #057094;
 }
 
 /* for datatable data */
 .fixed-size {
    table-layout: fixed;
    word-wrap: break-word;
    padding: 0.5px;
}

.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear
{
	display: none;
}

.loginText
{
	text-align:left; 
	color: #81848c ;
 }

.hotelText
{
	text-align:left; 
	color: #1a3c7d;
}

.footerBtn
{
	height:40px !important;
	width:80% !important;
	background-color: #1a3c7d !important;
}

  
/*for the popup in the dsahboard*/
.ui-popup > .ui-header {
   display:none !important;
}
   
.dashDialog   .ui-dialog-content .ui-widget-content
{
	padding-top:0;
	padding-left :0;
	padding-right : 0;
}



.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
.ui-bar .ui-controlgroup { margin: 0 .3em; }
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
.ui-controlgroup-controls { display: block; width: 100%;}
.ui-controlgroup li { list-style: none; }
.ui-controlgroup-vertical .ui-btn,
.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;  }
.ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }

.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
.ui-controlgroup-horizontal { padding: 0; }
.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -5px 0 0; }
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; }
.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px;  }
/* conflicts with listview..
.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {  padding: 5px 6px 5px 5px; }
*/

@media all and (min-width: 450px){
        .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  }
        .ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
        .ui-field-contain .ui-controlgroup .ui-select { width: 100%; } 
        .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
}       


/* .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn, .ui-controlgroup-controls .ui-btn-icon-notext
{
	width: 8%;
} */


/*for mobile friendly datatable*/
 .ui-datatable .ui-paginator .ui-controlgroup,.ui-datagrid .ui-paginator .ui-controlgroup,.ui-datalist .ui-paginator .ui-controlgroup {
text-align:center;
margin:0;
padding:.1em 0;
}

.ui-datatable-tablewrapper {
overflow:auto;
} 

.ui-paginator .ui-paginator-page {
display:none !important;
}

.ui-datatable .ui-reflow-dropdown {
display:block !important;
 
}
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn{
	float:none;
}


/*for changeing autocomplete style*/
.ui-controlgroup-controls  > a
{
	font-size: 1.8em;
    padding: 5px;
    background-color: #c3c3c3 !important;
    color: black !important;
    font-family: Courier;
    font-weight: bold;
}


.ui-input-text , .ui-input-search
{
	height:45px;
	vertical-align: middle;
}

.gridContent
{
	padding-top:2%;
	padding-bottom:3%;
}

.ui-grid-solo > .ui-block-a
{
	padding-top:1%;
	padding-bottom:1%;
}


.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal
{
	padding:0px;
	margin:0px;
	background-color: transparent;
	border:none;
}


.ui-checkbox > input
{
	position : relative  !important;
}