/*- [ General -*/
html {
    height: 100%;
}
.btn-reset
{
    color: #01a701;
    background-color: #01a701;
    border-color: #01a701;
}
.btn-reset:hover, .btn-reset:active {
    /*color: white !important;
    background-color: #fe7d00; !important;
    border-color: #fe7d00; !important;*/
}
label.error {
    color: #a94442!important;
    font-size: 14px;
    font-weight: bold!important;
    margin-top: 5px 
    margin-bottom: 0px;
}
.body-Version1 .footerProduct{
    background: url("/Content/images/imgProductVersion/bg_footer_standard.jpg") left top no-repeat;
    background-size: cover;
    font-size: 1.3em;
}
.body-Version1 .footer-inner{
    padding: 10px 0;
    overflow: hidden;
}
.body-Version1 .footerProduct .footer-inner .txt-1 {
    color:#080a50;
    float: left;
    background: url("/Content/images/imgProductVersion/logo_viettel.png") left top no-repeat;
    text-align: left;
    padding: 12px 0 50px 125px;
    font-size: 13px;
    margin-left: 180px;
}
.body-Version1 .footerProduct .footer-inner .txt-2 {
    color:#080a50;
    float: right;
    padding: 12px 0 0 0;
     font-size: 13px;
    margin-right: 176px;
}

.body-Version2 .footerProduct{
    background: url("/Content/images/imgProductVersion/bg_footer_compact.jpg") left top no-repeat;
    background-size: cover;
    font-size: 1.3em;
}
.body-Version2 .footer-inner{
    padding: 10px 0;
    overflow: hidden;
}
.body-Version2 .footerProduct .footer-inner .txt-1 {
    color:#080a50;
    float: left;
    background: url("/Content/images/imgProductVersion/logo_viettel.png") left top no-repeat;
    text-align: left;
    padding: 12px 0 50px 125px;
    font-size: 13px;
    margin-left: 180px;
}
.body-Version2 .footerProduct .footer-inner .txt-2 {
    color:#080a50;
    float: right;
    padding: 12px 0 0 0;
     font-size: 13px;
    margin-right: 176px;
}

.body-Version3 .footerProduct{
    background: url("/Content/images/imgProductVersion/bg_footer_full.jpg") left top no-repeat;
    background-size: cover;
    font-size: 1.3em;
}
.body-Version3 .footer-inner{
    padding: 10px 0;
    overflow: hidden;
}
.body-Version3 .footerProduct .footer-inner .txt-1 {
    color:#080a50;
    float: left;
    background: url("/Content/images/imgProductVersion/logo_viettel.png") left top no-repeat;
    text-align: left;
    padding: 12px 0 50px 125px;
    font-size: 13px;
    margin-left: 180px;
}
.body-Version3 .footerProduct .footer-inner .txt-2 {
    color:#080a50;
    float: right;
    padding: 12px 0 0 0;
     font-size: 13px;
    margin-right: 176px;
}

.txt-cc{
    text-align: right;
}

body, div, h1, h2, h3, h4, h5, h6, p, form, dl, dl dt, dl dd, pre {
    margin: 0;
    padding: 0;
}

pre {
    font-family: Arial, Geneva, sans-serif;
    white-space: pre-wrap;
}

ul, li {
    text-align: left;
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}
/*fieldset { border:none; background:none; margin:0; padding:0; }
fieldset legend { display: none; }*/
a {
    text-decoration: none;
    text-align: left;
    color: #0066cc;
    outline: none !important;
}

    a:focus {
        outline: #0000FF dotted thin;
    }

    a:hover {
        text-decoration: none;
    }

button, input {
    margin: 0;
    padding: 0;
}

textarea {
    padding: 0;
    margin: 0;
    overflow: hidden;
    resize: none;
    vertical-align: bottom;
    outline: none;
    overflow-y: auto;
}

    select option {
        padding: 0 4px;
    }

.FixFloat {
    overflow: hidden;
    height: auto;
}

.Clear {
    clear: both;
    padding: 0 !important;
}

.ClearGNCForm {
    clear: both;
    padding-bottom: 10px;
}

.Wordwrap {
    word-wrap: break-word;
}

.Wordbreak {
    display: inline-block;
}

.HideText {
    text-indent: -1000em;
    display: block;
    overflow: hidden;
    height: auto;
}



object, embed {
    outline: none;
}

.BoldTextStyle {
    font-weight: bold;
}

.Hide {
    display: none;
}
/*- ] General -*/
/*-[ Common*/
/*- ] General -*/
.Sprite3 {
    background: url(/Content/images/sprite3.png) top left no-repeat;
}

.Sprite3_Images {
    background: url(/Content/images/sprite_imgEdu.png) top left no-repeat;
}

.Next_Icon{
	background: url(/Content/images/sprite3_Next_img.png) top left no-repeat;
	margin-top: 4px;
}

.Pre_Icon
{
	background: url(/Content/images/sprite3_Pre_img.png) top left no-repeat;
	margin-top:2px;
}


.Sprite4 {
    background: url(/Content/images/sprite4.png) top left no-repeat;
}

#container {
    width: 1000px;
    margin: 0 auto;
}

.InfoSchool h1 {
    color: #2e3192;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 57px;
    font-weight: bold;
}

    .InfoSchool h1 a {
        color: #2e3192;
        background-position: 9px 0px;
        padding: 14px 0 18px 105px;
    }

.InfoBox .AccountFunc {
    font-size: 12px;
    position: relative;
}

.AccountFuncList li {
    padding: 7px 0px 0px;
    line-height: 22px;
}

    .AccountFuncList li.Item1 {
        padding-top: 17px;
    }

    .AccountFuncList li.Item2 {
        padding: 14px 10px 0px;
    }

.AccountFuncList a.Item2 {
    background-position: -972px -395px !important;
    color: red;
    display: block;
    height: 30px;
    padding: 2px 0 0;
    text-align: center;
    width: 28px;
    font-size: 13px;
}

.MessageBoxSection .ChildMenuSectionList a.ItemLoading {
    background-position: right -1px;
    line-height: 5px;
    margin-top: -8px;
    padding: 2px 124px 0 0;
    position: absolute;
    padding: 2px 229px 0 0\9;
}

.ChangePassSection .ChildMenuSectionList, .MessageBoxSection .ChildMenuSectionList {
    padding: 0 3px 3px 10px;
}

.MessageBoxSection .ChildMenuSectionList {
    padding: 1px !important;
    right: 46px;
    top: 63px;
    width: 240px;
}

    .MessageBoxSection .ChildMenuSectionList a.Item1 {
        background-position: right -1px;
        line-height: 7px;
        padding: 2px 241px 0 0;
        position: absolute;
        margin-top: -8px;
        padding: 2px 229px 0 0;
    }

.MessageBoxSection .MsgList li {
    background-position: right -534px !important;
    border-bottom: 1px solid #D1D0D0;
    padding-bottom: 6px;
}

.AccountFuncList a.EndItem {
    background-position: right -424px;
    padding: 11px 18px 13px 0;
}

.AccountFuncList li a {
    color: #003399;
    font-weight: bold;
}

.Navigation {
    font-size: 0.6875em;
    position: relative;
    z-index: 20;
}

.ParentMenuList {
    padding-left: 5px;
    margin-bottom: 0;
}

.Navigation .ParentMenuList .HomeItem {
    background: none;
    padding: 0 14px 0 16px !important;
}

    .Navigation .ParentMenuList .HomeItem a {
        background: url(/Content/images/sprite1.png) 0px -633px no-repeat;
        cursor: pointer;
        width: 20px;
        height: 20px;
        padding: 0;
    }

.RequireStyle {
    color: #FF0000;
}

.InputTxtStyle {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #aabfd4;
    height: 20px;
    margin-bottom: 9px;
    padding: 0 3px;
}

.BoxSelect span.CustomStyleSelectBox {
    background: url(/Content/images/bg-select.jpg) no-repeat scroll right top transparent;
    border: 1px solid #aabfd4;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    padding: 0px 24px 6px 4px;
}

.InputCkboxStyle {
    vertical-align: middle;
    margin: 4px 4px 9px 0;
}

.InputTextErrorStyle {
    border: 1px solid #F00;
}

.InputAreaStyle {
    font-size: 12px;
}

.InputRdoStyle {
    vertical-align: middle;
    margin: 4px 4px 9px 0;
}

.CalendarLink {
    width: 17px;
    height: 20px;
    background-position: 0 -1112px;
}

.ErrorMsgSection {
    font-size: 0.9167em;
    color: #F00;
}

.SuccessMsgSection {
    font-size: 0.9167em;
    color: #215ea2;
}

/*-] Common*/
.t-animation-container {
    font-size: 12px;
}

.ButtonSection {
    text-align: center;
    position: relative;
    padding: 8px 0;
}

.ButtonRSection {
    text-align: right;
    margin: -7px 0 0;
    padding: 0 0 8px;
}

.ButtonLSection {
    text-align: left;
    margin: -7px 0 0;
    padding: 0 0 8px;
}

/*.Sprite1 {
    background: url(/Content/images/icon_arrow_right.png);
}*/

.Sprite1 {
    background: url(/Content/images/sprite1.png) top left no-repeat;
}

#container {
    width: 1000px;
    margin: 0 auto;
}

.Navigation {
    font-size: .6875em;
    position: relative;
    z-index: 20;
}

.ParentMenuList {
    padding-left: 5px;
    margin-bottom: 0;
}

.Navigation .ParentMenuList .HomeItem {
    background: none;
    padding: 0 14px 0 16px !important;
}

    .Navigation .ParentMenuList .HomeItem a {
        background: url(/Content/images/sprite1.png) 0 -633px no-repeat;
        cursor: pointer;
        width: 20px;
        height: 20px;
        padding: 0;
    }

.InputTxtStyle {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #aabfd4;
    height: 20px;
    margin-bottom: 9px;
    padding: 0 3px;
}

.BoxSelect span.CustomStyleSelectBox {
    background: url(/Content/images/bg-select.jpg) no-repeat scroll right top transparent;
    border: 1px solid #aabfd4;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    padding: 3px 24px 3px 4px;
}

.InputCbxStyle {
    margin: 4px 5px;
}

.InputRdoStyle {
    margin: 4px 5px 4px 0;
}

.TabChildMenu {
    text-align: left;
    background: url(/Content/images/border_Navigation.png) bottom left repeat-x #b4d8fc!important;
    height: auto;
    border-bottom: 1px solid #98c2ee;
}

.ParentMenu {
    width: 1000px;
    background: url(/Content/images/bg_menu.png) no-repeat;
    padding: 0!important;
}

.ui-widget-header {
    height: 28px;
    padding-top: 0;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #039;
    text-decoration: none;
    float: left;
}

    .ui-state-default a span {
        float: left;
        padding: 5px 6px 11px 0;
    }

.ui-state-hover a {
    background-color: Red;
    color: #FFF;
    text-decoration: none;
}

.ParentMenuItem {
    margin-right: 0!important;
}

.ui-state-hover a, .ui-state-active a {
    background: url(/Content/images/tab_left.png) top left no-repeat;
    font-weight: 400;
    height: 26px;
}

    .ui-state-hover a span, .ui-state-active a span {
        background: url(/Content/images/tab_right.png) no-repeat scroll right top;
        color: #039!important;
        text-decoration: none;
        position: relative;
    }

.CollapseBtn {
    float: right;
    margin-right: 12px;
    margin-top: -20px;
}

.Eclose {
    width: 13px;
    height: 14px;
    background-position: right -309px;
    cursor: pointer;
}

.Sclose {
    width: 13px;
    height: 14px;
    background-position: right -279px;
    cursor: pointer;
}

.Eclose1 {
    width: 13px;
    height: 14px;
    background-position: right -104px;
    cursor: pointer;
}

.Sclose1 {
    width: 13px;
    height: 14px;
    background-position: right -137px;
    cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    height: 22px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 9px 4px 2px;
}

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

.ui-tabs .ui-tabs-panel {
    border-bottom: 1px solid #98c2ee;
    border-right: 1px solid #C4E0F0;
    border-left: 1px solid #C4E0F0;
    display: block;
    background: none;
    border-width: 0;
    padding: 2px 10px 4px;
}

.Navigation ul.TabChildList {
    height: auto;
    float: left;
    width: 980px;
    position: relative;
    z-index: 100;
    padding: 0;
}

    .Navigation ul.TabChildList li {
        list-style: none;
        float: left;
        margin-left: 2px;
        margin-right: 4px;
    }

        .Navigation ul.TabChildList li ul.MenuLevel2List {
            background-position: left -1128px;
            height: 73px;
            float: left;
            width: 100%;
            text-align: center;
            margin-right: 2px;
            padding: 4px 0 0;
        }

            .Navigation ul.TabChildList li ul.MenuLevel2List li {
                height: 64px;
                float: left;
                margin-right: -8px;
                text-align: center;
            }

                .Navigation ul.TabChildList li ul.MenuLevel2List li.MenuLevel2Item:hover, .Navigation ul.TabChildList li ul.MenuLevel2List li.Active {
                    background: url(/Content/images/bg_HoverLi.png) top left no-repeat;
                    position: relative;
                    z-index: 100;
                    display: block;
                    padding: 0 5px 0 4px;
                }

                .Navigation ul.TabChildList li ul.MenuLevel2List li img {
                    text-align: center;
                    padding: 5px 0 6px;
                }

                .Navigation ul.TabChildList li ul.MenuLevel2List li a {
                    font-size: .9em;
                    line-height: 12px;
                    text-align: center;
                    color: #036;
                    word-wrap: break-word;
                    display: block;
                    width: 68px;
                }

                    .Navigation ul.TabChildList li ul.MenuLevel2List li a.EndBack {
                        width: 8px;
                        height: 73px;
                        background-position: right -1211px;
                        float: left;
                        clear: both;
                        z-index: 100;
                        margin: -2px 0 0 -4px;
                    }

    .Navigation ul.TabChildList ul.MenuLevel2List ul.GroupMenuLV3List {
        display: none;
        position: relative;
        z-index: 100;
        width: auto;
        margin: -8px -8px 0;
        padding: 0 0 1px;
    }

        .Navigation ul.TabChildList ul.MenuLevel2List ul.GroupMenuLV3List li a {
            color: #036;
            font-size: .9em;
            display: block;
            text-align: left;
            outline: none;
            width: auto;
        }

            .Navigation ul.TabChildList ul.MenuLevel2List ul.GroupMenuLV3List li a span {
                background: url(/Content/images/icon_list_menu.png) left center no-repeat;
                cursor: pointer;
                text-align: left;
                white-space: nowrap;
                padding: 5px 10px 7px 12px;
            }

    .Navigation ul.TabChildList li ul.MenuLevel2List ul.GroupMenuLV3List li.level2_current {
        background: url(/Content/images/bg_li_hover.png) top left no-repeat;
    }

    .Navigation ul.TabChildList li ul.MenuLevel2List ul.GroupMenuLV3List li a.level2_current {
        background: url(/Content/images/bg_a_hover_right.png) top right no-repeat;
    }

    .Navigation ul.TabChildList li ul.MenuLevel2List li.MenuLevel2Item {
        float: left;
        display: block;
        position: relative;
        padding: 0 5px 0 4px;
    }

.GroupMenuLV3 {
    position: absolute;
    left: 9px;
    top: 73px;
    z-index: 10;
    background-color: #edf6fe;
}

.Navigation ul.TabChildList ul.MenuLevel2List ul li.MenuLV3Section {
    float: none;
    display: block;
    height: auto;
    width: auto;
    border-top: 1px solid #b5d7e3;
    background: url(/Content/images/border-top_li.png) top left no-repeat;
    margin: 0!important;
    padding: 0 0 0 10px;
}

.Navigation ul.TabChildList ul.MenuLevel2List ul li:first-child {
    background: none;
    border: none;
}

img.icon_list_menu {
    float: left;
    text-align: center;
    padding: 10px 5px 0 0;
}

span.DropdownBtn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-position: right -79px;
    width: 5px;
    height: 3px;
}

.tl, .tr, .bl, .br {
    z-index: 1;
}

.tl {
    position: absolute;
    background: url(/Content/images/bg_level2_tl.png) top left no-repeat;
    width: 20px;
    height: 100%;
    top: -9px;
    left: -9px;
}

.tr {
    position: absolute;
    background: url(/Content/images/bg_level2_tr.png) top right no-repeat;
    width: 100%;
    height: 10px;
    top: -9px;
    right: -9px;
}

.bl {
    position: absolute;
    background: url(/Content/images/bg_level2_bl.png) bottom left no-repeat;
    width: 100%;
    height: 10px;
    bottom: 0;
    left: -9px;
}

.br {
    position: absolute;
    background: url(/Content/images/bg_level2_br.png) bottom right no-repeat;
    width: 20px;
    height: 100%;
    bottom: 0;
    right: -9px;
}

.ui-helper-hidden-accessible {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
}

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

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

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

.ui-helper-clearfix {
    zoom: 1;
}

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

.ui-state-disabled {
    cursor: default!important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(/Content/images/ui-icons_222222_256x240.png);
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaa url(/Content/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    /* font-size: 1.1em; */
}

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

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(/Content/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% 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: #fef1ec url(/Content/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

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

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

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

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

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

.ui-widget-shadow {
    background: #aaa url(/Content/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: -8px 0 0 -8px;
    padding: 8px;
}

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

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

.BreadcrumFunc {
    width: 998px;
    background: #b4d8fc;
    border-right: 1px solid #C4E0F0;
    border-left: 1px solid #C4E0F0;
    font-weight: 700;
    color: #039;
}

.BreadcrumList {
    font-size: 12px;
    padding: 0 10px;
}

    .BreadcrumList li {
        padding: 8px 0;
    }

        .BreadcrumList li span {
            background-position: right 4px;
            color: #039;
            padding: 0 10px 0 5px;
        }

        .BreadcrumList li.Parent span {
            color: #000;
        }

.SelecSection {
    width: 215px;
    line-height: 18px;
    padding: 5px 0;
}

    .SelecSection .Label1Style {
        font-weight: 700;
        color: #000;
        padding: 2px 10px;
    }

.CustomStyleSelectBoxInner {
    height: 18px;
}

.MySelectBoxClass {
    color: #000;
    cursor: pointer;
}

span.CustomStyleSelectBox {
    background: url(/Content/images/bg-select.jpg) no-repeat scroll right top transparent;
    border: 1px solid #C4C8D1;
    color: #000;
    overflow: hidden;
    font-weight: 400;
    padding: 2px 18px 0 4px;
}

.BoxDisSelect span.CustomStyleSelectBox {
    background: url(/Content/images/bg-selectDisible.jpg) right top no-repeat;
    color: #999;
}

#content {
    position: relative;
    min-height: 450px;
}

.ContentSection {
    background-position: center;
    min-height: 400px;
    overflow: auto;
    position: relative;
    /* padding: 10px 14px; */
}

.GroupContentSection {
    padding-bottom: 20px;
    margin: 0 auto;
}

.GroupContent2Section {
    border: 1px solid #0066cc;
    padding: 0 5px 0 0;
}

.GroupContent3Section {
    border: 1px solid #0066cc;
    padding: 0 5px 0 3px;
    width: 970px;
}

.GroupContent4Section {
    border: 1px solid #0066cc;
    padding: 0 7px 0 3px;
    width: 968px;
}

.ContentSectionBtm {
    padding-bottom: 4px;
}

.SupportFuncBox .Hotline, .SupportFuncBox .Guidline {
    width: 275px;
    height: 54px;
    background-position: -4px -193px;
    margin: 0 10px 15px 0;
}

.SupportFuncBox .Text1Style {
    font-weight: 700;
    font-size: .875em;
    padding: 20px 0 20px 55px;
}

.Hotline .Text1Style {
    background-position: 5px -282px;
}

.Guidline .Text1Style {
    background-position: 11px -361px;
}

.GeneralFuncBoxTop {
    margin-bottom: 30px;
    width: 972px;
    position: relative;
    background: url(/Content/images/bg_GeneralFuncBoxTop.png) top left no-repeat;
    padding-top: 29px;
}

.GeneralFuncBoxBtm {
    background: url(/Content/images/bg_GeneralFuncBoxBtm.png) bottom left no-repeat;
    padding-bottom: 3px;
}

.GeneralFuncBox {
    background: #f0f6f9;
    padding: 5px 10px 5px 10px;
}

    .GeneralFuncBox .TitleBox, .GeneralChildBox .TitleBox {
        position: absolute;
        top: 7px;
        font-size: 0.875em;
        font-weight: bold;
        color: #003399;
    }

.GeneralFuncList li a {
    font-size: 12px;
    color: #0177c6;
    line-height: 25px;
}

.GeneralFuncList li {
    background-position: 0 -441px;
    padding: 0 8px;
}

.GeneralFuncBox .Text1Style {
    color: #F00;
    font-size: 12px;
    font-style: italic;
    padding: 0 0 3px 0;
}

.GeneralFuncBox .BoxSelect4 .MySelectBoxClass {
    width: 195px;
}

.GeneralFuncBox .BoxSelect4 .CustomStyleSelectBox {
    width: 165px;
    color: #333;
}

.Search1Form .Label1Style {
    width: 80px;
}

.Search1Form .InputTxt1Style {
    width: 202px;
}

.ButtonBox {
    display: block;
    line-height: 25px;
    font-size: 12px;
}

.Btn1Style {
    text-align: center;
    padding: 5px 0;
}

.Btn2Style {
    text-align: right;
    padding: 12px 5px 8px 0;
}

.Btn3Style {
    text-align: right;
    display: inline-block;
    padding: 8px 0 0;
}

    .Btn3Style .ButtonStyle {
        margin-left: 4px;
    }

.ButtonStyle {
    background-position: right -511px;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 0 2px 0 0;
}
    .ButtonStyle:hover span {
        background-position: 0 -886px;
    }

a.ButtonStyle {
    background-position: right -511px;
    text-align: center;
}

    a.ButtonStyle span {
        background-position: 0 -483px;
        font-size: 12px;
        padding-top: 7px;
    }

    a.ButtonStyle:hover span {
        background-position: 0 -885px;
    }


a.Button2Style span {
    background-position: 0 -1481px;
    color: #666;
}

.Result1Form {
    border: 1px solid #aabfd4;
    padding: 0 0 10px;
}

.Title1TabSection {
    background: url(/Content/images/bg_TitleTab.png) top left no-repeat;
    position: relative;
}

.TitleTab1Section {
    border-right: 1px solid #aabfd4;
    border-top: 1px solid #AABFD4;
    border-left: 1px solid #AABFD4;
    background: url(/Content/images/bg_ThTable.png) top left repeat-x;
    color: #003399;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
}

.TitleTab1SectionBtm {
    border-right: 1px solid #51aab2;
    border-top: 1px solid #51aab2;
    border-left: 1px solid #51aab2;
    border-bottom: 1px solid #51aab2;
    /* background: #51aab2; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    font-weight: bold;
    /* text-align: center; */
    padding: 8px 0;
}

.TitleTabSection p {
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    height: 15px;
    padding: 6px 0 6px 13px;
}


            

.ContentTab {
    border-left: 1px solid #036fbd;
    border-right: 1px solid #036fbd;
    margin-bottom: -2px;
    padding: 15px 8px;
}

.ContentEndTab {
    border-bottom: 1px solid #036fbd;
}

.GeneralMTab {
    margin-right: 25px;
}

.GeneralTabTop {
    background: url(/Content/images/bg_TabTop.png) top left no-repeat;
    padding-top: 29px;
    width: 462px;
    position: relative;
}

.GeneralMTabTop {
    margin-top: 25px;
}

.GeneralTabBtm {
    background: url(/Content/images/bg_TabBtm.png) bottom left no-repeat;
    padding-bottom: 3px;
}

.BoxImageInfo {
    margin-right: 15px;
    width: 120px;
}

    .BoxImageInfo .Avatar {
        width: 120px;
        height: 112px;
        background-position: 0 -1340px;
    }

    .BoxImageInfo .ClassName {
        font-weight: 700;
        font-size: 1.125em;
        color: #039;
        text-align: center;
    }

.InfoTabSection {
    width: 297px;
}

.NonePaddingStyle {
    padding-top: 0!important;
}

.PaddingTopStyle {
    padding-top: 10px!important;
}

.GeneralTabTop .BtnClose {
    position: absolute;
    top: 6px;
    right: 6px;
}

    .GeneralTabTop .BtnClose a {
        width: 13px;
        height: 13px;
        background-position: right -194px;
        display: block;
    }

#contentTab5 .GeneralTabTop {
    margin-bottom: 20px;
}

.InfoTabSection .Text1Style {
    font-size: .875em;
    line-height: 17px;
    padding: 0 0 0 3px;
}

    .InfoTabSection .Text1Style .Temp1Style {
        display: block;
        padding: 5px 0;
    }

    .InfoTabSection .Text1Style .Temp2Style {
        color: #06c;
        font-weight: 400;
    }

    .InfoTabSection .Text1Style .Temp3Style {
        color: red;
        font-weight: 400;
    }

.InfoTabSection .TabOptionList li {
    display: inline;
}

    .InfoTabSection .TabOptionList li .ButtonStyle {
        width: 93px;
        margin-bottom: 6px;
    }

.InfoTabSection .InfoList li a {
    font-size: 12px;
    color: #06c;
    padding-left: 5px;
}

.InfoTabSection .ButtonRSection a span {
    width: 60px;
}

.MessageBox {
    width: 100%;
    position: relative;
    margin-bottom: -4px;
}

    .MessageBox .TabSection {
        width: 99.9%;
        top: -4px;
    }

        .MessageBox .TabSection a {
            padding: 7px 4px 5px 0;
        }

            .MessageBox .TabSection a span {
                display: inline-block;
                color: #FFF;
                font-weight: 700;
                font-size: 12px;
                height: 13px;
            }

        .MessageBox .TabSection .CollapseBtn {
            position: absolute;
            top: 9px;
            left: 143px;
            margin: 0;
        }

    .MessageBox .ContentMessageBox {
        border: 1px solid #036fbd;
        padding: 14px 12px;
    }

        .MessageBox .ContentMessageBox .MessageList {
            width: 480px;
        }

            .MessageBox .ContentMessageBox .MessageList li {
                background: url(/Content/images/sprite1.png) 0 -1535px no-repeat;
                padding: 0 0 7px 10px;
            }

                .MessageBox .ContentMessageBox .MessageList li.EndItem {
                    background: url(/Content/images/sprite1.png) 0 -1539px no-repeat;
                }

                .MessageBox .ContentMessageBox .MessageList li a {
                    color: #0177c6;
                    font-size: 12px;
                }

        .MessageBox .ContentMessageBox .PageList li a {
            font-size: .875em;
            color: #09c;
            padding: 0 3px;
        }

.TabSectionList li {
    margin-right: 5px;
}

.TabSectionList a span {
    font-weight: 700;
    font-size: 12px;
    color: #FFF;
    margin-right: -4px;
    cursor: pointer;
    background-position: right -839px;
    padding: 16px 10px 4px 8px;
}

.TabSectionList a {
    background-position: 0 -799px;
}

    .TabSectionList a.Active, .TabSectionList a:hover {
        background-position: 0 -712px;
    }

        .TabSectionList a.Active span, .TabSectionList a:hover span {
            background-position: right -748px;
        }

.GeneralInfoBoxTop {
    background: url(/Content/images/bg_HomeChildTop.png) top left no-repeat;
    padding-top: 4px;
}

.GeneralInfoBoxBtm {
    background: url(/Content/images/bg_HomeChildBtm.png) bottom left no-repeat;
    padding-bottom: 4px;
}

.GeneralInfoBox {
    background: url(/Content/images/bg_HomeChildLoop.png) top left repeat-y;
    padding: 15px 10px;
}

.GeneralChildBoxTop {
    background: url(/Content/images/bg_GeneralChildBoxTop.png) top left no-repeat;
    padding-top: 29px;
    width: 952px;
}

.GeneralChildBoxBtm {
    background: url(/Content/images/bg_GeneralChildBoxBtm.png) bottom left no-repeat;
    padding-bottom: 3px;
}

.GeneralChildBox {
    background: #f0f6f9;
    color: #333;
    position: relative;
    padding: 0 8px 10px;
}

    .GeneralChildBox .InputTxtStyle, .GeneralChildBox span.CustomStyleSelectBox, .Search1Form .InputTxtStyle, .Search1Form span.CustomStyleSelectBox, .InputFileStyle {
        border: 1px solid #aabfd4;
    }

.SelecSection span.CustomStyleSelectBox {
    border: 1px solid #86b6e6;
}

.GeneralChildBox .ChildBox1Cols, .GeneralChildBox .ChildBox2Cols {
    width: 467px;
    margin-top: -15px;
}

.ChildBox1Cols .LabelStyle {
    text-align: right;
    width: 111px;
    padding-right: 10px;
}

.GeneralChildBox .BoxSelect1 .MySelectBoxClass {
    width: 339px;
}

.GeneralChildBox .BoxSelect1 .CustomStyleSelectBox {
    width: 309px;
}

.ChildBox2Cols .LabelStyle {
    width: 119px;
    text-align: right;
}

.GeneralChildBox .Label2Style {
    width: 73px;
}

.GeneralChildBox .Label3Style {
    width: auto;
    padding-left: 2px;
    padding-right: 8px;
}

.GeneralChildBox .Label6Style {
    width: 581px;
    text-align: center;
    font-size: 12px;
    color: #999;
    padding: 0 0 7px;
}

.GeneralChildBox .Label7Style {
    width: 47px;
    padding-left: 3px;
}

.GeneralChildBox .InputTxt1Style {
    width: 331px;
}

.GeneralChildBox .InputTxt2Style {
    width: 223px;
}

.GeneralChildBox .InputTxt3Style {
    width: 132px;
}

.GeneralChildBox .InputTxt4Style {
    width: 331px;
    margin-bottom: 2px;
}

.CalendarLink {
    width: 14px;
    height: 15px;
    background-position: right -344px;
    margin: 3px 3px 0 5px;
}

.InputFileStyle {
    width: 176px;
    margin-bottom: 5px;
    height: 20px;
}

.Box1Style {
    margin-top: 15px;
}

.GeneralChildBox .InputCbxStyle {
    margin: 4px 0 8px;
}

.GeneralChildBox .InputCbx1Style {
    margin-left: 18px;
}

.GeneralChildBox .InputCbx2Style {
    margin-right: 3px;
}

.GeneralChildBox .PicBox {
    width: 327px;
    height: 159px;
    border: 1px solid #aabfd4;
    background: #FFF;
    padding: 5px;
}

    .GeneralChildBox .PicBox img {
        width: 327px;
    }

.GeneralChildBox .TitleBox {
    font-size: .875em;
    top: -23px;
    left: 12px;
}

.GeneralChildBox .GeneralChildBoxCont {
    padding: 2px 5px;
}

.GeneralChildBox .InputRdoStyle {
    margin: 4px 2px 8px 0;
}

.GeneralChildBox .Label8Style {
    width: 160px;
    text-align: left;
    padding-left: 5px;
}

.GeneralChildBox .Label9Style {
    width: 100px;
    text-align: left;
    padding-left: 5px;
}

.GeneralChildBox .Label10Style {
    width: 180px;
    text-align: left;
    padding-left: 5px;
    padding-right: 0;
}

.GeneralChildBox .Label11Style {
    width: 241px;
    text-align: left;
    padding-left: 5px;
    padding-right: 0;
}

.InfoFormSection .InfoFormCols1 {
    margin-right: 20px;
    position: relative;
    width: 176px;
}

.InfoFormSection .InfoFormCols2 {
    width: 752px;
}

.InfoFormSection .InfoFormCols1 .PhotoFrame {
    height: auto;
    margin-bottom: 5px;
    width: 176px;
}

.InfoFormSection .InfoFormCols1 .InputFileStyle {
    left: 0;
    position: absolute;
    top: 215px;
    opacity: 0;
}

.InfoFormSection .InfoFormCols1 .ButtonStyle {
    width: 176px;
}

.InfoFormSection .LabelStyle {
    color: #215ea2;
}

.InfoFormSection .Label1Style {
    width: 117px;
}

.InfoFormSection .Label3Style {
    text-align: right;
    width: 85px;
}

