@import 'radcombobox.css';
@import 'radgrid.css';
@import 'radmenuNew.css';
@import 'leftmenu.css';

.EditPagecontainer a {    
    font-size:12px;
}

a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0;
}

/*--UCEmpHeader--Tach rieng ra khong dung chung*/
.UCEmpHeader {
    background: url(assets/../../../img/empHeaderBg/empHeaderBg.png) #a5e0cc;
    font-size: 1em;
    padding: 7px 0px 5px 0px;
    margin-bottom: 5px; /*QuangPNV bổ sung cho màn hình FID = 1421*/
}

/**UCHeader**/
.UCHeader {
    background: url(assets/../../../img/empHeaderBg/empHeaderBg.png) #a5e0cc;
    font-size: 1em;
    padding:5px 0px 0px 0px;
    margin-bottom: 5px; /*QuangPNV bổ sung cho màn hình FID = 1421*/
}
.UCHeader.EmpHeader{margin-bottom:10px;}

.EmpHeader .empHeaderItem .label,
.EmpHeaderNews .empHeaderItem .label,
.EmpHeader_NoneEmp .empHeaderItem .label,
.EmpHeader_Org .empHeaderItem .label,
.EmpHeaderSearchReport .empHeaderItem .label
{
    display:inline-block; 
}

.EmpHeader .empHeaderItem .labelData, 
.EmpHeaderNews .empHeaderItem .labelData,
.EmpHeader_NoneEmp .empHeaderItem .labelData, 
.EmpHeader_Org .empHeaderItem .labelData
{
     display:block;
     padding: 0px 0px 0px 0px;
}

.EmpHeader .empHeaderItem.inline-withButtonGetEmp .labelData,
.EmpHeaderNews .empHeaderItem.inline-withButtonGetEmp .labelData,
.EmpHeader_NoneEmp .empHeaderItem.inline-withButtonGetEmp .labelData
.EmpHeader_Org .empHeaderItem.inline-withButtonGetEmp .labelData
{
     padding: 0px 0px 4px 0px;
}

.EmpHeaderSearch,.EmpHeaderNews,.CanHeader,.CanHeaderSearch,.OrgHeaderSearchReport,.ReportHeaderSearch_Add1,.EmpSearchSimple,.EmpSearchSimple3{
    /*margin-bottom:10px;*/
    padding-bottom: 5px;
}

.TrPlanHeader .empHeaderItem{
    width:50%;
}
.TrPlanHeader .empHeaderItem .empHeaderLabel{
    width:200px;
    text-align:left;
}
.TrPlanHeader .empHeaderItem .empHeaderControl{
    width:300px;
}
.empHeaderItem .empHeaderLabel.longCaption span
{
	line-height: 12px;
}

/*****BEGIN: Header - TrCourseHeader*****/
.TrCourseHeader{padding-bottom:10px; margin-bottom:10px;}

.TrCourseHeader .empHeaderItem {padding: 0 5px; width: 500px;display: inline-table; vertical-align: middle;}

.TrCourseHeader .empHeaderItem .empHeaderLabel{width:200px; text-align:left; display: table-cell;padding:3px 0;padding-left: 10px;} /*QuangPNV text-align:right cho chuẩn giống EmpHeaderSearch*/
.TrCourseHeader .empHeaderItem .empHeaderControl{width:300px; display: table-cell;padding:3px 20px 3px 0px;}
.TrCourseHeader .empHeaderItem .input{margin-bottom:0}
.TrCourseHeader .empHeaderItem .RadComboBox.RadComboBox_Simple{margin-bottom:0px;}
/*****END: Header - TrCourseHeader*****/

/*****BEGIN: Header - TrPlanHeader*****/
.TrPlanHeader{padding-bottom:10px; margin-bottom:10px;}

.TrPlanHeader .empHeaderItem {padding: 0 5px; width: 500px;display: inline-table; vertical-align: middle;}

