/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30.03.2016, 16:59:39
    Author     : wegner
*/


/*
* utility classes
*/

.none {
    display: none;
}

.strong {
    font-weight: 700;
}

.fleft {
    float: left;
}

/*http://stackoverflow.com/questions/12114966/how-to-right-align-form-input-boxes*/
.input-align-right {
    float: right;
    clear: both;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.col_quarter {
    width: 25%;
}

.col_third {
    width: 33%;
}

.col_half {
    width: 50%;
}

.col_three_quarter {
    width: 74%;
}

.full_width {
    width: 100%;
}

.clearfix {
    clear: both;
}


/**
 * http://nicolasgallagher.com/micro-clearfix-hack/
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}


.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}


.w {
    width: px;
}

.wp90 {
    width: 90%;
}

.wp100 {
    width: 100%;
}

.w10 {
    width: 10px;
}

.w20 {
    width: 20px;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: px;
}

.w80 {
    width: 80px;
}

.wdatefield {
    width: 86px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w230 {
    width: 230px;
}

.w240 {
    width: 240px;
}

.w250 {
    width: 250px;
}

.w280 {
    width: 280px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w450 {
    width: 450px;
}

.w500 {
    width: 500px;
}

.w550 {
    width: 550px;
}

.w600 {
    width: 600px;
}

.w650 {
    width: 650px;
}