/* All format 
	if add new for an exits style then put in right block:	
	if add with new pupose must add 1 row here 
	
	1.format common
	2.format backgroup
	3.format text
	4.format button
	5.format grid
	6.format rad combox Template

/*1.-----------format common---------------------*/
/*@Import 'buttonStyle.css';
@Import '../../Images/css/radcombobox.css';
@Import '../../Images/css/radgrid.css';*/

BODY {
    font-family: Open Sans;
    line-height: 24px;
    /* color: #336699; */
}

.tblTable, .tbltable {
    width: 100%;
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
    border: none;
}

TABLE, Table, table {
    font-family: Open Sans;
}

TR, Tr, tr {
    font-family: Open Sans;
    font-size: 12px;
}

TD, Td, td {
    line-height: 18px;
    FONT-FAMILY: Open Sans;
    COLOR: black;
    font-size: 12px;
}

/*-------------QuyenPV9 bổ sung buttoncommand-------------------*/
.ButtonCommand, .buttonCommand, .buttoncommand, .Buttoncommand {
    HEIGHT: 20px;
    FONT-FAMILY: Open Sans;
    width: 80px;
    font-size: 9pt;
    font-weight: Bold;
    background-color: #04a59c;
    COLOR: white;
}


/*-------------format link-------------------*/
.LinkLeft, .Linkleft, .linkLeft, .linkleft {
    color: black;
    font-family: Open Sans;
    text-decoration: none;
}

    .LinkLeft:hover, .Linkleft:hover, .linkLeft:hover, .linkleft:hover {
        color: #0066CB;
        font-family: Open Sans;
        text-decoration: none;
    }

.LinkLS, .linkLS, .Linkls, .linkls {
    color: #6699cc;
    font-family: Open Sans;
    text-decoration: none;
}

    .LinkLS:hover, .linkLS:hover, .Linkls:hover, .linkls:hover {
        color: #ff6600;
        font-family: Open Sans;
        text-decoration: none;
    }

.Hlink, .HLink, hlink, hLink {
    color: #0A77B8 !important;
    font-family: Open Sans;
    text-decoration: underline !important;
    font-weight: bolder !important;
}

    .Hlink:hover, .HLink:hover, hlink:hover, hLink:hover {
        color: #FD63AB !important;
        cursor: pointer;
    }

.Hlink_NoUnderline {
    color: #0A77B8 !important;
    font-family: Open Sans;
    text-decoration: none;
    font-weight: bolder !important;
}

    .Hlink_NoUnderline:hover {
        color: #FD63AB !important;
        text-decoration: none;
    }

/*QuangPNV: Dùng để phân từng nhóm trên giao diện*/
hr, Hr, HR, hR {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0),#11938b, rgba(0, 0, 0, 0));
    border: 0;
    height: 1px;
    margin-top: 6px;
    margin-bottom: 9px;
}
/* End - QuangPNV: Dùng để phân từng nhóm trên giao diện*/

.txtNumber, txtnumber {
    text-align: right;
    FONT-FAMILY: Open Sans;
    COLOR: #555;
    BORDER-RIGHT: #012F8E 1px solid;
    BORDER-TOP: #012F8E 1px solid;
    BORDER-LEFT: #012F8E 1px solid;
    BORDER-BOTTOM: #012F8E 1px solid;
}

input[type="radio"] {
    border-spacing: 0px !important;
    margin: 3px 5px 0px 0px !important;
}

input[type="checkbox"] {
    margin: 0px 5px 0px 0px;
    color: Black;
}


.combo {
    height: 24px;
    padding: 1px 0px 1px 0px;
}

    .combo:hover {
        border: solid 1px #04a59c !important;
    }

.comboSort {
    COLOR: #003399;
    FONT-FAMILY: Open Sans;
    BACKGROUND-COLOR: #f0faff;
}

/*-------------checkbox format-------------------*/
.checkbox {
    color: black;
    font-family: Open Sans;
}

.chkAdmin, chkadmin {
    color: #428EB5;
    font-family: Open Sans;
    BACKGROUND-COLOR: #DEEDF0;
    display: none;
}
/*-------------checkbox format-------------------*/


/*-------------option format-------------------*/
.option {
    color: Black;
    font-family: Open Sans;
}
/*-------------checkbox format-------------------*/

/*-------------label format-------------------*/
/*nomal*/
.label, .Label, .LaBel, .LABEL {
    color: Black;
    font-family: Open Sans;
}