.InfoFormSection .Label7Style {
    color: #333;
    padding-left: 5px;
    padding-right: 20px;
    text-align: left;
}

.InfoFormSection .InputTxt2Style {
    width: 174px;
}

.InfoFormSection .InputTxt3Style {
    width: 93px;
}

.InfoFormSection .InputTxt4Style {
    width: 609px;
}

.InfoFormSection .BoxSelect1 .MySelectBoxClass {
    width: 120px;
}

.InfoFormSection .BoxSelect1 span.CustomStyleSelectBox {
    width: 90px;
}

.InfoFormSection .BoxSelect2 .MySelectBoxClass {
    width: 182px;
}

.InfoFormSection .BoxSelect2 span.CustomStyleSelectBox {
    width: 152px;
}

.ContentSection .ButtonBox {
    text-align: center;
    margin: 10px 0;
}

.FunctionPath {
    color: #000;
    font-size: 12px;
}
/*-[-#footer*/
#footer {
    background: #d7e9f1;
    border: 1px solid #c4e0f0;
    border-radius: 5px;
}

.MainFooter {
    text-align: center;
}

    .MainFooter .Text1Style {
        font-size: 12px;
        color: #205175;
        line-height: 24px;
        background-position: 551px -106px;
        padding: 15px 85px 15px 0;
        display: inline;
    }

    .MainFooter .HotlineStyle {
        font-size: 1em;
        color: #205175;
        font-weight: bold;
        padding: 13px 13px;
    }

        .MainFooter .HotlineStyle span {
            color: #ff0000;
            font-weight: bold;
        }
/*-]-#footer*/
.Sprite2 {
    background-image: url(/Content/images/login/sprite2.png);
    background-repeat: no-repeat;
}

#loginContainer {
    width: 972px;
    margin: 0 auto;
}

    #loginContainer #header {
        padding: 15px 0 0 173px;
    }

    #loginContainer #logo a {
        width: 552px;
        height: 112px;
        background-position: left top;
    }

    #loginContainer #content {
        background: url(/Content/images/login/bg_content.png) 128px 137px no-repeat;
        border-width: 0;
    }

.LoginForm {
    background-position: center -341px;
    min-height: 357px;
    height: auto!important;
    margin-bottom: 55px;
}

    .LoginForm .Title2Style {
        height: 0;
    }

    .LoginForm .Label1Style {
        font-weight: 700;
        color: #039;
    }

    .LoginForm .InputTxtStyle {
        color: #000;
        border: none;
        background: none;
        height: 27px;
        padding: 0 4px;
    }

.DlStyle dt {
    padding: 0 0 3px;
}

.DlStyle dd {
    margin: 0 0 11px;
}

.DlStyle dd, .CaptchaSection .InputTxtBg {
    border: 1px solid #0498bd;
    background: url(/Content/images/login/bg-input.jpg) left top repeat-x;
    height: 27px;
}

.DlStyle dd, .LoginForm .DlStyle dd .InputTxtStyle {
    width: 259px;
}

.CaptchaSection .InputTxtBg {
    width: 104px;
}

.CaptchaSection {
    padding: 5px 0 0;
}

    .CaptchaSection img {
        margin-right: 4px;
    }

.CaptchaRefeshStyle {
    background-position: right top;
    width: 18px;
    height: 18px;
    margin: 5px 8px 0 0;
}

.LoginInForm {
    width: 261px;
    margin: 0 auto;
    padding: 58px 0 0;
}

.LoginBtnSection {
    padding: 16px 0 6px;
}

    .LoginBtnSection .InputSubmitStyle {
        background-position: left -269px;
        width: 262px;
        border: none;
        background-color: transparent;
        font-size: 1em;
        font-weight: 700;
        color: #fff;
        cursor: pointer;
        padding: 3px 0 9px;
    }

.LoginForm .ErrorMsgStyle {
    font-size: 12px;
    color: red;
    text-align: center;
    padding: 0 0 7px;
}

.LoginForm .LoginField a {
    font-size: 12px;
    color: #fff;
}

    .LoginForm .LoginField a.ForgetPwdStyle {
        padding-right: 6px;
    }

    .LoginForm .LoginField a.RegisterStyle {
        background-position: -654px -25px;
        padding-left: 8px;
    }

#loginContainer .WarningStyle {
    color: #039;
    font-size: 12px;
    background-position: left -749px;
    width: 412px;
    height: 69px;
    margin: 0 auto;
    padding: 8px 0 0 73px;
}

#loginContainer .CopyRightStyle {
    font-size: 12px;
    color: #333;
    background-position: left -208px;
    padding: 0 0 7px 73px;
}

#loginContainer .HotlineSupportStyle {
    color: #039;
    font: bold .875em Tahoma;
    background-position: left -143px;
    padding: 9px 0 8px 47px;
}
/*-[ Customize Grid*/
.t-input,.t-widget{border-color:#a7bac5;background-color:#fff}


.vt-ResultPanel .vt-ResultPanel-Title {
    background: #F4F6F6;
    border-bottom: none;
}

.t-window-titlebar {
    padding: 8px 0;
}
        .t-grid .t-grid-content tr td td {
            border-bottom: none;
            border-top: none;
            border-right: none;
        }

        .t-grid .t-grid-content tr td.Td1Cols {
            border-left: none;
        }

.t-grid .t-grid-pager {
    border-top: none;
}

.t-grid .t-header table tr:nth-child(2) td {
    border: none;
}

    .t-grid .t-header table tr:nth-child(2) td:last-child {
        border-right-width: 0;
    }

.t-grid-content td table td:first-child {
    border-left-width: 0;
}

.t-grid .AlignLCols {
    text-align: left;
    padding: 8px 9px;
}

.t-grid .AlignRCols {
    text-align: right;
    padding: 8px 9px;
}

.t-grid .AlignCCols {
    text-align: center;
    padding: 8px 9px;
}

.t-grid-full {
    overflow-x: scroll;
    width: 967px !important;
}

    .t-grid-full .t-grid-header, .t-grid-full .t-grid-content, .t-grid-full .t-grid-pager {
        width: 9999px;
    }
/*-] Customize Grid*/
.GeneralDialog {
    overflow: hidden;
    position: relative;
    z-index: 10000;
}

.General1Dialog {
    /*width: 454px;*/
}

.DialogBoxContent {
    background: #FFF;
    padding: 15px;
}

    .DialogBoxContent h3 {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        color: #333;
        padding: 0 0 5px;
    }

    .DialogBoxContent .Text1Style {
        font-size: 12px;
        color: #333;
        line-height: 17px;
        border-spacing: 5px;
    }

        .DialogBoxContent .Text1Style span {
            display: block;
            padding: 3px 0;
        }

        .DialogBoxContent .Text1Style a {
            color: #06c;
        }

    .DialogBoxContent .InputAreaStyle {
        width: 270px;
        height: 75px;
    }

    .DialogBoxContent .BoxSelect1 .MySelectBoxClass {
        width: 210px;
    }

    .DialogBoxContent .ButtonBox .ButtonStyle {
        width: 63px;
    }

.BoxDialog .ui-widget-overlay {
    background-image: none;
    background-color: #000;
    filter: alpha(opacity=40);
    -moz-opacity: 0.6;
    opacity: 0.4;
    width: 100%!important;
    position: fixed!important;
}

.BoxDialog .BoxDialogUi {
    font-size: inherit;
    background: #fff;
    overflow: visible;
    border-radius: 0;
    position: fixed;
    padding: 0;
}

    .BoxDialog .BoxDialogUi .ui-dialog-titlebar {
        -moz-border-radius: 0;
        border-radius: 0;
        border: none;
        background: url(/Content/images/dialog/bg-DialogTitle.jpg) left top repeat-x;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        z-index: 1;
        padding: 8px 0 8px 13px;
    }

.BoxDialog .BoxDialogFeedDetail .ui-dialog-titlebar {
    background: none;
    z-index: 1;
    padding: 0;
}

.BoxDialog .ui-dialog .ui-dialog-titlebar-close, .BoxDialog .ui-dialog .ui-dialog-titlebar-close:hover {
    background: none;
    border: none;
    margin-top: -13px!important;
}

.BoxDialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon {
    background: url(/Content/images/bg-close.png) left top no-repeat;
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    text-indent: -1000em;
}

.BoxDialog .BoxDialogFeedDetail .ui-widget-header .ui-icon {
    background: url(/Content/images/bg-close01.png) left top no-repeat;
    top: 20px;
    right: 11px;
    z-index: 1;
}

.BoxDialog .BoxDialogUi .ui-dialog-content {
    overflow: hidden;
    padding: 0;
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11px;
}

.DChooseDBCont .jspHorizontalBar {
    visibility: hidden;
}

.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspVerticalBar .jspCap {
    display: block;
    width: 12px;
    height: 10px;
}

.jspVerticalBar .jspCapTop {
    background: url(/Content/images/icon-jspScroll.jpg) left bottom no-repeat;
}

.jspVerticalBar .jspCapBottom {
    background: url(/Content/images/icon-jspScroll.jpg) right bottom no-repeat;
}

.jspHorizontalBar .jspCap {
    display: block;
    width: 11px;
    height: 11px;
    float: left;
}

.jspHorizontalBar .jspCapLeft {
    background: url(/Content/images/icon-jspScroll.jpg) left top no-repeat;
}

.jspHorizontalBar .jspCapRight {
    background: url(/Content/images/icon-jspScroll.jpg) right top no-repeat;
}

.jspVerticalBar .jspTrack {
    position: relative;
    background: #fff url(/Content/images/bg-jspTrack.jpg) right top repeat-y;
}

.jspVerticalBar .jspDrag {
    background: url(/Content/images/bg-jspDrag.jpg) right top repeat-y;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack {
    position: relative;
    background: #fff url(/Content/images/bg-jspTrackH.jpg) left center repeat-x;
}

.jspHorizontalBar .jspDrag {
    background: url(/Content/images/bg-jspDragH.jpg) left center repeat-x;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d;
    }

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}

.fancy-bg, .UiJquryDialogCorner {
    position: absolute;
    border: none;
}

.fancy-bg {
    z-index: 10000;
    margin: 0;
    padding: 0;
}

#fancy-bg-n, .UiJquryDialogMTCorner {
    background: url(/Content/images/dialog/bg-middleTop-01.png) left top repeat-x;
    width: 100%;
    height: 14px;
    right: 0;
    top: -14px;
}

#fancy-bg-ne, .UiJquryDialogRTCorner {
    background: url(/Content/images/dialog/bg-rightTop-01.png) right top no-repeat;
    width: 14px;
    height: 15px;
    right: -14px;
    top: -14px;
}

#fancy-bg-e, .UiJquryDialogRMCorner {
    background: url(/Content/images/dialog/bg-rightMiddle-01.png) right top repeat-y;
    width: 14px;
    height: 100%;
    bottom: 1px;
    right: -14px;
    clip: rect(2pxautoautoauto);
}

#fancy-bg-se, .UiJquryDialogRBCorner {
    background: url(/Content/images/dialog/bg-rightBottom-01.png) right bottom no-repeat;
    width: 14px;
    height: 15px;
    bottom: -14px;
    right: -14px;
}

#fancy-bg-s, .UiJquryDialogMBCorner {
    background: url(/Content/images/dialog/bg-middleBottom-01.png) left bottom repeat-x;
    width: 100%;
    height: 14px;
    bottom: -14px;
    right: 0;
}

#fancy-bg-sw, .UiJquryDialogLBCorner {
    background: url(/Content/images/dialog/bg-leftBottom-01.png) left top no-repeat;
    width: 14px;
    height: 15px;
    bottom: -14px;
    left: -14px;
}

#fancy-bg-w, .UiJquryDialogLMCorner {
    background: url(/Content/images/dialog/bg-leftMiddle-01.png) left top repeat-y;
    width: 14px;
    height: 100%;
    bottom: 1px;
    left: -14px;
    clip: rect(2pxautoautoauto);
}

#fancy-bg-nw, .UiJquryDialogLTCorner {
    background: url(/Content/images/dialog/bg-leftTop-01.png) left top no-repeat;
    left: -14px;
    top: -14px;
    width: 14px;
    height: 15px;
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    border: 0;
    outline: none;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url(/Content/images/dialog/fancybox_loading.gif) center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    z-index: 10000;
    background: url(/Content/images/dialog/bg-close.png) left top no-repeat;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(/Content/images/dialog/blank.gif);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 10000;
    background: url(/Content/images/dialog/fancybox_overlay.png) left top repeat;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title {
    text-transform: uppercase;
    visibility: hidden;
    font: normal 12px Arial;
    position: relative;
    text-shadow: none;
    z-index: 8050;
    color: #fff;
    background: url(/Content/images/dialog/bg-DialogTitle.jpg) left top repeat-x;
    font-weight: 700;
}

.fancybox-title-inside-wrap {
    text-indent: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 0;
}

.Search1Form .Label3Style {
    width: 200px;
    text-align: left;
}

.Search1Form .InputRdo1Style {
    margin-left: 60px;
}

.ButtonStyle1 {
    display: inline-block;
    background: url(/Content/images/bg_ButtonStyle1.png) top left repeat-x;
    border: 1px solid #ccc;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    min-width: 69px;
    height: 15px;
    padding: 6px 4px 5px;
}

.ButtonStyleTK {
    display: inline-block;
    background: url(/Content/images/bg_ButtonStyle1.png) top left repeat-x;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    width: 150px;
    height: 15px;
    padding: 6px 4px 5px;
}


.SideBarLoop {
    background: #eaf2f5;
    height: 600px;
}

.SideBarList li a {
    font-size: 12px;
    color: #039;
    display: block;
    padding: 8px 12px;
}

.ContentSectionLargeTop {
    position: relative;
    width: 972px;
    background: url(/Content/images/bg_ContentSectionLargeTop.png) top left no-repeat;
    padding-top: 29px;
}

    .ContentSectionLargeTop .ContentSectionSmallBtm {
        background: url(/Content/images/bg_ContentSectionLargeBtm.png) bottom left no-repeat;
        padding-bottom: 4px;
    }

.ContentSectionSmallLoop {
    
    min-height: 423px;
    padding: 0 8px;
}

.ContentSectionSmallLoop .ContentForm {
    padding: 1px 0;
}

.ContentSectionSmallLoop h2 {
    font-size: .875em;
    font-weight: 700;
    color: #039;
}

.ContentMStyle {
    margin-top: 18px;
}

.BoxTitleSection {
    position: absolute;
    top: 9px;
    left: 12px;
    display: block;
    width: 97%;
}

.ContentForm1 .LabelStyle {
    width: 100px;
    padding-left: 135px;
}

.ContentForm1 .Text1Style {
    font-size: 12px;
    color: #06c;
    font-weight: 700;
    padding-left: 10px;
    margin-left: 244px;
    display: inline-block;
    background-position: 0 -1935px;
}   
.InfoFormSection .InfoFormCols3 {
    margin-right: 20px;
    position: relative;
}

.InfoFormSection .Label8Style {
    text-align: right;
    width: 244px;
}

.ContentSection .ButtonBox, .Content2Section .ButtonBox {
    text-align: center;
    margin: 10px 0;
}

.InfoFormCols3 .Label1Style {
    padding-left: 30px;
    width: 100px;
}

.InfoFormCols3 .Label2Style {
    text-align: right;
    width: 125px;
}

.InfoFormCols3 .Label3Style {
    padding-left: 120px;
    width: 63px;
}

.InfoFormCols4 .Label1Style {
    padding-left: 30px;
    text-align: right;
    width: 165px;
}

.InfoFormCols4 .BoxSelect1 span.CustomStyleSelectBox {
    width: 134px!important;
}

.InfoFormCols4 .BoxSelect1 .MySelectBoxClass {
    width: 164px!important;
}

.InfoFormCols4 .InputTxt1Style {
    width: 353px;
}

.InfoForm2Section .Label2Style {
    padding-left: 15px;
    width: 55px;
}

.InfoForm2Section .Label3Style {
    padding-left: 20px;
    width: 80px;
}

.InfoForm2Section .Label4Style {
    padding-left: 30px;
    width: 40px;
}

.InfoForm2Section .BoxSelect1 span.CustomStyleSelectBox {
    width: 119px!important;
}

.InfoForm2Section .BoxSelect1 .MySelectBoxClass {
    width: 149px!important;
}

.MenuSection .MenuSectionList li a {
    padding: 7px 0 7px 10px;
}
.MainContentSectionRight {
    
    overflow: auto;
    margin: 8px 8px 8px 0px;
    width: auto;
    background: #F4F6F6;
}

.SideBarListMenu li a {
    color: #039;
    display: block;
    padding: 8px 12px;
}

.t-rtl .t-treeview-lines .t-top, .t-rtl .t-treeview-lines .t-mid, .t-rtl .t-treeview-lines .t-bot {
    background-image: url(/Content/2012.1.214/Outlook/treeview-nodes-rtl.png);
}

.TittleListSection .Title2Style {
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    background: #B4D8FC;
    padding: 6px 0;
}

.GeneralInCtnSection {
    border: 1px solid #036FBD;
    border-top: none;
}

.NewsletterForm .OnOff, .NewsletterForm, .NewsletterForm .InputTextStyle, .NewsletterForm .BoxSelect {
    /*margin: 0 0 10px;*/
}

.OnOff {
    width: 96px;
    height: 32px;
    overflow: hidden;
    color: #fff;
    border-radius: 5px; 
}

    .OnOff td {
        position: relative;
        display: block;
        height: 22px;
        line-height: 22px;
        width: 48px;
        cursor: pointer;
        background-color: #e5e9ea;
    }

    .OnOff .on {
        background-color: #02a6dd;
        text-align: center;
        vertical-align: middle;
    }

    .OnOff .off {
        background-color: #99a8ad;
        text-align: center;
        vertical-align: middle;
    }

.NavigationList {
    border-bottom: 1px solid #036FBD;
    border-left: 1px solid #036FBD;
    border-right: 1px solid #036FBD;
}

    .NavigationList li {
        border-bottom: 1px solid #B4D8FC;
    }

        .NavigationList li.NewItem {
            font-weight: 400;
        }

        .NavigationList li.EndItem {
            border-bottom: 0;
        }

        .NavigationList li .TitleStyle {
            /*text-transform: uppercase;
            font-weight: 700;
            background-color: #B4D8FC;
            display: block;
            text-align: center;
            padding: 6px 0;*/
        }

        .NavigationList li a {
            display: block;
            padding: 8px 8px 9px 9px;
        }

            .NavigationList li a:hover, .NavigationList li a.Active {
                color: #333;
                background: #e5f4f7;
                border: none;
            }

.NewsletterForm {
    font-size: 12px;
    padding: 14px 12px;
}

    .NewsletterForm .ValueStyle {
        width: 100px;
        font-size: 12px;
        padding: 0 10px 10px 0;
    }

    .NewsletterForm .LabelStyle {
        width: 84px;
        text-align: right;
        font-size: 12px;
        padding: 0 10px 0 0;
    }

    .NewsletterForm .Label1Style {
        padding-top: 3px;
        font-size: 12px;
    }

.BtnCenterSection {
    text-align: center;
    position: relative;
    padding: 10px 0 10px;
}

.NewsletterForm .TextareaStyle {
    height: 96px;
    width: 610px;
    font-size: 1em;
    background-color: #f6f5f5;
}

.popup-content-fault {
    width: 95%;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.ContentListSection .GroupPerson {
    overflow: hidden;
    background: #e6f4f9;
    border-bottom: 1px solid #c1d7db;
    position: relative;
    padding: 7px 5px;
}

    .ContentListSection .GroupPerson p {
        padding-right: 7px;
    }

.ContentListSection .ContentSMS {
    border: none;
    padding: 13px;
}

    .ContentListSection .ContentSMS .AvatarSMS {
        width: 35px;
        height: auto;
        text-align: center;
        margin-right: 13px;
    }

        .ContentListSection .ContentSMS .AvatarSMS img {
            margin-bottom: 5px;
        }

        .ContentListSection .ContentSMS .AvatarSMS span {
            background-position: right -39px;
            color: #FFF;
            text-transform: uppercase;
            font-size: 12px;
            padding: 2px 6px 6px;
        }

    .ContentListSection .ContentSMS .Textarea1Style {
        font-size: 1em;
        width: 720px;
        height: 75px;
    }

.StudentsListSection .TittleListSection {
    background: #B4D8FC;
}

    .StudentsListSection .TittleListSection p {
        color: #FFF;
        font-weight: 700;
        padding: 7px 13px;
    }

.SendSMSSection {
    border: 1px solid #036FBD;
    border-top: 0;
    padding: 14px 10px;
}

    .SendSMSSection .Text2Style, .SendSMSSection .Text1Style, .CountDTextStyle {
        position: absolute;
        top: 82px;
        padding: 0;
    }

    .SendSMSSection .Text2Style {
        left: 0;
        padding: 0 22px 0 0;
    }

    .SendSMSSection .Text1Style, .CountDTextStyle {
        font-weight: 700;
        color: #999;
        right: 0;
    }

    .SendSMSSection .Text2Style, .SumarySection .Text1Style {
        color: #f00202;
        text-align: right;
    }

    .SendSMSSection .AvatarSection {
        width: 30px;
        float: left;
        margin: 0 14px 0 0;
        padding: 0 0 17px;
    }

    .SendSMSSection .SMSLogo {
        background-image: url(/Content/images/sms-bottom-user.png);
        background-position: center bottom;
    }

#PrivateNotification.Msg3Section {
    right: 5px!important;
    top: 58px;
    width: 130px;
}

#PrivateNotification.MsgSection {
    background-color: #FFF;
    position: absolute;
    z-index: 21;
    right: 5px!important;
    top: 60px;
    width: 130px;
}

.AccountFuncList li .MsgList {
    position: relative;
    z-index: 21;
}

.AccountFuncList li .Msg3Section .MsgList li {
    background-position: right -1551px;
}

.AccountFuncList li .MsgList li {
    border-bottom: 1px solid #D1D0D0;
    float: none;
    padding: 9px 0 9px 9px;
}

.AccountFuncList a.EndItem {
    background-position: right -424px;
    padding: 11px 18px 13px 0;
}

#ChangePassNotification.Msg4Section {
    right: 5px;
    top: 60px;
    width: 250px;
}

#ChangePassNotification.MsgSection {
    background-color: #FFF;
    position: absolute;
    z-index: 21;
}

#ChangePassNotification .MsgTopSecion {
    border-bottom: 1px solid #D1D0D0;
    position: relative;
    width: 100%;
    z-index: 21;
}

#ChangePassNotification .ChangePwdForm {
    padding: 10px;
}

    #ChangePassNotification .ChangePwdForm .InputTextStyle {
        float: none;
        width: 218px;
        margin: 0 0 10px;
    }

#ChangePassNotification .InputTextStyle {
    border: 1px solid #D4D3D3;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
}

.PlaceHolder {
    color: #CCC!important;
}

#ChangePassNotification .MsgBtmSecion {
    background-color: #F6F5F5;
    position: relative;
    width: auto;
    z-index: 21;
    padding: 8px 10px;
}

#ChangePassNotification .MsgBtmFirstCols {
    width: 168px;
}

.AccountFuncList li .TextBackStyle a {
    background-position: 0 -1425px;
    padding: 0 0 0 8px;
}

.NewsletterForm .SearchSection {
    float: right;
    height: 22px;
    width: 300px;
}

#DetailContactGroupCG .General10Table {
    border: medium none;
}

    #DetailContactGroupCG .General10Table, #DetailContactGroupCG .General10Table table {
        width: 300px;
    }

#DetailContactGroupCG .TBMGridSection, #DetailContactGroupCG .General5Table, #DetailContactGroupCG .General9Table, .General10Table {
    margin: 10px 0;
}

#DetailContactGroupCG .General10Table td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    padding-left: 20px;
    text-align: left;
    border-color: #C5DADD #C5DADD 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}

#DetailContactGroupCG .GeneralTable th, #DetailContactGroupCG .GeneralTable td {
    border-right: 1px solid #C5DADD;
    vertical-align: middle;
}

#DetailContactGroupCG .GeneralTable td {
    border-bottom: 1px solid #C1D7DB;
    color: #333;
    text-align: center;
    padding: 8px 0;
}

#DetailContactGroupCG .BtnCenter1Section {
    margin-top: 100px;
    text-align: center;
    width: 146px;
}

    #DetailContactGroupCG .BtnCenter1Section .BtnStyle, #DetailContactGroupCG .BtnCenter2Section .BtnStyle {
        width: 70px;
        margin: 5px 0;
    }

#DetailContactGroupCG .General10Table td:hover, #DetailContactGroupCG .General10Table td.TdSelect {
    background: none repeat scroll 0 0 #E5F4F7;
    cursor: pointer;
}

#HomePanel .BtnPreview, #HomePanel .BtnNext {
    position: absolute;
    width: 25px;
    height: 100%;
    top: 0;
}

#HomePanel .BtnNext {
    background-position: right -1557px;
    right: -3px;
}

#HomePanel .SlideSection .BtnPreviewStyle, #HomePanel .SlideSection .BtnNextStyle {
    display: block;
    height: 89px;
    width: 28px;
}

    #HomePanel .SlideSection .BtnPreviewStyle:hover, #HomePanel .SlideSection .BtnNextStyle:hover {
        background: #e9ebeb;
    }

    #HomePanel .SlideSection .BtnNextStyle .BtnNext {
        background-position: right -1175px;
        float: left;
    }

    #HomePanel .SlideSection .BtnPreviewStyle .BtnPreview {
        background-position: right -1283px;
    }

#HomePanel .SlideSection {
    background: #f2f4f4;
    height: 89px;
    margin-bottom: 1px;
    text-align: center;
    position: relative;
}

#HomePanel .ContentSlideList {
    text-align: center;
    display: inline-block;
    padding: 10px 0;
}

    #HomePanel .ContentSlideList li {
        display: inline;
        float: left;
        padding: 0 7px;
    }

        #HomePanel .ContentSlideList li.Item2 a {
            width: 70px;
            height: 70px;
        }

        #HomePanel .ContentSlideList li.EndItem a {
            color: #23a2bc;
            font-size: 1em;
            font-weight: 700;
        }

#fmlstPupil .SentMsgStyle {
    position: absolute;
    right: 2px;
    background-position: 0 -1744px;
    width: 16px;
    height: 11px;
}

.WarningTitle {
    position: absolute;
    right: 21px;
    background-color: #f8f6f6;
    border: 1px solid #b3b3b3;
    width: 230px;
    top: 47px;
}

#fmlstPupil .VerticalTop .AlignLeft {
    height: 70px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}

.StudentsListSection .SMSTypeSelector {
    text-align: right;
}

.StudentsListSection .SelectSection {
    text-align: left;
}

.SendSMSToParent .NavigationList {
    border-bottom: none;
    border-left: 1px solid #B4D8FC;
    border-right: 1px solid #B4D8FC;
}


#MonthlyGrowthChart .GenaralInfoSection {
    position: relative;
    margin: 0 0 10px;
}

#MonthlyGrowthChart .GenaralInfoSection .Title2Style {
    background-color: #F5F3F3;
    border-bottom: 1px solid #E5E5E5;
    color: #0D7EA0;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 0 7px 14px;
}

#MonthlyGrowthChart .GenaralInfoSection .HealthInSection {
    /*padding: 15px 0 0 27px;*/
    padding: 15px 0 0 20px;
}

#MonthlyGrowthChart .HealthInSection .LabelStyle {
    padding-right: 5px;
    text-align: right;
}

#MonthlyGrowthChart .HealthInSection .Label2Style {
    padding-left: 5px;
    width: 60px;
}

#MonthlyGrowthChart .HealthInSection .Value2Style {
    width: 139px;
}

#MonthlyGrowthChart .HealthInSection .Value3Style {
    width: 835px;
}

#MonthlyGrowthChart .GIInSection .BoxMap1 {
    background: url(/Content/images/NewBieudocannangbetrai.jpg) no-repeat scroll left top transparent;
    height: 560px;
}

#MonthlyGrowthChart .GIInSection .BoxMap3 {
    background: url(/Content/images/NewBieudocannangbegai.jpg) no-repeat scroll left top transparent;
    height: 560px;
}

#MonthlyGrowthChart .GIInSection .BoxMap2 {
    background: url(/Content/images/NewBieudochieucaobetrai.jpg) no-repeat scroll left top transparent;
    height: 588px;
}

#MonthlyGrowthChart .GIInSection .BoxMap4 {
    background: url(/Content/images/NewBieudochieucaobegai.jpg) no-repeat scroll left top transparent;
    height: 588px;
}

#MonthlyGrowthChart .GIInSection .BoxMap5 {
    background: url(/Content/images/ChieuCao_BeTrai.jpg) no-repeat scroll left top transparent;
    background-size:99%;
    height: 670px;
}

#MonthlyGrowthChart .GIInSection .BoxMap6 {
    background: url(/Content/images/CanNang_BeTrai.jpg) no-repeat scroll left top transparent;
    background-size:99%;
    height: 670px;
}

#MonthlyGrowthChart .GIInSection .BoxMap7 {
    background: url(/Content/images/BMI_BeTrai.jpg) no-repeat scroll left top transparent;
    background-size:99%;
    height: 670px;
}

#MonthlyGrowthChart .GIInSection .BoxMap8 {
    background: url(/Content/images/ChieuCao_BeGai.jpg) no-repeat scroll left top transparent;
    background-size:99%;
    height: 670px;
}

#MonthlyGrowthChart .GIInSection .BoxMap9 {
    background: url(/Content/images/CanNang_BeGai.jpg) no-repeat scroll left top transparent;
    background-size:99%;
    height: 670px;
}

#MonthlyGrowthChart .GIInSection .BoxMap10 {
    background: url(/Content/images/BMI_BeGai.jpg) no-repeat scroll left top transparent;
    background-size:99%;
    height: 670px;
}



#MonthlyGrowthChart .GIInSection .Text1Style {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 5px;
    color: Black;
}

#MonthlyGrowthChart .GIInSection .Text2Style {
    font-weight: bold;
    padding: 0 0 5px 15px;
    color: Black;
}

#ContentMG .GeneralTable .BgFocusInputSection {
    border: 1px solid #0bb8eb !important;
}

#ContentMG .GeneralTable th .AlignLeft, #ContentMG .GeneralTable td .AlignLeft {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

#ContentMG .GeneralTable .PhotoNameSection .TextStyle span {
    display: inline-block;
    line-height: 1.2em;
    vertical-align: middle;
}

#ContentMG tr.OutOfSchollTr td {
    background-color: #fde8e7;
}

#PanelMonthlyGrowth .Sprite1 {
    background-image: url(/Content/images/sprite_img.png);
    background-repeat: no-repeat;
    width: 25px;
}

#PanelMonthlyGrowth .HideText {
    display: block;
    height: auto;
    overflow: hidden;
    text-indent: -1000em;
}

#ListMailBox .GeneralTable .BgFocusInputSection {
    border: 1px solid #0bb8eb !important;
}

#ListMailBox .GeneralTable th .AlignLeft, #ContentMG .GeneralTable td .AlignLeft {
    position: relative;
    padding: 8px 10px;
}

#ListMailBox .GeneralTable .PhotoNameSection .TextStyle span {
    line-height: 2.5em;
    vertical-align: middle;
}

.MailDetailSection .Sprite1 {
    background-image: url(/Content/images/sprite_img.png);
    background-repeat: no-repeat;
    width: 30px;
    background-position: 0 -403px;
}

.ContentIn1Section .BtnRefeshStyle {
    background: url(/Content/images/btn_refesh.jpg) no-repeat scroll left top transparent;
    height: 30px;
    width: 30px;
}

#NumOfSMSNotificationDiv a.Item2Link {
    background-position: 0 -139px;
    color: #F00303;
    display: block;
    font-size: 1.333em;
    font-weight: 700;
    text-align: center;
    line-height: 2em;
}

#NotificationInbox .Sprite1 {
    background-image: none;
    background-repeat: no-repeat;
}

#NotificationInbox .newMessage {
    color: #333;
    padding: 0;
}

#NotificationInbox .Msg1Section {
    width: 268px;
}

#NotificationInbox .MsgSection {
    background-color: #FFF;
    position: absolute;
    right: -31px;
    top: 60px;
    z-index: 21;
}

