@charset "UTF-8";
@import url('./bootstrap/css/bootstrap.min.css');

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 18px;
}

/* DNN Body */
.BodyMain {
    /* CSS3 */
}

/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
body, th, td, table, h1, h2, h3, h4, h5, h6,
.Head, .SubHead, .SubSubHead,
.Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled,
a:link, a:visited, a:hover, input, .CommandButton {
    font-family: Arial, Helvetica, sans-serif;
}

.Header {
}

.UserProfile {
}

    .UserProfile a {
        /* color: #4e77d7 !important; */
        color: #4e77d8 !important;
    }

        .UserProfile a:hover {
            color: #D89579 !important;
        }
/*Banner dành cho các đơn vị theo portalID */
.ThongTinCaNhan {
    border: 0;
    background: none;
}

.Banner0 {
    height: 120px;
    background: url(images/banner-left0.png) no-repeat top left;
}

.Banner13 {
    height: 120px;
    background: url(images/banner-left13.png) no-repeat top left #3a85cf;
}
/**/
.Banner-right {
    height: 120px;
    background: url(images/bn-rght.png) no-repeat top right;
}

.SubMenu {
    background: #3879d9;
    color: #3879d9;
    font-weight: bold;
}

    .SubMenu td {
        padding: 0 10px;
        height: 25px;
    }

    .SubMenu a {
        color: #fff !important;
        white-space: nowrap;
    }

    .SubMenu td:hover, .SubMenu td.Selected {
        background: #154b9a;
    }

.RequiredField {
    background: #FCFAB1;
}

.Mnbg {
    background: url(images/mnbg.png) repeat-x 0 0;
    height: 32px;
    line-height: 30px;
    padding-left: 10px;
}

.MenuApp {
    background: url(Images/Menu_app.png) repeat-x 0 0;
    height: 31px;
    border-radius: 3px;
    border: 1px solid #366d84;
    margin: 2px 2px;
    display: block;
}

.Mnbg span a {
    height: 32px;
    line-height: 30px;
    padding: 8px 20px 6px 20px;
    text-transform: uppercase;
    color: #f8f8f8;
}

    .Mnbg span a.Breadcrumb {
        background: #3a85cf;
    }

    .Mnbg span a:hover {
        background: #3a85cf;
    }

.Navbg {
    background: url(images/nav_bg.png) repeat-x bottom left #eeeeee;
    padding: 5px 20px 5px 5px;
    margin-top: 2px;
}

.UserGroup {
    text-align: right;
}

#contentWrapper {
}

.dnnLogin {
    background: #f8f8f8;
    padding: 10px;
}

.CotTrai {
    width: 240px;
}

    .CotTrai .Title {
        line-height: 20px;
        padding: 8px 20px;
    }

        .CotTrai .Title span {
            float: left;
        }

.Text-title-withicon {
    padding-left: 10px;
}

.CotTrai .LineNgang {
    border-bottom: 1px solid #bbb;
}

.Clear {
    clear: both;
}

.MenuCongViec {
    padding: 0;
    margin: 0;
}

    .MenuCongViec .MenuItem {
        padding: 5px 0 5px 30px;
        margin: 0;
    }

        .MenuCongViec .MenuItem span {
            float: left;
        }

            .MenuCongViec .MenuItem span.MNTitle {
                padding-left: 5px;
            }

        .MenuCongViec .MenuItem a {
            color: #555;
        }

        .MenuCongViec .MenuItem:hover a, .MenuCongViec .Selected a {
            color: #0088CC;
        }

    .MenuCongViec .Selected {
        background: url(images/mnselected.png) no-repeat center right;
    }

.LineNgangTrang {
    background: url(images/linengang.png) repeat-x bottom left;
    padding: 6px 10px;
    text-align: right;
}

.TieuDeNgang {
    border-bottom: 1px solid #bbbbbb;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
}

.MenuCongViec .MenuItem span.indicator-dot {
    margin: 0px 10px 0 0px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    background-color: #D9534F;
    height: 16px;
    width: 16px;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    float: right;
}

.dnnLogin {
    background: #f8f8f8;
    padding: 10px;
}

.le {
    background: #f2f2f2;
    box-shadow: 0 1px 0 0 #ffffff inset;
    -moz-box-shadow: 0 1px 0 0 #ffffff inset;
    -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
    text-shadow: 0 1px 0 #ffffff;
    cursor: pointer;
    border-left: 3px solid #65A6FF;
}

.chan {
    border-left: 3px solid #FF5757;
}

.NhacViec {
    padding: 0;
    margin: 0;
}

    .NhacViec .MenuItem {
        padding: 5px 0 5px 20px;
        margin: 0;
        border-bottom: 1px solid #ebebeb;
    }

        .NhacViec .MenuItem span {
            float: left;
        }

            .NhacViec .MenuItem span.MNTitle {
                padding-left: 5px;
                font-weight: bold;
            }

        .NhacViec .MenuItem a {
            color: #555;
        }

        .NhacViec .MenuItem:hover a, .MenuCongViec .Selected a {
            color: #0088CC;
        }

    .NhacViec .Selected {
        background: url(images/mnselected.png) no-repeat center right;
    }

    .NhacViec .MenuItem span.indicator-dot {
        margin: 0px 10px 0 0px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        color: #fff;
        background-color: #D9534F;
        height: 16px;
        width: 16px;
        font-size: 10px;
        font-weight: 700;
        line-height: 15px;
        text-align: center;
        float: right;
    }


.MenuPhanMem {
    padding: 10px;
}

    .MenuPhanMem .TichHopItem {
        color: #111;
    }

        .MenuPhanMem .TichHopItem a {
            color: #111;
        }

            .MenuPhanMem .TichHopItem a:hover {
                color: #0088CC;
            }

.Main {
    margin: 0;
        min-height: 75vh;
}
.Main2 {
    margin: 0;
        min-height: 90vh;
}
.main-shadow-top {
    background: rgba(255,255,255,0.4); /* For IE8 and earlier */
}

.main-shadow-bottom {
    padding-bottom: 36px;

}

#footer {
    clear: both;
    color: #f8f8f8;
    background: #4e77d7;
    width: 100%;
    padding-top: 10px;
    font-size: 11px;
}
#footer2 {
    clear: both;
    color: #f8f8f8;
    width: 100%;
    padding-top: 10px;
    font-size: 11px;
}
#footer .Logo {
	height: 50px;
	background: url('images/footer-logo.png') no-repeat 0 0;
	width: 1000px;
	margin: 0 auto;
}

.FootRight {
    float: right;
    width: 150px;
    background: #2592cb;
    margin-top: 5px;
    padding: 2px 2px 2px 10px;
    border-radius: 7px;
    box-shadow: 0 1px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
    font-weight: bold;
    color: #f8f8f8;
}
.FootRight2{
    float: right;
    width: 150px;
    background: #2592cb;
    margin-top: 5px;
	margin-right: 30px;
    padding: 2px 15px 2px 10px;
    border-radius: 7px;
    box-shadow: 0 1px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
    font-weight: bold;
    color: #f8f8f8;
}
.nav-shadow {
    width: 100%;
    position: relative;
    z-index: 990;
}

nav {
    background: #F5F5F5;
}

.FootNav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
}

    .FootNav .Content {
        width: 80%;
        margin: 0 auto;
        background: url(images/nav-tail.gif) center top repeat-x #3681c3;
        border-top: 1px solid #63c2e1;
        border-radius: 7px 7px 0 0;
        box-shadow: 0 1px 5px #1a4ca5;
        -webkit-box-shadow: 0 1px 5px #1a4ca5;
        height: 60px;
        text-align: center;
    }

        .FootNav .Content div.navF {
            height: 60px;
            padding: 10px 20px 0 20px;
            float: left;
            margin: 0 auto;
            background: url(../../../../DesktopModules/DDRMenu/Superfish/menu-separator.png) right top repeat-y;
        }


.navTrai {
    width: 60px;
    background: url(images/menutrai.png) repeat-y top right;
}

    .navTrai .NAVMN {
        -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.2);
        -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.2);
        box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.2);
        margin: 0px;
        border-bottom: 1px solid #20638f;
        display: block;
        box-sizing: border-box;
        text-align: center;
        padding: 10px;
    }

.TinNBColT {
    width: 240px;
    border-right: 1px solid #ccc;
}

.DMLoaiTin {
    padding: 0px 10px;
    background: #0e6390;
    height: 37px;
    line-height: 37px;
    color: #fff;
}

    .DMLoaiTin .MenuI {
        background: url(images/domb.png) no-repeat center left;
        height: 37px;
        padding-left: 20px;
    }

.SubDMLoaiTin {
    line-height: 30px;
    border-bottom: 1px solid #58b1fc;
    padding-left: 30px;
    background: url(images/domn.png) no-repeat 20px center;
    color: #f8f8f8;
}

    .SubDMLoaiTin:hover {
        background: url(images/domn.png) no-repeat 20px center #58b1fc;
    }