/*label right*/
.labelRight, .LabelRight, .labelright, .Labelright {
    color: Black;
    font-family: Open Sans;
    text-align: right !important;
}


/*Dùng cho FireFox và Chrome*/
.labelFC {
    display: block;
    float: left;
    color: Black;
    font-family: Open Sans;
}

.ListBox {
    FONT-FAMILY: Open Sans;
    COLOR: #555;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
}

/*require*/
.Labeltitle, .labelTitle, .LabelTitle, .labeltitle {
    font-family: Open Sans;
    font-weight: bold;
    color: #003399;
    height: 30px;
}

/*require*/
.Labelrequire, .labelRequire, .LabelRequire, .labelrequire {
    color: red;
    font-family: Open Sans;
}

/*require*/
.Labeldata, .labelData, .LabelData, .labeldata {
    font-weight: bold;
    color: #020202;
}

.labelDataConfig {
    font-weight: bold;
    color: #0a246a;
}

/*Error*/
.lblErr, .lblerr, .LblErr {
    color: red;
    font-family: Open Sans;
}
/*-------------end lebel format-------------------*/
/*-------------grid format-------------------*/
.grid {
    font-family: Open Sans;
    background-color: White;
}

.gridHeader {
    height: 21px;
    color: #CCCCFF;
    font-weight: bold;
    text-align: center;
    background-color: #dcdcdc;
}

    .gridHeader a:link {
        color: #555;
        text-decoration: none;
    }

    .gridHeader a:visited {
        color: #0033CC;
        text-decoration: none;
    }

    .gridHeader a:hover {
        color: #555;
        text-decoration: underline;
    }

.gridFooter {
    height: 21px;
    color: #CCCCFF;
    font-weight: bold;
    text-align: center;
    background-color: #D6D7E1;
}

.gridhover {
    background-color: #DFEEF1;
    padding-left: 3px;
    padding-right: 3px;
}

.gridClick {
    color: #333333;
    background-color: #D7E4EA;
    padding-left: 3px;
    padding-right: 3px;
}

.gridItem, .GridItem {
    color: Black;
    background-color: White;
    padding-left: 3px;
    padding-right: 3px;
    border: solid 1px #5d8d8a;
    height: 30px;
}

    .gridItem a:link, .GridItem a:link {
        color: #0033CC;
        text-decoration: none;
    }

    .gridItem a:visited, GridItem a:visited {
        color: #0033CC;
        text-decoration: none;
    }

    .gridItem a:hover, GridItem a:hover {
        color: #ff6600;
        text-decoration: underline;
    }

.gridAlter {
    color: #003399;
    background-color: #F6F6F8;
    padding-left: 3;
    padding-right: 3;
}

    .gridAlter a:link {
        color: #0033CC;
        text-decoration: none;
    }

    .gridAlter a:visited {
        color: #0033CC;
        text-decoration: none;
    }

    .gridAlter a:hover {
        color: #ff6600;
        text-decoration: underline;
    }

.gridPage {
    height: 19px;
    color: #003399;
    text-align: right;
    font-weight: bold;
    background-color: #DCDCDC;
}

.grid_line {
    border: #4A2C00;
}
/*-------------grid format-------------------*/

/*-------------text box format-------------------*/
.Input, .input {
    FONT-FAMILY: Open Sans;
    COLOR: black;
    border: 1px solid #c2cad8;
    height: 24px;
    line-height: 17px;
    padding-left: 1px;
}

    .Input:hover, .input:hover {
        border: 1px solid #c07b14;
    }

    .Input:focus, .input:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }

.Input1, .input1 {
    FONT-FAMILY: Open Sans;
    FONT-SIZE: 8pt;
    COLOR: #aa0000;
    border: 1px solid #c2cad8; 
    height: 28.99px;
    line-height: 17px;
    padding-left: 1px;
}

    .Input1:hover, .input1:hover {
        border: 1px solid #c07b14;
    }

    .Input1:focus, .input1:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }
/*-------------end text box format-------------------*/

/*-------------text box format Left-------------------*/
.InputLeft, .inputLeft, .Inputleft, .inputleft {
    FONT-FAMILY: Open Sans;
    COLOR: black;
    border: 1px solid #c2cad8;
    text-align: left;
    height: 24px;
    line-height: 17px;
    padding-left: 1px;
}

    .InputLeft:hover, .inputLeft:hover, .Inputleft:hover, .inputleft:hover {
        border: 1px solid #c07b14;
    }

    .InputLeft:focus, .inputLeft:focus, .Inputleft:focus, .inputleft:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }
