/*.ui-datebox-pickicon{

	width: 21em;

}

.ui-datebox-container{

	width:27em;

	padding:1em;

}

.ui-datebox-griddate-week{

	width:3.5em;

	height:3em;

}

#select-30-button {

	width:6em !important;

}*/

.ui-input-text input.readonly, .ui-input-search input.readonly{

	background-color:#EDEDED;

	text-align:right;		

        width:50px;
}

label.readonly{

	text-align:right;	

}

.iconos{

	position:relative; top:0px !important; display:inline-block	

}

.ui-select{

	margin:0px;

}

.hidden{display:none;visibility:hidden;}

pre{

	position:absolute;

	z-index:9999;

	background-color:#fff;

	color:#000;

	font-size:18px;

	width:100%	

}

body{

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	

}

textarea{

	resize:none !important;

}

.color_red{

	color:#640E27;

}

.border-header{

	border:none !important;

	border-color:#640E27 !important;

	border-bottom-width:1px !important;

	border-bottom-style:solid !important;

}

.username{

	width: auto; 

	float:right;

	 padding:0px; 

	 color:#640E27; 

	 content: ""; 

	 display: block; 

	 height: 22px; 

	 margin-top:-2em; 

	 margin-right:8em	

}

.icon-logo{

	background-image: url("/img/mlogo_short.png");

    background-repeat: no-repeat;

    background-size: 4em auto;

    display: block;

   

	

    height: 2em;

    width: 9em;

	position: absolute;

	left:.35em;

	top:.25em;

}

.clear{

	clear:both;	

}

.left{

	float:left;

}

.right{

	float:right;

}

#poweredby{

	margin-top:1em;

	margin-right:1em;

	text-align:right;

	font-size:10pt;

	color:#666;

}

.search_employee, .search_class, .search_equipment_number, .search_jobnumber{

	float:left;

	padding: 4px 1em;

	margin: 0;

}

.ui-popup.ui-body-inherit{

	border-style:none;

}

html .ui-filterable + .ui-listview, html .ui-filterable.ui-listview{



	margin-top:0px;

}



.button_round{

	/*

	left:50%; 

	//margin-left:-1em;

	*/

	border:none; 

	background-color:transparent !important;	

}

.search_clean{

	/*background-color:transparent !important;*/

	border:none;

	/*box-shadow:none;*/

	/*text-decoration:underline !important;*/

	/*padding:0px;	*/

	/*color:#333 !important;*/

	margin-top:.3em;

	margin-left:0px !important;

}

.ui-radio, .ui-checkbox{



}



.ui-radio .ui-radio-on, .ui-checkbox .ui-checkbox-on{

	color:#1c8f26 !important;

	background-color:#EDEDED !important;

	padding:.3em;

	/*

	text-shadow:none !important;

	text-decoration:none;*/

	

}

.ui-radio .ui-radio-off, .ui-checkbox .ui-checkbox-off{

	color:#666 !important;

	background-color:#C4C4C4 !important;

	padding:.3em;

}

/*

#container{

	width:95%;

	padding:10pt;

	margin: 0 auto;

}



#header{

	min-height:50pt;

	height:auto;

	margin-bottom:1em;	

}

#footer{

	margin-top:1em;

}

.logo{

	display:inline-block;

}

.companyname{display:inline-block;

	font-size:2em;

	float:right;

	line-height:2em;

	vertical-align:middle;

}



#content{

	min-height:2em;

	border:#bcbdbf solid 1px;

	border-radius: 5px;

	box-shadow: 0 0 10px 2px #888;

	padding:2em;

	padding:2em;

	text-align: center;

}*/



.liMenu{

	height:5em;

}

.imgcpanel{

	float: left; 

	left: 0;

	margin: 0;

	width: 4em;

	max-width:4em;

	padding: 0;

	position: static;

}

.txtcpanel{

	position: static; 

	float: left; 

	padding-left:1em;

}