.TrPlanHeader .empHeaderItem .empHeaderLabel{width:200px; text-align:right; display: table-cell;padding:3px 0;padding-left: 10px;} /*QuangPNV text-align:right cho chuẩn giống EmpHeaderSearch*/
.TrPlanHeader .empHeaderItem .empHeaderControl{width:300px; display: table-cell;padding:3px 20px 3px 0px;}
.TrPlanHeader .empHeaderItem .input{margin-bottom:0}
.TrPlanHeader .empHeaderItem .RadComboBox.RadComboBox_Simple{margin-bottom:0px;}
/*****END: Header - TrPlanHeader*****/

/*****BEGIN: Header - DemandHeader*****/
.DemandHeader{padding-bottom:10px;margin-bottom:10px;}

.DemandHeader .empHeaderItem {padding: 0 5px; width: 49%;display: inline-table; vertical-align: middle; float:none} /*chỉnh width: 49% để fix lỗi xuống hàng ở trình duyệt Edge và firefox*/

.DemandHeader .empHeaderItem .empHeaderLabel{width:200px; text-align:left; display: table-cell;padding:3px 0;padding-left: 10px;}
.DemandHeader .empHeaderItem .empHeaderControl{width:300px; display: table-cell;padding:3px 0;}
.DemandHeader .empHeaderItem .input{margin-bottom:0}

.DemandHeader .withButtonGetEmp .empHeaderLabel {padding:0;padding-left: 10px;}
.DemandHeader .withButtonGetEmp .empHeaderControl{padding:0; position:relative;}
.DemandHeader .withButtonGetEmp .input{right:30px; position: absolute; top: 0; left:auto;}
.DemandHeader .withButtonGetEmp .search {right: 0px;}

.DemandHeader .inline-withButtonGetEmp .empHeaderControl {padding:0;}
.DemandHeader .inline-withButtonGetEmp .empHeaderLabel {padding:0;padding-left: 10px;}
/*****END: Header - DemandHeader*****/
/****BEGIN: Header - CanHeader****/
.CanHeader .empHeaderItem {padding: 0 5px;display: inline-table; vertical-align: middle; float:none}

.CanHeader .empHeaderItem .empHeaderLabel{width:120px; text-align:left;}
.CanHeader .empHeaderItem .empHeaderLabel span{display: table-cell;line-height:12px;padding-top: 5pt;text-align:right;width:120px}
.CanHeader .empHeaderItem .empHeaderControl{width:200px;}
.CanHeader .empHeaderItem .input{margin-bottom:0}
.CanHeader .empHeaderItem .empHeaderControl span{vertical-align:middle; padding-top: 5pt; display: table-cell;}

.CanHeader .withButtonGetEmp .empHeaderLabel {padding:0;}
.CanHeader .withButtonGetEmp .empHeaderControl{padding:0; position:relative;}
.CanHeader .withButtonGetEmp .input{ position: relative; top: 0; left:auto;}
.CanHeader .withButtonGetEmp .search {right: 0px;}

.CanHeader .inline-withButtonGetEmp .empHeaderControl {padding:0;}
.CanHeader .inline-withButtonGetEmp .empHeaderLabel {padding:0;}
.CanHeader .empHeaderLabel span{
    margin:0;
}
/*****END: Header - CanHeader*****/
/****BEGIN: Header - CanHeaderSearch****/
.CanHeaderSearch .empListHolder textarea{
    min-width: 412px;
    max-width: 412px;
}
.CanHeaderSearch .contentFormItem{
    padding:0 0px 0 10px;    
}
.CanHeaderSearch .contentFormItem.half .contentFormControl{    
    width:356px;
}
.CanHeaderSearch .contentFormItem .contentFormLabel{
    width: 127.5px;
}
.CanHeaderSearch .contentFormItem.third .contentFormControl
{
    width: 192px;
}
.CanHeaderSearch .empListHolder .contentFormItem{
    width:100%;
}
.CanHeaderSearch .empListHolder .contentFormItem.third .contentFormControl{     
     width:282px;
}
.CanHeaderSearch .contentFormItem.full{
    width:1000px;
}
.CanHeaderSearch .contentFormItem.twoThirds{
    width:664px
}
.CanHeaderSearch .contentFormItem.twoThirds .contentFormControl{
    width: 526px;
}
.CanHeaderSearch .contentFormItem.textArea{
    width: 1000px;
}
.CanHeaderSearch .contentFormItem.textArea .contentFormControl{
    width: 855.5px;
}
.CanHeaderSearch .contentFormItem.textArea .contentFormControl textarea
{
    max-width:  855.5px;
}
/*****END: Header - CanHeaderSearch*****/
/****BEGIN: Header - EmpHeader****/
.UCHeader.EmpHeader .empHeaderItem
{
    float:none;
    display:inline-table;
    vertical-align:middle;
}
.UCHeader.EmpHeader .empHeaderItem.inline-withButtonGetEmp .labelData{
    padding:0;
}
.UCHeader.EmpHeader .empHeaderItem .labelData{
    padding:0;
}
.UCHeader.EmpHeader .empHeaderItem.withButtonGetEmp .labelData{
    display: inline;
}
.UCHeader.EmpHeader .empHeaderItem.withButtonGetEmp {
    margin-bottom: 0px;
}
.UCHeader.EmpHeader .empHeaderItem .label{
    display: inline;
}
/****END: Header - EmpHeader****/
.empHeader{
    display:table;
    border-collapse: collapse;
    width:100%;
    border:0px;
}