/*-------------end text box format-------------------*/

/*-------------text box format Center-------------------*/
.InputCenter, .inputCenter, .Inputcenter, .inputcenter {
    FONT-FAMILY: Open Sans;
    COLOR: black;
    border: 1px solid #c2cad8;
    text-align: center;
    height: 24px;
    line-height: 17px;
    margin-bottom:3px;
}

    .InputCenter:hover, .inputCenter:hover, .Inputcenter:hover, .inputcenter:hover {
        border: 1px solid #c07b14;
    }

    .InputCenter:focus, .inputCenter:focus, .Inputcenter:focus, .inputcenter:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }
    /*QuyenPV9 - RlogID 15470 - 05/10/2020*/
    .red, .Red{
        background-color: #fff7ac; /*RlogID 15470 - QuyenPV9 - 05/10/2020 - bỏ sung màu cho background*/
        COLOR: #aa0000;
    }
/*-------------text box format Center-------------------*/
.InputCenterRed {
    FONT-FAMILY: Open Sans;
    /*COLOR: red;*/
    border: 1px solid #c2cad8;
    background-color: #FF4040;
    text-align: center;
    height: 24px;
    line-height: 17px;
}

    .InputCenterRed:hover {
        border: 1px solid #c07b14;
    }

    .InputCenterRed:focus {
        border: 1px solid #882501;
        background-color: #FF4040;
    }

/*-------------end text box format-------------------*/
.InputRight, .inputRight, .Inputright, .inputright {
    FONT-FAMILY: Open Sans;
    COLOR: black;
    border: 1px solid #c2cad8;
    text-align: Right;
    height: 24px;
    line-height: 17px;
    padding-right: 1px;
}

    .InputRight:hover, .inputRight:hover, .Inputright:hover, .inputright:hover {
        border: 1px solid #c07b14;
    }

    .InputRight:focus, .inputRight:focus, .Inputright:focus, .inputright:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }
/*--textbox differ--*/
.Input1 {
    FONT-FAMILY: Open Sans;
    COLOR: black;
    border: 1px solid #c2cad8;
    height: 24px;
    line-height: 17px;
    padding-left: 1px;
}

    .Input1:hover {
        border: 1px solid #c07b14;
    }

    .Input1:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }
/*-------------text box read only format-------------------*/
.InputReadOnly,
.InputReadonly,
.Inputreadonly,
.InputreadOnly,
.inputreadonly,
.inputReadOnly,
.inputreadOnly,
.inputReadonly {
    FONT-FAMILY: Open Sans;
    COLOR: #636363;
    border: 1px solid #c2cad8;
    background: #eeeeee;
    height: 24px;
    line-height: 17px;
    padding-left: 1px;
}

    .InputReadOnly:hover,
    .InputReadonly:hover,
    .Inputreadonly:hover,
    .InputreadOnly:hover,
    .inputreadonly:hover,
    .inputReadOnly:hover,
    .inputreadOnly:hover,
    .inputReadonly:hover {
        border: 1px solid #c2cad8;
    }

    .InputReadOnly:focus,
    .InputReadonly:focus,
    .Inputreadonly:focus,
    .InputreadOnly:focus,
    .inputreadonly:focus,
    .inputReadOnly:focus,
    .inputreadOnly:focus,
    .inputReadonly:focus {
        border: 1px solid #c2cad8;
        background-color: #eeeeee;
    }

/*-------------text box read only format - donot change height-------------------*/
.InputReadOnly_SameHeight {
    FONT-FAMILY: Open Sans;
    COLOR: #636363;
    border: 1px solid #c2cad8;
    background: #eeeeee;
    height: 24px;
    line-height: 17px;
    padding-left: 1px;
}

    .InputReadOnly_SameHeight:hover {
        border: 1px solid #c2cad8;
    }

    .InputReadOnly_SameHeight:focus {
        border: 1px solid #c2cad8;
        background-color: #eeeeee;
    }


/*-------------text box read only format-------------------*/
.InputCenterReadOnly {
    FONT-FAMILY: Open Sans;
    COLOR: #636363;
    border: 1px solid #c2cad8;
    background: #eeeeee;
    text-align: center;
    height: 24px;
    line-height: 17px;
}

    .InputCenterReadOnly:hover {
        border: 1px solid #c2cad8;
    }

    .InputCenterReadOnly:focus {
        border: 1px solid #c2cad8;
        background-color: #eeeeee;
    }

