.ccstop{
   position:relative  ;

line-height: 30px;

text-decoration: none;
color: #5a5913;
float:left;
width :auto; 
font-weight:bold ;

}

.ccshide {
    display: none;
}
.txt_momhoc {
    font-weight: bold;
    font-size: medium;
    color: #004000;
}

.text-noidung
{
    
    font-size: 18px !important;
    font-family:Arial , Geneva, Verdana, sans-serif ;
    line-height:30px !important;
    text-align:justify ;
    padding:10px;
  
}
.text-ngay
{
    color:#989595;   
    font-size: 11px;  
    font-style :italic;  
    text-align:right  ;
   
  
}

#bogoc ,.bogoc{
    background:#f8f8f8;
    border:1px solid #c5c328;
    border-radius:4px;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px 5px 5px 5px;

}


#bogocsat ,.bogocsat{
    background:#f8f8f8;
    border:1px solid #c5c328;
    border-radius:4px;
    margin-top:1px;
    margin-bottom:1px;
    padding:1px 1px 1px 1px;

}
#kobogoc{
    background:#f8f8f8;
    border:1px solid #c5c328; 

    margin-top :5px;
    margin-bottom :5px;
    padding:5px 5px 5px 5px; 

}
#kobo{
    background:#f8f8f8;
    margin-top :1px;
    margin-bottom :1px;
    padding:1px 1px 1px 1px; 

}
.treeNode
        {
            padding:6px;
            color:#004000;
            font-size :16px;
            width: 100%;           
            
        }

 .treeNode:hover
         {
			padding:6px;
            color:#ff6a00;  
          font-size : 16px;
            width: 100%;
         
            
        }
    .treeNode:focus {
        padding: 6px;
        color: #e96109;
        background-color: #fffce6;
        font-size : 16px;
        width: 100%;
       
    }
     
        /****Giang duong***/
span.Hide{display:none;}td.lbl-DkHuy{text-align:right;}
div#Buoi{margin: 5px auto; width:50%;}
#mainHocphan{margin-top:-40px}
#dsGiangvien{margin-top:10px}
.panel-heading {
    padding:0;
}
.panel-default{
    margin-bottom:0;
    border-bottom:none;
}
li.thaoluan{
    padding-top:5px;
    list-style-image: url('/icon/User-Chat-icon.png');
}
a.trl{
    float:right;
    margin-top:4px;
    margin-right:4px;
}
span.nguoitrl{
    font-weight:bold;
}
.ccsbtn {
  display: inline-block;
  padding: 3px 6px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color :#ff6a00;
  border: 1px solid #c5c328;
  border-radius: 4px;
}
/*
-----------------------------------------------
////////////////////////STATIC HTML THEME////////////////////////////////////////////////////////////////////////////////////////
////////////////////////CODED BY : Mohammad Mustafa Ahmedzai////////////////////////////////////////////////////////////
/////////////////////// DOWNLOAD FROM: www.MyBloggerTricks.com  //////////////////////////////////////////////////
----------------------------------------------- */
span.Hide{display:none;}td.lbl-DkHuy{text-align:right;}
div#Buoi{
    margin:5px auto; width:50%
}
#mainHocphan{
    margin-top:-40px
}
/*.panel-heading {
    padding:0;
}
.panel-default{
    margin-bottom:0;
    border-bottom:none;
}
*/
.panelThaoluan:first-child{
    margin-top:10px
}
.panelThaoluan{
    margin-bottom:5px
}
.btn-dk{
    float:right;margin-top:-25px
}
.txtnguoigui{
    float:right;margin-bottom:-15px;margin-top:-15px;font-size:smaller;font-style:italic ;
}
.txtSearch{
    width:200px;display:inline;
}
.boxsearch{
    margin-top:-10px;margin-bottom:5px;margin-right:20px;float:right
}
.boxsearchdow{
    margin-top:5px;margin-bottom:-5px;margin-right:20px;float:right
}
.tieude-tailieu {
    padding-left: 10px;
    font-weight: bold;
    font-style: italic;
    font-size: medium;
    margin-top: 0px;
    margin-bottom: 10px;
}
.tieude-tailieu span:first-child{
    text-decoration:underline;color:#ff6a00;
    font-size:20px;
}
.tieude-diendan span:first-child{
    font-weight:bold;font-style:italic;font-size:medium;text-decoration:underline;color:#2f7cf6;
}