.txtcpanel h2{

	font-size:1.5em;

}



.txtcpanel p{

	font-size: 1em;

}





.title{ 

	font-weight:normal;

	padding-top:.15em;

	padding-bottom:.15em;

	background-color:#640E27;

	color:#ffffff;

	text-align:center;

	text-shadow:none;

}







.ui-field-contain, .ui-mobile fieldset.ui-field-contain{

	/*padding: 0 0 0 6px;*/

}



.ui-body{

	padding-left:0em ;

	padding-right:0em ;

}





.ui-grid-a .ui-block-a,.ui-grid-a .ui-block-b{

	padding-left:.5em;

	padding-right:.5em ;

}



.ui-grid-a .ui-block-a .ui-input-btn{

	margin-left: 0;

	margin-right: 0;

}

.ui-grid-a  .ui-block-a .ui-input-btn, .ui-grid-a .ui-block-b .ui-input-btn {

	margin-left: .1em;

	margin-right: .1em;

}











.ui-grid-b .ui-block-a,.ui-grid-b .ui-block-b,.ui-grid-b .ui-block-c{

	padding-left:.5em;

	padding-right:.5em ;

}





.ui-grid-b .ui-block-a .ui-input-btn{

	margin-left: 0;

	margin-right: 0;

}

.ui-grid-b  .ui-block-a .ui-input-btn, .ui-grid-b .ui-block-b .ui-input-btn, .ui-grid-b .ui-block-c .ui-input-btn {

	margin-left: .1em;

	margin-right: .1em;

}





.ui-grid-c .ui-block-a,.ui-grid-c .ui-block-b,.ui-grid-c .ui-block-c,.ui-grid-c .ui-block-d{

	/*padding-left:.5em;

	padding-right:.5em ;

	*/

	border:none;

	

}

.ui-grid-c .ui-block-a .ui-input-btn{

	margin-left: 0;

	margin-right: 0;

}

.ui-grid-c  .ui-block-a .ui-input-btn, .ui-grid-c .ui-block-b .ui-input-btn, .ui-grid-c .ui-block-c .ui-input-btn , .ui-grid-c .ui-block-d .ui-input-btn {

	margin-left: .1em;

	margin-right: .1em;

}













.ui-grid-solo .ui-block-a{

	padding-right:.5em;

	padding-left:.5em;

}









.ui-navbar li .ui-btn {

    border-right-width: 1px;

}

.section_body{

	border:#ccc solid 1px; 

	border-top:0px; 

	padding:1em;

	min-height:10em;

}

.ui-input-has-clear{

	padding-right:10%;	

}

.ui-table{

	border-collapse:collapse;

}

.table-stroke thead tr th,

.table-stripe thead tr th{

	border-right:#fff;

}

.table-stroke tbody th:nth-child(1), .table-stroke tbody td:nth-child(1),

.table-stripe tbody th:nth-child(1), .table-stripe tbody td:nth-child(1) {

	width:auto;

}

.table-stroke tbody th, .table-stroke tbody td,

.table-stripe tbody th, .table-stripe tbody td {

	border-right:#640E27 solid 1px;

	border-bottom:#640E27 solid 1px;

}



.ui-table-columntoggle-btn{

	display:none;

}



.table_employee tbody th, .table_employee tbody td{

	/*width:21.25%;*/

}



.table_employee thead tr th:nth-child(1), .table_employee tbody tr td:nth-child(1){

	/*width:3%;*/

}

.table_employee thead tr th:nth-child(3), .table_employee tbody tr td:nth-child(3){

	/*width:12%;*/

	

}



.table_equipment tbody th, .table_equipment tbody td{

	/*width:18.75%;*/

}

.table_equipment tbody th:nth-child(1), .table_equipment tbody td:nth-child(1){

	/*width:3%;*/

}