.TNBMini {
    padding: 0 0 0 10px;
}

    .TNBMini .Time {
        font-size: 9px;
        color: #555;
    }


.UngDungBox {
    border: 1px solid #c9c9c9 !important;
    width: 350px;
    float: left;
    margin: 10px 14px !important;
}

.Kpanel {
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    border-color: #c9c9c9;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-sizing: border-box;
}

.Kpanel-heading {
    overflow: hidden;
    position: relative;
    height: 30px;
    padding-left: 10px;
    color: #666;
    border-bottom: 1px solid #c9c9c9;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    border-radius: 3px 3px 0 0;
    text-shadow: 0 1px #ffffff;
    border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
    background: url(images/mnbg.png) repeat-x top left;
    background-color: #f0f0f0;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    box-sizing: border-box;
}

.Kpanel-headingMenu {
    overflow: hidden;
    position: relative;
    height: 30px;
    padding-left: 10px;
    color: #f8f8f8;
    border-bottom: 1px solid #c9c9c9;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    border-radius: 3px 3px 0 0;
    border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
    background: url(images/mnbg.png) repeat-x top left;
    box-sizing: border-box;
}

.rtBot rtSelected a:link {
    color: #f8f8f8 !important;
}

.Kpanel-Main {
    padding: 5px;
}

.navTrai .NAVMN:hover, .navTrai .Selected {
    margin: 0px -3px;
    background-color: #3498db;
    color: #ffffff;
    border-left: 6px solid #F1C40F;
}

.BoxUngDungTop {
    width: 900px;
    height: 16px;
    background: url(images/bg-box-t.png) no-repeat top center;
}

.BoxUngDungCenter {
    width: 900px;
    height: 16px;
    background: url(images/bg-box-c.png) repeat-y top center;
    min-height: 130px;
}

.BoxUngDungBottom {
    width: 900px;
    height: 16px;
    background: url(images/bg-box-b.png) no-repeat top center;
}

.maxW180 {
    max-width: 210px;
}


.boxscroll {
    height: 100px;
    overflow: auto;
    margin-right: auto;
    margin-left: auto;
}


.RadSplitter_Default {
    border: 0px !important;
}

    /*pane's borders*/
    .RadSplitter_Default .pane,
    .RadSplitter_Default .rspResizeBarHorizontal {
        border: 0px !important;
    }

.rgSelectedRow {
    background: #cde6f7 !important;
    color: #111 !important;
}

    .rgSelectedRow a {
        color: #111 !important;
    }

.fssLabel {
    width: 120px;
    color: #00156E;
    padding-right: 5px;
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    text-align: right;
    vertical-align: middle;
    border: 1px solid #fff;
    white-space: nowrap;
    background-color: #DBE9F7;
}

.fssLable {
    width: 120px;
    color: #000;
    padding-right: 5px;
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    text-align: right;
    vertical-align: middle;
    border: 1px solid #fff;
    white-space: nowrap;
    background-color: #e2e2e2;
}

.fssContent {
    color: #555555;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 13px;
    border: 1px solid #fff;
    background-color: #f5f5f5;
}

.fssTitle {
    font-weight: bold;
    line-height: 30px;
}

fieldset {
    border: 1px solid #9EBFDB !important;
    border-radius: 5px !important;
    padding: 0px;
    margin: 0px;
    height: 100%;
    overflow-y: auto;
}

.miButton {
    text-align: center;
    padding: 5px;
    cursor: pointer;
    list-style: none;
}
/**/


/*--------
em {
    font-style: italic;
    letter-spacing: 0;
}

strong {
    color: #333;
    font-weight: bold;
}

small {
    font-size: 12px;
    letter-spacing: 0;
}

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    margin: 0;
}

h1 {
    font-size: 26px;
}

h2, h2 .Head {
    font-size: 18px;
}

h3, h3 .Head {
    font-size: 18px;
    color: #666;
}

h4, h4 .Head {
    font-size: 16px;
    color: #666;
}

h5, h5 .Head {
    font-size: 14px;
    color: #666;
}

h6, h6 .Head {
    font-size: 13px;
    color: #666;
}

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a, a:link, a:visited, a:active {
    color: #1E2F41;
    text-decoration: none;
    outline: 0;
}

    a:hover {
        color: #D00;
        text-decoration: none;
        outline: 0;
    }

/* DNN Specific Selectors 
-------------------------------------*/
.CommandButton {
    font-size: 13px;
    color: #3d3d3d;
    font-weight: bold;
}

    .CommandButton:hover {
        color: #007cae;
    }

a.CommandButton:link {
    font-size: 13px;
    text-decoration: none;
    color: #3d3d3d;
    font-weight: bold;
}

a.CommandButton:hover {
    text-decoration: underline;
    color: #007cae;
}


.MTitle {
    background: #ccc;
    padding: 8px 15px;
}
/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
p {
    margin: 0 0 25px 0;
}

hr {
    clear: both;
    height: 0;
    border: solid #c0c0c0;
    border-width: 1px 0 0;
    margin: 20px 0 20px 0;
}

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
img {
    border: 0;
}

/* Image Align Left 
    -------------------------------------*/
.imgLeft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

/* Image Align Right 
    -------------------------------------*/
.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

/* Image with border 
    -------------------------------------*/
.imgBorder {
    border: solid 3px #fff;
}

/* Polaroid Image Style 
    -------------------------------------*/
.imgPolaroid {
    color: #a6a6a6;
    font-size: 12px;
    text-align: left;
    padding: 13px 13px 17px 13px;
    background-color: #fff;
    box-shadow: 0 1px 2px #ccc;
}

    .imgPolaroid img {
        margin-bottom: 12px;
    }

/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/


/* Ordered List */
ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    vertical-align: top;
}

ol ol {
    margin-top: 8px;
    margin-left: 30px;
}

    ol ol li {
        list-style-type: lower-roman;
    }

    ol ol ol li {
        list-style-type: lower-alpha;
    }

ol ul li {
    list-style-type: lower-roman;
}

/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/

