@import url('https://fonts.googleapis.com/css?family=Roboto:300&subset=latin-ext,vietnamese');
@import url("https://fonts.googleapis.com/css?family=Noto+Serif&subset=latin-ext,vietnamese");
/*header*/
header .col-left, header .col-right{
	padding-left: 0!important;
	padding-right: 0!important;
}
header .col-left{float: left;}
header .col-left a{display: block;}
header .icon-home, header .icon-face{
	float: right;
	text-align: center;
}
header .icon-home{padding-left: 0!important;}
header .icon-face{margin-left:60px;}
header .col-right{padding-top: 38px;float: right;}
header .col-right p{
	margin-top: 10px;
	color: #6f6f6f;
	font-size: 10px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 13px;
}
header .col-left img:nth-child(1){
	display: block;
}
header .col-left img:nth-child(2){
	display: none;
}
/*menu*/
.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important;
  animation: pulse 0.7s;
  background: #fff;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); }
  .affix .img-profile {
    display: none; }
  .affix .logo-none-text {
    display: block; }
#main-nav{
	padding-top: 10px;
	height: 42px;
}
#main-menu{
    display: block;
    right: 60px;
    float: right;
}
.sm-simple{
	border:none!important;
	box-shadow:none!important;
}
#main-menu li a
{
	color: #16579a;
	font-family: 'Noto Serif', serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 10px;
	text-transform: uppercase;
	padding:11px 37px;
}
.btn-primary {
    background-color: #fff;
    border-color: #fff;
}
.sub-arrow {display: none;}

#main-menu .sub-arrow:before {
    font-size: 17px;
    position: absolute;
    content: "\f107";
    font-family: FontAwesome;
    font-weight: bold;
    background-color: transparent;
    left: 11px;
    top: 6px;
}
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted{
	background: #fff!important;
}


/*FORM SEARCH*/
.search .searchbox-input{padding:1px 55px 0px 20px;}
#main-nav .container {position: relative;}
.search {
    width: 25px;
    right: 0;
    position: absolute;
    height: 25px;
}
.searchbox{
	right:0;
	top: -10px;
	display: block;
	position: relative;
	min-width: 40px;
	width: 0%;
	height: 42px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    width:100%;
    height:50px;
    margin:0;
    padding:0px 55px 0px 20px;
    font-size:20px;
    color:red;
}
.searchbox-input::-webkit-input-placeholder {
    color: #17559a;
}
.searchbox-input:-moz-placeholder {
    color: #17559a;
}
.searchbox-input::-moz-placeholder {
    color: #17559a;
}
.searchbox-input:-ms-input-placeholder {
    color: #17559a;
}
.searchbox-icon,
.searchbox-submit{
        width: 50px;
	    height: 50px;
	    display: block;
	    position: absolute;
	    top: -3px;
	    font-family: verdana;
	    font-size: 22px;
	    right: 0;
	    padding: 0;
	    margin: 0;
	    border: 0;
	    outline: 0;
	    line-height: 50px;
	    text-align: center;
	    cursor: pointer;
	    color: #dcddd8;
	    background: none;
}
.searchbox-open{
    width:100%;
    border-bottom: none!important;
    background: #fff;
}
input[type=search] {
    text-align: center;
    -webkit-appearance: none;
    color: #17559a;
}

