
.box-row .box-body {
        padding: 20px;
	}
		.box-body .form-grup {
		    padding: 10px 0px;
		}
			.box-body .form-grup label {
			    color: #0e3c5d;
		        width: 125px;
		        display: block;
			    float: left;
		        height: 33px;
			    line-height: 33px;
			}
			.box-body .form-grup .select {
			    width: calc(100% - 125px);
			    border: 1px solid #d7d7d7;
			}
			.box-body .form-grup input ,
			.box-body .form-grup textarea {
			    width: calc(100% - 125px);
			    top: 0px;
			    left: 0px;
			    background-color: #fefefe;
			    border: 1px solid #d7d7d7;
			    height: 33px;
			    color: #a9a9a9;
		        padding: 10px;
	            font-size: 16px;
			    font-family: Pridi,serif;
			}
			.box-body .form-grup textarea {
			    height: 200px;
			}
			.upload {
			    position: relative;
			}
				.upload input[type="file"] {
				    padding-right: 125px !important;
				    cursor: pointer;
				    position: absolute;
				    right: 0;
				    left: initial;
				    width: calc(100% + 85px);
				    background: transparent;
				    border: 0px;
			        padding: 6px;
				    z-index: 1;
				    height: -moz-available;
				    padding-block-start: 2px;
				}
				.upload input[type="file"]::-webkit-file-upload-button {
					visibility: hidden;
				}
    
					.upload .uploadButton {
					    background-color: #000000;
					    padding: 4px 10px;
					    color: #ffffff;
					    font-size: 1em;
					    font-family: Pridi,serif;
					    text-align: center;
					    border: 0;
					    transition: .3s;
					    cursor: pointer;
					    width: 120px;
					    margin: 0px;
					}
					.upload .uploadButton:disabled {
					    opacity: .5;
					    cursor: no-drop;
					}
					.upload input[type="file"]:hover+.uploadButton {
					    background-color: #328bc3 !important;
					}

			.box-body .form-grup input[type="submit"] {
			    background-color: #252525;
			    padding: 5px 10px;
			    color: #ffffff;
			    font-size: 1em;
			    font-family: Pridi,serif;
			    text-align: center;
			    border: 0;
			    border-radius: 4px;
			    width: 250px;
			    margin: auto;
			    display: block;
		        cursor: pointer;
			    transition: .3s;
			}
			.box-body .form-grup input[type="submit"]:disabled {
			    opacity: .5;
			    cursor: no-drop;
			}
			.box-body .form-grup input[type="submit"]:hover {
			    background-color: #4596c8;
			}
			
div#review-image {
    display: inline-block;
    width: 100%;
}
	div#review-image .row {
        width: calc(25% - 8px);
	    float: left;
	    padding: 10px;
	    margin: 4px;
	    border: 1px solid rgba(0, 0, 0, 0.12) !important;
	    background: #ffffff;
	    border-radius: 5px;
	    position: relative;
	}
		div#review-image .img-src {
			height: 10vw;
		    background: #000;
		}
			div#review-image .img-src img {
			    max-width: 100%;
			    max-height: 100%;
			    margin: auto;
			    display: block;
			    top: 50%;
			    position: relative;
			    transform: translateY(-50%);
			}
			
		button.btn.btn-danger.remove_button {
	        position: absolute;
		    top: -5px;
		    right: -5px;
		    width: 25px;
		    height: 25px;
		    border: 0;
		    background: #ff3737;
		    color: #fff;
		    font-size: 19px;
		    font-family: Pridi,serif;
		    line-height: 21px;
		}
		div#review-image .img-name {
		    white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		}
			
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.upload input[type="file"] {
	    width: calc(100% + 80px) !important;
        padding: 2px;
    }

}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.box-body .form-grup .select ,
	.box-body .form-grup input ,
	.box-body .form-grup textarea {
	    width: 100% !important;
	}
	.upload {
	    width: 100% !important;
    }
	.upload input[type="file"] {
	    width: calc(100% + 80px) !important;
        padding: 2px;
    }
    div#review-image .row {
	    width: calc(50% - 8px);
    }
    div#review-image .img-src {
	    height: 25vw;
    }

}