/* Default Table Style */
table.tableDefault {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

    table.tableDefault th,
    table.tableDefault td {
        font-size: 12px;
        padding: 8px;
    }

    table.tableDefault th {
        font-weight: bold;
        text-align: left;
        border-bottom: solid 2px #aaa;
        background-color: #d7d7d7;
    }

    table.tableDefault td {
        border-bottom: solid 1px #d9d9d9;
    }

    table.tableDefault tr:nth-child(odd) {
        background: transparent;
    }

    table.tableDefault tr:nth-child(even) {
        background: #e3e4e6;
    }

.tableDefault tbody tr:hover td {
    color: #111;
}

/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/
.TBSearch {
    padding: 3px !important;
    background: none !important;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 0px;
    border-radius: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #666;
    font-size: 13px;
}
/*input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] {
    padding: 9px;
    background: #f3f3f3;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #666;
    font-size: 13px;
}
*/

/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/
/* Primary Style Button (blue)*/
button.primaryButton,
a.primaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #3B96B6;
    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

/* Secondary Style Button (darkgray) */
button.secondaryButton,
a.secondaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #666;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
    background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

/* Alternative Style Button (darkgray with arrow) */
button.altButton,
a.altButton {
    display: inline-block;
    padding: 9px 32px 9px 22px;
    margin-bottom: 5px;
    background: #484848 url('images/arrow.png') no-repeat 87% center;
    background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
    background: url('images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffbf00;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

a.dnnPrimaryAction {
    color: #efefef;
}

a.dnnSecondaryAction {
    color: #555;
}

button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover {
    cursor: pointer;
    cursor: hand;
    background-image: none;
    background-color: #D00;
}

button.altButton:hover,
a.altButton:hover {
    cursor: pointer;
    cursor: hand;
    background: #D00 url('images/arrow.png') no-repeat 87% center;
}

/* 
================================
Skin styles for radCombo
================================
*/
/* RadComboBox Default skin */

/*global*/

.RadComboBox_Gray * {
    margin: 0;
    padding: 0;
}

.RadComboBox_Gray,
.RadComboBox_Gray .rcbInput,
.RadComboBoxDropDown_Gray {
    font: 12.5px verdana,sans-serif;
    color: #333;
}

/* combobox */

.RadComboBox_Gray {
    vertical-align: bottom;
}

    .RadComboBox_Gray table {
        border: 0;
        border-collapse: collapse;
    }

    .RadComboBox_Gray td.rcbInputCell {
        width: 100%;
        height: 23px;
        line-height: 21px;
        vertical-align: top;
        padding: 0;
        border: 0;
    }

    .RadComboBox_Gray td.rcbInputCellLeft, .RadComboBox_Gray td.rcbInputCellRight {
        border: 1px solid #c3e4fd;
        background: #fff;
        /*background: url('ComboBox/rcbInput.gif') no-repeat;*/
        /*_background-position: 0 -23px;*/
        height: 23px;
    }

    .RadComboBox_Gray td.rcbInputCellLeft {
        background-position: 0 0;
    }

    .RadComboBox_Gray td.rcbInputCellRight {
        background-position: 100% 0;
    }

    .RadComboBox_Gray .rcbHovered .rcbInputCellLeft {
        background-position: 0 -23px;
    }

    .RadComboBox_Gray .rcbHovered .rcbInputCellRight {
        background-position: 100% -23px;
    }

    .RadComboBox_Gray .rcbFocused .rcbInputCellLeft {
        background-position: 0 -46px;
    }

    .RadComboBox_Gray .rcbFocused .rcbInputCellRight {
        background-position: 100% -46px;
    }

    .RadComboBox_Gray .rcbInputCell .rcbInput {
        width: 100%;
        background: transparent;
        _background-color: White;
        border-color: transparent;
        vertical-align: top;
        padding: 5 5 5 5;
        _outline: 0;
        height: 15px;
    }

    .RadComboBox_Gray .rcbInputCell .rcbEmptyMessage {
        color: #666;
        font-style: italic;
    }

    .RadComboBox_Gray td.rcbInputCell,
    .RadComboBox_Gray .rcbInputCell .rcbInput {
        padding-left: 2px;
    }

.RadComboBox_Gray_rtl td.rcbInputCell,
.RadComboBox_Gray_rtl .rcbInputCell .rcbInput {
    padding-right: 2px;
    padding-left: 0;
}

.RadComboBox_Gray td.rcbArrowCell {
    width: 21px;
    padding: 0;
    border: 0;
    _padding-right: 2px;
}

.RadComboBox_Gray td.rcbArrowCellLeft,
.RadComboBox_Gray td.rcbArrowCellRight {
    background: url('ComboBox/dropdown.png') no-repeat center center #fff;
    border: 1px solid #c3e4fd;
    _width: 21px;
}

.RadComboBox_Gray td.rcbArrowCellLeft {
    background-position: 100% 0;
    cursor: pointer;
}

.RadComboBox_Gray td.rcbArrowCellRight {
    background-position: 0 0;
    cursor: pointer;
}

.RadComboBox_Gray .rcbHovered .rcbArrowCellLeft {
    background-position: 100% 0;
}

.RadComboBox_Gray .rcbHovered .rcbArrowCellRight {
    background-position: 0 0;
}

.RadComboBox_Gray .rcbFocused .rcbArrowCellLeft {
    background-position: 100% 0;
}

.RadComboBox_Gray .rcbFocused .rcbArrowCellRight {
    background-position: 0 0;
}

.RadComboBox_Gray td.rcbArrowCellHidden {
    background-position: -18px 0;
}

.RadComboBox_Gray .rcbHovered .rcbArrowCellHidden {
    background-position: -18px -23px;
}

.RadComboBox_Gray .rcbFocused .rcbArrowCellHidden {
    background-position: -18px -46px;
}

.RadComboBox_Gray table.rcbDisabled td.rcbArrowCellHidden {
    background-position: -18px -69px;
}

.RadComboBox_Gray .rcbArrowCell a {
    position: relative;
    outline: none;
    overflow: hidden;
    display: block;
    width: 21px;
    height: 23px;
    text-decoration: none;
    text-indent: -9999px;
    font-size: 0;
    padding-right: 3px;
}

.RadComboBox_Gray td.rcbArrowCellHidden,
.RadComboBox_Gray .rcbArrowCellHidden a {
    width: 3px;
}

.RadComboBox_Gray .rcbDisabled .rcbArrowCell a {
    cursor: no-drop;
}

.RadComboBox_Gray .rcbDisabled .rcbArrowCellHidden a {
    cursor: default;
}

/* dropdown */

.rcbSlide {
    position: absolute;
    overflow: hidden;
    display: none;
    _height: 1px;
    float: left;
}

.RadComboBoxDropDown_Gray {
    position: absolute;
    background: #fff;
    border: 1px solid #979797;
    border-top-color: #959485;
    cursor: default;
    font-size: 11px;
    text-align: left;
}

.RadComboBoxDropDown_Gray_rtl {
    text-align: right;
    direction: rtl;
}

.RadComboBoxDropDown_Gray_rtl {
    text-align: right;
}

.RadComboBoxDropDown_Gray .rcbScroll {
    overflow: auto;
    background-color: #EEEEEE;
    border-color: #B8B6B6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.RadComboBoxDropDown_Gray .rcbList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.RadComboBoxDropDown_Gray .rcbHeader,
.RadComboBoxDropDown_Gray .rcbFooter {
    background: url('ComboBox/rcbHeader.gif') repeat-x #7d7d7d;
    height: 19px;
    color: #fff;
}

.RadComboBoxDropDown_Gray .rcbHeader {
    padding: 5px 4px 0;
    border-bottom: 1px solid #5a5a5a;
}

.RadComboBoxDropDown_Gray .rcbFooter {
    padding: 0 4px 5px;
    border-top: 1px solid #5a5a5a;
}

.RadComboBoxDropDown_Gray .rcbNoWrap .rcbItem,
.RadComboBoxDropDown_Gray .rcbNoWrap .rcbHovered,
.RadComboBoxDropDown_Gray .rcbNoWrap .rcbDisabled,
.RadComboBoxDropDown_Gray .rcbNoWrap .rcbLoading {
    white-space: nowrap;
}

.RadComboBoxDropDown_Gray .rcbItem,
.RadComboBoxDropDown_Gray .rcbHovered,
.RadComboBoxDropDown_Gray .rcbDisabled,
.RadComboBoxDropDown_Gray .rcbLoading {
    padding: 4px 20px 4px 5px;
    min-height: 13px;
}

* html .RadComboBoxDropDown_Gray .rcbItem,
* html .RadComboBoxDropDown_Gray .rcbHovered,
* html .RadComboBoxDropDown_Gray .rcbDisabled,
* html .RadComboBoxDropDown_Gray .rcbLoading {
    height: 13px;
}

.RadComboBoxDropDown_Gray_rtl .rcbItem,
.RadComboBoxDropDown_Gray_rtl .rcbHovered,
.RadComboBoxDropDown_Gray_rtl .rcbDisabled,
.RadComboBoxDropDown_Gray_rtl .rcbLoading {
    padding: 4px 5px 4px 20px;
}

.RadComboBoxDropDown_Gray .rcbImage {
    vertical-align: middle;
    margin: 0 6px 2px 0;
}

.RadComboBoxDropDown_Gray_rtl .rcbImage {
    margin: 0 0 2px 6px;
}

.RadComboBoxDropDown_Gray em {
    font-style: normal;
    font-weight: bold;
}

.RadComboBoxDropDown_Gray .rcbItem em {
    background: #e5e5e5;
}

.RadComboBoxDropDown_Gray .rcbHovered {
    border: 1px solid #a5a5a5;
    border-width: 1px 0;
    padding: 3px 20px 3px 5px;
    background: #dfdfdf;
    color: #6b6b6b;
}

.RadComboBoxDropDown_Gray_rtl .rcbHovered {
    padding: 3px 5px 3px 20px;
}

.RadComboBox_Gray .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_Gray .rcbDisabled {
    color: #999;
    cursor: default;
}

.RadComboBox_Gray .rcbDisabled td.rcbArrowCellRight,
.RadComboBox_Gray .rcbDisabled td.rcbInputCellLeft {
    background-position: 0 -69px;
}

.RadComboBox_Gray .rcbDisabled td.rcbArrowCellLeft,
.RadComboBox_Gray .rcbDisabled td.rcbInputCellRight {
    background-position: 100% -69px;
}

.RadComboBoxDropDown_Gray .rcbSeparator {
    color: #666;
    background: #F5F5E6;
    margin: 0;
}

.RadComboBoxDropDown_Gray .rcbLoading {
    background: #f0f0f0;
    text-align: center;
}

.RadComboBoxDropDown_Gray .rcbMoreResults {
    clear: both;
    border-top: 1px solid #d7d7be;
    background: #e7e7e7 url('ComboBox/rcbMoreResultsBg.gif') repeat-x 0 0;
    position: relative;
    padding: 6px 4px 4px;
    text-align: center;
}

    .RadComboBoxDropDown_Gray .rcbMoreResults a {
        display: block;
        width: 15px;
        height: 14px;
        background: transparent url('ComboBox/rcbMoreResults.gif') no-repeat;
        margin: -4px auto 4px;
        text-indent: -3333px;
        overflow: hidden;
        text-decoration: none;
        cursor: pointer;
        color: #9d9a87;
    }

        .RadComboBoxDropDown_Gray .rcbMoreResults a:hover {
            background-position: 0 100%;
        }

    .RadComboBoxDropDown_Gray .rcbMoreResults span {
        display: block;
        text-align: center;
    }

.RadComboBoxDropDown_Gray .rcbScroll {
    scrollbar-face-color: #e9e9e9;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #e9e9e9;
    scrollbar-3dlight-color: #dbdbdb;
    scrollbar-arrow-color: #787878;
    scrollbar-track-color: #f5f5f5;
    scrollbar-darkshadow-color: #aeaeae;
}

/*hacks*/

/*Opera start*/
@media screen and (min-width:50px) {
    .RadComboBoxDropDown_Gray_rtl .rcbItem,
    .RadComboBoxDropDown_Gray_rtl .rcbDisabled,
    .RadComboBoxDropDown_Gray_rtl .rcbLoading {
        padding: 4px 4px 4px 20px;
    }

    .RadComboBoxDropDown_Gray_rtl .rcbHovered {
        padding: 3px 4px 3px 20px;
    }

    :root .RadComboBox_Gray .rcbInputCell .rcbInput {
        margin-top: 2px;
    }
}
/*Opera end*/

.LCT_ButtonLeft {
    padding-top: 10px;
    padding-left: 20px;
}

.LCT_ButtonRight {
    padding-top: 10px;
}

.LCT_LichTV_Bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    border: 1px solid white;
}

.FPTMenu_bg {
    background: #eaf1fb;
    height: 35px;
    border-bottom: 1px solid #66CCFF;
    border-top: 1px solid #66CCFF;
}

.MainBackGround {
    background: url(Images/bg.png) no-repeat 0 0;
}

.Banner2 {
    height: 70px;
    background: url(images/banner-left2.png) no-repeat top left #3a85cf;
}

    .Banner2 .Banner-right2 {
        height: 70px;
        background: url(images/banner2.png) no-repeat top right;
    }

.RadGrid_Outlook .rgHeader, .RadGrid_Outlook th.rgResizeCol, .RadGrid_Outlook .rgHeaderWrapper {
    background: #272778 !important;
    color: White !important;
    vertical-align: middle !important;
}

.LichTV_Time {
    font-family: 'Times New Roman';
    text-align: left;
    color: #000079;
    font-weight: 700;
    font-size: 26pt;
    border-left: 5px double #000079;
    padding-left: 10px;
    _background-color: White;
}

.LichTV_ChuTri {
    font-family: 'Times New Roman';
    width: 40%;
    text-align: left;
    color: #000079;
    font-weight: 700;
    font-size: 26pt;
    border-left: 5px double #000079;
    _border-top: 1px solid #000079;
    border-bottom: 1px solid #000079;
    padding-left: 10px;
}

.LichTV_Content {
    font-family: 'Times New Roman';
    width: 60%;
    text-align: left;
    color: #000079;
    font-weight: 700;
    font-size: 26pt;
    border-bottom: 1px solid #000079;
}

.LichTV_ThoiGian_Det {
    color: #FF9900;
}

.LichTV_Tittle_Main {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 67px;
    border-top: 10px solid #5F72AD;
    background: url(Images/LichTV_Title.png) no-repeat;
    background-position: center;
}

.LichTV_Tittle_Item {
    color: #D7F4F3;
    font-size: 35pt;
    font-weight: 700;
    text-align: center;
}

.ThuLy_Banner {
    background: url(images/ThuLyHoSo/Banner_Design_Blue.png) no-repeat;
    width: 220px;
    height: 214px;
}

.ThuLy_Banner_Title {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    height: 40px;
    font-weight: bold;
    font-size: 20px;
}

.ThuLy_Calendar {
    background-color: #004891;
    height: 25px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
    text-align: center;
}

.ThuLy_Calendar_Content {
    background-color: White;
    border: 1px solid #004891;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;
    padding: 7px 7px 7px 7px;
}

.ThuLy_Calendar_Shadow {
    box-shadow: 5px 5px 5px #888888;
    margin-left: auto;
    margin-right: auto;
}

.ThuLy_Calendar_ItemLeft {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 10px;
    width: 85px;
}

.ThuLy_Calendar_ItemLNum {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: red;
    width: 1%;
}

.ThuLy_Calendar_ItemRight {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.ThuLy_Item_Table {
    background-color: #004891;
    border-radius: 5px;
}

.ThuLy_Item_Header {
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    background-color: #C2C4D8;
    border-radius: 5px;
    height: 30px;
    color: #333399;
}

.ThuLy_Item_Content {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    padding: 7px 7px 7px 7px;
}

.ThuLy_Item_ItemLeft {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 5px;
    color: white;
    width: 85px;
}

.ThuLy_Item_ItemLNum {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: yellow;
    width: 1%;
}

.ThuLy_Item_ItemRight {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
}

.ThuLy_Item_Detail {
    text-align: center;
    font-size: 12px;
    padding-top: 4px;
    text-decoration: underline;
    border-top: 1px solid #0067CE;
}

.ThuLy_LuotTruyCap {
    background-color: #0D86FF;
    border-radius: 3px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    height: 25px;
}

.ThuLy_ImageSize {
    width: 24px;
    height: 24px;
}

.ThuLy_ImageSize16 {
    width: 16px;
    height: 16px;
}

.ThuLy_LuotTruyCap_Content {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 10px;
}

.ThuLy_LuotTruyCap_Number {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    color: red;
    padding-top: 10px;
}

.QLDA_FormNote {
    font-size: 14px;
    _font-weight: bold;
    color: #009900;
    padding-top: 10px;
}

.box {
    font-family: Arial,Verdana,Tahoma;
    font-size: 11px;
    color: #082A4F;
    border: 0px solid #86AEF9;
}

.search_box_noradius {
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    color: #082A4F;
    border: 1px solid #50B3B8;
    padding: 3px 4px 3px 3px;
    margin-left: auto;
    margin-right: auto;
}

.search_box {
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    color: #082A4F;
    border: 1px solid #50B3B8;
    padding: 3px 4px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}

.search_box_LCT {
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    border-top: 1px solid #8ede90 !important;
    border-left: 0px solid #33cc66 !important;
    border-right: 0px solid #33cc66 !important;
    border-bottom: 0px solid #33cc66 !important;
    padding: 3px 4px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}

.legend {
    font-family: Segoe UI;
    font-size: 13px;
    font-weight: bold;
    color: #000099; /*#217BCE;*/
    margin-left: 10px;
    border: 0px solid #86AEF9;
}

.legend_LCT {
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: #3d3d3d;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid #86AEF9;
    text-align: center;
}

.RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue th.rgResizeCol, .RadGrid_WebBlue .rgHeaderWrapper {
    background: #2995C9 !important;
    border-right: 1px solid #99CCFF !important;
    border-left: 1px solid #99CCFF !important;
    border-bottom: 1px solid #99CCFF !important;
}

    .RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue .rgHeader a {
        color: #f8f8f8;
        font-weight: bold !important;
        border-right: 0px solid #99CCFF !important;
    }

.ThuLy_ChiTietThang_Content {
    font-family: Arial, Helvetica, sans-serif;
    _font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 0px;
    color: #0033CC;
    cursor: pointer;
}

.ThuLy_ChiTietDonVi_Content {
    font-family: Arial, Helvetica, sans-serif;
    _font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 0px;
    color: #0033CC;
    cursor: pointer;
}

.edit_left {
    text-align: right;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 0;
    padding-right: 4px;
    _font-weight: bold;
    color: Black;
}

.edit_right {
    text-align: left;
    font-family: Arial, Verdana,Tahoma;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 0;
    padding-left: 2px;
}


.ThuLy_ChiTietHoSo_Lv2_left {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    padding-left: 10px;
}

.ThuLy_ChiTietHoSo_Lv2_right {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    color: #000099;
}

.ThuLy_ChiTietHoSo_Lv2_rightFocus {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    color: #ee2626;
}

.ThuLy_LuotTruyCap_Content_Line {
    border-bottom: 1px solid #E6E6E6;
}


/*Dat Dai -Xay Dung*/
.DDXD_required {
    color: #FF0000;
}

.DDXD_fieldset {
    border: 1px solid #9EBFDB;
    border-radius: 5px;
    padding: 0px;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

/*override*/
.DDXD_fssContent {
    padding: 2px !important;
    vertical-align: inherit;
    font-size: 13px;
}

.DDXD_fssLable {
    padding: 4px !important;
    width: 120px;
    /*font-weight:bold;*/
    color: #3c3c3c;
    vertical-align: top;
    font-size: 12px;
}

.DDXD_small-label {
    color: #3c3c3c;
    font-size: 12px;
    /*font-weight: bold;*/
    padding: 4px !important;
    vertical-align: top;
}
/**/

.DDXD_fieldset-containt {
    border: 1px solid #9EBFDB;
    border-radius: 5px;
    padding: 0px;
    margin: 0px;
    height: 100%;
    overflow-y: auto;
}

.DDXD_btnInFieldset {
    margin-left: auto;
    margin-right: auto;
}

.DDXD_fieldsetinside {
    border: 1px solid #808080;
    border-bottom: none;
    width: 98%;
    margin: 0px auto;
}

.DDXD_firstTD {
    min-width: 450px;
}

.DDXD_TDContainer {
    vertical-align: top;
}

.DDXD_tabContent {
    min-height: 482px;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.DDXD_popup {
    width: auto;
    /*min-width: 800px;
        min-height: 600px;*/
}

.DDXD_div-container {
    width: 98%;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}

.DDXD_div-popupContainer {
    margin-top: -15px;
}

.DDXD_fieldset_legend {
    font-weight: bold;
    font-size: 12px !important;
    margin-left: 20px;
}

.DDXD_fieldset-function-buttons {
    border: 1px solid #9ebfdb;
    border-radius: 5px;
    height: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 5px;
}

.DDXD_label-content {
    font-weight: bold;
    color: blue;
}

.DDXD_PopupBody {
    background: white !important;
}

/*End Dat Dai - Xay Dung*/


#loginBar {
    background-color: rgb(27,27,27);
    position: relative;
    z-index: 1;
}

.pageWidth {
    margin: 0 auto;
    _margin: 0 auto;
    max-width: 98%;
}

#loginBar .pageContent {
    padding-top: 5px;
    position: relative;
    _height: 0px;
}

#loginBar #loginBarHandle {
    padding: 5px;
    font-size: 11px;
    color: rgb(240,248,252);
    background-color: rgb(27,27,27);
    padding: 0 10px;
    margin-right: 20px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -khtml-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    right: 0px;
    text-align: center;
    z-index: 1;
    line-height: 20px;
    -webkit-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    -moz-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    -khtml-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    box-shadow: 0px 2px 5px rgb(3, 42, 70);
}

#loginBar #SkinChoses {
    padding: 5px;
    font-size: 11px;
    color: rgb(240,248,252);
    background-color: rgb(27,27,27);
    padding: 0 10px;
    margin-right: 20px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -khtml-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    right: 250px;
    text-align: center;
    z-index: 1;
    line-height: 20px;
    -webkit-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    -moz-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    -khtml-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    box-shadow: 0px 2px 5px rgb(3, 42, 70);
}

#loginBar a {
    color: #f8f8f8;
    padding: 0 10px;
}

#divChat {
    position: fixed;
    text-align: center;
    bottom: 0;
    margin-left: 95%;
    margin-right: auto;
    border: 1px solid #999;
    background-color: #004080;
    width: 4.8%;
    border-radius: 3px;
    color: white;
}