/*banner-dn*/
#owl-demo .container{
	padding-left: 0!important;
	padding-right: 0!important;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.owl-nav{
	display: none;
}
.text-banner p a
{
	color: white;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 0!important;
}
.dang-tin-tuyen-dung,.dang-ky-tim-viec{
	padding-right: 0!important;
	padding-left: 0!important;
}
.dang-tin-tuyen-dung p,.dang-ky-tim-viec p{
	padding: 23px 10px;
	text-align: center;
}
.dang-tin-tuyen-dung p
{
	background-color: #0f5398;
}
.dang-ky-tim-viec p{
	background-color: #a1449a;
}
.dang-tin-tuyen-dung a:hover p,.dang-ky-tim-viec a:hover p{
	opacity: 0.7;
}
/*viec lam*/
.vieclam h4,#information h4{
	color: #414141;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	text-align:center;
	margin-top: 35px;
    margin-bottom: 30px;
}
/*tab*/
.effect-tranform-all:hover{
	display: inline-block;
    transition: .5s ease-in-out;
    transform: scale(1.1);
}
.effect-tranform{
	display: inline-block;
    transition: .5s ease-in-out;
}
.effect-tranform:hover{
    transform: scale(1.1);
}
.nav-tabs {
    border-bottom: none!important;
}
.tabs-left>.nav-tabs>li {
    float: none;
}
.tabs-left>.nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: left;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
	border: 1px solid #1c5599;
}
.nav-tabs>li>a:hover {
    border: 1px solid #1c5599;
    background: #fff;
}
.nav-tabs>li.active a:before,.nav-tabs>li:hover a:before
{
	content: "\f105";
	font-family: FontAwesome;
	color: #1c5599;
	padding-right: 15px;
}
.nav-tabs>li>a {
    border-radius: 0!important;
    text-align: right;
}
/*noi dung tab*/
.content-item.col-md-4{
    	padding-right: 0!important;
    }
.vieclam .content-item:nth-child(3n+1){clear: both;}
.vieclam .row{
	margin-right: 0!important;
	margin-left: 0!important;
}
.roto{
	font-family: 'Roboto', sans-serif;
}
.noto{
	font-family: 'Noto Serif', serif;
}
.vieclam li a{
	color: #6f6f6f;
	font-size: 17px;
	font-weight: 300;
	text-transform: uppercase;
}
.vieclam ul{
	width: 	20%;
}
.vieclam .tab-content{
    position: relative;
    width: 80%;
    top: 0;
    float: left;
}