.InputRightReadOnly {
    FONT-FAMILY: Open Sans;
    COLOR: #636363;
    border: 1px solid #c2cad8;
    background: #E0E0E0;
    text-align: right;
    height: 24px;
    line-height: 17px;
    padding-right: 1px;
}

    .InputRightReadOnly:hover {
        border: 1px solid #c2cad8;
    }

    .InputRightReadOnly:focus {
        border: 1px solid #c2cad8;
        background-color: #E0E0E0;
    }

.InputLeftReadOnly {
    FONT-FAMILY: Open Sans;
    COLOR: #636363;
    border: 1px solid #c2cad8;
    background: #eeeeee;
    text-align: left;
    height: 24px;
    line-height: 17px;
    padding-left: 1px;
}

    .InputLeftReadOnly:hover {
        border: 1px solid #c2cad8;
    }

    .InputLeftReadOnly:focus {
        border: 1px solid #c2cad8;
        background-color: #eeeeee;
    }
/*-------------end text box read only format-------------------*/
.InputDate {
    FONT-FAMILY: Open Sans;
    COLOR: #555;
    border: 1px solid #c2cad8;
    text-align: center;
    width: 70px;
    height: 24px;
}

    .InputDate:hover {
        border: 1px solid #c07b14;
    }

    .InputDate:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }

.InputNumber {
    FONT-FAMILY: Open Sans;
    COLOR: #555;
    border: 1px solid #c2cad8;
    text-align: right;
    height: 24px;
}

    .InputNumber:hover {
        border: 1px solid #c07b14;
    }

    .InputNumber:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }
/*-------------Link button format-------------------*/

.search, .Search, .btnTTNguoiKy, .btnLayDinhBien, .btnGetCTTT, .btnGetPositionCode, .btnDel {
    HEIGHT: 24px !important;
    FONT-FAMILY: Open Sans;
    width: 30px !important;
    font-weight: normal;
    background-color: #04a59c;
    COLOR: #000000;
    BORDER-RIGHT: #000000 1px NotSet;
    BORDER-TOP: #000000 1px NotSet;
    BORDER-LEFT: #000000 1px NotSet;
    BORDER-BOTTOM: #000000 1px NotSet;
    padding-left: 0px;
    padding-right: 0px;
}

.searchGrid, Searchgrid, .SearchGrid, .searchgrid {
    HEIGHT: 24px !important;
    width: 14px !important;
    font-weight: bold;
    background-color: #04a59c;
    COLOR: white;
    float: left;
    padding-bottom: 5px;
    padding-right: 0px;
    margin-left: 1px;
}

.DeleteFile {
    background-image: url('../../assets/img/delete.png'); /*#ffffff00 no-repeat*/;
    background-repeat: no-repeat;
    width: 21px;
    HEIGHT: 21px;
    display: inline-block;
}

.EditFile {
    border: 1px none #3366cc;
    background-position: left center;
    background-image: url('../../Images/edit.png');
    font: smallcaption;
    width: /*70px*/ 15px;
    color: #F5F7F6;
    background-repeat: no-repeat;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #F5F7F6;
    text-align: center;
    display: inline-block;
}

.SaveFile {
    background-image: url('../../Images/icon/save_ico.png');
    background-repeat: no-repeat;
    width: 21px;
    HEIGHT: 21px;
    display: inline-block;
}

.CancelFile {
    background-image: url('../../Images/cancel.png');
    background-repeat: no-repeat;
    width: 21px;
    HEIGHT: 21px;
    display: inline-block;
}

.Detail {
    border: 1px none #3366cc;
    padding-right: 4px;
    background-position: left center;
    background-image: url('../../Images/view.png');
    font: smallcaption;
    width: 20px;
    color: #F5F7F6;
    padding-top: 1px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    HEIGHT: 22px;
    text-align: center;
    display: block;
}

.btn {
    border: 1px none #3366cc;
    padding-right: 4px;
    background-position: left center;
    background-image: url('../../Images/nutsmall.jpg');
    /*font:caption;*/
    font-family: Open Sans;
    text-decoration: none;
    font-weight: bold;
    width: 60px;
    color: #003399;
    padding-top: 1px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    HEIGHT: 22px;
    BACKGROUND-COLOR: white;
    text-align: center;
}

/*-------------end button format-------------------*/

/* ------------- LEFT MENU DIVIDER -------------*/
.select {
    font-family: Open Sans;
    text-align: center;
    color: Navy;
}