.table_equipment tbody th:nth-child(2), .table_equipment tbody td:nth-child(2){

	/*width:10%;*/

}

.table_equipment thead tr th:nth-child(4), .table_equipment tbody tr td:nth-child(4){

	/*width:12%;*/

}



.table_summary thead th, .table_summary tbody th, .table_summary tbody td{

	/*width:20%;*/

	width:10em;

}

.table_summary tbody td{

	text-align:right

}



.table-stroke .tbl_icon,

.table-stripe .tbl_icon{

	margin:0px;

	left:50%; margin-left:-1em

}

.table-stroke .ui-input-text,.table-stroke  .ui-input-search,

.table-stripe .ui-input-text,.table-stripe  .ui-input-search{

	margin:0px;
	

}

.table-stroke .tbl_input,

.table-stripe .tbl_input{

	margin:0px; 

	text-align:right;

}

.table-stroke .tbl_search,

.table-stripe .tbl_search{

	margin:0px; 

	text-align:left;

}



.table-stroke tbody td,

.table-stripe tbody td{

	border:#640E27 solid 1px;

	border-bottom:#640E27 solid 1px;

	vertical-align:middle;

}



.table-stroke tbody tr:nth-child(odd), .table-stroke tbody tr:nth-child(odd),

.table-stripe tbody tr:nth-child(odd), .table-stripe tbody tr:nth-child(odd){

   background-color: rgba(0, 0, 0, 0.05);

}





.table-stroke thead tr th, .table-stroke tbody tr th,

.table-stripe thead tr th, .table-stripe tbody tr th{

   border:#640E27 solid 1px; 

   

}

.table-stroke tbody tr th, .table-stroke tbody tr th, .table-stroke thead tr th, .table-stroke thead tr th,

.table-stripe tbody tr th, .table-stripe tbody tr th, .table-stripe thead tr th, .table-stripe thead tr th{

   color:#640E27;

   text-shadow:none; 

}

.cell_commands{

	width:10em	

}

.table-stripe tbody tr td[type="regular"],

.table-stripe tbody tr td[type="regular"] input,

.table-stripe tbody tr td[type="overtime"],

.table-stripe tbody tr td[type="overtime"] input,

.table-stripe tbody tr td[type="double"]

.table-stripe tbody tr td[type="double"] input {

	max-width: 80px!important;

}

/*

.ui-block-a .ui-btn{

	margin-left:0px;

}

.ui-block-b .ui-btn{

	margin-right:0px;

}

.ui-grid-solo .ui-block-a .ui-btn{

	margin-left:0px;

	margin-right:0px;

}*/

/*

.ui-bar, .ui-body{

	padding-left: 0px;

}

.ui-bar-a, .ui-bar-b, .ui-bar-c{

    max-height:5em; 

    background-color:transparent; 

    border:none;

}

.ui-bar-b{

    padding-right:0px;

}

.ui-block-b label{

    margin-left:1em;

}

.ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label{

	width: 22%;

}

.ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls{

	width: 73%;

}



@media all and (max-width: 860px) {

    .ui-field-contain label{

        width: 100%;

        float: none;

    }

    .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls{

        width:100%;

    }

}

*/

.searchPhase, .searchEmployee, .searchClass, .searchEquipment,.searchJobNumber {

	position:absolute;

	z-index:1;

}

.ui-input-search {

	margin:0px;	

}





@media all and (max-width: 640px) {

    .table-stroke, 

	.table-stripe {

		display:table;

	}

	

	.table-stroke tr, 

	.table-stripe tr{

		display:table-row

	}

	

	

	.table-stroke tr td:nth-child(n+1), .table-stroke tr th:nth-child(n+1), 

	.table-stripe tr td:nth-child(n+3), .table-stripe tr th:nth-child(n+3){

		display:none

	}

}



@media all and (max-width: 300px) {

    .table-stroke, 

	.table-stripe {

		display:none;

	}

}





