body {

    font-size: 13px;


}

html, body {
  height: 100%;
}




.qa_full{
  float: left;
  width: 100%;

}


.qa_header{
	 height: 100%;
	 position:fixed;
}

.qa_someid{
	 height: 100%;
	 position:fixed;
	 top: 200px;


}


.alignTop {

vertical-align: top;

}

.alignBottom {

vertical-align:bottom;

}


.alignMiddle {

vertical-align:middle;

}



.top20 {
vertical-align: top;
width:20%;
}

.top80 {
vertical-align: top;
width:80%;
}

.top50 {
vertical-align: top;
width:50%;
}



.qapToolbar{
	height:10px;
	width:100%;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:1px;
	margin-bottom:0px;color:#ff0000;
	background:#E9F4FA;
	border-top-color: #ff00ff;

}


.rowDataTable {
    background: yellow  !important ;
    height: 5px;
    padding: 0px;
    margin: 0;
}

.rowFormInstance {
    height: 26px;
    width:  200px;
    padding: 0px;
    margin: 0;
    background-color:#DCEDF8;
    text-align:left;
    vertical-align: top;
    font-family: Arial;
    font-size: 0.9em;

}


.qaPanGridTB {
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0px;
	color:#ff0000;
	text-align:left;
}

.qaBtnToolbar {
	padding:0px;
	margin:0px;
	border:0px;
}

.qaImgBtnToolbar {
	width:25px;
	height:25px;
	vertical-align: middle;
	padding:0px;
	margin:0px;
	border:0px;
}

.qaLinkInternNav {
		font-family:Arial, Helvetica;
		font-size: 1em;
		color: #696969;
		font-weight: bold;
		text-decoration: none;


}

.qaTxtInternNav {
		font-family:Arial, Helvetica;
		font-size: 1em;
		color: #696969;

}


/*
.mydt.ui-datatable tbody td, .ui-datatable tbody td , .mydt.ui-datatable thead th {
    padding: 0px 0px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
     vertical-align: top;
}




.ui-widget-content .ui-datatable-even {
    border: 1px solid #ffffff;
    background: #fff;
    color: #4f4f4f;
}



.ui-widget-content .ui-datatable-odd {
    border: 1px solid #ffffff;
    background: #fff;
    color: #4f4f4f;
} */


.ui-widget-header{
	background: #FFFFFF;
}

.ui-paginator .ui-paginator-top .ui-widget-header .ui-corner-top{
    background: #F4FAFD;
    background-color: #F4FAFD;
 }

 .ui-widget-header.ui-datatable .ui-widget {
  background: #F4FAFD;
    background-color: #F4FAFD;
 }

 .ui-state-default .ui-sortable-column{
    background: #FFFFFF;
 }

 .ui-state-default .ui-widget-content .ui-state-default .ui-widget-header .ui-state-default{
    background: #FFFFFF;
 }

 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
   background: #FFFFFF;
       border: none ;
    border-bottom: 1px solid #000  ;
 }

 .ui-state-default{
   background: #FFFFFF;
 }


 .firstColumn {
       width: 100px;
  }
  .secondColumn {
       width: 600px;
  }


.noBorders tr, .noBorders td {
    background: none !important;
    border: none !important;
}


.mydt2.ui-datatable tbody td, .ui-datatable tbody td , .mydt.ui-datatable thead th {
    padding: 2px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;

    }

.mydt2.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px 10px;
    overflow: hidden;
    border-width: 0px;
    border-style: solid;

}

.mydt.ui-datatable .ui-datatable-tablewrapper{
   overflow:unset;
}

.mydt3.ui-datatable .ui-datatable-tablewrapper{
   overflow:unset;
}

.mydt.ui-datatable tbody td, .ui-datatable tbody td , .mydt.ui-datatable thead th {
    padding: 2px;
    overflow: unset;
    border-width: 0px;
    border-style: solid;
    vertical-align: middle;
    word-wrap: break-word;


}


.mydt3.ui-datatable tbody td, .ui-datatable tbody td , .mydt3.ui-datatable thead th {
    padding: 0px 0px;
    overflow: hidden;
    border-width: 0px;
    border-style: solid;
    vertical-align: top;
    word-wrap: break-word;


}