#NotificationInbox li .MsgList {
    position: relative;
    z-index: 2;
}

    #NotificationInbox li .MsgList li {
        background-position: right -1535px;
        border-bottom: 1px solid #D1D0D0;
        float: none;
        padding: 9px 0 9px 9px;
    }

#NotificationInbox .MsgFirstCols {
    width: 30px;
    float: left;
    margin: 0 10px 0 0;
}

#NotificationInbox .MsgSecondCols {
    width: 180px;
    float: left;
    word-wrap: break-word;
}

    #NotificationInbox .MsgSecondCols .Text2Style {
        color: #999999;
        font-size: 0.9167em;
        padding: 4px 0 0;
    }

.MessageBoxSection .MsgList li.EndItem, .MsgBoxOption {
    background: none repeat scroll 0 0 #F6F5F5;
    border: medium none;
}

.MessageBoxSection .MsgList li {
    background-position: right -534px;
    border-bottom: 1px solid #D1D0D0;
    padding-bottom: 6px;
}

.MsgBoxOption .BackMsg {
    background-position: right -260px !important;
    color: #0066CC;
    float: left;
    padding: 5px 0 5px 13px;
    text-align: left;
}

.MsgBoxOption .SeeAllMsg {
    background-position: right -225px !important;
    color: #0066CC;
    float: right;
    padding: 5px 13px 5px 0;
    text-align: right;
}

.MessageBoxSection .MsgList li.EndItem .SeeAllMsg {
    background-position: right -225px !important;
    color: #0066CC;
    float: right;
    padding: 5px 13px 5px 0;
    text-align: right;
    width: 100%;
}

#NotificationInbox .MsgBtmSecion {
    background-color: #F6F5F5;
    position: relative;
    width: auto;
    z-index: 2;
    padding: 8px 10px;
}

#NotificationInbox .MsgBtmFirstCols {
    width: 168px;
    float: left;
    line-height: 1.2em;
}

#NotificationInbox .MsgBtmSecion .LabelStyle input {
    vertical-align: middle;
    margin: 0 10px 0 0;
}

#NotificationInbox .LabelStyle {
    color: #333;
    display: block;
    float: none;
    font-size: 1em;
    padding: 5px 0 0;
}

#NotificationInbox li .TextViewAllStyle a {
    background-position: right -1380px;
    padding: 0 9px 0 0;
}

#NotificationInbox .Msg2Section {
    width: 305px;
}

#NotificationInbox .MsgTopSecion {
    border-bottom: 1px solid #D1D0D0;
    position: relative;
    width: 100%;
    z-index: 2;
}

#NotificationInbox .MsgDInSection {
    background-color: #E6F4F9;
    padding: 6px;
    position: relative;
}

.MessageBox2Section .ChildMenuSectionList {
    width: 300px;
}

#NotificationInbox .MsgDInAvatar {
    border: 1px solid #FFF;
    float: left;
    margin: 0 9px 0 0;
}

#NotificationInbox .MsgDInSection .Text2Style, .MsgDInSection .Text3Style {
    font-size: .9167em;
}

#NotificationInbox .MsgDInSection .Text2Style {
    padding: 2px 0 0;
}

#NotificationInbox .MsgDInSection .Text3Style {
    color: #999;
    position: absolute;
    right: 6px;
    top: 4px;
}

#NotificationInbox .MsgDInSection .Text4Style {
    word-wrap: break-word;
    padding: 6px 0 0;
}

#NotificationInbox .MsgDetailSection .SendSMSSection {
    border: medium none;
    font-size: 1em;
    width: 291px;
    padding: 9px 6px;
}

    #NotificationInbox .MsgDetailSection .SendSMSSection .AvatarSection {
        margin: 0 9px 0 0;
    }

#NotificationInbox .SendSMSSection .AvatarSection {
    background-position: 0 -403px;
    width: 30px;
    margin: 0 14px 0 0;
    padding: 0 0 17px;
}

#NotificationInbox .SendSMSSection .Field {
    position: relative;
    width: 737px;
}

#NotificationInbox .MsgDetailSection .SendSMSSection .TextareaStyle {
    height: 46px;
    width: 235px;
    padding: 4px 7px;
}

#NotificationInbox .SendSMSSection .TextareaStyle {
    border: 1px solid #D1D0D0;
    color: #333;
    font-size: 1em;
    height: 63px;
    width: 705px;
    padding: 5px 15px;
}

#NotificationInbox .SendSMSSection .Text1Style, .CountDTextStyle {
    right: 0;
    color: #999;
    font-weight: 700;
}

#NotificationInbox .SendSMSSection .Text2Style, .SendSMSSection .Text1Style, .CountDTextStyle {
    position: absolute;
    top: 82px;
    padding: 0;
}

.SchoolCalendarSearch .CalendarSearch .Label1Style {
    padding-top: 5px;
    font-size: 12px;
    width: 85px;
    text-align: right;
}

.SchoolCalendarResult .CalendarResult .GeneralTable td {
    height: 45px;
}

.SchoolCalendarResult .CalendarResult .BtnR1Section {
    padding-bottom: 5px;
    text-align: right;
}

.SchoolCalendarResult .CalendarResult .GeneralTable .SubjectSelect {
    text-align: center;
    width: 100%;
}

.SchoolCalendarResult .CalendarResult .GeneralTable .txt_teacher_names {
    text-align: center;
    height: 16px;
    font-size: 11px;
}

.SchoolCalendarResult .CalendarResult .GeneralTable .subjectname {
    text-align: center;
    color: #FFF;
    height: 16px;
}

.SchoolCalendarResult .tkb_dr_hide {
    display: none;
}

.SchoolCalendarResult .tkb_dr_show {
    text-align: center;
    margin: 0;
}

#MsgProcessPopupNF .success p {
    color: Green;
}

#MsgProcessPopupNF .error p {
    color: Red;
}

/*START Popup*/
.MsgSuccess {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 150000;
    font-size: 14px;
}

.MsgLeftSuccess {
    border-radius: 0 0 5px 5px;
    background: #fcd467;
    position: relative;
    left: -50%;
    padding: 5px 10px;
}

.MsgSuccess p {
    color: #000;
    text-align: center;
    font-size: 12px;
}

.DlgOverlay {
    background: url(/Content/images/bg_overlay.png) left top repeat;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11000;
}

/*END Popup*/

.Wordbreak, .MessageBox .ContentMessageBox .PageList li {
    display: inline-block;
}

.HideText {
    text-indent: -1000em;
    display: block;
    overflow: hidden;
    height: auto;
}

    object, embed, .jspScrollable, .jspVerticalBar .jspArrow:focus {
        outline: none;
    }

    .BoldTextStyle, .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary, .InfoTabSection .Text1Style span, .ContentListSection .GroupPerson span, #NotificationInbox .MsgDInSection .Text1Style {
        font-weight: 700;
    }

    .HideDiv, .ui-tabs #ui-tabs-1, .ui-tabs .ui-tabs-hide {
        display: none!important;
    }

    .InfoSchool h1, .InfoSchool .Text1Style, .AccountFuncList li, .ParentMenu, .ParentMenu h1, .ParentMenuItem, .BreadcrumList li, .SelecSection .Text1Style, .BoxSelect, .BreadcrumFunc, .SupportFuncBox .Hotline, .SupportFuncBox .Guidline, .LabelStyle, .Search1Form .InputTxtStyle, .CaptchaSection .CaptchaRefeshStyle, .CaptchaSection img, .CaptchaSection .InputTxtBg, #loginContainer .CopyRightStyle, .TabSectionList li, .TabSectionList a, .TabSectionList a span, .GeneralChildBox .ChildBox1Cols, .GeneralChildBox .ChildBox2Cols, .ChildBox1Cols .LabelStyle, .GeneralChildBox .InputTxtStyle, .CalendarLink, .InputCbxStyle, .InputFileStyle, .InputRdoStyle, .GeneralTabTop, .GeneralTabTop .BoxImageInfo, .GeneralTabTop .InfoTabSection, .ContentMessageBox .MessageList, .MainFooter .HotlineStyle, .ContentMessageBox .PageList li, .ButtonLeftSection, .InputTxtStyle, .InfoFormSection .InfoFormCols1, .InfoFormSection .InfoFormCols2, .SideBarTop, .ContentSectionSmallTop, .ContentSectionSmallLoop h2, .MainContentSection, .Navigation ul.TabChildList li ul.MenuLevel2List li.EndItem, .InfoSchool h1, .InfoSchool .Text1Style, .AccountFuncList li, .ParentMenu, .ParentMenu h1, .ParentMenuItem, .BreadcrumList li, .SelecSection .Text1Style, .BoxSelect, .BreadcrumFunc, .SupportFuncBox .Hotline, .SupportFuncBox .Guidline, .LabelStyle, .Search1Form .InputTxtStyle, .CaptchaSection .CaptchaRefeshStyle, .CaptchaSection img, .CaptchaSection .InputTxtBg, #loginContainer .CopyRightStyle, .TabSectionList li, .TabSectionList a, .TabSectionList a span, .GeneralChildBox .ChildBox1Cols, .GeneralChildBox .ChildBox2Cols, .ChildBox1Cols .LabelStyle, .GeneralChildBox .InputTxtStyle, .CalendarLink, .InputCbxStyle, .InputFileStyle, .InputRdoStyle, .GeneralTabTop, .GeneralTabTop .BoxImageInfo, .GeneralTabTop .InfoTabSection, .ContentMessageBox .MessageList, .MainFooter .HotlineStyle, .ContentMessageBox .PageList li, .ButtonLeftSection, .InputTxtStyle, .InfoFormSection .InfoFormCols1, .InfoFormSection .InfoFormCols2, .InfoFormSection .InfoFormCols3, .InfoFormSection .InfoFormCols4, .SideBarTop, .ContentSectionSmallTop, .ContentSectionSmallLoop h2, .MainContentSection, .General3Dialog .Result2Form, .InputCkboxStyle, .SubjectList li, .ValueStyle, #MonthlyGrowthChart .LabelStyle, #MonthlyGrowthChart .ValueStyle, .FloatLStyle {
        float: left;
    }

    .InfoBox .AccountFunc, .SelecSection, #loginContainer .HotlineSupportStyle, .GeneralChildBox .PicBox, .ContentMessageBox .PageList, .MainFooter .Text1Style, .ButtonRightSection, .ResetList.MessageList.MessageMList, .FloatRStyle {
        float: right;
    }

#NotificationInbox .MsgDetailSection .BtnStyle {
    float: right;
}

.InfoBox .AccountFunc, .NavigationList > li {
    font-size: 12px;
}

.ParentMenuItem span, .ButtonMStyle {
    margin-left: 5px;
}

.Navigation ul.TabChildList li ul.MenuLevel2List li a span, .Navigation ul.TabChildList ul.MenuLevel2List li:hover ul.GroupMenuLV3List, .InfoTabSection .TabOptionList li.Item1, .DlStyle dt, .DlStyle dd {
    display: block;
}

.Navigation ul.TabChildList ul.MenuLevel2List ul.GroupMenuLV3List li, .ScrollSection, .ContentScrollSection {
    height: auto;
}

.ui-helper-hidden, .BoxDialog .BoxDialogFeedDetail .ui-dialog-title, .OnOff.On .off, .OnOff.Off .on {
    display: none;
}

.ui-widget .ui-widget, .Search1Form .Btn1Style, .BoxGeneralTable .BoxGeneralTBody td .MenuSectionList li a {
    font-size: 1em;
}

.ui-widget-content a, .ui-widget-header a {
    color: #222;
}

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

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

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

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, #HomePanel .BtnPreview span, #HomePanel .BtnNext span, #NotificationInbox li:hover {
    cursor: pointer;
}

.BoxSelect3 .CustomStyleSelectBoxInner, .DialogBoxContent .InputTxt1Style, .DialogBoxContent .BoxSelect1 span.CustomStyleSelectBox, #MonthlyGrowthChart .HealthInSection .Value1Style {
    /*width: 180px;*/
    width: 179px;
}

.SupportFuncBox .Text1Style a, .GridThemes .t-header .t-link:link {
    color: #039;
    text-align: left;
    font-weight: bold;
}

.Hotline .Text1Style span, #loginContainer .HotlineSupportStyle span {
    color: #f70d01;
}

.Search1Form .BoxSelect, .GeneralChildBox .BoxSelect, .GeneralChildBox .InputTxtStyle {
    margin-bottom: 8px;
}

.Search1Form .LabelStyle, .SumarySection, #NotificationInbox .TextViewAllStyle {
    text-align: right;
}

.Search1Form .Label2Style, .InfoForm2Section .Label1Style, .MenuSection .MenuSectionList {
    width: 130px;
}

.ButtonStyle:hover, a.ButtonStyle:hover {
    background-position: right -905px;
}

.Button2Style, a.Button2Style {
    background-position: right -1481px;
}

.ButtonLeftSection .Button2Style, .InfoFormCols3 .InputCbx1Style, .InfoFormCols4 .InputCbx1Style {
    margin-left: 0;
}

.BoxGeneralTable td, .BoxGeneralTable td a, .SchoolCalendarResult .CalendarResult .GeneralTable td.VerticalTop {
    vertical-align: top;
}

.BoxGeneralTable, .BoxGeneralTTitle, .BoxGeneralTTitle table, .BoxGeneralTBody, .BoxGeneralTBody table, .StudentsListSection form {
    width: 100%;
}

.NameSection, .fancybox-skin, .fancybox-outer, .fancybox-inner, #NotificationInbox li, .SchoolCalendarResult .CalendarResult .GeneralTable td .AlignCenterNP {
    position: relative;
}

.InfoTabSection .TabOptionList, .InfoTabSection .ButtonRSection {
    padding-top: 20px;
}

.InfoTabSection .InfoList li a:hover, .MessageBox .ContentMessageBox .MessageList li a:hover, .DialogBoxContent .Text1Style a:hover {
    text-decoration: underline;
}

.MessageBox .ContentMessageBox .PageList li a:hover, .MessageBox .ContentMessageBox .PageList li a.Active, .MessageBox .ContentMessageBox .PageList li a.DisableStyle, .InfoFormSection .LabelCStyle, .AccountFuncList li .Msg3Section .MsgList li a {
    color: #333;
}

.ContentTabSection, .fancybox-outer, .ContentSectionSmallLoop .ContentForm1 {
    padding: 30px 0 0;
}

.InfoFormSection .Label2Style, .InfoFormSection .Label5Style {
    text-align: right;
    width: 154px;
}

.InfoFormSection .Label4Style, .InfoFormSection .Label6Style {
    text-align: right;
    width: 92px;
}

.InfoFormSection .InputTxt1Style, .InfoFormSection .InputTxt5Style {
    width: 156px;
}

.ContentSection .Button2Box .ButtonStyle, .ContentSection .Button2Box .ButtonStyle, .Content2Section .Button2Box .ButtonStyle {
    width: 88px;
}

.MainFooter, .LoginForm .LoginField, .DialogBoxContent .ButtonBox {
    text-align: center;
}

.LoginForm .DlStyle dd .InputTxtStyle, #NotificationInbox .MsgDetailSection .SendSMSSection .Field {
    width: 251px;
}

.CaptchaSection .InputTxtBg .InputTxtStyle, #MonthlyGrowthChart .HealthInSection .Label1Style {
    /*width: 96px;*/
    width: 105px;
}

.GridThemes .t-grid td, .GridThemes .t-toolbar, .GridThemes .t-grouping-header, .GridThemes .t-grid-pager, .GridThemes .t-widget .t-status {
    border-color: #C1D7DB;
}

.DialogBoxContent .Label1Style, .InfoForm2Section .InputTxt2Style {
    width: 100px;
}

.fancybox-inner, .fancybox-lock {
    overflow: hidden;
}

.fancybox-nav:hover span, .fancybox-opened .fancybox-title {
    visibility: visible;
}

.ButtonStyle1 {
    display: inline-block;
    background: url(/Content/images/bg_ButtonStyle1.png) top left repeat-x;
    padding: 6px 4px 5px;
    border: 1px solid #cccccc;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    text-align: center;
}

    .ButtonStyle1:hover, .GeneralContent a.Active, .TabSectionTop a.Active, .ButtonStyle1.Active {
        background: url(/Content/images/bg_ButtonStyle1Active.png) top left repeat-x;
        color: #FFF;
        font-weight: bold;
        border: 1px solid #036fbd;
    }

.ButtonStyleTK:hover, .GeneralContent a.Active, .TabSectionTop a.Active, .ButtonStyleTK.Active {
    background: url(/Content/images/bg_ButtonStyle1Active.png) top left repeat-x;
    color: #FFF;
    font-weight: bold;
    border: 1px solid #036fbd;
}

.SideBarBtm, .SideBarBtmMenu {
    padding-bottom: 3px;
}

.SideBarList li, .SideBarListMenu li {
    border-bottom: 1px solid #c6d7e7;
    padding: 1px 0;
}

    .SideBarList li a:hover, .SideBarList li a.Active, .SideBarListMenu li a:hover, .SideBarListMenu li a.Active {
        background: #d1e2ea;
        font-weight: 700;
    }

.InfoFormSection .LabelStyle, .InfoForm2Section .LabelStyle, .InfoForm3Section .LabelStyle, #MonthlyGrowthChart .LabelStyle {
    color: #215EA2;
}

.SendSMSSection .BtnSection, .ChangePwdForm .BtnSection, #ChangePassNotification .SendSMSSection .BtnSection, #ChangePassNotification .ChangePwdForm .BtnSection, #NotificationInbox .SendSMSSection .BtnSection, .ChangePwdForm .BtnSection {
    width: 100%;
    padding: 5px 0;
}

.MsgDetailSection .SendSMSSection .Text1Style, #NotificationInbox .MsgDetailSection .SendSMSSection .Text1Style {
    left: 0;
    right: auto;
    top: 58px;
}

.colapseFuncSMS, .CollapseBtnSMS {
    position: absolute;
    top: 3px;
    right: 3px;
}

#ChangePassNotification .MsgDetailSection, #NotificationInbox .MsgDetailSection {
    padding: 0 1px 1px;
}

#ChangePassNotification .FixFloat, #NotificationInbox .FixFloat {
    height: auto;
    overflow: hidden;
}

#ChangePassNotification .InputTextErrorStyle, .InputTextErrorStyle {
    border: 1px solid red;
}

#ChangePassNotification .ErrorMsgSection, #NotificationInbox .ErrorMsgSection {
    color: red;
    font-size: .9167em;
    margin-bottom: 10px;
}

#ChangePassNotification .SuccessMsgSection, #NotificationInbox .SuccessMsgSection {
    color: #215EA2;
    font-size: .9167em;
}

#NotificationInbox li .MsgBtmSecion a {
    color: #23A2BC;
    display: inline;
    font-weight: normal;
    text-align: left;
    width: auto;
}

#ContentMG .GeneralTable .PhotoNameSection .AvatarSection, #ListMailBox .GeneralTable .PhotoNameSection .AvatarSection {
    margin-right: 10px;
    float: left;
}

#ContentMG img, #ListMailBox img {
    border: medium none;
    vertical-align: middle;
}

#ContentMG .GeneralTable .PhotoNameSection .Text2Style, #ListMailBox .GeneralTable .PhotoNameSection .Text2Style {
    height: 70px;
}

#ContentMG .GeneralTable .PhotoNameSection .TextStyle, #ListMailBox .GeneralTable .PhotoNameSection .TextStyle {
    display: table-cell;
    vertical-align: middle;
}

    #ContentMG .GeneralTable .PhotoNameSection .TextStyle a, #ContentMG .GeneralTable .PhotoNameSection .TextStyle span, #ListMailBox .GeneralTable .PhotoNameSection .TextStyle a, #ContentMG .GeneralTable .PhotoNameSection .TextStyle span {
        color: #23A2BC;
        font-weight: 700;
    }

#ListMailBox .t-grid tr.UnreadSMSTr td, #NotificationInbox .NewMsgItem, #NotificationInbox li .MsgList li.NewMsgItem {
    background-color: #F6F4F5;
    font-weight: 700;
}
/*.t-button {
    min-width: 72px;
    margin-right: 3px;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 2px 5px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
   }*/
	