#table_equipment thead tr th:nth-child(n+2) a.ui-btn{

	float:left;padding: 4px 1em;margin: 0; box-shadow: none ; border:none; background:none !important ;

}

.menuFooter{

	border-top:solid 1px #640E27 !important; padding-left:.75em; 

}





.button_round{

	padding:0px	

}

.week-highlight a{

  background:yellow !important;

}

#ui-datepicker-div{

	font-size:26px	

}

.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a{

	margin-top:0px;	

}

.day{ min-width:3em; }

.hour{ text-align:right;}



#tblWeekTime{

	border-collapse:collapse;	

}

#tblWeekTime thead tr th{

	 background-color:#C4C4C4;

	 background-color:#ffffff;

}

#tblWeekTime tbody  tr td{

	padding-top:4px;

	padding-bottom:4px;

}

#tblWeekTime tfoot tr th{

	padding-top:.5em;

	padding-bottom:.5em;

	color:#077129;

}

#tblWeekTime thead tr th.job{

	  width:5em; 

}

#tblWeekTime thead tr th.task{

	 min-width:auto; 

	 max-width:20em; 

	/* width:20em; */

}

#tblWeekTime thead tr th.employee{

	

}

#tblWeekTime thead tr th.date{

	  width:7em; 

}

#tblWeekTime thead tr th.day{

	  width:1em; 

	  padding-top:.25em;

	  padding-bottom:.25em;

	  background-color:#C4C4C4;

}

#tblWeekTime thead tr th.total,

#tblWeekTime thead tr th.regular,

#tblWeekTime thead tr th.overtime,

#tblWeekTime thead tr th.double

{

	  width:4em;

	  color:#077129;

}









.ui-input-search {

	min-width:17em;	

}

/* Pupop message */



@media  (min-width: 200px) {

	  #popupDialog2,#msgNewMsg { min-width: 90%; left: -10%};

}

@media  (min-width: 300px) {

	  #popupDia4,#msgNewMsg { min-width: 100%; left: -10%};

}

@media  (min-width: 360px) {

	  #popupDia4,#msgNewMsg { min-width: 130%; left: -15%};

}

@media  (min-width: 400px) {

	  #popupDia4,#msgNewMsg { min-width: 150%; left: -30%};

}

@media  (min-width: 470px) {

	  #popupDia4,#msgNewMsg { min-width: 180%; left: -40%};

}

@media  (min-width: 500px) {

	  #popupDia4,#msgNewMsg{ min-width: 200%; left: -55%};

}

@media  (min-width: 699px) {

	  #popupDia4,#msgNewMsg {min-width: 260%; left: -80%};

}

@media  (min-width: 870px) {

	  #popupDia4 ,#msgNewMsg{ min-width: 330%; left: -120%};

}

@media (min-width: 1700px) {

	#popupDia4 ,#msgNewMsg{ min-width: 360%; left: -130%};

}



@media (min-width: 1200px) {

	#popupDia4,#msgNewMsg { min-width: 420%; left: -150%};

}

@media (min-width: 1600px) {

	#popupDia4,#msgNewMsg { min-width: 500%; left: -200%};

}

.txtMsgDlg{

	height:6em !important;

}









#my_select select {

   border: 0;

   color: #000;

   background: transparent ;

   font-weight: bold;

   width: 89%;

   *width: 89%;

   *background: #EDEDED;

   -webkit-appearance: none;

   float:left;

   margin-left:-0.5em;

   text-align: left;

   font-size: 18px;

   position: relative;

   font-family: sans-serif;

   -webkit-appearance: none;

   -moz-appearance: none; 

   text-indent:10px;

   text-overflow: '';

}



