/* WebFirst Custom CSS */
.labelfield .rowhide {
display:none;
height: 0;
}
/* Site specific CSS: blok 1: default (320px) */
/* === Default Styles === */
/* === End Default Styles === */
/* ########### FORM */
#App_Web_Contact{
margin: 15px;
}
div[class*="SFRow_SF_"] {
margin-bottom: 30px;
}
.labelfield{
width: 100%;
}
.labelfield .odd,
.labelfield .even{
margin-bottom: 15px;
display: block;
}
.labelfield .small{
width: 100% !important;
margin-bottom: 5px;
}
.labelfield .header{
font-size: 18px;
display: block;
height: auto;
font-weight: bold;
padding: 0;
border-bottom: 1px solid gray;
vertical-align: bottom;
margin: 20px 0 10px;
}
.labelfield .label{
display: inline-block;
max-width: 100%;
margin: 0; /* 0 0 5px 0; */
color: black;
width: 100%;
font-size: 14px;
text-align: left;
}
.labelfield input,
.labelfield select{
display: block;
width: 100% !important;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.labelfield input.error{
border-color: red;
color: red;
}
.labelfield .radioinline{
font-size: inherit;
display: inline;
height: auto;
}
.labelfield .radioinline input{
margin-right: 5px;
width: auto !important;
}
.labelfield .radioinline label{
margin-right: 15px;
}
.labelfield .field{
width: 100%;
display: inline-block; 
}
.labelfield .helptext{
font-style: italic;
font-size: 10px;
}
.fieldblockfield .helptext{
display: block;
}
.labelfield .status{
display: none;
}
.labelfield  textarea {
padding: 5px;
width: 100%;
}
.fieldblockfield textarea{
width: auto;
}
.labelfield button{
float: right;
color: #333;
background-color: #fff;
display: inline-block;
padding: 6px 12px;
margin: 0 10px 0 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}
.labelfield button:hover{
color: white !important;
background-color: #ccc;
}
.labelfield button.left{
float: left;
}
.labelfield button.save{
border: 1px solid green;
color: green;
}
.labelfield button.save:hover{
background-color: green;
}
.labelfield button.back{
border: 1px solid orange;
color: orange;
}
.labelfield button.back:hover{
background-color: orange;
}
.subform td{
display: block;
vertical-align: top;
}
.subform .traverse-pos-panel{
width: 90px;
display: inline-block;
vertical-align: top;
}
.subform .fieldblockfield{
width: auto;
display: inline-block;
vertical-align: top;
}
.subform .subform-btn-panel{
width: 90px;
display: inline-block;
vertical-align: top;
}
.buttonup.traverse-up-btn{
background-color: #bbb;
width: 32px;
border: none;
background-image: url(media/FormSubForm/$File/Form_SubForm.PNG);
background-position: 0 0;
background-repeat: no-repeat;
}
.buttondown.traverse-down-btn{
background-color: #bbb;
width: 32px;
border: none;
background-image: url(media/FormSubForm/$File/Form_SubForm.PNG);
background-position: -32px 0;
background-repeat: no-repeat;
}
.buttonadd.subform-add-btn{
background-color: #0079C1;
width: 32px;
border: none;
background-image: url(media/FormSubForm/$File/Form_SubForm.PNG);
background-position: -64px 0;
background-repeat: no-repeat;
}
.buttonremove.subform-remove-btn {
background-color: orange;
width: 32px;
border: none;
background-image: url(media/FormSubForm/$File/Form_SubForm.PNG);
background-position: -96px 0;
background-repeat: no-repeat;
}
#but_remove_button{
background-color: red;
float: left;
margin-top: 20px;
}
/* Site specific CSS: blok 2: Small devices (tablets, 786px and up) */
@media (min-width: 768px) {

}
/* Site specific CSS: blok 3: Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}
/* Site specific CSS: blok 4: Large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {

}
/* Site specific CSS: blok 5: Print styles */
@media print {

}