.img-preview {
	max-width:100px;
	/*max-height:30px;*/
}

.img-preview2 {
	max-width:100px;
	max-height:60px;
}

.img-preview3 {
    max-width:100px;
    max-height:100px;
}

#remove_btn {
    display: none;
}

.banner-preview {
    max-width: 100%;
}

.profile-user-img2 {
    border: 3px solid #d2d6de;
    margin: 0 auto;
    padding: 3px;
    width: auto;
    height: 300px;
}

.modal-xl {
    max-width: 1140px;
    width:auto;
}

.paginate_button {
    padding:3px !important;
}

.title {
    font-size:14pt;
    text-align:center;
    color:blue;
    margin-bottom:10px;
}

.login-box {
    margin: 3% auto;
}

.login-box2 {
    margin:3% auto;
    width:340px;
    padding:10px;
}
.login-box2 p {
    font-size:1.1em;
}
.pull-right-container1 {
    position: absolute;
    top:5px;
    right:25px;
}

input, label {vertical-align:middle}
.qrcode-text {padding-right:1.7em; margin-right:0}
.qrcode-text-btn {display:inline-block; background:url(//dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg) 50% 50% no-repeat; height:1em; width:1.7em; margin-left:-2em; cursor:pointer}
.qrcode-text-btn > input[type=file] {position:absolute; overflow:hidden; width:1px; height:1px; opacity:0}
.right-aligned-cell {text-align:right;}

#navbar-collapse {
    margin:16px auto;
    color:#fff;
    float:right;
}
.treeview-menu > li.active {
    background:darkorange;
}
.treeview-menu > li.active a span{
    color:#000;
}
@media (max-width: 767px) {
    #navbar-collapse {
       margin: -32px auto;      
       text-align: center;
       float:none;
    }  
}