.t-buttonGray {
    border: 1px solid #bfc0c1;
    color: #333;
    background: -moz-linear-gradient(bottom, #d9dbdc 30%, #ececed 70%);
    background: -o-linear-gradient(bottom, #d9dbdc 30%, #ececed 70%);
    background: -ms-linear-gradient(bottom, #d9dbdc 30%, #ececed 70%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #d9dbdc),color-stop(0.7, #ececed));
}

    .t-buttonGray:hover {
        background-color: #d9dbdc;
        background-color: #ececed;
        background: -moz-linear-gradient(bottom, #ececed 30%, #d9dbdc 70%);
        background: -o-linear-gradient(bottom, #ececed 30%, #d9dbdc 70%);
        background: -ms-linear-gradient(bottom, #ececed 30%, #d9dbdc 70%);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #ececed),color-stop(0.7, #d9dbdc));
    }
/*-[- Content*/
.InfoSchool h1, .InfoSchool .Text1Style, .AccountFuncList li, .ParentMenu, .ParentMenu h1, .ParentMenuItem, .BreadcrumList li,
.SelecSection .Text1Style, .BoxSelect, .BreadcrumFunc, .SupportFuncBox .Hotline, .SupportFuncBox .Guidline, .LabelStyle, .Search1Form .InputTxtStyle,
.CaptchaSection .CaptchaRefeshStyle, .CaptchaSection img, .CaptchaSection .InputTxtBg, #loginContainer .CopyRightStyle, .TabSectionList li,
.TabSectionList a, .TabSectionList a span, .GeneralChildBox .ChildBox1Cols, .GeneralChildBox .ChildBox2Cols, .ChildBox1Cols .LabelStyle, .GeneralChildBox .InputTxtStyle,
.CalendarLink, .InputCbxStyle, .InputFileStyle, .InputRdoStyle, .GeneralTabTop, .GeneralTabTop .BoxImageInfo, .GeneralTabTop .InfoTabSection,
.ContentMessageBox .MessageList, .MainFooter .HotlineStyle, .ContentMessageBox .PageList li, .ButtonLeftSection, .InputTxtStyle,
.InfoFormSection .InfoFormCols1, .InfoFormSection .InfoFormCols2, .InfoFormSection .InfoFormCols3, .InfoFormSection .InfoFormCols4, .SideBarTop, .ContentSectionSmallTop, .ContentSectionSmallLoop h2,
.MainContentSection, .General3Dialog .Result2Form, .InputCkboxStyle, .SubjectList li, .Breadcrumb, .BreadcrumbList li, .InfoSchool h1#logo a, .InfoSchool h1#logo span, .SidebarSection, .SendSMSSection .AvatarSection, .SendSMSSection .Field, .SumarySection .Text1Style, .FirstColsSecion, .SecondColsSecion, .SecondCols1Secion, .ThirdColsSecion, .HomeSection .BtnBackStyle, .HomeSection .ViewMonthStyle,
.MenuSectionList li, .ButtonStyle a, .BtnGeneral1Style a, .Box1Table, .Box2Table, .Box3Table, .Box4Table, .ContentSMS .AvatarSMS, .BtnGeneralM1Style, .ValueStyle, .BtnPreview, .MsgFirstCols, .MsgSecondCols, .MsgBtmFirstCols, .MsgDInAvatar, .InputTextStyle, .TextareaStyle, .OnOff, .NewsletterForm .Text1Style, .TabSectionList,
.HomePopup .Field, .SlideSection .BtnPreviewStyle, .CalendarLink, .BtnTopSection .ViewWeekStyle, .OnOff span, .GridFieldSecion, .UnitTempStyle, .StudentsTabList li, .GeneralTable .PhotoNameSection .AvatarSection, .DateDivStyle, .CaptchaSection img, .CaptchaRefeshStyle, .CaptchaSection .InputTxtBg, .ContentSlideSection, .General10Table,
.BtnCenter1Section, .BtnCenter2Section, .InputRdoStyle, .Box5Table, .BoxClassTop, .TabClassSection, .BoxClassLoop .NameClass, .BackLink, .ContentIn1Section {
    float: left;
}

    .SelecSection, #loginContainer .HotlineSupportStyle, .GeneralChildBox .PicBox, .ContentMessageBox .PageList, .MainFooter .Text1Style, .ButtonRightSection, .InfoBox .AccountFunc, .SumarySection .Text2Style,
    .ContentIn1Section .BtnTopSection .BoxSelect3, .HomeSection .BtnTopSection .Text1Style, .BtnNext, .MenuSectionList, .BtnGeneralM2Style, .CollapseBtn, .CollapseBtn2, .MsgBtmSecondCols, .MsgDetailSection .BtnSection .BtnStyle,
    .BtnBtmSection .BoxSelect5, .SlideSection .BtnNextStyle, .BtnR1Section .BtnRefeshStyle, .General10RTable, .BtnRStyle .ButtonStyle, .BtnRStyle .t-button, .BgInputSection .CalendarLink, .Menu1Section, .SProfileFRForm .BoxSelect {
        float: right;
    }

.CLevelThemes #content {
    background: none;
    padding: 0;
}

#content {
    position: relative;
    margin-bottom: 4px;
    border: 1px solid #c4e0f0;
    border-radius: 0 0 5px 5px;
}

#contentInner {
    background: url(/Content/images/bg_contentLoop.png) center top repeat-y;
    padding: 7px 14px;
    width: 973px;
}

.CLevelThemes #contentInner {
    background: none;
    padding: 0;
}

.NavigationSection {
    padding: 40px 0 0;
}

.CntTabSection .NavigationSection {
    padding: 0;
}

.NavigationList {
    border: 1px solid #c1d7db;
}

    .NavigationList li {
        border-bottom: 1px solid #c1d7db;
    }

        .NavigationList li.NewItem {
            font-weight: normal;
        }

    .NavigationList > li {
        font-size: 12px;
    }

    .NavigationList li.EndItem {
        border-bottom: 0;
    }

    .NavigationList li .TitleStyle {
        /*text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        background-color: #036fbd;
        display: block;
        padding: 6px 0;
        text-align: center;
        border-bottom: 1px solid #c1d7db;*/
    }

    .NavigationList li a {
        color: #0066cc;
        display: block;
        padding: 8px 8px 9px 9px;
        width: 142px;
    }

        .NavigationList li a:hover, .NavigationList li a.Active {
            color: #333;
        }

.ContentIn1Section, .CntTabSection .SecondColsSecion {
    position: relative;
    /*width: 809px;*/
}

.ContentIn1StyleSection {
    padding: 0 5px 5px 5px;
}

.ContentIn2StyleSection {
    width: 774px;
}

.BtnR1Section {
    padding-bottom: 5px;
}

.BtnRefeshStyle, .BtnBackStyle {
    width: 30px;
    height: 30px;
}

.BtnRefeshStyle {
    background: url(/Content/images/btn_refesh.jpg) left top no-repeat;
}

.BtnBackStyle {
    background: url(/Content/images/btn_back.jpg) left top no-repeat;
}

.MailDetailSection {
    font-size: 12px;
}

.SendSMSSection {
    padding: 14px 10px;
    border: 1px solid #c5dadd;
    border-top: 0;
}

    .SendSMSSection .AvatarSection {
        width: 30px;
        margin: 0 14px 0 0;
        background-position: 0 -403px;
        padding: 0 0 17px;
    }
    
    .SendSMSSection .BtnSection, .ChangePwdForm .BtnSection {
        padding: 5px 0;
        width: 100%;
    }

    .SendSMSSection .Text2Style, .SendSMSSection .Text1Style, .CountDTextStyle {
        position: absolute;
        padding: 0;
        top: 82px;
    }

    .SendSMSSection .Text2Style {
        left: 0;
        padding: 0 22px 0 0;
    }

    .SendSMSSection .Text1Style, .CountDTextStyle {
        font-weight: bold;
        color: #999;
        right: 0;
    }

.MsgDetailSection .SendSMSSection .Text1Style {
    left: 0;
    right: auto;
    top: 58px;
}

.SendSMSSection .Text2Style, .SumarySection .Text1Style {
    color: #f00202;
}

.SumarySection .Text1Style {
    padding: 3px 22px 0 0;
}

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

.MenuSectionList .ParentMenuSection {
    width: 28px;
    background-position: right -646px;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding-bottom: 12px;
}

.TabSection .ChildMenuSectionList {
    position: absolute;
    top: 0;
    left: 32px;
    width: 134px;
    border: 1px solid #d1d1d1;
    background: #FFF;
    padding: 1px;
    display: none;
}

    .TabSection .ChildMenuSectionList li {
        width: 126px;
        margin: 0;
        padding: 4px 0 3px 8px;
    }

        .TabSection .ChildMenuSectionList li:hover {
            background: #f2f1f1;
        }

    .TabSection .ChildMenuSectionList a {
        font-size: 12px;
        color: #333;
        padding-left: 34px;
    }

        .TabSection .ChildMenuSectionList a.Item1 {
            background-position: 8px -775px;
        }

        .TabSection .ChildMenuSectionList a.Item2 {
            background-position: 8px -810px;
        }

        .TabSection .ChildMenuSectionList a.Item3 {
            background-position: 8px -839px;
        }

        .TabSection .ChildMenuSectionList a.Item4 {
            background-position: 8px -872px;
        }

        .TabSection .ChildMenuSectionList a.Item5 {
            background-position: 8px -901px;
        }

        .TabSection .ChildMenuSectionList a.Item6 {
            background-position: 8px -934px;
        }

        .TabSection .ChildMenuSectionList a.Item7 {
            background-position: 8px -975px;
        }

.BtnTopSection .InputCkbox1Style {
    margin: 9px 8px 0 6px;
}

.BtnTopSection .Label1Style {
    padding: 8px 10px 0 0;
    font-size: 12px;
    color: #333;
}

    .BtnTopSection .Label1Style input {
        vertical-align: text-bottom;
        float: none;
    }

.TabSubject {
    padding: 8px 0 6px;
}

    .TabSubject .BtnGeneral3Style {
        font-size: 12px;
        color: #333;
        background: #e1e1e1;
        border: none;
        padding: 6px 13px 6px 12px;
        margin-right: 1px;
        text-transform: uppercase;
    }

        .TabSubject .BtnGeneral3Style:hover, .TabSubject .Active {
            background: #fbbc12;
            color: #FFF;
            cursor: pointer;
        }

    .TabSubject .Active {
        font-weight: bold;
    }

.ScoreMBSection {
    margin: 0 0 13px;
}

.ScoreSection .TitleGrid {
    border: 1px solid #cadde0;
    border-bottom: none;
    font-size: 1em;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 7px 0 6px;
    text-transform: uppercase;
}

    .ScoreSection .TitleGrid span.WarningMsg {
        font-size: 12px;
        color: #ff0000;
        display: block;
        text-transform: none;
        font-weight: normal;
        padding: 5px 0 0;
    }

.ScoreSection .GuidMsg {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 12px;
}

.StudentsListSection .TittleListSection {
    background: #23a2bc;
}

    .StudentsListSection .TittleListSection p {
        padding: 7px 13px;
        color: #FFF;
        font-weight: bold;
    }

.CollapseBtn {
    position: absolute;
    top: 30px;
    right: 3px;
}

.CollapseBtn2 {
    margin-right: 20px;
    margin-top: -26px;
}

.Sclose {
    background-position: right -311px;
    cursor: pointer;
    height: 14px;
    width: 13px;
}

.Eclose {
    width: 13px;
    height: 14px;
    background-position: right -280px;
}

.Sclose1 {
    background-position: right -136px;
    cursor: pointer;
    height: 14px;
    width: 13px;
}

.Eclose1 {
    width: 13px;
    height: 14px;
    background-position: right -103px;
}

.ContentListSection {
    border-top: none;
}

    .ContentListSection .GroupPerson {
        overflow: hidden;
        background: #e6f4f9;
        padding: 7px 13px;
        border-bottom: 1px solid #c1d7db;
        position: relative;
    }

        .ContentListSection .GroupPerson span {
            font-weight: bold;
        }

    .ContentListSection .ContentSMS {
        padding: 13px 13px;
        border: none;
    }

        .ContentListSection .ContentSMS .AvatarSMS {
            width: 35px;
            height: auto;
            text-align: center;
            margin-right: 13px;
        }

            .ContentListSection .ContentSMS .AvatarSMS img {
                margin-bottom: 5px;
            }

            .ContentListSection .ContentSMS .AvatarSMS span {
                padding: 2px 6px 6px;
                background-position: right -39px;
                color: #FFF;
                text-transform: uppercase;
                font-size: 12px;
            }

        .ContentListSection .ContentSMS .Textarea1Style {
            font-size: 1em;
            width: 720px;
            height: 75px;
        }

.ScoreSection {
    position: relative;
}

.BtnTopSection .InputCkbox2Style {
    margin: 9px 5px 0 0;
}

.BtnTopSection .Label1Style {
    color: #333;
}

.BtnTopSection .ViewWeekStyle {
    padding: 0 20px;
    width: 135px;
    position: relative;
    display: block;
}

    .BtnTopSection .ViewWeekStyle .ViewWeekForm {
        width: 123px;
        border: 1px solid #d4d3d3;
        background: url(/Content/images/bg-btngeneral.png) top left repeat-x;
        height: 23px;
        padding: 5px 0 0;
    }

        .BtnTopSection .ViewWeekStyle .ViewWeekForm .InputText1Style {
            border: none;
            background: none;
            width: 95px;
            font-size: 12px;
        }

    .BtnTopSection .ViewWeekStyle .BtnPreview {
        left: 0;
        top: 6px;
    }

    .BtnTopSection .ViewWeekStyle .BtnNext {
        right: 0;
        top: 6px;
    }

.BtnTopSection .Text1Style span.Temp1Style {
    color: #50a21e;
}

.BtnTopSection .Text1Style span.Temp2Style {
    color: #e80202;
}

.ContentSlideList {
    text-align: center;
    padding: 10px 0;
    display: inline-block;
}

.Eclose1 {
    cursor: pointer;
}

.SlideSection .BtnPreviewStyle, .SlideSection .BtnNextStyle {
    display: block;
    height: 89px;
    width: 28px;
}

    .SlideSection .BtnPreviewStyle:hover, .SlideSection .BtnNextStyle:hover {
        background: #e9ebeb;
    }

    .SlideSection .BtnNextStyle .BtnNext {
        background-position: -481px -10px;
    }

    .SlideSection .BtnPreviewStyle .BtnPreview {
        background-position: -485px -131px;
    }

.SumarySection {
    font-size: 12px;
    padding-top: 7px;
}

.SProfileFRForm .BoxSelect {
    margin-right: 0 !important;
}

.HistorySection {
    margin: 10px 0 0;
}

    .HistorySection .HistoryBoxSection {
        width: 145px;
        height: 128px;
        padding: 10px;
        background: #dbe9f8;
        margin-right: 13px;
        float: left;
    }

    .HistorySection dt, .HistorySection dd {
        padding: 5px 5px 5px 0 !important;
        float: left;
    }

    .HistorySection dd {
        font-weight: bold;
    }
/*-[- Home*/
    .GenaralInfoSection .Title2Style {
        font-size: 12px;
        color: #0d7ea0;
        text-transform: uppercase;
        background-color: #f5f3f3;
        border-bottom: 1px solid #e5e5e5;
        padding: 7px 0 7px 14px;
    }

.HealthInSection .Title2Style {
    font-size: 12px;
    color: #003399;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    padding: 7px 0 7px 0px;
}

.ContentPopup .GenaralInfoSection .Title2Style {
    font-size: 1em;
}

.GenaralInfoSection .HealthInSection {
    padding: 15px 15px 10px 15px;
    border: 1px solid #036FBD;
    border-radius: 0 5px 5px 5px;
    /* background-color: #FDFFFF; */
}

.StudentsListSection .HealthInSection {
    margin-bottom: 10px;
}

.StudentsListSection .TitleTabSection {
    min-width: 130px;
}

.CntTabSection .InputCkbox1Style {
    margin-top: 1px;
}

.HealthInSection .LabelStyle {
    text-align: right;
    padding-right: 5px;
    margin: 0 0 10px;
}

.HealthInSection .Label1Style {
    width: 96px;
}

.HealthInSection .Label2Style {
    width: 60px;
    padding-left: 5px;
}

.HealthInSection .Label3Style {
    width: 96px;
}

.HealthInSection .Label4Style {
    width: 345px;
    text-align: left;
}

.HealthInSection .Label5Style {
    width: 200px;
    text-align: left;
}

.HealthInSection .Value1Style {
    width: 190px;
    margin: 0 0 10px;
}

.HealthInSection .Value2Style {
    width: 134px;
}

.HealthInSection .Value3Style {
    width: 820px;
}

.HealthInSection .InputRdo1Style, .HealthInSection .InputCkbox1Style {
    margin-top: 1px;
}

.GIInSection .Text1Style {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 5px;
}

.GIInSection .Text2Style {
    font-weight: bold;
    padding: 0 0 5px 15px;
}

    .GIInSection .Text2Style span {
        font-style: italic;
        font-size: 1em;
        display: block;
        font-weight: normal;
        padding: 3px 0 0;
    }


.GIInSection .BoxMap1 {
    background: url(/Content/images/NewBieudocannangbetrai.jpg) top left no-repeat;
    height: 560px;
}


.GIInSection .BoxMap3 {
    background: url(/Content/images/NewBieudocannangbegai.jpg) top left no-repeat;
    height: 560px;
}

.GIInSection .BoxMap4 {
    background: url(/Content/images/NewBieudochieucaobegai.jpg) top left no-repeat;
    height: 588px;
}

.GIInSection .BoxMap .InfoPupil {
    position: absolute;
    bottom: 0;
    right: 1px;
    background: #FFF;
    padding: 10px 10px 0 10px;
    width: 255px;
}

    .GIInSection .BoxMap .InfoPupil .Value1Style {
        font-weight: bold;
        width: auto;
    }

.GIInSection .BoxMap .MapContentSection {
    position: relative;
    width: 832px;
}

.GIInSection .BoxMap1 .MapContentSection, .GIInSection .BoxMap3 .MapContentSection {
    height: 478px;
}

.GIInSection .BoxMap2 .MapContentSection, .GIInSection .BoxMap4 .MapContentSection {
    height: 587px;
}

.GIInSection .InputCkbox1Style {
    margin-right: 10px;
}

.SlideSection {
    background: #f2f4f4;
    height: 89px;
    margin-bottom: 1px;
    text-align: center;
    position: relative;
}

.Slide2Section {
    margin: 0 0 1px 292px;
    width: 389px;
}

.ContentSlideSection {
    padding: 10px 10px;
    width: 310px;
    font-size: 12px;
}

    .ContentSlideSection .Text1Style {
        font-weight: bold;
        text-align: center;
        padding: 3px 0 5px;
    }

    .ContentSlideSection .Text2Style {
        line-height: 17px;
        padding-left: 40px;
    }

.BtnPreview, .BtnNext {
    position: absolute;
    width: 25px;
    height: 100%;
    top: 0;
}

    .BtnPreview span, .BtnNext span {
        cursor: pointer;
    }

.BtnPreview {
    background-position: right -1654px;
    left: 7px;
}

.BtnNext {
    background-position: right -1557px;
    right: -3px;
}

.BtnPreview:hover {
    background-position: right -1319px;
}

.BtnNext:hover {
    background-position: right -1210px;
}

.ContentSlideList {
    text-align: center;
    padding: 10px 0;
}

    .ContentSlideList li {
        display: inline;
        padding: 0 7px;
    }

        .ContentSlideList li.Item2 a {
            width: 70px;
            height: 70px;
        }

        .ContentSlideList li.EndItem a {
            color: #23a2bc;
            font-size: 1em;
            font-weight: bold;
        }

.BtnTopSection {
    padding: 0 0 5px;
    position: relative;
    width: 100%;
}

.BtnTopMailDSection {
    left: -164px;
}

.BtnBtmSection {
    padding: 10px 0 0;
}

.SubMenuSection {
    position: absolute;
    right: -137px;
    top: 0;
    display: none;
}

.BtnTopSection a.Temp1LinkStyle, .BtnTopSection a.Temp2LinkStyle, .BtnTopSection a.Temp3LinkStyle {
    position: absolute;
    top: 0;
}

.BtnTopSection a.Temp1LinkStyle {
    left: 198px;
    width: 96px;
}

.BtnTopSection a.Temp2LinkStyle {
    right: 33px;
    width: 96px;
}

.BtnTopSection a.Temp3LinkStyle {
    right: 0;
    width: 30px;
}

.BtnCenterSection .Text1Style {
    font-size: 12px;
    font-style: italic;
    display: inline-block;
    width: 290px;
    position: absolute;
    right: 0;
}

.HomeSection .ViewMonthStyle {
    margin: 0 16px 0 0;
}

.HomeSection .BtnTopSection .Text1Style {
    color: #333;
    font-size: 12px;
    padding: 5px 0 0;
}

.BtnTopSection .Text1Style span {
    font-size: 1.333em;
    font-weight: bold;
    padding: 1px 5px 1px;
    border: 1px solid #d3d2d2;
    background: url(/Content/images/bg-btngeneral.png) top left repeat-x;
    display: inline-block;
    vertical-align: middle;
}

.HomeInSection .FirstColsSecion {
    width: 303px;
    margin: 0 10px 0 0;
    border: 1px solid #aabfd4;
    border-top: none;
}

.HomeInSection .SecondColsSecion {
    width: 657px;
}

.HomeIn2Section .FirstColsSecion {
    width: 280px;
    margin: 0 12px 0 0;
}

.HomeIn2Section .SecondColsSecion {
    width: 388px;
}

.HomeIn2Section .ThirdColsSecion {
    width: 280px;
    margin: 0 0 0 12px;
}

.HomeInSection .FirstColsSecion .Title2Style, .HomeIn2Section .FirstColsSecion .Title2Style {
    /* width: 293px; */
    text-transform: uppercase;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #aabfd4;
    border-top: 1px solid #aabfd4;
}

.HomeInSection .Title2Style, .HomeIn2Section .Title2Style {
    font-size: 12px;
    color: #fff;
    background-color: #51aab2 ;
    padding: 11px 10px;
    text-align: center;
    border-top: 1px solid #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
}

.MessageBox {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

    .MessageBox .TabSection {
        width: 99.9%;
        top: -4px;
    }

.TabClassSection .TitleTabSection {
    position: relative;
}

.TitleTabSection a, .MenuTabSection a.Active, .MenuTabSection a:hover {
    padding: 7px 4px 5px 0;
    background: #036fbd;
    border-radius: 5px 5px 0 0;
}

    .TitleTabSection a span, .MenuTabSection a.Active span, .MenuTabSection a:hover span {
        display: inline-block;
        padding: 9px 10px 5px 15px;
        background-position: 0 -718px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
    }

.CollapseBtnFull {
    right: 10px;
    left: auto !important;
}

.MessageBox .ContentMessageBox {
    padding: 14px 12px;
    border: 1px solid #036fbd;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    behavior: url(pie/PIE.php);
}

    .MessageBox .ContentMessageBox .MessageList {
        width: 460px;
    }

        .MessageBox .ContentMessageBox .MessageList li {
            padding: 0 0 0 10px;
            background: url(/Content/images/sprite1.png) 0 -1534px no-repeat;
        }

            .MessageBox .ContentMessageBox .MessageList li.EndItem {
                background: url(/Content/images/sprite1.png) 0 -1535px no-repeat;
            }

            .MessageBox .ContentMessageBox .MessageList li a {
                color: #0177c6;
                font-size: 12px;
            }

                .MessageBox .ContentMessageBox .MessageList li a:hover {
                    text-decoration: underline;
                }

    .MessageBox .ContentMessageBox .PageList li {
        display: inline-block;
    }

        .MessageBox .ContentMessageBox .PageList li a {
            font-size: 0.875em;
            color: #0099cc;
            padding: 0 3px;
        }

            .MessageBox .ContentMessageBox .PageList li a:hover, .MessageBox .ContentMessageBox .PageList li a.Active, .MessageBox .ContentMessageBox .PageList li a.DisableStyle {
                color: #333;
            }

.HomeSection .TitleTabSection {
    position: relative;
}

.BoxClassInfo {
    margin-bottom: 10px;
}

.BoxClassTop {
    background: url(/Content/images/bg_boxClassTop.png) top left no-repeat;
    padding-top: 3px;
    width: 199px;
    margin: 3px 30px 3px 0;
    font-size: 12px;
    position: relative;
    cursor: pointer;
}

.BoxClassBtm {
    background: url(/Content/images/bg_boxClassBtm.png) bottom left no-repeat;
    padding-bottom: 3px;
}

.BoxClassLoop {
    background: url(/Content/images/bg_boxClassLoop.png) top left repeat-y;
    padding: 7px 10px;
}

    .BoxClassLoop .NameClass {
        text-align: center;
        width: 88px;
        font-size: 1.77em;
        color: #003399;
        padding: 18px 12px;
        font-weight: bold;
    }

    .BoxClassLoop p {
        color: #213969;
        line-height: 19px;
    }

        .BoxClassLoop p span {
            font-weight: bold;
        }

.MenuClassSection .ChildMenuSectionList {
    top: -3px;
    right: 5px;
    z-index: 10;
    min-width: 145px;
}
@-moz-document url-prefix() {
    .MenuClassSection .ChildMenuSectionList{
        min-width: 150px;
    }
}
.ChildMenuSectionList {
    position: absolute;
    z-index: 100;
    border: 1px solid #ddd;
    background: #FFF;
    padding: 5px !important;
    display: block;
    border-radius: 4px;
}

    .ChildMenuSectionList li {
        width: auto;
        margin: 0;
        padding: 4px 0 6px 8px;
    }

.MenuAccSection .ChildMenuSectionList li:hover, .MenuClassSection .ChildMenuSectionList li:hover {
    background: #B8EEF7 ;
}

.ChildMenuSectionList a {
    color: #333;
    padding: 1px 0 3px 30px;
}

.MenuClassSection .ChildMenuSectionList a.Item1 {
    background-position: 8px 0px;
}

.MenuClassSection .ChildMenuSectionList a.Item2 {
    background-position: 8px -36px;
}

.MenuClassSection .ChildMenuSectionList a.Item3 {
    background-position: 8px -74px;
}

.MenuClassSection .ChildMenuSectionList a.Item4 {
    background-position: 8px -108px;
}

.MenuClassSection .ChildMenuSectionList a.Item5 {
    background-position: 8px -146px;
}

.MenuClassSection .ChildMenuSectionList a.Item6 {
    background-position: 8px -185px;
}
.MenuClassSection .ChildMenuSectionList a.Item8 {
    background: url("/Content/images/menu/mdiemdanh.png") no-repeat scroll left top rgba(0, 0, 0, 0);
                background-position: 8px;

}

.MenuAccSection .ChildMenuSectionList, .ChangePassSection .ChildMenuSectionList {
    top: 63px;
    width: auto;
}

.MessageBoxSection .ChildMenuSectionList {
    padding: 1px !important;
    top: 63px;
    right: 46px;
    width: 250px;
}

.MenuAccSection .ChildMenuSectionList a.Item1 {
    background-position: right -1px;
    padding: 12px 8px 11px 0;
}

#BannerDivNF .MenuAccSection .ChildMenuSectionList .backGroundPosition {
    padding-right: 0;
    
}

.MessageBoxSection .MsgList li {
    padding-bottom: 6px;
    background-position: right -534px;
    border-bottom: 1px solid #d1d0d0;
}

    .MessageBoxSection .MsgList li:hover {
        cursor: pointer;
        background-position: right -619px !important;
    }

    .MessageBoxSection .MsgList li.EndItem, .MsgBoxOption {
        background: #f6f5f5;
        border: none;
    }

        .MessageBoxSection .MsgList li.EndItem .SeeAllMsg {
            background-position: right -225px;
            padding: 5px 13px 5px 0;
            text-align: right;
            width: 100%;
            color: #0066cc;
            float: right;
        }

.MessageBox2Section .ChildMenuSectionList {
    width: 300px;
}

    .MessageBox2Section .ChildMenuSectionList a.Item1 {
        padding-right: 291px;
        (-bracket-:hack; padding-right:282px;);
        padding-right: 279px;
    }

.MsgBoxOption .SeeAllMsg {
    background-position: right -225px;
    padding: 5px 13px 5px 0;
    text-align: right;
    color: #0066cc;
    float: right;
}

.MsgBoxOption .BackMsg {
    background-position: right -260px;
    padding: 5px 0px 5px 13px;
    text-align: left;
    color: #0066cc;
    float: left;
}

.ChangePassSection .ChildMenuSectionList, .MessageBoxSection .ChildMenuSectionList {
    padding: 0 3px 3px 10px;
}

.MenuAccSection .ChildMenuSectionList a {
    padding-left: 0;
}


.ChangePassSection .ChildMenuSectionList a.Item1 {
    line-height: 2px;
    padding: 7px 177px 0 0;
    background-position: right -1px;
    (-bracket-:hack; padding:7px 171px 0 0;);
}

.ChildMenuSectionList .BackLink {
    background-position: 0 -2067px !important;
    float: left;
}

.BackLink {
    width: 16px;
    height: 24px;
    display: block;
    padding: 0 !important;
}

.ButtonStyle {
    background-position: right -511px;
    border: none;
    cursor: pointer;
    padding: 0 2px 0px 0;
    display: inline-block;
}

    .ButtonStyle:hover span {
        background-position: 0 -886px;
    }

    .ButtonStyle:hover {
        background-position: right -905px;
    }

.Button2Style {
    background-position: right -1481px;
}


.ChildMenuSectionList .InputText1Style {
    width: 181px;
}

.BoxMenuSection {
    position: relative;
}

.GeneralForm .BackLink {
    background-position: 0 -2070px;
    margin: 0 5px;
}

.GeneralForm .NextLink {
    background-position: -33px -2070px;
}

.MenuTabSection a {
    background-position: right -2154px;
}

    .MenuTabSection a span {
        width: auto;
        padding-right: 10px;
        background-position: 0 -2156px;
    }

    .MenuTabSection a.Active span, .MenuTabSection a:hover span {
        width: auto;
        padding-right: 10px;
    }

.SProfile3Form {
    margin: auto;
    width: 680px;
    padding: 0 10px;
}

    .SProfile3Form h4, .GenaralInfoSection h5 {
        font-size: 16px;
        color: #003399;
        font-weight: bold;
        padding: 10px 0 15px 0;
        text-align: center;
    }

    .SProfile3Form .TitleTabSection a span {
        width: auto;
        margin-bottom: 2px;
    }

.MTSection {
    margin-top: 10px;
}

.MT3Section {
    margin-top: 30px;
}

.SemesterList {
    text-align: center;
}

    .SemesterList li {
        display: inline;
        text-align: center;
        border-right: 1px solid #999;
    }

        .SemesterList li.EndItem {
            border: none;
        }

        .SemesterList li a {
            color: #333;
            font-weight: bold;
            text-transform: uppercase;
            padding: 2px 8px 2px 4px;
        }

            .SemesterList li a:hover, .SemesterList li a.Active {
                color: #0066cc;
            }
/*-[ Home child-*/
.InfoFormSection .InfoFormCols1 {
    width: 176px;
    margin-right: 20px;
    position: relative;
}

.InfoFormSection .InfoFormCols2 {
    width: 752px;
}

.InfoFormSection .InfoFormCols3 {
    margin-right: 20px;
    position: relative;
}

.InfoFormSection .InfoFormCols4, .InfoFormSection .InfoFormCols3 {
    width: 464px;
}

.InfoFormSection .InfoFormCols1 .PhotoFrame {
    width: 176px;
    height: auto;
    margin-bottom: 5px;
}

.InfoFormSection .InfoFormCols1 .InputFileStyle {
    position: absolute;
    top: 215px;
    left: 0;
}

.InfoFormSection .InfoFormCols1 .ButtonStyle {
    width: 176px;
}

.InfoFormSection .InfoFormCols1 .InputFileStyle {
    opacity: 0;
}

.InfoFormSection .LabelStyle, .InfoForm2Section .LabelStyle, .InfoForm3Section .LabelStyle {
    color: #215ea2;
}

.InfoFormSection .LabelCStyle {
    color: #333;
}

.InfoFormSection .Label1Style {
    width: 117px;
}

.InfoFormSection .Label2Style {
    width: 154px;
    text-align: right;
}

.InfoFormSection .Label3Style {
    width: 85px;
    text-align: right;
}

.InfoFormSection .Label4Style {
    width: 92px;
    text-align: right;
}

.InfoFormSection .Label5Style {
    width: 154px;
    text-align: right;
}

.InfoFormSection .Label6Style {
    width: 92px;
    text-align: right;
}

.InfoFormSection .Label7Style {
    text-align: left;
    padding-right: 20px;
    padding-left: 5px;
    color: #333;
}

.InfoFormSection .Label8Style {
    width: 244px;
    text-align: right;
}

.InfoFormSection .InputTxt1Style {
    width: 156px;
}

.InfoFormSection .InputTxt2Style {
    width: 174px;
}

.InfoFormSection .InputTxt3Style {
    width: 93px;
}

.InfoFormSection .InputTxt4Style {
    width: 609px;
}

.InfoFormSection .InputTxt5Style {
    width: 156px;
}

.InfoFormSection .BoxSelect1 .MySelectBoxClass {
    width: 120px;
}

.InfoFormSection .BoxSelect1 span.CustomStyleSelectBox {
    width: 90px;
}

.InfoFormSection .BoxSelect2 .MySelectBoxClass {
    width: 182px;
}

.InfoFormSection .BoxSelect2 span.CustomStyleSelectBox {
    width: 152px;
}

.ContentSection .ButtonBox, .Content2Section .ButtonBox {
    text-align: center;
    margin: 10px 0;
}

.ContentSection .Button2Box .ButtonStyle, .Content2Section .Button2Box .ButtonStyle {
    width: 88px;
}

.InfoFormCols3 .Label1Style {
    width: 100px;
    padding-left: 30px;
}

.InfoFormCols3 .Label2Style {
    width: 125px;
    text-align: right;
}

.InfoFormCols3 .Label3Style {
    width: 63px;
    padding-left: 120px;
}

.InfoFormCols3 .InputCbx1Style, .InfoFormCols4 .InputCbx1Style {
    margin-left: 0;
}

.InfoFormCols4 .Label1Style {
    width: 165px;
    padding-left: 30px;
    text-align: right;
}

.InfoFormCols4 .BoxSelect1 span.CustomStyleSelectBox {
    width: 134px !important;
}

.InfoFormCols4 .BoxSelect1 .MySelectBoxClass {
    width: 164px !important;
}

.InfoFormCols4 .InputTxt1Style {
    width: 353px;
}

.InfoForm2Section .Label1Style {
    width: 130px;
}

.InfoForm2Section .Label2Style {
    width: 55px;
    padding-left: 15px;
}

.InfoForm2Section .Label3Style {
    width: 80px;
    padding-left: 20px;
}

.InfoForm2Section .Label4Style {
    width: 40px;
    padding-left: 30px;
}

.InfoForm2Section .InputTxt2Style {
    width: 100px;
}

.InfoForm2Section .BoxSelect1 span.CustomStyleSelectBox {
    width: 119px !important;
}

.InfoForm2Section .BoxSelect1 .MySelectBoxClass {
    width: 149px !important;
}

.InfoForm3Section .Label1Style {
    width: 148px;
}

.InfoForm3Section .Label2Style, .InfoForm3Section .Label3Style {
    width: 130px;
    padding-left: 15px;
    text-align: right;
}

.InfoForm3Section .InputTxt1Style {
    width: 122px;
}

.InfoForm3Section .InputAreaStyle {
    width: 747px;
    height: 45px;
}

.InfoForm3Section .BoxSelect1 span.CustomStyleSelectBox {
    width: 119px !important;
}

.InfoForm3Section .BoxSelect1 .MySelectBoxClass {
    width: 149px !important;
}

.InfoForm4Section {
    margin: 0 auto;
    width: 500px;
}

    .InfoForm4Section .Label1Style {
        width: 150px;
    }

    .InfoForm4Section .InputTxt1Style {
        width: 165px;
    }

    .InfoForm4Section .Value1Style {
        width: 165px;
    }

.TabSectionTop {
    border-bottom: 1px solid #036FBD;
}

.MainContentSection {
    width: 788px;
}

.ToolBarSectionTop {
    position: relative;
}

.ToolBarMTSectionTop {
    margin: 10px 0;
}

.ToolBarSectionTop .ButtonStyle1 {
    width: 69px;
}

.ToolBarSectionTop .InputCkbox1Style {
    margin: 8px 8px 0 15px;
}

.ToolBarSectionTop .Label1Style {
    padding: 7px 10px 0 5px;
}

.ToolBarSectionTop .Label2Style {
    padding: 7px 10px 0 30px;
}

.ToolBarSectionTop .Label3Style {
    padding-left: 5px;
}

.ToolBarSectionTop .Label4Style {
    padding-left: 30px;
}

.ToolBarSectionTop .BoxSelect4 span.CustomStyleSelectBox, .ToolBarSectionTop .BoxSelect1 span.CustomStyleSelectBox {
    background: url(/Content/images/sprite1.png) no-repeat scroll right -2069px transparent;
    padding: 5px 0 5px 10px;
}

.BoxSelect4 span.CustomStyleSelectBox {
    color: #999999;
}

.ToolBarSectionTop .BoxSelect4 .MySelectBoxClass {
    width: 227px;
}

.ToolBarSectionTop .BoxSelect4 span.CustomStyleSelectBox {
    width: 215px;
}

.ToolBarSectionTop .MenuSection {
    background-position: right -2016px;
    height: 31px;
    width: 30px;
    right: 0;
    top: 0;
}

    .ToolBarSectionTop .MenuSection .MenuSectionList {
        right: 29px;
    }

.ToolBarMSectionTop {
    margin-bottom: 10px;
}

#tree {
    font-size: 12px;
    padding: 0 0 0 12px;
}

.SProfileCForm {
    padding-left: 381px;
}

.TextBold {
    font-weight: bold;
}
/*-] Home child-*/

/*-[ Lien lac hop thu -*/
.MsgSection {
    position: absolute;
    top: 72px;
    right: -31px;
    z-index: 10;
    background-color: #fff;
}

.Msg1Section {
    width: 268px;
}

.Msg2Section {
    width: 305px;
}

.Msg3Section {
    right: 5px;
    top: 75px;
    width: 130px;
}

.Msg4Section {
    right: 5px;
    top: 75px;
    width: 250px;
}

.MsgFirstCols {
    width: 30px;
    margin: 0 10px 0 0;
}

.MsgSecondCols {
    width: 180px;
}

    .MsgSecondCols .Text2Style {
        font-size: 0.9167em;
        color: #999;
        padding: 4px 0 0;
    }

.AccountFuncList li .MsgList {
    position: relative;
    z-index: 2;
}

    .AccountFuncList li .MsgList li {
        float: none;
        padding: 9px 0 9px 9px;
        border-bottom: 1px solid #d1d0d0;
        background-position: right -1535px;
    }

.AccountFuncList li .Msg3Section .MsgList li {
    background-position: right -1551px;
}

.AccountFuncList li .MsgList li.NewMsgItem {
    background-color: #f6f4f5;
    font-weight: bold;
}

.AccountFuncList li .MsgList li:hover {
    cursor: pointer;
    background-position: right -1188px;
}

.AccountFuncList li .Msg3Section .MsgList li:hover {
    background-position: right -1204px;
    background-color: #f6f4f5;
}

.MsgBtmSecion {
    width: auto;
    background-color: #f6f5f5;
    padding: 8px 10px;
    position: relative;
    z-index: 2;
}

.AccountFuncList li .Msg3Section .MsgList li a {
    color: #333;
}

.AccountFuncList li .MsgBtmSecion a {
    width: auto;
    text-align: left;
    display: inline;
    color: #23a2bc;
    font-weight: normal;
}

.AccountFuncList li .TextBackStyle a {
    background-position: 0px -1425px;
    padding: 0 0 0 8px;
}

.AccountFuncList li .TextCMStyle a {
    background-position: 0px -1587px;
    padding: 0 0 0 12px;
    background-image: none;
}

.AccountFuncList li .TextViewAllStyle a {
    background-position: right -1380px;
    padding: 0 9px 0 0;
}

.MsgBtmFirstCols {
    width: 168px;
}

.MsgBtmSecion .LabelStyle {
    float: none;
    display: block;
    padding: 5px 0 0;
    color: #333;
}

    .MsgBtmSecion .LabelStyle input {
        vertical-align: middle;
        margin: 0 10px 0 0;
    }

.TextViewAllStyle {
    text-align: right;
}

.CornerSide {
    position: absolute;
    z-index: 1;
}

.CornerSideT {
    background: url(/Content/images/bg_cornerRT.png) no-repeat right top;
    height: 17px;
    right: -4px;
    top: -12px;
    width: 100%;
}

.CornerSideR {
    background: url(/Content/images/bg_cornerRB.png) no-repeat right bottom;
    bottom: -4px;
    height: 100%;
    right: -4px;
    width: 8px;
}

.CornerSideB {
    background: url(/Content/images/bg_cornerLB.png) no-repeat left bottom;
    bottom: -4px;
    height: 17px;
    left: -4px;
    width: 100%;
}

.CornerSideL {
    background: url(/Content/images/bg_cornerLT.png) no-repeat left top;
    height: 100%;
    left: -4px;
    top: -12px;
    width: 8px;
}

.Msg3Section .CornerSideT, .Msg4Section .CornerSideT {
    background: url(/Content/images/bg_cornerRTAccount.png) no-repeat right top;
}

.MsgTopSecion {
    border-bottom: 1px solid #d1d0d0;
    position: relative;
    z-index: 2;
    width: 100%;
}

.MsgDetailSection {
    padding: 0 1px 1px;
}

.MsgDInSection {
    position: relative;
    padding: 6px;
    background-color: #e6f4f9;
}

    .MsgDInSection .Text1Style {
        font-weight: bold;
    }

    .MsgDInSection .Text2Style {
        padding: 2px 0 0;
    }

    .MsgDInSection .Text2Style, .MsgDInSection .Text3Style {
        font-size: 0.9167em;
    }

    .MsgDInSection .Text3Style {
        color: #999;
        position: absolute;
        top: 4px;
        right: 6px;
    }

    .MsgDInSection .Text4Style {
        padding: 6px 0 0;
    }

.MsgDInAvatar {
    margin: 0 9px 0 0;
    border: 1px solid #fff;
}

.MsgDetailSection .SendSMSSection {
    font-size: 1em;
    padding: 9px 6px;
    width: 291px;
    border: none;
}

.NavigationList li a.AddItemLink {
    width: 130px;
    padding-left: 21px;
}

    .NavigationList li a.AddItemLink, .NavigationList li a.AddItemLink:hover {
        background: url(/Content/images/icon_addnew.png) 9px 11px no-repeat;
    }

.TittleListSection .Title2Style {
    text-align: center;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 0;
}

.GeneralInCtnSection {
    border: 1px solid #c1d7db;
    border-top: none;
    background: white;
}

.NewsletterForm {
    padding: 14px 12px 14px 0;
    background: white;
}

.LabelStyle {
    /* color: #215ea2; */
    font-weight: normal;
    /* font-size: 14px !important; */
}

.NewsletterForm .LabelStyle {
    width: 140px;
    text-align: right;
    padding: 0 10px 0 0;
}

.NewsletterForm .Label1Style {
    padding-top: 8px;
    padding-bottom: 10px;
}

.NewsletterForm .Label2Style {
    padding-top: 3px;
    width: 100px;
}

.NewsletterForm .Label3Style {
    width: 100px;
}

.NewsletterForm .Label4Style {
    width: 300px;
    text-align: left;
}

.NewsletterForm .Label5Style {
    width: 200px;
    text-align: left;
    padding-top: 3px;
}

.NewsletterForm .Label6Style {
    width: 140px;
    text-align: left;
    padding-top: 3px;
}

.NewsletterForm .Label7Style {
    width: 250px;
    text-align: left;
    padding-top: 3px;
}

.NewsletterForm .InputCkbox1Style, .NewsletterForm .InputRdo1Style {
    margin-left: 15px;
    margin-right: 5px;
}

.NewsletterForm .InputTextStyle {
    width: 110px;
    text-align: center;
}

.NewsletterForm .InputText1Style {
    //width: 200px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.NewsletterForm .SearchSection {
    border: 1px solid #C5DADD;
    width: 300px;
    float: right;
    height: 22px;
}

    .NewsletterForm .SearchSection .InputText1Style {
        text-align: left;
        font-size: 1em;
        font-weight: normal;
        text-transform: none;
        border: none;
        width: 264px;
        height: 22px;
    }

    .NewsletterForm .SearchSection .BtnSearch span.Sprite1 {
        width: 22px;
        height: 22px;
        background-position: right -804px;
        display: inline-block;
    }

    .NewsletterForm .SearchSection .BtnSearch {
        background: none;
        border: none;
        cursor: pointer;
    }

.NewsletterForm .OnOff, .NewsletterForm .ValueStyle, .NewsletterForm .InputTextStyle, .NewsletterForm .BoxSelect {
    margin: 0 0 10px;
}

.OnOff {
    width: 96px;
    height: 32px;
    overflow: hidden;
    color: #fff;
    /* background-color: #017284 !important; */
}

    .OnOff span {
        position: relative;
        display: block;
        height: 22px;
        line-height: 22px;
        width: 48px;
        cursor: pointer;
        background-color: #e5e9ea;
    }

    .OnOff .on {
        background-color: #02a6dd;
        text-align: center;
        vertical-align: middle;
        padding-top: 3px;
    }

    .OnOff .off {
        background-color: #99a8ad;
        text-align: center;
        vertical-align: middle;
        padding-top: 4px;
    }

    .OnOff.On .off, .OnOff.Off .on {
        display: none;
    }

.NewsletterForm .TextareaStyle {
    height: 96px;
    width: 605px;
    font-size: 1em;
    background-color: #f6f5f5;
}

.NewsletterForm .Text1Style {
    padding-top: 3px;
}

.NewsletterForm .Text1FStyle {
    padding-right: 7px;
}

.NewsletterForm .Text1SStyle {
    padding-left: 9px;
}

.NewsletterForm span.CustomStyleSelectBox {
    background: url(/Content/images/sprite1.png) no-repeat right -1454px;
}

.NewsletterForm .BoxSelect2 .MySelectBoxClass {
    width: 54px;
}

.NewsletterForm .BoxSelect2 .CustomStyleSelectBoxInner {
    width: 25px;
}

.ChangePwdForm {
    padding: 10px;
}

    .ChangePwdForm .InputTextStyle {
        margin: 0 0 10px;
        width: 218px;
        float: none;
    }

    .ChangePwdForm .BtnCenterSection {
        padding: 0;
    }

.BoxInfoSection {
    position: relative;
    border: 1px solid #C5DADD;
    padding: 10px 5px;
    width: 100%;
    margin-bottom: 20px;
}

    .BoxInfoSection h4 {
        padding: 3px 5px;
        background: #FFF;
        position: absolute;
        top: -11px;
        left: 10px;
    }

.BoxInfoNMSection {
    margin-bottom: 0;
}

.EndItem a {
    padding: 0;
}
/*-] Lien lac hop thu -*/
/*-[- Hoc sinh*/
.WarningStyle {
    font-style: italic;
    padding: 5px 0 0;
    font-size: 12px;
}

.SProfile2Form .WarningStyle {
    padding: 0 0 0 404px;
    color: #666;
}

.SProfile2Form .MenuClassSection {
    font-size: 12px;
}

.BtnR1Section {
    text-align: right;
}

.BtnMRSection {
    margin-right: 10px;
}

.BtnR2Section {
    text-align: left;
    margin: -5px 0 0 20px;
    display: inline-block;
}

    .BtnR2Section .ButtonStyle {
        font-size: 1em;
    }

.BtnR3Section {
    text-align: right;
    padding: 10px 475px 0 0;
}

.TBMGridSection, .General5Table, .General9Table, .General10Table {
    margin: 10px 0;
}

.StudentsInSection {
    position: relative;
}

.SPUploadSection {
    position: absolute;
    top: 10px;
    left: 0;
}

.SProfile1Form {
    padding: 10px 0 0 211px;
}

.SchoolProfile1Form {
    padding-left: 10px;
}

.StudentsInMinHSection {
    min-height: 265px;
    height: auto !important;
    height: 265px;
}

.SProfileNoPLForm {
    padding-left: 0;
}

.SchoolProfile1Form .Label1Style {
    width: 100px !important;
}

.SchoolProfile1Form .Label3Style {
    width: 179px !important;
}

.SchoolProfile1Form .Label4Style {
    width: 100px !important;
}

.SchoolProfile1Form .Label5Style {
    width: 150px !important;
    text-align: left;
    padding-left: 5px;
}

.SProfile1Form .LabelStyle {
    text-align: right;
}

.SProfile1Form .Label1Style {
    width: 145px;
}

    .SProfile1Form .Label1Style > input {
        vertical-align: middle;
        margin-right: 5px;
    }

.SProfile1Form .Label2Style {
    margin-left: 155px;
}

.SProfile1Form .Label3Style {
    width: 76px;
}

.SProfile1Form .Label4Style {
    width: 93px;
}

.SProfile1Form .Label5Style {
    width: 95px;
}

.SProfile1Form .Label6Style {
    margin-left: 86px;
}

.SProfile1Form .Label7Style {
    margin-left: 103px;
}

.SProfile1Form .Label8Style {
    margin-left: 105px;
}

.SProfile1Form .Label9Style {
    width: 356px;
    padding-top: 0;
}

.SProfile1Form .Label10Style {
    width: 151px;
}

.SProfile1Form .Label2Style, .SProfile1Form .Label6Style, .SProfile1Form .Label7Style, .SProfile1Form .Label8Style, .SProfile1Form .Label10Style {
    color: #333;
    text-align: left;
    padding-top: 0;
    padding-right: 0;
}

    .SProfile1Form .Label2Style input, .SProfile1Form .Label6Style input, .SProfile1Form .Label7Style input, .SProfile1Form .Label8Style input, .SProfile1Form .Label10Style input {
        margin-right: 7px;
        vertical-align: middle;
    }

.SProfile1Form .Label2Style, .SProfile1Form .Label6Style, .SProfile1Form .Label7Style, .SProfile1Form .Label8Style {
    width: 226px;
}

.SProfile1Form .Label11Style {
    width: 216px;
    text-align: left;
    padding-top: 0;
    margin-left: 94px;
    color: #333;
}

.SProfileNoPLForm .InputText1Style {
    width: 210px !important;
}

.PPProfile1Form {
    padding: 10px 0;
}

    .PPProfile1Form .LabelStyle {
        padding-left: 5px;
    }

    .PPProfile1Form .LabelNStyle {
        padding-left: 4px;
        padding-right: 0;
    }

    .PPProfile1Form .Label1Style {
        width: 60px;
        text-align: left;
    }

    .PPProfile1Form .Label2Style {
        width: 125px;
    }

    .PPProfile1Form .Label3Style {
        width: 124px;
    }

    .PPProfile1Form .Label4Style {
        width: 107px;
    }

    .PPProfile1Form .InputText1Style {
        width: 174px !important;
    }

    .PPProfile1Form .BoxSelect1 .MySelectBoxClass {
        width: 206px;
    }

    .PPProfile1Form .BoxSelect1 .CustomStyleSelectBox {
        width: 176px;
    }

.GeneralForm .LabelTMStyle {
    margin-top: -5px;
    padding-top: 0;
}

.PPProfilePForm .Label1Style {
    width: 90px;
    text-align: left;
}

.PPProfilePForm .Label2Style {
    width: 80px;
}

.PPProfilePForm .Label3Style {
    width: 189px;
    text-align: right;
}

.PPProfilePForm .Label4Style {
    width: 85px;
    text-align: left;
}

.PPProfilePForm .Label5Style {
    width: 154px;
    text-align: left;
}

.PPProfilePForm .LabelIStyle {
    width: 200px;
    color: #999;
    text-align: left;
    padding: 0 0 5px 0;
}

.PPProfilePForm .InputText1Style {
    width: 80px !important;
}

.PPProfilePForm .InputText3Style {
    width: 195px !important;
}

.PPProfilePForm .InputText6Style {
    width: 215px;
}

.PPProfilePForm .InputText7Style {
    width: 400px;
}

.PPProfilePForm .InputRdo1Style, .PPProfilePForm .InputCkboxStyle {
    margin-bottom: 10px;
}

.PPProfilePForm .InputCkboxStyle {
    margin-top: 4px;
    margin-left: 204px;
}

.PPProfilePForm .InputCkbox1Style {
    margin: 4px 4px 10px 0;
}

.PPProfilePForm .InputArea1Style {
    width: 500px;
    height: 50px;
    font-size: 1em;
}

.PPProfilePForm .ListTextBox {
    margin-bottom: 0;
}

    

.PPProfilePForm .BoxSelect1 .MySelectBoxClass {
    width: 511px !important;
}

.PPProfilePForm .BoxSelect1 .CustomStyleSelectBox {
    width: 481px;
}

.GeneralForm .InputText1Style {
    width: 217px;
}

.GeneralForm .InputText3Style {
    width: 858px;
}

.GeneralForm .InputText4Style {
    width: 84px;
}

.GeneralForm .InputText5Style {
    width: 70px;
}

.GeneralForm .InputText6Style {
    width: 840px;
}

.GeneralForm .InputText7Style {
    width: 200px;
    margin-right: 8px;
}

.GeneralForm .InputText8Style {
    width: 315px;
}

.GeneralForm .BoxSelect1 .MySelectBoxClass {
    width: 226px;
}

.GeneralForm .BoxSelect1 .CustomStyleSelectBoxInner {
    width: 197px;
}

.SPUploadBtn {
    border: 1px solid #d1d0d0;
    background: url(/Content/images/bg-btngeneral.png) left top repeat-x;
    text-align: center;
    padding: 6px 0;
    margin: 8px 0 0;
    position: relative;
    overflow: hidden;
    width: 155px;
}

    .SPUploadBtn span {
        font-weight: bold;
    }

    .SPUploadBtn:hover {
        background: url(/Content/images/bg-btngeneralHover.png) left top repeat-x;
        cursor: pointer;
    }

    .SPUploadBtn input[type="file"] {
        cursor: pointer;
        position: absolute;
        right: -4px;
        top: -2px;
        z-index: 1;
        font-size: 3.3em;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }

.GeneralForm .UnitTempStyle {
    margin: 4px 2px 0 2px;
}

.GeneralForm .BoxDisSelect span.CustomStyleSelectBox {
    background: url(/Content/images/sprite1.png) right -1810px no-repeat;
    color: #333;
}

.BoxDisSelect .MySelectBoxClass {
    cursor: default;
}

.StudentsTabSection {
    font-size: 12px;
    margin: 0 0 12px;
    border-bottom: 1px solid #98c2ce;
}

.StudentsTabList li {
    border-right: 1px solid #98c2ce;
}

    .StudentsTabList li.EndItem {
        border-right: none;
    }

    .StudentsTabList li a {
        color: #0099cc;
        display: block;
        padding: 0 10px 10px 11px;
        position: relative;
        bottom: -5px;
        margin-top: -3px;
    }

        .StudentsTabList li a:hover, .StudentsTabList li a.Active {
            color: #333333;
            background: url(/Content/images/icon_tabOn.jpg) center bottom no-repeat;
        }

        .StudentsTabList li a.Active {
            font-weight: bold;
        }

.SemesterTabList {
    text-align: center;
    font-size: 12px;
    margin: 13px 0;
}

.ExtSTabSection .SemesterTabList {
    margin-top: 0;
}

.SemesterTabList li {
    display: inline;
    font-weight: bold;
    border-right: 1px solid #999;
    padding: 0 11px;
}

    .SemesterTabList li.EndItem {
        border-right: none;
    }

    .SemesterTabList li a {
        color: #0099cc;
        text-transform: uppercase;
    }

        .SemesterTabList li a:hover, .SemesterTabList li a.Active {
            color: #333;
        }

.TMGISection {
    margin: 10px 0 0;
}

.DateDivStyle {
    margin: 2px 10px 0;
}
/*-] Hoc sinh -*/

/*-]- Home*/

/*-[- Table*/
.BoxGeneralTable {
    border: 1px solid #FFF;
    background-color: #fff;
    font-size: 12px;
    overflow: hidden;
}

    .BoxGeneralTable td, .BoxGeneralTable td a {
        vertical-align: middle;
        vertical-align: central;
    }

        .BoxGeneralTable td a {
            color: #0099cc;
            padding: 19px 0;
            display: block;
            text-align: center;
            position: relative;
        }

.BoxGeneralTTitle, .BoxGeneralTTitle table, .BoxGeneralTBody, .BoxGeneralTBody table {
    width: 468px;
}

.Box1Table, .Box3Table, .Box4Table, .TabClassSection {
    width: 470px;
    margin-right: 2.7%;
}

.TabFullClassSection {
    width: 100%;
    margin-right: 0;
}

.Box2Table {
    width: 470px;
}

.BoxGeneralTTitle th, .BoxGeneralTTitle .LinkTabDay th a {
    text-align: center;
    color: #FFF;
    padding: 6px 0;
}

.BoxGeneralTTitle .LinkTabDay th {
    padding: 0;
    background: none;
    border-bottom: 1px solid;
}

    .BoxGeneralTTitle .LinkTabDay th a {
        display: block;
        background: #abd3fb;
        color: #0066cc;
    }

        .BoxGeneralTTitle .LinkTabDay th a:hover, .BoxGeneralTTitle .LinkTabDay th a.Active {
            background: #8ac0f6;
            color: #FFF;
        }

.BoxGeneralTTitle .LinkTabDay .TitleAction th {
    background: url(/Content/images/bg_ThTable.png) repeat-x scroll left top;
    border: 1px solid #AABFD4;
    color: #003399;
    padding: 8px 0;
}

.BoxGeneralTTitle th .DayInfo {
    display: block;
}

.BoxGeneralTTitle th .DayInfo {
    display: block;
}

.BoxGeneral1TTitle .ColsTh1 {
    text-transform: uppercase;
    background: #23a2bc;
}

.BoxGeneral2TTitle th {
    background: #8ac0f6;
    border: 1px solid #FFF;
    border-bottom: none;
    border-right: none;
}

    .BoxGeneral2TTitle th.ColsTh1, .BoxGeneralTBody td.ColsTd1 {
        border-left: none;
    }

    .BoxGeneral2TTitle th.ColsEnd, .BoxGeneralTBody td.ColsEnd {
        border-right: none;
    }

.BoxGeneral2TTitle .GeneralTitle3 th {
    color: #23a2bc;
    background: #bde3eb;
}

    .BoxGeneral2TTitle .GeneralTitle3 th:hover, .BoxGeneral2TTitle .GeneralTitle3 th.Active {
        cursor: pointer;
        color: #fff;
        background: #4cc3db;
    }

.BoxGeneralTBody td {
    height: 72px;
    border: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    color: #23a2bc;
    font-weight: bold;
    font-size: 1.667em;
    background: #bde3eb;
    text-align: center;
    vertical-align: middle;
    vertical-align: central;
}

.BoxGeneral1TBody td:hover {
    background: #4cc3db;
}

    .BoxGeneral1TBody td:hover a {
        color: #FFF;
    }

.BoxGeneral2TBody td {
    height: 43px;
    border: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    color: #FFF;
    font-weight: normal;
    font-size: 1em;
    background: #eeebeb;
    text-align: center;
    vertical-align: middle;
    vertical-align: central;
}

.BoxGeneralTBody td span {
    display: block;
    color: #333;
    font-weight: normal;
    font-size: 0.6em;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    width: 92px;
}

.Box2Table .BoxGeneralTBody td span {
    font-size: 1em;
    width: auto;
    position: static;
}

.BoxGeneralTBody td.Empty {
    background: #FFF;
    text-indent: -1000em;
}

    .BoxGeneralTBody td.Empty:hover, .BoxGeneralTBody td.Empty:hover a {
        cursor: default;
    }

.BoxGeneral2TBody td.ColsTd1, .BoxGeneral2TBody td.ColsTd2 {
    background: #8ac0f6;
}

.BoxGeneral2TBody td span {
    display: block;
    line-height: 15px;
    color: #FFF;
}

.BoxGeneral2TBody td.Item1 {
    background: #fcbf06;
}

.BoxGeneral2TBody td.Item2 {
    background: #bfcd28;
}

.BoxGeneral2TBody td.Item3 {
    background: #a84db6;
}

.BoxGeneral2TBody td.Item4 {
    background: #e94d8f;
}

.BoxGeneral2TBody td.Item5 {
    background: #62b9d6;
}

.BoxGeneral2TBody .TBody2Style td {
    border: 1px solid #c1d7db;
    background: #FFF;
}

    .BoxGeneral2TBody .TBody2Style td.ColsTd1 {
        border-top: none;
        border-right: none;
    }

.BoxGeneral2TBody .TBody2Style .TitleBody td.ColsTd1 {
    border-top: 1px solid #c1d7db;
}

.BoxGeneral2TBody .TBody2Style .TitleBody td {
    text-align: center;
    font-weight: bold;
    background: #4cc3db;
}

.BoxGeneral2TBody .TBody2Style td.ColsTd1 {
    font-weight: bold;
    color: #333;
}

.BoxGeneral2TBody .TBody2Style td.ColsEnd {
    text-align: left;
    padding: 5px 0 5px 15px;
    line-height: 15px;
    color: #333;
    border-top: none;
}

.GeneralTable {
    border: 1px solid #aabfd4;
    border-bottom: 0;
    font-size: 12px;
}

.General3Table {
    border-right: 0;
}

.GeneralTable th {
    background: url(/Content/images/bg_ThTable.png) top left repeat-x;
    color: #003399;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
}

.GeneralTable td {
    text-align: center;
    padding: 0px 0;
    color: #333;
    border-bottom: 1px solid #aabfd4;
}

.General11Table td {
    padding: 0;
}

.GeneralTable th, .GeneralTable td {
    vertical-align: middle;
}

.GeneralTable .AlignLCols {
    text-align: left;
    padding: 8px 9px;
}

.GeneralTable .AlignRCols {
    text-align: right;
    padding: 8px 9px;
}

.GeneralTable .AlignCCols {
    text-align: center;
    padding: 8px 9px;
}

.GeneralTable .NameStyle {
    color: #0066cc;
}

.GeneralTable td .LabelStyle {
    font-size: 1em;
}

.GeneralTable th .TotalPage {
    text-align: left;
    padding: 0 10px;
    color: #333;
}

.General1Table td {
    vertical-align: top;
}

.GeneralTable th.EndCols, .GeneralTable td.EndCols {
    border-right: 0;
    position: relative;
}

.GeneralTable td.PositionCols {
    display: block;
}

.GeneralTable th .AlignLeft, .GeneralTable td .AlignLeft {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.ScrollYPane {
    overflow-y: auto;
    overflow-x: hidden;
    /*height: 60px;*/
}

.GeneralTable td .AlignCenterNP {
    position: relative;
}

.GeneralTable td .AlignCenter {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.SentMsgStyle {
    position: absolute;
    bottom: -14px;
    right: 10px;
    background-position: 0px -301px;
    width: 16px;
    height: 14px;
}

.WarningTitle {
    position: absolute;
    top: 73px;
    left: 300px;
    background-color: #f8f6f6;
    border: 1px solid #b3b3b3;
    width: 136px;
    padding: 3px;
    z-index: 10;
}

.GeneralTable th .SMSTitleStyle {
    background-position: 6px -1690px;
    color: #23a2bc;
    text-indent: 4px;
}

.GeneralTable td.PaddingNoneTop {
    padding: 0 !important;
}

.GeneralTable td.VerticalTop {
    vertical-align: middle;
    padding: 0;
}

.GeneralTable .TitleTable {
    text-transform: uppercase;
}

.General1Table table, .General2Table table {
    width: 100%;
}

.General3Table, .General3Table table {
    width: 309px;
}

.General3TTable, .General3TTable table {
    width: 100%;
}

.General5Table table, .General9Table table {
    width: 100%;
}

.General10Table, .General10Table table {
    width: 300px;
}

.General10Table {
    border: none;
}

    .General10Table td {
        text-align: left;
        padding-left: 20px;
        border: none;
        border: 1px solid #c5dadd;
        border-bottom: none;
    }

        .General10Table td.EndCols {
            border-bottom: 1px solid #c5dadd;
            border-right: 1px solid #c5dadd;
        }

        .General10Table td:hover, .General10Table td.TdSelect {
            background: #E5F4F7;
            cursor: pointer;
        }

.General11Table, .General11Table table {
    width: 679px;
}

.General8Table, .General8Table table {
    width: 100%;
}

    .General8Table tbody tr, .General3TTable tbody tr {
        height: 87px;
    }

.General1Table .Text1Style {
    font-weight: bold;
    padding: 0 0 2px;
}

.General1Table .Text2Style {
    color: #666;
    padding: 0 0 2px;
}

.General1Table .OddTr td {
    background-color: #e6f4f9;
}

.GeneralTable .PhotoNameSection .AvatarSection {
    margin-right: 10px;
}

.GeneralTable .PhotoNameSection .TextStyle {
    display: table-cell;
    vertical-align: middle;
}

    .GeneralTable .PhotoNameSection .TextStyle a, .GeneralTable .PhotoNameSection .TextStyle span {
        color: #0066cc;
        font-weight: bold;
    }

.GeneralTable .PhotoNameSection .Text1Style {
    height: 30px;
}

.GeneralTable .PhotoNameSection .Text2Style {
    height: 70px;
}

.GeneralTable .PhotoNameSection .TextStyle span, .GridThemes .MenuSection .t-menu .t-item a.t-link span.TextCenterStyle span.VCTemp {
    vertical-align: middle;
    line-height: 1.2em;
}

.GeneralTable .BgFocusInputSection {
    background: url(/Content/images/bg_input1.jpg) left top repeat-x;
    border: 1px solid #0bb8eb !important;
}

.GeneralTable .BgTextareaSection {
    padding: 8px 5px;
    border: 2px solid transparent;
}

.GeneralTable .BgInputSection {
    padding: 0 4px;
}

.GeneralTable .InputTextStyle, .GeneralTable .TextareaStyle {
    border: none;
    font-size: 1em;
    background: none;
}

.GeneralTable .TextareaStyle {
    width: 100%;
    height: 60px;
    float: none;
    padding: 0;
}

.GeneralTable .InputTextStyle {
    width: 100%;
    height: 29px;
    text-align: center;
    float: none;
    padding: 0;
    margin-top: 5px;
}

.GeneralTable .InputText1Style {
    width: 78%;
}

.GeneralTable .InputText2Style {
    width: 100%;
}

.GeneralTable .InputTextBStyle {
    width: 100%;
    font-weight: bold;
}

.GeneralTable .LabelStyle {
    color: #cccccc;
}

.BgInputSection .CalendarLink {
    margin-top: 12px !important;
}

.General7Table .TextareaStyle {
    height: 40px;
}

.General4Table .InputCkboxStyle {
    margin: 0 13px 0 0;
}

.GeneralTable tfoot td {
    font-weight: bold;
}

.General3TTable tr:hover td {
    background: none !important;
    cursor: default !important;
}

.General3Table tr:hover td {
    background-color: #e5f4f7;
    cursor: pointer;
}

.General3Table tr th.EndCols {
    background-color: transparent;
}

.General3Table tr td.EndCols {
    border: 0;
}

.General3Table tr:hover td.EndCols {
    background: url(/Content/images/bg_navOn.jpg) no-repeat -1px center;
    background-color: transparent;
}

.General5Table, .General9Table, .General6Table, .General3Table {
    font-size: 12px;
}

.GeneralTable td .BeOnLeaveStyle, .GeneralTable td .NoBeOnLeaveStyle {
    font-weight: bold;
    font-size: 1.333em;
}

.GeneralTable td .BeOnLeaveStyle {
    color: #50a21e;
}

.GeneralTable td .NoBeOnLeaveStyle {
    color: #e80202;
}

.GeneralTable td .CountDownSMS {
    position: absolute;
    right: 10px;
    bottom: -5px;
    color: #999999;
}

.General6Table td, .General7Table td {
    padding-top: 0;
    padding-bottom: 0;
    height: 43px;
}

    .General6Table td p {
        text-align: center;
        color: #fff;
    }

.GeneralTable .BoxSelect {
    float: none;
    text-align: center;
}

.General6Table .BoxSelect1 .MySelectBoxClass {
    width: 139px;
}

.General6Table .BoxSelect1 .CustomStyleSelectBoxInner {
    width: 110px;
}

.General9Table td {
    text-align: left;
    padding-left: 15px;
}

    .General9Table td.EndCols {
        text-align: center;
    }

    .General9Table td.ColsTd1 {
        text-transform: uppercase;
    }

    .General9Table td .LabelStyle {
        color: #333;
        text-align: left;
        width: auto;
    }

    .General9Table td .Label1Style {
        width: 260px;
    }

    .General9Table td .Label2Style {
        padding: 0 5px 7px 0;
    }

    .General9Table td .LabelIStyle {
        font-style: italic;
        color: #999999;
        padding-bottom: 5px;
    }

    .General9Table td .Value1Style {
        width: 192px;
    }

    .General9Table td .Value2Style {
        width: 150px;
    }

    .General9Table td .Value3Style {
        width: 165px;
    }

    .General9Table td .Value4Style {
        width: 169px;
    }

    .General9Table td .Value5Style {
        width: 183px;
    }

    .General9Table td .Value6Style {
        width: 123px;
    }

    .General9Table td .Value7Style {
        width: 700px;
        color: #848484;
        font-weight: bold;
    }

    .General9Table td .Value8Style {
        width: 500px;
    }

    .General9Table td .InputTextStyle {
        border: 1px solid #c4c4c4;
        height: 21px;
    }

    .General9Table td .InputText1Style {
        width: 21px;
    }

    .General9Table td .InputCkbox1Style {
        margin: 0 10px 0 0;
    }

.General9Table .ColsTrEnd .LabelStyle {
    color: #848484;
}



    .ListTextBox li {
        display: inline-block;
        margin-right: 1px;
        text-align: center;
    }

        .ListTextBox li span {
            display: block;
        }

.PlanFuncSection {
    position: absolute;
    right: 5px;
    bottom: 3px;
}

    .PlanFuncSection a {
        margin-right: 5px;
    }

.BtnCenter1Section {
    width: 179px;
    text-align: center;
    margin-top: 100px;
}

.BtnCenter2Section {
    width: 80px;
    text-align: center;
    margin-top: 100px;
}

    .BtnCenter1Section .BtnStyle, .BtnCenter2Section .BtnStyle {
        margin: 5px 0;
        width: 70px;
    }

    .BtnCenter2Section .BtnStyle {
        padding: 3px 10px;
    }

.BoxGeneralInfoTBody td {
    height: auto;
}

    .BoxGeneralInfoTBody td:hover {
        background: #d0eef4 !important;
    }

    .BoxGeneralInfoTBody td.Empty:hover {
        background: none !important;
    }

    .BoxGeneralInfoTBody td a {
        font-weight: bold;
        font-size: 12px;
        color: #23a2bc;
        padding: 14px 0 14px 72px;
        text-align: left;
    }

        .BoxGeneralInfoTBody td a:hover, .BoxGeneralInfoTBody td:hover a {
            color: #23a2bc;
        }

        .BoxGeneralInfoTBody td a.Item1 {
            background-position: -251px -852px;
        }

        .BoxGeneralInfoTBody td a.Item2 {
            background-position: -251px -921px;
        }

        .BoxGeneralInfoTBody td a.Item3 {
            background-position: -251px -992px;
        }

        .BoxGeneralInfoTBody td a.Item4 {
            background-position: -251px -1072px;
        }

        .BoxGeneralInfoTBody td a.Item5 {
            background-position: -250px -1859px;
        }

.BoxGeneralInfoTBody .ColsTdName td {
    background: #FFF;
    color: #23a2bc;
    font-size: 1em;
    text-transform: uppercase;
    padding: 5px 45px;
    text-align: left;
}

.BoxGeneralInfoTBody .ColsTrEnd td {
    background: #eeebeb;
    color: #333;
    font-size: 1em;
    padding: 5px 0;
}

    .BoxGeneralInfoTBody .ColsTrEnd td.ColsEnd {
        text-align: left;
        padding-left: 20px;
    }

        .BoxGeneralInfoTBody .ColsTrEnd td.ColsEnd img {
            margin-right: 10px;
            width: 40px;
            height: 40px;
        }

.Box5Table {
    border: 1px solid #999;
    padding: 10px;
    width: 424px;
    margin: 10px 0 10px;
    float: left;
}

.GeneralHoverTrTable tr:hover {
    background: #fde7e7;
}
/*-]- Table*/
/*-[ Lua chon cap hoc-*/
#header2 .InfoSchool h1 {
    text-align: center;
    width: 100%;
    padding-top: 130px;
}

#content2 .ContentLevelSection {
    padding-top: 10px;
}

.SelectLevelList li {
    float: left;
    width: 183px;
    height: 290px;
    padding: 0 10px 0 7px;
    background-position: 7px 7px;
}

    .SelectLevelList li a {
        width: 167px;
        height: 126px;
        display: block;
        border: 7px solid #59b4e8;
        border-radius: 18px;
    }

        .SelectLevelList li a:hover {
            border: 7px solid #83c9f1;
            border-radius: 18px;
        }

    .SelectLevelList li.Item5 {
    }
    /*Nha tre*/
    .SelectLevelList li.Item4 {
        background-position: -201px 7px;
    }
    /*Mau giao*/
    .SelectLevelList li.Item1 {
        background-position: -405px 7px;
    }
    /*Cap 1*/
    .SelectLevelList li.Item2 {
        background-position: -612px 7px;
    }
    /*Cap 2*/
    .SelectLevelList li.Item3 {
        background-position: -812px 7px;
    }
/*Cap 3*/
/*-] Lua chon cap hoc-*/
.t-tabstrip-items .t-state-active, .t-tabstrip-items .t-state-hover {
    border: 1px solid #FFF !important;
    border-bottom: none !important;
    background: none repeat scroll 0 0 #036FBD !important;
    border-radius: 5px 5px 0 0;
}

.t-tabstrip-items .t-state-default {
    border: 1px solid #FFF !important;
    border-bottom: none !important;
    background: none repeat scroll 0 0 #B4D8FC;
    border-radius: 5px 5px 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ButtonStyle {
        background-position: right -512px;
    }

        .ButtonStyle:hover {
            background-position: right -906px;
        }

    .InputFileStyle {
        border: none;
    }

    .Button2Style {
        background-position: right -1482px!important;
    }

    a.Button2Style {
        background-position: right -1481px!important;
    }

    .MessageBoxSection .ChildMenuSectionList a.Item1 {
        padding-top: 0 !important;
    }
}

.General11Table, .General11Table table {
    width: 679px;
}

    .General11Table td {
        padding: 0;
    }

.Menu {
    color: #fff;
}

.t-tabstrip-items .t-state-active, .t-tabstrip-items .t-state-hover {
    border: 1px solid #FFF !important;
    border-bottom: none !important;
    background: none repeat scroll 0 0 #036FBD !important;
    border-radius: 5px 5px 0 0;
}

.t-tabstrip-items .t-state-default {
    border: 1px solid #FFF !important;
    border-bottom: none !important;
    background: none repeat scroll 0 0 #B4D8FC;
    border-radius: 5px 5px 0 0;
}

.BtnPreview1 {
    background-position: right -325px;
}

.BtnNext1 {
    background-position: right -375px;
}

.BtnNext1_Img {
    background-position: right -1555px;
	width:22px;
}

.BtnPreview1_Img {
    background-position: right -1650px;
	width:22px;
}

.TopSection {
    
    display: block;
    padding: 5px 0;
}
/*-[-Fix vt-control*/
.GeneralForm div.t-timepicker, .GeneralForm div.t-datepicker, .GeneralForm .vt-control, .GeneralForm .vt-control .editor-label, .GeneralForm .vt-control .editor-field {
    /*float: left;*/
}

.GeneralForm .editor-field input[type="text"], .GeneralForm .editor-field textarea {
    float: left;
}

.GeneralForm .t-autocomplete, .GeneralForm .t-input[type="text"] {
    padding: 0 4px !important;
}

.GeneralForm .t-picker-wrap {
    padding-right: 19px !important;
}

.GeneralForm select {
    /*padding: 0 !important;*/
}

.GeneralForm .editor-field input[type="text"], .GeneralForm .editor-field textarea {
    width: none !important;
}

.loadPanel {
    position: absolute;
    right: 211px;
    top: 6px;
}

.loadingAjax {
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
}
/*-]-Fix vt-control*/
.GeneralForm .InputText6Style {
    width: 840px;
}
/*-]-Fix vt-control*/
.CntTabSection .TitleTabSection a span, .TabClassSection .TitleTabSection a span, .MessageBox .TitleTabSection a span, .Box2Table .TitleTabSection a span {
    width: 130px;
}

.TitleTabSection a span, .MenuTabSection a.Active span, .MenuTabSection a:hover span {
    display: inline-block;
    padding: 9px 10px 5px 15px;
    background-position: 0 -718px;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
}

.TitleTabSection .CollapseBtn {
    margin: 0;
    position: absolute;
    top: 8px;
    left: 139px;
}


/*-]-Fix panel telerik*/
.t-panelbar .t-link {
    background: url("/Content/images/bg_TitleTab.png") no-repeat scroll left top transparent;
    color: white !important;
}


.t-panelbar .t-content {
    border-left: 1px solid #036FBD;
    border-right: 1px solid #036FBD;
}

/*-]-Fix panel telerik*/

/*-]-Fix breadcrum telerik*/
.BreadcrumFunc .LabelStyle {
    font-size: 12px;
    padding: 6px 9px 9px 0;
}
/*-]-Fix breadcrum telerik*/

/*-]-Fix dialog telerik*/
.t-window-titlebar {
    background: url("/Content/images/bg_ThTable.png") repeat-x scroll left top transparent;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    padding: 6px 0 6px;
    color: #003399;
}

.t-window .t-window-actions {
    background: none;
}
/*-]-Fix dialog telerik*/
.ResetList.MenuSectionList > li {
    width: 100%;
}



.ResetShow {
    display: none;
}



.t-panelbar .t-content {
    padding: 15px 10px 15px 10px;
}

.vt-combobox-multiple-selection .ui-widget-content {
    background-color: white;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    padding-top: 5px;
}

.hiddenPermision a {
    display: none;
}
/*fix background menu home*/
.GroupContentSection .TitleTabSection .HomeSchoolAdmin a {
    background: #fff;
}

    .GroupContentSection .TitleTabSection .HomeSchoolAdmin a:hover {
        background: #B4D8FC;
    }

.classHeadTeacher {
    color: red;
}

.classDefault {
    border-left: solid 1px #6495ED !important;
    border-right: solid 1px #6495ED !important;
    background-color: #E6E6FA!important;
}

    .classDefault.endDayDefault {
        border-bottom: solid 1px #6495ED !important;
    }

.dayDefault {
    background-color: #6495ED !important;
    border: solid 1px #6495ED !important;
}

.secStl {
    text-align: center;
    font-weight: bold !important;
}

/* fix  title label Namta*/
.LabelContent {
    font-weight: bold;
    color: #003366;
}

/*Checkbox for HomaPage*/

.AutoShow {
    position: absolute;
    right: 28px;
    top: 8px;
}

.notVisible {
    display: none;
}

.Center {
    margin: 0 auto;
}

.DisplayHomePage {
    background: url(/Content/images/smas.png) no-repeat center;
    min-height:420px;

}

.view-info-button {
    background:url(/Content/images/view-info-icon.png) no-repeat center ;
    width:15px;
    height:15px;
    background-size: contain;
    border:none;
    margin: 0 3px 0 0!important;
    border-radius:10px;
}

.mark-use-button {
    background:url(/Content/images/mark-use-icon.png) no-repeat center;
   width:15px;
    height:15px;
    background-size: contain;
    border:none;
    margin: 0 3px 0 0!important;
}
.lock-input-mark {
    background:url(/Content/images/lock-icon.png);
    width: 17px !important;
    height: 17px !important;
    cursor: pointer;
    position: relative;
    top:-9px;

}
.mark-lock-button {
    background:url(/Content/images/lock-icon.png) no-repeat center;
   width:15px;
    height:15px;
    background-size: contain;
    border:none;
    margin: 0 3px 0 0!important;
    margin-bottom:10px !important;
}
.Evaluation_Reward_Add-button {
    background:url(/Content/images/icon_6.png) no-repeat center;
   width:15px;
    height:15px;
    background-size: contain;
    border:none;
    margin: 0 3px 0 0!important;
    margin-bottom:10px !important;
}
.Evaluation_Reward_Remove-button {
    background:url(/Content/images/icon_DeleteButton.png) no-repeat center;
   width:15px;
    height:15px;
    background-size: contain;
    border:none;
    margin: 0 3px 0 0!important;
    margin-bottom:10px !important;
}
.assignment-head-teacher {
    background:url(/Content/images/ok_icon.png) no-repeat center;
    width:15px;
    height:15px;
    background-size: contain;
    border:none;
    margin: 0 3px 0 0!important;
    margin-bottom:10px !important;
}
.teachingSchedule {
    background:url(/Content/images/icon_EditButton.png) no-repeat center;
    width:15px;
    height:15px;
    background-size: contain;
    border:none;
    margin: 0 3px 0 0!important;
    margin-bottom:10px !important;
}
.teachingScheduleDelete {
	background: url('/Content/images/icon_DeleteButton.png') no-repeat center;
	width: 15px;
	height: 15px;
	background-size: contain;
	border: none;
	margin: 0 3px 0 0!important;
	margin-bottom: 10px !important;
}
.tooltip:hover {
    cursor:pointer;
    position:relative;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

 .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 10000;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

 .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}


.SideBarPanel .ListItemStyle{
    padding-top: 20px;
}

.SideBarPanel .ListItemStyle .ItemStyle{
   padding-top: 10px;
}

.SideBarPanel .ListItemStyle .ItemStyle .ItemDel{
    float: right;
}
 .ItemDiv{
    height: auto;
    min-height: 435px;
}

    .InfoTabSection.AlignLeft {
        float:left;
    }

    .InfoTabSection.AlignRight {
    float: right;
}
.FuncSelectedStyle {
    padding: 0 10px 0 60px;
    color: #ff9900;
    font-weight: bold;
}
    section {
    display: block;
    }
    .box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
    content: " ";
    display: table;
    }
 
    .box-header > .box-tools {
        float: right;
        margin-top: -4px;
    }
