/* Your custom css code goes here */
/*<< short link >>*/
#shortlink{
    text-align: center;
    background-color: #ffffff;   
}
#shortlink .box{
    display: inline-block;    
    vertical-align: middle;
    width:110px;       
    padding:2px;
    margin-top:2px;
}
#shortlink .icon{
    text-align: center;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #4cd0f2;
    transition: all 0.5s ease-in-out;
}
#shortlink .icon i{
    color: #179BD7
}

#shortlink .icon:hover{
    border: 5px solid #179BD7;
    background: #179BD7
}
#shortlink .icon:hover i{
    color: #ffffff
}
#shortlink .symbol{
    position: absolute;
    top: 14px;
    left: 0;
    bottom: 0;
    right: 0;
    display: block
}
#shortlink .icon-box h4{
    text-transform: uppercase;
    font-weight: normal
}
.vn a{
    background-image: url(../img/vn.gif);   
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px !important;
    margin-right: 10px;
    width:55px;
}
.en a{
    background-image: url(../img/en.gif);
    padding-right: 0 !important;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px !important;      
    width:55px;
}

.fixposition { position:fixed; z-index:9999; width:100px; 
               margin-left:-10px; text-align:left !important; 
               font-size:25px !important;
               margin-top:200px; }
.fixposition ul li { background-color:#FFF !important;
                     box-shadow: 1px 3px 10px #ccc;
                     padding:5px 10px; width:50px; margin-top:5px; }
.fixposition ul li:hover { background-color:#1569a5 !important; color:#fff;}
.fixposition ul li:hover a{ color:#fff;}

#logo-metal { width:100%; text-align:right; cursor:pointer; background-color:#fff; }
#links { color:#0077C1; width:100%; display:none; vertical-align:top; }
#links li { background-color:#0D6799; list-style-position: inside; padding-left: 10px; margin-bottom: 1px; margin-left:-20px; }
#links, #links a { color:#c7f8f8;}
#links a:hover { text-decoration:underline;}
#links h3 {color:#45c9f9; font-size:18px; padding-left:20px;}
#close {cursor:pointer; width:100%; text-align:right; background-color:#fff; display:none;}
.linkFac {padding:10px; }
.menu { background-color:#2878b4;}


.section-padding { padding-bottom:0px !important;}


#phone { width:100%; vertical-align:top; }
#phone a:hover { text-decoration:underline;}
#phone h3 { margin-bottom:10px; font-size:18px; }
#phone ul li { list-style-position:outside; margin-left:-28px; }

.probootstrap-notices li { list-style-position:outside; margin-left:-25px; border-bottom:1px dotted #ddd;  }
.probootstrap-notices a { color:#fff;}
.probootstrap-notices h3 { color:#fff; padding:5px;}
.probootstrap-notices a:hover {text-decoration:underline;}
#scrollbar { height:350px;}

.paging { width:100%; text-align:center; }
.butnp { background-color:#fff; padding:5px 20px; margin:10px;}
.butnp:hover { background-color:#6a41ed; color:#fff;}
.img-responsive { width:100%;}

.icons { margin-top:0px;}
.future { background-image:url('../img/bgframe.jpg') !important; }
.clearfix {float:left; margin-right:20px; width:30%;}
.calendar-small{ background-color: #f3f3f3; float: left; display: block; margin-right: 15px; width: 65px; height: 65px; }   
.calendar-small .s-month{display: block; width: 65px;  height: 22px;  line-height: 22px;  font-weight: 600; text-align: center; color: #ffffff; background-color: #179BD7;}
.calendar-small .s-date{font-weight: 700;   width: 65px; height: 43px; line-height: 43px; text-align: center; display: block; }
.event-small-details{  overflow: hidden; text-align:left; }
.event-small-details h5{ margin-bottom: 5px; color:#fff !important;}
.itemnote li { list-style-type:none; padding:10px 20px; border-bottom:1px solid #ddd; min-height:80px;}
.txt {padding:2px 20px; border:1px solid #ddd; height:35px;}
.cmb {padding:2px 20px; border:1px solid #ddd; height:35px;}
#probootstrap-content img { max-width:100% !important; }
#probootstrap-content { text-align:justify; padding-right:20px; }
.view { color:#ddd;}
.titleimg { background-color:#ffffcc; min-height:30px; padding:5px 10px; border:1px solid #ffcc00; text-align:center; }
.pswp__button {z-index:99999;}
.gv td { padding:5px 10px; line-height:28px; border:1px solid #ddd;}
.gv th { text-align:center !important; border:1px solid #ddd;}

.root { margin-right:1px; padding-left:15px; border-left:1px solid #ddd;}

.fixsize { height:700px;}
.fixsize2 { height:700px;}

#frmfind { width:100%; height:100px; line-height:30px; text-align:right;}
#frmfind .txt { width:40%; background-color:#f7f7f7;}
#frmfind .cmb { width:25%; background-color:#f7f7f7;}
#frmfind .find { background:#fff url('../img/find.png') center no-repeat;  height:35px; border:1px solid #ddd; width:10%; padding:2px 20px; top:10px; position:relative; }

#frmfind .tip { display:none; width:90%; color:#ddd; text-align:right;}
#frmfind:hover .tip { display:block; position:absolute;}
.teacher { min-height:315px;}
.show { display:block;}
#imgBut {text-align:center;}
#imgBut h2{color:#004686 !important; background-color:#fff; opacity: 0.7;font-weight:500;}
#imgBut .imglink {width:32.5%; height:200px;}

.htqt { background:url('../img/htqt.jpg') no-repeat center;  float:left; }
.htqt:hover {opacity: 0.7;}
.thuvien { background:url('../img/thuvien.jpg') no-repeat center; float:left;  margin-left:1%;}
.thuvien:hover {opacity: 0.7;}
.nhakhoahoc { background:url('../img/nhakhoahoc.jpg') no-repeat center; float:left; margin-left:1%;}
.nhakhoahoc:hover {opacity: 0.7;}
.viewpic img { margin-bottom:4%; }

.student-head h2, .student-head { color:#fff; }
.viewAll { padding:5px 10px; border:1px solid #006699; }
.js-backtotop { padding:5px; background-color:#fff; position:fixed; bottom:50px; right:20px; box-shadow: 1px 3px 10px #ccc;}
.ev {background:url('../img/ev.jpg') center center;}
.eoff {background:url('../img/eoff.jpg') center center;}
.vbcc {background:url('../img/vbcc.png') center center;}
#shortlink .ev, #shortlink .eoff,#shortlink .vbcc {
    text-align: center;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #4cd0f2;
    transition: all 0.5s ease-in-out;
}