/* FLEX
 * justify-content <- first axis
 * align-items     <- second axis
 */

.flexr {display: flex; flex-direction: row; align-items: flex-end;}
.flexc {display: flex; flex-direction: column;}
.flex2right {align-items: flex-end;}
.flex2stretch {align-items: stretch;}
.flex2center {align-items: center;}
.flex2start {align-items: flex-start;}
.flex1right {justify-content: flex-end;}
.flex1end {justify-content: flex-end;}
.flex1center {justify-content: center;}
.flex1sbetween {justify-content: space-between;}

.w1_1 {width: 100%;}
.w1_2 {width: 50%;}
.w1_3 {width: 33%;}
.w1_4 {width: 25%;}
.w3_4 {width: 75%;}
.w1_5 {width: 20%;}
.w4_5 {width: 80%;}
.w2_3 {width: 66%;}
.w4_12{width:33%;}
.w5_12{width:42%;}
.w3_12{width:25%;}
.w9_12{width:75%;}

.h1_2 {height: 50%;}
.h1_1 {height: 100%;}

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

.justify {text-align: justify;}
.block {display: block;}

table.stable td {padding: 2px 10px 2px 0; }
table.stable th {padding: 2px 10px 10px 0;}

table.no-border {border: 0;}
table.no-border td {border: 0;}

.bottom-divider {border-bottom: 1px dotted;}
.divider {
    margin-top: 45px;
    border-bottom: 1px solid rgb(230, 230, 230);
}
.notopm {margin-top: 0px;}
.nobottomm {margin-bottom: 0px;} 

.mtop-10 {margin-top: 10px;}
.mtop-20 {margin-top: 20px;}
.mtop-30 {margin-top: 30px;}
.mtop-40 {margin-top: 40px;}
.mtop-60 {margin-top: 60px;}




/* from http://stackoverflow.com/questions/20598568/display-and-hide-div-with-css */
.hidden {
    display: none;
    visibility: hidden;
}
.visible{
    display: block;
    visibility: visible;
}