.child {
    padding: 2px 0 2px 0;
}

.BCT_label_left {
    text-align: right;
    padding-right: 5px;
}

.BCT_label_right {
    color: #000099;
    _font-weight: bold;
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    padding-left: 5px;
}

.RadUpload .ruCheck {
    margin-top: 3px;
    margin-right: 2px;
    margin-left: 5px;
}

.RadUpload .ruInputs {
    margin: 3px !important;
}

.BCT_itemThang {
    border-left: 0px !important;
}

.GridAlternating {
    background-color: #F2F3FD;
}

.DanhBa-image {
    float: left;
    margin: 2px 5px 0 0;
    border: 1px solid #D4D4D4;
}

.DanhBa-title {
    color: #3d84ca;
    font: 11px 'Segoe UI', Arial, sans-serif;
    font-size: 15px;
}

.DanhBa-Des {
    color: #606060;
    font: 10px 'Segoe UI', Arial, sans-serif;
    display: block;
    font-size: 12px;
}

.DanhBa-Des-Tel {
    color: #606060;
    font: 10px 'Segoe UI', Arial, sans-serif;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.DanhBa_BG {
    border-bottom: 1px solid #D4D4D4;
    border-bottom: 1px solid #F4F4F4;
}

.RadListBox .rlbTemplate {
}

.RadListBox_Default .rlbItem {
    border-top: 1px solid white !important;
    border-bottom: 1px solid #CACACA !important;
}

.DanhBa_check {
    padding-left: 3px;
    margin-right: 4px;
}

.DanhBa_Search {
    border-radius: 3px;
    height: 30px !important;
    font-size: 14px !important;
}

.DanhBa_Send {
    height: 29px !important;
}

.DanhBa_search_box {
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    color: #082A4F;
    border: 1px solid #C0C0C0;
    padding: 3px 4px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    background-color: white;
}

.DanhBa_item_Selected {
    border: 1px solid #50CBE4;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
    background-color: #E4EDFA;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}

.ThuLy_Banner {
    background: url(images/ThuLyHoSo/Banner_Design_Blue.png) no-repeat;
    width: 220px;
    height: 214px;
}

.ThuLy_Banner_Title {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    height: 40px;
    font-weight: bold;
    font-size: 20px;
}

.ThuLy_Calendar {
    background-color: #004891;
    height: 25px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
    text-align: center;
}

.ThuLy_Calendar_Content {
    background-color: #62B0FF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #000093;
    text-align: center;
    padding: 14px 7px 7px 5px;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 2px;
    vertical-align: middle;
}

.ThuLy_Calendar_Shadow {
    _box-shadow: 5px 5px 5px #888888;
    margin-left: auto;
    margin-right: auto;
}

.ThuLy_Calendar_ItemLeft {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 10px;
    width: 85px;
}

.ThuLy_Calendar_ItemLNum {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: red;
    width: 1%;
}

.ThuLy_Calendar_ItemRight {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.ThuLy_Item_Table {
    background-color: #62B0FF;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #888888;
}

.ThuLy_Item_Header {
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    background-color: #A8D3FF;
    border-radius: 5px;
    height: 30px;
    color: blue;
}

.ThuLy_Item_Content {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #000093;
    text-align: center;
    padding: 7px 7px 7px 7px;
}

.ThuLy_Item_ItemLeft {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 5px;
    color: #000093;
    width: 85px;
}

.ThuLy_Item_ItemLNum {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: yellow;
    width: 1%;
}

.ThuLy_Item_ItemRight {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000093;
}

.ThuLy_Item_Detail {
    text-align: center;
    font-size: 12px;
    padding-top: 4px;
    text-decoration: underline;
    border-top: 1px solid #CCCCCC;
}

.ThuLy_Link_Item {
    text-align: right;
    font-size: 12px;
    padding-top: 4px;
    text-decoration: underline;
}

.ThuLy_LuotTruyCap {
    background-color: #0D86FF;
    border-radius: 3px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    height: 25px;
}

.ThuLy_BannerTitle {
    background-color: #0D86FF;
    border-radius: 3px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    height: 25px;
    text-align: center;
}

.ThuLy_ImageSize {
    width: 18px;
    height: 18px;
}

.ThuLy_ImageSize16 {
    width: 16px;
    height: 16px;
}

.ThuLy_LuotTruyCap_Content {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 10px;
}

.ThuLy_LuotTruyCap_Number {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    color: red;
    padding-top: 10px;
}

.QLDA_FormNote {
    font-size: 14px;
    _font-weight: bold;
    color: #009900;
    padding-top: 10px;
}

.box {
    font-family: Arial,Verdana,Tahoma;
    font-size: 11px;
    color: #082A4F;
    border: 0px solid #86AEF9;
}

.search_box_noradius {
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    color: #082A4F;
    border: 1px solid #50B3B8;
    padding: 3px 4px 3px 3px;
    margin-left: auto;
    margin-right: auto;
}

.search_box {
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    color: #082A4F;
    border: 1px solid #50B3B8;
    padding: 3px 4px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}

.legend {
    font-family: Arial,Verdana,Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: #000099;
    margin-left: 10px;
    border: 0px solid #86AEF9;
}

.RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue th.rgResizeCol, .RadGrid_WebBlue .rgHeaderWrapper {
    background: #2995C9 !important;
    border-right: 1px solid #99CCFF !important;
    border-left: 1px solid #99CCFF !important;
    border-bottom: 1px solid #99CCFF !important;
}

    .RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue .rgHeader a {
        color: #f8f8f8;
        font-weight: bold !important;
        border-right: 0px solid #99CCFF !important;
    }

.ThuLy_ChiTietThang_Content {
    font-family: Arial, Helvetica, sans-serif;
    _font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 0px;
    color: #0033CC;
    cursor: pointer;
}

.ThuLy_ChiTietDonVi_Content {
    font-family: Arial, Helvetica, sans-serif;
    _font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 0px;
    color: #0033CC;
    cursor: pointer;
}

.edit_left {
    text-align: right;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 0;
    padding-right: 4px;
    _font-weight: bold;
    color: Black;
}

.edit_right {
    text-align: left;
    font-family: Arial, Verdana,Tahoma;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 0;
    padding-left: 2px;
}

.ThuLy_ChiTietHoSo_Lv1 {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding-left: 5px;
    border-bottom: 0px solid #A8A8FF;
    background: #46629E;
}

.ThuLy_ChiTietHoSo_Lv2_left {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    padding-left: 30px;
    border-bottom: 1px solid #DADADA;
    background-color: #EBFEED;
}

.ThuLy_ChiTietHoSo_Lv2_right {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    color: #000099;
    border-bottom: 1px solid #DADADA;
    background-color: #E8DDFF;
}

.ThuLy_ChiTietHoSo_Lv2_rightFocus {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    color: #ee2626;
    border-bottom: 1px solid #DADADA;
    background-color: #E8DDFF;
}

.ThuLy_LuotTruyCap_Content_Line {
    border-bottom: 1px solid #E6E6E6;
}

.DVC_TreeView {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #EEEEFD;
    _box-shadow: 3px 3px 3px #CDCDCD;
    border-radius: 4px;
    border: 1px solid #3399FF;
    _border-bottom: 15px solid #3399FF;
    _border-top: 15px solid #3399FF;
}

.RadTreeView_Metro .rtSelected .rtIn {
    _white-space: normal !important;
    border-radius: 3px;
}

.RadTreeView .rtIn {
    _white-space: normal !important;
    border-radius: 3px;
}

.RadPanelBar_Metro {
    border: 1px solid #80b9cc !important;
}

.DVC_ChiTiet_BG {
    background: url('images/bodybg.gif') repeat-x repeat-y;
}

#loginBar {
    color: rgb(165, 202, 228);
    background-color: rgb(27,27,27);
    border-bottom: 1px solid rgb(94, 160, 204);
    position: relative;
    z-index: 1;
}

.pageWidth {
    margin: 0 auto;
    _margin: 0 auto;
    max-width: 1020px;
}

#loginBar .pageContent {
    padding-top: 5px;
    position: relative;
    _height: 0px;
}

#loginBar #loginBarHandle {
    padding: 5px;
    font-size: 11px;
    color: rgb(240,248,252);
    background-color: rgb(27,27,27);
    padding: 0 10px;
    margin-right: 20px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -khtml-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    right: 0px;
    text-align: center;
    z-index: 1;
    line-height: 20px;
    -webkit-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    -moz-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    -khtml-box-shadow: 0px 2px 5px rgb(3, 42, 70);
    box-shadow: 0px 2px 5px rgb(3, 42, 70);
}

