/* 
    Document   : com_formdesigner
    Created on : 2012.07.05., 15:57:19
    Author     : semmer@infoart.hu
*/

div.portlet-content.box.part-formdesigner div.component-body p {
  padding: 5px 0;
}

div.portlet-content.box.part-formdesigner div.component-body > pre {
    display:none;
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box {
  margin: 5px 0;
}
div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-label{
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0 5px;
}
div.portlet-content.box.part-formdesigner div.component-body div.input-box.file div.box-label{
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0 5px;
}
div.portlet-content.box.part-formdesigner div.component-body div.input-box.file input[type="file"]{
    margin: 0 0 5px;
}
div.portlet-content.box.part-formdesigner div.component-body div.input-box.file div.fupinf{
   font-size: 14px;
   font-style: italic;
}
div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-desc {
   font-size: 16px;
   font-weight: 600;
   padding: 5px 0;
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-desc > span.fields_req {
  color: #990000;
  font-weight: 600;
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-desc > span.info-mark {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: transparent url('../gfx/icon_info.png') 0 0 no-repeat;
  text-indent: -9999px;
  margin: 0 0 0 10px;
  cursor: pointer;
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-desc > span.info-mark.hovered {
  background-position: 0 -16px;
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box div.fields-descr {
  background: #333 url('../gfx/form_tooltip.png') 0 0 no-repeat;
  padding: 20px 10px 10px;
  color: #ccc;
  font-size: 14px;
  margin: 5px 0;
  width: 98%;
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box div.fields-descr * {
    margin:0;
    padding:0;
    
    color:#ffffff;
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box div.fields-descr a {
    color:var(--sec);
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input select {
  padding: 5px;
  margin: 0 -2px 0 0;
}

div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input select,
div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input input[type="text"],
div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input input[type="email"],
div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input input[type="password"],
div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input textarea {
  width: 100%;
  padding: 5px;
}

div.portlet-content.box.part-formdesigner div.component-body div.errormsg {
  background: #FA597E url('../../com_showmessage/gfx/icon_error.png') 10px 10px no-repeat;
  padding: 10px 10px 10px 44px;
  border: 1px solid #FF0000;
  color: #fff;
  line-height: 20px;
  margin: 10px 0;
}

@media only screen and (min-width: 1681px) {
    div#content .part-formdesigner{
        
    }
    div#content .part-formdesigner img {
        max-width: 100% !important;
        width: auto;
        height: auto;
        margin: 0;
    }
}
@media only screen and (min-width: 1305px) and (max-width: 1680px) {

    div#content .part-formdesigner img {
        max-width: 940px !important;
        width: auto;
        height: auto;
        margin: 0;
    }
}
@media only screen and (min-width: 984px) and (max-width: 1304px) {

    div#content .part-formdesigner img {
        max-width: 620px !important;
        width: auto;
        height: auto;
        margin: 0;
    }
}
@media only screen and (min-width: 665px) and (max-width: 983px) {
 
    div#content .part-formdesigner img {
        max-width: 620px !important;
        width: auto;
        height: auto;
        margin: 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 664px) {

    div#content .part-formdesigner img {
        max-width: 400px !important;
        width: auto;
        height: auto;
        margin: 0;
    }
    div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input select,
    div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input input[type="text"],
    div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input input[type="email"],
    div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input input[type="password"],
    div.portlet-content.box.part-formdesigner div.component-body div.input-box div.box-input textarea {
      width: 100%;
      padding: 5px;
    }    
}
@media only screen and (min-width: 320px) and (max-width: 479px) {

    div#content .part-formdesigner img {
        max-width: 300px !important;
        width: auto;
        height: auto;
        margin: 0;
    }
 
    
}

/* rate-form */

.part-formdesigner.rate-form {
    
}

@media only screen and (min-width:665px) {
    .part-formdesigner.rate-form .input-box.ib-rad .box-input,
    .part-formdesigner .input-box.rate-form.ib-rad .box-input {
        display:flex;
        padding-top:20px;
        margin-bottom:20px;
        /* flex-direction:column; */
    }

    .part-formdesigner.rate-form .input-box.ib-rad .box-input br,
    .part-formdesigner .input-box.rate-form.ib-rad .box-input br {
        display:none;
    }

    .part-formdesigner.rate-form .input-box.ib-rad .box-input label,
    .part-formdesigner .input-box.rate-form.ib-rad .box-input label {
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        flex-grow:1;
        text-align:center;
        font-size:12px;
        line-height:16px;
        border-left:solid 1px #f0f0f0;
        text-transform:uppercase;
    }
    
    .part-formdesigner.rate-form .input-box.ib-rad .box-input label input,
    .part-formdesigner .input-box.rate-form.ib-rad .box-input label input {
        display:block;
        margin-bottom:5px;
    }
}

.input-box.rate-form.rate-form-hidedescr .fields-descr {
    display:none;
}