.pull-right {
    float: right;
}
.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}
.btn-box-tool {
    padding: 5px 0px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    /*padding: 10px;*/
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
    content: " ";
    display: table;
}

/*IMT-Solutions web responsive custom css*/

/*Body*/
    
body {
    background: none;
    background-color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
}
.ContentSectionSmallTop {
    width:100%;
}
/*End body*/

/*Edit HomePage*/
.WorkBoxSectionWraper{
   width: 100%;
}
.SideBarSection{
    float:right;
    width: 25%;
    margin-right:22px;
    margin-top: 80px;
    background: none!important;
}
    #FrameMailBoxID div[id^="TabMailBox"]{
        border: none;
        margin: 0;
        padding: 0;
    }
    .box {
        position: relative;
        overflow: hidden;
        width:100%;
    }
.box-header .box-title {
    display: inline-block;
    font-size:14px;
    font-weight: bold;
    color:#fff;
    vertical-align: middle;
}
.box .box-body {
    border-radius: 0 0 5px 5px;
}
    #SideBarPanel{
        background: #dbeff2;
        border-radius: 5px;
    }
    #SideBarPanel .BtnAddWraper {
    background: #dbeff2;
    border-bottom: 1px solid #c4e0f0;
    height:50px;
    border-top-left-radius: 5px;
    border-top-right-radius:5px;
    }
    .GeneralTabLoop {
    background: #dbeff2;
    padding: 0 15px 15px;
    border-radius:5px;
}
    #SideBarPanel .BtnAddWraper a {
    background: url(/Content/images/addcolor.png) no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 18px!important;
    margin-right: 24px!important;
    }
    .work-box{
        background: #eaeaea;
        border-radius: 5px;
        padding: 10px;
        cursor: pointer;
    }
    .work-box-body{
        border: 2px dashed darkgray;
        color:#9e9e9e;
        text-align: center;
        padding: 15px 0;
        font-size:16px;
    }
    .work-box-body:hover{
        border-color: #027185;
        color:#027185;
    }