#my_select {

	float:right;

   /*overflow:hidden;*/

   width:84%;

   -moz-border-radius: 0.3125em;

   -webkit-border-radius: 0.3125em;

   border-radius: 0.3125em;

   background: #EDEDED url(../css/mussellman/images/icons-png/btn-arrow-down.png) no-repeat scroll 100% center;

   text-align: left;

   font-size: 16px;

    position: relative;

   font-family: sans-serif;

   -webkit-appearance: none;

   -moz-appearance: none; 

   text-indent:10px;

   text-overflow: '';



}



#my_select:hover{

	background: #DFDFDF url(../css/mussellman/images/icons-png/btn-arrow-down.png) no-repeat scroll 100% center;

	color: #7F3A4E;

}



.option{

	float:right;

   /*overflow:hidden;*/

   width:100%;

   min-width: 180px;

   height: 2.5em;

   background: #EDEDED url(../css/mussellman/images/icons-png/btn-arrow.png) no-repeat scroll 97% center;

   border-top: 1px inset ;

   font-size: 1em;

   font-family: sans-serif;

   color: #333;

 

}













/*BEG]IN >>> Edit Table: */

#divInput{

	width:auto;

	display:inline-block;

	margin:0px;

	/*position:absolute;*/

}



/*END <<<  Edit Table: */





.block-d-right{

	width:12em;  

	display: inline-block;	

	float:right

}

.block-d-right .ui-btn{

	margin:0px !important;

	height:.5em;

	line-height:.5em;

}









.job_task_del{

	float:left;width:25px

}

.job_task_select {

	float:right;width: 85%;

}

.job_task_select select{

	width: 100%;

	height:2em;

}

.job_task_select select option{

	height:2em;

	padding-top: 1em;

}





#cmb_jobclass-button{

	padding: 7px

}



#cmb_usertype-button{

	padding:8px;

}





#eclass-button{

	padding: 7px;

}

#class-button{

	padding: 7px;

}



.conteinerClass #cmbHoliday-button{

	height:12px;

	line-height:17px;

}



.conteinerClass #cmbLevel-button{

	height:12px;

	line-height:17px;

}



.conteinerClass #cmbGroup-button{

	height:12px;

	line-height:17px;

}







.rules_groups{

	padding:.3em;

	height:1.5em;

	line-height:1.5em;

	min-width:2em;

}





th.header { 

    background-image: url(img/bg.gif); 

    cursor: pointer; 

    font-weight: bold; 

    background-repeat: no-repeat; 

    background-position: center left; 

    padding-left: 20px; 

    border-right: 1px solid #dad9c7; 

    margin-left: -1px; 

} 

th.headerSortUp { 

    background-image: url(img/asc.gif); 

} 

th.headerSortDown { 

    background-image: url(img/desc.gif); 

} 





.rowSubTotals td{

	text-align: right;

	font-size: 1rem;

	font-weight: bolder;

}









#tblEmp{

	border-spacing: 0;

    border-collapse: collapse;

}

.tblJobSum{

	width:100%;

}

.tblJobSum-body{

	width:100%;

	border-spacing: 0;

    border-collapse: collapse;

}

.tblJobSum-body .thead{

	background-color:#EDEDED;

	color:#640E27;

}

.tblJobSum-body .thead th,

.tblJobSum-body .tbody td,

.tblJobSum-body .tfoot th{

	text-align:center !important;	

}

.tblJobSum-body .tbody .task{

	text-align:right;

}

.tblJobSum-body .tfoot .total{

	text-align:right !important;

}

.tblJobSum-body .margin-bottom{

	border-left:#fff solid 1px;	

	border-right:#fff solid 1px;	

}

.tblJobSum-body  .margin-bottom td{

	height:2rem;

	border:none;

}

.header-logo{

	height:4em;	

}

.icon-logo{

	height:3em;	

}

.title-header {

	 font-size: 1.5em !important;

	 margin: 0 auto !important;

}

.ui-mobile .ui-page-active{

	 overflow: hidden;	

}





































.ui-datepicker{

	z-index:11 !important;	

}



.headcol{

	z-index:3 !important;

	border:#333 solid 1px;

}