.search {
    background: #04a59c;
    cursor: pointer;
    color: #ffffff;
	height: 24px;
    font-weight: bold;
    outline: none;
    border: none;
}

/*QuangPNV: Ảnh hưởng PQ DL NGOẠI LỆ NGƯỜI DÙNG - NHÂN VIÊN FID = 9900*/
/*09-12-2019
.empHeaderItem .input{
    margin-bottom:5px;
}*/

.empHeaderItem .RadComboBox.RadComboBox_Simple{
   margin-bottom:3px;
   height:24px;
}
/*09-12-2019
.empHeaderItem .label{
    margin-bottom:5px;
}*/
.empHeaderItem.tableColumnCell {margin-bottom:3px;}
.empHeaderItem.tableColumnCell .empHeaderControl > table
{
    display:table-cell;
    vertical-align:middle;
}
.withButtonGetEmp {
    position:relative;
    margin-bottom:0px;
    /*margin-bottom:1px;*/ /*QuangPNV màn hình FID = 9900 div Ten nhan vien co 28px*/
}
.withButtonGetEmp .empHeaderLabel{
    width:121px;
}
.withButtonGetEmp .label{
    display:inline-block;    
    margin-top:4px; /*QuangPNV chinh*/
}
.withButtonGetEmp .input{
    position:absolute;
    top:0;
    left:123px;
}
.withButtonGetEmp .search{
    position:absolute;
    top:0;
    right:6px;
    height:24px;
    margin-top:0px!important
}
.empHeaderItem
{
	width: 330px;
    float:left;
    padding: 0px 5px 0px 5px;
}

.empHeaderItem.fixed{
    text-align:left;
}
.empHeaderItem.fixed .empHeaderControl{
   width:auto;
}

/**QuangPNV - EmpHeaderNews - EmpHeader**/
.empHeaderItem_HDNew{width: 330px; float:left; padding: 5px 5px 0px 5px;}
.empHeaderItem_HDNew .empHeaderLabel span{display:block;text-align: left;}
.empHeaderItem_HDNew .empHeaderLabel.longCaption span{line-height: 12px;}

.empHeaderLabel{width: 125px;display:table-cell;text-align: right;}
.empHeaderLabel span{padding: 0px 10px 0 0;}
.empHeaderControl{width: 200px;display:table-cell;text-align:left;}

.btnHideEmployee
{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/btnHideEmployee.png) no-repeat;
	cursor: pointer;
}
/**input**/
.input-group {
    display: table;
    border-collapse: separate;
}