.ui-dialog-titlebar {
	background: #4E9ECF;
    color: #ffffff;
    font-weight: bold;
    text-shadow: none;
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	text-shadow: 1px 0px 0px #333;
}

.ui-widget-content .ui-datatable-odd{
	border-left: 1px solid #F7F9FB;
	border-right: 1px solid #F7F9FB;
}

.ui-widget-content .ui-datatable-even{
	border-left: 1px solid #F7F9FB;
	border-right: 1px solid #F7F9FB;
}

ui-chkbox-icon ui-icon ui-icon-blank ui-c{
	background: red;
}




.ui-widget-header{
	border: 1px solid #ffffff;
}




 .panelColumns td {
    vertical-align: top;
}


  .panelColumnsVAMiddle   {
    vertical-align: middle;
}

 .panelColumnsVATop{
    vertical-align: top;
}

 .panelColumnsVABottom{
    vertical-align: bottom;
}

 .panelColumnsToolbar td {
    vertical-align: bottom;
}

 .alignLeft{
    text-align: left;
}



		.my_hdr {
			background-color: #3399cc;
			padding-bottom: 9px;
			height:48px;
		}
		.my_ftr {
			background-color: white;
			padding-top: 9px;
		}
		.my_hdr .text,
		.my_ftr .text {
			font-family: Roboto, Arial, Helvetica;
			font-size: 14px;
			color: #404040;
			padding: 0px 0px;
			height: 200px;
			border: 0px solid #dfdfdf;
		}


		.head_form {
			background-color: white;
			font-size: 14px;
			font-weight: bold;
			font-family: Arial;
		}


		.title_form {
			background-color: white;
			font-size: 12px;
			font-weight: bold;
			font-family: Arial;
		}

		.text_paragraph {
			background-color: white;
			font-size: 15px;
			font-weight: normal;
			font-family: Arial;
		}


.saveBtn {  width:20px; height:20px;  background-image: url('../img/save_section.png'); }


 .qaTextHeader {
 		font-family:Arial, Helvetica;
		font-size: 1.2em;
		color: #585858;
		font-weight: bold;

 }


  .qaTextHeader2 {
  		font-family:Arial, Helvetica;
 		font-size: 1.3em;
 		color: #585858;
 		font-weight: bold;

  }


 .qaTextLabel {
 		font-family:Arial, Helvetica;
		font-size: 0.9em;
		color: #787878;
		font-weight: bold;

 }


  .qaTextInfo {
 		font-family:Arial, Helvetica;
		font-size: 0.9em;
		color: #787878;
		font-weight: normal;

 }


  .qaLabelForm {
 		font-family:Arial, Helvetica;
		font-size: 0.9em;
		font-weight: bold;
		color:#616161;
		margin-right: 6px;

 }

   .qaLabelForm1 {
 		font-family:Arial, Helvetica;
		font-size: 1em;
		font-weight: normal;
		margin-right: 4px;
		margin-left: 4px;
        text-align: right;

 }

 .qaLabelForm2 {
 		font-family:Arial, Helvetica;
		font-size: 1.1em;
		font-weight: normal;
		margin-right: 4px;

 }

  .qaLabelForm3 {
 		font-family:Arial, Helvetica;
		font-size: 0.9em;
		font-weight: bold;
		color:#8d8d8d;
		background-color:#e8f7fd;
		margin-right: 6px;

 }

.qaPanGridAlVert {
    vertical-align: top;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	font-weight: normal;
}


.qa_hdr {

			padding-bottom: 9px;
			height:50px;
			background-image: url('../../resources/img/head_bar2.png');
			background-repeat: repeat-x;

}


.col40pct{
  width:40%;
}

.col50pct{
  width:50%;
}

.col60pct{
  width:60%;
}

.colw1{
  width:165px;
}



.col10pct {
  width:10%;
}

.col90pct {
  width:90%;
}

.colw200{
  width:200px;
}

.colw200LabelBackgColor{
  width:200px;
  font-family:Arial, Helvetica;
  font-size: 0.9em;
  font-weight: bold;
  color:#8d8d8d;
  background-color:#e8f7fd;
  margin-right: 6px;
  padding-left: 5px;
}


.colw100{
  width:100px;
}


.colw80{
  width:80px;
}