#DsGV{border-bottom:1px solid #cc9966}
#DsGV .DsGV{
    border-top:1px solid #cc9966;padding-top:10px;margin-bottom:5px
}
#box-decuong .box-decuong{
    padding:10px;padding-bottom:5px
}
#box-decuong{
    border:1px solid #c5c328;background:#ffffff
}
.footer-decuong{
    margin:5px;min-height:20px
}
.txt-ngay-decuong{
    float:right;
}
#dongcuoi, .dongcuoi {
    margin-bottom: 60px;
    margin-top: 60px;
}
#dongMobile, .dongMobile {
    margin-bottom: 20px;
    margin-top: 10px;
}

.tieude-decuong {
    font-size: large;
    color: #2c79f3;
    margin-top: 0px;
    font-weight: bolder;
    font-style: oblique
}
#mucdiendan{
    padding-left:15px;margin-top:-10px
}
#UpLoadTL,#DanhmucTL{
    padding:5px
}
.gridview{
    background-color:#DDD;padding:2px;margin:2% auto;}
.gridview a{
    margin:auto 1%;border-radius:50%;background-color:#ddd;padding:5px 10px 5px 10px;color:#fff;text-decoration:none;-o-box-shadow:1px 1px 1px #111;
    -moz-box-shadow:1px 1px 1px #111;-webkit-box-shadow:1px 1px 1px #111;box-shadow:1px 1px 1px #111;}
.gridview a:hover{
    background-color:#1e8d12;color:#fff;}
.gridview span{
    background-color:#ae2676;color:#fff;-o-box-shadow:1px 1px 1px #111;-moz-box-shadow:1px 1px 1px #111;-webkit-box-shadow:1px 1px 1px #111;box-shadow:1px 1px 1px #111;
    border-radius:50%;padding:5px 10px 5px 10px;}

.f-nav {
    margin:auto;z-index:1;position:fixed;top:0;width:100%;
    /*box-shadow:1px 2px 9px #B1B1B1*/ /* Menu scroll fix top */

}
/*ol#ctl00_ContentPlaceHolder1_Panel2{
    border:1px solid red;}
ol#ctl00_ContentPlaceHolder1_Panel2 li{
    margin:10px;text-indent:1px;width:auto;height:auto;display:normal;}*/
.txt-slide{
    padding:20px;margin:10px}
.home-slider .carousel-indicators .active{
    background-color:#DDD}


#login{
    margin-bottom:20px;
}
.fixedbutton {
    position:fixed;bottom:0px;right:0px;
}
.menuChinhs{
   
    background:#0a5ee4;
    font-size: 15px;
    font-family:'Cambria', Tahoma, Geneva, Verdana, sans-serif ;
    
    
}
.menuChinhs li
{
    padding-top:5px;
    line-height:50px;
    height:35px;
    color: #ffffff;
     font-size: 15px;
    font-family:'Cambria', Tahoma, Geneva, Verdana, sans-serif ;
    
}


#menuChinh li  a:hover{ color: #e0de95;background-color:#2f7cf6;
                        
              font-size: 15px;             

}
.menuChinhs li a:hover{

-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
text-shadow: none;
 padding-top:5px;
  height:35px;
background: #570202;
color: #ffffff;

}



.dropdown-menu>li>a
{
     color:#ffffff;
    
}
.dropdown-toggle>li>a
{
    
background: #999917;
color: #ffffff;
    
}
.dropdown-menu
{
   
   border: 1px solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #ffffff;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #ffffff;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #ffffff;
  border-left-style: solid;
  border-left-width: 1px;
}

.navbar-default .navbar-nav>li>a{
     color:#ffffff;
}




    @media screen and (max-width: 800px) {
        .carousel-caption {
            padding-bottom: 0;
            width: 100%;
            left: 0;
            opacity: 1;
            background-image: url('../../slide/bar.png');
            enable-background: accumulate;
        }

        .navbar-default {
            background-color: #004000;
            background-image: none;
            border-color: #989595;
            border-color: #989595;
            border-left: none;
            border-right: none;
            border-radius: initial;
            -moz-border-left: none;
            -moz-border-right: none;
            -webkit-border-left: none;
            -webkit-border-right: none;
            color: #ffffff;
        }

        #banner {
            display: none;
        }

        .ccsunhide5 {
            display: none;
        }

        .ccshide8 {
            display: none
        }

        .ccsmin_H {
            min-height: none;
        }

        .ccsmin_Hvb {
            min-height: none;
        }

        .ccsmax_H {
            max-height: none;
        }

        .ChieucaoVanBang {
            min-height: none;
        }
    }


    @media screen and (min-width: 780px) {
        .home-hide {
            display: none
        }
        .carousel-caption {
            padding-bottom: 0;
            width: 100%;
            left: 0;
            opacity: 1;
            background-image: url('../../slide/bar.png');
            enable-background: accumulate;
        }

        #index-hide a {
            display: inherit
        }

        .ccsunhide5 {
            display: none;
        }

        .ccsmin_H {
            min-height: 500px;
        }

        .ccsmin_Hvb {
            min-height: 400px;
        }

        .ccsmax_H {
            max-height: 500px;
        }

        .ChieucaoVanBang {
            min-height: 400px
        }
        .fixbutIn {
            position: fixed;
            top: 20px;
            left: 22px;
            background: #ffd800;
            padding: 20px;
            border-radius: 5px;
            /*  height: 47px;*/
        }

            .fixbutIn:hover {
                background: #ff6a00;
                border-radius: 15px;
            }

        .fixbutEx {
            position: fixed;
            top: 20px;
            left: 120px;
            background: #ffd800;
            padding: 20px;
            border-radius: 5px;
        }

            .fixbutEx:hover {
                background: #ff6a00;
                border-radius: 15px;
            }

    }

