@charset "utf-8";
/* CSS custom */
.sidebar-collapse .Submenu .sidebar-form { display:block}
.main-header .sidebar-toggle:before { font-size:20px}
.main-header .sidebar-toggle:after{content:"\e6c2"; display:none}
.sidebar-collapse .main-header .sidebar-toggle:after{content:"\e6c2"; display:block; font-size:20px}
.sidebar-collapse .main-header .sidebar-toggle:before{display:none}

.Menu-expand {padding: 15px 0px 5px 15px;}


.sidebar-menu .treeview-menu > li > a { padding:7px 10px;}
.Menu-expand { padding:11px 15px 3px 15px}
.Menu-expand a.pull-right { display:block; width:30px; text-align:center}
.Menu-expand .fa-navicon,.Menu-expand .ion-android-more-vertical { font-size:23px}
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {font-size: 17px;}
.submenuRight .col-xs-3 {padding-right:0px; padding-left:0px; margin:-15px 0px 0px 0px}

/*tree menu*/
.Submenu {box-shadow:1px 0px 2px rgba(0,0,0,0.3)}
.Submenu2 .tree {overflow:auto; height:350px; padding:0px}
.Submenu .boxfilter {margin:15px 15px 0px}
.Submenu h3 { margin:0px; padding:16px 15px 10px; font-size:14px; position:relative}
.Submenu .closeLink i{ font-size:30px;position: absolute;top: 10px;right: 15px;}
.tree { padding:10px 10px 0px;overflow:auto; height:80vh;}
.tree ul.dad { margin:0px; padding:0px}
.tree ul { padding-left:16px}
.tree li {list-style-type:none;margin:0;padding:10px 5px 0 5px;position:relative;display: block;width: 300px;float: left;}
.tree li::before, .tree li::after {
    content:'';
    left:-12px;
    position:absolute;
    right:auto
}
.tree li::before {
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    height: 1px;
	top: 19px;
	width: 11px;
}
.tree li span {
    display:inline-block;
    text-decoration:none; padding-right:7px;
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:18px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    color:#000
}
.tree li a { color:#333333}

.subLeftMenu { left:230px; width:300px;}
.sidebar-collapse .wrapper .Menu-expand a.pull-right { display:none}
.ShowMenu .col-xs-3 { display:block}
.ShowMenu .HideMenu { display:none}
.ShowMenu .col-xs-9 { width:100%}

.tree li a i { margin-right:5px}

ul.sidebar-menu li i { font-size:15px}
.main-footer .footer-logo { float:left; width:80px; margin-right:10px; padding-right:10px; border-right:1px solid #dcdcdc;}
.main-footer { font-size:12px}
.UserAvatar img { margin:0px auto; width:60px; float:left; margin-right:10px}
ul.menu li.UserAvatar { background:#E3E3E3; padding:5px 10px}
ul.menu li.UserAvatar div { padding-top:10px}
.ShowMenu .col-xs-9 .row { margin-left:-15px; padding-left:0px}
.form-inline .form-group,.form-inline .input-group { margin-right:5px}
.btn i {margin-right:5px}
.btn span.caret { margin-left:5px}

.pdtop15 {padding-top:15px;}
.margin-t-5 { margin-top:5px}
.pdtop25 {padding-top:25px;}

.pdtop5 {padding-top:5px;}
.pdtop10 {padding-top:10px;}
.pdleft10 {padding-left:10px;}
.mgleft10 {margin-left:10px;}
.btn-register,.btn-login {
display:block;
border-radius:2px;
-ms-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 1px 0 hsla(0,0%,100%,.5);
-o-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 1px 0 hsla(0,0%,100%,.5);
box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 1px 0 hsla(0,0%,100%,.5);
border:1px solid rgba(14,41,57,.2);
color:#455b67;
font-size:13px;
font-weight:700;
text-align:center;
padding:15px;
}

.btn-register span,.btn-login span {
text-decoration:underline;
}

.btn-login {
border:none;
box-shadow:none;
}

.footer-home {
position:relative;
bottom:0;
text-align:center;
padding:15px 0 20px;
}

.footer-home ul {
list-style:none;
margin:0;
padding:0;
}

.footer-home ul li {
display:inline-block;
}

.footer-home ul li a {
color:#252525;
padding:10px 20px;
}

label {
font-weight:400;
}
.captcha,.captcha2 {
position:relative;
}
.captcha img,.captcha2 img {
width:73px;
top:2px;
right:1px;
position:absolute;
border-radius:3px 0 0 3px;
}
.captcha2 img { top:9px}

.main-sidebar .user-panel {
background:rgba(0,0,0,0.1);
}
.bs-Select select {
height:34px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:linear-gradient(180deg,#fff,#fbfcfc);
width:100%;
position:relative;
padding:0 21px 0 10px;
border: 1px solid #dcdcdc;
}
.bs-Select:after,.bs-Select:before {
content:"";
position:absolute;
right:26px;
z-index:2;
display:block;
height:0;
width:0;
border:4px solid transparent;
border-left-width:3.5px;
border-right-width:3.5px;
}
.bs-Select:before {
top:50%;
margin-top:-6px;
border-bottom-color:#6f7c82;
border-top-width:0;
}
.bs-Select:after {
top:50%;
margin-top:2px;
border-bottom-width:0;
border-top-color:#6f7c82;
}
.no-padding-right {
padding-right:5px;
}
.no-padding-left {
padding-left:5px;
}
.datebirth input {
margin-right:-1px;
}
.box-form {
padding-left:15px;
padding-right:15px;
}
.box-form .box-header {
padding-left:0;
}
.secure-box { border:1px solid #dcdcdc; background:#ffffff; border-radius:3px; padding:10px;box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.secure-box .secure-cont { margin:10px -10px; background:#f7f9fa; border:1px solid rgba(79,168,47,.4); border-left:0px; border-right:0px; padding:7px 10px}
.secure-box .secure-cont .fa-check-circle { color:#4fa82f}
.tab-content-border { border:1px solid #ddd; border-top:none; padding:15px;}
.header-guide { padding:10px; background:#E7E7E7; border-bottom:1px solid #dcdcdc; border-top:1px solid #ffffff}
.listRole ul { margin:0px; padding:10px 0px 10px 15px}
.bankAccount { padding-left:45px; position:relative}
.bankAccount i { position:absolute; top:10px; left:10px}
.fillter { border:none}
.badge { font-weight:normal}
.line { border-bottom:1px solid #dcdcdc; display:block; height:5px; font-size:1px; margin-bottom:3px}
.subTitle { border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:20px}
.subTitle a i { vertical-align:middle}
.fh-350 { max-height:350px; overflow-y:auto}
.accordTitle { font-weight:bold; font-size:14px; padding:8px 10px}
.accordTitle input { vertical-align:middle; margin:0px 10px 0px 0px}
.Bank-options .box { margin-bottom:5px}
.two-col div { }
.two-col div:last-child { }
.fixW .input-group-addon { width:100px}
.list-group .input-group { margin-bottom:-1px}
.listRole label.check { padding-left:0px}
.noMg-bottom { margin-bottom:0}
.switch-btn { padding:20px 0px 10px; text-align:center;}
.switch-btn .btn { border-radius:15px; border:none; width:80px; text-align:center}
.compBox { background:#ffffff; border:1px solid #dcdcdc;}
.fixH350 { height:380px; overflow-y:scroll}
.compAnswer  { background:#f8f8f8; border-top:1px solid #dcdcdc; margin:0px -10px -10px; padding:10px}

.small-box h3 sup { font-size:15px; font-weight:normal}
dl.belance { border-bottom:1px solid #f4f4f4; padding-bottom:15px; margin-bottom:10px}
dl.belance:last-child { border-bottom:none; margin-bottom:0px}
dl.belance dt,dl.belance dd { padding-top:5px}
.allcap { text-transform:uppercase}
.keyCheckout dl { margin-bottom:3px}
.keyCheckout code { font-size:100%;padding: 2px 9px;border-radius: 10px;}
.keyCheckout dl:last-child { margin-bottom:10px}

.chosetime {}
.chosetime .timePick,.chosetime .typePick { float:left; margin-left:8px; height:32px}
.chosetime .typePick { width:150px}
.optsList input[type="radio"] { margin-right:8px}
.optsList input[type="email"] { margin-left:24px; margin-top:5px}

.fillter .md5 .input-group { width:19.3%; margin-bottom:4px; margin-top:4px}
.fillter .md6 .input-group { width:15.8%; margin-bottom:4px; margin-top:4px}
.fillter .md7 .input-group { width:14.8%; margin-bottom:4px; margin-top:4px}

.fixW150 {width:150px}
.wrapword{
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;}
.fillter label { margin-bottom:3px}
.fillter .searchbtn {display: inline-table;}
.fillter .searchbtn button, .fillter .searchbtn a {margin-top: 19px}
.border-bottom {border-bottom: 1px solid #dcdcdc; padding-bottom: 12px;}


.floatForm form > .form-group {
  position: relative;
  overflow: hidden;
}
.floatForm form input[type="email"],
.floatForm form input[type="tel"],
.floatForm form input[type="text"],
.floatForm form input[type="number"],
.floatForm form input[type="password"] 
	{
	width: 100%;
	border: 1px solid #d2d6de;
	background:#ffffff;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 8px 15px;
	outline: 0;
	height:inherit;
	border-radius:3px;
  }

.floatForm form .form-group { position:relative; overflow:hidden}
 .floatForm form input:valid[type="email"],
 .floatForm form input:valid[type="tel"],
 .floatForm form input:valid[type="text"],
 .floatForm form input:valid[type="number"],
 .floatForm form input:valid[type="password"] {
  background:none;
}

.floatForm form input:focus, form textarea:focus {
  border-color: #25b7ea;
}

.floatForm form label {
  position: absolute;
  color: #999;
  padding: 13px 15px 0px 13px;
  margin-bottom:0px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.floatForm form input:focus + label
{
  background:none;
  color:#367fa9;
  font-size: 11.5px;
  padding: 1px 15px;
  z-index: 1;
}
.floatForm form textarea {
  display: block;
  resize: vertical;
}

.floatForm form.go-bottom input,.floatForm form.go-bottom textarea {
  padding: 12px 12px 12px 12px;
}
form.go-bottom label {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.floatForm form.go-bottom input:focus {
  padding: 20px 6px 4px 13px;
}
.floatForm form.go-bottom input:focus + label, form.go-bottom textarea:focus + label {
  bottom: 100%;
  margin-top:0px;
  height:20px; line-height:20px;
}
.floatForm form .form-control-feedback { top:5px}