.contact-form input[type="file"] {
  padding: 0 15px;
	height: 45px;
	line-height: 45px;
}

select.am {

  /* styling */
  background-color: white;
  display: inline-block;
  font: inherit;
  padding: 0 15px;
  height: 45px;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.am {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 55%),
    linear-gradient(135deg, gray 55%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 3px),
    calc(100% - 15px) calc(1em + 3px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.8em;
  background-repeat: no-repeat;
}
select.am:focus {
  background-image:
    linear-gradient(45deg, #ddd 55%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #ddd 55%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.8em;
  background-repeat: no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.4);
  outline: 0;
}

select.am:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.navbar.navbar-main .navbar-nav > li:hover > a, .navbar.navbar-main .navbar-nav > li.active > a, .navbar.navbar-main .navbar-nav > li.open > a {
  background: none;
  color: #8c2864;
}

.navbar.navbar-main .navbar-toggle-link {
  color: #333;
}

.navbar-main.inverse .navbar-nav > li > a {
  color: #333;
}

.navbar.navbar-main .navbar-nav > li > a {
  color: #333;
}

.fg-text-purple {
  color: #5f2973;
}

.fg-am-yellow {
  color: #ffe25f;
}

.fg-text-lpurple {
  color: #8c2864;
}

.fg-title, .fg-text-d, .fg-accent {
  color: #5f2973;
}

.bg-am-blue {
  background-color: #25a7e2;
}

.bg-am-lpurple {
  background-color: #8c2864;
}

.bg-am-cblue {
  background-color: #0079c2;
}

.btn-am {
  background-color: #5f2973;
  color: #fff;
}
.btn-am-download {
  background-color: #0079c2;
  font-size:0.8em;
	padding:5px 10px;
}
/*.btn-am-reverse {
  background-color:#fff;
  color:#5f2973;
  border:1px #5f2973 solid;
  font-weight:bold;
 }
.btn-am-reverse:hover {
  color:#5f2973;
  background-color:#dfd8e2;
}*/

.btn-upload {
  background-color: #ccc;
  color: #000;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer; 
}


.cover-am {
  background: url("/images/img-main.png") no-repeat center center;
}

.am-logo {
  float:left;
}
.am-logo img{
  max-width:250px;
}

.navbar-main.logo-white .navbar-brand{
  width:250px;
  background:url(/images/AM_logo_magenta.png) top left no-repeat;
  background-size:65%;
}
.navbar-main.logo-black .navbar-brand{
  width:250px;
  background:url(/images/AM_logo_magenta.png) top left no-repeat;
  background-size:65%;
}
a.fg-accent:hover, a.fg-accent:active {
  color: #f4cc70;
}


/* simone additions: */
/*plainpg*/
#selected-ad-win {
	display:none;
}
#selected-ad-win .fg-accent {
	font-style:italic;
	font-weight:bold;
}
#selected-ad-sorry {
	display:none;
}
.imgdiv {
	text-align:center;
	background:#f7f7f7;
	padding:20px;
	margin:10px 0;
}
.csimg {
	text-align:center;
	background:#f7f7f7;
	padding:0;
	margin:0;
}
.csimg-container {
  white-space:nowrap;
	overflow-x:auto;
	padding-bottom: 20px;
}

.csimg-container img{
  display:inline-block; 
	max-height: 170px;
	margin-right:20px;
}
/*
.scrollbar::-webkit-scrollbar {
  width: 6px;
	background-color: #F5F5F5;
}
.scrollbar::-webkit-thumb {
  background-color: #888;
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		    background-color: #F5F5F5;
}
*/
/*mostly modal*/
.pickimg-title { font-weight:bold; font-size:16px; }
.campicktext .optionimg {
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
}
.campicktext .imgholder {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:200px;
	height:200px;
	/*cursor:zoom-in;*/
	/*background-color:#ccc; /*for debugging*/
}
.campicktext label {
	color:#bbbbbb;
	cursor:pointer;
}
.campicktext .optionholder {
	display:inline-block;
	margin:10px;
	width:200px;
}
.campicktext input[type="radio"] {
	-webkit-appearance:none;
	background-color: #fafafa;
	border: 2px solid #cccccc;
	padding: 6px;
	display: inline-block;
	position: relative;
	width:5px;
	margin-bottom:-3px;
	margin-right:5px;
	cursor:pointer;
}
.campicktext input[type="radio"]:checked {
	background-color:#5e2c71;
	border-color:#5e2c71;
}
.campicktext input[type="radio"]:checked+label {
	/*border:5px green solid;*/
	font-weight:900;
	color:#5e2c71;
}
.campicktext input[type="radio"]:checked:focus {
	outline:none;
}
.modal-dialog {
	width:95%;
}
/*.btn-am-reverse {
	color:#5f2973;
	background-color:#fff;
}*/
/*imgzoom*/
/*#campickform { position:relative;}*/
#campickform.imgzoom-parent { visibility:hidden; }
#campickform .imgholder.imgzoom {
	position:absolute;
	cursor:zoom-out;
	visibility:visible;
}
#campickform .imgholder.imgzoom2 {
	height:100%;
	width:100%;
	top:50;
	left:0;
}

/*login and 2fa*/
.container-login {
  max-width:50%;
}
.qr-code {
	text-align:center;
}

.csform {
  margin: 0 auto;
	width: 100%;
}


@media (max-width: 767px) {
.container-login {
  max-width:100%;
}

.navbar.navbar-main .navbar-nav > li:hover > a, .navbar.navbar-main .navbar-nav > li.active > a, .navbar.navbar-main .navbar-nav > li a:focus {
  background: #fff;
  color: #8c2864;
}
.navbar-main.inverse .navbar-nav > li > a {
  background: #fff;
}

.navbar-main.logo-white .navbar-brand{
  width:50%;
  background:url(/images/AM_logo_magenta.png) center left no-repeat;
  background-size:70%;
  background-position:center;
}
.navbar-main.logo-black .navbar-brand{
  width:50%;
  background:url(/images/AM_logo_magenta.png) center left no-repeat;
  background-size:70%;
  background-position:center;
}
}