.zg-table tr {
	display: block;
	float: left;
	width: 33.33%;
}
.zg-table td {
	display: block;
	width: 100%;
}
.image-invoice .file-preview-frame {
	width: 100%;
	margin: 0;
}
.client-profile-box4 .file-preview-frame {
	height: 100px;
}
.file-preview-frame .kv-file-content {
    height: auto !important;
}
.image-invoice .file-footer-caption,
.image-invoice .file-upload-indicator {
	display: none;
}
.image-invoice .glyphicon,
.data-invoice .glyphicon,
.client-profile-box3 .glyphicon,
.client-profile-box4 .glyphicon,
.client-profile-update-box2 .glyphicon,
.client-profile-update-box4 .glyphicon {
	margin: 0;
}
.image-invoice .glyphicon.glyphicon-zoom-in {
	margin: 4px;
}
.image-invoice .file-actions {
	margin-top: 8px;
}

.data-invoice .intl-tel-input,
.client-profile-box3 .phone .intl-tel-input,
.staff-profile-box2 .intl-tel-input,
.staff-profile-box3 .intl-tel-input,
.client-profile-update-box2 .intl-tel-input {
	width: 100%;
	border: solid 1px #ccc;
}
.data-invoice .intl-tel-input input,
.client-profile-box3 .phone .intl-tel-input input,
.staff-profile-box3 .intl-tel-input input,
.client-profile-update-box2 .intl-tel-input input {
	width: 100%;
	height: 34px;
	border-style: none;
}
.data-invoice span#select2-ziinvoice-client_id-container {
	margin:0;
}
.client-profile-box2 textarea {
	height: 182px;
}
.staff-profile-box2 textarea,
.client-profile2-box2 textarea,
.client-profile-update-box3 textarea {
	height: 108px;
}
.staff-profile-box4 textarea {
	height: 134px;
}
.client-profile-box4 .file-preview-frame {
	height: auto;
}
.client-profile-box4 .file-preview-frame img {
	height: 150px;
}
.table-client-profile img {
    position: relative;
    display: table;
    margin: 8px;
    height: 100px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px 0 #a2958a;
    padding: 6px;
    float: left;
    text-align: center;
    vertical-align: middle;
}
.client-profile-update-box1 input,
.client-profile-update-box2 date,
.client-profile-update-box2 input {
	height: 36px;
}
.login-page {
	background: url(../../upload/bg.jpg) no-repeat center center fixed; 
	background-size: cover;
}
.site-login.col-md-12 {
	background-color: rgba(0, 0, 0, 0.4);
}
.welcome {
	font-size: 52px;
	color: #fff;
	text-align: center;
	margin-top: 45vh;
}
.login-box {
	background-color: #f4f6f9;
	min-height: 566px;
    height: 100vh;
	/* padding: 0 20% 0 10%; */
	margin: 0;
	width: auto;
}
.login-box-msg {
    font-size: 20px;
    text-align: left;
    padding: 0 0 20px 0;
}
.login-box-body {
	background: #fff;
	max-width: 380px;
	margin:0 auto;
	padding: 1.25rem;
	border-radius: 0.25rem;
	border: 1px solid rgb(216,221,230);
	color: rgb(22,50,92);
	
}
.login-box .login-logo {
    margin:0;
}
.login-logo img {
    width: 230px;
    margin: 0px;
    padding: 25px 0px;
}
.login-box .copyright {
    position: absolute;
    bottom: 0;
    padding: 20px;
        width: 100%;
    text-align: center;
}
.login-box .reset {
    text-align: center;
}
.add-customer-image {
    width: 100%;
}
@media screen and (max-width: 1200px) {
	.zg-table tr {
		width: 50%;
	}
}
@media screen and (max-width: 1024px) {
	.zg-table tr {
		width: 100%;
	}
}
@media screen and (min-height: 480px) {
	.login-container {
	    padding-top: calc(50vh - 180px);
	}
}