.tenHP {
    font-weight: bold;
    color: #004000;
    margin-top: 5px;
    padding-left: 30px;
    line-height: 30px;
    top: 0px;
    left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .tenHP a {
        color: #5a5913;
    }

        .tenHP a:hover {
            color: #ff6a00;
        }

.divChay {
    position: fixed;
    z-index: 11998;
    opacity: 0.7;
    top: 40%;
    left: 40%;
}

@media screen and (max-width: 500px) {
        .loginHinh {
            max-width: 90%;
            height: auto
        }

        .ccsunhide5 {
            display: block;
        }

        .ccshide5 {
            display: none
        }


        .navbar-default {
            background: #004000;
            border-color: #989595;
            border-color: #989595;
            border-left: none;
            border-right: none;
            border-radius: initial;
            -moz-border-left: none;
            -moz-border-right: none;
            -webkit-border-left: none;
            -webkit-border-right: none;
            color: #ffffff;
        }

        .dropdown-menu {
            border: 1px solid transparent;
            border-top-color: transparent;
            border-top-style: solid;
            border-top-width: 0px;
            border-right-color: #ffffff;
            border-right-style: solid;
            border-right-width: 0px;
            border-bottom-color: #ffffff;
            border-bottom-style: solid;
            border-bottom-width: 0px;
            border-left-color: #ffffff;
            border-left-style: solid;
            border-left-width: 0px;
            color: #ffffff;
        }


        #bogoc, .bogoc {
            background: #f8f8f8;
            border: 0.5px solid #3d9332;
            border-radius: 2px;
            margin-top: 2px;
            margin-bottom: 2px;
            padding: 2px 2px 2px 2px;
        }


        #divcuoi, .divcuoi {
            margin-bottom: 60px;
            padding-bottom: 5px;
        }

        .divChay {
            position: fixed;
            z-index: 11998;
            opacity: 0.7;                        
            top: 40%;
            left: 40%;

        }

        #Kobogoc, .Kobogoc {
            background: none;
            border: 0px solid #3d9332;
            border-radius: 2px;
            margin-top: 2px;
            margin-bottom: 2px;
            padding: 2px 2px 2px 2px;
        }

        .container {
            padding-right: 5px;
            padding-left: 5px;
            margin-right: auto;
            margin-left: auto;
        }

        .tieude-tb {
            /*background: url(/icon/tin.gif) no-repeat center  left   ;
    color:#004000;
    border-bottom:1px solid #DDD;margin-top:5px;padding:0px;padding-left:30px; line-height:30px;*/
            color: #004000;
            margin-right: 0px;
            border-bottom: 1px solid #DDD;
            margin-top: 5px;
            padding: 0px 0px 0px 5px;
            line-height: 20px;
        }

            .tieude-tb:hover {
                background-color: #fffce6;
                font-weight: bold;
            }

            .tieude-tb a {
                color: #5a5913;
            }

                .tieude-tb a:hover {
                    color: #2f7cf6;
                    font-weight: bold;
                }

        .textMobi {
            font-weight: bold;
            color: #004000;
            margin-top: 5px;
            padding-left: 20px;
            line-height: 40px;
            top: 0px;
            left: 0px;
            padding-right: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

            .textMobi a {
                color: #5a5913;
            }

                .textMobi a:hover {
                    color: #ff6a00;
                }



        .tieude-vtb {
            font-size: 25px;
            font-weight: bold;
        }

        .navbar-toggle_left {
            position: relative;
            float: left;
            padding: 0px 0px;
            margin-top: 2px;
            margin-left: 8px;
            margin-bottom: 0px;
            background-color: transparent;
            background-image: none;
            border: 1px solid transparent;
        }

            .navbar-toggle_left:hover a {
                -webkit-animation-name: pulse;
                -moz-animation-name: pulse;
                -o-animation-name: pulse;
                animation-name: pulse;
                /*animation:alternate ;
	-webkit-animation:alternate ;
	animation-duration: 500ms;
	-webkit-animation-duration: 2000ms;*/
            }

            .navbar-toggle_left:hover {
                -webkit-filter: saturate(3);
                -webkit-animation-name: pulse;
                -moz-animation-name: pulse;
                -o-animation-name: pulse;
                animation-name: pulse;
            }

        @-webkit-keyframes pulse {
            0% {
                -webkit-transform: scale(1);
            }

            50% {
                -webkit-transform: scale(1.1);
            }

            100% {
                -webkit-transform: scale(1);
            }
        }

        @-moz-keyframes pulse {
            0% {
                -moz-transform: scale(1);
            }

            50% {
                -moz-transform: scale(1.1);
            }

            100% {
                -moz-transform: scale(1);
            }
        }

        @-o-keyframes pulse {
            0% {
                -o-transform: scale(1);
            }

            50% {
                -o-transform: scale(1.1);
            }

            100% {
                -o-transform: scale(1);
            }
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.1);
            }

            100% {
                transform: scale(1);
            }
        }

    .fixbutIn {
        position: fixed;
        top: 20px;
        left: 22px;
        background: #ffd800;
        padding: 20px;
        border-radius: 5px;
        height: 47px;
    }

            .fixbutIn:hover {
                background: #ff6a00;
                border-radius: 15px;
            }

    .fixbutEx {
        position: fixed;
        top: 20px;
        left: 120px;
        background: #ffd800;
        padding: 20px;
        border-radius: 5px;
    }

            .fixbutEx:hover {
                background: #ff6a00;
                border-radius: 15px;
            }

        .fixhelp {
            position: fixed;
            width: 47px;
            top: 30%;
            right: 20px;
            text-align: right;
            z-index: 999
        }

        @media screen and (max-width: 500px) {
            .fixhelp {
                position: fixed;
                width: 100%;
                bottom: 10px;
                top: auto;
                height: 50px;
                right: 20px;
                text-align: right;
                z-index: 999
            }
        }
        /*MORPH*/

        .morph {
            background-color: #d4d0d0;
            margin-top: 5px;
            margin-bottom: 5px;
            border: 2px solid white;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .morph:hover {
                margin-top: 5px;
                margin-bottom: 5px;
                border: 5px solid #ffd800;
                border-radius: 50%;
            }

        .carousel-caption p {
            font-size: 21px;
            line-height: 1.4;
            color: #fbfe00;
            opacity: 1
        }

        .carousel-caption {
            padding-bottom: 0;
            width: 100%;
            left: 0;
            opacity: 1;
            background-image: url('../../slide/bar.png');
            enable-background: accumulate;
        }

        .carousel-indicators li {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 1px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #000 \9;
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid #fff;
            border-radius: 10px;
        }


        .carousel-indicators .active {
            width: 23px;
            height: 23px;
            margin: 0px;
            background-color: #ffd800;
        }
    }
.icon-dropdown .badge {
    position: absolute;
    top: 0px;
    right: 30px;
}
.icon-dropdown .badgeM {
    position: absolute;
    top: 0px;
    right: 10px;
}

.badge-danger {
    background-color: #F44336;
}
.badge-waning {
    background-color: #f7b924;
}
.top-right-nav {
    margin: 0;
    padding: 0;
    float: right;
    padding-right: 0px;
}
.ImgMenu {
    height: 50px;
    width:50px;
}
.imghover a:hover img {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}

@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .container_main {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container_main {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container_main {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container_main {
        width: 1370px;
    }

    @media (min-width: 1800px) {
        .container_main {
            width: 1770px;
        }
    }