/*end Edit HomePage*/

/*colors*/
.orange { color: #F5A623; }
.purple { color: #027185; }
.grey { color: #9F9F9F; }
.light { color: #fff; }
.dark { color: #000 !important; }
.green {color: #017284;}
.light-green { color: #51aab2; }
.gray {color: #6c6c6c;}
.mau { color:#585858; font-weight:100; }
.icon-info {color: #51aab2; cursor: pointer;}
.icon-disabled {color: #DADADA; cursor: pointer;}
.icon-gold {color: #FFB155 !important; cursor: pointer;}

/*end colors*/

/*background colors*/
.bg-main {background-color:#F4F6F6;}
.bg-orange { background-color: #F5A623; }
.bg-purple { background-color: #027185; }
.bg-grey { background-color: #9F9F9F; }
.bg-light { background-color: #FFF!important; }
.bg-pink {background-color: #F4F6F6; }
.bg-green {background-color: #51aab2 !important;}

/*end background colors*/

/*font sizes*/
.f-6 { font-size: 0.43em; }
.f-8 { font-size: 0.57em; }
.f-12 { font-size: 0.85em; }
.f-16 {font-size: 1.13em; }
.f-18 { font-size: 1.285em; }
.f-20 { font-size: 1.43em; }
.f-22 { font-size: 1.57em; }
.f-24 {font-size: 1.71em; }

/*end font sizes*/

/*margin, padding*/
.mg-5 { margin: 5px; }
.mg-b-0 { margin-bottom: 0; }
.mg-b-5 { margin-bottom: 5px; }
.mg-b-10 { margin-bottom: 10px; }
.mg-b-15 { margin-bottom: 15px; }
.mg-b-20 { margin-bottom: 20px; }
.mg-b-25 { margin-bottom: 25px; }
.mg-b-30 { margin-bottom: 30px; }
.mg-b-35 { margin-bottom: 35px; }
.mg-b-40 { margin-bottom: 40px; }
.mg-b-45 { margin-bottom: 45px; }
.mg-b-50 { margin-bottom: 50px; }
.mg-b-80 { margin-bottom: 80px; }

.mg-t-0 { margin-top: 0; }
.mg-t-8 {margin-top:8px;}
.mg-t-5 { margin-top: 5px; }
.mg-t-10 { margin-top: 10px; }
.mg-t-15 { margin-top: 15px; }
.mg-t-20 { margin-top: 20px; }
.mg-t-25 { margin-top: 25px; }
.mg-t-30 { margin-top: 30px; }
.mg-t-35 { margin-top: 35px; }
.mg-t-40 { margin-top: 40px; }
.mg-t-45 { margin-top: 45px; }
.mg-t-50 { margin-top: 50px; }


.mg-r-0 { margin-right: 0; }
.mg-r-5 { margin-right: 5px; }
.mg-r-10 { margin-right: 10px; }
.mg-r-15 { margin-right: 15px; }
.mg-r-20 { margin-right: 20px; }
.mg-r-25 { margin-right: 25px; }
.mg-r-30 { margin-right: 30px; }
.mg-r-35 { margin-right: 35px; }
.mg-r-40 { margin-right: 40px; }
.mg-r-45 { margin-right: 45px; }
.mg-r-50 { margin-right: 50px; }

.mg-l-0 { margin-left: 0; }
.mg-l-5 { margin-left: 5px; }
.mg-l-10 { margin-left: 10px; }
.mg-l-15 { margin-left: 15px; }
.mg-l-20 { margin-left: 20px; }
.mg-l-25 { margin-left: 25px; }
.mg-l-30 { margin-left: 30px; }
.mg-l-35 { margin-left: 35px; }
.mg-l-40 { margin-left: 40px; }
.mg-l-45 { margin-left: 45px; }
.mg-l-50 { margin-left: 50px; }

.mg-checkbox {margin-left: 35%}

.p-10 { padding: 10px; }
.p-b-0 { padding-bottom: 0px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px; }
.p-b-15 { padding-bottom: 15px; }
.p-b-20 { padding-bottom: 20px; }
.p-b-25 { padding-bottom: 25px; }
.p-b-30 { padding-bottom: 30px; }
.p-b-35 { padding-bottom: 35px; }
.p-b-40 { padding-bottom: 40px; }
.p-b-45 { padding-bottom: 45px; }
.p-b-50 { padding-bottom: 50px; }

.p-t-0 { padding-top: 0; }
.p-t-5 { padding-top: 5px; }
.p-t-8 { padding-top: 8px; }
.p-t-10 { padding-top: 10px!important; }
.p-t-15 { padding-top: 15px; }
.p-t-20 { padding-top: 20px; }
.p-t-25 { padding-top: 25px; }
.p-t-30 { padding-top: 30px; }
.p-t-35 { padding-top: 35px; }
.p-t-40 { padding-top: 40px; }
.p-t-45 { padding-top: 45px; }
.p-t-50 { padding-top: 50px; }

.p-r-0 { padding-right: 0 !important; }
.p-r-5 { padding-right: 5px; }
.p-r-10 { padding-right: 10px; }
.p-r-15 { padding-right: 15px; }
.p-r-20 { padding-right: 20px; }
.p-r-25 { padding-right: 25px; }
.p-r-30 { padding-right: 30px; }
.p-r-35 { padding-right: 35px; }
.p-r-40 { padding-right: 40px; }
.p-r-45 { padding-right: 45px; }
.p-r-50 { padding-right: 50px; }

.p-l-0 { padding-left:0!important; }
.p-l-5 { padding-left: 5px; }
.p-l-10 { padding-left: 10px; }
.p-l-15 { padding-left: 15px !important;}
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px; }
.p-l-30 { padding-left: 30px; }
.p-l-35 { padding-left: 35px; }
.p-l-40 { padding-left: 40px; }
.p-l-45 { padding-left: 45px; }
.p-l-50 { padding-left: 50px; }

.bd-l-0 { border-left: 0 !important; }
.bd-r-0 { border-right: 0 !important; }
.bd-b-0 { border-bottom: 0 !important; }
.bd-t-0 { border-top: 0 !important; }

.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.no-border { border: 0 !important; }

/*end margin, padding*/

.setting.fa.fa-cog{
    font-size: 20px;
    color: #2b4a4f;
    text-decoration: none;
}
/*icon*/

.icon {
    display:inline-block;
    width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}

.icon-background {
    display:inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    background-color: #016C7E;
    border-radius: 50%;
}

.icon-background .icon {
    margin-right: 0;
}

.icon-arrow-background{
    background-color: #3698a7;
    border-radius: 100%;
}
.icon-forum {
    width: 40px;
    height:40px;
    background-image: url(/Content/images/icon-forum.png);
}

.icon-support {
    width: 29px;
    height:40px;
    background-image: url(https://smas.edu.vn/Content/images/icon-support.png);
}

.icon-notification-bell {
    width: 25px;
    height: 16px;
    background-image: url(/Content/images/notification.png);
    cursor: pointer;
    position: relative;
}

.icon-notification-bell:hover {
    background-image: url(/Content/images/notification_hover.png);
}

.notification-count {
    display: inline-block;
    background-color: red;
    color: white;
    padding-top: 3px;
    text-align: center;
    position: absolute;
    right: -3px;
    top: -7px;
    border-radius: 50%;
    min-width: 16px;
    min-height: 16px;
    font-size: 8px;
}

.icon-menu-91 { position:relative; }

.icon-menu-91:before {
    content: "\f1c0";
    font-family: FontAwesome;
    left:1px;
    position:absolute;
    top: 1px;
    color: #fff;
}

.icon-menu-1912, .icon-menu-2923 { position:relative; }

.icon-menu-1912:before{
    content: "\f1ae";
    font-family: FontAwesome;
    left:2px;
    position:absolute;
    top:0;
    color: #fff;
}

.icon-menu-443 { position:relative; }

.icon-menu-443:before,
.icon-menu-2923:before  {
    content: "\f19d";
    font-family: FontAwesome;
    left:-1px;
    position:absolute;
    top: 2px;
    color: #fff;
}

.icon-menu-228 { position:relative; }

.icon-menu-228:before {
    content: "\f0c0";
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top: 2px;
    color: #fff;
}

.icon-menu-2583 { position:relative; }

.icon-menu-2583:before {
    content: "\f080";
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top:1px;
    color: #fff;
}

.icon-menu-2703 { position:relative; }

.icon-menu-2703:before {
    content: "\f15c";
    font-family: FontAwesome;
    left:1px;
    position:absolute;
    top: 1px;
    color: #fff;
}

.icon-menu-873 { position:relative; }

.icon-menu-873:before {
    content: "\f0fa";
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top:1px;
    color: #fff;
}

.icon-menu-1892 { position: relative;  }

.icon-menu-1892:before {
    content: "\f095";
    font-family: FontAwesome;
    left:1px;
    position:absolute;
    top:2px;
    color: #fff;
}

.icon-menu-88 { position: relative; }

.icon-menu-88:before {
    content: "\f0e8";
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top:0;
    color: #fff;
}

.icon-menu-835 { position: relative; }

.icon-menu-835:before {
    content: "\f009";
    font-family: FontAwesome;
    left:1px;
    position:absolute;
    top:2px;
    color: #fff;
}

.icon-menu-3029 {  position: relative; }

.icon-menu-3029:before {
    content: "\f013";
    font-family: FontAwesome;
    left:1px;
    position:absolute;
    top:2px;
    color: #fff;
}



.icon-search-file {
    width: 18px;
    height:20px;
    background-image: url(/Content/images/icon_search_file.png);
    vertical-align: bottom;
}

.t-icon.t-edit, .t-icon.t-delete, .t-icon.t-vtEdit, .t-icon.t-vtDelete {
    display:inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
/*.t-vtEditDisabled {
    background-image:none;
}*/

.icon-edit, .t-icon.t-edit, .t-icon.t-vtEdit {
    width: 18px !important;
    height:18px !important;
    background-image: url(/Content/images/icon_edit.png);
    margin: 0 !important;
}

.icon-trash, .t-icon.t-delete, .t-icon.t-vtDelete{
    width: 18px !important;
    height:18px !important;
    background-image: url(/Content/images/icon_trash.png);
    margin: 0 !important;
}

.t-vtEditDisabled,t-vtDeleteDisabled,
.t-grid-vtDetail .t-details, .t-grid-vtDetail .t-vtDetails,
.t-grid-vtDetails .t-details, .t-grid-vtDetails .t-vtDetails,
.t-grid-vtCoppy .t-coppy,
.t-grid-vtAdd .t-add,
.t-grid-update .t-update,
.t-grid-vtAdd .t-vtAdd,
.t-grid-cancel .t-cancel,
.t-grid-insert .t-insert,
.t-grid-vtConfig{
    background-image: none !important;
}
.t-grid-vtDetail,.t-grid-vtDetails, .t-grid-vtChange, .t-grid-vtReplace, .t-grid-vtCoppy,.t-grid-vtAdd,.t-grid-update,.t-grid-cancel,.t-grid-insert,.t-grid-vtConfig {
    position:relative;
}

.t-grid-vtDetail:before,
.t-grid-vtDetails:before {
    content: "\f06e";
    font-family: FontAwesome;
    left:38%;
    position:absolute;
    top:7px;
    color: #6c6c6c;
}

.t-grid-vtAdd:before {
    content: "\f067";
    font-family: FontAwesome;
    left:38%;
    position:absolute;
    top:8px;
    color: #6c6c6c;
}
.t-grid-update:before {
    content: "\f00c";
    font-family: FontAwesome;
    left:20%;
    position:absolute;
    top:2px;
    color: #6c6c6c;
}
.t-grid-cancel:before {
    content: "\f00d";
    font-family: FontAwesome;
    left:27%;
    position:absolute;
    top:2px;
    color: #6c6c6c;
}
.t-grid-insert:before {
    content: "\f00c";
    font-family: FontAwesome;
    left:23%;
    position:absolute;
    top:2px;
    color: #6c6c6c;
}
.t-grid-vtChange:before {
    content: "\f0c0";
    font-family: FontAwesome;
    left:36%;
    position:absolute;
    top:8px;
    color: #6c6c6c;
}

.t-grid-vtReplace:before {
    content: "\f0ec";
    font-family: FontAwesome;
    left:36%;
    position:absolute;
    top:8px;
    color: #6c6c6c;
}

.t-grid-vtCoppy:before {
    content: "\f0c5";
    font-family: FontAwesome;
    left:36%;
    position:absolute;
    top:8px;
    color: #6c6c6c; 
}

.t-grid-vtConfig:before {
    content: "\f013";
    font-family: FontAwesome;
    left: 40%;
    position: absolute;
    font-size: 16px;
    top: 7px;
    color: #6c6c6c; 
}

.t-grid-vtDetail:hover:before,
.t-grid-vtDetails:hover:before,
.t-grid-vtChange:hover:before,
.t-grid-vtCoppy:hover:before,
.t-grid-vtAdd:hover:before,
.t-grid-update:hover:before,
.t-grid-cancel:hover:before,
.t-grid-insert:hover:before,
.t-grid-vtConfig:hover:before,
.t-grid-vtReplace:hover:before {
    color: #fff;
}

.icon-arrow-left{
    width: 24px;
    height: 24px;
    background-image: url(/Content/images/icon_arrow_left.png);
    background-size: 12px 11px;
}
.icon-arrow-right{
    width: 24px;
    height: 24px;
    background-image: url(/Content/images/icon_arrow_right.png);
    background-size: 12px 11px;
}

.icon-arrow-up{
    width: 20px;
    height: 20px;
    background-image: url(/Content/images/icon_arrow_right.png);
    background-size: 8px 8px;
    transform: rotate(90deg);
}

.icon-arrow-down{
    width: 20px;
    height: 20px;
    background-image: url(/Content/images/icon_arrow_right.png);
    background-size: 8px 8px;
    transform: rotate(270deg);
}

.icon-check-circle{
    width: 20px;
    height:20px;
    background-image: url(/Content/images/icon_check_circle.png);
    margin-left: 5px;
    margin-right:0;
}

.fa-eye:hover {
    color: #93C3CB;
}

/*icon*/

/*end icon*/

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

.checkbox label {
    font-size: 12px;
    line-height: 22px;
}

/*end label*/

/*checkbox*/
.checkbox { font-size: 12px; color: #9F9F9F; }

.checkbox a { color: #9F9F9F; }

/*end checkbox*/


/*buttons*/
.btn {
    font-family: Arial, Helvetica, sans-serif !important;
    color: white !important;
    height: 32px;
    background-image: none;
    padding: 0 20px;
    border-radius: 5px;
    font-size: 13px;
}

.btn:hover,
.btn:active,
.btn:focus {
    outline: none !important;
}

.btn-bold{ font-weight: bold; }
.btn-full{ width: 100%; }
.btn-round { border-radius: 100px; }
.btn-small {font-size: 80%; height:30px;}

.btn-warning {
  background-color: #F5A623;
}
.btn-warning:hover,
.btn-warning:active {
    /*color: white !important;
    background-color: #01a701 !important;
    border-color: #01a701 !important;*/
}

.btn-primary {
  background-color: #017284!important;
  border-color: #017284 !important;
}

.btn-primary:hover,
.btn-primary:active {
    color: #fff !important;
    background-color: #51aab2 !important;
    border-color: #51aab2 !important;
}

.btn-primary.Active {
    color: #fff !important;
    background-color: #2b4a4f !important;
    border-color: #2b4a4f !important;
}

.btn-success {
  background-color: #51aab2 !important;
  border-color: #51aab2 !important;
}

.btn-success:hover,
.btn-success:active {
    color: #fff !important;
    background-color: #51aab2 !important;
    border-color: #51aab2 !important;
    opacity: 0.8;
}

.btn-info {
  background-color: #017284 !important;
}

.btn-info:hover,
.btn-info:active {
    color: #fff !important;
    background-color: #51aab2 !important;
    border-color: #51aab2 !important;
}
 
.btn-basic {
  background-color: #51aab2;
}

.btn-basic:hover,
.btn-basic:active {
    color: #fff !important;
    background-color: #51aab2 !important;
    border-color: #51aab2 !important;
    opacity: 0.8;
}

.btn-disabled {
  background-color: #cfcfcf;
}

.btn-disabled:hover,
.btn-disabled:active {
    color: #fff !important;
    background-color: #cfcfcf !important;
    border-color: #cfcfcf !important;
}

.btn-io {
    background-color: #3fb761;
}

.btn-io:hover,
.btn-io:active {
    color: #fff !important;
    background-color: #3fb761 !important;
    border-color: #3fb761 !important;
}

.btn-icon {
    position: relative;
    padding-left: 30px;
    background-repeat: no-repeat !important;
    background-position: 12px 8px !important;
    background-size: 14px
}

.btn-icon:hover,
.btn-icon:active,
.btn-icon:focus{
    background-position: 12px 8px !important;
}

.btn-icon-upload {
    background-image: url(/Content/images/icon_upload.png) !important;
}

.btn-icon-save {
    background-image: url(/Content/images/icon_save.png) !important;
}

.btn-icon-folder {
    background-image: url(/Content/images/icon_folder.png) !important;
}

.btn-icon-plus {
    background-image: url(/Content/images/icon_plus.png) !important;
}

.btn-icon-search {
    background-image: url(/Content/images/icon_search.png) !important;
}

.btn-icon-excel {
    background-image: url(/Content/images/icon_excel.png) !important;
}

.btn-icon-view-pdf {
    background-image: url(/Content/images/icon_preview.png) !important;
}

.btn-icon-doc {
    background-image: url(/Content/images/icon_doc.png) !important;
}

.btn-icon-pdf {
    background-image: url(/Content/images/icon_pdf.png) !important;
}

.btn-icon-times {
    background-image: url(/Content/images/icon_times.png) !important;
}

.btn-icon-edit {
    background-image: url(/Content/images/icon_edit.png);
}

.btn-icon-inout, .btn-icon-inout:hover, .btn-icon-inout:focus, .btn-icon-inout:active {
    background-image: url(/Content/images/arrow-inout.png) !important;
    padding-left: 16px;
    padding-right: 30px;
    background-size: 6px;
    background-position: 90% 9px !important;
}

.btn[disabled="disabled"],
.btn[disabled="disabled"]:hover,
.btn[disabled="disabled"]:active,
.btn[disabled="disabled"]:focus,
.btn[disabled="True"],
.btn[disabled="True"]:hover,
.btn[disabled="True"]:active,
.btn[disabled="True"]:focus{
    background-color: #8f8f8f !important;
    border-color: #8f8f8f !important;
}

input[type="checkbox"] {
    background:#eaeaea;
    border-radius:3px;
    width:24px;
    height:24px
}
.ckbox-label input {
    vertical-align: middle;
    margin-top: 0;
}
.ckbox-label label {
    vertical-align: middle;
}
.ckbox-label-input {
    vertical-align: middle;
    margin-top: 0 !important;
}
.editor-label, .editor-field, .vt-control {
    vertical-align: middle;
}

.editor-field {
    padding-bottom: 10px;
}

/*remove t-button default class*/
.t-button {
    background: none;
    border: none;
    font-weight: 100!important;
}
/*end remove t-button default class*/

/*custom buttons*/
.t-button.t-upload-button {
    position: relative;
    padding: 5px 10px;
    height: 32px;
    background-color: #017284;
    border-color: #017284;
    background-image: url(/Content/images/icon_upload.png) !important;
    padding-left: 45px;
    background-repeat: no-repeat !important;
    background-position: 16px 10px !important;
    border-radius: 100px;
    background-size: 16px !important;
    width: initial;
}

.t-upload-button:hover,
.t-upload-button:active,
.t-upload-button:focus {
    color: #fff !important;
    background-color: #51aab2 !important;
    border-color: #51aab2 !important;
}


.image-box {
    position: relative;
    height: 182px; 
    width: 182px; 
    border: 1px solid #D7D7D7;
}
.image-box .position-avata {
    position: absolute; 
    top:0;
}
.image-selector {
    position: absolute;
    bottom: -1px;
    height: 40px;
    background: #2a2a2a;
    opacity: 0.25;
}
.image-selector:hover {
    opacity: 0.4;
}
.image-box .t-button.t-upload-button {
    position: relative;
    padding: 5px 10px;
    height: 32px;
    padding-left: 40px;
    left: 28px;
    background-color: transparent;
    background-image: url(/Content/images/icon_camera.png) !important;
    background-repeat: no-repeat !important;
    background-position: 16px 10px !important;
    border-radius: 100px;
    background-size: 16px !important;
    width: initial;
}

.image-box .t-upload-button:hover,
.image-box .t-upload-button:active,
.image-box .t-upload-button:focus {
    color: #fff !important;
    background-color: transparent !important;
}

.btn-group a.btn {
    color: #fff;
    text-decoration: none !important;
    padding: 8px 20px;
    height: 36px;
}

.btn-group a.btn:hover,
.btn-group a.btn:active,
.btn-group a.btn:focus,
.btn-group a.btn.Active{
    background-color: #2b4a4f !important;
}

/*end buttons*/

/*image*/
.img-center {
    margin: auto;
}

.img-text {
    display: inline-block;
    vertical-align: middle;
}

/*form*/
form {
    width: 100%;
}
/*end form*/

/*form controls*/
.form-control {
    font-size: 12px;
}
.form-inline select.form-control {
    padding: 0 10px;
    border-radius: 20px;
    box-shadow: none;
    height: 32px;
} 

.editor-label{
    padding-top:8px;
    padding-right: 8px;
    width: 35%;
    float: left;
    text-align: right;
}

.editor-label label, .editor-label{
    font-weight:normal;
    color:#6c6c6c;
    display: inline;
}

.semesterDates .vt-control .editor-label {
    width: 60%;
}

.semesterDates .vt-control .editor-field {
    width: 40%;
}

.vt-InfoPanel .vt-control select,
.vt-InfoPanel .vt-control input[type=text],input[type=password],
select,
input[type=text], textarea {
    font-family: Arial, Helvetica, sans-serif !important;
    border: 1px solid #D7D7D7;
    height: 32px;
    border-radius: 3px;
    background-color: #fff;
    padding: 5px 10px !important;
    font-size: 12px;
    color: #6c6c6c;
    width: 100%;
}

::placeholder { 
    color: #a6a6a6;
}

.vt-control .editor-field {
    position: relative;
    width: 65%;
    float: left;
}

.vt-control .editor-field input {
    position: relative;
    z-index: 1;
    font-size: 12px;
}

.selectbox-functionpath .editor-field.custom-select {
    bottom: 2px;
}
.custom-select select,select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
   -webkit-appearance: none;
   padding: 0 30px 0 10px !important;
   background: url(/Content/images/down-arrow.png) no-repeat;
   background-color: #fff;
   background-position: calc(100% - 10px) center;
}

.vt-control .editor-field .t-picker-wrap {
    padding: 0;
}

.vt-control .editor-field .t-picker-wrap .t-select {
    right: 0;
    top: 3px;
    z-index: 2;
}

.vt-control .editor-field .t-dropdown-wrap {
    border-color: #fff;
}

.vt-control .editor-field .t-dropdown-wrap .t-select {
    background-image: none;
    background-color: #fff;
    height: 32px;
    z-index: 9999;
    top: -2px;
}

.t-select .t-icon-calendar{
    background: url(/Content/images/icon_calendar.png);
    background-repeat: no-repeat;
    background-size: 18px;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.t-select .t-icon-clock{
    background: url(/Content/images/clock.png);
    background-repeat: no-repeat;
    background-size: 18px;
    width: 20px;
    height: 20px;
}

.vt-td-edit input[type=text]
{
    width: 90%;
    min-width: 10px;
    color: Red;
    text-align: center;
    padding: 0 !important;
    background-color: transparent;
}
.custom-radio-button,
.custom-checkbox 
 {
    position: relative;
    padding-left: 25px;
    /* padding-right: 20px; */
    margin-bottom: 10px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    vertical-align: initial;
}

.custom-checkbox-no-label {
    padding-right: 0 !important;
}

.custom-radio-button label {
    font-weight: normal;
}

/* Hide the browser's default radio button */
.custom-radio-button input {
    position: absolute;
    opacity: 0;
    display: none;
    cursor: pointer;
}

/* Create a custom radio button */
.custom-radio-button .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #51aab2;
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.custom-radio-button:hover input ~ .checkmark {
    background-color: #E6E6E6;
}

/* When the radio button is checked, add a blue background */
.custom-radio-button input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio-button .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio-button input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio-button .checkmark:after {
 	top: 2px;
	left: 2px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #51aab2;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
    display: none;
}

/* Create a custom checkbox */
.custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #51aab2;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate:focus, .truncate:hover {
    overflow: visible;
}

.t-grid-bottom {
    /* min-height: 50px; */
    background: #F3F6F6;
}
/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
    background-color: #E6E6E6;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
    background-color: #fff;
}

.custom-checkbox input[disabled] ~ .checkmark,
.custom-radio-button input[disabled] ~ .checkmark  {
    background-color: #E6E6E6;
    cursor: default;
    border: 1px solid #51aab2;
}
.custom-checkbox:hover input[disabled] ~ .checkmark,
.custom-radio-button:hover input[disabled] ~ .checkmark {
    background-color: #E6E6E6;
    border: 1px solid #51aab2;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #51aab2;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.t-combobox {
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    background-color: #fff;
    width: 100%;
    height: 32px;
}

.t-combobox .t-input {
    border: none !important;
    outline: none !important;
    box-shadow: none;
}
.t-dropdown-wrap.t-state-default {
    background: #fff;
    border: none;

}
.t-dropdown-wrap .t-select {
    background: #fff;
}
.t-combobox .t-dropdown-wrap .t-icon {
    height: 32px;
    width: 35px;
    background: url(/Content/images/down-arrow.png) no-repeat;
    background-position: calc(100% - 3px) center;

}

/*end form controls*/

/*image*/
.img-center {
    margin: auto;
}

/*end image*/

/*text*/

.text-link {
    color:#257db5;
    text-decoration: underline;
    cursor:pointer;
}

.descriptions {
    font-style: italic;
    font-size:12px;
    color:#6c6c6c;
    letter-spacing:0;
    text-align:left;
    width: 65%;
    float: right;
}
.textcolor {
        color: #0066cc!important;
}
/*end text*/

/*table*/

table tr td label {
    font-weight:200;
}

.t-widget.t-grid table tr td input:focus, .t-widget.t-grid table tr td textarea:focus, .t-widget.t-grid table tr td textarea {
    border: none !important;
    box-shadow: none;
    background-color:transparent;
}

.t-widget.t-grid  {
    overflow: auto;
}


.t-widget.t-combobox {
    border-radius: 3px;
}

.t-grid .t-toolbar {border: 0;}


.t-table .t-grid-header .t-header {
    background: none;
    color: #fff;
    padding: 8px 10px;
    height: auto;
    font-weight:bold;
}
.t-grid-header {
    background-color: #51aab2 !important;
    background-image:none;
}

.t-grid-header .t-grid-header-wrap{
    border: 0;
    height: auto;
    padding: 0;
}

.t-grid-header .t-header {
    background: #51aab2;
    color: white;
    font-weight: bold;
    text-align: center; 
    padding: 10px 2px;
    border:0;
    vertical-align: middle;
    font-size: 12px;
}

.t-table .t-grid-header .t-header {
    background: none;
    color: #fff;
    padding: 8px 10px;
    height: auto;
    font-weight:bold;
    font-size: 12px;
}
.t-grid-header .t-header .t-link {
    padding: 0;
    text-align: center;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 12px;
    color: #fff;

}

.t-grid .t-header .t-link:link, 
.t-grid .t-header .t-link:hover, 
.t-grid .t-header .t-link:active, 
.t-grid .t-header .t-link:visited {
    color: white;
}

.t-grid .t-grid-content tr td,
.t-grid>table>tbody tr td {
    box-shadow: inset 0 -1px 0 0 #e6e6e6; 
    padding: 0 3px;
    overflow:hidden;
    max-width: 300px;
    
}

.t-grid .t-grid-content tr td .editor-field,
.t-grid>table>tbody tr td .editor-field {
    padding-bottom: 0;
}

.t-grid-content>table>tbody>tr>td:first-child,
.t-grid>table>tbody>tr>td:first-child{
    border-left:1px solid #e6e6e6;
}

.t-grid-content{
    border:0;
    position:relative;
    overflow-y: scroll !important;
    overflow-x: auto !important;
    width:100%;
    zoom:1;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.09);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 12px;
}
.t-grid-content input[type=text]
{    
    border:none;
    background-color: transparent!important;
}
.t-grid-content>table>tbody>tr:nth-child(even) input[type=text]
{
     background-color:transparent !important;
}

.t-grid-content>table>tbody>tr:nth-child(even) input[type=text][disabled],
.t-grid-content input[type=text][disabled] {
    background-color: #cfcfcf !important;
}

.t-grid>table>tbody>tr:nth-child(odd)
{
     background-color:#fff;
}

.t-grid .t-grid-content>table>tbody>tr:nth-child(even)
{
    /* background-color:#F7F7F7; */
}

.t-grid .t-grid-content>table>tbody>tr:hover>td:first-child,
.t-grid>table>tbody>tr:hover>td:first-child{
    border-left: 4px solid #017284;
}

.t-grid .t-grid-content tr,
.t-grid>table>tbody tr {
    height: 40px;
}
.t-detail-row{
    height: auto !important;
}
.t-grid .t-grid-content tr.t-no-data {
    height: 60px;
}
.t-grid > table > tbody > tr:nth-child(even) > td > table > tbody > tr {
    background-color: #f7f7f7;
}

/* .t-grid > table > tbody > tr > td > table > tbody > tr > td,
.t-grid > table > thead > tr > th > table > tbody > tr > td {
    border-left: 1px solid #e6e6e6 !important;
} */

.t-detail-cell {
    padding: 5px 3px !important;
}

.t-tabstrip-items .t-state-default {
    line-height: 25px;
    text-align: center;
    background-color: #7dbac3;
    border-radius: 5px 5px 0 0;
    margin-right: 3px;
}
.t-tabstrip-items .t-state-hover, .t-tabstrip-items .t-state-active {
    line-height: 25px;
    text-align: center;
    background-color: #fff !important;
    border-radius: 5px 5px 0 0;
    margin-right: 3px;
}
.t-tabstrip-items .t-state-default a {
    font-family: Arial, Helvetica, sans-serif;
    color: #6b676f;
    background-color: #fff;
    font-size: 12px;
    font-weight: 400;
}
.t-tabstrip-items .t-state-active a, .t-tabstrip-items .t-state-hover a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #51aab2;
    background-color: transparent;
    font-weight: bold;
}
.t-tabstrip-items .t-link {
    padding: .3em 7px;
}

.btn-edit, .t-grid-vtEdit, .t-grid-vtAdd, .t-grid-vtDetail, .t-grid-edit,.t-grid-delete,.t-grid-Delete, .t-grid-vtDetails, .t-grid-vtChange,.t-grid-vtReplace, .btn-delete, .t-grid-vtDelete, .t-grid-vtCoppy {
    background:initial;
    border-radius:100px;
    font-family: Arial, Helvetica, sans-serif !important;
    height: 35px;
    width: 60px !important;
    padding: 6px 20px;
    border: none;
    text-align:center;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
}

.btn-edit:hover, .t-grid-vtEdit:hover, 
.btn-delete:hover, .t-grid-vtDelete:hover, 
.t-grid-Delete:hover,
.t-grid-vtDetail:hover, .t-grid-edit:hover, .t-grid-delete:hover,
.t-grid-vtDetails:hover, .t-grid-vtChange:hover,
.t-grid-vtReplace:hover,
.t-grid-vtCoppy:hover,.t-grid-cancel:hover,.t-grid-update:hover,
.t-grid-vtAdd:hover {  
    background:#93c3cb !important;
}

t-grid-vtDelete {
    cursor: pointer;
}

.btn-edit:hover .icon-edit, .t-grid-vtEdit:hover .t-edit,
 .t-grid-vtEdit:hover .icon-edit, .t-grid-vtEdit:hover .t-vtEdit, 
.t-grid-edit:hover .t-edit{  
    background-image: url(/Content/images/icon_edit_hover.png);
}

.t-grid-vtDetail .t-details {
    margin: 0 !important;
}

.t-button, t-button:hover, t-button:focus {
    border-color: transparent;
    color: transparent;
    background: none;
}
.icon-trash:hover,.t-delete:hover, 
.t-vtDelete:hover,.t-grid #btnDelete:hover .icon-trash, 
.btnDelete:hover .icon-trash, .t-grid-vtDelete:hover .icon-trash, 
.t-grid-vtDelete:hover .t-delete,.t-grid-Delete:hover .t-delete{
    background-image: url(/Content/images/icon_trash_hover.png);
    background-repeat: no-repeat;
}

.btn-delete-row {
    border-radius: 100px;
    height: 35px;
    width: 60px !important;
    padding: 8px 22px;
    border: none;
    text-align: center;
    cursor: pointer;
    margin-top: 3px;
}
.btn-delete-row:hover,  .btn-delete-row:focus {
    background: #93c3cb;
    content: url(/Content/images/icon_trash_hover.png);
}

.btn-add-row {
    border-radius: 100px;
    height: 35px;
    width: 60px !important;
    padding: 8px 22px;
    border: none;
    text-align: center;
    cursor: pointer;
    margin-top: 3px;
}

.btn-add-row:hover, .btn-add-row:focus {
    background: #93c3cb;
    content: url(/Content/images/icon_add_hover.png);
}

.t-no-data td{
    text-align: center;
}
/*end table*/

/*LOGIN*/

.login-page {
    /*background: url(images/bg-body-login.png) center no-repeat;*/
    /* background-color: #01a701; 
    background-size: cover;*/
	background: black;
    /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #a0cfa3),color-stop(0.7, #4ba430));*/
}

strong, b {
    font-family: Arial, Helvetica, sans-serif;
}
.login-section .right {
  padding-top: 40px;
}

.login-page .table-view {
    height: 100%;
    display: table;
    width: 100%;
}

.login-page .table-view .container-fluid {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.login-section {
    min-height: 300px;
    /*border-radius:8px;*/
   /*  background: url(images/bg-login.jpg) center right no-repeat; */
    /*background-position: 40% center;*/
    background-position: -80px;
    background-size: 103%;
}
.login-section .checkbox input[type=checkbox] {
    width: unset;
    height: unset;
}
.login-section .left {
/* background-color: #d8ffe0;
    padding-top: 40px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 25px 25px 25px 25px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-box-shadow: #222 0 4px 4px 4px;
    -moz-box-shadow: #222 0 4px 4px 4px;
    box-shadow: #222 0 1px 7px 0; */
}

.login-section .left .form-section form {
        padding: 0 36px;
}

.login-section .left .form-section {
    min-height: 300px;
}

.login-section .left .login-footer {
    width: 100%;
    background-color: #E5E7E3;
    /*border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;*/
}

.login-section .left .login-footer td {
    width: 50%;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.login-section .left .login-footer td:first-child {
    border-right: 1px solid #DCDCDC;
}

.support-text {
    display: inline-block;
    vertical-align:middle;
}

.login-section .left form .form-group {
    position: relative;
}

.login-section .left form .form-group .fa {
    position: absolute;
    left: 25px;
    top: 10px;
    font-size: 16px;
    color: #686868;   
    z-index: 2;
}

.login-section .left form .form-group .form-control {
       padding: 10px 10px 10px 50px !important;
    border-radius: 20px;
    background-color: #e8f0fe;
    box-shadow: none;
    height: 32px;
}

.error-message {
    color: red;
}

@media (max-width: 1024px) {
    .login-section .left .form-section form {
         padding: 0 40px;
    }
    .login-section .right 
    {
        display: none !important;
    }
}

@media
(min-width: 1600px) {
    .login-section {
        background-position: -70px;
        background-size: 95%;
    }

    .login-section .left .form-section form {
         padding: 0 40px;
    }
}

/*END LOGIN*/

/*SELECT LEVEL*/
.level-box {
    display:inline-block;
    width:180px;
    height: 350px;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
    
}

.level-1 {
    background: url(/Content/images/level-primary.png) center no-repeat;
    background-position-x: 33%;
}

.level-2 {
    background: url(/Content/images/level-middle.png) center no-repeat;
    background-position-x: 28%;
}

.level-3 {
    background: url(/Content/images/level-high.png) center no-repeat;
}

.level-4 {
    background: url(/Content/images/level-baby.png) center no-repeat;
    background-position: center 0%;
    background-color: #EAEAE8;
}

.level-5 {
    background: url(/Content/images/level-children.png) center no-repeat;
    background-position: 68% center;
}

.level-box .banner {
    padding: 15px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

/*END SELECT LEVEL*/

/*LAYOUT*/

.loading-section {
    padding: 25px 20px 20px;
    height: 80px;
    width: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 8px;
    z-index: 12000;
    margin-left: -100px;
    margin-top: -40px;
}

.loading-section img {
    margin-right: 20px;
}

.page-menu .main-menu {
    position: fixed;
    height: 100%;
    width: 230px;
    background: url(/Content/images/bg-menu.png) center no-repeat;
    background-size: cover;
    border: none;
    color: #fff;
}

.page-menu .main-menu .menu-header {
    background-color: white;
    padding: 20px;
    position: fixed;
    width: 230px;
    z-index:10;
    border-right: 1px solid #F4F4F4;
}

.page-menu .main-menu .menu-header .logo-collapse {
    display: none;   
}

.page-menu .main-menu .menu-header .logo-extend {
    display: initial;   
}

.page-menu .main-menu .menu-body {
    margin-top: 70px;
    overflow: auto;
    height: calc(100% - 70px);
    -ms-overflow-style: none;
}

.page-menu .main-menu .menu-body .icon-background {
    background-color: #016C7E;
}

.page-menu .main-menu::-webkit-scrollbar,
.page-menu .menu-body::-webkit-scrollbar {
    display: none;
}

.page-menu .main-menu .menu-header .fa-bars {
    position: absolute;
    right: 10px;
    top: 30px;
    z-index: 100;
    cursor: pointer;
}

.page-collapsing .page-menu .main-menu .menu-header .fa-bars {
    right: -25px;
}

.page-menu .main-menu ul li {
    padding: 7px 0;
}

.page-menu .main-menu ul li a.dropdown-btn,
.page-menu .main-menu ul li .dropdown-btn a {
    color: white;
    display: block;
    cursor: pointer;
    position: relative;
}

.page-menu .main-menu ul li a.dropdown-btn:hover {
   text-decoration: none;
}

.page-menu .main-menu ul li a.dropdown-btn .fa
 {
    position: absolute;
    right: 20px;
    top: 5px;
}

.page-menu .main-menu ul li .dropdown-btn a .fa {
    position: absolute;
    right: 15px;
    top: 10px;
}

.page-menu .main-menu ul li .dropdown-container {
    display: none;
    width: 230px;
}

.page-menu .main-menu ul li .dropdown-container .item a {
    color: #fff;
    display: block;
    padding: 7px 0 7px 30px;
    border-radius:3px;
    margin-top: 3px;
}

.page-menu .main-menu ul li .dropdown-container .item a:hover,
.page-menu .main-menu ul li .dropdown-container .active>a {
    background-color: #44AFC1;
}

.page-header {
    margin: 0 !important;
    padding-bottom: 0;
}

.page-content, .footer {
    width: auto;
    margin-left: 230px;
}

.page-content .main-content {
    min-height: calc(120vh - 210px);
}

.InfoBox{
    position: fixed;
    z-index: 1000;
    width: auto;
    left: 230px;
    right: 0;
    background-color: #fff;
    border-bottom: 1px solid #E8E9E9;
}

.breadcrumb
{
    margin-left: 230px;
    padding-top:70px;
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (max-width: 768px){
    .InfoBox
    {
        left: 180px;   
    }

    .breadcrumb{
        margin-left: 180px;
    }
}

.page-collapsing .InfoBox{
    left: 85px!important;
}

.page-collapsing .breadcrumb {
    margin-left: 85px!important;
}

/*collapse menu*/
.page-collapsing .page-menu .main-menu {
    width: 85px;
    background-image: none;
    background-color: #017284;
    z-index: 10000;
}

.page-collapsing .page-menu .main-menu .menu-header {
    width: 85px;   
    padding-top: 14px;
}

.page-collapsing .page-menu .main-menu .menu-header .logo-collapse {
    display: initial;   
}

.page-collapsing .page-menu .main-menu .menu-header .logo-extend {
    display: none;   
}

.page-collapsing .page-menu .main-menu .menu-body {
    margin-left: 0;
    margin-top: 69px;
}

.page-collapsing .page-menu .main-menu ul li a.dropdown-btn {
    padding-left: 25px;
}

.page-collapsing .page-menu .main-menu ul li.active {
    background-color: #FEB255;
}

.page-collapsing .page-menu .main-menu ul li .dropdown-container .item a:hover,
.page-collapsing .page-menu .main-menu ul li .dropdown-container .active>a {
    background-color: #FEB255;
    color: #ffffff !important;
}


.page-collapsing .page-menu .main-menu ul li.active .icon-background {
    background-color: #EEB164;
}

.page-collapsing .page-menu .main-menu ul li a.dropdown-btn .dropdown-text,
.page-collapsing .page-menu .main-menu ul li a.dropdown-btn .fa-angle-right, 
.page-collapsing .page-menu .main-menu ul li a.dropdown-btn .fa-angle-down{
    display: none;
}

.page-collapsing .icon-background {
    width: 25px;
    height: 25px;
}

.page-collapsing .icon-background .icon {   

}

.page-collapsing .page-menu .main-menu ul li>.dropdown-container{
    position: fixed;
    left: 85px;
    background-color: #017284;
    overflow: hidden;
    margin-top: -32px;
}

.page-collapsing .page-menu .main-menu ul li>.dropdown-container>div {
    padding: 0 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    margin-right: -17px;
}

.page-collapsing .page-menu .main-menu ul li .dropdown-container::-webkit-scrollbar {
    display: none;
}

.page-collapsing .page-content,.page-collapsing .footer {
    margin-left: 85px;
}

.banner-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.middle-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.banner-section {
    position: relative;
    background-color: white;
    padding: 10px 15px;
}
.InfoSchool h1 a{
        color: #097687;
    background-position: 9px 0px;
    padding: 14px 0 18px 13px;
    font-size: 18px;
    font-weight: bold;
}
#BannerDivNF .InfoSchool{
    padding-left:7px;
}
.account-box {
    width: 40%;
    height:69px;
}
.datetime{
    height: 15px;
    width: 100%;
    position: absolute;
    font-size: 14px;
    bottom: 8px;
    padding-left: 12px;
}
#home-logon .vt-control,.form-group .editor-field{
    width:100%;
    float:none;
}
.MenuAccSection .ChildMenuSectionList {
    right: 15px;
}

.wil {
    flex: 1;
}

.banner-section .banner-text {
    display: inline-block;
    vertical-align:middle;
}

.function-path {
    padding: 0 15px;
    min-height: 50px;
}

.function-path .breadscrum-section {
    padding-top: 15px !important;
}

.function-path .breadscrum-section .fa-angle-right {
    padding: 0 8px !important;
}

.function-path .select-section {
    padding: 10px 0 0 0 !important;
}

.function-path .vt-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.function-path .editor-field {
    padding-bottom: 0;
    width: auto;
}

.function-path .BreadcrumList li span {
    padding: 0 10px 0 10px;
}

   .selectbox-functionpath .form-group .vt-control .editor-field{
       position:relative;
   }

.footer {
    background-color: #fff;
    padding: 5px;
}

@media (max-width: 1200px) {
    .banner-section .datetime {
        font-size: 12px;
    }
}

@media (max-width: 992px) { 

    .function-path .select-section {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .page-menu .main-menu {
        width: 180px;
    }

    .banner-section {
        padding: 10px;
    }

    .page-menu .main-menu .menu-header {
        width: 180px;
    }

    .page-menu .main-menu ul li .dropdown-container .item a {
        font-size: 12px;
        border-bottom: 1px dashed #ccc;
        padding-left: 25px;
        margin-left: -12px;
    }
    .page-menu .main-menu ul li .dropdown-btn a .fa {
        top: 13px;
    }

    .page-content, .footer {
        margin-left: 180px;
    }

    .page-collapsing .page-content,.page-collapsing .footer {
        margin-left: 85px;
    }

    .page-menu .main-menu .menu-body {
        margin-right: 0;
    }

}

.page .page-content.extend {
    min-height: calc(110vh - 200px);
}

@media (max-width: 767px) {
    .banner-section .datetime,
    .banner-section .account {
        text-align: center !important;
    }
}

#frmSearch .vt-InfoPanel-2 .vt-SearchPanel-Content .panelsearch{
    display:flex;
    justify-content:center;
}
#frmSearch .vt-InfoPanel-2 .vt-SearchPanel-Content .panelsearch .vt-control{
    width: 50%;
    display: flex;
    justify-content: center;
}
/*Khoi tieu de*/
#FrameMailBoxID #TabMailBox .t-reset.t-tabstrip-items{
    background-color:#51aab2 ;
    padding:20px 0px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    font-family:Arial, Helvetica, sans-serif;
}
#FrameMailBoxID #TabMailBox .t-reset.t-tabstrip-items #MailBoxID{
    border:0 !important;
    border-top-left-radius:6px;
}

#FrameMailBoxID #TabMailBox .t-reset.t-tabstrip-items #MailBoxID a span{
    font-size:13px;
    color:#fff;
    letter-spacing:0;
}
#FrameMailBoxID #TabMailBox .t-reset.t-tabstrip-items #MessageBoxID{
    border:0 !important;
    border-top-right-radius:6px;
}
#FrameMailBoxID #TabMailBox .t-reset.t-tabstrip-items #MessageBoxID a span{
    font-size:13px;
    color:#fff;
    letter-spacing:0;
}
/*End khoi tieu de*/

/*Khoi Left*/
#NewsContent table tbody tr td li table{
    width:96%;
}
#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:first-child li:nth-child(2) table tbody tr td:nth-child(2) span{
    color:#52B7C6 !important;
    position:relative;
    top:0;
    left:2px !important;
}
#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:first-child li:nth-child(3){
    visibility:hidden;
    margin-bottom:0 !important;
}
#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:first-child li:nth-child(4) #FullCreenID{
    visibility:hidden;
}
#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:first-child li:nth-child(4) #contentID{
    
    width:94%;
    margin-left:6px;
}
#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:first-child li:nth-child(4) #ContentView{
    padding:11px 16px;
}

/*End khoi left*/

/*Khoi right*/
#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:last-child .ResetList.MessageList li{
    background:url(/Content/images/note-list.png) no-repeat;
    background-position:0px 4px;
}
#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:last-child .ResetList.MessageList li a{
    margin-left:8px !important;
}

#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:last-child{
    /*border:1px solid red;*/
}
#FrameMailBoxID #TabMailBox #TabMailBox-2 #lstMessageBox .MessageBox #NewsContent table tbody tr td:last-child .ResetList.MessageList{
    width:100% !important;
    margin: 0!important;
}
@media only screen and (max-width: 1052px) {
    .SideBarSection {
        width: 23%;
    }

    #GridClassProfile table{
        width:100%;
    }

}
/*End khoi right*/
/*End trang khai bao thong tin*/
#resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:first-child .vt-control .editor-field{
    margin-left:8px;
}
#resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:first-child .vt-control .editor-field select{
    -webkit-appearance:none;
    padding-left:14px;
}
#resetFunctionPathForm select::after {
    content:"";
    display:block;
    width: 8px;
    height: 6px;
    background: url(/Content/images/down-arrow.png) no-repeat;
    position: absolute;
    top: 18px;
    right: 17px;
}
@media only screen and (max-width: 1052px){
    #resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:first-child .vt-control .editor-field::after{
        top: 12px;
        right: 14px;
    }
    #resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:nth-child(2) .vt-control .editor-field::after{
        top: 12px!important;
        right: 14px!important;
    }
}

#resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:nth-child(2) .vt-control .editor-field{
    margin-left:8px;
}
#resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:nth-child(2) .vt-control .editor-field select{
    -webkit-appearance:none;
    padding-left:14px;
}

.t-pager .t-state-hover .t-arrow-last{
    width: 27px;
    height: 27px;

    background:url(/Content/images/skip_forward.png);
    background-repeat:no-repeat;
    background-size: 27px;
}
.t-pager .t-state-hover .t-arrow-prev{
    width: 27px;
    height: 27px;
    background:url(/Content/images/back.png);
    background-repeat:no-repeat;
    background-size: 27px;
}

.input.t-button{
    background: #1275ae;
}
div .vt-button-addNew{
    background-color: #257DB5;
    background-image: url(/Content/images/addnew.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 40px;
    padding-left: 31px;
    background-position-x: 15px;
    background-position-y: 10px;
    background-size: 20px;
    border-radius: 20px;
    font-weight: 100;
}
.vt-button-addNew:hover{
    background-image: url(/Content/images/addnew.png)!important;
    background-repeat: no-repeat!important;
    background-position: 15px 10px!important;
}
#buttonCreate t-button:hover{
    background-image: url(/Content/images/addnew.png)!important;
    background-repeat: no-repeat!important;
    background-position: 15px 10px!important;
    background-color: #93C3CB;
}
.vt-button-addNew:hover{
    background-image: url(/Content/images/addnew.png)!important;
    background-repeat: no-repeat!important;
    background-position: 21px 10px;
    background-color: #93C3CB!important;
}
div .vt-button-save{
    background: #257DB5;
    margin-right: 5px;
    border-radius: 20px;
    padding-left: 45px;
    background-image: url(/Content/images/save.png);
    background-repeat: no-repeat;
    background-position: 16px 8px;
}
.vt-ResultPanel-Footer-Right .btn-sv .t-button{
    background: #257DB5;
    margin-right: 25px;
    border-radius: 20px;
        padding-left: 45px;
    background-image: url(/Content/images/save.png);
    background-repeat: no-repeat;
    background-position: 16px 8px;
}
.vt-ResultPanel .vt-ResultPanel-Footer .vt-ResultPanel-Footer-Right{
    width: 100%;
}
.vt-ResultPanel .vt-ResultPanel-Title .vt-ResultPanel-Title-Button {
    width: unset;
}
.vt-ResultPanel-Footer-Right .t-button{
    background: #257DB5;
        padding: 8px 20px;
    border-radius: 20px;

}

/*
#frmSave .vt-SearchPanel-Button{
width: 100%;
display: flex;
justify-content: flex-end;
margin-top: 15px;
}
*/

#frmSave .vt-SearchPanel-Button #btnSave{
    width: 95px;
    padding: 0;
    padding-left: 22px;
    background-position: 18px 7px;
}

#frmSave .Note{
    width: 95%!important;
    margin-top: 25px;
}
#formSave .vt-ResultPanel .Note{
    width: 90%!important;
}

#btnDowloadfile{
    background: #257DB5;
        padding: 8px 20px;
    border-radius: 20px;
        position: relative;
    left: -20px;
}

 
 #frmChangePassword div .t-button{
     background: #257DB5;
        padding: 8px 20px;
    border-radius: 20px;
 }

#listResult .vt-ResultPanel span .vt-ResultPanel-Footer-Right .t-button {
    background: #257DB5;
    margin-right: 25px;
    border-radius: 20px;
    padding-left: 45px;
    background-image: url(/Content/images/save.png);
    background-repeat: no-repeat;
    background-position: 16px 8px;
}
#listResult .vt-ResultPanel .vt-ResultPanel-Footer .vt-ResultPanel-Footer-Right .btn-sv .t-button {
    background: #257DB5;
    margin-right: 25px;
    border-radius: 20px;
    padding-left: 45px;
    background-image: url(/Content/images/save.png);
    background-repeat: no-repeat;
    background-position: 16px 8px;
}

/*End edit icon button*/


#frmSave div .title-panel-head{
        line-height: 40px;
    font-size: 22px;
    padding-left: 10px;
    color: #0775a2;
    display: block;
    padding-bottom: 20px;
    font-weight: bold;
}
#formSave .vt-ResultPanel .vt-ResultPanel-Title .vt-ResultPanel-Title-Message{
       line-height: 40px;
    font-size: 22px;
    padding-left: 10px;
    color: #0775a2;
    display: block;
    padding-bottom: 20px;
    height: 40px;
}
#frmGridCalendarID .t-grid-header table thead tr th{
    background: #51aab2;
    border: 0;
    color: white;
}
.GeneralTable{
    border:0;
}

tr th p{
    text-align: center;
}

/*Fix banner*/
#resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:first-child .vt-control .editor-field{
    margin-left:8px;
}
#resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:first-child .vt-control .editor-field select{
    -webkit-appearance:none;
    padding-left:14px;
}
#resetFunctionPathForm select::after {
    content:"";
    display:block;
    width: 8px;
    height: 6px;
    background: url(/Content/images/down-arrow.png) no-repeat;
    position: absolute;
    top: 18px;
    right: 17px;
}
@media only screen and (max-width: 1052px){
    #resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:first-child .vt-control .editor-field::after{
        top: 12px;
        right: 14px;
    }
    #resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:nth-child(2) .vt-control .editor-field::after{
        top: 12px!important;
        right: 14px!important;
    }
}

#resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:nth-child(2) .vt-control .editor-field{
    margin-left:8px;
}
#resetFunctionPathForm .col-md-7.select-section.no-padding.text-right.form-inline div:nth-child(2) .vt-control .editor-field select{
    -webkit-appearance:none;
    padding-left:14px;
}
/*End banner*/

/*Search Panel*/
.vt-SearchPanel{
    border: 0;
    /* box-shadow:0 2px 3px 0 rgba(0,0,0,0.09); */
}
.vt-SearchPanel.vt-InfoPanel .vt-SearchPanel-Title {
    height: initial;
    padding:8px;
    background:#51aab2 !important; 
    text-align:left;
    position: relative;
}

.vt-SearchPanel.vt-InfoPanel .vt-SearchPanel-Title .icon-arrow-up,
.vt-SearchPanel.vt-InfoPanel .vt-SearchPanel-Title .icon-arrow-down {
    position: absolute;
    top: 8px;
    right: 5px;
    cursor: pointer;
}

.vt-SearchPanel .vt-SearchPanel-Title{
    padding-top:5px;
    padding-bottom: 5px;
    background: #257DB5;
}

.vt-SearchPanel .vt-SearchPanel-Content {
    padding: 10px 25px;
    background: #fff;
    transition: all 2s linear;
}

.vt-SearchPanel .vt-SearchPanel-Button {
    background-color: white;
    padding: 10px 0;
    border-top: 1px solid #e6e6e6;
}
.page-collapsing .page-menu .main-menu>ul>li>.dropdown-container{
    background:#51aab2;
    width: 230px;
    height: 100vh;
}
.page-collapsing .page-menu .main-menu ul li .dropdown-container .item:hover{
    background:#FFB155;
}

.page-collapsing .page-menu .main-menu ul li .dropdown-container .item:hover .icon-gold{
    color:#fff !important;
}
.vt-ResultPanel .vt-ResultPanel-Title{
    padding-top: 10px;
    padding-bottom: 10px;
}
/*End banner*/

/*Sidebar*/
.SideBarTop {
    background: #dbe5e7;
    width: 100%;
    border-radius: 5px;
}
.vt-ResultPanel .t-grid td {
    border-style: solid;
    /*border-width: 1px 1px 1px 1px;*/
}

.vt-ResultPanel .t-grid .t-grid-header td {
    border: none;
}

.CollapseSideBar a.Sclose2 {
    position: absolute;
    top: 50%;
    right:10px;
    background-position: 0 -1963px;
    cursor: pointer;
    height: 50px;
    width: 15px;
}

div.t-treeview {
    background: 0;
    white-space: nowrap;
    overflow: auto;
    height: 100%;
    padding: 0 0 10px 10px;
    border: 0;
   /* min-width:155px;*/
}

#RightPanel{
    min-height:600px;
}

.t-treeview .t-item {
    padding: 3px 5px 0 16px;
    margin: 0;
    border-width: 0;
    position: static;
    top: auto;
    display: block;
    cursor: pointer !important;
}
@-moz-document url-prefix() { 
    .t-treeview .t-item {
    padding: 2px 5px 0 16px;
}}
.t-in.t-state-selected, .t-in.t-state-hover {
    color: #017284 !important;
    background-image: none !important;
    background-color: #c7dadd !important;
    border-radius: 4px;
    font-weight: bold;
    padding: 5px;
    cursor: pointer !important;
}