.button {
    text-decoration: none;
    BORDER-RIGHT: #dddddd 0px outset;
    BORDER-TOP: #dddddd 0px outset;
    FONT-WEIGHT: bold;    
    BORDER-LEFT: #dddddd 0px outset;
    CURSOR: hand;
    COLOR: #003399;
    BORDER-BOTTOM: #dddddd 0px outset;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Open Sans;
    HEIGHT: 21px;
    width: 90px;
}

    .button a:hover {
        text-decoration: none;
        BORDER-RIGHT: #dddddd 0px outset;
        BORDER-TOP: #dddddd 0px outset;
        FONT-WEIGHT: bold;
        BACKGROUND-IMAGE: url(none);
        BORDER-LEFT: #dddddd 0px outset;
        CURSOR: hand;
        COLOR: #003399;
        BORDER-BOTTOM: #dddddd 0px outset;
        BACKGROUND-REPEAT: repeat;
        FONT-FAMILY: Open Sans;
        HEIGHT: 21px;
        width: 90px;
    }

.TaskGrid_Head {
    height: 24px;
    color: #CCCCFF;
    font-weight: bold;
    text-align: center;
    background-color: #11938b;
}

.TextMode {
    padding: 2px 4px 2px 3px;
    font-size: 12px;
    FONT-FAMILY: Open Sans;
    COLOR: black;
    border: 1px solid #c2cad8;
    height: 100px;
}

    .TextMode:hover {
        border: 1px solid #c2cad8;
    }

    .TextMode:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }

.TextMode40 {
    padding: 2px 4px 2px 3px;
    font-size: 12px;
    FONT-FAMILY: Open Sans;
    COLOR: black;
    border: 1px solid #c2cad8;
    height: 40px;
    margin-bottom:3px;
}

    .TextMode40:hover {
        border: 1px solid #c2cad8;
    }

    .TextMode40:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }

.TextMode60 {
    padding: 2px 4px 2px 3px;
    font-size: 12px;
    FONT-FAMILY: Open Sans;
    COLOR: black;
    border: 1px solid #c2cad8;
    height: 60px;
}

    .TextMode60:hover {
        border: 1px solid #c2cad8;
    }

    .TextMode60:focus {
        border: 1px solid #882501;
        background-color: #FFF7AC;
    }

/* Css for RadGrid */
.RadGrid_Black .rgHeader,
.RadGrid_Default .rgHeader,
.RadGrid_Forest .rgHeader,
.RadGrid_Hay .rgHeader,
.RadGrid_Office2007 .rgHeader,
.RadGrid_Outlook .rgHeader,
.RadGrid_Simple .rgHeader,
.RadGrid_Sitefinity .rgHeader,
.RadGrid_Sunset .rgHeader,
.RadGrid_Telerik .rgHeader,
.RadGrid_Vista .rgHeader,
.RadGrid_Web20 .rgHeader,
.RadGrid_WebBlue .rgHeader,
.RadGrid_Windows7 .rgHeader {
    FONT-FAMILY: Open Sans !important;
    font-weight: bold !important;
}

.rgpointer {
    cursor: pointer !important;
}