#loginBar a {
    color: #f8f8f8;
    padding: 0 10px;
}

.RadComboBox_Telerik .rcbInput {
    text-align: center !important;
}

.RadComboBoxDropDown_Telerik .rcbList {
    text-align: center !important;
}

.TraCuu_Textbox {
    border-radius: 3px;
    border: 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 20px;
}

.ButtonMenu_Bg {
    font-family: Arial,Verdana,Tahoma;
    font-size: 11px;
    color: #082A4F;
    border: 1px solid #E3F4EE;
    background-color: #306B7E;
    height: 32px;
}

.ButtonItem {
    text-align: right;
    width: 1%;
    padding-right: 3px;
}

.PageTitle {
    font-family: Arial,Verdana,Tahoma;
    font-size: 15px;
    color: #FFFFFF;
    text-align: left;
    _font-weight: bold;
    padding-left: 5px;
}

.DKKD_ChiTietHoSo_Lv2_left {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    border-bottom: 1px solid #DADADA;
    background-color: #EBFEED;
    text-align: right;
    padding-right: 5px;
}

.DKKD_ChiTietHoSo_Lv2_right {
    font-family: Arial, Verdana,Tahoma;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    color: #000099;
    border-bottom: 1px solid #DADADA;
    background-color: #E8DDFF;
}