.input-group-btn {
    color: #666;
    background-color: #e1e5ec;
    border-color: #e1e5ec;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}

.btn.default:not(.btn-outline) {
    color: #666;
    background-color: #e1e5ec;
    border-color: #e1e5ec;
}

.btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open > .btn.default:not(.btn-outline).dropdown-toggle {
    color: #666;
    background-color: #c2cad8;
    border-color: #bcc5d4;
}

.label {
    /*font-size: 1.2em;*/
    font-size: 12px;
}

.option {
    font-size: 1.1em;
    font-weight: bold;
    color: #2d5143;
    padding-bottom: 5px;
}

.option.notbold{font-weight:normal}

.option input[type="radio"] {
    float: left;
    clear: none;
    margin: 0px 0 0 -3px;
}

.option label {
    margin-left: 0px;
}

.radio {
    font-size: 1.1em;
    font-weight: bold;
    color: #2d5143;
}

.radio input[type="radio"] {
    float: left;
    clear: none;
    margin: 0px 0 0 -3px;
}

.radio label {
    margin-left: 0px;
}



.input,.inputNumber {
    padding: 2px 4px 2px 3px;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.5;
    outline: none;
    width: 100%;
    height: 24px;
    /*background-color: #fff;*/ /*QuyenPV9 - ẩn đi vì khi disable mà textbox ko tô đen*/
    color: black;
    border: 1px solid #c2cad8;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.Input1, .input1 {
    padding: 2px 4px 2px 3px;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.5;
    outline: none;
    width: 100%;
    height: 28.99px;
    background-color: #fff;
    COLOR: #aa0000;
    border: 1px solid #c2cad8; 
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.Input1:hover, .input1:hover {
     border-color: #c07b14;
    outline: 0;
}

.Input1:focus, .input1:focus {
     border-color: #882501;
    outline: 0;
    background-color: #FFF7AC;
}

.input:focus,.inputNumber:focus, .input:active,.inputNumber:active {
   
}
.writereadonly, .Writereadonly, .writeReadonly, .writereadOnly,
.WriteReadonly, .WritereadOnly, .writeReadOnly, .WriteReadOnly {
    padding: 2px 4px 2px 3px;
    font-size: 12px;
    line-height: 1.5;
    outline: none;
    width: 100%;
    height: 24px;
    color: black;
    border: 1px solid #c2cad8;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

textarea.input {
    font-size: 12px;
    font-family: Open Sans;
    display:block;
}

.input:focus,.inputNumber:focus, .input:active,.inputNumber:active {
    border-color: #93a1bb;
    outline: 0;
}

.inputNumber{text-align:right}

.input-daterange .input {
    text-align: center;
}

.input-group .input {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group .input, .input-group-addon, .input-group-btn {
    display: table-cell;
    margin-left: -1px;
}

.input-daterange {
    width: 100%;
}

.input-medium {
    width: 240px !important;
}

.input-large {
    width: 290px !important;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-daterange .input {
    min-width: 100px;
}

.input-daterange .input-group-addon {
    min-width: 16px;
    padding: 3px 5px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: solid #ccc;
    border-width: 1px 0px 1px 1px;
    margin-left: -5px;
    margin-right: -5px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .input-group .input:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group, .input-group-btn, .input-group-btn > .btn {
    position: relative;
}

.input-group-btn, .input-group-btn > .btn {
    z-index: 3;
    left: -1.5pt;
}

.btn:hover {
    transition: all .3s;
}

/**Buttons*/
span.btn1 {
    font-size: 1em;
}

span.btn1 a {
    color: black;
    background-color: white;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
	min-width: 90px;
    margin-left: 3px;
	text-align: center;
}

.buttonList span.btn1 a {
    /*margin: 0 0 5px 0;*/
    margin: 0 0 5px 3px;
}

span.btn1 a:hover {
    background-color: #ffaf36;
    transition: all .3s;
	text-decoration: none;
}

span.btn1 a[disabled] {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

/*------------------*/

span.btn1 button {
    color: black;
    background-color: white;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    border: solid 1px #FF8C00;
	min-width: 90px;
    margin-left: 3px;
	text-align: center;
}

.buttonList span.btn1 button {
    /*margin: 0 0 5px 0;*/
    margin: 0 0 5px 3px;
}

span.btn1 button:hover {
    background-color: #ffaf36;
    transition: all .3s;
}

span.btn1 button[disabled] {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

/*------------------*/

.btnCal {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    background: url(../../img/calender.png) no-repeat;    
	width: 30px;
    height: 24px;
}
/**Calendar**/
.BgCal {
    font-size: 1.1em !important;
    font-family: Open Sans !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    border-color: #93a1bb !important;
    border: solid 1px;
    background: #ffffff;
    z-index: 9000;
}

.BgTooltip {
    font-size: 1.1em !important;
    font-family: Open Sans !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    border-color: #93a1bb !important;
    border: solid 1px;
    background: #ffffff;
    z-index: 9000;
}

.BgCalMonth, .BgCalYear {
    font-size: 1.2em !important;
}

.BgHeaderCal {
    background: url(assets/../../../img/empHeaderBg/empHeaderBg.png) #04A59C;
}
#caption{font-size:1em}
#caption #spanLeft,#caption #spanRight{
    padding:0pt 6pt;
    cursor:pointer;
    position:relative;
}
#caption #spanMonth,#caption #spanYear{
    padding:0pt 10pt 0pt 0pt;
    cursor:pointer;
    position:relative;
}
#caption #spanLeft icon, #caption #spanRight icon,#caption #spanMonth icon, #caption #spanYear icon {
    font-size: 1.2em;
    position: absolute;
    top:0.2pt;
}

#caption #spanLeft icon{
    right: 2pt;
}
#caption #spanRight icon {
    left: 2pt;
}
.BGSelectCtl {
    border-style:solid;
    border-width:2px;
    border-color:#66CDAA;
    cursor:pointer;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.BGSelectCtlPopup{
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.BGSelectCtlHover {
    border-color: transparent !important;
    outline: 0;
    background-color:#66CDAA;
    cursor:pointer;
}
.BGSelectCtlPopupHover {
    border-color: transparent !important;
    outline: 0;
    background-color:#66CDAA;
    cursor:pointer; 
}
/**End Calendar**/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 8000; /* Sit on top */
    padding-top: 200px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

span.close {
    font-size: 1.5em;
    cursor: pointer;    
    display: inline-block;
    height: 27px;
    width: 24px;
    /*padding: 3px 0px 0px 5.5px; ThoLD6 */
	padding: 5px 5px 5px 7px;
    background: url(../../img/closeAccountPopup.png) #8adae4 repeat-y;
    float: right;
}


span.close:hover {
    font-size: 1.5em;
    cursor: pointer;    
    display: inline-block;
    height: 27px;
    width: 24px;
    /*padding: 3px 0px 0px 5.5px; ThoLD6 */
	padding: 5px 5px 5px 7px;
    background: url(../../img/closeAccountPopupHover.png) #8adae4 repeat-y;
    float: right;
}

.modal.empInfo .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 550px;
}

.empInfoImgHolder {
    background: #f4f4f4;
    width: 170px;
    height: 170px;
    float: left;
}

.empInfoImg {
    width: 150px;
    height: 150px;
    float: left;
    margin: 10px;
    border: solid 1px none;
    border-radius: 150px;
}

.empInfoImg img {
    border-radius: 150px;
}

.empInfoContent {
    width: 350px;
    float: left;
}

.empInfoContent span {
    font-size: 14px;
}

.empInfoItem {
    width: 100%;
    float: left;
    min-height: 20px;
    line-height: 20px;
    clear: both;
    margin: 10px 0 0 0;
}

.empInfoLabel {
    width: 120px;
    float: left;
    text-align: right;
    margin: 0 20px;
}

.empInfoText {
    width: 190px;
    float: left;
    color: #555555;
}

.empInfoPopupBottom {
    background: url(../../img/empInfoPopupBottom.png) #8adae4 repeat-y;
    width: 548px;
    height: 5px;
    float: left;
}


.HR_EmpSelect{
    position:relative;
    clear:both;
}
.HR_EmpSelect .empHeaderLabel{
    min-height:24px;
}
.UCNguoiKy{
    position: absolute;
    top: 0px;
    left: 165.6px;
}
.UCNguoiKy_JobTitle{
    position: absolute;
    top: 28px;
    left: 0px;
}
.UCNguoiKy_Nationality
{ 
    position: absolute;
    top: 28px;
    right: 0px;
}

/**range-date*/
.range-date .empHeaderLabel{
     overflow:hidden
}
.range-year  .empHeaderControl span,.range-date  .empHeaderControl span, .range-input .empHeaderControl span
,.range-date .empHeaderControl div > span
{
    float:none;
    display:inline-block;
}
.range-year .empHeaderControl input,.range-date  .empHeaderControl input
,.range-date .empHeaderControl div > input
{
    float:left;
    display:table-cell;
}

.range-date .empHeaderControl input{
    margin-left:5px;
}
.range-date .empHeaderControl input:nth-child(3),
.range-year .empHeaderControl input:nth-child(3){
   float:none;
   display:inline-block;
}
.range-date .empHeaderControl input.btnCal{
    margin-left:0px;
}
.range-date .empHeaderControl input:nth-child(4),
.range-date .empHeaderControl div.dv-disinline > input:nth-child(1),
.range-date .empHeaderControl div > input:nth-child(2)
{
   float:none;
   display:inline-block;
}
.range-date .empHeaderControl input:nth-child(5),
.range-date .empHeaderControl div > input:nth-child(2)
{
   float:none;
   display:inline-block;
   margin-left: -0.3em;
   margin-top: -0.3em;
}
.dv-disinline{display:inline-block;}
.range-date .empHeaderControl div.dv-disinline > input:nth-child(2){
   margin-left: 5px;
   margin-top: 0em;
}

.range-date .empHeaderControl div.dv-disinline > input.btnCal:nth-child(2){
   float:none;
   display:inline-block;
   margin-left: -0.3em;
   margin-top: -0.3em;
}
.range-date .empHeaderControl div.dv-disinline > input:nth-child(3) {
   margin-left: -0.3em;
   margin-top: -0.3em;
}

/**dv-disinline range-input**/
.empHeaderControl div.dv-disinline.range-input {
    float:right
}
.empHeaderControl div.dv-disinline.range-input > span:nth-child(1) {
   margin-left: -0.3em;
   margin-top: -0.3em;
   display:inline-block;
   float:none;
}
.empHeaderControl div.dv-disinline.range-input > span:nth-child(3) {
   margin-left: 5px;
   margin-right: 5px;
   margin-top: -0.3em;
   display:inline-block;
   float:none;
}
.empHeaderControl div.dv-disinline.range-input > input:nth-child(2){
   margin-top: 0em;
   display:inline-block;
   float:none;
}

.empHeaderControl div.dv-disinline.range-input > input:nth-child(4){
   float:none;
   display:inline-block;
   margin-left: -0.3em;
   margin-top: -0.3em;
}
.empHeaderControl span.dv-disinline
{
   float:none;
   display:inline-block;
}
/**End***/

.range-date .empHeaderControl input:nth-child(1){
    margin-left:0px;
}
.range-date .empHeaderControl span
{
    padding:0px 0px 0px 5px;
    margin-top:-0.1em;
}

.hasdivbtnCal .divbtnCal{
   float:none;
   display:inline-block;
}
.range-date .empHeaderControl.hasdivbtnCal input:nth-child(1)
{
   float:none;
   display:inline-block;
}
.range-date .empHeaderControl.hasdivbtnCal .divbtnCal > input
{
   float:none;
   display:inline-block;
    margin-left: -0.3em;
    margin-top: -0.3em;
}

/**range year*/
.range-year .empHeaderControl span,
.range-input .empHeaderControl span{
    padding:0px 5px 0px 10px;
    margin-top:-0.1em;
}
.range-hhmm .empHeaderControl span{
    padding:0px 0px 0px 5px;
    margin-top:-0.1em;
}
.range-year.aboverange-date .empHeaderControl span{
    padding: 2px 6px 0px 33px;
    margin-left: -2px;
    margin-top:-0.1em;
}
.range-input.belowrange-month .empHeaderControl span{
    padding: 2px 6px 0px 45px;
    margin-left: -2px;
    margin-top:-0.1em;
}
/**End**/
/**range-date-hhss*/
.range-date-hhmm .empHeaderControl span{
    padding:0px 0px 0px 5px
}
.range-date-hhmm .empHeaderControl input:nth-child(3){
   float:none;
   display:inline-block;
   margin-right: -0.3em;
   margin-left: 0.3em;
}
.range-date-hhmm .empHeaderControl input.btnCal{
    margin-left:0px;
}
.range-date-hhmm .empHeaderControl input:nth-child(4){
   float:none;
   display:inline-block;
}
.range-date-hhmm .empHeaderControl span:nth-child(4){
   float:none;
   display:inline-block;
   padding-right:5px;
}
.range-date-hhmm .empHeaderControl input:nth-child(5){
   float:none;
   display:inline-block;
   margin-left: -0.3em;
   margin-top: -0.3em;
}

/**End***/
.range-date.range-hhss .empHeaderControl span{
    float:left;
    margin-top:0.2em;
}
.range-date.range-hhss .empHeaderControl input{
    float:left
}
.range-date.range-hhss .empHeaderControl label:nth-child(4){
     padding-left: 10px;
     padding-right: 10px;
}
.range-date.range-hhss .empHeaderControl input:nth-child(5){
    margin-top: 0em;
}
/**Input with popupSelect*/
.input-withselectpopup{
    position:relative;
}
.input-withselectpopup .empHeaderControl input:nth-child(1){
    width:90%;
}
.input-withselectpopup .empHeaderControl input:nth-child(2){
   position:absolute;
   top:3px;
   right:8px;
   height:24px
}
/**range-input*/
.range-input .empHeaderControl input{
    float:none;
    display:inline-block;
}
.range-input .empHeaderControl input:nth-child(1){
    float:left;
    display:inline-block;
}
.rightRadSplitter{
    float:right;
}
/**EmpHeaderNews - HuyenHB**/
.EmpHeaderNews .empHeaderItem{
    width:333px;
    float:left;
    padding-left:5px;
    padding-right:5px;
}
.EmpHeaderNews .empHeaderItem .empHeaderLabel{
    width:126px;
    min-width: 126px;
    display:table-cell;
    text-align:right;
}
.EmpHeaderNews .empHeaderItem .empHeaderLabel span {
    padding-right:15px;
}
.EmpHeaderNews .empHeaderItem .empHeaderControl{
    width:196px;
    min-width: 196px;
    display:table-cell;
    line-height:16px;
}
.EmpHeaderNews .empHeaderItem .empHeaderControl{
    text-align:left;
}
.EmpHeaderNews .empHeader{
    padding-bottom:5px;
}
.EmpHeaderNews .withButtonGetEmp .empHeaderControl{
    position:relative;
}
.EmpHeaderNews .withButtonGetEmp .empHeaderControl input.search{
    position:absolute;
    top:1px;
    right:0;
}
.EmpHeaderNews .withButtonGetEmp .input{
    position:static;
    left:0;
}
.EmpHeaderNews .empHeaderItem .input{
    margin-bottom:0px
}

.UCHeader .EmpHeaderNews .input{
    border-width: 0.0135em;
}
.UCHeader .EmpHeaderNews .RadComboBox {
    height:24px;
}
.EmpHeaderNews .empHeaderItem.tableOption .empHeaderLabel{
    vertical-align:middle;
}
.EmpHeaderNews.isonline-truehidden .empHeaderItem.inline-withButtonGetEmp .labelData{
    padding-bottom:5px;
}
/*************End***********/
.RadGrid_Simple .rgRow table.tablemultifile td, .RadGrid_Simple .rgAltRow table.tablemultifile td, .RadGrid_Simple .dataNotUsed table.tablemultifile td 
 {border:none!important;}
.RadGrid_Simple .rgRow table.option td, .RadGrid_Simple .rgAltRow table.option td, .RadGrid_Simple .dataNotUsed table.option td 
 {border:none!important;}
 
 /*************ThoLD6 - Bố sung để showmailinfo***********/
 .mail {
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    padding-top:0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* mail Content */
 .mail .mail-content {
    background-color: #fefefe;
    margin: 50px auto;
    border: 1px solid #888;
    width: 70%;
}
 .mail .mail-content .mailInfoItem {
	width: 100%;
    min-height: 20px;
    line-height: 20px;
    clear: both;
    margin: 0 0 30px 30px;
	display:inline-block;
}
 .mail .mail-content .mailInfoItem .mailInfoLabel {
	 width: 15%;
	 float:left;
 }
  .mail .mail-content .mailInfoItem .mailInfoText {
	 width: 75%;
	 float:left;
 }
  .mail .mail-content .mailInfoItem span {
	  font-size: 14px;
  }