.select-j .content ul li a span {
    display: block;
    position: relative;
    padding-left: 25px;
}
.select-j .content ul li a span:before{
    font-family: fontAwesome;
    position: absolute;
    left:0;
    top: 50%;
    color: #0053a0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 26px;
}

.boxMember .birthday .row{
    margin-left: -5px;
    margin-right: -5px;
}
.boxMember .birthday .row *[class^="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}
.boxMember .birthday select {
    text-align: center;
    text-align-last: center;
}

.boxMember button.btn:hover {
    color: #ffffff !important;
    background: #333333;
}
.formLogin .checkbox label {
    display: inline-block;
}

.mess-complete , .box_announce {
    margin: 0 auto;
    padding: 30px;
    background: #ffffff;
    border: solid 1px rgba(0,0,0,0.15);
}

.changeAvatar {
    position: relative
}
.changeAvatar .img {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.changeAvatar .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}

.profile-avatar-changer{position: relative}
.profile-avatar-changer input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block;
}


.user-avatar-uploading-container{background-color:rgba(0,0,0,.5);height:100%;width:100%;position:absolute;display:none;border-radius:50%}
.user-avatar-uploading-progress{color:#fff;font-size:30px;text-align:center;width:100%;position:absolute;display:none}
.user-avatar-uploading-progress .ball-pulse{display:block;margin:60px auto;float:none;line-height:0}
.user-avatar-uploading-progress .ball-pulse>div{background-color:#dcdcdc}
.user-cover-uploading-container{position:absolute;width:100%;height:100%;opacity:.6;background-color:rgba(0,0,0,.7);display:none}
.user-cover-uploading-progress{color:#fff;width:100%;position:absolute;z-index:2;display:none;background-color:rgba(0,0,0,.23);height:100%}

.ball-pulse{float:left;line-height:30px;margin-left:10px;display:none}
.ball-pulse>div{background-color:#3a3c3f;border-radius:100%;margin:0 1px;display:inline-block;width:8px;height:8px;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.ball-pulse>div:nth-child(1){-webkit-animation:scale-pulse .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale-pulse .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}
.ball-pulse>div:nth-child(2){-webkit-animation:scale-pulse .75s -.15s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale-pulse .75s -.15s infinite cubic-bezier(.2,.68,.18,1.08)}
.ball-pulse>div:nth-child(3){-webkit-animation:scale-pulse .75s -.11s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale-pulse .75s -.11s infinite cubic-bezier(.2,.68,.18,1.08)}
@-webkit-keyframes scale-pulse {
    0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
    45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}
}
@keyframes scale-pulse {
    0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
    45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}
}


/*Popup*/
.divPopup { padding:15px;}


.popup-avatar {}
.popup-avatar .div-preview  { margin-right:20px; width:180px;}


.preview_container{
    width:180px;
    height:180px;
    overflow:hidden;
}

#cropattrform img { max-width:none !important;}

.CropImage {  width:500px; margin:0px auto; }
.image_container { margin-bottom:5px;  }

.popup-avatar .div-upload {width:500px; font-size:12px;}
.popup-avatar .div-upload h3 { margin-bottom:5px; font-size:14px;}

.popup-avatar .div-upload #span_image_action { margin:10px 0px;}
.popup-avatar .div-upload #inform-main { margin-bottom:10px;}
.popup-avatar .div-upload .div-button { text-align:center;}

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


/*----------- Browse -------------*/
.input-file {position:relative; max-width: 500px}
.input-file .file-label{
    float:right; white-space:nowrap; position:relative; z-index:1; left:0; top:0; overflow:hidden;
    width:100px;
    background:#00397c;
    color: #FFFFFF;
    line-height:34px;
    height:34px;
    text-align:center;
    font-size:14px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

.input-file-no-path .file-label{
    float:left;
}
.input-file .file-label span{ display:inline;  color: #fff ;  -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0; }
.input-file .file-label input{ width:auto; position:absolute; right:0; top:0; border:none; font-size:11px; line-height:12px; opacity:0; zoom:1; filter:alpha(opacity=0); cursor:pointer; font-weight: normal; color: #333333; height:34px;
   }
.input-file var{ display:block;   position:relative; overflow:hidden; border:solid 1px #d6d6d6; height:34px; line-height:34px; font-size:14px;}

.input-file-no-path .label{   }
.input-file var input{ display:block; width:100%; position:absolute; padding:0; border:none; font-size:14px; color:#333333; top:0; left:0;  height:100%;  font-weight: normal; background-color: #FFFFFF; text-indent: 40px; }

.input-file.file-attach .text-file { }
.input-file.file-attach .delete {
    position:absolute;
    left:1px ;
    top:1px;
    width:32px;
    height:32px;
}
#upload_result{ padding-top:5px;}
.upload_result { padding-top:10px; font-weight: bold}


.row_input #p_name.form-control {
    height: 100px;
}




.list_pic_old{}

.list_pic_old .pic_item{
    float:left;
    margin : 5px 10px 5px 0px;
    position:relative;
    border:#ccc solid 1px;
    padding:2px;
    width: 150px;
}
.list_pic_old .pic_item .img {
    position: relative;
    overflow: hidden;
    margin-bottom: 4px;
}
.list_pic_old .pic_item img {
    max-width: 100% ;
    width: 100% !important;
    height: auto !important;
}
.list_pic_old .pic_item .remove{
    background:url(../images/remove.png) no-repeat right top;
    width:18px;
    height:18px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    z-index: 10;
}

.list_pic_old .pic_item {
    background: #fafafa;
}
.list_pic_old .pic_item .name {
    padding: 30px 10px 0px ;
    font-weight: bold;
}
.list_pic_old .pic_item .name a { color: #dd0000 ; margin-left:5px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.list_pic_old .pic_item .fileInfo {
    padding: 5px 10px;
}




.div-browse { position:relative;}
.list_pic_up{
    border:1px solid #c8c8c8;
    background:#ffffff;
    color:#333333;
    font-size:12px;
    min-height:22px;
    margin-right:80px;
}
.list_pic_up .pic_up{
    position:relative;
    border-top:1px solid #b9c6d5;
    padding:2px 10px;
}
.list_pic_up .pic_up:first-child { border-top:none;}
.list_pic_up .pic_up .remove{
    background:url(../images/remove.png) no-repeat right top;
    width:18px;
    height:18px;
    display:inline-block;
}

.list_pic_old .pic_item::after {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 30px;
    height: 30px;
    background: #ffffff;
    border: 1px solid #cccccc;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #333333;
    content: ''attr(data_count)'';
}


#list_pic_detail .pic_item .pic-default {
    display: block;
    padding-top: 2px;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}




/*Popup*/

.wrap_popup{
    max-width: 630px;
}
.wrap_popup2{
    max-width: 430px;
}
.wrap_popup .popup_title{
    font-size: 18px;
    line-height: 25px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    background: #3fa2ff;
    color: #ffffff;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}
.wrap_popup .the_info{
    padding: 30px;
    min-width: 430px;
}
@media screen and (max-width: 700px){
    .wrap_popup .the_info{
        padding: 20px;
    }
}
@media screen and (max-width: 450px){
    .wrap_popup .the_info{
        padding: 20px;
        min-width: auto;
    }
}



.list-groups.has_item {
    border-bottom: 1px solid #cccccc;
}

.row_input button.btn {
    padding: 10px 20px;
}



.mask{ position: fixed;width: 100%;height: 100%;background: #000;left: 0px;top: 0px;z-index: 10000;
    /* For IE 5.5 - 7*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
    /* For IE 8*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		filter: alpha(opacity=50);*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity:0.5;
    -moz-opacity: 0.5;
}
.waiting{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 10001;}
.waiting img{position: absolute;left: 50%;top: 50%;width: 32px;height: 32px;border: none;}
#waiting{ visibility: hidden;}


.filter_product .node .node-title .node-choose {
    vertical-align: middle;
}
.content-link ul li.active {
    background: #00397c;
    color: #ffffff;
}
.content-link ul li.active a {color: #ffffff;}

.node-choose .click_title {
    display: inline-block;
    max-width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align:bottom;
}


.text-status {}
.text-status.status1 { color: #ec00d3}
.text-status.status2 { color: #006fec}
.text-status.status3 { color: #ff6c00}
.text-status.status4 { color: #018201}
.text-status.status5 { color: #333333}
.text-status.status6 { color: #dd0000}



.row-input {
    margin-bottom: 10px;
    position: relative;
}
.row-input label {
    margin: 5px 0;
    font-weight: normal;
}
.row-input label span { color: #ff0000}
.row-input .btn-group.bootstrap-select {
    width: 100% !important;
}
.row-input button.btn {
    height: 40px;
}

.bootstrap-select .dropdown-menu {
    max-height: 300px !important;
}

.link_edit a {display: block; margin-bottom: 5px;}

.box_post_item .edit_button {
    right: 40px !important;
}
.box_post_item  .order_button {
    width: 18px !important;
}
.box_post_item  .order_button a.link_move {
    font-size: 16px !important;
}



.likeManager .item .tend a em {
    font-weight: normal;
    color: #666666;
}