/* @font-face{font-family:'FontAwesome';src:url('/font/fontawesome-webfont.eot?v=4.7.0')} */

body
{
	font-family:arial !important;
}

#mask
{
	background-color:rgba(84, 82, 82, 0.92);
	z-index:1000;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
#dialog
{
    background-color: white;
    z-index: 1010;
    position: relative;
    width: 408px;
    /* margin: 0 auto; */
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20%;
    border-radius: 10px;
    border: 2px solid #b2004c;
    -webkit-box-shadow: 10px 10px 21px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 21px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 21px 0px rgba(0,0,0,0.75);
}
.ui-menu
{
	max-height:300px;
	overflow-y:scroll;
}
  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
#daten
{
	font-size:1em;
}
#daten span
{
	/* width:300px; */
}
#daten textarea
{
	resize: none;
	width:320px;
}
.mailFixed
{
	width:322px;
}
.mailFixedIntern
{
	width:301px;
}
.mailUnfixed
{
	width:100%;
	position: relative;
    left: -2px;
}
#DIVmail
{
	max-width:331px;
	display:table;
	width: 100%;
}
#filelist
{
	max-height:300px;
	overflow-y:auto;
	min-width:400px;
	padding-left:6px;
}
#submit
{
	margin-top:10px;
	margin-left: 5px;
}
#botcheck
{
	display: inline-block;
    margin-top: 5px;
	margin-left: 6px;
}
.col
{
	display:table-cell;
}
.redBorder
{
	border: #D04040 solid 1px;
}

.redButton 
{
    background-color: #D04040 !important;
}

.button 
{
    background-color: #868686;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-family:arial;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	width: 262px;
	cursor:pointer;
}

.button:hover {
    background-color: #b2004c; /* RSE-Farbe */
    color: white;
}

.absenden_gross
{
	width: 326px !important;
    height: 48px !important;
}


.float
{
	float:left;
}

.rc-anchor-normal 
{
    width: 194px !important;
}

#allesdrin
{
    width: 550px;
    margin: 10px auto;
    position: relative;
}

.head_helper
{
	position: relative;
    left: 5px;
}

.uploadify-queue-item
{
	max-width:504px !important;
	
}

.sbutton_helper
{
	position: relative;
    left: -21px;
    top: -4px;
    padding-left: 3px;
    padding-right: 3px;
    width: 216px;
    height: 74px;
    float: right;
}
.closeDialog
{
	position:absolute;
	left: 424px;
    top: -11px;
	z-index: 1120;
}
#table_daten
{
		font-size:12px;
}

th
{
	width: 202px;
}
#addreceiver
{
	width:21px;
	height:19px;
	position:relative;
	padding:0px;
	top: 1px;
	padding-top:2px;
	font-weight:bold;
}
.receiverMinus
{
	width:21px;
	height:21px;
	position:absolute;
	padding:0px;
	padding-top:0px;
	font-weight:bold;
	right:23px;
}
.mailAddrText
{
	font-size:13px;
}
input
{
	font-size:13px;
}

#maskLoadingKringel
{
	background-color:#FFF;
	z-index:1100;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border-radius: 10px;
}
#LoadingKringel {
    position: absolute;
    top: 45%;
    width: 40px;
    height: 40px;
    font-size: 40px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 3s linear infinite;
    z-index: 1110;
    color: #008CBA;
    left: 201px;
    right: 201px;
}
#LoadingKringelText {
    position: absolute;
    top: 35%;
    right: 0px;
    left: 0px;
    text-align: center;
    z-index: 1110;
    color: #000000;
}
#LoadingKringelTextUnten {
	position: absolute;
    top: 62%;
    left: 50px;
    right: 50px;
    align-self: center;
    z-index: 1110;
    color: #000000;
    text-align: center;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@media only screen and (min-device-width: 320px) and (max-device-width:680px){
#allesdrin
{
margin: 180px auto;
transform: scale(1.7);
}

body>div:last-child {
    transform: scale(2);
	left:25% !important;
	top:25% !important;
	
}

#submit
{
	margin-left:2px !important;
}

.sbutton_helper
{
	position: relative;
    left: -24px;
    top: -4px;
    padding-left: 3px;
    padding-right: 3px;
    width: 216px;
    height: 74px;
    float: right;
}
}

.upload-success {
    right: 0px;
    left: auto;
    position: relative;
    float: right;
    height: 20px;
    bottom: 4px;
}
#maildomain
{
	height: 21px;
}