.vieclam .content-item{
    float: left;
}
.vieclam .content-item{
    padding-left: 30px;
    margin-bottom: 15px;
}
.content-img{
	overflow: hidden;
}
.content-img img{
	width: 100%;
}
.content-text-vieclam,.item-info>p{margin-top: 15px;}
.content-text-vieclam a,.item-info>p>a
{
	color: #414141;
	font-size: 17px;
	font-weight: 400;
}
.content-text-vieclam a:hover,.item-info>p>a:hover,#scholarship ul>li>a:hover
{color: #1c5599;}
.vieclam .view-all{
	position: relative;
}
.vieclam .view-all p{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 45%;
    bottom: 0;
    text-align: center;
    color: #a1449a;
    font-weight: 300;
    text-transform: uppercase;
}
.vieclam .view-all p:nth-child(1){font-size: 15px;}
.vieclam .view-all p:nth-child(2){font-size: 18px;}
.view-all .material-icons
{
    position: absolute;
    color: #a1449a;
    font-size: 70px;
    transform: rotate(90deg);
    top: 25%;
    right: 0;
}
/*scroll menu fix*/
.affix{width: 100%!important;}
/*hoc bong*/
#scholarship h4{
	color: #414141;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom:35px;
}
#scholarship{
    background: url(../imgs/hoc-bong/bg-scholarship.png) 0 100% #f4f4f4 no-repeat;
}
.img-scholarship{
	width: 42%;
	float: left;
	overflow: hidden;
	text-align: center;
}
.img-scholarship img{
	padding-top: 35px;
	width: 100%;
	padding-bottom: 30px;
}
.text-scholarship h4{

}
.text-scholarship{
	padding-left: 50%;
}
.text-scholarship ul li{
	padding-left: 30px;
	background: url(../imgs/hoc-bong/icon-graducation.png) no-repeat;
	margin: 0;
}
#scholarship ul>li{padding-bottom: 30px;}
#scholarship ul>li>a
{
	color: #6f6f6f;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}
/*thong tin*/
#information{margin-bottom: 70px;}
#information .container{
	padding-left: 0!important;
	padding-right: 0!important;
}
/*ellipsis*/
.ellipsis3
{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
@media(max-width: 991px){
	header .col-right img{width: 40%;}
	header .icon-face {
    	margin-left: 15px;
	}
	/*tab*/
	.nav>li>a{padding: 10px 5px;}
	.nav-tabs>li>a{text-align: center!important;margin-right: 0!important;}
	.vieclam .tab-content{top: -117px!important;}
	.vieclam ul{
		width: 100%!important;
		float: left!important;
	}
	.tabs-left>.nav-tabs>li {
	    width: 33.333%;
	    float: left!important;
	}
	.vieclam .tab-content{
	    position: relative;
	    top: 15px!important;
	    width: 100%!important;
	    float: left;
	    left: 0!important;	
	}
	.vieclam .content-item {
    	padding-left: 15px!important;
    }
    .vieclam .tab-content .row{
    	margin-right: -15px!important;
    	margin-left:-15px!important;
    }
    .content-item.col-md-4{
    	padding-right: 15px!important;
    }

}
@media(max-width: 919px) {
	#main-nav{height: 100%;}
	.child-menu{max-width: 100%!important;}
    .sub-arrow {display: block;}
    .sm-simple a span.sub-arrow {
        background: none;
	    position: absolute;
	    top: 50%;
	    margin-top: -17px;
	    left: auto;
	    right: 0;
	    width: 34px;
	    height: 34px;
	    overflow: hidden;
	    font: bold 0px monospace !important;
	    text-align: center;
	    text-shadow: none;
    }
    .has-submenu.highlighted .sub-arrow:before {
        font-size: 17px;
        position: absolute;
        content: "\f106" !important;
        font-family: FontAwesome;
        font-weight: bold;
        background-color: transparent;
        left: 11px;
        top: 6px;
    }
    .navbar-toggle .icon-bar {background-color: #0f579b!important;}
	.navbar-header{width: 42px;}
	.search{top:10px;}
	#btn_menu{border:none!important;}
	#main-menu {
	    display: none;
	    float: left;
	    right: 0;
	    width: 100%;
	}
	#main-menu  li{width: 100%;}
	.sm li, .sm a {position: relative;}
}
@media(max-width: 767px){
	header .col-left{
		float: none;
	    max-width: 350px;
	    float: none;
	    margin: 0 auto;
	}
	header .col-right{display: none;}
	header .col-left img:nth-child(1){
		display: none;
	}
	header .col-left img:nth-child(2){
		width: 100%;
		display: block;
	}
	.navbar-header{
		margin-right: 0!important;
		margin-left: 0!important;
		width: 100%;
	}
	/*viec lam*/
	.content-img.view-all{display: block;}
	.nav-tabs>li>a{text-align: center!important;}
	.vieclam .tab-content {
	    width: 100%!important;
	    left: 0!important;
	    top: 15px!important;
	    float: left;
	}
	.vieclam .content-item {
    	padding-left: 0;
	}
	.tab-content .content-img{
		width: 50%!important;
		float:left;
	}
	.content-text-vieclam{
		padding-left: 15px;
	}
	.vieclam .tab-pane .content-item:last-child{
		margin-bottom: 30px;
	}
	.tabs-left>.nav-tabs>li {
	    width: 100%!important;
	    float: left!important;
	}
	.content-text-vieclam{
		margin-top: 0!important;
	}
	/*hoc bong*/
	.dang-tin-tuyen-dung, .dang-ky-tim-viec{
		width: 100%!important;
		float: left;
	}
	.img-scholarship,.text-scholarship{
		width: 100%!important;
		float:left;
	}
	.text-scholarship {padding-left: 0!important;}
	#scholarship h4{
		text-align: center;
	}
	.img-scholarship img{padding-bottom:0!important;}
	/*thong tin*/
	.item-info:nth-child(2n) {clear: both;}
	#information .item-info{margin-bottom: 15px;}
}
@media(max-width: 450px){
	#information .item-info{
		width: 100%!important;
	}
	.tab-content .content-img {
	    width: 100%!important;
	    float: left;
	}
	.content-text-vieclam{
	    margin-bottom: 15px;
    	padding-top: 15px!important;
	}
}