/*ThanhLP2 add css phan trang tren Grid START*/
.fssButtonGo {
    background: url('images/dialog_ok.png') no-repeat;
    background-color: transparent !important;
    background-position: 0px 0px !important;
    width: 22px !important;
    height: 24px !important;
    border: 0;
    cursor: pointer;
}

.fssButtonChange {
    background: url('images/edit_yes.png') no-repeat;
    background-color: transparent !important;
    width: 22px !important;
    height: 24px !important;
    background-position: 0px 0px !important;
    border: 0;
    cursor: pointer;
}
/*ThanhLP2 add css phan trang tren Grid END*/
/* TriNM19 Xoa padding*/
.clrPadding {
    padding: 2px !important;
}
/* TriNM19 Xoa padding*/
.clsImage {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: default;
}

.Bpanel {
    margin-right: 10px;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
    border-color: #c9c9c9;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
    background-color: #fff;
    /*border-radius: 3px;*/
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-sizing: border-box;
    padding: 10px;
    min-height: 110px;
}

.Do {
    background-color: #be3c3a;
    border: 3px solid #be3c3a;
}

.Xanh, .UD0 {
    background-color: #5d71e2;
    border: 3px solid #5d71e2;
}

.laCay, .UD1 {
    background-color: #3f9f33;
    border: 3px solid #3f9f33;
}

.XB, .UD2 {
    background-color: #3433cd;
    border: 3px solid #3433cd;
}

.Cam, .UD3 {
    background-color: #f07848;
    border: 3px solid #f07848;
}

.Tim {
    background-color: #55367a;
    border: 3px solid #55367a;
}

.Vang, .UD4 {
    background-color: #dec340;
    border: 3px solid #dec340;
}

.XanhUngDung {
    background-color: #236bb5;
    border: 3px solid #236bb5;
}

    .Xanh:hover, .laCay:hover, .XB:hover, .Cam:hover, .Vang:hover, .XanhUngDung:hover {
        border: 3px solid #d95043;
    }

.BTitle {
    font-weight: bold;
    color: #f8f8f8;
    font-size: 24px;
    text-align: center;
}

.BChuDe {
    text-transform: uppercase;
    color: #f8f8f8;
    font-size: 20px;
    text-align: center;
    padding: 5px;
}

.TBNode {
    border: 0 !important;
    background-color: transparent;
    color: #f8f8f8;
    line-height: 20px;
    resize: none;
    min-height: 220px;
}

.UngDung {
    min-height: 125px;
    float: left;
    margin: 0px 10px 10px 0;
}

.Bpanel img {
    max-height: 50px;
}

.Bang {
    border-collapse: collapse;
}

    .Bang td {
        border: 1px solid #f8f8f8;
    }

        .Bang td.Header {
            text-transform: uppercase;
            font-weight: bold;
            text-align: center;
            color: #f8f8f8;
            padding: 5px;
        }

.BTitle a, .BChuDe a {
    color: #f8f8f8;
}

    .BTitle a:hover, .BChuDe a:hover {
        color: #d95043;
    }

.RadWindow_Windows7 td.rwWindowContent {
    background: url(Icons/FPT/bgDonVi.jpg) no-repeat top right;
}


#scrollerota {
    width: 100%;
    height: 233px;
    overflow: hidden;
    position: relative;
}

    #scrollerota ul.text {
        list-style: none;
        width: 200px;
        background: url(images/pixel.png);
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
    }

        #scrollerota ul.text li {
            overflow: hidden;
        }

    #scrollerota a.readmore {
        background: #666;
        border: 1px solid #777;
        padding: 5px 0;
        text-align: center;
        color: #fff;
        clear: both;
        display: block;
        width: 80px;
        margin-top: 16px;
        text-decoration: none;
        font-size: 12px;
        line-height: 17px;
    }

    #scrollerota a:hover.readmore {
        background: #888;
        border: 1px solid #999;
        text-decoration: none;
    }

    #scrollerota ul.images {
        list-style: none;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
    }

        #scrollerota ul.images li {
            float: left;
        }

    #scrollerota .controls {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

        #scrollerota .controls a {
            width: 22px;
            height: 22px;
            display: block;
            float: left;
            background: url(images/controls.png) no-repeat;
        }

        #scrollerota .controls .prev {
            background-position: 0 -22px;
        }

        #scrollerota .controls .next {
            background-position: -23px -22px;
        }

        #scrollerota .controls .play {
            background-position: -23px 0;
            display: none;
        }

.TelerikModalOverlay {
    background-repeat: repeat !important;
    filter: alpha(opacity=50) !important;
    opacity: .50 !important;
    -moz-opacity: .50 !important;
}

.ChonDonVi {
    border: none;
    /* color: #4e77d7; */
    color: #4e77d8;
}

.dropdown {
    position: absolute;
    z-index: 9999999;
    display: none;
}

#Menuwrapper {
    z-index: 99999999;
}

#nav, #nav ul {
    list-style: none;
    position: relative;
    line-height: 1.5em;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

    #nav a:link, #nav a:active,
    #nav a:visited {
        display: block;
        padding: 0px 5px;
        /*border: 1px solid #3883cc;*/
        color: white;
        text-decoration: none;
        line-height: 40px;
        padding: 0 10px;
        font-weight: bold;
        /*background: #3883cc;*/
    }

    #nav .MNX::after {
        content: '';
        display: inline-block;
        margin-left: 6px;
        height: 5px;
        width: 8px;
        background: url(Images/menuArrow.png) no-repeat 0px 0px;
    }

    #nav .MNN::after {
        content: '';
        display: inline-block;
        margin-left: 6px;
        margin-top: 12px;
        float: right;
        height: 7px;
        width: 6px;
        background: url(Images/mnn.png) no-repeat 0px 0px;
    }

    #nav a:hover, #nav a.Selected {
        background: #fff;
        color: #333;
        display: block;
        white-space: nowrap;
    }

    #nav li {
        height: 40px;
        float: left;
        position: relative;
        background: url(images/Menu-line.png) no-repeat right center;
        white-space: nowrap;
    }

    #nav ul {
        position: absolute;
        width: 15em;
        top: 40px;
        display: none;
        z-index: 9;
    }

    #nav li ul a {
        border: 1px solid #20637e;
        background: #20637e;
        width: 15em;
        float: left;
        padding: 5px 10px;
        height: 30px;
        line-height: 30px;
    }

    #nav ul ul {
        top: auto;
    }

    #nav li ul li {
        height: 30px;
        background-image: none;
    }

    #nav li ul ul {
        left: 16.5em;
        /*margin: 0px 0 0 10px;*/
        margin: 0px 0 0 0px;
    }

    #nav li:hover ul ul,
    #nav li:hover ul ul ul,
    #nav li:hover ul ul ul ul {
        display: none;
    }

    #nav li:hover ul,
    #nav li li:hover ul,
    #nav li li li:hover ul,
    #nav li li li li:hover ul {
        display: block;
    }