.colwGrid{
  text-align:left;
}


.ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;

}



elemento {

    width: 550px;
    height: auto;
    visibility: visible;
    left: 99.8333px;
    top: 23.6167px;
    z-index: 1004;
    display: block;

}
.ui-dialog {

    position: fixed;
    padding: 0;
    overflow: hidden;
    display: none;

}
.ui-resizable {

    position: relative;

}
.ui-shadow {

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow:none;

}





 .mydt3.ui-widget {
    border: none ;
}

.mydt.ui-widget {
    border: none ;
-webkit-box-shadow: 2px 3px 9px 1px rgba(0,0,0,0.11);
box-shadow: 2px 3px 9px 1px rgba(0,0,0,0.11);
}


 .column300blue {
       width: 300px;
       background-color:#e8f7fd;
  }

 .column200blue {
       width: 200px;
       background-color:#e8f7fd;
       text-align:right;
  }

  .column500 {
       width: 500px;
  }

 .column500blue {
       width: 500px;
       background-color:#e8f7fd;
  }

    .column60pct {
         width: 60%;
    }


.mydt3.ui-datatable.tbody{
    padding: 5px;
    overflow: hidden;
    border-width: 0px;
    border: none;

    }


 .column20 {
       width: 20px;
  }


.ui-toolbar.ui-widget {
       border:none;
-webkit-box-shadow: 2px 3px 9px 1px rgba(0,0,0,0.11);
box-shadow: 2px 3px 9px 1px rgba(0,0,0,0.11);
}



  .mydt3.ui-treetable.ui-widget-content .ui-icon  {
      width: 16px;
      height: 16px;
      background-image: url("../../resources/img/plus.png");
  }



 .appsConf_to_upper_case{
    text-transform: uppercase;
 }


 .appsConf_to_lower_case{
    text-transform: lowercase;
 }


.colLeftDlgGroupByFields {

vertical-align: top;
width:35%;

}