footer {
  color: #fff;
  background: #1c5599;
  font-size: 15px; }
  .footer a {
    color: #fff;
    text-decoration: none; }
    .footer a:hover {
      color: #83bcff; }
/* -----------------------------------
  * FOOTER
  * 1000 > x >691; 690>x>510; 509 
-------------------------------------- */
.footer .drop-accordion .panel-heading {
  margin-bottom: 0; }
.footer .drop-accordion .panel-body {
  padding: 0; }
@media (max-width: 1000px) {
  .footer .div-50 {
    height: 10px; } }
@media (max-width: 1000px) and (min-width: 691px) {
  .footer .address {
    width: 65%;
    float: left; }
  .footer .social-icons {
    width: 35%;
    float: left; }
    .footer .social-icons.mt-20 {
      margin-top: 0; } }
@media (max-width: 1000px) and (min-width: 870px) {
  .footer .f-item {
    float: left; }
    .footer .f-item:nth-of-type(1) {
      width: 100%; }
    .footer .f-item:nth-of-type(2) {
      width: 42%; }
    .footer .f-item:nth-of-type(3) {
      width: 20%; }
    .footer .f-item:nth-of-type(4) {
      width: 38%; } }
@media (max-width: 869px) and (min-width: 691px) {
  .footer .f-item {
    float: left; }
    .footer .f-item:nth-of-type(1) {
      width: 100%; }
    .footer .f-item:nth-of-type(2) {
      width: 35%; }
    .footer .f-item:nth-of-type(3) {
      width: 25%; }
    .footer .f-item:nth-of-type(4) {
      width: 40%; } }
@media (max-width: 690px) and (min-width: 510px) {
  .footer .f-item {
    float: left; }
    .footer .f-item:nth-of-type(1) {
      width: 60% !important; }
    .footer .f-item:nth-of-type(2) {
      width: 40%; }
    .footer .f-item:nth-of-type(3) {
      width: 40%;
      float: right;
      clear: both; }
      .footer .f-item:nth-of-type(3) .mt-10 {
        margin-top: 20px; }
    .footer .f-item:nth-of-type(4) {
      width: 60%; } }
@media (max-width: 509px) {
  .footer .f-item {
    float: left;
    width: 100%; } }

/* icon social*/
/*t╞░ vß║Ñn tuyß╗ân sinh + breadcrumb*/
.cl-fff {
  color: #fff; }

.cl-c7c7c7 {
  color: #c7c7c7; }

.cl-414141 {
  color: #414141; }

.cl-1c5599 {
  color: #1c5599; }

.cl-a14a9c {
  color: #a14a9c; }

.cl-6f6f6f {
  color: #6f6f6f; }

.bg-fff {
  background: #fff; }

.bg-f4f4f4 {
  background-color: #f4f4f4; }

.bg-1c5599 {
  background-color: #1c5599; }

.bg-transparent {
  background-color: transparent; }

a.cl-414141:hover,
a.cl-6f6f6f:hover {
  color: #0077d4; }

a.cl-a14a9c:hover {
  text-decoration: underline; }

.hvr-sweep-to-right:before {
  background: rgba(0, 119, 212, 0.4); }

/* typography */
.italic {
  font-style: italic; }

.uppercase {
  text-transform: uppercase; }

.txt-center {
  text-align: center; }


.txt-12 {
  font-size: 12px;
  line-height: 10px; }

.txt-13 {
  font-size: 13px; }

.txt-15 {
  font-size: 15px; }

.txt-17 {
  font-size: 17px;
  line-height: 26px; }

.txt-22 {
  font-size: 22px;
  line-height: 25px; }

.txt-menu {
  color: #1c5599;
  font-family: "Noto Serif", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 10px;
  text-transform: uppercase; }

.txt-head {
  font-family: "Noto Serif", serif;
  font-weight: 400; }
  .txt-head.txt-12 {
    font-size: 12px; }
  .txt-head.small {
    font-size: 18px; }
  .txt-head.medium {
    font-size: 20px; }
  .txt-head.medium-large {
    font-size: 22px;
    line-height: 33px; }
  .txt-head.large {
    font-size: 25px; }

.txt-title {
  font-family: "Noto Serif", serif;
  font-size: 17px;
  font-weight: 400; }

.widget .header {
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase; }
.widget .content.style-1 {
  font-size: 17px;
  font-weight: 300; }
.widget .content.style-2 {
  font-size: 17px;
  font-weight: 300;
  line-height: 35px;
  text-transform: uppercase; }
.widget .content.style-3 {
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  line-height: 35px; }

.txt-loadmore {
  font-size: 20px;
  font-weight: 300;
  font-style: italic; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }
@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }
@keyframes pulse {
  0% {
    opacity: 0; }
  25% {
    opacity: 0.25; }
  50% {
    opacity: 0.5; }
  75% {
    opacity: 0.75; }
  100% {
    opacity: 1; } }
@-webkit-keyframes slide {
  100% {
    left: 0; } }
@keyframes slide {
  100% {
    left: 0; } }

/* Accordions and Toggles
/*-------------------------------------------------------*/

.accordion .panel-default > .panel-heading {
    position: relative;
    background-color: transparent;
    padding: 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
}
.accordion.panel-group .panel {
    background-color: #1c5599;
    border: none;
    box-shadow: none;
    margin-top: 7px;
}
.accordion.panel-group .panel::first-child {
    margin-top: 0;
}
.accordion .panel-default > .panel-heading > a.minus {
    color: #fff;
}
.accordion .panel-heading > a > span {
    display: block;
    width: 13px;
    height: 1px;
    background-color: #fff;
    right: 18px;
    top: 22px;
    position: absolute;
}
.accordion .panel-heading > a.plus > span {
    background-color: #fff;
}
.accordion .panel-heading > a.plus > span:after {
    content: "";
    display: block;
    width: 13px;
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #fff;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.panel-content p {
    margin-bottom: 0;
}
.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-content {
    border: 1px solid transparent;
    border-top-color: transparent;
    padding: 4px 0 0 0;
    line-height: 24px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.accordion .panel-default > .panel-heading > a,
.toggle > .acc-panel > a {
    display: block;
    position: relative;
    text-decoration: none;
    padding: 12px 0 2px 0;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accordion .panel-default > .panel-heading > a:hover,
.toggle > .acc-panel > a:hover {
    color: #0077d4;
}
.accordion .panel-default > .panel-heading:hover a,
.toggle > .acc-panel > a.active {
    color: #0077d4;
}
.toggle > .acc-panel > a {
    border-bottom: 1px solid transparent;
    padding: 13px 0;
}
.toggle > .acc-panel > a:after {
    font-family: "themify";
    position: absolute;
    content: "\e64b";
    right: 0;
    color: #fff;
    font-size: 14px;
}
.toggle > .acc-panel > a.active:after {
    content: "\e648";
    color: #fff;
}
.toggle .panel-content {
    padding: 20px 0 10px;
    border: none;
}
/*-------------------------------------------------------*/
/* Social Icons
/*-------------------------------------------------------*/

.social-icons a {
    margin: 0 15px 6px 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: transparent;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.social-icons a:last-child {
    margin-right: 0;
}
.social-icons:not(.colored) a:hover {
    background-color: #0077d4 !important;
    color: #fff !important;
}
.social-icons.dark a {
    background-color: #23252a;
    color: #fff;
}
.social-icons.blue a {
    background-color: #0077d4;
    color: #fff;
}
.social-icons.large a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.social-icons.transparent a {
    background-color: transparent;
    color: #fff;
}
.rounded a {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.square a {
    -webkit-border-radius: 0%;
    border-radius: 0%;
}
.social-icons.colored a {
    color: #fff;
}
.social-icons.colored a:hover {
    opacity: 0.9;
}
.colored .social-twitter {
    background-color: #00acee;
}
.colored .social-facebook {
    background-color: #3b5998;
}
.colored .social-google-plus {
    background-color: #dd4b39;
}
.colored .social-linkedin {
    background-color: #0e76a8;
}
.colored .social-vimeo {
    background-color: #1ab7ea;
}
.colored .social-youtube {
    background-color: #c4302b;
}
.colored .social-instagram {
    background-color: #3f729b;
}
.colored .social-pinterest {
    background-color: #c8232c;
}
.colored .social-rss {
    background-color: #f26522;
}
.colored .social-dribbble {
    background-color: #ea4c89;
}
.colored .social-skype {
    background-color: #00aff0;
}
.colored .social-soundcloud {
    background-color: #ff3300;
}
.colored .social-vk {
    background-color: #45668e;
}
.colored .social-delicious {
    background-color: #3399ff;
}
.colored .social-android {
    background-color: #a4c639;
}
.colored .social-digg {
    background-color: #000000;
}
.colored .social-reddit {
    background-color: #ff4500;
}
.colored .social-dropbox {
    background-color: #007ee5;
}
.colored .social-odnoklassniki {
    background-color: #ed812b;
}
.colored .social-github {
    background-color: #4183c4;
}
.colored .social-flickr {
    background-color: #ff0084;
}
.colored .social-lastfm {
    background-color: #d51007;
}
.colored .social-email {
    background-color: #242424;
}
.social-twitter:hover {
    background-color: #fff !important;
    color: #00acee !important;
}
.social-facebook:hover {
    background-color: #fff !important;
    color: #3b5998 !important;
}
.social-google-plus:hover {
    background-color: #fff !important;
    color: #dd4b39 !important;
}
.social-youtube:hover {
    background-color: #fff !important;
    color: #c4302b !important;
}
.footer {
    color: #fff;
    background: #1c5599;
    font-size: 15px;
    width: 100%;
    float: left;
}
.footer a {
    color: #fff;
    text-decoration: none;
}
.footer a:hover {
    color: #0077d4;
}
.leaf-ui .drop-accordion .panel-heading,
.circlus-ui .drop-accordion .panel-heading {
  border-radius: 4px; }

.circlus-ui .drop-accordion .panel-body,
.leaf-ui .drop-accordion .panel-body {
  border-radius: 4px; }

.panel-title.left .expand-icon-wrap {
  left: 0; }
.panel-title.left a {
  padding: 5px 10px 5px 40px;
  text-decoration: none; }
.panel-title.left .expand-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #7a7a7a; }
.panel-title.left .mdi {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #7a7a7a;
  display: block;
  font-size: 16px; }
.panel-title.right .expand-icon-wrap {
  right: 0;
  top: 8px;
  color: #fff; }
.panel-title.right a {
  padding: 10px 50px 10px 0; }
.panel-title.right .expand-icon {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #0077d4;
  background-color: #0077d4; }
.panel-title.right .mdi {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #0077d4;
  background-color: #0077d4;
  display: block;
  font-size: 15px; }
.panel-title a {
  display: block;
  position: relative;
  color: #6f6f6f; }
.panel-title .expand-icon-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 12px;
  line-height: 30px;
  color: #7a7a7a; }
.panel-title .expand-icon {
  border-radius: 50%;
  vertical-align: middle;
  text-align: center; }
  .panel-title .expand-icon:before {
    content: "\f067"; }
.panel-title .mdi {
  border-radius: 50%;
  vertical-align: middle;
  text-align: center; }
  .panel-title .mdi.mdi-minus {
    display: none; }
  .panel-title .mdi.mdi-add {
    display: block; }

.panel-body-icon {
  width: 75px;
  float: left;
  padding: 10px; }
  .panel-body-icon i {
    font-size: 45px;
    color: #03C6FE; }

.tab-collapsed a {
  color: #16579a;
  text-decoration: none; }
.tab-collapsed .right .expand-icon-wrap {
  color: #fff; }
.tab-collapsed .right .expand-icon {
  background-color: #0077d4; }
.tab-collapsed .left .expand-icon-wrap {
  color: #fff; }
.tab-collapsed .left .expand-icon {
  background-color: #1c5599; }
.tab-collapsed .left .mdi {
  background-color: #1c5599;
  border-color: #1c5599; }
.tab-collapsed .expand-icon:before {
  content: "\f068"; }
.tab-collapsed .mdi.mdi-minus {
  display: block; }
.tab-collapsed .mdi.mdi-plus {
  display: none; }

.bg-1c5599 {
  background-color: #1c5599; }
