/* 
    Document   : common-form-components
    Created on : 10-feb-2012, 10:29:01
    Author     : Javier
    Description:
    Purpose of the stylesheet follows.
*/

/* FORMS COMPONENT */
.control-group{

}

.control-group.component-type-select{

}
.control-group.component-type-inputText{

}
.control-group.component-type-textarea{

}
.control-group.component-type-buttons{

}

.control-group.component-type-customCombo{

}

.control-group.component-type-hidden{

}

.control-group .comboBlock-customContent{
    display: inline;
}

.control-group .comboBlock-customComboExtraContent{
    display: inline;
}
.form-actions.component-type-buttons .controls{
    margin-left:0;
}
.control-group.component-type-buttons button{
    float:none !important;
}

.control-group.buttons {

}

.control-group > .error{
    color: #e83a57;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.control-group > .error.valid{
    color: #86FF0C;
    font-weight: bold;
}

.control-group > label{

}

.control-group.component-type-ibutton-checkboxSet label{
    min-width:10px;
}

.control-group.component-type-ibutton-checkboxSet label[data-isinputlabel] {
    display: inline-block;
    float: left;
    height: 30px;
    width: 172px;
    margin-bottom: 10px;
}

.control-group > label{

}

.ibutton_checkboxRadioContainer{
    position:relative;
    display:block;
}
.porta_ibutton_checkbox_radio .help-block{
    padding-top: 36px;

}
.control-group .customComboComponent{

    background: #FFFFFF;

    position: relative;
    display: inline-block;

    padding: 3px;
    /*margin-bottom: 9px;*/
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.control-group.error .customComboComponent{
    border: 1px solid #B94A48;
}


.control-group .customComboComponent .dropDownBlock{
    width: 212px;
    height: 22px;
    display: block;
    background: white;
    line-height: 22px;
    padding: 0 20px 0 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}


.control-group .customComboComponent .dropDownBlock .dropDownLabel{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 25px;
    display: inline-block;
    white-space: nowrap;
}
.control-group.error .customComboComponent .dropDownBlock .dropDownLabel{
    color: #B94A48;
}

.control-group .customComboComponent .dropDownBlock .dropDownIcon{
    position: absolute;
    background: url(/img/items-table-sprite.png) -24px -126px no-repeat transparent;
    min-height: 23px;
    min-width: 23px;
    right: 0;
    top: 0;
}
.control-group .customComboComponent .dropDownBlock:hover .dropDownIcon{
    background: url(/img/items-table-sprite.png) -49px -126px no-repeat transparent;
}

.control-group .customComboComponent .dropDownBlock .dropDownSpinner{
    background: url("/img/loading.gif") no-repeat scroll center center white;
    position: absolute;
    width: 20px;
    height: 22px;
    top: 0;
    right: 0;
    display: none;
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}






.porta_checkbox_radio{  }
.checkboxRadioContainer label {   cursor: pointer; }
.checkboxRadioContainer label:hover {  }

.porta_ibutton_checkbox_radio{ background: none;  }
.ibutton_checkboxRadioContainer label {   cursor: pointer; }/* margin-bottom: 2px;  border-radius: 3px; display: block; min-width: 289px; */
.ibutton_checkboxRadioContainer label:hover {  }
.ibutton_checkboxRadioContainer .ibutton-item {clear: none;}
/* MENSAJE CONTROLS */
.common_msg {position:relative; padding:5px 15px 6px 30px; margin-left:8px; margin-top:10px; z-index:500px; float:left; font-size:13px;
             -moz-border-radius: 4px;
             -khtml-border-radius: 4px;
             -webkit-border-radius: 4px;
             border-radius: 4px;
}
.common_msg span {display:block; line-height:20px;}
.common_msg .ic {width:34px; height:34px; position:absolute; top:-10px; left:-8px; }
.common_msg.error {background-color:#FFE4D5; border:1px solid #FFC8AA; color:#F00;}
.common_msg.error .ic {background-position:-34px -425px;}
.common_msg.warning {background-color:#FFEFBF; border:1px solid #FFD555; color:#555;}
.common_msg.warning .ic {background-position:0 -425px;}
.common_msg.ok {background-color:#DFFFBF; border:1px solid #95FF2B; color:#555;}
.common_msg.ok .ic {background-position:-102px -425px;}
.common_msg.info {background-color:#D5EAFF; border:1px solid #95CAFF; color:#555;}
.common_msg.info .ic {background-position:-68px -425px;}





/* CONTROLS GROUP > FORMS CONTROL */
.control-group select[data-multipleSelection="enabled"]{
    height: 60px;
}


/* cutomizedCheckboxes cutomizedRadios */

.control-group.component-type-checkboxSet.cutomizedCheckboxes .checkboxRadioContainer > label.checkbox,
.control-group.component-type-radioSet.cutomizedRadios .checkboxRadioContainer > label.radio{
    overflow: hidden;

    border-radius: 4px;
    padding-left: 5px;
    width: 200px;
}
.control-group.component-type-checkboxSet.cutomizedCheckboxes .checkboxRadioContainer > label:first-child,
.control-group.component-type-radioSet.cutomizedRadios .checkboxRadioContainer > label:first-child{
    margin-top:6px;
}
.control-group.component-type-checkboxSet.cutomizedCheckboxes .checkboxRadioContainer > label.checkbox:hover,
.control-group.component-type-radioSet.cutomizedRadios .checkboxRadioContainer > label.radio:hover{

    background: rgb(228, 235, 255);
}
.control-group.component-type-checkboxSet.cutomizedCheckboxes .checkboxRadioContainer > label.checkbox input,
.control-group.component-type-radioSet.cutomizedRadios .checkboxRadioContainer > label.radio input{
    margin-left: -100px;

}
.control-group.component-type-checkboxSet.cutomizedCheckboxes .checkboxRadioContainer > label.checkbox i.icon-check,
.control-group.component-type-radioSet.cutomizedRadios .checkboxRadioContainer > label.radio i.icon-check{
    margin-right: 10px;
    opacity:.4;
    filter: alpha(opacity=45);
    background-position: -384px -167px;
}
.control-group.component-type-checkboxSet.cutomizedCheckboxes .checkboxRadioContainer > label.checkbox.active.selected i.icon-check,
.control-group.component-type-radioSet.cutomizedRadios .checkboxRadioContainer > label.radio.active.selected i.icon-check{
    background-position: -144px -72px;
    opacity:1;
    filter: alpha(opacity=100);
}