.colRightDlgGroupByFields {

vertical-align: top;

}



	.textNormal{


font-family: Arial , Geneva, sans-serif;
font-size: 14px;
letter-spacing: 0px;
word-spacing: 1.2px;
line-height:120%;
color: #232f3e;;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;


	}



		.textSmall{


font-family: Arial , Geneva, sans-serif;
font-size: 15px;
letter-spacing: 0px;
word-spacing: 2.2px;
line-height:120%;
color: #646464;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;


	}


			.textHeader{

    font-family:   Arial , Helvetica, sans-serif;
    font-size: 19x;
    letter-spacing: 0px;
    word-spacing: 0.2px;
    color: #696969;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;



    	}




	.textBoxHeader{

       width:100%;
       background-color:#298abb;
       margin-top:5px;
       margin-bottom:5px;
       padding:4px;
       color:#fff;
       font-family:Arial;
       font-size:11px;
       word-spacing:0.2px;


    }


		.textCaption{


font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
letter-spacing: 0px;
word-spacing: 0.2px;
color:#4c6169;
font-weight: 800;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;



	}


			.textHeaderSection{


    font-family:   Verdana, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    word-spacing: 0.2px;
    color: #353535;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight:bold;color:#ff7f27;


    	}


		.ui-widget .ui-widget {
             font-size: 14px;
		}


    a.lnkNoStyle:visited, a.lnkNoStyle:link {text-decoration: none; color:#494949 }
    a.lnkNoStyle:hover, a.lnkNoStyle:active {text-decoration: underline;color:#494949 }


  .mydt.ui-datatable   {
    border-collapse: collapse;

}

.ui-widget-content .ui-datatable-even {
    /* border-left: 1px solid #a8a8a8; */
    /* border-right: 1px solid #a8a8a8; */
	border:0px;
}


.ui-widget-content .ui-datatable-odd {
    /* border-left: 1px solid #a8a8a8; */
    /* border-right: 1px solid #a8a8a8; */
	border:0px;
}


.borderShadow1  {
       border:none;
-webkit-box-shadow: 2px 3px 9px 1px rgba(0,0,0,0.11);
box-shadow: 2px 3px 9px 1px rgba(0,0,0,0.11);
}



.ui-button.ui-widget {
    /* border-bottom: 3px ridge rgba(37,147,219,0.13); */

	  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
    text-shadow: 1px 1px 21px #666666;
  font-family: Arial;
  color: #ffffff;


  text-decoration: none;
  border:none;
  font-weight:normal;
}

.ui-button {

	  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
    text-shadow: 1px 1px 21px #666666;
  font-family: Arial;
  color: #ffffff;


  text-decoration: none;
  border:none;
    font-weight:normal;
}


.ui-button:hover {

  background: #3b5ec7;
  background-image: -webkit-linear-gradient(top, #3b5ec7, #3498db);
  background-image: -moz-linear-gradient(top, #3b5ec7, #3498db);
  background-image: -ms-linear-gradient(top, #3b5ec7, #3498db);
  background-image: -o-linear-gradient(top, #3b5ec7, #3498db);
  background-image: linear-gradient(to bottom, #3b5ec7, #3498db);
  font-family: Arial;
  color: #ffffff;



  text-decoration: none;
  border:none;
}




.ui-button.ui-widget:hover {

  background: #3b5ec7;
  background-image: -webkit-linear-gradient(top, #3b5ec7, #3498db);
  background-image: -moz-linear-gradient(top, #3b5ec7, #3498db);
  background-image: -ms-linear-gradient(top, #3b5ec7, #3498db);
  background-image: -o-linear-gradient(top, #3b5ec7, #3498db);
  background-image: linear-gradient(to bottom, #3b5ec7, #3498db);
  font-family: Arial;
  color: #ffffff;



  text-decoration: none;
  border:none;
}


.ui-button-icon-only {
    width: 2.4em;
    height: 2.1em;
}

.ui-icon-calendar {
    background-image:url("../../resources/img/calendar1.png") !important;
    background-position: center center !important;
	background-size: 20px 20px;
    width: 16px;
    height: 16px;
}



.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;


}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
	 background-color: #a9c6c9;

}

.ui-accordion .ui-accordion-content  {
    padding: 0px !important;
}



	@media ( max-width :380px) {
                 .mydt3.ui-datatable tbody td, .ui-datatable tbody td, .mydt3.ui-datatable thead th {
    padding: 0px 0px;
    overflow: hidden;
    border-width: 0px;
    border-style: solid;
    vertical-align: top;
    word-wrap: break-word;
    font-size: 15px;
    }








}









.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: #fff;
    -moz-box-shadow: unset;
     -webkit-box-shadow: unset;
     box-shadow: unset;
	     border: none;
    border-bottom: 1px solid #000;
    color: #313131;
}

.ui-inputfield {
    margin: 0;
    outline: medium none;
    padding: 4px;
    font-weight: normal;
    border: none;
    border-bottom: 1px solid #000;
}


.ui-button-text-only .ui-button-text {
    padding: 0.3em 1em;
	font-size:15px;
}


.ui-chkbox .ui-chkbox-box {
    width: 16px;
    height: 16px;
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #a89c9c;
    border-left: 1px solid #a89c9c;
    border-right: 1px solid #a89c9c;
}

.ui-radiobutton .ui-radiobutton-box {
    width: 16px;
    height: 16px;
    line-height: 16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px solid #a89c9c;
	border-bottom:1px solid #a89c9c;
}

.ui-datatable-odd {
     background: none ;
}


.ui-widget-content {
    border: 1px solid #f9f2f2 !important;
    background: #fff;
    color: #000;
}


.ui-datatable tbody.ui-datatable-data {
   outline:0 ;
   line-height:1 ;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    /* border: 1px solid #666; */
    background: #e4ebed;
	/*
    background: #e4ebed linear-gradient(top,rgba(0,0,0,0.25),rgba(0,0,0,0));
      background: #e4ebed -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.25)),to(rgba(0,0,0,0)));
    background: #e4ebed -moz-linear-gradient(top,rgba(0,0,0,0.25),rgba(0,0,0,0));*/
     color: #000;

}


.ui-widget {
    font-family: Arial,sans-serif;
    font-size: 1em;
}


.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
    border-bottom: 0;
    top: 1px;
    font-weight: normal;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    border-bottom: 0;
    font-weight: 800;
}

 .mydt-minh_1 .ui-datatable-tablewrapper{
min-height:500px;
}