body {
	padding-top: 60px;
}

.col img{transform: none; -webkit-transform:none;}

.navbar-inverse {
	background-color: rgb(35,50,59);
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.sendPosition {
	margin-top: 20px;
}
	
@media (max-width: 640px) {
	.container {
	    padding-right: 5px;
	    padding-left: 5px;
	    margin-right: auto;
	    margin-left: auto;
	}
	.logoPosition {
	  margin-top: 45px !important;
	}
	.sendPosition {
	  margin-top: 70px !important;
	}
	#title {
		margin-top: 35px;
	}
}
.imgl {
	margin:auto 2em auto auto !important;
	padding:auto 2em auto auto !important;
}
.navbar-brand {
    float: left;
    height: 55px;
    padding: 5px 15px;
    font-size: 18px;
}

#title {
	margin-top: 0;
}
.panel-default {
	background-color: rgba(35,50,59,0.1);		
}
.panel-body {
	background-color: rgba(35,50,59,0.1);		
}

.navbar .container-fluid {
  background-color: #4E4E51; /* same color as bandohome.jpg */
  /* background-image:url("../img/bandohome_centre.jpg"); */
  background-repeat: no-repeat ;
  /*background-attachment:  fixed;*/
  background-position: top center;
  border-color: #252525;
}
.navbar-sagemcom-home {
  height: 56px;
}

.img_logo {
    width: 220px;
    height: auto;
    position: relative vertical-align top;
    -ms-interpolation-mode: bicubic;
    margin: -3px 10px 0px 0px !important;
}

.zoneUnavailable {
	background: #f9e4e4 !important;
}

@media (min-width: 600px) {
	.drop-area {
		border: 2px dashed #ccc;
		border-radius: 20px;
		margin: 1px auto;
		padding: 10px;
	}
	.drop-area2 {
		border: 2px dashed #ccc;
		border-radius: 20px;
		margin: 1px auto;
		padding: 17px;
		background: #f9e4e4 !important;
	}
	#drop-area {
		border: 2px dashed #ccc;
		border-radius: 20px;
		margin: 15px auto;
		padding: 15px;
	}
	.drop-area-success {
		border: 2px dashed #ccc;
		border-radius: 20px;
		margin: -0px auto;
		padding: -34px;
	}
}

@media (max-width: 600px) {
    #zonePc {
		display: none;
	}
	#drop-area {
		display: none;
	}
}


#drop-area.highlight {
  border-color: purple;
}

.drop-area:drop {
	/* background-color: yellow !important; */
	border: 2px dashed #ccc;
	border-color: purple;
}
.drop-area.highlight {
	border: 2px dashed #ccc;
	border-radius: 20px;
  	border-color: purple;
}

.text-left {
	text-align: left;
	padding-left: 20px;
}

.collapse.in {
    display: block;
    background: #eff7f5;
}

.modal .modal-content{
	overflow:hidden !important;
}
.modal-body{
	overflow-y:scroll !important; /* to get scrollbar only for y axis */
}