/**
 * @project     OTRS (http://www.otrs.org) - Agent Frontend
 * @copyright   OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 */

/**
 * @package     Skin "Default"
 * @section     Default Settings
 */

@media screen,projection,tv,handheld {

/**
 * @subsection  Flag
 */

fieldset.TableLike div.Value .Flag {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

#ServiceIncidentStateContainer .Flag,
.SidebarColumn fieldset.TableLike div.Value .Flag {
    margin-top: 7px;
}

ul.ITSMFlag {
    margin-top: 5px;
}

ul.ITSMFlag div.Value .Flag {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

.RTL fieldset.TableLike div.Value .Flag {
    float: right;
    margin-left: 5px;
}

.Flag span.grayled {
    background-color:#cdcdcd;
}

.Flag span.greenled {
    background-color: #8bef4d;
}

.Flag span.yellowled {
    background-color: #ffdd50;
}

.Flag span.redled {
    background-color:#ff505e;
}

.Flag span.purpleled {
    background-color:#b23aee;
}

.Flag span.orangeled {
    background-color:#ff8c00;
}

.Flag span.cyanled {
    background-color:#79cdcd;
}

.Flag span.whiteled {
    background-color:#ffffff;
}

.Flag span.blackled {
    background-color:#000000;
}

/**
 * @note     These classes are used for a Label and a Div with class 'Field',
 *           that are inside a Field Div .
 */

label.SubElement {
    width: 40% !important;
    margin-right: 10px;
}

div.SubElement {
    margin-left: 40% !important;
}

div.SubElement input.W50pc {
    width: 33%;
}

/**
 * @subsection NoDoubleBorders
 */

.Content.NoDoubleBorders {
    border-left: 0 none #000000;
    border-right: 0 none #000000;
}

/**
 * @subsection  Standard Widths
 */
.W5pc {
    width: 5%;
}

.W15pc {
    width: 15%;
}

.W30pc {
    width: 30%;
}

}/* end media */