html,
body {
    height: 100%;
}

.huge {
    font-size: 40px;
}

.fa-5x {
    font-size: 5em;
}

[data-columns]::before {
    content: '3 .column.size-1of3';
}

.column { float: left; }
.size-1of3 { width: 33.3333%; }

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    /*background-color: #f5f5f5;*/
    border-top: 1px solid #101010;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.btn-black {
    color: #fff;
    background-color: #222;
    border-color: #090909;
}

.btn-black:hover {
    color: #fff;
    background-color: #090909;
    border-color: #222;
}


/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}



/* customized */
.cbox { display: inline-block; vertical-align: top; position: relative; width: 21px; height: 21px; margin-top: 0; margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cbox > input[type="checkbox"] { margin: 0; line-height: normal; font-family: inherit; font-size: 100%; position: absolute; left: 0px; width: inherit; height: inherit; opacity: 0; -webkit-appearance: none; }
.cbox > input[type="checkbox"]:checked + .cbox-checkbox { background-color: #337ab7; }
.cbox > input[type="checkbox"]:checked + .cbox-checkbox:before { display: block; }
.cbox > input[type="checkbox"]:disabled + .cbox-checkbox:before { cursor: not-allowed; }

.form-group > .cbox { display: block; }

.cbox-checkbox { display: block; height: 100%; background-color: #fff; border: 1px solid #555555; border-radius: 4px; }
.cbox-checkbox:before { position: absolute; content: ''; display: none; top: 5px; left: 4px; width: 14px; height: 8px; border: solid white; border-width: 0 0 4px 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

div.switch { display: inline-block; vertical-align: top; position: relative; width: 52px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.switch > input { position: absolute; z-index: 1; top: 0; left: 0; width: 52px; height: 21px; padding: 0; margin: 0; opacity: 0; -webkit-appearance: none; }
.switch > input:checked + label { padding-left: 31px; background: #337ab7; }
.switch > input:checked + label:after { content: attr(data-on); left: 0; color: #222222; }
.switch > label { display: block; position: relative; height: 21px; line-height: 21px; font-size: 12px; color: #555555; text-align: center; border-radius: 4px; margin: 0; background-color: #fff; border: 1px solid #ccc; transition: 0.15s ease-out; }
.switch > label:before { content: ''; display: block; margin: 0; width: 19px; height: 19px; border-radius: 3px; background: #777777; border: 1px solid #555555; }
.switch > label:after { content: attr(data-off); position: absolute; top: 0; right: 0; width: 30px; }
.switch.switch-flip { width: 24px; height: 24px; }
.switch.switch-flip > input { width: 24px; height: 24px; }
.switch.switch-flip > input:checked + label { padding-left: 0; padding-top: 0; }
.switch.switch-flip > input:checked + label:after { top: 4px; }
.switch.switch-flip > label { height: 24px; line-height: 24px; padding-top: 12px; }
.switch.switch-flip > label:before { width: 22px; height: 10px; }
.switch.switch-flip > label:after { width: 22px; top: -5px; font-size: 10px; }

.form-group > .switch { display: block; }

.diaper-container {
    display:block;
    position: relative;
    width:48px;
    height: 48px;
    /*margin-top:6px;*/
}

.diaper-fill {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    bottom: 0;
    overflow: hidden;
    /*clip-path: polygon(0 40%, 100% 40%, 100% 100%, 0% 100%);*/
}


#diaper path {
    fill: #337ab7;
}

#diaper-full path {
    fill: #e6e600;
}