button, input, select, textarea {
    margin: 0;
    padding: 2px 1px;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

input, select, textarea {
    box-sizing: border-box;
}

textarea {
    height: 100%;
    color: #000;
}

    textarea[readonly] {
        color: #666;
    }

select, input[type='text'] {
    height: 1.8em
}

.geden-container {
    padding-left: 2px;
    padding-right: 2px;
    margin-left: auto;
    margin-right: auto;
}

.geden-row {
    width: 100%;
    padding: 0;
    margin: 0
}

.column {
    display: inline-block;
    vertical-align: middle;
    margin: 1px;
}

.geden-control {
    width: 100%
}

.rightalign {
    text-align: right;
}

.topalign {
    vertical-align: top;
}

.bottomalign {
    vertical-align: bottom;
}

.pushright {
    float: right;
}

.seperaterow {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.seperatecolumn {
    margin-right: 2px;
    margin-left: 2px;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.button {
    background: #dfeffc;
    border: 1px solid #79b7e7;
    padding: 3px;
    border-radius: 2px;
    cursor: pointer;
}

    .button:hover {
        background: #c1e3fd;
    }

.font8 {
    font-size: 8px !important;
}

.font9 {
    font-size: 9px !important;
}

.font10 {
    font-size: 10px !important;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

.red {
    color: red;
}

.yellow {
    color: yellow;
}

.green {
    color: green;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.gray {
    color: lightgray;
}

.bold {
    font-weight: bold;
}

.nocolor {
    background-color: white
}

.black {
    color: black;
}

.white {
    color: white;
}

.redcell {
    background-color: red;
    color: white
}

.yellowcell {
    background-color: yellow;
    color: black
}

.greencell {
    background-color: green;
    color: white
}

.lightgreencell {
    background-color: lightgreen;
    color: black
}

.lightbluecell {
    background-color: lightblue;
    color: black
}

.huerotate {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}

.bluecell {
    background-color: blue;
    color: white
}

.graycell {
    background-color: white;
    color: gray;
    font-style: italic
}

.NACell {
    font-family: inherit;
    color: gray;
    font-style: italic;
    font-weight: bold !important
}

    .NACell:after {
        content: "N/A"
    }

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.w100p {
    width: 100%
}

.w5 {
    width: 5px
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w75 {
    width: 75px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px
}

.w110 {
    width: 110px
}

.w120 {
    width: 120px
}

.w130 {
    width: 130px
}

.w135 {
    width: 135px
}

.w140 {
    width: 140px
}

.w150 {
    width: 150px
}

.w160 {
    width: 160px
}

.w170 {
    width: 170px
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w230 {
    width: 230px;
}

.w250 {
    width: 250px;
}

.w270 {
    width: 270px;
}

.w300 {
    width: 300px;
}

.w320 {
    width: 320px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w420 {
    width: 420px;
}

.w450 {
    width: 450px;
}

.w500 {
    width: 500px;
}

.w600 {
    width: 600px;
}

.w650 {
    width: 650px;
}

.w700 {
    width: 700px;
}

.w750 {
    width: 750px;
}

.w800 {
    width: 800px;
}

.w850 {
    width: 850px;
}

.w900 {
    width: 900px;
}

.w1000 {
    width: 1000px;
}

.w1100 {
    width: 1100px;
}

.w1150 {
    width: 1150px;
}

.w1200 {
    width: 1200px;
}

.h100p {
    height: 100%;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h50 {
    height: 50px;
}

.h75 {
    height: 75px;
}

.h100 {
    height: 100px;
}

.h120 {
    height: 120px;
}

.h150 {
    height: 150px;
}

.h200 {
    height: 200px;
}

.h250 {
    height: 250px;
}

.h300 {
    height: 300px;
}

.h400 {
    height: 400px;
}

.h450 {
    height: 450px;
}

.h500 {
    height: 500px;
}

.h600 {
    height: 600px;
}

.rm20 {
    margin-right: 20px;
}

.rm10 {
    margin-right: 10px;
}

.rm5 {
    margin-right: 5px;
}

.lm20 {
    margin-left: 20px;
}

.lm10 {
    margin-left: 10px;
}

.lm5 {
    margin-left: 5px;
}

.inlinebutton {
    margin-left: 2px;
    margin-right: 2px;
}

.hr {
    border: 1px solid #acdbff;
    margin-bottom: 2px;
}

.title {
    font-size: 1.5em;
    text-shadow: 1px 1px #cacaca;
}

.bordered {
    border: 1px solid #5c9ccc;
    padding: 2px;
}

.doublebordered {
    border: 3px double #5c9ccc;
    padding: 2px;
}

.rowcolor {
    background: #8ccbfd repeat-x scroll 50% 50%;
    color: #2e6e9e;
}

.alternaterowcolor {
    background: #dfeffc repeat-x scroll 50% 50%;
    color: #2e6e9e;
}

.dotted {
    border-bottom: 1px dotted #C0C0C0
}

.dotborder {
    border: 1px dotted #ccc
}

.fixedtable {
    table-layout: fixed;
    width: 100%;
    border: 0;
}

.autotable {
    table-layout: auto;
    width: 100%;
    border: 0;
}

.fixedtable td {
    margin-right: 2px;
    margin-left: 2px;
    vertical-align: top;
}