.Menu-Hom-Icon {
    width: 24px;
    padding: 9px;
    background: url(images/Menu-line.png) no-repeat right center;
    vertical-align: top;
}


html body .riSingle .riTextBox[type="text"], textarea {
    background: #fff;
    border: 1px solid #c3e4fd !important;
}

.LCT_TrangChu_Ngay {
    color: #130C58;
    font-size: 13px;
    _font-weight: bold;
    font-style: italic;
}

.LCT_TrangChu_NoiDung {
    color: #faef2d;
    font-size: 13px;
    _font-weight: bold;
}

.LCT_TrangChu_ChuTri {
    color: #130C58;
    font-size: 11px;
    font-style: italic;
}

.LCT_TrangChu_DiaDiem {
    color: #130C58;
    font-size: 11px;
    font-style: italic;
}

.eDMS_TableAlternate {
    background-color: #e9f0f8;
}

.RadGrid_Office2007 .rgRow td, .RadGrid_Office2007 .rgAltRow td {
    vertical-align: top !important;
}

.LCT_Date {
    border: 1px solid #31b45c;
    box-shadow: 3px 3px 3px #44c26e;
    padding-left: 5px;
    padding-right: 5px;
    height: 120px;
}

.TruyCapNhanh {
    background: #e1e1e1;
}

.DDLQuangCao {
    border: 0px;
    background: #236bb5;
    color: #f8f8f8;
}

.QuangCao {
    width: 200px;
}

.DSUngDung {
    width: 255px;
}

    .DSUngDung p:nth-child(3n+0) {
        color: #26beff;
    }

.TBNode::-webkit-scrollbar {
    width: 8px;
    background-color: #cccccc;
}

.TBNode::-webkit-scrollbar-thumb {
    background-color: #333333;
}

    .TBNode::-webkit-scrollbar-thumb:hover {
        background-color: #999999;
        border: 1px solid #333333;
    }

    .TBNode::-webkit-scrollbar-thumb:active {
        background-color: #666666;
        border: 1px solid #333333;
    }

.TBNode::-webkit-scrollbar-track {
    border: 1px gray solid;
    -webkit-box-shadow: 0 0 2px gray inset;
}
















































































































/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em;
    }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
    white-space: nowrap;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0; /* support: IE7 */
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        /* Support: IE7 */
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

    .ui-selectmenu-button span.ui-icon {
        right: 0.5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: 0.4em 2.1em 0.4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #cccccc;
        background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #1c94c4;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #1c94c4;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #fbcb09;
        background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #c77405;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited {
            color: #c77405;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #fbd850;
        background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #eb8f00;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #eb8f00;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fed22f;
        background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
        color: #363636;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
        color: #ffffff;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #ffffff;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #ffffff;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70); /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35); /* support: IE8 */
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
        }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50); /* support: IE8 */
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20); /* support: IE8 */
    border-radius: 5px;
}

.RadDropDownTree {
    white-space: normal !important;
}


/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
    width: auto;
    overflow: hidden;
}

    .mCSB_container.mCS_no_scrollbar {
        margin-right: 0;
    }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 16px;
    height: 100%;
    top: 0;
    right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
    }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px;
}
/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
        margin-bottom: 0;
    }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%;
}

    .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right;
}

.mCustomScrollBox {
    -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}

    /* default scrollbar colors and backgrounds (default theme) */
    .mCustomScrollBox > .mCSB_scrollTools {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"; /* old ie */
    }

    .mCustomScrollBox:hover > .mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)"; /* old ie */
    }

.mCSB_scrollTools .mCSB_draggerRail {
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(Images/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}


.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"; /* old ie */
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"; /* old ie */
    }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.15);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.75);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,0.85);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0,0,0,0.9);
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255,255,255,0.85);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255,255,255,0.9);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}
/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,0.85);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0,0,0,0.9);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}
/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255,255,255,0.85);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255,255,255,0.9);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}
/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,0.85);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0,0,0,0.9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}
/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.1);
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}
/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.15);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.75);
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,0.85);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0,0,0,0.9);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* custom styling */
/* content_1 scrollbar */
.content_1 > .mCustomScrollBox > .mCSB_scrollTools {
    height: 96%;
    top: 2%;
}
/* content_2 scrollbar */
.content_2 .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}

.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(255,255,255,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"; /* old ie */
}

.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255,255,255,0.6);
    filter: "alpha(opacity=60)";
    -ms-filter: "alpha(opacity=60)"; /* old ie */
}
/* content_3 scrollbar */
.content_3 > .mCustomScrollBox > .mCSB_scrollTools {
    height: 94%;
    top: 3%;
}

.content_3 .mCSB_scrollTools .mCSB_draggerRail {
    width: 0;
    border-right: 1px dashed #09C;
}

.content_3 .mCSB_scrollTools .mCSB_dragger {
    height: 11px;
}

    .content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 11px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
        background: #09C;
    }
/* content_4 scrollbar */
.content_4 > .mCustomScrollBox > .mCSB_scrollTools {
    height: 94%;
    top: 3%;
}

.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #d0b9a0;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #dfcdb9;
}

.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
/* content_5 scrollbar */
.content_5 > .mCustomScrollBox > .mCSB_scrollTools {
    width: 98%;
    margin: 0 1%;
}
/* content_6 scrollbar */
.content_6 > .mCustomScrollBox > .mCSB_scrollTools {
    width: 88%;
    margin: 0 6%;
}
/* content_8 scrollbar */
.content_8 .mCSB_scrollTools .mCSB_draggerRail {
    width: 0px;
    border-left: 1px solid rgba(0,0,0,0.8);
    border-right: 1px solid rgba(255,255,255,0.2);
}


/*Begin Menu V2  #bfc1c0   edebec*/
.menuV2Main {
    height: 40px;
    border-radius: 0;
    box-sizing: border-box;
    /* background: #4e77d7; */
    background: #4e77d7;
}

    .menuV2Main #nav a:link, .menuV2Main #nav a:active, .menuV2Main #nav a:visited {
        /*color: #4e77d7;*/
        color: #FFF;
    }

    .menuV2Main #nav a.Selected {
        /* background: #bc5d37; */
        background: #4e77d7;
        /*background: #4e77d7;*/
        border-radius: 0px;
        color: #fff;
        /*border: 1px solid #FFF;*/
    }

    .menuV2Main #nav a:hover {
       background: #4e77d7;
        border-radius: 0px;
        color: #fff;
    }

    .menuV2Main #nav > li:hover > a {
        background: #4e77d7;
        background: #73aae9;
        border-radius: 0px;
        color: #fff;
    }

    .menuV2Main #nav > li {
        height: 35px;
        padding: 0px 0px;
        box-sizing: border-box;
    }

        .menuV2Main #nav > li > a:link, .menuV2Main #nav > li > a:active, .menuV2Main #nav > li > a:visited {
            line-height: 38px;
            /*height: 40px ;*/
        }

		/*diennv style css menuV2Main */
        .menuV2Main #nav > li > ul {
            margin-top: -4px !important;
            min-width: 250px;
			width: max-content;
            background: #4e77d7;
            border-top: none;
            box-shadow: 0px 2px 15px rgba(136, 136, 136, 0.8);			
        }
		.menuV2Main #nav > li:hover > ul {
			display: Grid;			
		}

            .menuV2Main #nav > li > ul li ul {
				margin-top: -2px !important;
				/* min-width: 250px; */
				width: max-content;
				background: #4e77d7;
				border-top: none;
				box-shadow: 0px 2px 15px rgba(136, 136, 136, 0.8);
				border: 1px solid white;
				overflow-y:auto;
				overflow-x:hidden;
				max-height:30vh;
            }
			
			.menuV2Main #nav > li > ul li:hover ul {
				display: Grid;
			}

            .menuV2Main #nav > li > ul > li {
                height: 36px;
                box-sizing: border-box;
                padding: 2px;
                border-bottom: 0.5px solid #fff;
            }

                .menuV2Main #nav > li > ul > li > a:link, .menuV2Main #nav > li > ul > li > a:active, .menuV2Main #nav > li > ul > li > a:visited {
                    /* background: #D89579; */
                    background: #4e77d7;
                    /*width: 245px;*/
					width: 100%;
                    border: none;
                    height: 32px;
                    color: #fff;
                    line-height: 33px;
                }

                .menuV2Main #nav > li > ul > li ul > li {
                    height: 36px;
                    box-sizing: border-box;
                    padding: 2px;
                    border-bottom: 0.5px solid #fff;
                }

                    .menuV2Main #nav > li > ul > li ul > li > a:link,
                    .menuV2Main #nav > li > ul > li ul > li > a:active,
                    .menuV2Main #nav > li > ul > li ul > li > a:visited {
                        background: #4e77d7;
                        /*width: 245px;*/
						width: 100%;
                        border: none;
                        height: 32px;
                        color: #fff;
                        line-height: 33px;
                    }

                .menuV2Main #nav > li > ul > li > a:hover {
                    background: #73aae9;
                    color: #fff;
                    border-radius: 3px;
                }

                .menuV2Main #nav > li > ul > li ul > li > a:hover {
                    /*background: #4e77d7;*/
					background: #73aae9;
                    border-radius: 3px;
                    color: #fff;
                }
				/* end diennv style css menuV2Main */