thead td.headcol{

	background-color:#fff !important;

	border-bottom:#333 solid 1px;

}

tbody td.headcol{

	background-color:#E9E9E9;	

}

tbody td.headcol:nth-child(odd){

   background-color: #fff;

}

/*

#table_employee{

	clear:both;

}



#sec_employee { 

	border-left: medium none;

    margin-left: 31em;

    padding-bottom: 1px;

    padding-left: 0;

	overflow-x:scroll !important;

}

.headcol{

	position:absolute; 

	

	display:table-row;

	left:0;

	top:auto;

	z-index:1;

	height:37px;

	margin-top: -1px;

	background-color: rgba(0, 0, 0, 0.04);

}

th.headcol{

	height:44px;	

	background-color:#ffffff;

}

td.headcol{

	

	height:44px;	

	background-color:#ffffff;

}

.fix_emp_col01{

	left:0;

	width:50px !important;

	padding-left:0px !important;

	padding-right:0px !important;

}

.fix_emp_col02{

	left:51px;

	width:225px;

}

.fix_emp_col03{

	left:293px;

	width:233px;

}

*/









#result_laborreview{

	padding:15px;

}

#result_laborreview table{

	border-color:#666;

	border-collapse: collapse;

	border-spacing: 0;

	width: 100%;

}

#result_log_view{

	padding:15px;
}

#result_log_view table td,
#result_log_view table th
{
	padding: 5px;

}

#result_log_view table th.col1{
	width: 20%
}
#result_log_view table th.col3{

	width: 15%;
}
#result_log_view table th.col2{

	width: 65%;
}
#result_log_view table{

	border-color:#666;

	border-collapse: collapse;

	border-spacing: 0;

}

#result_laborreview table *{

	 border-color:#666;

}

#result_log_view table tbody tr:nth-child(odd) > td{

   background-color: #EDEDED;

}

#result_laborreview table *.noborder{

	background-color: transparent;

    border-bottom: 1px solid #fff;

    border-top: 1px solid #fff;

}

#result_laborreview table th{

	 background-color:#EDEDED;

	 color:#640E27;

	 padding: 3px;

}

#result_laborreview table td{

	padding: 3px;

}

#result_laborreview table td.number,

#result_laborreview tfoot th.number{

	text-align: right;

}

#result_laborreview table tbody tr:nth-child(odd) > td{

   background-color: #EDEDED;

}

#result_laborreview table tbody tr:nth-child(odd) > td.noborder{

	background-color: transparent;

}





#result_laborreview table tfoot tr th{

	background-color: transparent;

	border-left:0px;

	border-right:0px;

	border-bottom:0px;

	height: 5em;

    vertical-align: bottom;

}

#result_laborreview table tfoot tr th.noborder{

	border-left: 1px solid #333;

    border-right: 1px solid #333;

}

#show-picture{
	width: 200px;
	height: auto;
}
.img-tumb{
	width: 150px;
	height: auto;
	cursor: pointer;
}

.left-image,
.center-image,
.right-image{

	width: 33%;
	height: auto;
	padding-top: 5px;
}

.table.images{
	padding: 15px;
	padding-top: 5px;
}
.titleImage{
	padding: 15px;
	padding-bottom: 0px;
	border-top: 2px solid #CCC;
}

.table.images td {
    text-align: center;
}

.table.images thead tr th{
	font-weight: bold;
	text-align: center;
}

.table.images td,
.table.images th
 {
   border: 1px solid black !important;
   height: 40px;
}

.table.images tbody tr:nth-child(odd){
    background: rgb(233,233,233);
}

.table.images td a{
	font-weight: normal;
	color:#059;
	text-decoration: none;

}

.nameDelete{
	top: -18px;
	margin-left: 10px;
	display: inline-block;
	position: relative;
}

.nameDeleteLink{
	display: inline-block;
	margin-left: 3px;
}
