html, body {
	padding: 0;
	margin: 0;
}

.project-page-main {
	margin-left: 70px;
}
.MediaFileTransferContainer {
	width: 100%;
	height: 602px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: center;
	background-color: #e8e6e6; 
	overflow: hidden;
	/*z-index:9999; */
}
/*.carousel-container {
	width: 100%;
	height: 602px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: center;
	background-color: #e8e6e6; 
	overflow: hidden;
	z-index:9999;
}
*/
.current-image {
	width: auto;
	height: 60%;
}
.delThumb {
	position: absolute;
	display: block;
	margin: 0 0 0 82px;
	top: 10%;
}
.closePreview {
	    font-size: 20px;
	    margin: 0 10px 0 10px;
}
#thumb-list li > img:hover {
	display: block;
}
.upload-next-div {
    list-style-type: none;
    padding: 0;
    width: 88%;
    height: 100px;
    position: absolute;
    bottom: 45px;
    left: 5%;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all .5s;
    background-color: #d8d8d8;
}
.upload-next-list {
	list-style-type: none;
    padding: 0;
    width:100%;
    height: 100px;
    position: absolute;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all .5s;
}
.sendfilebtn {
    padding: 17px;
    /* font-size: 16px; */
    /* background-color: #00b2ef; */
    position: absolute;
    /* width: 58px;
    height: 58px; */
    bottom: 95px;
    right: 140px;
    border-radius: 50%;
    color: white;
    font-size: 22px !important;
}
.upload-next-list li {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100px;
    min-width: 100px;
    height: 85px;
    margin: 0 5px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    transition: all .5s;
}
}
.upload-next-list li:first-of-type {
	/* padding-left: 15px; */
}
.upload-next-list li:last-of-type {
	/* padding-right: 15px; */
}

.image-of-list {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 20px #000;
	/*transition: all .5s; */
}
.video-of-list {
	width: 100%;
	margin-top: 15px;
}
.current-image-list {
	/*opacity: 1;*/
	transition: all .5s;
}

.uploadarrow {
	position: absolute;
	font-size: 22px;
	display: flex;
	bottom: 16%;
	text-align: center;
	color: #00b2ef;
}


/*.arrow-left {
	left: 10px;
}
.arrow-right {
	right: 10px;
}
*/
 /*
 * Animations
 */

 @keyframes fadeIn {
     0% {opacity: 0}
     100% {opacity: 1}
 }

 @keyframes slideInFromLeft {
     0% {
     	opacity: 0;
     	transform: translateX(-100%);
    	}
     100% {
     	opacity: 1;
     	transform: translateX(0px);
     }
 }

 @keyframes slideInFromRight {
     0% {
     	opacity: 0;
     	transform: translateX(100%);
    	}
     100% {
     	opacity: 1;
     	transform: translateX(0px);
     }
 }

 .slideInFromLeft {
 	animation: slideInFromLeft .5s ease-in-out;
 }

 .slideInFromRight {
 	animation: slideInFromRight .5s ease-in-out;
 }

 .fadeIn {
 	animation: fadeIn .5s ease-in-out;
 }