.stpFooterTop .jcarousel-control-prev, .stpFooterTop .jcarousel-control-next {
    margin-top: -18px;
    width: 36px;
    height: 36px;
}

.SubMenuShowMore {
    display: none;
    position: relative;
}

.divSubMenu {
    /*background: #4e77d7;*/
    background: rgb(245, 245, 245);
    overflow: hidden;
    margin-top: -1px;
}

.SubMenuSlide .jcarousel li > a {
    /*color: #fff;*/
    /* color: #4e77d7; */
    color: #4e77d7;
}

    .SubMenuSlide .jcarousel li > a:hover, .SubMenuSlide .jcarousel li:hover > a {
        /*color: #fff;*/
        color: #4e77d7;
        /*background: linear-gradient(#FFF 75%, rgba(11, 169, 192, 0.5) 25%, #fff);*/
        position: relative;
        padding-top: 6px;
        border-bottom: 1px solid;
    }
    .jcarousel li.Selected {
        /*background-color: #bc5d37;*/
    }
.SubMenuSlide .jcarousel li.Selected > a:hover, .SubMenuSlide .jcarousel li.Selected:hover > a {
    /*color: #fff;*/
    color: #4e77d7;
    /*background: #bc5d37;*/
    position: relative;
    border-bottom: 1px solid;
}

.SubMenuSlide .jcarousel li.Selected > a {
    /*color: #fff;*/
    /* color: #4e77d7; */
    color: #4e77d7;
    padding-bottom: 2px;
    position: relative;
    border-bottom: 1px solid;
    /*background-color: #bc5d37;*/
}

.SubMenu.SubMenuShowMore {
    background: #FFF;
    color: #666;
}

    .SubMenu.SubMenuShowMore a {
        color: #0ba9c0 !important;
        white-space: nowrap;
    }

    .SubMenu.SubMenuShowMore li.Selected {
        color: #0ba9c0;
        background: #FFF;
    }

    .SubMenu.SubMenuShowMore li:hover {
        background: #FFF;
    }

    /**/
    .SubMenu.SubMenuShowMore li.Selected > a {
        color: #0ba9c0 !important;
        padding-bottom: 2px;
        border-bottom: 1px solid #0ba9c0;
        position: relative;
        background: none;
    }

        .SubMenu.SubMenuShowMore li.Selected > a:hover, .SubMenu.SubMenuShowMore li.Selected:hover > a {
            color: #0ba9c0 !important;
            padding-bottom: 2px;
            border-bottom: 1px solid #0ba9c0;
            position: relative;
            background: none;
        }

    .SubMenu.SubMenuShowMore li > a:hover, .SubMenu.SubMenuShowMore li:hover > a {
        color: #0a92a6 !important;
        background: linear-gradient(#FFF 70%, rgba(11, 169, 192, 0.5) 30%, #fff);
        padding-bottom: 6px;
        position: relative;
    }

.slideShowLess {
    width: 7%;
    display: inline-block;
    height: 24px;
    box-sizing: border-box;
    padding: 4px 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    cursor: pointer;
    bottom: 3px;
    right: 2px;
    background: linear-gradient(#3c8dbc, #3c8dbc, #3c8dbc );
    border-radius: 5px;
}

    .slideShowLess > a.aShowLess {
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
        font-style: italic;
        color: #FFF !important;
    }

.slideViewMore {
    width: 7%;
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    padding: 7px 0;
    margin: 0 auto;
    margin-top: 0px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(#3c8dbc, #3c8dbc, #3c8dbc );
    margin-top: 5px;
    border-radius: 5px;
    color: #fff;
}

    .slideViewMore > a {
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        font-style: italic;
        color: #FFF;
    }

        .slideViewMore > a:hover {
            color: #FFF;
            text-decoration: underline;
        }

.menuV2Main #nav .MNX.Selected::after, .menuV2Main #nav .MNX:hover::after {
    content: '';
    display: inline-block;
    margin-left: 3px;
    height: 5px;
    width: 8px;
    background: url(Images/menuArrow2.png) no-repeat 0px 0px;
}

.menuV2Main #nav .MNX::after {
    content: '';
    display: inline-block;
    margin-left: 3px;
    height: 5px;
    width: 8px;
    /* background: url(Images/menuArrow4.png) no-repeat 0px 0px; */
    /* background: ##ffff; */
}

.menuV2Main #nav > li {
    height: 40px;
    float: left;
    position: relative;
    background: none;
    white-space: nowrap;
}

.menuV2Main .Menu-Hom-Icon {
    width: 24px;
    padding: 9px 6px;
    background: none;
    vertical-align: top;
}

ul, ol {
    margin-bottom: unset;
    margin-left: unset;
}

    ul ul, ul ol, ol ol, ol ul {
        margin-left: unset;
        margin-bottom: unset;
    }

.menuV2Main #nav li ul ul {
    left: 18.4em;
    margin: 0px 0 0 10px;
}

.SubMenu.SubMenuShowMore li {
    padding: 7px 10px;
}

    .SubMenuSlide .jcarousel li.Selected > a::after
    /*, .SubMenuSlide .jcarousel li > a:hover::after
, .SubMenuSlide .jcarousel li:hover > a::after*/
    , .SubMenu.SubMenuShowMore li.Selected > a:hover::after, .SubMenu.SubMenuShowMore li.Selected > a::after
    /*, .SubMenu.SubMenuShowMore li > a:hover::after*/ {
        content: '';
        display: inline-block;
        left: 50%;
        height: 10px;
        width: 14px;
        margin-top: 17px;
        position: absolute;
        margin-left: -7px;
    }

.menuV2Main #nav > li > a:link, .menuV2Main #nav > li > a:active, .menuV2Main #nav > li > a:visited {
    padding: 0px 10px;
}

.top-notification a > span {
    color: #FFF;
}
/*BEGIN - popup thông báo*/
.alert-modal {
    position: absolute;
    z-index: 9999;
    min-width: 200px;
    max-width: 300px;
    height: 65px;
    border-radius: 5px;
    box-shadow: -3px 4px 8px rgba(0, 0, 0, 0.6);
    bottom: 10px;
    right: 5px;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-animation-name: AlertAnimation;
    -webkit-animation-duration: 1s;
    animation-name: AlertAnimation;
    animation-duration: 1s;
}

    .alert-modal .alert-modal-content {
        min-width: 200px;
        max-width: 300px;
        height: 65px;
        box-sizing: border-box;
        padding: 2px 5px 2px 44px;
        background-color: #DDD;
        position: relative;
        background-position: 10px center;
        background-repeat: no-repeat;
        background-size: 24px auto;
        display: table-cell;
        vertical-align: middle;
    }

        .alert-modal .alert-modal-content.alert-modal-success {
            background-color: #73b573;
            background-image: url(Images/MenuV2/alertSuccess.png);
        }

        .alert-modal .alert-modal-content.alert-modal-warning {
            background-color: #f9a937;
            background-image: url(Images/MenuV2/alertWarning.png);
        }

        .alert-modal .alert-modal-content.alert-modal-error {
            background-color: #ca5e58;
            background-image: url(Images/MenuV2/alertError.png);
        }

.alert-remove {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    text-align: center;
    top: 0px;
    right: 3px;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    padding: 3px;
    margin-top: -3px;
    margin-right: -3px;
    cursor: pointer;
}

.alert-title {
    width: 100%;
    padding: 0 2px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

.alert-content {
    width: 100%;
    padding: 2px 2px;
    font-size: 13px;
    color: #FFF;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes AlertAnimation {
    from {
        bottom: -200px;
        opacity: 0;
    }

    to {
        bottom: 10px;
        opacity: 1;
    }
}
/* Standard  */
@keyframes AlertAnimation {
    from {
        bottom: -200px;
        opacity: 0;
    }

    to {
        bottom: 10px;
        opacity: 1;
    }
}
/*END - popup thông báo*/
@media only screen and (max-width: 767px) {
    #footer {
        display: none !important;
    }
}