input[type="image" i]:disabled {
    cursor: not-allowed;
    opacity: .5;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.selectOrg {
    background-image: url(../../Images/icon/list_ico.png) !important;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 16px;
    height: 16px;
}
/* End Css for RadGrid */

/* QuangPNV bỏ, Group by nó bị sọc
.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable {
    border-collapse: collapse !important;
}*/

/* Tooltip CSS */
.dhtmltooltip {
    position: absolute;
    left: -300px;
    max-width:700px;
    min-width:600px;
    text-align: left;
    visibility: hidden;
    z-index: 900000;
    padding: 1px;
}

div.conner {
    background: #fff;
    max-width:700px;
    min-width:600px;
    color: #000 !important;
    text-align: justify;
    border: 0px solid #333333;
    padding: 5px;
}

/*Convert telerik 2011 --> 2014*/
.RadComboBoxDropDown label {
    display: inline !important;
}
/* End Tooltip CSS */

.tableGrid {
    padding-top: 6px;
    width: 100%;
    float: left;
}

.cssCollapseExpand {
    margin: 0px 5px 0px 5px;
}

.dv-hori {
    display: table;
    position: relative;
    width: 100%;
    margin-top: 5pt;
    empty-cells: hide;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    table-layout: fixed;
    clear: both;
}

    .dv-hori .RadComboBox {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.dv-group-ctrl {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*.dv-group-ctrl:before,.dv-group-ctrl:after{content:"";display:table}
.dv-group-ctrl:after{clear:both}*/
.dv-hori.twocol .dv-group-ctrl {
    width: 50%;
    min-width: 50%;
    vertical-align: top;
    display: inline-block;
}

@-moz-document url-prefix() {
    .dv-hori.twocol .dv-group-ctrl {
        width: 49.8%;
        min-width: 49.8%;
        vertical-align: top;
        display: inline-block;
    }
}

.dv-hori.twocol .dv-group-ctrl.full-ctrl {
    width: 100%;
}

    .dv-hori.twocol .dv-group-ctrl.full-ctrl .lb-caption.dv-w-15 {
        width: calc((100%/2)*32.5/100);
        min-width: calc((100%/2)*32.5/100);
    }

.dv-hori .lb-caption.dv-w-15 {
    width: 15%;
    min-width: 15%;
    text-align: right;
    padding-right: 10pt;
    float: left;
    display: table-column;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dv-hori.twocol .dv-group-ctrl .lb-caption.dv-w-15 {
    width: 32.5%;
    min-width: 32.5%;
}

.dv-hori .dv-group-ctrl div.RadComboBox, .dv-hori .dv-group-ctrl input {
    margin-top: 1pt;
    margin-bottom: 1pt;
}

.dv-hori .lb-caption.dv-w-15.merg-10pt {
    padding-left: 0pt;
}

.dv-hori .ctrl-form.dv-w-30 {
    width: 30%;
    min-width: 30%;
    float: left;
    display: table-column;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dv-hori.twocol .ctrl-form.dv-w-30 {
    width: 62.5%;
    min-width: 62.5%;
}

.dv-hori .ctrl-form.dv-colspan-15 {
    width: 75%;
    min-width: 75%;
    display: inline-table;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dv-hori.twocol .dv-group-ctrl.full-ctrl .ctrl-form.dv-colspan-15 {
    width: calc(100% - (100%/2)*32.5/100 - 2.5%);
    min-width: calc(100% - (100%/2)*32.5/100 - 2.5%);
}

.merg-btnCal, .dv-hori .dv-group-ctrl .merg-btnCal {
    position: relative;
    top: 0.5pt;
    margin-top: -1.5pt;
}

.dv-hori.twocol .dv-group-ctrl.dv-hide {
    display: none;
}

.dv-clearboth {
    clear: both;
    padding-top: 5pt;
    padding-bottom: 5pt;
}

.space-clearboth {
    clear: both;
}

.dv-clearboth:before, .dv-clearboth:after {
    content: "";
    display: table;
}

.dv-clearboth:after {
    clear: both;
}

.space-clearboth:before, .space-clearboth:after {
    content: "";
    display: table;
}

.space-clearboth:after {
    clear: both;
}

.dv-actions {
    display: table;
    vertical-align: middle;
    width: 100%;
    float: left;
}

    .dv-actions.buttons {
        text-align: center;
        padding-bottom: 10pt;
    }

.dv-results {
    display: table;
    vertical-align: middle;
    width: 100%;
    float: left;
}

.dv-hide {
    display: none;
}

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

.merg-r10 {
    padding-right: 10pt;
    text-align: right;
}
/********Hide coltrol in td********/
table .hideLeft {
    width: 0px;
    float: right;
}

table .fixRight {
    float: left;
    width: 100%;
}

.element50 {
    width: 49%;
    padding: 1px;
    float: left;
    min-height: 24px;
    /*border:1px solid black;*/
}

.labelControl50 {
    margin-left: 2%;
    width: 28%;
    float: left;
}

.control50 {
    width: 70%;
    float: left;
}

.element30 {
    width: 32.5%;
    float: left;
    padding: 1px;
    /*border:1px solid red;*/
}

.labelControl30 {
    margin-left: 2px;
    width: 25%;
    float: left;
}

.control30 {
    width: 65%;
    float: left;
    /*border:1px solid black;*/
}

.element100 {
    width: 100%;
    float: left;
    padding: 1px;
}

.labelControl100 {
    margin-left: 1%;
    width: 13.6%;
    float: left;
}

.control100 {
    width: 84.4%;
    float: left;
}

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

/**Buttons  -QuangPNV chuyển từ ihrpComponents.css*/
span.btn1 {
    font-size: 12px;
}

    span.btn1 a {
        color: #ffffff;
        background-color: #02736c;
        padding: 5px 10px;
        border-radius: 3px;
        display: inline-block;
        border: solid 1px #215955;
        text-decoration: none;
        min-width: 90px;
        margin-left: 3px;
        text-align: center;
    }

        span.btn1 a:hover {
            background-color: #129e96;
            transition: all .3s;
        }

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

span.btn2 {
    font-size: 12px;
}

    span.btn2 a {
        color: #ffffff;
        background-color: #02736c;
        padding: 5px 10px;
        border-radius: 3px;
        display: inline-block;
        border: solid 1px #215955;
        text-decoration: none;
        min-width: 90px;
        margin-left: 3px;
        text-align: center;
    }

        span.btn2 a:hover {
            background-color: #129e96;
            transition: all .3s;
        }

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

/*QuangPNV btn2S :  Chieu cao cua button se ngang bang chieu cao cua TextBox, ComboBox*/
span.btn2S {
    font-size: 12px;
}

    span.btn2S a {
        color: #ffffff;
        background-color: #02736c;
        padding: 2px 10px 2px 10px;
        border-radius: 3px;
        display: inline-block;
        border: solid 1px #215955;
        text-decoration: none;
        min-width: 90px;
        margin-left: 3px;
        text-align: center;
    }

        span.btn2S a:hover {
            background-color: #129e96;
            transition: all .3s;
        }

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


span.btn3 {
    font-size: 12px;
}

    span.btn3 a {
        color: #ffffff;
        background-color: #02736c;
        padding: 0px 0px 0px 5px;
        border-radius: 3px;
        display: inline-block;
        border: solid 1px #215955;
        text-decoration: none;
        min-width: 90px;
        margin-left: 3px;
        text-align: center;
    }

        span.btn3 a:hover {
            background-color: #129e96;
            transition: all .3s;
        }

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

.disable {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    border: solid 1px #9a9997 !important;
}

.getFile {
    width: auto;
    padding: 0 16px;
    background: #02736c;
    margin: 0 10px 0 0;
    color: #ffffff;
}

/* MAIL TEMPLATE */
.reTool span {
    display: block !Important;
    float: none !Important;
}

/* Dành cho Radio Button đơn */
.Radio100 {
    width: 100px !important;
}

    .Radio100 label {
        width: 100px !important;
        display: block;
    }

.Radio120 {
    width: 120px !important;
}

    .Radio120 label {
        width: 120px !important;
        display: block;
    }

.Radio135 {
    width: 135px !important;
}

    .Radio135 label {
        width: 135px !important;
        display: block;
    }

.Radio145 {
    width: 145px !important;
}

    .Radio145 label {
        width: 145px !important;
        display: block;
    }

.Radio150 {
    width: 150px !important;
}

    .Radio150 label {
        width: 150px !important;
        display: block;
    }

.Radio200 {
    width: 200px !important;
}

    .Radio200 label {
        width: 200px !important;
        display: block;
    }

.Radio250 {
    width: 250px !important;
}

    .Radio250 label {
        width: 250px !important;
        display: block;
    }

.Radio300 {
    width: 300px !important;
}

    .Radio300 label {
        width: 300px !important;
        display: block;
    }

/* Dành cho CheckBox đơn */
.CheckBox100 {
    width: 100px !important;
    display: inline-block;
}

    .CheckBox100 label {
        width: 100px !important;
    }

.CheckBox120 {
    width: 120px !important;
    display: inline-block;
}

    .CheckBox120 label {
        width: 120px !important;
    }

.CheckBox150 {
    width: 150px !important;
    display: inline-block;
}

    .CheckBox150 label {
        width: 150px !important;
    }

.CheckBox200 {
    width: 200px !important;
    display: inline-block;
}

    .CheckBox200 label {
        width: 200px !important;
    }

.CheckBox250 {
    width: 250px !important;
    display: inline-block;
}

    .CheckBox250 label {
        width: 250px !important;
    }

.CheckBox270 {
    width: 270px !important;
    display: inline-block;
}

    .CheckBox270 label {
        width: 270px !important;
    }

.CheckBox300 {
    width: 300px !important;
    display: inline-block;
}

    .CheckBox300 label {
        width: 300px !important;
    }

/* Dành cho Radio Button List */
.RadioCss100 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss100 label {
        width: 80px;
    }

    .RadioCss100 td {
        width: 100px;
    }

.RadioCss120 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss120 label {
        width: 100px;
    }

    .RadioCss120 td {
        width: 120px;
    }

.RadioCss120_6 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss120_6 label {
        width: 100px;
    }

    .RadioCss120_6 td {
        width: 125px;
    }

.RadioCss150 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss150 label {
        width: 130px;
    }

    .RadioCss150 td {
        width: 150px;
    }

.RadioCss300 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss150 label {
        width: 280px;
    }

    .RadioCss150 td {
        width: 300px;
    }
.RadioCssSN {
    width: auto;
    padding-top: 4px;
}

.RadioCssSN label {
    width: 100px;
    padding-left: 18px;
    display: inline-block;
}

.RadioCssSN td {
    width: 150px;
}

.RadioCssSN.forSearchAddNew td{
    border-top-right-radius: 50px;   
    border-top-left-radius: 10px;    
    padding-top: 5px;    
    padding-bottom: 2px;
    width: auto;
    margin-right: 0px;
    display: inline;
    background: #62d6af;
    cursor: pointer;
    color: #000000;
}
.RadioCssSN.forSearchAddNew td:hover{
    background: #91dca8;
    border-bottom: none;
    border-right: 1px;
    border-left: solid 1px #d0d6d2;
    border-right: solid 1px #d0d6d2;
    border-top: solid 1px #d0d6d2;    
    border-bottom: solid 2px #fff !Important;
}

.RadioCssSN_Active{
    background: #62d6af !Important;
    border-bottom: solid 2px #fff;
    font-weight:bold;
}

.RadioCssSN_UnActive{
    background: #fbfbfb !Important;
    border-left: solid 1px #d0d6d2;
    border-right: solid 1px #d0d6d2;
    border-top: solid 1px #d0d6d2;    
    border-bottom: solid 2px #fff !Important;    
}


.RadioCssSN.forSearchAddNew td input[type="radio"]{
    display:none
}

/*Tab option width 190 tham khảo danh sách ứng viên 7001*/
.RadioCssSN2 {
    width: auto;
    padding-top: 4px;
}

.RadioCssSN2 label {
    width: 190px;
    padding-left: 18px;
    display: inline-block;
}

.RadioCssSN2 td {
    width: 150px;
}

.RadioCssSN2.forSearchAddNew td{
    border-top-right-radius: 50px;   
    border-top-left-radius: 10px;    
    padding-top: 5px;    
    padding-bottom: 2px;
    width: auto;
    margin-right: 0px;
    display: inline;
    background: #62d6af;
    cursor: pointer;
    color: #000000;
}
.RadioCssSN2.forSearchAddNew td:hover{
    background: #91dca8;
    border-bottom: none;
    border-right: 1px;
    border-left: solid 1px #d0d6d2;
    border-right: solid 1px #d0d6d2;
    border-top: solid 1px #d0d6d2;    
    border-bottom: solid 2px #fff !Important;
}

.RadioCssSN2.forSearchAddNew td input[type="radio"]{
    display:none
}
/*end*/

.RadioCss150_6 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss150_6 label {
        width: 130px;
    }

    .RadioCss150_6 td {
        width: 155px;
    }

.RadioCss200 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss200 label {
        width: 170px;
    }

    .RadioCss200 td {
        width: 210px;
    }

.RadioCss200_6 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss200_6 label {
        width: 170px;
    }

    .RadioCss200_6 td {
        width: 205px;
    }

.RadioCss250 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss250 label {
        width: 220px;
    }

    .RadioCss250 td {
        width: 250px;
    }

.RadioCss250_inline>input {
    width: auto;
    display: inline;
    float: left;
}
.RadioCss250_inline>label {
    width: auto;
    display: inline;
    float: left;
    margin-right: 50px;
}

.RadioCss250_6 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss250_6 label {
        width: 220px;
    }

    .RadioCss250_6 td {
        width: 255px;
    }

.RadioCss300 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss300 label {
        width: 270px;
    }

    .RadioCss300 td {
        width: 300px;
    }

.RadioCss342 {
    width: auto;
    padding-top: 4px;
}

    .RadioCss342 label {
        width: 312px;
    }

    .RadioCss342 td {
        width: 342px;
    }

/*Mail Template*/
.reModule{
    height:inherit;
}

.RadWindow .rwIcon {
    display:none !important;
}

.RadWindow .rwTitleWrapper .rwTitle {
    padding: 0 0 0 4px !important;
    line-height: 18px;
}
.RadWindow_Default .rwTitleWrapper .rwTitle {
    color: #e96d4f !important;
    font-family: Open Sans !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.RadWindow_Default .rwTable .rwTitlebarControls em {
    color: #11938b !important;
}