/* .t-state-selected {background-color: transparent;} */

.CollapseSideBar a.Eclose2 {
    position: absolute;
    top: 300px;
    left: 0;
    z-index: 1;
    background-position: 0 -2011px;
    cursor: pointer;
    height: 50px;
    width: 15px;
}

.t-treeview-lines .t-item {
    background-repeat: no-repeat;
}

.t-treeview-lines > .t-item {
    background-image: url(/Content/images/treeview-line.png);
    background-repeat-y: repeat;
}   

.t-treeview .t-group.t-treeview-lines {
    margin: 0
}

.t-treeview .t-content, .t-treeview .t-group {
    list-style-type: none;
    background: 0;
    margin-left:-15px;
}

.t-treeview-lines .t-item {
    background-position: 4px 0;
}

.t-treeview-lines .t-first {
    background-position: 4px 22px;
    background-repeat:no-repeat;
}

.t-treeview-lines .t-top {
    background-position: 4px 11px;
}

.t-treeview-lines .t-bot, .t-treeview-lines .t-mid, .t-treeview-lines .t-top {
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px
}
.t-tabstrip > div.t-content {
    padding: 15px;
}
.t-tabstrip > div.t-content .vt-ResultPanel-Title, .t-tabstrip > div.t-content .t-grid-bottom {
    background: #fff;   
}

.t-tabstrip .t-tabstrip-items {
    padding: 0;
}

.t-tabstrip .t-content {
    border-width: 1px 0 0 0;
    border-radius: 0 5px 5px 5px;
    border-color: #cfcfcf;
    margin: 0;
}

.t-treeview .t-icon {
    background-image: url(/Content/images/treenode.png);
    background-position: 0 5px;
}

.t-plus, .t-plus-disabled {
    background-position: 0 8px
}

.t-minus, .t-minus-disabled {
    background-position: 0 8px
}

.t-treeview-lines .t-bot {
    background-position: 4px 11px;
}

.t-treeview-lines .t-mid {
    background-position: 4px 11px
}

.t-treeview-lines .t-group .t-last .t-bot {
    background-position: 4px 11px;
}

.t-treeview-lines .t-last .t-top {
    background-position: 4px 11px;
}

.t-in {
    color: #585858;
}

.t-treeview-lines .t-top, .t-treeview-lines .t-mid, .t-treeview-lines .t-bot {
    background-image: url(/Content/images/treenode-line.png);
}

li .t-top, li .t-mid, li .t-bot {
    width: 100%;
}


.t-treeview-lines > .t-item > .t-top .t-in, .t-treeview-lines > .t-item > .t-mid .t-in, .t-treeview-lines > .t-item > .t-bot .t-in {
    font-size: 12px;
    font-weight:bold;
    color: #017284;
}

.t-treeview span.t-in {
    cursor: default
}

.t-treeview .t-in {
    margin: 1px 0;
    padding: 2px 5px;
    text-decoration: none;
    line-height: 16px;
    margin-left: 2px;
    font-size: 11px;
}

.t-treeview .t-icon, .t-treeview .t-image, .t-treeview .t-in, .t-treeview .t-sprite {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top
}

.t-treeview .t-minus, .t-treeview .t-minus-disabled, .t-treeview .t-plus, .t-treeview .t-plus-disabled {
    margin-left: -16px;
    margin-top: 2px;
    float: left;
    *float: none;
    cursor: pointer
}

.t-editor-button .t-tool-icon, .t-icon, .t-sprite {
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
}

.t-editor-button .t-tool-icon, .t-icon {
    background-color: transparent;
    background-repeat: no-repeat
}

.NavigationList, .SideBarListMenu {
    background-color: #fff;
    border-radius: 5px;
    border:1px solid #dddddd;
}

.SideBarTopMenu input {
    margin-bottom: 10px;
}
.NavigationList li a, .GroupContentSection .SideBarTopMenu .SideBarListMenu li a {
    color: #000;
    width: auto;
}
.NavigationList li a:hover, .NavigationList li a.Active,  .GroupContentSection .SideBarTopMenu .SideBarListMenu li a:hover ,  .GroupContentSection .SideBarTopMenu .SideBarListMenu li a.Active  {
    font-weight: bold;
    text-decoration: none !important;
}
@media only screen and (max-width: 768px) {
    .NavigationList li a {
        padding: 10px;
    }

    .ipad-checkbox {
        margin-left: 35%;
    }
}
.ContentIn1StyleSection {
    padding: 0 5px 5px 5px;
}
.TitleTabSection a {
    background: #fff;
    border-radius: 5px 5px 0 0;
    padding: 10px 0px;
}
.MenuTabSection a.Active, .MenuTabSection a:hover {
    background: #fff;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #51aab2;
}
.TitleTabSection a span {
    background: transparent;
    color: #51aab2;
    padding: .3em 10px;
}
.GenaralInfoSection .HealthInSection {
    padding: 15px 15px 10px 15px;
    border: none;
    border-radius: 0 5px 5px 5px;
    background-color: #FDFFFF;
}
#divRanking {
    padding: 10px;
}
#ViewDetailConfigStatusPupil {
    /*left: 30% !important;*/
}


/*End sidebar*/

/*Subject Panel*/
#menu12{
    background: #51aab2;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    overflow: auto;
    font-size: 14px;
    font-weight: bold;
}
#menu12 ul {
    padding: 0;
    margin: 0;
    display:block;
    white-space:nowrap;
}

#menu12 ul li {
    list-style-type: none;
    display: inline;
    margin-right: 15px;
}

#menu12 div {
    display: block;
    overflow-x:hidden;
    float:left;
}

#menu12 ul li a {
    color: #fff;
    text-decoration: none;
    padding: 7px 10px;
}

#menu12 ul li a.Active, #menu12 ul li a.active {
    background: #fff;
    color: #d56900;
    border-radius: 5px;
}
#menu12 #listSubjectWraper ul li a:hover, #menu12 #listMonthWraper ul li a:hover{
    background: #fff;
    color: #d56900;
    border-radius: 5px;
}

#menu12 #pannerLeft,#menu12 #pannerRight{
    width: 50px;
}
#menu12 #pannerLeft{
    float:left;
}
#menu12 #pannerRight{
    float:right;
}
#menu12 #pannerHDNL{
    width: 185px;
    padding-right:5px;
}
#menu12 #listSubjectWraper, #menu12 #listMonthWraper{
    width: calc(100% - 110px);
}
/*End Subject Panel*/

/*GroupContentSection*/
.BoxGeneralTable, .BoxGeneralTTitle, .BoxGeneralTTitle table, .BoxGeneralTBody, .BoxGeneralTBody table, .StudentsListSection form {
    width: 100%;
    padding: 10px;
}
/*End GroupContentSection*/
.vt-SearchPanel-Title {
    font-size: 12px;
}

/*Content Section BTM*/
.GroupContentSection {
    display: block;
}
.GroupContentSection .SideBarTopMenu {
    width:25%;
    float:left;
}
.GroupContentSection .SideBarTopMenu .SideBarListMenu li {
    border-bottom: 1px solid #c1d7db;
    font-size: 12px
}
.GroupContentSection .MainContentSectionRight {
    width: 75%;
    float: left;
    overflow: hidden;
}
/*End Content Section BTM*/
/*END LAYOUT*/

/*Sidebar*/
.SideBarLoopMenu {
    padding-right: 15px;
}
/*End Sidebar*/

/*CUSTOM*/
.t-grid .t-grid-content .custom-checkbox .checkmark,
.GeneralTable tbody tr td .custom-checkbox .checkmark {
    top: -2px;
}
html input[disabled], select[disabled], textarea[disabled] {
    background-color: #cfcfcf!important;
}

.grid-bottom-small .t-grid-bottom {
    min-height: 20px;
}
.t-picker-wrap {
    padding: 0;
}

.t-hierarchy-cell .t-minus,  .t-hierarchy-cell .t-minus-disabled{
    background-position: -16px -256px;
    margin-top: -2px;
}

.t-hierarchy-cell .t-plus, .t-hierarchy-cell .t-plus-disabled {
    background-position: 0 -256px;
    margin-top: -2px;
}

.captcha-textbox {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.captcha-img {
    width: 100%;
    height: 32px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.t-panelbar .t-item .t-header .t-arrow-up,
.t-panelbar .t-item .t-header .t-arrow-down,
.t-panelbar .t-item .t-link-custom .t-arrow-up,
.t-panelbar .t-item .t-link-custom .t-arrow-down {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: #3698a7;
    border-radius: 100%;
    margin-top: 0;
    width: 28px;
    height:28px;
    background-image: url(/Content/images/icon_arrow_right.png);
    background-size: 12px 11px;
}
.t-panelbar .t-item .t-header .t-arrow-up,
.t-panelbar .t-item .t-link-custom .t-arrow-up {
    transform: rotate(270deg);
}
.t-panelbar .t-item .t-header .t-arrow-down,
.t-panelbar .t-item .t-link-custom .t-arrow-down {
    transform: rotate(90deg);
}

.MenuAccSection .ResetList {
    padding: 5px 10px !important;
}

.MenuAccSection .ResetList:after, .MenuAccSection .ResetList:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.MenuAccSection .ResetList:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.MenuAccSection .ResetList:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
	border-width: 9px;
	margin-left: -9px;
}

.t-button, .t-formatted-value, .t-widget, .t-widget button, .t-widget input, .t-widget select {
    font-family: Arial, Helvetica, sans-serif !important;
}

.t-calendar.t-datepicker-calendar .t-link .t-icon {
    margin: 0;
}
.t-grid-pager.t-grid-bottom .t-pager>.t-link.t-state-hover {
    border: none;
    padding: 1px;
}

.t-grid-pager.t-grid-bottom .t-numeric .t-link.t-state-hover {
    background-color: #fff;
}

.t-grid-pager.t-grid-bottom .t-numeric .t-link, .t-grid-pager.t-grid-bottom .t-numeric .t-state-active {
    line-height: 24px;
    border-color: #ddd;
    width: 24px;
    text-align: center;
    margin: 0 3px;
    padding: 0;
    background-color: #ddd;
}

.t-grid-pager.t-grid-bottom .t-numeric .t-state-active {
    background-color: #fff;
}

.alert-text {
    color:red;
    font-style:italic;
}
fieldset legend {
    color: #51aab2;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 0 5px;
    display: inline-block;
    width: auto;
    border-bottom: none;
    font-weight: bold;
}

.vt-EditorPanel-1 .vt-control .editor-field input[type="text"] {
    width: 100%;
}

.text-box.multi-line {
    width: 100%;
}


.clperiod .ResetList, .clperiod .ResetList li {
    background-color: #017284;
}
.clperiod .ResetList li{
    height: 40px;
    padding-top: 5px;
}

.clperiod .ResetList li:first-child {
    border-radius: 5px 0 0 5px;
}
.clperiod .ResetList li:last-child {
    border-radius: 0 5px 5px 0;
}

.clperiod .ResetList li.Active, .clperiod .ResetList li:hover {
    background: #2b4a4f;
}

.item-selected {
    display: inline-block;
    border: 1px solid #D7D7D7;
    margin: 2px;
    margin-left: 10px;
    font-size: 12px;
}

#BannerDivNF .ChildMenuSectionList {
    padding: 0 !important;
}
#BannerDivNF .ChildMenuSectionList li {
    border-bottom: 1px solid #ccc;
    position: relative;
    height: 40px;
}
#BannerDivNF .ChildMenuSectionList li:last-child {
    border-bottom: none;
}
#BannerDivNF .ChildMenuSectionList li:hover {
    background: #BDEEF7;
}
.ButtonStyle1 {
    font-size: 14px;
    height: 0;
    padding: 0;
    border: none;
    text-transform: inherit;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    color: #fff;
}
.ButtonStyle1:hover, .ButtonStyle1.Active {
    font-size: 14px;
    height: 0;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    font-family: Arial;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.page-fullscreen .page-menu, .page-fullscreen .page-header, .page-fullscreen .footer {
    display: none !important;
}

.page-fullscreen .page-content > .row {
    margin: 0;
}

.page-fullscreen .page-content {
    margin: 0 !important;
    padding: 0 !important;
}

.panel-content-1 .vt-control {
    width: 49%;
}

.panel-content-2 .vt-control {
    width: 32%;
}

@media (max-width: 768px) {
    .panel-content-1 .vt-control {
        width: 100%;
    }
    .panel-content-2 .vt-control {
        width: 49%;
    }
}

#ClassChoiceID{
    line-height: 36px;
    background-color:#548bd4;
    height:40px; 
    cursor:pointer;
    width: auto;
    padding: 0 15px;
    border-radius: 5px;
    font-weight: bold;
}
/*END CUSTOM*/
/*window calendar*/
  .t-datepicker-calendar .t-header{
        background:none;
    }
    .t-datepicker-calendar .t-header .t-link{
        text-align:center;
    }
    .t-datepicker-calendar .t-content tr th,
     .t-datepicker-calendar .t-content tr td a{
        text-align:center;
    }
.t-datepicker-calendar {
    min-width:200px;
}
/*end window calendar*/

/*Confirm modal*/
div.t-window-content{
    padding: 15px;
    height: auto!important;
}
/*End confirm modal*/

.t-panelbar .t-link {
    background: #51aab2;
    color: white !important;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 6px;
}

.t-panelbar .t-header .t-icon {
    margin-top: 5px;
}
.t-widget.t-panelbar.t-reset .t-content {
    border: 0;
}
.InOutClassBoxChoiceID .btn.btn-bold.btn-primary, .NameSection .btn-group .btn.btn-bold.btn-primary {
    border-radius: 0;
    border: 0!important;
    text-align: left !important;
}
.InOutClassBoxChoiceID .btn-group, .NameSection .btn-group {
    border: 1px solid #dddddd;
    border-radius: 5px;
    min-width:100px;
}
.pupil-fault-editor-page-search .editor-label label {
    float: right;
}
.t-overlay {
    width: 100%!important;
}
.GeneralTable th {
    background: #51aab2;
    color: #fff;
    border-right: 0;
}
.GeneralTable td {
    border-right: 0;
    /* height: 50px; */
    border: 0;
    /* box-shadow: inset 0 -1px 0 0 #e6e6e6; */
    padding: 0 5px;
    overflow: hidden;
    max-width: 300px;
    vertical-align: middle;
}
.GeneralTable tbody tr:nth-child(odd) {
    /* background-color: #fff; */
}
.GeneralTable tbody tr:nth-child(even) {
    /* background-color: #F7F7F7; */
}
.GeneralTable tbody tr td:first-child {
    /* border-left: 1px solid #e6e6e6; */
}
html body .t-button {
    text-decoration: none;
    color: #fff ;
    font-size: 14px !important;
    margin: 0 !important;
}
.word-field table {
    padding: 5px;
    height: 200px;
    background: #f7f7f7;
}
.word-field table .t-editor-selectbox {
    border: 1px solid #8f8f8f;
}
.word-field table .t-editor-button .t-tool-icon {
    margin-top: 0;
    margin-bottom: 5px;
}
.word-field table .t-dropdown-wrap, .word-field table .t-editor-toolbar .t-colorpicker {
    background: #f7f7f7;

}
.word-field table .t-dropdown-wrap input {
    height: 32px;
}
.t-form-text-row label {
    width: 20%;
    color: #6c6c6c;
}
.t-form-checkbox-row label {
    color: #6c6c6c;
}
.t-form-text-row .t-input {
    width: 80%;
}

.tab-checkbox .custom-checkbox {
    width: 32%;
}

.t-editor-dialog .t-button-wrapper .t-dialog-insert, .t-editor-dialog .t-button-wrapper .t-dialog-insert:hover, .t-editor-dialog .t-button-wrapper .t-dialog-insert:focus  {
    color: #fff !important;
    background-color: #51aab2 !important;
    border-color: #51aab2 !important;
    border-radius: 100px;
    height: 32px;
    padding: 0 20px;
}
.t-editor-dialog .t-button-wrapper .t-dialog-close {
    background-color: #8f8f8f;
    color: white;
    height: 100px;
    background-image: none;
    padding: 8px 20px;
    border-radius: 15px;
}
 /*ke khung table co du lieu*/
.custom-table-border input[type="text"] , .custom-table-border input[type="text"]:focus{
    /*width: 40px;*/
    background: inherit;
    border: none;
    text-align:center;
}
.custom-table-border .txtInput2, .txtInputR, .txtInput5{
    text-align: center !important;
}
.custom-table-border .txtInputDes, .txtInput3 {
    text-align: left !important;
}
/* .custom-table-border .t-grid-content tr td {
    text-align:center;
} */
    /* .custom-table-border .t-grid-content tr td .text_markM,
    .custom-table-border .t-grid-content tr td .text_mark {
        text-align:center;
    } */
.custom-table-border .t-grid-content tr td{
    border:1px solid #e6e6e6;
    border-right:none;
    border-top:none;
}
.custom-table-border .t-grid-content table tr td table tbody tr td:first-child,
.custom-table-border .t-grid-content table tr td table tbody tr td:first-child:hover {
    border-left:none;
}
.custom-table-border table .t-grid-header th table tr td ,
.custom-table-border .t-header table tr td {
    border:none!important;
}
.custom-border-table table tbody tr td {
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;

}
.custom-input-border {
    max-width:40px!important;
}
 /*ke khung table co du lieu*/

.nav-img{
    width: 12px;
    margin-top: -5px;
    margin-right: 5px;
}
/*Listmenu Hồ Sơ */
.MenuSection {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 20px;
    background-position: -985px -1305px;
    display: block;
    cursor: pointer;
}

.MenuSectionList {
     width: 200px; 
     background-color: white;
     border-radius: 5px;
     border: 1px solid #D7D7D7;
}
.ResetList.MenuSectionList li{
     border-bottom: 1px solid #D7D7D7;
}
.ResetList.MenuSectionList {
    margin:0!important;
}
.MenuSectionList.Empl{
    right: -15px !important;
}

    .MenuSectionList li a {
        color: #06C;
        display: block;
        font-size: 12px;
    }

        .MenuSectionList li a:hover {
            background: none repeat scroll 0 0 #44AFC1;
            color: #333;
        }

        .MenuSectionList li a span {
            display: block;
            padding: 7px 0 7px 30px;
            color:black;
            text-decoration:none;
        }

            .MenuSectionList li a span.Item1 {
                background-position: 7px -1593px;
            }

            .MenuSectionList li a span.Item2 {
                background-position: 7px -1632px;
            }

            .MenuSectionList li a span.Item3 {
                background-position: 7px -1672px;
            }

            .MenuSectionList li a span.Item4 {
                background-position: 7px -1709px;
            }

            .MenuSectionList li a span.Item5 {
                background-position: 7px -1748px;
            }

            .MenuSectionList li a span.Item6 {
                background-position: 7px -1788px;
            }

            .MenuSectionList li a span.Item7 {
                background-position: 8px -1837px;
            }

            .MenuSectionList li a span.Item8 {
                background-position: 8px -1877px;
            }

            .MenuSectionList li a span.Item10 {
                background: url("/Content/images/menu/capnhatkhenthuong.png") no-repeat scroll left top rgba(0, 0, 0, 0);
                background-position: 8px;
            }
            .MenuSectionList li a span.Item11 {
                background: url("/Content/images/menu/capnhatkyluat.png") no-repeat scroll left top rgba(0, 0, 0, 0);
                background-position: 7px;
            }
/*end Listmenu Hồ Sơ */

.popup-background .t-window-content, .popup-background .GenaralInfoSection .HealthInSection, .popup-background .Sprite1 {
    background-color: #fbfcfd;
}
/*biểu đồ*/
#MonthlyGrowthChart .GIInSection .BoxMap .InfoPupil {
    background: none repeat scroll 0 0 #FFF;
    bottom: 30px;
    position: absolute;
    right: 1px;
    width: 255px;
    padding: 10px 10px 0;
}
/*Bieu do chieu cao*/
#MonthlyGrowthChart .GIInSection .BoxMap .InfoHPupil {
    background: none repeat scroll 0 0 #FFF;
    bottom: 65px;
    position: absolute;
    right: -30px;
    width: 255px;
    padding: 10px 10px 0;
}
/*end bieu do chieu cao*/

/*Bieu do can nang*/
#MonthlyGrowthChart .GIInSection .BoxMap .InfoWPupil {
    background: none repeat scroll 0 0 #FFF;
    bottom: -45px;
    position: absolute;
    right: -30px;
    width: 255px;
    padding: 10px 10px 0;
}
/*end Bieu do can nang*/
/* end biểu đồ*/

.timmerClass.ClassItem .t-picker-wrap .t-icon {
    margin-top: 6px;
}

/*Login*/
.login-section .custom-checkbox .checkmark {
    top: 3px;
}
/*End Login*/
.banner-page #privateNotificationDiv ul li img {
    position: absolute;
    top: 17px;
    left: 10px;
}
.banner-page #privateNotificationDiv ul li a {
    display: block;
    padding: 8px 30px;
    padding-right: 20px;
}

.editor-field#comboBoxMulti, .editor-field#comboBoxMultiCreate {
    border: 1px solid rgb(215, 215, 215);
    border-radius: 3px;
}
/*Version*/

.btn-version-1 {
    background-color: #35528f;
    border-color: #35528f;
}

.btn-version-1:hover,
.btn-version-1:active {
    background-color: #35528f;
    border-color: #35528f;
    color: #fff;
    opacity: 0.8;
}

.btn-version-2 {
    background-color: #4DAD70;
    border-color: #4DAD70;
}

.btn-version-2:hover,
.btn-version-2:active {
    background-color: #4DAD70;
    border-color: #4DAD70;
    color: #fff;
    opacity: 0.8;
}

.btn-version-3 {
    background-color: #097687;
    border-color: #097687;
}

.btn-version-3:hover,
.btn-version-3:active {
    background-color: #097687;
    border-color: #097687;
    color: #fff;
    opacity: 0.8;
}

.btn-version {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.panel .panel-heading {
    color: #fff;
    font-size: 14px;
}

.container-version .panel .panel-body ul li {
    padding-top: 10px;
}

.container-version .panel .panel-body ul li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
    color: #f00;
}

.container-version .panel-version-1 .panel-body ul li:before {
    color: #35528f;
}

.container-version .panel-version-2 .panel-body ul li:before {
    color: #4DAD70;
}

.container-version .panel-version-3 .panel-body ul li:before {
    color: #097687;
}

.panel .panel-body {
    min-height: 250px;
    position: relative;
}

.container-version {
    background-color: #F4F6F6;
    min-height: calc(100vh - 50px);
}

.container-version .panel .panel-body .btn {
    width: 120px;
}

.panel-version-1 {
    border: 1px solid #35528f;
}

.panel-version-1 .panel-heading {
    background-color: #35528f;
}

.panel-version-2 {
    border: 1px solid #4DAD70;
}

.panel-version-2 .panel-heading {
    background-color: #4DAD70;
}

.panel-version-3 {
    border: 1px solid #097687;
}

.panel-version-3 .panel-heading {
    background-color: #097687;
}

.container-version .footer, .footer.footer-fixed-bottom {
    margin-left: 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}
/*custom vt-control HSCB*/
.custom-infoEmpVtcontrol .editor-field {
    width:45%
}
.custom-infoEmpVtcontrol .editor-label {
    width:55%
}
.custom-editLabel .custom-checkbox{
    padding-right:0;
}
.custom-VTControl .editor-field {
    width:60%;
}
.custom-VTControl .editor-label {
    width:40%;
}
.edit-field-max .editor-field{
    width:100%;
}
.edit-label-min .editor-label{
    width:5%;
}
@media (max-width:769px) {
    .text-right-repon {
        text-align:right;
    }
#PanelBarCreateOrEdit .mg-chkbox .custom-checkbox,
#PanelBarCreateOrEdit .mg-chkbox .custom-radio-button  {
    margin-left:54%;
}
}

#WorkboxConfigDialog .t-window-content {
    min-height:300px;
}

#CreateFirstYearDataID .t-tabstrip-items {
    font-size:11px;
    font-weight:bold;
}

#CreateFirstYearDataID li.t-state-active {
    background-color: #f1f1f1!important;
}

#CreateFirstYearDataID .t-tabstrip-items a {
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
}

#ViewMessageDetail .t-window-content {
    min-height:380px;
    min-width:700px;
}

.icon-menu-3821 {
    position: relative;
}

.icon-menu-3821:before {
    content: "\f0f5";
    font-family: FontAwesome;
    left:1px;
    position:absolute;
    top:2px;
    color: #fff;
}

.icon-menu-3923 {  position: relative; }

  .icon-menu-3923:before {
        content: "\f0f5";
        font-family: FontAwesome;
        left: 1px;
        position: absolute;
        top: 2px;
        color: #fff;
    }

/*sua*/
.t-icon.t-edit, .t-icon.t-delete, .t-icon.t-vtEdit, .t-icon.t-vtDelete, .t-icon.icon-report, .t-icon.icon-info-eaten-group, .t-icon.t-export, .t-icon.t-vtExport {
    display:inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.t-icon.t-export, .t-icon.t-vtExport {
    width: 18px;
    height:18px;
    background-image: url(/Content/images/excel.png);
    margin: 0 !important;
}

.icon-trash, .t-icon.t-delete, .t-icon.t-vtDelete {
    width: 18px;
    height:18px;
    background-image: url(/Content/images/icon_trash.png);
    margin: 0 !important;
}
.icon-trash:hover, .t-icon.t-delete:hover, .t-icon.t-vtDelete:hover {
    background-image: url(/Content/images/icon_trash_hover.png);
}
.t-icon.icon-report {
    width: 18px;
    height:18px;
    background-image: url(/Content/images/report.png);
    margin: 0 !important;
}
.t-icon.icon-info-eaten-group {
    width: 18px;
    height:18px;
    background-image: url(/Content/images/info_eaten_group.png);
    margin: 0 !important;
}

.btn-icon-plus-new {
    background-image: url(/Content/images/icon_plus_new.png) !important;
}

.btn-icon-delete {
    background-image: url(/Content/images/icon_trash_new.png) !important;
}

.btn-icon-arrow-left {
    background-image: url(/Content/images/arrow_left.png) !important;
}

.btn-icon-arrow-right {
    background-image: url(/Content/images/arrow_right.png) !important;
}
.btn-delete:hover, .t-grid-vtDelete:hover, .t-grid-vtDelete-red:hover, .t-grid-vtViewDetail:hover, 

/*Version*/

.btn-version-1 {
    background-color: #35528f;
    border-color: #35528f;
}

.btn-version-1:hover,
.btn-version-1:active {
    background-color: #35528f;
    border-color: #35528f;
    color: #fff;
    opacity: 0.8;
}

.btn-version-2 {
    background-color: #4DAD70;
    border-color: #4DAD70;
}

.btn-version-2:hover,
.btn-version-2:active {
    background-color: #4DAD70;
    border-color: #4DAD70;
    color: #fff;
    opacity: 0.8;
}

.btn-version-3 {
    background-color: #097687;
    border-color: #097687;
}

.btn-version-3:hover,
.btn-version-3:active {
    background-color: #097687;
    border-color: #097687;
    color: #fff;
    opacity: 0.8;
}

.btn-version {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.panel .panel-heading {
    color: #fff;
    font-size: 14px;
}

.container-version .panel .panel-body ul li {
    padding-top: 10px;
}

.container-version .panel .panel-body ul li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
    color: #f00;
}

.container-version .panel-version-1 .panel-body ul li:before {
    color: #35528f;
}

.container-version .panel-version-2 .panel-body ul li:before {
    color: #4DAD70;
}

.container-version .panel-version-3 .panel-body ul li:before {
    color: #097687;
}

.panel .panel-body {
    min-height: 250px;
    position: relative;
}

.container-version {
    background-color: #F4F6F6;
    min-height: calc(100vh - 50px);
}

.container-version .panel .panel-body .btn {
    width: 120px;
}

.panel-version-1 {
    border: 1px solid #35528f;
}

.panel-version-1 .panel-heading {
    background-color: #35528f;
}

.panel-version-2 {
    border: 1px solid #4DAD70;
}

.panel-version-2 .panel-heading {
    background-color: #4DAD70;
}

.panel-version-3 {
    border: 1px solid #097687;
}

.panel-version-3 .panel-heading {
    background-color: #097687;
}

.container-version .footer {
    margin-left: 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}


/*Nutrition menu*/
.t-grid-vtDelete-red, .t-grid-vtViewDetail {
    border-radius: 20px;
    width: 60px !important;
    height: 35px !important;
}
.t-icon.t-vtDelete-red, .t-icon.t-vtViewDetail {
    display:inline-block;
    background-position: center !important;
    background-size: contain;
    vertical-align: middle !important;
    background-repeat: no-repeat;    
    width: 18px;
    height: 18px;
    margin: auto;
    margin-top: 6px !important;
}
.t-icon.t-vtDelete-red{
    background-image: url(/Content/images/nutrition/icon-delete-red.png);
}

.t-icon.t-vtViewDetail{
    background-image: url(/Content/images/nutrition/icon-detail.png);
}
.btn-icon-close-page {
    background-image: url(/Content/images/nutrition/icon-close.png) !important;
    background-repeat: no-repeat !important;
    color: #8f8f8f;
    border-color:#ddd;
    background-color: #ddd !important;
}
.btn-icon-close-page:hover {
    color: #8f8f8f !important;
    background-color: #ececec !important;
    border:1px solid #ddd !important;
}
.btn-icon-next-tab {
    background-image: url(/Content/images/nutrition/icon-next.png) !important;
    background-color: #aaa !important;
    border-color:#aaa;
}
.btn-icon-previous-tab {
    background-color: #aaa !important;
    border-color:#aaa;
    background-image: url(/Content/images/nutrition/icon-previous.png) !important;
}
.btn-icon-next-tab:hover , .btn-icon-previous-tab:hover {
    border:1px solid #bdbdbd !important;
    background-color: #bdbdbd !important;
}
.btn-icon-save-nutrition {
    background-image: url(/Content/images/nutrition/icon-save.png) !important;
    background-color: #2076bf !important;
    border-color:#2076bf;
}
.btn-icon-save-nutrition:hover {
    background-color: #59a8ea !important;
}
.btn-icon-excel-nutrition {
    background-image: url(/Content/images/nutrition/icon-excel.png) !important;
    background-color: #004400 !important;
    border-color: #004400 !important;
}
.btn-icon-excel-nutrition:hover {
    background-color: #006600 !important;
    border-color: #006600 !important;
}
.btn-icon-down {
    background-image: url(/Content/images/nutrition/icon-down.png) !important;
}
.btn-icon-plus-nutrition {
    background-color:transparent !important;
    background-image: url(/Content/images/nutrition/icon_plus.png) !important;
    background-size: 15px;
    color: #267cb2 !important;
    border: none;
    background-repeat:no-repeat !important;
}
.btn-icon-plus-nutrition:hover {
    background-color:transparent !important;
    color: #54b7f5 !important;
}
.btn-icon-copy {
    background-image: url(/Content/images/nutrition/icon-copy.png) !important;
}
/*End Nutrition menu*/


/*Nutrition eaten group*/
#eaten-group-list #add-eaten-group, #GridMeal #add-new-meal {
    color: #267cb2 !important;
}
/*End Nutrition eaten group*/

/*End Version*/
.icon-help {
    width: 20px;
    height: 20px;
    background-image: url(/Content/images/icon-help.jpg);
    cursor: pointer;
    position: relative;
    top:-8px;
}
div#my-div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 440px;
    height: 440px;
     /*  border: 1px solid #4da22d; */
     background: #b2ff786d;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    --border-radius: 220px;
    border-radius: 220px;
}
div#trong {
    width: 150px;
    height: 150px;
    border: 2px solid #4da22d;
    background: white;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    --border-radius: 75px;
    border-radius: 75px solid #4da22d;
}
 .dangnhap
{
    margin: 25px;
    background-color: #fff;
    padding-top: 40px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 25px 25px 25px 25px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-box-shadow: #222 0 4px 4px 4px;
    -moz-box-shadow: #222 0 4px 4px 4px;
    box-shadow: #222 0 1px 7px 0;
}